@symbo.ls/create 2.10.25 → 2.10.31

package/define.js

@@ -2,7 +2,7 @@
 
 import { Collection } from '@symbo.ls/uikit'
 
-export const define = {
+export const defaultDefine = {
   routes: param => param,
 
   $router: (param, el) => {

package/index.js

@@ -1,17 +1,19 @@
 'use strict'
 
 import DOM from 'domql'
+import { transformDOMQLEmotion } from 'domql/packages/emotion'
 
 import * as utils from '@symbo.ls/utils'
 import * as domqlUtils from '@domql/utils'
 
 import * as uikit from '@symbo.ls/uikit'
-import { init, DYNAMIC_JSON } from '@symbo.ls/init' // eslint-disable-line no-unused-vars
+import { init } from '@symbo.ls/init'
 import { fetchProject } from '@symbo.ls/fetch'
 
-import { define } from './define'
+import { emotion as defaultEmotion, createEmotion } from '@symbo.ls/emotion'
+import { defaultDefine } from './define'
 
-const { SYMBOLS_KEY } = process.env // eslint-disable-line no-unused-vars
+const { SYMBOLS_KEY } = process.env
 
 const defaultOptions = {
   editor: {
@@ -24,37 +26,52 @@ const defaultOptions = {
     useVariable: true
   },
   components: {},
-  define
+  initOptions: {
+    emotion: defaultEmotion
+  },
+  define: defaultDefine
 }
 
 export const create = async (App, options = defaultOptions) => {
-  const appIsKey = utils.isString(App)
-  const key = options.key || SYMBOLS_KEY || (appIsKey && App)
+  const appIsKey = domqlUtils.isString(App)
+  const key = options.key || SYMBOLS_KEY || (appIsKey ? App : '')
 
   if (appIsKey) App = {}
   if (key) await fetchProject(key, options)
 
-  const designSystem = init(options.system || {})
+  const emotion = defaultEmotion || createEmotion()
+  const initOptions = options.initOptions || { emotion }
+  const emotionDefine = options.registry || transformDOMQLEmotion(initOptions.emotion, options)
 
-  DOM.define(options.define || define)
+  const designSystem = init(options.system || {}, null, {
+    key,
+    verbose: options.verbose,
+    useReset: true,
+    useVariable: true,
+    ...initOptions
+  })
 
-  return DOM.create({
-    extend: [App, {
-      routes: options.pages,
-      state: options.state
-    }]
-  }, null, 'app', {
-    extend: [uikit.Box],
+  const domqlElement = DOM.create({
+    extend: [App],
+    routes: options.pages,
+    state: options.state,
     context: {
       key,
       components: { ...uikit, ...options.components },
       state: options.state || {},
       pages: options.pages || {},
       system: designSystem || {},
-      utils: { ...utils, ...domqlUtils }
+      utils: { ...utils, ...domqlUtils },
+      define: defaultDefine,
+      registry: emotionDefine
     }
-    // TODO: move define here,
+  }, (options.parent || document).body, key, {
+    extend: [uikit.Box],
+    verbose: options.verbose,
+    ...options.domqlOptions
   })
+  
+  return domqlElement
 }
 
 export default create

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@symbo.ls/create",
-  "version": "2.10.25",
+  "version": "2.10.31",
   "license": "MIT",
-  "gitHead": "891c18159d1045914b41f121474c6b707ac9db83",
+  "gitHead": "828e14653b4f33040eaf9f42ba4adcc5111feb91",
   "source": "index.js",
   "main": "index.js",
   "dependencies": {