@symbo.ls/create 2.10.166 → 2.10.169

package/index.js

@@ -1,26 +1,22 @@
 'use strict'
 
 import DOM from 'domql'
-import { transformDOMQLEmotion } from '@domql/emotion'
-import { router as defaultRouter } from '@domql/router'
+import { deepMerge, isObject, isString } from '@domql/utils'
 
 import * as utils from './utilImports'
-
 import * as uikit from '@symbo.ls/uikit'
-import { init } from '@symbo.ls/init'
-
-import { emotion as defaultEmotion, createEmotion } from '@symbo.ls/emotion'
-import { defaultDefine } from './define'
 
-import DYNAMIC_JSON from '@symbo.ls/init/dynamic.json'
+import { emotion as defaultEmotion } from '@symbo.ls/emotion'
 
-import { deepMerge, isObject, isString } from '@domql/utils'
+import { defaultDefine } from './define'
 import { initRouter } from './router'
 import { fetchAsync, fetchSync } from './ferchOnCreate'
+import { initEmotion } from './initEmotion'
 
+import DYNAMIC_JSON from '@symbo.ls/init/dynamic.json'
 const SYMBOLS_KEY = process.env.SYMBOLS_KEY
 
-const defaultOptions = {
+export const DEFAULT_CREATE_OPTIONS = {
   editor: {
     endpoint: 'api.symbols.app'
   },
@@ -49,7 +45,7 @@ const mergeWithLocalFile = (options, RC_FILE) => {
   return deepMerge(options, rcfile)
 }
 
-export const create = async (App, options = defaultOptions, RC_FILE) => {
+export const create = async (App, options = DEFAULT_CREATE_OPTIONS, RC_FILE) => {
   const appIsKey = isString(App)
   options = mergeWithLocalFile(options, RC_FILE)
   const key = options.key || SYMBOLS_KEY || (appIsKey ? App : '')
@@ -57,21 +53,9 @@ export const create = async (App, options = defaultOptions, RC_FILE) => {
   if (appIsKey) App = {}
   await fetchSync(key, options)
 
-  const initOptions = options.initOptions || {}
-  const emotion = initOptions.emotion || defaultEmotion || createEmotion()
-  if (!initOptions.emotion) initOptions.emotion = emotion
-  const emotionDefine = options.registry || transformDOMQLEmotion(initOptions.emotion, options)
-
   const doc = options.parent || options.document || document
 
-  const scratchSystem = init(options.designSystem || {}, {
-    key,
-    emotion,
-    verbose: options.verbose,
-    document: doc,
-    ...defaultOptions.designSystem,
-    ...initOptions
-  })
+  const [scratchSystem, emotion, registry] = initEmotion(key, options)
 
   initRouter(App, options.routerOptions)
 
@@ -80,7 +64,6 @@ export const create = async (App, options = defaultOptions, RC_FILE) => {
   const components = options.components ? { ...uikit, ...options.components } : uikit
   const designSystem = scratchSystem || {}
   const snippets = { ...utils, ...(options.snippets || {})}
-  const router = options.router || defaultRouter
   const define = options.define || defaultDefine
 
   const domqlApp = DOM.create({
@@ -96,8 +79,7 @@ export const create = async (App, options = defaultOptions, RC_FILE) => {
       snippets,
       utils: snippets,
       define,
-      registry: emotionDefine,
-      router,
+      registry,
       emotion,
       document: doc
     }

package/initEmotion.js

@@ -0,0 +1,25 @@
+'use strict'
+
+import { transformDOMQLEmotion } from '@domql/emotion'
+import { emotion as defaultEmotion } from '@symbo.ls/emotion'
+import { init } from '@symbo.ls/init'
+import { DEFAULT_CREATE_OPTIONS } from '.'
+
+export const initEmotion = (key, options = DEFAULT_CREATE_OPTIONS) => {
+  const doc = options.parent || options.document || document
+  const initOptions = options.initOptions || {}
+  const emotion = initOptions.emotion || defaultEmotion
+  if (!initOptions.emotion) initOptions.emotion = emotion
+  const registry = options.registry || transformDOMQLEmotion(initOptions.emotion, options)
+
+  const scratchSystem = init(options.designSystem || {}, {
+    key,
+    emotion,
+    verbose: options.verbose,
+    document: doc,
+    ...DEFAULT_CREATE_OPTIONS.designSystem,
+    ...initOptions
+  })
+
+  return [scratchSystem, emotion, registry]
+}

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@symbo.ls/create",
-  "version": "2.10.166",
+  "version": "2.10.169",
   "license": "MIT",
-  "gitHead": "349d3b269d2657fb99837867fbb979e37064858d",
+  "gitHead": "f22d3cd31dd7c4521890a8ca730f8a3bee42bfc0",
   "source": "index.js",
   "main": "index.js",
   "dependencies": {

package/router.js

@@ -10,10 +10,11 @@ const DEFAULT_ROUTING_OPTIONS = {
 }
 
 export const initRouter = (root, options = DEFAULT_ROUTING_OPTIONS) => {
+  if (options === false) return
   if (options === true) options = DEFAULT_ROUTING_OPTIONS
 
   const onRender = (el, s) => {
-    router(el, window.location.pathname, {})
+    if (el.routes) router(el, window.location.pathname, {})
   }
 
   if (options.initRouter) {

package/utilImports.js

@@ -3,6 +3,8 @@
 export * from '@domql/utils'
 export * from '@symbo.ls/utils'
 export { set } from '@symbo.ls/scratch'
+export * from '@symbo.ls/scratch/src/utils'
+export * from '@symbo.ls/scratch/src/system'
 export { init, updateReset } from '@symbo.ls/init'
 
 export * from '@domql/cookie'