jaxs 0.4.4 → 0.5.0

package/dist/jaxs.d.ts

@@ -163,7 +163,7 @@ declare module 'bus/index' {
     BusListener,
     Unsubscribe,
     AppAdditionListenerOptions,
-    BusOptions,
+    ListenerKit,
   } from 'types'
   import { ExactSubscriptions } from 'bus/exact-subscriptions'
   import { FuzzySubscriptions } from 'bus/fuzzy-subscriptions'
@@ -179,7 +179,7 @@ declare module 'bus/index' {
     ): Unsubscribe
     publish<T>(event: string, payload: T): void
     addListenerOptions(options: AppAdditionListenerOptions): void
-    listenerOptions(event: string): BusOptions
+    listenerOptions(event: string): ListenerKit
   }
   const createBus: () => {
     bus: JaxsBus
@@ -230,19 +230,22 @@ declare module 'navigation/find-href' {
   export const findHref: (node: HTMLElement) => string
 }
 declare module 'navigation/navigate' {
-  import { BusOptions } from 'types'
-  export const navigate: (path: string, { publish, window }: BusOptions) => void
+  import { ListenerKit } from 'types'
+  export const navigate: (
+    path: string,
+    { publish, window }: ListenerKit,
+  ) => void
 }
 declare module 'navigation/on-link-click' {
-  import { BusOptions } from 'types'
-  export const onLinkClick: (domEvent: MouseEvent, options: BusOptions) => void
+  import { ListenerKit } from 'types'
+  export const onLinkClick: (domEvent: MouseEvent, options: ListenerKit) => void
 }
 declare module 'navigation/extract-query-params' {
   export const extractQueryParams: (queryString: string) => {}
 }
 declare module 'navigation/on-location-change' {
-  import { BusOptions } from 'types'
-  export const onLocationChange: (_: null, listenerOptions: BusOptions) => void
+  import { ListenerKit } from 'types'
+  export const onLocationChange: (_: null, listenerOptions: ListenerKit) => void
 }
 declare module 'navigation/start' {
   import type { App } from 'app/index'
@@ -259,7 +262,7 @@ declare module 'app/index' {
   export class App {
     window: Window
     document: Document
-    publish: PublishFunction<any>
+    publish: PublishFunction
     subscribe: Subscribe
     bus: JaxsBus
     state: State
@@ -453,14 +456,14 @@ declare module 'types' {
     document: Document
     window: Window
   }
-  export type DefaultBusListenerOptions<T> = {
-    publish: PublishFunction<T>
+  export type DefaultBusListenerOptions = {
+    publish: PublishFunction
     eventName: string
   }
-  export type BusOptions = AppAdditionListenerOptions &
-    DefaultBusListenerOptions<any>
-  export type PublishFunction<T> = (event: string, payload: T) => void
-  export type BusListener<T> = (payload: T, listenerKit: BusOptions) => void
+  export type ListenerKit = AppAdditionListenerOptions &
+    DefaultBusListenerOptions
+  export type PublishFunction = (event: string, payload: any) => void
+  export type BusListener<T> = (payload: T, listenerKit: ListenerKit) => void
   export type BusEventMatcher = string | RegExp
   export type ExactSubscriptionData<T> = {
     listener: BusListener<T>
@@ -514,6 +517,11 @@ declare module 'types' {
     StoreUpdaterFunction<T>
   >
   export type StoreListSorterFunction<T> = (left: T, right: T) => number
+  export type RouteMatcher = (routeState: RouteState) => boolean
+  export type RenderedRoute = {
+    Partial: StaticTemplate
+    match: RouteMatcher
+  }
 }
 declare module 'rendering/dom/tag' {
   import type {
@@ -691,7 +699,7 @@ declare module 'app/builder' {
   class AppBuilder {
     window: Window
     document: Document
-    publish: PublishFunction<any>
+    publish: PublishFunction
     subscribe: Subscribe
     bus: JaxsBus
     state: State
@@ -920,6 +928,30 @@ declare module 'navigation/index' {
     start,
   }
 }
+declare module 'app/routing' {
+  import { RenderedRoute, RouteMatcher } from 'types'
+  export const exactPathMatch: (exactPath: string) => RouteMatcher
+  export const catchAll: RouteMatcher
+  export const buildRouter: (
+    pages: RenderedRoute[],
+  ) => ({ route }: { route: any }) => import('types').StaticTemplate
+}
+declare module 'rendering/null' {
+  import { RenderKit, JaxsElement, JaxsNode } from 'types'
+  export const NullTemplate: () => {
+    render: (renderKit: RenderKit, parentElement?: JaxsElement) => JaxsNode[]
+  }
+}
+declare module 'app/routed-view' {
+  import { RenderedRoute, RouteState } from 'types'
+  export const routedView: (routes: RenderedRoute[]) => (
+    attributes: Partial<
+      import('types').Props<{
+        route: RouteState
+      }>
+    >,
+  ) => import('rendering/templates/bound').Bound<unknown, unknown>
+}
 declare module 'jaxs' {
   export { jsx } from 'rendering/jsx'
   export { createApp } from 'app/builder'
@@ -929,4 +961,6 @@ declare module 'jaxs' {
   export * as appBuilding from 'app/index'
   export * as messageBus from 'bus/index'
   export * as state from 'state/index'
+  export * as routing from 'app/routing'
+  export { routedView } from 'app/routed-view'
 }