@symbo.ls/create 2.10.158 → 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
 
@@ -36,6 +37,10 @@ const defaultOptions = {
   initOptions: {
     emotion: defaultEmotion
   },
+  router: {
+    initRouter: true,
+    injectRouterInLinkComponent: true
+  },
   define: defaultDefine
 }
 
@@ -74,6 +79,8 @@ export const create = async (App, options = defaultOptions, RC_FILE) => {
     ...initOptions
   })
 
+  if (options.router) initRouter(App, options.router)
+
   const domqlApp = DOM.create({
     extend: [App],
     routes: options.pages,

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@symbo.ls/create",
-  "version": "2.10.158",
+  "version": "2.10.161",
   "license": "MIT",
-  "gitHead": "3a847545c01796c874758c2c2a91e2417bcd29d6",
+  "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)
+}