@symbo.ls/create 2.10.152 → 2.10.161

package/index.js

@@ -16,6 +16,7 @@ import { defaultDefine } from './define'
 
 import DYNAMIC_JSON from '@symbo.ls/init/dynamic.json'
 import { deepMerge, isObject } from '@domql/utils'
+import { initRouter } from './router'
 
 const SYMBOLS_KEY = process.env.SYMBOLS_KEY
 
@@ -25,7 +26,7 @@ const defaultOptions = {
   },
   state: {},
   pages: {},
-  system: {
+  designSystem: {
     useReset: true,
     useVariable: true,
     useIconSprite: true,
@@ -36,6 +37,10 @@ const defaultOptions = {
   initOptions: {
     emotion: defaultEmotion
   },
+  router: {
+    initRouter: true,
+    injectRouterInLinkComponent: true
+  },
   define: defaultDefine
 }
 
@@ -65,15 +70,17 @@ export const create = async (App, options = defaultOptions, RC_FILE) => {
 
   const doc = options.parent || document
 
-  const designSystem = init(options.system || {}, {
+  const designSystem = init(options.designSystem || {}, {
     key,
     emotion,
     verbose: options.verbose,
     document: doc,
-    ...defaultOptions.system,
+    ...defaultOptions.designSystem,
     ...initOptions
   })
 
+  if (options.router) initRouter(App, options.router)
+
   const domqlApp = DOM.create({
     extend: [App],
     routes: options.pages,
@@ -83,7 +90,7 @@ export const create = async (App, options = defaultOptions, RC_FILE) => {
       components: options.components ? { ...uikit, ...options.components } : uikit,
       state: options.state || {},
       pages: options.pages || {},
-      system: designSystem || {},
+      designSystem: designSystem || {},
       utils: { ...utils, ...domqlUtils },
       define: defaultDefine,
       registry: emotionDefine,

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@symbo.ls/create",
-  "version": "2.10.152",
+  "version": "2.10.161",
   "license": "MIT",
-  "gitHead": "2d292d25c681dbed822c339cdbc3d10aa97cfb50",
+  "gitHead": "f9ad1b5f9b5230f9219b31df4b6b4b451d5dfa8f",
   "source": "index.js",
   "main": "index.js",
   "dependencies": {

package/router.js

@@ -0,0 +1,36 @@
+'use strict'
+
+import { router } from '@domql/router'
+import { Link, RouterLink } from 'smbls'
+import { deepMerge } from '@domql/utils'
+
+const DEFAULT_ROUTING_OPTIONS = {
+  initRouter: true,
+  injectRouterInLinkComponent: true
+}
+
+export const initRouter = (root, options = DEFAULT_ROUTING_OPTIONS) => {
+  if (options === true) options = DEFAULT_ROUTING_OPTIONS
+
+  const onRender = (el, s) => {
+    router(el, window.location.pathname, {}, { updateState: false })
+  }
+
+  if (options.initRouter) {
+    if (root.on) {
+      root.on.render = onRender
+    } else {
+      root.on = {
+        render: onRender
+      }
+    }
+  }
+
+  if (options.injectRouterInLinkComponent) {
+    injectRouterInLinkComponent(options)
+  }
+}
+
+export const injectRouterInLinkComponent = () => {
+  return deepMerge(Link, RouterLink)
+}