@symbo.ls/create 2.27.0 → 2.27.11

package/dist/cjs/createDomql.js

@@ -60,8 +60,7 @@ const prepareContext = (app, context = {}) => {
   return context;
 };
 const createDomqlElement = async (app, ctx) => {
-  if (!(0, import_utils.isObject)(ctx))
-    ctx = {};
+  if (!(0, import_utils.isObject)(ctx)) ctx = {};
   if ((0, import_utils.isNode)(app)) {
     app = {};
     ctx.parent = app;

package/dist/cjs/define.js

@@ -26,16 +26,14 @@ const defaultDefine = {
   routes: (param) => param,
   // deps: (param, el) => param || el.parent.deps,
   $router: (param, el) => {
-    if (!param)
-      return;
+    if (!param) return;
     const obj = { tag: "fragment", ...param };
     const set = () => {
       el.set(obj, { preventDefineUpdate: "$router" });
     };
     if (el.props && el.props.lazyLoad) {
       window.requestAnimationFrame(set);
-    } else
-      set();
+    } else set();
     return obj;
   },
   $collection: import_atoms.Collection.define.$collection,

package/dist/cjs/ferchOnCreate.js

@@ -27,8 +27,7 @@ var import_fetch = require("@symbo.ls/fetch");
 const fetchSync = async (key, options) => {
   if (key && options.editor) {
     try {
-      if (!options.editor.async)
-        await (0, import_fetch.fetchProject)(key, options);
+      if (!options.editor.async) await (0, import_fetch.fetchProject)(key, options);
     } catch (e) {
       console.error(e);
     }

package/dist/cjs/index.js

@@ -26,15 +26,15 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var src_exports = {};
-__export(src_exports, {
+var index_exports = {};
+__export(index_exports, {
   create: () => create,
   createAsync: () => createAsync,
   createSkeleton: () => createSkeleton,
   createSync: () => createSync,
-  default: () => src_default
+  default: () => index_default
 });
-module.exports = __toCommonJS(src_exports);
+module.exports = __toCommonJS(index_exports);
 var import_utils = require("@domql/utils");
 var utils = __toESM(require("./utilImports"), 1);
 var import_router = require("./router");
@@ -50,8 +50,7 @@ const create = (App, options = import_options.default, optionsExternalFile) => {
   const redefinedOptions = { ...import_options.default, ...mergeWithLocalFile(options, optionsExternalFile) };
   const domqlApp = (0, import_createDomql.createDomqlElement)(App, redefinedOptions);
   (0, import_router.popStateRouter)(domqlApp, redefinedOptions);
-  if (redefinedOptions.on && redefinedOptions.on.create)
-    redefinedOptions.on.create(domqlApp, domqlApp.state, domqlApp.context, redefinedOptions);
+  if (redefinedOptions.on && redefinedOptions.on.create) redefinedOptions.on.create(domqlApp, domqlApp.state, domqlApp.context, redefinedOptions);
   return domqlApp;
 };
 const createAsync = (App, options = import_options.default, optionsExternalFile) => {
@@ -66,8 +65,7 @@ const createSync = async (App, options = import_options.default, optionsExternal
   const key = options.key;
   await (0, import_ferchOnCreate.fetchSync)(key, redefinedOptions);
   const domqlApp = await (0, import_createDomql.createDomqlElement)(App, redefinedOptions);
-  if (redefinedOptions.on && redefinedOptions.on.create)
-    await redefinedOptions.on.create(domqlApp, domqlApp.state, domqlApp.context, redefinedOptions);
+  if (redefinedOptions.on && redefinedOptions.on.create) await redefinedOptions.on.create(domqlApp, domqlApp.state, domqlApp.context, redefinedOptions);
   return domqlApp;
 };
 const createSkeleton = (App = {}, options = import_options.default, optionsExternalFile) => {
@@ -80,4 +78,4 @@ const createSkeleton = (App = {}, options = import_options.default, optionsExter
     optionsExternalFile
   );
 };
-var src_default = create;
+var index_default = create;

package/dist/cjs/initEmotion.js

@@ -32,8 +32,7 @@ const initEmotion = (key, options = {}) => {
   const doc = options.parent || options.document || document;
   const initOptions = options.initOptions || {};
   const emotion = initOptions.emotion;
-  if (!initOptions.emotion)
-    initOptions.emotion = import_emotion2.emotion;
+  if (!initOptions.emotion) initOptions.emotion = import_emotion2.emotion;
   const registry = options.registry || (0, import_emotion.transformDOMQLEmotion)(initOptions.emotion, options);
   const designSystem = initOptions.useDefaultConfig || ((_a = options.designSystem) == null ? void 0 : _a.useDefaultConfig) ? (0, import_utils.deepMerge)(options.designSystem, (0, import_utils.deepClone)(import_default_config.DEFAULT_CONFIG)) : options.designSystem || (0, import_utils.deepClone)(import_default_config.DEFAULT_CONFIG);
   const scratchSystem = (0, import_init.init)(designSystem, {

package/dist/cjs/prepare.js

@@ -47,11 +47,9 @@ var utils = __toESM(require("./utilImports"), 1);
 var routerUtils = __toESM(require("@domql/router"), 1);
 const ENV = "development";
 const prepareWindow = (context) => {
-  if (typeof window === "undefined")
-    window = globalThis || {};
+  if (typeof window === "undefined") window = globalThis || {};
   if (typeof document === "undefined") {
-    if (!window.document)
-      window.document = globalThis.document || { body: {} };
+    if (!window.document) window.document = globalThis.document || { body: {} };
     document = window.document;
   }
   context.document = context.document || document;
@@ -77,7 +75,14 @@ const prepareComponents = (context) => {
   return context.components ? { ...UIkitWithPrefix(), ...context.components } : UIkitWithPrefix();
 };
 const prepareUtils = (context) => {
-  return { ...utils, ...routerUtils, ...utils.scratchUtils, ...context.utils, ...context.snippets, ...context.functions };
+  return {
+    ...utils,
+    ...routerUtils,
+    ...utils.scratchUtils,
+    ...context.utils,
+    ...context.snippets,
+    ...context.functions
+  };
 };
 const prepareMethods = (context) => {
   return {
@@ -103,16 +108,14 @@ const prepareDependencies = ({
     if (version === "loading" || version === "error") {
       continue;
     }
-    const random = ENV === "development" ? `?${Math.random()}` : "";
+    const random = utils.isDevelopment(ENV) ? `?${Math.random()}` : "";
     let url = `https://pkg.symbo.ls/${dependency}/${version}.js${random}`;
     if (dependency.split("/").length > 2 || !onlyDotsAndNumbers(version)) {
       url = `https://pkg.symbo.ls/${dependency}${random}`;
     }
-    if (dependenciesOnDemand && dependenciesOnDemand[dependency])
-      continue;
+    if (dependenciesOnDemand && dependenciesOnDemand[dependency]) continue;
     try {
-      if (cachedDeps[dependency])
-        return;
+      if (cachedDeps[dependency]) return;
       cachedDeps[dependency] = true;
       utils.loadJavascriptFileEmbedSync(url, document2);
     } catch (e) {
@@ -126,8 +129,7 @@ const prepareRequire = (packages, ctx) => {
   const initRequire = (ctx2) => (key) => {
     const windowOpts2 = ctx2.window || window;
     const pkg = windowOpts2.packages[key];
-    if (typeof pkg === "function")
-      return pkg();
+    if (typeof pkg === "function") return pkg();
     return pkg;
   };
   const initRequireOnDemand = (ctx2) => (key) => {
@@ -135,7 +137,7 @@ const prepareRequire = (packages, ctx) => {
     const documentOpts = ctx2.document || document;
     const windowOpts2 = ctx2.window || window;
     if (!windowOpts2.packages[key]) {
-      const random = ENV === "development" ? `?${Math.random()}` : "";
+      const random = utils.isDevelopment(ENV) ? `?${Math.random()}` : "";
       if (dependenciesOnDemand && dependenciesOnDemand[key]) {
         const version = dependenciesOnDemand[key];
         const url = `https://pkg.symbo.ls/${key}/${version}.js${random}`;
@@ -169,10 +171,8 @@ const prepareDesignSystem = (key, context) => {
 };
 const prepareState = (app, context) => {
   const state = {};
-  if (context.state)
-    utils.deepMerge(state, context.state);
-  if (app && app.state)
-    (0, import_utils.deepMerge)(state, app.state);
+  if (context.state) utils.deepMerge(state, context.state);
+  if (app && app.state) (0, import_utils.deepMerge)(state, app.state);
   return (0, import_utils.deepClone)(state);
 };
 const preparePages = (app, context) => {

package/dist/cjs/router.js

@@ -32,19 +32,15 @@ const DEFAULT_ROUTING_OPTIONS = {
   popState: true
 };
 const initRouter = (element, context) => {
-  if (context.router === false)
-    return;
-  else if (context.router === true)
-    context.router = DEFAULT_ROUTING_OPTIONS;
-  else
-    (0, import_utils.merge)(context.router || {}, DEFAULT_ROUTING_OPTIONS);
+  if (context.router === false) return;
+  else if (context.router === true) context.router = DEFAULT_ROUTING_OPTIONS;
+  else (0, import_utils.merge)(context.router || {}, DEFAULT_ROUTING_OPTIONS);
   const routerOptions = context.router;
   const router = context.utils && context.utils.router ? context.utils.router : import_router.router;
   const onRouterRenderDefault = (el, s) => {
     const { pathname, search, hash } = import_utils.window.location;
     const url = pathname + search + hash;
-    if (el.routes)
-      router(url, el, {}, { initialRender: true });
+    if (el.routes) router(url, el, {}, { initialRender: true });
   };
   const hasRenderRouter = element.on && !(0, import_utils.isUndefined)(element.on.renderRouter);
   if (routerOptions && routerOptions.initRouter && !hasRenderRouter) {
@@ -61,12 +57,10 @@ const initRouter = (element, context) => {
 };
 let popStateFired;
 const popStateRouter = (element, context) => {
-  if (popStateFired)
-    return;
+  if (popStateFired) return;
   popStateFired = true;
   const routerOptions = context.router || DEFAULT_ROUTING_OPTIONS;
-  if (!routerOptions.popState)
-    return;
+  if (!routerOptions.popState) return;
   const router = context.utils && context.utils.router ? context.utils.router : import_router.router;
   import_utils.window.onpopstate = (e) => {
     const { pathname, search, hash } = import_utils.window.location;

package/dist/cjs/syncExtend.js

@@ -31,12 +31,10 @@ const initializeExtend = (app, ctx) => {
 };
 const initializeSync = (app, ctx) => {
   const { editor } = ctx;
-  if (!editor)
-    return;
+  if (!editor) return;
   const liveSync = (0, import_utils.isUndefined)(editor.liveSync) ? (0, import_utils.isDevelopment)() : editor.liveSync;
   if (liveSync) {
-    if ((0, import_utils.isArray)(app.extend))
-      app.extend.push(import_sync.SyncComponent);
+    if ((0, import_utils.isArray)(app.extend)) app.extend.push(import_sync.SyncComponent);
     else if (app.extend) {
       app.extend = [app.extend, import_sync.SyncComponent];
     } else {
@@ -46,12 +44,10 @@ const initializeSync = (app, ctx) => {
 };
 const initializeInspect = (app, ctx) => {
   const { editor } = ctx;
-  if (!editor)
-    return;
+  if (!editor) return;
   const inspect = (0, import_utils.isUndefined)(editor.inspect) ? (0, import_utils.isDevelopment)() : editor.inspect;
   if (inspect) {
-    if ((0, import_utils.isArray)(app.extend))
-      app.extend.push(import_sync.Inspect);
+    if ((0, import_utils.isArray)(app.extend)) app.extend.push(import_sync.Inspect);
     else if (app.extend) {
       app.extend = [app.extend, import_sync.Inspect];
     } else {
@@ -61,12 +57,10 @@ const initializeInspect = (app, ctx) => {
 };
 const initializeNotifications = (app, ctx) => {
   const { editor } = ctx;
-  if (!editor)
-    return;
+  if (!editor) return;
   const verbose = (0, import_utils.isUndefined)(editor.verbose) ? (0, import_utils.isDevelopment)() || ctx.verbose : editor.verbose;
   if (verbose) {
-    if ((0, import_utils.isArray)(app.extend))
-      app.extend.push(import_sync.Notifications);
+    if ((0, import_utils.isArray)(app.extend)) app.extend.push(import_sync.Notifications);
     else if (app.extend) {
       app.extend = [app.extend, import_sync.Notifications];
     } else {

package/dist/esm/createDomql.js

@@ -52,8 +52,7 @@ const prepareContext = (app, context = {}) => {
   return context;
 };
 const createDomqlElement = async (app, ctx) => {
-  if (!isObject(ctx))
-    ctx = {};
+  if (!isObject(ctx)) ctx = {};
   if (isNode(app)) {
     app = {};
     ctx.parent = app;

package/dist/esm/define.js

@@ -19,16 +19,14 @@ const defaultDefine = {
   routes: (param) => param,
   // deps: (param, el) => param || el.parent.deps,
   $router: (param, el) => {
-    if (!param)
-      return;
+    if (!param) return;
     const obj = __spreadValues({ tag: "fragment" }, param);
     const set = () => {
       el.set(obj, { preventDefineUpdate: "$router" });
     };
     if (el.props && el.props.lazyLoad) {
       window.requestAnimationFrame(set);
-    } else
-      set();
+    } else set();
     return obj;
   },
   $collection: Collection.define.$collection,

package/dist/esm/ferchOnCreate.js

@@ -3,8 +3,7 @@ import { fetchProject, fetchProjectAsync } from "@symbo.ls/fetch";
 const fetchSync = async (key, options) => {
   if (key && options.editor) {
     try {
-      if (!options.editor.async)
-        await fetchProject(key, options);
+      if (!options.editor.async) await fetchProject(key, options);
     } catch (e) {
       console.error(e);
     }

package/dist/esm/index.js

@@ -29,8 +29,7 @@ const create = (App, options = DEFAULT_CREATE_OPTIONS, optionsExternalFile) => {
   const redefinedOptions = __spreadValues(__spreadValues({}, DEFAULT_CREATE_OPTIONS), mergeWithLocalFile(options, optionsExternalFile));
   const domqlApp = createDomqlElement(App, redefinedOptions);
   popStateRouter(domqlApp, redefinedOptions);
-  if (redefinedOptions.on && redefinedOptions.on.create)
-    redefinedOptions.on.create(domqlApp, domqlApp.state, domqlApp.context, redefinedOptions);
+  if (redefinedOptions.on && redefinedOptions.on.create) redefinedOptions.on.create(domqlApp, domqlApp.state, domqlApp.context, redefinedOptions);
   return domqlApp;
 };
 const createAsync = (App, options = DEFAULT_CREATE_OPTIONS, optionsExternalFile) => {
@@ -45,8 +44,7 @@ const createSync = async (App, options = DEFAULT_CREATE_OPTIONS, optionsExternal
   const key = options.key;
   await fetchSync(key, redefinedOptions);
   const domqlApp = await createDomqlElement(App, redefinedOptions);
-  if (redefinedOptions.on && redefinedOptions.on.create)
-    await redefinedOptions.on.create(domqlApp, domqlApp.state, domqlApp.context, redefinedOptions);
+  if (redefinedOptions.on && redefinedOptions.on.create) await redefinedOptions.on.create(domqlApp, domqlApp.state, domqlApp.context, redefinedOptions);
   return domqlApp;
 };
 const createSkeleton = (App = {}, options = DEFAULT_CREATE_OPTIONS, optionsExternalFile) => {
@@ -58,11 +56,11 @@ const createSkeleton = (App = {}, options = DEFAULT_CREATE_OPTIONS, optionsExter
     optionsExternalFile
   );
 };
-var src_default = create;
+var index_default = create;
 export {
   create,
   createAsync,
   createSkeleton,
   createSync,
-  src_default as default
+  index_default as default
 };

package/dist/esm/initEmotion.js

@@ -25,8 +25,7 @@ const initEmotion = (key, options = {}) => {
   const doc = options.parent || options.document || document;
   const initOptions = options.initOptions || {};
   const emotion = initOptions.emotion;
-  if (!initOptions.emotion)
-    initOptions.emotion = defaultEmotion;
+  if (!initOptions.emotion) initOptions.emotion = defaultEmotion;
   const registry = options.registry || transformDOMQLEmotion(initOptions.emotion, options);
   const designSystem = initOptions.useDefaultConfig || ((_a = options.designSystem) == null ? void 0 : _a.useDefaultConfig) ? deepMerge(options.designSystem, deepClone(DEFAULT_CONFIG)) : options.designSystem || deepClone(DEFAULT_CONFIG);
   const scratchSystem = init(designSystem, __spreadValues(__spreadValues({

package/dist/esm/prepare.js

@@ -30,11 +30,9 @@ import * as utils from "./utilImports";
 import * as routerUtils from "@domql/router";
 const ENV = "development";
 const prepareWindow = (context) => {
-  if (typeof window === "undefined")
-    window = globalThis || {};
+  if (typeof window === "undefined") window = globalThis || {};
   if (typeof document === "undefined") {
-    if (!window.document)
-      window.document = globalThis.document || { body: {} };
+    if (!window.document) window.document = globalThis.document || { body: {} };
     document = window.document;
   }
   context.document = context.document || document;
@@ -85,16 +83,14 @@ const prepareDependencies = ({
     if (version === "loading" || version === "error") {
       continue;
     }
-    const random = ENV === "development" ? `?${Math.random()}` : "";
+    const random = utils.isDevelopment(ENV) ? `?${Math.random()}` : "";
     let url = `https://pkg.symbo.ls/${dependency}/${version}.js${random}`;
     if (dependency.split("/").length > 2 || !onlyDotsAndNumbers(version)) {
       url = `https://pkg.symbo.ls/${dependency}${random}`;
     }
-    if (dependenciesOnDemand && dependenciesOnDemand[dependency])
-      continue;
+    if (dependenciesOnDemand && dependenciesOnDemand[dependency]) continue;
     try {
-      if (cachedDeps[dependency])
-        return;
+      if (cachedDeps[dependency]) return;
       cachedDeps[dependency] = true;
       utils.loadJavascriptFileEmbedSync(url, document2);
     } catch (e) {
@@ -108,8 +104,7 @@ const prepareRequire = (packages, ctx) => {
   const initRequire = (ctx2) => (key) => {
     const windowOpts2 = ctx2.window || window;
     const pkg = windowOpts2.packages[key];
-    if (typeof pkg === "function")
-      return pkg();
+    if (typeof pkg === "function") return pkg();
     return pkg;
   };
   const initRequireOnDemand = (ctx2) => (key) => {
@@ -117,7 +112,7 @@ const prepareRequire = (packages, ctx) => {
     const documentOpts = ctx2.document || document;
     const windowOpts2 = ctx2.window || window;
     if (!windowOpts2.packages[key]) {
-      const random = ENV === "development" ? `?${Math.random()}` : "";
+      const random = utils.isDevelopment(ENV) ? `?${Math.random()}` : "";
       if (dependenciesOnDemand && dependenciesOnDemand[key]) {
         const version = dependenciesOnDemand[key];
         const url = `https://pkg.symbo.ls/${key}/${version}.js${random}`;
@@ -151,10 +146,8 @@ const prepareDesignSystem = (key, context) => {
 };
 const prepareState = (app, context) => {
   const state = {};
-  if (context.state)
-    utils.deepMerge(state, context.state);
-  if (app && app.state)
-    deepMerge(state, app.state);
+  if (context.state) utils.deepMerge(state, context.state);
+  if (app && app.state) deepMerge(state, app.state);
   return deepClone(state);
 };
 const preparePages = (app, context) => {

package/dist/esm/router.js

@@ -7,19 +7,15 @@ const DEFAULT_ROUTING_OPTIONS = {
   popState: true
 };
 const initRouter = (element, context) => {
-  if (context.router === false)
-    return;
-  else if (context.router === true)
-    context.router = DEFAULT_ROUTING_OPTIONS;
-  else
-    merge(context.router || {}, DEFAULT_ROUTING_OPTIONS);
+  if (context.router === false) return;
+  else if (context.router === true) context.router = DEFAULT_ROUTING_OPTIONS;
+  else merge(context.router || {}, DEFAULT_ROUTING_OPTIONS);
   const routerOptions = context.router;
   const router = context.utils && context.utils.router ? context.utils.router : defaultRouter;
   const onRouterRenderDefault = (el, s) => {
     const { pathname, search, hash } = window.location;
     const url = pathname + search + hash;
-    if (el.routes)
-      router(url, el, {}, { initialRender: true });
+    if (el.routes) router(url, el, {}, { initialRender: true });
   };
   const hasRenderRouter = element.on && !isUndefined(element.on.renderRouter);
   if (routerOptions && routerOptions.initRouter && !hasRenderRouter) {
@@ -36,12 +32,10 @@ const initRouter = (element, context) => {
 };
 let popStateFired;
 const popStateRouter = (element, context) => {
-  if (popStateFired)
-    return;
+  if (popStateFired) return;
   popStateFired = true;
   const routerOptions = context.router || DEFAULT_ROUTING_OPTIONS;
-  if (!routerOptions.popState)
-    return;
+  if (!routerOptions.popState) return;
   const router = context.utils && context.utils.router ? context.utils.router : defaultRouter;
   window.onpopstate = (e) => {
     const { pathname, search, hash } = window.location;

package/dist/esm/syncExtend.js

@@ -5,12 +5,10 @@ const initializeExtend = (app, ctx) => {
 };
 const initializeSync = (app, ctx) => {
   const { editor } = ctx;
-  if (!editor)
-    return;
+  if (!editor) return;
   const liveSync = isUndefined(editor.liveSync) ? isDevelopment() : editor.liveSync;
   if (liveSync) {
-    if (isArray(app.extend))
-      app.extend.push(SyncComponent);
+    if (isArray(app.extend)) app.extend.push(SyncComponent);
     else if (app.extend) {
       app.extend = [app.extend, SyncComponent];
     } else {
@@ -20,12 +18,10 @@ const initializeSync = (app, ctx) => {
 };
 const initializeInspect = (app, ctx) => {
   const { editor } = ctx;
-  if (!editor)
-    return;
+  if (!editor) return;
   const inspect = isUndefined(editor.inspect) ? isDevelopment() : editor.inspect;
   if (inspect) {
-    if (isArray(app.extend))
-      app.extend.push(Inspect);
+    if (isArray(app.extend)) app.extend.push(Inspect);
     else if (app.extend) {
       app.extend = [app.extend, Inspect];
     } else {
@@ -35,12 +31,10 @@ const initializeInspect = (app, ctx) => {
 };
 const initializeNotifications = (app, ctx) => {
   const { editor } = ctx;
-  if (!editor)
-    return;
+  if (!editor) return;
   const verbose = isUndefined(editor.verbose) ? isDevelopment() || ctx.verbose : editor.verbose;
   if (verbose) {
-    if (isArray(app.extend))
-      app.extend.push(Notifications);
+    if (isArray(app.extend)) app.extend.push(Notifications);
     else if (app.extend) {
       app.extend = [app.extend, Notifications];
     } else {

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@symbo.ls/create",
-  "version": "2.27.0",
+  "version": "2.27.11",
   "license": "MIT",
-  "gitHead": "40a924693178a7d7b9e94aac0282b9d31602eca7",
+  "gitHead": "0189e4620f901c763754d06de65bcf6075c05618",
   "type": "module",
   "module": "src/index.js",
   "main": "src/index.js",
@@ -10,9 +10,9 @@
   "jsdelivr": "dist/iife/index.js",
   "exports": {
     ".": {
-      "default": "./dist/esm/index.js",
       "import": "./dist/esm/index.js",
-      "require": "./dist/cjs/index.js"
+      "require": "./dist/cjs/index.js",
+      "default": "./dist/esm/index.js"
     }
   },
   "source": "src/index.js",
@@ -22,24 +22,24 @@
   ],
   "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",
-    "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:esm": "cross-env NODE_ENV=$NODE_ENV npx esbuild src/*.js --target=es2017 --format=esm --outdir=dist/esm",
+    "build:cjs": "cross-env NODE_ENV=$NODE_ENV npx esbuild src/*.js --target=node16 --format=cjs --outdir=dist/cjs",
+    "build:iife": "cross-env NODE_ENV=$NODE_ENV 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.27.0",
-    "@domql/event": "^2.27.0",
-    "@domql/report": "^2.27.0",
-    "@domql/router": "^2.27.0",
-    "@symbo.ls/fetch": "^2.27.0",
-    "@symbo.ls/init": "^2.27.0",
-    "@symbo.ls/scratch": "^2.27.0",
-    "@symbo.ls/sync": "^2.27.0",
-    "@symbo.ls/uikit": "^2.27.0",
-    "@symbo.ls/utils": "^2.27.0",
-    "domql": "^2.27.0"
+    "@domql/emotion": "^2.27.11",
+    "@domql/event": "^2.27.11",
+    "@domql/report": "^2.27.11",
+    "@domql/router": "^2.27.11",
+    "@symbo.ls/fetch": "^2.27.11",
+    "@symbo.ls/init": "^2.27.11",
+    "@symbo.ls/scratch": "^2.27.11",
+    "@symbo.ls/sync": "^2.27.11",
+    "@symbo.ls/uikit": "^2.27.11",
+    "@symbo.ls/utils": "^2.27.11",
+    "domql": "^2.27.11"
   },
   "devDependencies": {
     "@babel/core": "^7.26.0"

package/src/prepare.js

@@ -15,9 +15,9 @@ import * as routerUtils from '@domql/router'
 
 const ENV = process.env.NODE_ENV
 
-export const prepareWindow = (context) => {
-  if (typeof (window) === 'undefined') window = globalThis || {} // eslint-disable-line
-  if (typeof (document) === 'undefined') {
+export const prepareWindow = context => {
+  if (typeof window === 'undefined') window = globalThis || {} // eslint-disable-line
+  if (typeof document === 'undefined') {
     if (!window.document) window.document = globalThis.document || { body: {} }
     document = window.document // eslint-disable-line
   }
@@ -44,20 +44,34 @@ export const UIkitWithPrefix = () => {
 }
 
 export const prepareComponents = context => {
-  return context.components ? { ...UIkitWithPrefix(), ...context.components } : UIkitWithPrefix()
+  return context.components
+    ? { ...UIkitWithPrefix(), ...context.components }
+    : UIkitWithPrefix()
 }
 
 export const prepareUtils = context => {
-  return { ...utils, ...routerUtils, ...utils.scratchUtils, ...context.utils, ...context.snippets, ...context.functions }
+  return {
+    ...utils,
+    ...routerUtils,
+    ...utils.scratchUtils,
+    ...context.utils,
+    ...context.snippets,
+    ...context.functions
+  }
 }
 
-export const prepareMethods = (context) => {
+export const prepareMethods = context => {
   return {
     ...(context.methods || {}),
     require: context.utils.require,
     requireOnDemand: context.utils.requireOnDemand,
     call: function (fnKey, ...args) {
-      return (context.utils[fnKey] || context.functions[fnKey] || context.methods[fnKey] || context.snippets[fnKey])?.call(this, ...args)
+      return (
+        context.utils[fnKey] ||
+        context.functions[fnKey] ||
+        context.methods[fnKey] ||
+        context.snippets[fnKey]
+      )?.call(this, ...args)
     }
   }
 }
@@ -77,7 +91,7 @@ export const prepareDependencies = ({
       continue
     }
 
-    const random = ENV === 'development' ? `?${Math.random()}` : ''
+    const random = utils.isDevelopment(ENV) ? `?${Math.random()}` : ''
     let url = `https://pkg.symbo.ls/${dependency}/${version}.js${random}`
 
     if (dependency.split('/').length > 2 || !onlyDotsAndNumbers(version)) {
@@ -113,7 +127,7 @@ export const prepareRequire = (packages, ctx) => {
     const documentOpts = ctx.document || document
     const windowOpts = ctx.window || window
     if (!windowOpts.packages[key]) {
-      const random = ENV === 'development' ? `?${Math.random()}` : ''
+      const random = utils.isDevelopment(ENV) ? `?${Math.random()}` : ''
       if (dependenciesOnDemand && dependenciesOnDemand[key]) {
         const version = dependenciesOnDemand[key]
         const url = `https://pkg.symbo.ls/${key}/${version}.js${random}`