smbls 3.6.8 → 3.7.3

package/dist/cjs/package.json

@@ -1 +1 @@
-{"name":"smbls","version":"3.6.7"}
+{"name":"smbls","version":"3.7.0"}

package/dist/cjs/src/createDomql.js

@@ -41,6 +41,10 @@ var import_define = require("./define.js");
 var import_router = require("./router.js");
 var import_syncExtend = require("./syncExtend.js");
 var import_prepare = require("./prepare.js");
+var import_polyglot = require("@symbo.ls/polyglot");
+var import_functions = require("@symbo.ls/polyglot/functions");
+var import_helmet = require("@symbo.ls/helmet");
+var import_fetch = require("@symbo.ls/fetch");
 const prepareContext = async (app, context = {}) => {
   const key = context.key = context.key || ((0, import_utils.isString)(app) ? app : "smblsapp");
   context.define = context.define || import_define.defaultDefine;
@@ -69,6 +73,20 @@ const prepareContext = async (app, context = {}) => {
   context.defaultExtends = [uikit.Box];
   context.snippets = context.snippets || {};
   context.functions = context.functions || {};
+  context.plugins = context.plugins || [];
+  const hasPlugin = (name) => context.plugins.some((p) => p.name === name);
+  if (context.polyglot && !hasPlugin("polyglot")) {
+    context.plugins.push(import_polyglot.polyglotPlugin);
+    for (const k in import_functions.polyglotFunctions) {
+      if (!(k in context.functions)) context.functions[k] = import_functions.polyglotFunctions[k];
+    }
+  }
+  if (!hasPlugin("helmet")) {
+    context.plugins.push(import_helmet.helmetPlugin);
+  }
+  if (context.fetch && !hasPlugin("fetch")) {
+    context.plugins.push(import_fetch.fetchPlugin);
+  }
   return context;
 };
 const createDomqlElement = async (app, ctx) => {

package/dist/cjs/src/define.js

@@ -18,33 +18,44 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var define_exports = {};
 __export(define_exports, {
+  createDefine: () => createDefine,
   defaultDefine: () => defaultDefine
 });
 module.exports = __toCommonJS(define_exports);
 var import_helmet = require("@symbo.ls/helmet");
 var import_fetch = require("@symbo.ls/fetch");
+const fetchHandler = (param, el, state, context) => {
+  if (!param) return;
+  (0, import_fetch.executeFetch)(param, el, state, context);
+};
+const metadataHandler = (param, el, state) => {
+  if (!param) return;
+  const doc = el.context?.document || typeof document !== "undefined" && document;
+  if (!doc) return;
+  const resolved = (0, import_helmet.resolveMetadata)(param, el, state);
+  (0, import_helmet.applyMetadata)(resolved, doc);
+};
+const routerHandler = async (param, el) => {
+  if (!param) return;
+  const obj = { tag: "fragment", ...param };
+  const set = async () => {
+    await el.set(obj, { preventDefineUpdate: "$router" });
+  };
+  if (el.props && el.props.lazyLoad) {
+    window.requestAnimationFrame(set);
+  } else await set();
+  return obj;
+};
 const defaultDefine = {
   routes: (param) => param,
-  metadata: (param, el, state) => {
-    if (!param) return;
-    const doc = el.context?.document || typeof document !== "undefined" && document;
-    if (!doc) return;
-    const resolved = (0, import_helmet.resolveMetadata)(param, el, state);
-    (0, import_helmet.applyMetadata)(resolved, doc);
-  },
-  fetch: (param, el, state, context) => {
-    if (!param) return;
-    (0, import_fetch.executeFetch)(param, el, state, context);
-  },
-  $router: async (param, el) => {
-    if (!param) return;
-    const obj = { tag: "fragment", ...param };
-    const set = async () => {
-      await el.set(obj, { preventDefineUpdate: "$router" });
-    };
-    if (el.props && el.props.lazyLoad) {
-      window.requestAnimationFrame(set);
-    } else await set();
-    return obj;
-  }
+  metadata: metadataHandler,
+  fetch: fetchHandler,
+  $router: routerHandler
+};
+const createDefine = (opts = {}) => {
+  const define = { routes: (param) => param };
+  if (opts.metadata !== false) define.metadata = metadataHandler;
+  if (opts.fetch !== false) define.fetch = fetchHandler;
+  if (opts.router !== false) define.$router = routerHandler;
+  return define;
 };

package/dist/cjs/src/index.js

@@ -34,9 +34,21 @@ __export(src_exports, {
   ROUTER_OPTIONS: () => import_options2.ROUTER_OPTIONS,
   create: () => create,
   createAsync: () => createAsync,
+  createDefine: () => import_define.createDefine,
   createSkeleton: () => createSkeleton,
   createSync: () => createSync,
-  default: () => src_default
+  default: () => src_default,
+  defaultDefine: () => import_define.defaultDefine,
+  getActiveLang: () => import_polyglot.getActiveLang,
+  getLanguages: () => import_polyglot.getLanguages,
+  getLocalStateLang: () => import_polyglot.getLocalStateLang,
+  initPolyglot: () => import_polyglot.initPolyglot,
+  loadTranslations: () => import_polyglot.loadTranslations,
+  polyglotFunctions: () => import_functions.polyglotFunctions,
+  polyglotPlugin: () => import_polyglot.polyglotPlugin,
+  setLang: () => import_polyglot.setLang,
+  translate: () => import_polyglot.translate,
+  upsertTranslation: () => import_polyglot.upsertTranslation
 });
 module.exports = __toCommonJS(src_exports);
 var import_utils = require("@domql/utils");
@@ -47,6 +59,9 @@ var import_options = __toESM(require("./options.js"), 1);
 var import_createDomql = require("./createDomql.js");
 __reExport(src_exports, require("./init.js"), module.exports);
 var import_options2 = require("./options.js");
+var import_define = require("./define.js");
+var import_polyglot = require("@symbo.ls/polyglot");
+var import_functions = require("@symbo.ls/polyglot/functions");
 const mergeWithLocalFile = (options, optionsExternalFile) => (0, import_utils.deepMerge)(
   options,
   (0, import_utils.isObject)(optionsExternalFile) ? optionsExternalFile : {}

package/dist/cjs/src/init.js

@@ -62,14 +62,14 @@ const init = (config, options = SET_OPTIONS) => {
     },
     { newConfig: options.newConfig }
   );
-  const FontFace = (0, import_scratch.getFontFaceString)(conf.font || conf.FONT, conf.files);
+  const FontFace = (0, import_scratch.getFontFaceString)(conf.font, conf.files);
   const useReset = conf.useReset;
   const useVariable = conf.useVariable;
   const useFontImport = conf.useFontImport;
   const useSvgSprite = conf.useSvgSprite;
-  const hasSvgs = config.svg || config.SVG;
+  const hasSvgs = config.svg;
   const useIconSprite = conf.useIconSprite;
-  const hasIcons = config.icons || config.ICONS;
+  const hasIcons = config.icons;
   if (useFontImport) emotion.injectGlobal(FontFace);
   if (useVariable) {
     emotion.injectGlobal({ ":root": conf.CSS_VARS });
@@ -85,8 +85,8 @@ const init = (config, options = SET_OPTIONS) => {
       emotion.injectGlobal(themeStyles);
     }
   }
-  if (useReset) emotion.injectGlobal(conf.reset || conf.RESET);
-  const animations = conf.animation || conf.ANIMATION;
+  if (useReset) emotion.injectGlobal(conf.reset);
+  const animations = conf.animation;
   if (animations) {
     const keyframesCSS = {};
     for (const name in animations) {
@@ -95,9 +95,9 @@ const init = (config, options = SET_OPTIONS) => {
     emotion.injectGlobal(keyframesCSS);
   }
   if (hasSvgs || useSvgSprite)
-    (0, import_scratch.appendSVGSprite)(conf.svg || conf.SVG, { document: options.document });
+    (0, import_scratch.appendSVGSprite)(conf.svg, { document: options.document });
   if (hasIcons || useIconSprite)
-    (0, import_scratch.appendSvgIconsSprite)(conf.icons || conf.ICONS, { document: options.document });
+    (0, import_scratch.appendSvgIconsSprite)(conf.icons, { document: options.document });
   return conf;
 };
 const UPDATE_OPTIONS = {
@@ -123,7 +123,7 @@ const reinit = (config, options = UPDATE_OPTIONS) => {
       }
       emotion.injectGlobal(themeStyles);
     }
-    emotion.injectGlobal(conf.RESET);
+    emotion.injectGlobal(conf.reset);
   }
   return conf;
 };

package/dist/esm/package.json

@@ -1 +1 @@
-{"name":"smbls","version":"3.6.7"}
+{"name":"smbls","version":"3.7.0"}

package/dist/esm/src/createDomql.js

@@ -23,6 +23,10 @@ import {
   prepareSharedLibs,
   PACKAGE_MANAGER_TO_CDN
 } from "./prepare.js";
+import { polyglotPlugin } from "@symbo.ls/polyglot";
+import { polyglotFunctions } from "@symbo.ls/polyglot/functions";
+import { helmetPlugin } from "@symbo.ls/helmet";
+import { fetchPlugin } from "@symbo.ls/fetch";
 const prepareContext = async (app, context = {}) => {
   const key = context.key = context.key || (isString(app) ? app : "smblsapp");
   context.define = context.define || defaultDefine;
@@ -51,6 +55,20 @@ const prepareContext = async (app, context = {}) => {
   context.defaultExtends = [uikit.Box];
   context.snippets = context.snippets || {};
   context.functions = context.functions || {};
+  context.plugins = context.plugins || [];
+  const hasPlugin = (name) => context.plugins.some((p) => p.name === name);
+  if (context.polyglot && !hasPlugin("polyglot")) {
+    context.plugins.push(polyglotPlugin);
+    for (const k in polyglotFunctions) {
+      if (!(k in context.functions)) context.functions[k] = polyglotFunctions[k];
+    }
+  }
+  if (!hasPlugin("helmet")) {
+    context.plugins.push(helmetPlugin);
+  }
+  if (context.fetch && !hasPlugin("fetch")) {
+    context.plugins.push(fetchPlugin);
+  }
   return context;
 };
 const createDomqlElement = async (app, ctx) => {

package/dist/esm/src/define.js

@@ -1,30 +1,41 @@
 import { resolveMetadata, applyMetadata } from "@symbo.ls/helmet";
 import { executeFetch } from "@symbo.ls/fetch";
+const fetchHandler = (param, el, state, context) => {
+  if (!param) return;
+  executeFetch(param, el, state, context);
+};
+const metadataHandler = (param, el, state) => {
+  if (!param) return;
+  const doc = el.context?.document || typeof document !== "undefined" && document;
+  if (!doc) return;
+  const resolved = resolveMetadata(param, el, state);
+  applyMetadata(resolved, doc);
+};
+const routerHandler = async (param, el) => {
+  if (!param) return;
+  const obj = { tag: "fragment", ...param };
+  const set = async () => {
+    await el.set(obj, { preventDefineUpdate: "$router" });
+  };
+  if (el.props && el.props.lazyLoad) {
+    window.requestAnimationFrame(set);
+  } else await set();
+  return obj;
+};
 const defaultDefine = {
   routes: (param) => param,
-  metadata: (param, el, state) => {
-    if (!param) return;
-    const doc = el.context?.document || typeof document !== "undefined" && document;
-    if (!doc) return;
-    const resolved = resolveMetadata(param, el, state);
-    applyMetadata(resolved, doc);
-  },
-  fetch: (param, el, state, context) => {
-    if (!param) return;
-    executeFetch(param, el, state, context);
-  },
-  $router: async (param, el) => {
-    if (!param) return;
-    const obj = { tag: "fragment", ...param };
-    const set = async () => {
-      await el.set(obj, { preventDefineUpdate: "$router" });
-    };
-    if (el.props && el.props.lazyLoad) {
-      window.requestAnimationFrame(set);
-    } else await set();
-    return obj;
-  }
+  metadata: metadataHandler,
+  fetch: fetchHandler,
+  $router: routerHandler
+};
+const createDefine = (opts = {}) => {
+  const define = { routes: (param) => param };
+  if (opts.metadata !== false) define.metadata = metadataHandler;
+  if (opts.fetch !== false) define.fetch = fetchHandler;
+  if (opts.router !== false) define.$router = routerHandler;
+  return define;
 };
 export {
+  createDefine,
   defaultDefine
 };

package/dist/esm/src/index.js

@@ -65,13 +65,28 @@ const createSkeleton = (App = {}, options = DEFAULT_CREATE_OPTIONS, optionsExter
 var src_default = create;
 export * from "./init.js";
 import { DEFAULT_CONTEXT, DESIGN_SYSTEM_OPTIONS, ROUTER_OPTIONS } from "./options.js";
+import { defaultDefine, createDefine } from "./define.js";
+import { polyglotPlugin, translate, setLang, getActiveLang, getLanguages, loadTranslations, upsertTranslation, initPolyglot, getLocalStateLang } from "@symbo.ls/polyglot";
+import { polyglotFunctions } from "@symbo.ls/polyglot/functions";
 export {
   DEFAULT_CONTEXT,
   DESIGN_SYSTEM_OPTIONS,
   ROUTER_OPTIONS,
   create,
   createAsync,
+  createDefine,
   createSkeleton,
   createSync,
-  src_default as default
+  src_default as default,
+  defaultDefine,
+  getActiveLang,
+  getLanguages,
+  getLocalStateLang,
+  initPolyglot,
+  loadTranslations,
+  polyglotFunctions,
+  polyglotPlugin,
+  setLang,
+  translate,
+  upsertTranslation
 };

package/dist/esm/src/init.js

@@ -41,14 +41,14 @@ const init = (config, options = SET_OPTIONS) => {
     },
     { newConfig: options.newConfig }
   );
-  const FontFace = getFontFaceString(conf.font || conf.FONT, conf.files);
+  const FontFace = getFontFaceString(conf.font, conf.files);
   const useReset = conf.useReset;
   const useVariable = conf.useVariable;
   const useFontImport = conf.useFontImport;
   const useSvgSprite = conf.useSvgSprite;
-  const hasSvgs = config.svg || config.SVG;
+  const hasSvgs = config.svg;
   const useIconSprite = conf.useIconSprite;
-  const hasIcons = config.icons || config.ICONS;
+  const hasIcons = config.icons;
   if (useFontImport) emotion.injectGlobal(FontFace);
   if (useVariable) {
     emotion.injectGlobal({ ":root": conf.CSS_VARS });
@@ -64,8 +64,8 @@ const init = (config, options = SET_OPTIONS) => {
       emotion.injectGlobal(themeStyles);
     }
   }
-  if (useReset) emotion.injectGlobal(conf.reset || conf.RESET);
-  const animations = conf.animation || conf.ANIMATION;
+  if (useReset) emotion.injectGlobal(conf.reset);
+  const animations = conf.animation;
   if (animations) {
     const keyframesCSS = {};
     for (const name in animations) {
@@ -74,9 +74,9 @@ const init = (config, options = SET_OPTIONS) => {
     emotion.injectGlobal(keyframesCSS);
   }
   if (hasSvgs || useSvgSprite)
-    appendSVGSprite(conf.svg || conf.SVG, { document: options.document });
+    appendSVGSprite(conf.svg, { document: options.document });
   if (hasIcons || useIconSprite)
-    appendSvgIconsSprite(conf.icons || conf.ICONS, { document: options.document });
+    appendSvgIconsSprite(conf.icons, { document: options.document });
   return conf;
 };
 const UPDATE_OPTIONS = {
@@ -102,7 +102,7 @@ const reinit = (config, options = UPDATE_OPTIONS) => {
       }
       emotion.injectGlobal(themeStyles);
     }
-    emotion.injectGlobal(conf.RESET);
+    emotion.injectGlobal(conf.reset);
   }
   return conf;
 };