@symbo.ls/create 2.10.63 → 2.10.66

package/define.js

@@ -0,0 +1,28 @@
+'use strict'
+
+import { Collection } from '@symbo.ls/uikit'
+
+export const defaultDefine = {
+  routes: param => param,
+
+  $router: (param, el) => {
+    if (!param) return
+
+    const obj = { tag: 'fragment', ...param }
+
+    const set = () => {
+      el.set(obj, { preventDefineUpdate: '$router' })
+    }
+
+    if (el.props.lazyLoad) {
+      window.requestAnimationFrame(set)
+    } else set()
+
+    return obj
+  },
+
+  __filepath: param => param,
+  $setCollection: Collection.define.$setCollection,
+  $setStateCollection: Collection.define.$setStateCollection,
+  $setPropsCollection: Collection.define.$setPropsCollection
+}

package/package.json

@@ -1,17 +1,10 @@
 {
   "name": "@symbo.ls/create",
-  "version": "2.10.63",
+  "version": "2.10.66",
   "license": "MIT",
-  "gitHead": "acbef6d351b859f6420dde5634c96a229b0842cc",
+  "gitHead": "15804cb75e3bf9ac2da9aa91270de5fcc9b04b07",
   "source": "index.js",
   "main": "index.js",
-  "browser": "dist/index.cjs.js",
-  "files": [
-    "dist"
-  ],
-  "scripts": {
-    "prepublish": "npx esbuild index.js --target=es2020 --format=cjs --sourcemap=external --outfile=dist/index.cjs.js"
-  },
   "dependencies": {
     "@domql/utils": "latest",
     "@symbo.ls/fetch": "latest",

package/dist/index.cjs.js

@@ -1,124 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var create_exports = {};
-__export(create_exports, {
-  create: () => create,
-  default: () => create_default
-});
-module.exports = __toCommonJS(create_exports);
-var import_domql = __toESM(require("domql"));
-var import_emotion = require("domql/packages/emotion");
-var import_router = require("domql/packages/router");
-var utils = __toESM(require("@symbo.ls/utils"));
-var domqlUtils = __toESM(require("@domql/utils"));
-var uikit = __toESM(require("@symbo.ls/uikit"));
-var import_init = require("@symbo.ls/init");
-var import_fetch = require("@symbo.ls/fetch");
-var import_emotion2 = require("@symbo.ls/emotion");
-var import_define = require("./define");
-const SYMBOLS_KEY = process.env.SYMBOLS_KEY;
-const defaultOptions = {
-  editor: {
-    endpoint: "api.symbols.app"
-  },
-  state: {},
-  pages: {},
-  system: {
-    useReset: true,
-    useVariable: true,
-    useIconSprite: true,
-    useSvgSprite: true,
-    useFontImport: true
-  },
-  components: {},
-  initOptions: {
-    emotion: import_emotion2.emotion
-  },
-  define: import_define.defaultDefine
-};
-const create = async (App, options = defaultOptions) => {
-  const appIsKey = domqlUtils.isString(App);
-  const key = options.key || SYMBOLS_KEY || (appIsKey ? App : "");
-  if (appIsKey)
-    App = {};
-  if (key && options.editor) {
-    try {
-      if (!options.async)
-        await (0, import_fetch.fetchProject)(key, options);
-    } catch (e) {
-      console.error(e);
-    }
-  }
-  const initOptions = options.initOptions || {};
-  const emotion = initOptions.emotion || import_emotion2.emotion || (0, import_emotion2.createEmotion)();
-  if (!initOptions.emotion)
-    initOptions.emotion = emotion;
-  const emotionDefine = options.registry || (0, import_emotion.transformDOMQLEmotion)(initOptions.emotion, options);
-  const doc = options.parent || document;
-  const designSystem = (0, import_init.init)(options.system || {}, null, {
-    key,
-    emotion,
-    verbose: options.verbose,
-    document: doc,
-    ...defaultOptions.system,
-    ...initOptions
-  });
-  const domqlApp = import_domql.default.create({
-    extend: [App],
-    routes: options.pages,
-    state: options.state,
-    context: {
-      key,
-      components: options.components ? { ...uikit, ...options.components } : uikit,
-      state: options.state || {},
-      pages: options.pages || {},
-      system: designSystem || {},
-      utils: { ...utils, ...domqlUtils },
-      define: import_define.defaultDefine,
-      registry: emotionDefine,
-      router: options.router || import_router.router,
-      emotion,
-      document: doc
-    }
-  }, doc.body, key, {
-    extend: [uikit.Box],
-    verbose: options.verbose,
-    ...options.domqlOptions
-  });
-  if (key && options.editor) {
-    try {
-      if (options.editor.async)
-        (0, import_fetch.fetchStateAsync)(key, options, domqlApp);
-    } catch (e) {
-      console.error(e);
-    }
-  }
-  return domqlApp;
-};
-var create_default = create;

package/dist/index.cjs.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../index.js"],
-  "sourcesContent": ["'use strict'\n\nimport DOM from 'domql'\nimport { transformDOMQLEmotion } from 'domql/packages/emotion'\nimport { router } from 'domql/packages/router'\n\nimport * as utils from '@symbo.ls/utils'\nimport * as domqlUtils from '@domql/utils'\n\nimport * as uikit from '@symbo.ls/uikit'\nimport { init } from '@symbo.ls/init'\nimport { fetchStateAsync, fetchProject } from '@symbo.ls/fetch'\n\nimport { emotion as defaultEmotion, createEmotion } from '@symbo.ls/emotion'\nimport { defaultDefine } from './define'\n\nconst SYMBOLS_KEY = process.env.SYMBOLS_KEY\n\nconst defaultOptions = {\n  editor: {\n    endpoint: 'api.symbols.app'\n  },\n  state: {},\n  pages: {},\n  system: {\n    useReset: true,\n    useVariable: true,\n    useIconSprite: true,\n    useSvgSprite: true,\n    useFontImport: true\n  },\n  components: {},\n  initOptions: {\n    emotion: defaultEmotion\n  },\n  define: defaultDefine\n}\n\nexport const create = async (App, options = defaultOptions) => {\n  const appIsKey = domqlUtils.isString(App)\n  const key = options.key || SYMBOLS_KEY || (appIsKey ? App : '')\n\n  if (appIsKey) App = {}\n  if (key && options.editor) {\n    try {\n      if (!options.async) await fetchProject(key, options)\n    } catch (e) {\n      console.error(e)\n    }\n  }\n\n  const initOptions = options.initOptions || {}\n  const emotion = initOptions.emotion || defaultEmotion || createEmotion()\n  if (!initOptions.emotion) initOptions.emotion = emotion\n  const emotionDefine = options.registry || transformDOMQLEmotion(initOptions.emotion, options)\n\n  const doc = options.parent || document\n\n  const designSystem = init(options.system || {}, null, {\n    key,\n    emotion,\n    verbose: options.verbose,\n    document: doc,\n    ...defaultOptions.system,\n    ...initOptions\n  })\n\n  const domqlApp = DOM.create({\n    extend: [App],\n    routes: options.pages,\n    state: options.state,\n    context: {\n      key,\n      components: options.components ? { ...uikit, ...options.components } : uikit,\n      state: options.state || {},\n      pages: options.pages || {},\n      system: designSystem || {},\n      utils: { ...utils, ...domqlUtils },\n      define: defaultDefine,\n      registry: emotionDefine,\n      router: options.router || router,\n      emotion,\n      document: doc\n    }\n  }, doc.body, key, {\n    extend: [uikit.Box],\n    verbose: options.verbose,\n    ...options.domqlOptions\n  })\n\n  if (key && options.editor) {\n    try {\n      if (options.editor.async) fetchStateAsync(key, options, domqlApp)\n    } catch (e) {\n      console.error(e)\n    }\n  }\n\n  return domqlApp\n}\n\nexport default create\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,mBAAgB;AAChB,qBAAsC;AACtC,oBAAuB;AAEvB,YAAuB;AACvB,iBAA4B;AAE5B,YAAuB;AACvB,kBAAqB;AACrB,mBAA8C;AAE9C,IAAAA,kBAAyD;AACzD,oBAA8B;AAE9B,MAAM,cAAc,QAAQ,IAAI;AAEhC,MAAM,iBAAiB;AAAA,EACrB,QAAQ;AAAA,IACN,UAAU;AAAA,EACZ;AAAA,EACA,OAAO,CAAC;AAAA,EACR,OAAO,CAAC;AAAA,EACR,QAAQ;AAAA,IACN,UAAU;AAAA,IACV,aAAa;AAAA,IACb,eAAe;AAAA,IACf,cAAc;AAAA,IACd,eAAe;AAAA,EACjB;AAAA,EACA,YAAY,CAAC;AAAA,EACb,aAAa;AAAA,IACX,SAAS,gBAAAC;AAAA,EACX;AAAA,EACA,QAAQ;AACV;AAEO,MAAM,SAAS,OAAO,KAAK,UAAU,mBAAmB;AAC7D,QAAM,WAAW,WAAW,SAAS,GAAG;AACxC,QAAM,MAAM,QAAQ,OAAO,gBAAgB,WAAW,MAAM;AAE5D,MAAI;AAAU,UAAM,CAAC;AACrB,MAAI,OAAO,QAAQ,QAAQ;AACzB,QAAI;AACF,UAAI,CAAC,QAAQ;AAAO,kBAAM,2BAAa,KAAK,OAAO;AAAA,IACrD,SAAS,GAAP;AACA,cAAQ,MAAM,CAAC;AAAA,IACjB;AAAA,EACF;AAEA,QAAM,cAAc,QAAQ,eAAe,CAAC;AAC5C,QAAM,UAAU,YAAY,WAAW,gBAAAA,eAAkB,+BAAc;AACvE,MAAI,CAAC,YAAY;AAAS,gBAAY,UAAU;AAChD,QAAM,gBAAgB,QAAQ,gBAAY,sCAAsB,YAAY,SAAS,OAAO;AAE5F,QAAM,MAAM,QAAQ,UAAU;AAE9B,QAAM,mBAAe,kBAAK,QAAQ,UAAU,CAAC,GAAG,MAAM;AAAA,IACpD;AAAA,IACA;AAAA,IACA,SAAS,QAAQ;AAAA,IACjB,UAAU;AAAA,IACV,GAAG,eAAe;AAAA,IAClB,GAAG;AAAA,EACL,CAAC;AAED,QAAM,WAAW,aAAAC,QAAI,OAAO;AAAA,IAC1B,QAAQ,CAAC,GAAG;AAAA,IACZ,QAAQ,QAAQ;AAAA,IAChB,OAAO,QAAQ;AAAA,IACf,SAAS;AAAA,MACP;AAAA,MACA,YAAY,QAAQ,aAAa,EAAE,GAAG,OAAO,GAAG,QAAQ,WAAW,IAAI;AAAA,MACvE,OAAO,QAAQ,SAAS,CAAC;AAAA,MACzB,OAAO,QAAQ,SAAS,CAAC;AAAA,MACzB,QAAQ,gBAAgB,CAAC;AAAA,MACzB,OAAO,EAAE,GAAG,OAAO,GAAG,WAAW;AAAA,MACjC,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,QAAQ,QAAQ,UAAU;AAAA,MAC1B;AAAA,MACA,UAAU;AAAA,IACZ;AAAA,EACF,GAAG,IAAI,MAAM,KAAK;AAAA,IAChB,QAAQ,CAAC,MAAM,GAAG;AAAA,IAClB,SAAS,QAAQ;AAAA,IACjB,GAAG,QAAQ;AAAA,EACb,CAAC;AAED,MAAI,OAAO,QAAQ,QAAQ;AACzB,QAAI;AACF,UAAI,QAAQ,OAAO;AAAO,0CAAgB,KAAK,SAAS,QAAQ;AAAA,IAClE,SAAS,GAAP;AACA,cAAQ,MAAM,CAAC;AAAA,IACjB;AAAA,EACF;AAEA,SAAO;AACT;AAEA,IAAO,iBAAQ;",
-  "names": ["import_emotion", "defaultEmotion", "DOM"]
-}