@symbo.ls/create 2.10.16 → 2.10.18

package/define.js

@@ -3,8 +3,25 @@
 import { Collection } from '@symbo.ls/uikit'
 
 export const define = {
-  __filepath: param => param,
   routes: param => param,
+
+  $router: (param, el) => {
+    if (!param) return
+
+    const obj = { tag: 'fragment', ...param }
+
+    const set = () => {
+      el.set(obj, { preventDefineUpdate: '$router' })
+    }
+
+    if (el.props.lazyLoad) {
+      window.requestAnimationFrame(set)
+    } else set()
+
+    return obj
+  },
+
+  __filepath: param => param,
   __collectionCache: param => param,
   $setCollection: Collection.define.$setCollection,
   __stateCollectionCache: param => param,

package/index.js

@@ -1,7 +1,7 @@
 'use strict'
 
 import DOM from 'domql'
-import { isString, overwriteDeep } from '@domql/utils'
+import { isString, overwriteDeep, deepDestringify } from '@domql/utils'
 
 import * as smbls from '@symbo.ls/uikit'
 import { init, DYNAMIC_JSON } from '@symbo.ls/init' // eslint-disable-line no-unused-vars
@@ -31,12 +31,11 @@ export const create = async (App, options = defaultOptions) => {
   if (key) {
     if (options.remote) {
       const data = await fetchRemote(key, { endpoint: options.endpoint })
-      overwriteDeep(data, options)
+      const evalData = deepDestringify(data)
+      overwriteDeep(evalData, options)
     }
   }
 
-  console.log(App, options)
-
   const components = { ...smbls, ...options.components }
   const designSystem = init(options.system)
 

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@symbo.ls/create",
-  "version": "2.10.16",
+  "version": "2.10.18",
   "license": "MIT",
-  "gitHead": "317869375fc8160abb922fb06b0c1b989236ba03",
+  "gitHead": "812f51e2eb033542b47c94b7477c95ba295a0f75",
   "source": "index.js",
   "main": "index.js",
   "dependencies": {