center-center 0.0.16 → 0.0.18

package/docs/index.html

@@ -6,7 +6,7 @@
 			{
 				"imports": {
 					"debug": "https://esm.sh/debug",
-					"center-center": "https://esm.sh/center-center"
+					"center-center": "/assets/index.mjs"
 				}
 			}
 		</script>
@@ -14,7 +14,6 @@
 			import debug from 'debug'
 
 			import {
-				getElementRect,
 				getRects,
 				calculateLeft,
 				calculateTop
@@ -80,10 +79,10 @@
 					log('%d, %d', left, top)
 
 					const {
-					target: {
-						left: currentLeft,
-						top: currentTop
-					}
+						target: {
+							left: currentLeft,
+							top: currentTop
+						}
 					} = rects
 
 					if (currentLeft !== left) target.style.left = left + 'px'

package/docs/index.mjs

@@ -0,0 +1,95 @@
+import debug from 'debug'
+import express from 'express'
+
+const {
+  env: {
+    PORT = 3001
+  }
+} = process
+
+const log = debug('center-center/docs')
+const info = debug('center-center/docs:info')
+const app = express()
+
+process
+  .on('SIGHUP', async (signal) => {
+    const {
+      stdout
+    } = process
+
+    if ('clearLine' in stdout) {
+      stdout.clearLine()
+      stdout.cursorTo(0)
+    }
+
+    log(signal)
+
+    process.exit(0)
+  })
+  .on('SIGINT', async (signal) => {
+    const {
+      stdout
+    } = process
+
+    if ('clearLine' in stdout) {
+      stdout.clearLine()
+      stdout.cursorTo(0)
+    }
+
+    log(signal)
+
+    process.exit(0)
+  })
+  .on('SIGBREAK', async (signal) => {
+    log(signal)
+
+    process.exit(0)
+  })
+  .on('SIGQUIT', async (signal) => {
+    log(signal)
+
+    process.exit(0)
+  })
+  .on('SIGTERM', async (signal) => {
+    log(signal)
+
+    process.exit(0)
+  })
+  .on('SIGPIPE', async (signal) => {
+    log(signal)
+  })
+  .on('beforeExit', async (code) => {
+    log('beforeExit', code)
+  })
+  .on('exit', async (code) => {
+    log('exit', code)
+  })
+  .on('uncaughtException', async ({ message }) => {
+    log('uncaughtException', message)
+
+    process.exit(1)
+  })
+  .on('unhandledRejection', async (reason, promise) => {
+    log('unhandledRejection', reason, promise)
+
+    process.exit(1)
+  })
+
+app
+  .get('/favicon.ico', (req, res) => {
+    res.sendFile('docs/images/favicon.ico', { root: '.' })
+  })
+  .get('/assets/index.mjs', (req, res) => {
+    res.sendFile('index.mjs', { root: '.' })
+  })
+  .get('/', (req, res) => {
+    res.sendFile('docs/index.html', { root: '.' })
+  })
+
+try {
+  app.listen(PORT, () => {
+    info(PORT)
+  })
+} catch ({ message }) {
+  info(message)
+}

package/index.mjs

@@ -4,6 +4,51 @@
  * @typedef {import('.').CenterCenterRects} CenterCenterRects
  */
 
+const elementMap = new WeakMap()
+
+export function getOffsetParentElement (element) {
+  let parentElement = element.parentElement
+  while (!Reflect.has(parentElement, 'offsetLeft') && !Reflect.has(parentElement, 'offsetTop')) {
+    parentElement = element.parentElement
+  }
+
+  return parentElement
+}
+
+export function getOffsetLeft (element) {
+  if (Reflect.has(element, 'offsetLeft')) {
+    return Reflect.get(element, 'offsetLeft')
+  }
+
+  const {
+    left
+  } = element.getBoundingClientRect()
+
+  if (!elementMap.has(element)) elementMap.set(element, getOffsetParentElement(element))
+  const {
+    offsetLeft = 0
+  } = elementMap.get(element)
+
+  return offsetLeft + (offsetLeft - left)
+}
+
+export function getOffsetTop (element) {
+  if (Reflect.has(element, 'offsetTop')) {
+    return Reflect.get(element, 'offsetTop')
+  }
+
+  const {
+    top
+  } = element.getBoundingClientRect()
+
+  if (!elementMap.has(element)) elementMap.set(element, getOffsetParentElement(element))
+  const {
+    offsetTop = 0
+  } = elementMap.get(element)
+
+  return offsetTop + (offsetTop - top)
+}
+
 /**
  * Gets the document `scrollingElement` (or a valid alternative)
  *

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "center-center",
-  "version": "0.0.16",
+  "version": "0.0.18",
   "description": "Position an element at the center center of a container",
   "main": "./index.mjs",
   "type": "module",
@@ -24,7 +24,8 @@
     "lint:mts:fix": "npm run lint:mts -- --fix",
     "test": "cross-env NODE_ENV=test mocha test --recursive",
     "prepare": "husky install",
-    "types": "tsc"
+    "types": "tsc",
+    "start": "DEBUG=center-center* nodemon docs/index.mjs --watch ."
   },
   "dependencies": {
     "debug": "^4.3.4"
@@ -34,7 +35,7 @@
     "@babel/core": "^7.23.9",
     "@babel/eslint-parser": "^7.23.10",
     "@babel/preset-env": "^7.23.9",
-    "@sequencemedia/hooks": "^1.0.476",
+    "@sequencemedia/hooks": "^1.0.477",
     "@typescript-eslint/eslint-plugin": "^6.20.0",
     "@typescript-eslint/parser": "^6.20.0",
     "chai": "^5.0.3",
@@ -43,8 +44,10 @@
     "eslint": "^8.56.0",
     "eslint-config-standard": "^17.1.0",
     "eslint-config-standard-with-typescript": "^43.0.1",
-    "husky": "^9.0.7",
+    "express": "^4.18.2",
+    "husky": "^9.0.10",
     "mocha": "^10.2.0",
+    "nodemon": "^3.0.3",
     "npm-run-all": "^4.1.5",
     "typescript": "^5.3.3"
   },