@symbo.ls/create 2.11.511 → 2.11.514

package/dist/cjs/createDomql.js

@@ -35,6 +35,7 @@ module.exports = __toCommonJS(createDomql_exports);
 var import_domql = __toESM(require("domql"), 1);
 var uikit = __toESM(require("@symbo.ls/uikit"), 1);
 var import_utils = require("@domql/utils");
+var import_event = require("@domql/event");
 var import_define = require("./define");
 var import_router = require("./router");
 var import_syncExtend = require("./syncExtend");
@@ -78,7 +79,7 @@ const createDomqlElement = async (app, ctx) => {
   app.state = ctx.state;
   app.context = ctx;
   app.data = app.data || {};
-  app.data.frameListeners = (0, import_prepare.initAnimationFrame)();
+  app.data.frameListeners = (0, import_event.initAnimationFrame)(ctx);
   (0, import_prepare.prepareRequire)({
     functions: ctx.functions,
     utils: ctx.utils,

package/dist/cjs/prepare.js

@@ -29,7 +29,6 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var prepare_exports = {};
 __export(prepare_exports, {
   UIkitWithPrefix: () => UIkitWithPrefix,
-  initAnimationFrame: () => initAnimationFrame,
   prepareComponents: () => prepareComponents,
   prepareDependencies: () => prepareDependencies,
   prepareDesignSystem: () => prepareDesignSystem,
@@ -188,22 +187,3 @@ const preparePages = (app, context) => {
     return pages2;
   }, pages);
 };
-const initAnimationFrame = () => {
-  const frameListeners = /* @__PURE__ */ new Set();
-  function requestFrame() {
-    for (const element of frameListeners) {
-      if (!document.body.contains(element.node)) {
-        frameListeners.delete(element);
-      } else {
-        try {
-          (element.on.frame || element.props.onFrame)(element, element.state, element.context);
-        } catch (e) {
-          console.warn(e);
-        }
-      }
-    }
-    window.requestAnimationFrame(requestFrame);
-  }
-  requestFrame();
-  return frameListeners;
-};

package/dist/esm/createDomql.js

@@ -17,11 +17,11 @@ var __spreadValues = (a, b) => {
 import DOM from "domql";
 import * as uikit from "@symbo.ls/uikit";
 import { isString, isNode, isObject } from "@domql/utils";
+import { initAnimationFrame } from "@domql/event";
 import { defaultDefine } from "./define";
 import { initRouter } from "./router";
 import { initializeExtend, initializeInspect, initializeNotifications, initializeSync } from "./syncExtend";
 import {
-  initAnimationFrame,
   prepareComponents,
   prepareDependencies,
   prepareDesignSystem,
@@ -71,7 +71,7 @@ const createDomqlElement = async (app, ctx) => {
   app.state = ctx.state;
   app.context = ctx;
   app.data = app.data || {};
-  app.data.frameListeners = initAnimationFrame();
+  app.data.frameListeners = initAnimationFrame(ctx);
   prepareRequire(__spreadValues({
     functions: ctx.functions,
     utils: ctx.utils,

package/dist/esm/prepare.js

@@ -169,28 +169,8 @@ const preparePages = (app, context) => {
     return pages2;
   }, pages);
 };
-const initAnimationFrame = () => {
-  const frameListeners = /* @__PURE__ */ new Set();
-  function requestFrame() {
-    for (const element of frameListeners) {
-      if (!document.body.contains(element.node)) {
-        frameListeners.delete(element);
-      } else {
-        try {
-          (element.on.frame || element.props.onFrame)(element, element.state, element.context);
-        } catch (e) {
-          console.warn(e);
-        }
-      }
-    }
-    window.requestAnimationFrame(requestFrame);
-  }
-  requestFrame();
-  return frameListeners;
-};
 export {
   UIkitWithPrefix,
-  initAnimationFrame,
   prepareComponents,
   prepareDependencies,
   prepareDesignSystem,

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@symbo.ls/create",
-  "version": "2.11.511",
+  "version": "2.11.514",
   "license": "MIT",
-  "gitHead": "6906b1d6a1aa7c7d9468d76895062144ffde2cc6",
+  "gitHead": "7744e475b747954ee8f0a8968651ff0eae11127a",
   "type": "module",
   "module": "src/index.js",
   "main": "src/index.js",
@@ -30,14 +30,15 @@
   },
   "dependencies": {
     "@domql/emotion": "^2.5.0",
+    "@domql/event": "^2.5.0",
     "@domql/report": "^2.5.0",
     "@domql/router": "^2.5.0",
     "@symbo.ls/fetch": "^2.11.511",
-    "@symbo.ls/init": "^2.11.508",
-    "@symbo.ls/scratch": "^2.11.504",
-    "@symbo.ls/sync": "^2.11.511",
-    "@symbo.ls/uikit": "^2.11.504",
-    "@symbo.ls/utils": "^2.11.504",
+    "@symbo.ls/init": "^2.11.514",
+    "@symbo.ls/scratch": "^2.11.514",
+    "@symbo.ls/sync": "^2.11.514",
+    "@symbo.ls/uikit": "^2.11.514",
+    "@symbo.ls/utils": "^2.11.512",
     "domql": "^2.5.158"
   },
   "devDependencies": {

package/src/createDomql.js

@@ -4,12 +4,12 @@ import DOM from 'domql'
 import * as uikit from '@symbo.ls/uikit'
 
 import { isString, isNode, isObject } from '@domql/utils'
+import { initAnimationFrame } from '@domql/event'
 import { defaultDefine } from './define'
 import { initRouter } from './router'
 import { initializeExtend, initializeInspect, initializeNotifications, initializeSync } from './syncExtend'
 
 import {
-  initAnimationFrame,
   prepareComponents,
   prepareDependencies,
   prepareDesignSystem,
@@ -63,7 +63,7 @@ export const createDomqlElement = async (app, ctx) => {
   app.state = ctx.state
   app.context = ctx
   app.data = app.data || {}
-  app.data.frameListeners = initAnimationFrame()
+  app.data.frameListeners = initAnimationFrame(ctx)
 
   prepareRequire({
     functions: ctx.functions,

package/src/prepare.js

@@ -171,27 +171,3 @@ export const preparePages = (app, context) => {
       return pages
     }, pages)
 }
-
-export const initAnimationFrame = () => {
-  const frameListeners = new Set()
-
-  function requestFrame () {
-    // Iterate over frameListeners
-    for (const element of frameListeners) {
-      if (!document.body.contains(element.node)) {
-        frameListeners.delete(element) // Remove if node has no parent
-      } else {
-        try {
-          (element.on.frame || element.props.onFrame)(element, element.state, element.context)
-        } catch (e) {
-          console.warn(e)
-        }
-      }
-    }
-    window.requestAnimationFrame(requestFrame)
-  }
-
-  requestFrame()
-
-  return frameListeners
-}