@symbo.ls/create 2.11.230 → 2.11.237

package/dist/cjs/index.js

@@ -42,6 +42,7 @@ var import_router = require("./router");
 var import_ferchOnCreate = require("./ferchOnCreate");
 var import_initEmotion = require("./initEmotion");
 var import_syncExtend = require("./syncExtend");
+var import_prepare = require("./prepare");
 var import_options = __toESM(require("./options"), 1);
 var import_dynamic = __toESM(require("@symbo.ls/init/dynamic.json"), 1);
 const SYMBOLS_KEY = process.env.SYMBOLS_KEY;
@@ -56,24 +57,13 @@ const create = async (App, options = import_options.default, optionsExternalFile
   if (appIsKey)
     App = {};
   await (0, import_ferchOnCreate.fetchSync)(key, options);
-  if (typeof document === "undefined") {
-    if (typeof window === "undefined")
-      window = {};
-    if (!window.document)
-      window.document = { body: {} };
-    document = window.document;
-  }
-  const doc = options.parent || options.document || document;
-  const [scratcDesignhSystem, emotion, registry] = (0, import_initEmotion.initEmotion)(key, options);
-  const state = {};
-  if (options.state)
-    (0, import_utils.deepMerge)(state, options.state);
-  if (App && App.state)
-    (0, import_utils.deepMerge)(state, App.state);
-  const pages = options.pages || {};
-  const components = options.components ? { ...uikit, ...options.components } : uikit;
-  const designSystem = scratcDesignhSystem || {};
-  const snippets = { ...utils, ...utils.scratchUtils, ...options.snippets || {} };
+  const doc = (0, import_prepare.prepareDocument)(options);
+  const [scratcDesignSystem, emotion, registry] = (0, import_prepare.prepareDesignSystem)(options, key);
+  const state = (0, import_prepare.prepareState)(options, App);
+  const pages = (0, import_prepare.preparePages)(options);
+  const components = (0, import_prepare.prepareComponents)(options);
+  const designSystem = scratcDesignSystem;
+  const snippets = (0, import_prepare.prepareUtils)(options);
   const define = options.define || import_define.defaultDefine;
   const routerOptions = (0, import_router.initRouter)(App, options);
   const extend = (0, import_syncExtend.applySyncDebug)([App], options);
@@ -130,7 +120,7 @@ const createSync = (App, options = import_options.default, optionsExternalFile)
     parent = options.document;
   else
     parent = document.body;
-  const [scratcDesignhSystem, emotion, registry] = (0, import_initEmotion.initEmotion)(key, options);
+  const [scratcDesignSystem, emotion, registry] = (0, import_initEmotion.initEmotion)(key, options);
   let state;
   if (options.state)
     state = options.state;
@@ -140,7 +130,7 @@ const createSync = (App, options = import_options.default, optionsExternalFile)
     state = {};
   const pages = options.pages || {};
   const components = options.components ? { ...uikit, ...options.components } : uikit;
-  const designSystem = scratcDesignhSystem || {};
+  const designSystem = scratcDesignSystem || {};
   const snippets = { ...utils, ...utils.scratchUtils, ...options.snippets || {} };
   const define = options.define || import_define.defaultDefine;
   const extend = (0, import_syncExtend.applySyncDebug)([App], options);

package/dist/cjs/initEmotion.js

@@ -37,14 +37,15 @@ var import_init = require("@symbo.ls/init");
 var import_utils = require("@domql/utils");
 var import_options = require("./options");
 var import_default_config = __toESM(require("@symbo.ls/default-config"), 1);
-const initEmotion = (key, options = import_options.DESIGN_SYSTEM_OPTIONS) => {
+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;
   const registry = options.registry || (0, import_emotion.transformDOMQLEmotion)(initOptions.emotion, options);
-  const designSystem = options.designSystem || (options.defaultConfig ? (0, import_utils.deepClone)(import_default_config.default) : {});
+  const defaultDesignSystem = (0, import_utils.deepClone)(import_default_config.default);
+  const designSystem = initOptions.useDefaultConfig ? (0, import_utils.deepMerge)(options.designSystem, defaultDesignSystem) : options.designSystem || defaultDesignSystem;
   const scratchSystem = (0, import_init.init)(designSystem, {
     key,
     emotion,

package/dist/cjs/options.js

@@ -30,7 +30,8 @@ const DESIGN_SYSTEM_OPTIONS = {
   useIconSprite: true,
   useSvgSprite: true,
   useDocumentTheme: true,
-  useFontImport: true
+  useFontImport: true,
+  useDefaultConfig: true
 };
 const CREATE_OPTIONS = {
   defaultConfig: true,

package/dist/cjs/prepare.js

@@ -0,0 +1,94 @@
+"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 prepare_exports = {};
+__export(prepare_exports, {
+  UIkitWithPrefix: () => UIkitWithPrefix,
+  prepareComponents: () => prepareComponents,
+  prepareDesignSystem: () => prepareDesignSystem,
+  prepareDocument: () => prepareDocument,
+  preparePages: () => preparePages,
+  prepareState: () => prepareState,
+  prepareUtils: () => prepareUtils
+});
+module.exports = __toCommonJS(prepare_exports);
+var import_utils = require("@domql/utils");
+var import_initEmotion = require("./initEmotion");
+var uikit = __toESM(require("@symbo.ls/uikit"), 1);
+var utils = __toESM(require("./utilImports"), 1);
+const checkIfKeyIsComponent = (key) => {
+  const isFirstKeyString = (0, import_utils.isString)(key);
+  if (!isFirstKeyString)
+    return;
+  const firstCharKey = key.slice(0, 1);
+  return /^[A-Z]*$/.test(firstCharKey);
+};
+const UIkitWithPrefix = () => {
+  const newObj = {};
+  for (const key in uikit) {
+    if (Object.prototype.hasOwnProperty.call(uikit, key)) {
+      if (checkIfKeyIsComponent(key)) {
+        newObj[`smbls.${key}`] = uikit[key];
+      } else {
+        newObj[key] = uikit[key];
+      }
+    }
+  }
+  return newObj;
+};
+const prepareComponents = (options) => {
+  return options.components ? { ...UIkitWithPrefix(), ...options.components } : UIkitWithPrefix();
+};
+const prepareUtils = (options) => {
+  return { ...utils, ...utils.scratchUtils, ...options.snippets || options.utils || {} };
+};
+const prepareDesignSystem = (options, key) => {
+  const [scratcDesignhSystem, emotion, registry] = (0, import_initEmotion.initEmotion)(key, options);
+  return [scratcDesignhSystem, emotion, registry];
+};
+const prepareState = (options, App) => {
+  const state = {};
+  if (options.state)
+    utils.deepMerge(state, options.state);
+  if (App && App.state)
+    (0, import_utils.deepMerge)(state, App.state);
+  return (0, import_utils.deepCloneWithExtnd)(state);
+};
+const preparePages = (options) => {
+  return options.pages || {};
+};
+const prepareDocument = (options) => {
+  if (typeof document === "undefined") {
+    if (typeof window === "undefined")
+      window = {};
+    if (!window.document)
+      window.document = { body: {} };
+    document = window.document;
+  }
+  return options.parent || options.document || document;
+};

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@symbo.ls/create",
-  "version": "2.11.230",
+  "version": "2.11.237",
   "license": "MIT",
-  "gitHead": "7bb17555a33c7bc9f979cbd3ce2dec161be03596",
+  "gitHead": "e2d0c518a5b969d0c0924afd284b2f7f63b6a214",
   "files": [
     "src",
     "dist"

package/src/index.js

@@ -11,6 +11,7 @@ import { initRouter, popStateRouter } from './router'
 import { fetchAsync, fetchSync } from './ferchOnCreate'
 import { initEmotion } from './initEmotion'
 import { applyInspectListener, applySyncDebug } from './syncExtend'
+import { prepareComponents, prepareDesignSystem, prepareDocument, preparePages, prepareState, prepareUtils } from './prepare'
 
 import DEFAULT_CREATE_OPTIONS from './options'
 import DYNAMIC_JSON from '@symbo.ls/init/dynamic.json'
@@ -31,22 +32,16 @@ export const create = async (App, options = DEFAULT_CREATE_OPTIONS, optionsExter
   if (appIsKey) App = {}
   await fetchSync(key, options)
 
-  if (typeof (document) === 'undefined') {
-    if (typeof (window) === 'undefined') window = {} // eslint-disable-line
-    if (!window.document) window.document = { body: {} }
-    document = window.document // eslint-disable-line
-  }
-  const doc = options.parent || options.document || document
-  const [scratcDesignhSystem, emotion, registry] = initEmotion(key, options)
+  const doc = prepareDocument(options)
 
-  const state = {}
-  if (options.state) deepMerge(state, options.state)
-  if (App && App.state) deepMerge(state, App.state)
+  const [scratcDesignSystem, emotion, registry] = prepareDesignSystem(options, key)
+
+  const state = prepareState(options, App)
+  const pages = preparePages(options)
+  const components = prepareComponents(options)
+  const designSystem = scratcDesignSystem
+  const snippets = prepareUtils(options)
 
-  const pages = options.pages || {}
-  const components = options.components ? { ...uikit, ...options.components } : uikit
-  const designSystem = scratcDesignhSystem || {}
-  const snippets = { ...utils, ...utils.scratchUtils, ...(options.snippets || {}) }
   const define = options.define || defaultDefine
 
   const routerOptions = initRouter(App, options) // eslint-disable-line
@@ -79,6 +74,7 @@ export const create = async (App, options = DEFAULT_CREATE_OPTIONS, optionsExter
   applyInspectListener(domqlApp, options)
   popStateRouter(domqlApp, options)
   if (options.on && options.on.create) options.on.create(domqlApp, options)
+
   fetchAsync(domqlApp, key, {
     utils,
     ...options
@@ -118,7 +114,7 @@ export const createSync = (App, options = DEFAULT_CREATE_OPTIONS, optionsExterna
   //   })
   // }
 
-  const [scratcDesignhSystem, emotion, registry] = initEmotion(key, options)
+  const [scratcDesignSystem, emotion, registry] = initEmotion(key, options)
 
   let state
   if (options.state) state = options.state
@@ -127,7 +123,7 @@ export const createSync = (App, options = DEFAULT_CREATE_OPTIONS, optionsExterna
 
   const pages = options.pages || {}
   const components = options.components ? { ...uikit, ...options.components } : uikit
-  const designSystem = scratcDesignhSystem || {}
+  const designSystem = scratcDesignSystem || {}
   const snippets = { ...utils, ...utils.scratchUtils, ...(options.snippets || {}) }
   const define = options.define || defaultDefine
 

package/src/initEmotion.js

@@ -3,12 +3,12 @@
 import { transformDOMQLEmotion } from '@domql/emotion'
 import { emotion as defaultEmotion } from '@symbo.ls/emotion'
 import { init } from '@symbo.ls/init'
-import { deepClone } from '@domql/utils'
+import { deepClone, deepMerge } from '@domql/utils'
 
 import { DESIGN_SYSTEM_OPTIONS } from './options'
 import DEFAULT_CONFIG from '@symbo.ls/default-config'
 
-export const initEmotion = (key, options = DESIGN_SYSTEM_OPTIONS) => {
+export const initEmotion = (key, options = {}) => {
   const doc = options.parent || options.document || document
   const initOptions = options.initOptions || {}
   const emotion = initOptions.emotion
@@ -16,7 +16,8 @@ export const initEmotion = (key, options = DESIGN_SYSTEM_OPTIONS) => {
   if (!initOptions.emotion) initOptions.emotion = defaultEmotion
 
   const registry = options.registry || transformDOMQLEmotion(initOptions.emotion, options)
-  const designSystem = options.designSystem || (options.defaultConfig ? deepClone(DEFAULT_CONFIG) : {})
+  const defaultDesignSystem = deepClone(DEFAULT_CONFIG)
+  const designSystem = initOptions.useDefaultConfig ? deepMerge(options.designSystem, defaultDesignSystem) : options.designSystem || defaultDesignSystem
 
   const scratchSystem = init(designSystem, {
     key,

package/src/options.js

@@ -8,7 +8,8 @@ export const DESIGN_SYSTEM_OPTIONS = {
   useIconSprite: true,
   useSvgSprite: true,
   useDocumentTheme: true,
-  useFontImport: true
+  useFontImport: true,
+  useDefaultConfig: true
 }
 
 export const CREATE_OPTIONS = {

package/src/prepare.js

@@ -0,0 +1,61 @@
+'use strict'
+
+import { isString, deepMerge, deepCloneWithExtnd } from '@domql/utils'
+import { initEmotion } from './initEmotion'
+
+import * as uikit from '@symbo.ls/uikit'
+import * as utils from './utilImports'
+
+const checkIfKeyIsComponent = (key) => {
+  const isFirstKeyString = isString(key)
+  if (!isFirstKeyString) return
+  const firstCharKey = key.slice(0, 1)
+  return /^[A-Z]*$/.test(firstCharKey)
+}
+
+export const UIkitWithPrefix = () => {
+  const newObj = {}
+  for (const key in uikit) {
+    if (Object.prototype.hasOwnProperty.call(uikit, key)) {
+      if (checkIfKeyIsComponent(key)) {
+        newObj[`smbls.${key}`] = uikit[key]
+      } else {
+        newObj[key] = uikit[key]
+      }
+    }
+  }
+  return newObj
+}
+
+export const prepareComponents = options => {
+  return options.components ? { ...UIkitWithPrefix(), ...options.components } : UIkitWithPrefix()
+}
+
+export const prepareUtils = options => {
+  return { ...utils, ...utils.scratchUtils, ...(options.snippets || options.utils || {}) }
+}
+
+export const prepareDesignSystem = (options, key) => {
+  const [scratcDesignhSystem, emotion, registry] = initEmotion(key, options)
+  return [scratcDesignhSystem, emotion, registry]
+}
+
+export const prepareState = (options, App) => {
+  const state = {}
+  if (options.state) utils.deepMerge(state, options.state)
+  if (App && App.state) deepMerge(state, App.state)
+  return deepCloneWithExtnd(state)
+}
+
+export const preparePages = options => {
+  return options.pages || {}
+}
+
+export const prepareDocument = options => {
+  if (typeof (document) === 'undefined') {
+    if (typeof (window) === 'undefined') window = {} // eslint-disable-line
+    if (!window.document) window.document = { body: {} }
+    document = window.document // eslint-disable-line
+  }
+  return options.parent || options.document || document
+}