@symbo.ls/create 2.11.508 → 2.11.512

package/dist/esm/utilImports.js

@@ -0,0 +1,14 @@
+import { scratchUtils, scratchSystem, set } from "@symbo.ls/scratch";
+export * from "@domql/utils";
+export * from "@symbo.ls/utils";
+import { init, reinit, applyCSS } from "@symbo.ls/init";
+export * from "@domql/report";
+export * from "@domql/router";
+export {
+  applyCSS,
+  init,
+  reinit,
+  scratchSystem,
+  scratchUtils,
+  set
+};

package/package.json

@@ -1,45 +1,44 @@
 {
   "name": "@symbo.ls/create",
-  "version": "2.11.508",
+  "version": "2.11.512",
   "license": "MIT",
-  "gitHead": "e020dc57f9b91184b88d34094575040f7bdf84f7",
-  "files": [
-    "src",
-    "dist"
-  ],
-  "repository": "https://github.com/symbo-ls/scratch",
+  "gitHead": "72e3686d3c934501b7bffb459ce6d0d271bc0f8d",
   "type": "module",
   "module": "src/index.js",
+  "main": "src/index.js",
   "unpkg": "dist/iife/index.js",
   "jsdelivr": "dist/iife/index.js",
-  "main": "src/index.js",
   "exports": {
     ".": {
-      "kalduna": "./src/index.js",
-      "default": "./dist/cjs/index.js"
+      "default": "./dist/esm/index.js",
+      "import": "./dist/esm/index.js",
+      "require": "./dist/cjs/index.js"
     }
   },
   "source": "src/index.js",
-  "publishConfig": {},
+  "files": [
+    "src",
+    "dist"
+  ],
   "scripts": {
     "copy:package:cjs": "cp ../../build/package-cjs.json dist/cjs/package.json",
-    "build:esm": "npx esbuild ./src/*.js --target=es2017 --format=esm --outdir=dist/esm --loader:.svg=text",
-    "build:cjs": "npx esbuild ./src/*.js --target=node16 --format=cjs --outdir=dist/cjs --loader:.svg=text",
-    "build:cjs:bundle": "npx esbuild ./src/index.js --target=node16 --format=cjs --outdir=dist/cjs/bundle --loader:.svg=text --bundle --loader:.svg=empty",
-    "build:iife": "npx esbuild ./src/index.js --target=es2017 --format=iife --outdir=dist/iife --loader:.svg=text --bundle --minify",
-    "build": "npm run build:cjs; npm run build:cjs:bundle",
-    "prepublish": "rimraf -I dist && npm run build && npm run copy:package:cjs"
+    "build:esm": "npx esbuild src/*.js --target=es2017 --format=esm --outdir=dist/esm",
+    "build:cjs": "npx esbuild src/*.js --target=node16 --format=cjs --outdir=dist/cjs",
+    "build:iife": "npx esbuild src/*.js --target=node16 --format=iife --outdir=dist/iife",
+    "build": "rimraf -I dist; npm run build:cjs; npm run build:esm",
+    "prepublish": "npm run build; npm run copy:package:cjs"
   },
   "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.475",
-    "@symbo.ls/init": "^2.11.508",
-    "@symbo.ls/scratch": "^2.11.504",
-    "@symbo.ls/sync": "^2.11.508",
-    "@symbo.ls/uikit": "^2.11.504",
-    "@symbo.ls/utils": "^2.11.504",
+    "@symbo.ls/fetch": "^2.11.511",
+    "@symbo.ls/init": "^2.11.512",
+    "@symbo.ls/scratch": "^2.11.512",
+    "@symbo.ls/sync": "^2.11.512",
+    "@symbo.ls/uikit": "^2.11.512",
+    "@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/index.js

@@ -23,7 +23,7 @@ export const create = (App, options = DEFAULT_CREATE_OPTIONS, optionsExternalFil
 
   popStateRouter(domqlApp, redefinedOptions)
 
-  if (redefinedOptions.on && redefinedOptions.on.create) redefinedOptions.on.create(domqlApp, redefinedOptions)
+  if (redefinedOptions.on && redefinedOptions.on.create) redefinedOptions.on.create(domqlApp, domqlApp.state, domqlApp.context, redefinedOptions)
 
   return domqlApp
 }
@@ -47,7 +47,7 @@ export const createSync = async (App, options = DEFAULT_CREATE_OPTIONS, optionsE
   await fetchSync(key, redefinedOptions)
 
   const domqlApp = await createDomqlElement(App, redefinedOptions)
-  if (redefinedOptions.on && redefinedOptions.on.create) await (redefinedOptions.on.create(domqlApp, redefinedOptions))
+  if (redefinedOptions.on && redefinedOptions.on.create) await (redefinedOptions.on.create(domqlApp, domqlApp.state, domqlApp.context, redefinedOptions))
 
   return domqlApp
 }

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
-}