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