@symbo.ls/create 2.9.14 → 2.10.2

package/index.js

@@ -5,7 +5,7 @@ import { isString, overwriteDeep } from '@domql/utils'
 
 import * as smbls from '@symbo.ls/uikit'
 import { init, DYNAMIC_JSON } from '@symbo.ls/init'
-import { fetch } from '@symbo.ls/fetch'
+import { fetchRemote } from '@symbo.ls/fetch'
 
 import { define } from './define'
 
@@ -16,32 +16,29 @@ const defaultOptions = {
   pages: {},
   system: {
     useReset: true,
-    useVariable: true,
+    useVariable: true
   },
   components: {},
   define
 }
 
-export const create = (App, options = defaultOptions) => {
-  const designSystem = init(options.system)
-
+export const create = async (App, options = defaultOptions) => {
   const appIsKey = isString(App)
   const key = options.key || SYMBOLS_KEY || (appIsKey && App)
 
-  console.log(App, options, key)
-  
   if (appIsKey) App = {}
   if (key) {
     if (options.remote) {
-      const data = fetch(key)
+      const data = await fetchRemote(key)
+      console.log(data)
       overwriteDeep(data, options)
     }
   }
 
+  const designSystem = init(options.system)
+
   DOM.define(options.define || define)
-  
-  console.log(options.state)
-  
+
   return DOM.create({
     extend: [App, {
       routes: options.pages,
@@ -50,11 +47,12 @@ export const create = (App, options = defaultOptions) => {
   }, null, 'app', {
     extend: [smbls.Box],
     context: {
+      key,
       components: { ...smbls, ...options.components },
       state: options.state,
       pages: options.pages,
-      system: designSystem,
-    },
+      system: designSystem
+    }
     // TODO: move define here,
   })
 }

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@symbo.ls/create",
-  "version": "2.9.14",
+  "version": "2.10.2",
   "license": "MIT",
-  "gitHead": "edbae8426c20d913bcd13fde1b64b698a5f8e9f8",
+  "gitHead": "6bcf7d813bca3f561c2c2cd789eacb4a2a4e7ac5",
   "source": "index.js",
   "main": "index.js",
   "dependencies": {