Add consts

packages/child/index.js

@@ -1,4 +1,11 @@
-import { BASE, SINGLE, SIZE_ATTR, VERSION } from '../common/consts'
+import {
+  BASE,
+  HEIGHT_EDGE,
+  SINGLE,
+  SIZE_ATTR,
+  VERSION,
+  WIDTH_EDGE,
+} from '../common/consts'
 import formatAdvise from '../common/format-advise'
 import { addEventListener, removeEventListener } from '../common/listeners'
 import { getModeData } from '../common/mode'
@@ -205,7 +212,7 @@ function setupObserveOverflow() {
   if (calculateHeight === calculateWidth) return
   observeOverflow = overflowObserver({
     onChange: once(initContinue),
-    side: calculateHeight ? 'bottom' : 'right',
+    side: calculateHeight ? HEIGHT_EDGE : WIDTH_EDGE,
   })
 }
 
@@ -1071,8 +1078,8 @@ const getHeight = {
   max: () => Math.max(...getAllMeasurements(getHeight)),
   min: () => Math.min(...getAllMeasurements(getHeight)),
   grow: () => getHeight.max(),
-  lowestElement: () => getMaxElement('bottom'),
-  taggedElement: () => getMaxElement('bottom'),
+  lowestElement: () => getMaxElement(HEIGHT_EDGE),
+  taggedElement: () => getMaxElement(HEIGHT_EDGE),
 }
 
 const getWidth = {
@@ -1088,10 +1095,10 @@ const getWidth = {
     document.documentElement.getBoundingClientRect().right,
   max: () => Math.max(...getAllMeasurements(getWidth)),
   min: () => Math.min(...getAllMeasurements(getWidth)),
-  rightMostElement: () => getMaxElement('right'),
+  rightMostElement: () => getMaxElement(WIDTH_EDGE),
   scroll: () =>
     Math.max(getWidth.bodyScroll(), getWidth.documentElementScroll()),
-  taggedElement: () => getMaxElement('right'),
+  taggedElement: () => getMaxElement(WIDTH_EDGE),
 }
 
 function sizeIFrame(

packages/child/overflow.js

@@ -1,7 +1,7 @@
+import { HEIGHT_EDGE, OVERFLOW_ATTR } from '../common/consts'
 import { id } from '../common/utils'
 
-const OVERFLOW = 'data-iframe-overflow'
-let side = 'bottom'
+let side = HEIGHT_EDGE
 
 let onChange = id
 
@@ -20,10 +20,10 @@ const isTarget = (entry) =>
 
 const callback = (entries) => {
   entries.forEach((entry) => {
-    entry.target.toggleAttribute(OVERFLOW, isTarget(entry))
+    entry.target.toggleAttribute(OVERFLOW_ATTR, isTarget(entry))
   })
 
-  overflowedElements = document.querySelectorAll(`[${OVERFLOW}]`)
+  overflowedElements = document.querySelectorAll(`[${OVERFLOW_ATTR}]`)
   onChange()
 }
 

packages/common/consts.js

@@ -2,7 +2,12 @@ export const VERSION = '[VI]{version}[/VI]'
 
 export const BASE = 10
 export const SINGLE = 1
+
 export const SIZE_ATTR = 'data-iframe-size'
+export const OVERFLOW_ATTR = 'data-iframe-overflow'
+
+export const HEIGHT_EDGE = 'bottom'
+export const WIDTH_EDGE = 'right'
 
 export const msgHeader = 'message'
 export const msgHeaderLen = msgHeader.length