@symbo.ls/create 2.10.280 → 2.10.287

package/index.js

@@ -70,7 +70,7 @@ export const create = async (App, options = DEFAULT_CREATE_OPTIONS, optionsExter
 
   applyInspectListener(domqlApp, options)
   popStateRouter(domqlApp, options)
-
+  if (options.on && options.on.create) options.on.create(domqlApp, options)
   fetchAsync(domqlApp, key, options)
 
   return domqlApp

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@symbo.ls/create",
-  "version": "2.10.280",
+  "version": "2.10.287",
   "license": "MIT",
-  "gitHead": "ed4dd56c46e6ac4dbb1df4320e87070ee1e38d8b",
+  "gitHead": "08b67d43ab7faa70d7c5b5675cce10512d9b42ad",
   "source": "index.js",
   "main": "index.js",
   "dependencies": {

package/router.js

@@ -3,7 +3,7 @@
 import { router as defaultRouter } from '@domql/router'
 import { window } from '@domql/globals'
 import { Link, RouterLink } from '@symbo.ls/uikit'
-import { deepMerge, merge } from '@domql/utils'
+import { deepMerge, merge, isUndefined } from '@domql/utils'
 
 const DEFAULT_ROUTING_OPTIONS = {
   initRouter: true,
@@ -11,7 +11,7 @@ const DEFAULT_ROUTING_OPTIONS = {
   popState: true
 }
 
-export const initRouter = (root, options) => {
+export const initRouter = (element, options) => {
   let routerOptions = merge(options.routerOptions || {}, DEFAULT_ROUTING_OPTIONS)
 
   if (routerOptions === false) return
@@ -19,18 +19,19 @@ export const initRouter = (root, options) => {
 
   const router = (options.snippets && options.snippets.router) ? options.snippets.router : defaultRouter
 
-  const onRender = (el, s) => {
+  const onRouterRenderDefault = (el, s) => {
     const { pathname, hash } = window.location
     const url = pathname + hash
-    if (el.routes) router(el, url, {})
+    if (el.routes) router(url, el, {}, { initialRender: true })
   }
 
-  if (routerOptions.initRouter) {
-    if (root.on) {
-      root.on.renderRouter = onRender
+  const hasRenderRouter = element.on && !isUndefined(element.on.renderRouter)
+  if (routerOptions.initRouter && !hasRenderRouter) {
+    if (element.on) {
+      element.on.renderRouter = onRouterRenderDefault
     } else {
-      root.on = {
-        renderRouter: onRender
+      element.on = {
+        renderRouter: onRouterRenderDefault
       }
     }
   }
@@ -40,16 +41,15 @@ export const initRouter = (root, options) => {
   return routerOptions
 }
 
-
 let popStateFired
-export const popStateRouter = (root, options) => {
+export const popStateRouter = (element, options) => {
   if (popStateFired) return
   const routerOptions = options.routerOptions || DEFAULT_ROUTING_OPTIONS
   if (!routerOptions.popState) return
   const router = (options.snippets && options.snippets.router) ? options.snippets.router : defaultRouter
   const { pathname, hash } = window.location
   const url = pathname + hash
-  window.onpopstate = e => router(root, url, { pushState: false, level: 0 })
+  window.onpopstate = e => router(url, element, { pushState: false, level: 0 })
   popStateFired = true
 }