@revivejs/resize-observer 4.0.0

package/lib/utils/scheduler.js

@@ -0,0 +1,100 @@
+import { process } from './process';
+import { global } from './global';
+import { queueResizeObserver } from './queueResizeObserver';
+var watching = 0;
+var isWatching = function () { return !!watching; };
+var CATCH_PERIOD = 250;
+var observerConfig = { attributes: true, characterData: true, childList: true, subtree: true };
+var events = [
+    'resize',
+    'load',
+    'transitionend',
+    'animationend',
+    'animationstart',
+    'animationiteration',
+    'keyup',
+    'keydown',
+    'mouseup',
+    'mousedown',
+    'mouseover',
+    'mouseout',
+    'blur',
+    'focus'
+];
+var time = function (timeout) {
+    if (timeout === void 0) { timeout = 0; }
+    return Date.now() + timeout;
+};
+var scheduled = false;
+var Scheduler = (function () {
+    function Scheduler() {
+        var _this = this;
+        this.stopped = true;
+        this.listener = function () { return _this.schedule(); };
+    }
+    Scheduler.prototype.run = function (timeout) {
+        var _this = this;
+        if (timeout === void 0) { timeout = CATCH_PERIOD; }
+        if (scheduled) {
+            return;
+        }
+        scheduled = true;
+        var until = time(timeout);
+        queueResizeObserver(function () {
+            var elementsHaveResized = false;
+            try {
+                elementsHaveResized = process();
+            }
+            finally {
+                scheduled = false;
+                timeout = until - time();
+                if (!isWatching()) {
+                    return;
+                }
+                if (elementsHaveResized) {
+                    _this.run(1000);
+                }
+                else if (timeout > 0) {
+                    _this.run(timeout);
+                }
+                else {
+                    _this.start();
+                }
+            }
+        });
+    };
+    Scheduler.prototype.schedule = function () {
+        this.stop();
+        this.run();
+    };
+    Scheduler.prototype.observe = function () {
+        var _this = this;
+        var cb = function () { return _this.observer && _this.observer.observe(document.body, observerConfig); };
+        document.body ? cb() : global.addEventListener('DOMContentLoaded', cb);
+    };
+    Scheduler.prototype.start = function () {
+        var _this = this;
+        if (this.stopped) {
+            this.stopped = false;
+            this.observer = new MutationObserver(this.listener);
+            this.observe();
+            events.forEach(function (name) { return global.addEventListener(name, _this.listener, true); });
+        }
+    };
+    Scheduler.prototype.stop = function () {
+        var _this = this;
+        if (!this.stopped) {
+            this.observer && this.observer.disconnect();
+            events.forEach(function (name) { return global.removeEventListener(name, _this.listener, true); });
+            this.stopped = true;
+        }
+    };
+    return Scheduler;
+}());
+var scheduler = new Scheduler();
+var updateCount = function (n) {
+    !watching && n > 0 && scheduler.start();
+    watching += n;
+    !watching && scheduler.stop();
+};
+export { scheduler, updateCount };

package/package.json

@@ -0,0 +1,88 @@
+{
+  "name": "@revivejs/resize-observer",
+  "version": "4.0.0",
+  "description": "Polyfills the ResizeObserver API and supports box size options from the latest spec",
+  "main": "lib/exports/resize-observer.umd.js",
+  "module": "lib/exports/resize-observer.js",
+  "types": "lib/exports/resize-observer.d.ts",
+  "exports": {
+    ".": {
+      "types": "./lib/exports/resize-observer.d.ts",
+      "import": "./lib/exports/resize-observer.js",
+      "require": "./lib/exports/resize-observer.umd.js",
+      "default": "./lib/exports/resize-observer.js"
+    }
+  },
+  "sideEffects": false,
+  "files": [
+    "lib/**/*.{js,ts}"
+  ],
+  "scripts": {
+    "clean": "rm -rf lib docs/index.html docs/page.js docs/page.css",
+    "build": "npm run clean && npm run build:lib && npm run build:docs",
+    "build:lib": "npm run build:esm && npm run build:umd",
+    "build:esm": "tsc",
+    "build:umd": "rollup -c",
+    "build:docs": "node scripts/build-docs.mjs",
+    "build:package": "npm run build",
+    "pack:check": "npm pack --dry-run",
+    "start": "npm run build:docs && serve docs -l 4173",
+    "ci": "npm test && npm run build && npm run pack:check",
+    "test": "npm run lint && jest --coverage",
+    "lint": "eslint '{src,test}/**/*.ts'",
+    "preversion": "npm run build",
+    "prepublishOnly": "npm run build"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/alexandroit/resize-observer.git"
+  },
+  "keywords": [
+    "resize-observer",
+    "polyfill",
+    "ponyfill",
+    "browser",
+    "dom",
+    "resize",
+    "observer",
+    "typescript",
+    "javascript",
+    "element",
+    "element-resize",
+    "responsive",
+    "web-components",
+    "ui",
+    "angular",
+    "react",
+    "vue",
+    "maintained",
+    "revived"
+  ],
+  "author": "Alexandro Paixao Marques",
+  "contributors": [
+    "Juggle (original project)"
+  ],
+  "license": "Apache-2.0",
+  "bugs": {
+    "url": "https://github.com/alexandroit/resize-observer/issues"
+  },
+  "homepage": "https://alexandroit.github.io/resize-observer/",
+  "engines": {
+    "node": ">=18"
+  },
+  "devDependencies": {
+    "@types/jest": "^28.1.7",
+    "@typescript-eslint/eslint-plugin": "^5.33.1",
+    "@typescript-eslint/parser": "^5.33.1",
+    "esbuild": "^0.25.11",
+    "eslint": "^8.22.0",
+    "jest": "^28.1.3",
+    "jest-environment-jsdom": "^28.1.3",
+    "jest-junit": "^14.0.0",
+    "jsdom": "^20.0.0",
+    "rollup": "^2.78.0",
+    "serve": "^14.2.5",
+    "ts-jest": "^28.0.8",
+    "typescript": "^4.7.4"
+  }
+}