@symbo.ls/create 2.11.204 → 2.11.209

package/dist/cjs/index.js

@@ -51,7 +51,7 @@ const mergeWithLocalFile = (options, optionsExternalFile) => {
 };
 const create = async (App, options = import_options.default, optionsExternalFile) => {
   const appIsKey = (0, import_utils.isString)(App);
-  options = mergeWithLocalFile(options, optionsExternalFile);
+  options = { ...import_options.default, ...mergeWithLocalFile(options, optionsExternalFile) };
   const key = options.key || SYMBOLS_KEY || (appIsKey ? App : "");
   if (appIsKey)
     App = {};

package/dist/cjs/initEmotion.js

@@ -34,20 +34,23 @@ module.exports = __toCommonJS(initEmotion_exports);
 var import_emotion = require("@domql/emotion");
 var import_emotion2 = require("@symbo.ls/emotion");
 var import_init = require("@symbo.ls/init");
-var import_options = __toESM(require("./options"), 1);
-const initEmotion = (key, options = import_options.default) => {
+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 doc = options.parent || options.document || document;
   const initOptions = options.initOptions || {};
-  const emotion = initOptions.emotion || import_emotion2.emotion;
+  const emotion = initOptions.emotion;
   if (!initOptions.emotion)
-    initOptions.emotion = emotion;
+    initOptions.emotion = import_emotion2.emotion;
   const registry = options.registry || (0, import_emotion.transformDOMQLEmotion)(initOptions.emotion, options);
-  const scratchSystem = (0, import_init.init)(options.designSystem || {}, {
+  const designSystem = options.designSystem || (options.defaultConfig ? (0, import_utils.deepClone)(import_default_config.default) : {});
+  const scratchSystem = (0, import_init.init)(designSystem, {
     key,
     emotion,
     verbose: options.verbose,
     document: doc,
-    ...import_options.default.designSystem,
+    ...import_options.DESIGN_SYSTEM_OPTIONS,
     ...initOptions
   });
   return [scratchSystem, emotion, registry];

package/dist/cjs/options.js

@@ -18,27 +18,25 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var options_exports = {};
 __export(options_exports, {
+  CREATE_OPTIONS: () => CREATE_OPTIONS,
+  DESIGN_SYSTEM_OPTIONS: () => DESIGN_SYSTEM_OPTIONS,
   default: () => options_default
 });
 module.exports = __toCommonJS(options_exports);
 var import_define = require("./define");
-var import_emotion = require("@symbo.ls/emotion");
-var options_default = {
-  editor: {},
+const DESIGN_SYSTEM_OPTIONS = {
+  useReset: true,
+  useVariable: true,
+  useIconSprite: true,
+  useSvgSprite: true,
+  useDocumentTheme: true,
+  useFontImport: true
+};
+const CREATE_OPTIONS = {
+  defaultConfig: true,
   state: {},
   pages: {},
-  designSystem: {
-    useReset: true,
-    useVariable: true,
-    useIconSprite: true,
-    useSvgSprite: true,
-    useDocumentTheme: true,
-    useFontImport: true
-  },
   components: {},
-  initOptions: {
-    emotion: import_emotion.emotion
-  },
   router: {
     initRouter: true,
     popState: true,
@@ -46,3 +44,4 @@ var options_default = {
   },
   define: import_define.defaultDefine
 };
+var options_default = CREATE_OPTIONS;

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@symbo.ls/create",
-  "version": "2.11.204",
+  "version": "2.11.209",
   "license": "MIT",
-  "gitHead": "dab7f6d84335bca5af356b849c51204910670e76",
+  "gitHead": "1ae15deb38ce96bf2d1baaa68c4d1e38371c46c7",
   "files": [
     "src",
     "dist"
@@ -25,7 +25,7 @@
     "copy:package:cjs": "cp ../../build/package-cjs.json dist/cjs/package.json",
     "build:esm": "npx esbuild ./src/*.js --target=es2020 --format=esm --outdir=dist/esm",
     "build:cjs": "npx esbuild ./src/*.js --target=node16 --format=cjs --outdir=dist/cjs",
-    "build:cjs:bundle": "npx esbuild ./src/index.js --target=node16 --format=cjs --outdir=dist/cjs/bundle --bundle ",
+    "build:cjs:bundle": "npx esbuild ./src/index.js --target=node16 --format=cjs --outdir=dist/cjs/bundle --bundle --loader:.svg=empty",
     "build:iife": "npx esbuild ./src/index.js --target=es2020 --format=iife --outdir=dist/iife --bundle --minify",
     "build": "yarn build:cjs; yarn build:cjs:bundle",
     "prepublish": "rimraf -I dist && yarn build && yarn copy:package:cjs"

package/src/index.js

@@ -24,7 +24,7 @@ const mergeWithLocalFile = (options, optionsExternalFile) => {
 
 export const create = async (App, options = DEFAULT_CREATE_OPTIONS, optionsExternalFile) => {
   const appIsKey = isString(App)
-  options = mergeWithLocalFile(options, optionsExternalFile)
+  options = { ...DEFAULT_CREATE_OPTIONS, ...mergeWithLocalFile(options, optionsExternalFile) }
 
   const key = options.key || SYMBOLS_KEY || (appIsKey ? App : '')
 

package/src/initEmotion.js

@@ -3,22 +3,27 @@
 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 DEFAULT_CREATE_OPTIONS from './options'
+import { DESIGN_SYSTEM_OPTIONS } from './options'
+import DEFAULT_CONFIG from '@symbo.ls/default-config'
 
-export const initEmotion = (key, options = DEFAULT_CREATE_OPTIONS) => {
+export const initEmotion = (key, options = DESIGN_SYSTEM_OPTIONS) => {
   const doc = options.parent || options.document || document
   const initOptions = options.initOptions || {}
-  const emotion = initOptions.emotion || defaultEmotion
-  if (!initOptions.emotion) initOptions.emotion = emotion
+  const emotion = initOptions.emotion
+
+  if (!initOptions.emotion) initOptions.emotion = defaultEmotion
+
   const registry = options.registry || transformDOMQLEmotion(initOptions.emotion, options)
+  const designSystem = options.designSystem || (options.defaultConfig ? deepClone(DEFAULT_CONFIG) : {})
 
-  const scratchSystem = init(options.designSystem || {}, {
+  const scratchSystem = init(designSystem, {
     key,
     emotion,
     verbose: options.verbose,
     document: doc,
-    ...DEFAULT_CREATE_OPTIONS.designSystem,
+    ...DESIGN_SYSTEM_OPTIONS,
     ...initOptions
   })
 

package/src/options.js

@@ -1,24 +1,21 @@
 'use strict'
 
 import { defaultDefine } from './define'
-import { emotion as defaultEmotion } from '@symbo.ls/emotion'
 
-export default {
-  editor: {},
+export const DESIGN_SYSTEM_OPTIONS = {
+  useReset: true,
+  useVariable: true,
+  useIconSprite: true,
+  useSvgSprite: true,
+  useDocumentTheme: true,
+  useFontImport: true
+}
+
+export const CREATE_OPTIONS = {
+  defaultConfig: true,
   state: {},
   pages: {},
-  designSystem: {
-    useReset: true,
-    useVariable: true,
-    useIconSprite: true,
-    useSvgSprite: true,
-    useDocumentTheme: true,
-    useFontImport: true
-  },
   components: {},
-  initOptions: {
-    emotion: defaultEmotion
-  },
   router: {
     initRouter: true,
     popState: true,
@@ -26,3 +23,5 @@ export default {
   },
   define: defaultDefine
 }
+
+export default CREATE_OPTIONS