@roxi/routify-test

3.0.0-2 • Public • Published

Routify 3

Using Routify

Creating a Routify instance

const instance = new Routify({/* options */})

Creating a router

Basic

<script>
    import { Router } from '@roxi/routify'
    import { routes } from '../.routify/routes.default.js'
</script>

<Router {routes} />

Create instance manually

<script>
    import { Routify, Router } from '@roxi/routify'
    import { routes } from '../.routify/routes.default.js'
    const instance = new Routify({ routes, /* options */ })
</script>

<Router {instance} />

Creating nodes

// create a root node
const rootNode = instance.superNode.createChild('my-root-node')

// create a page node
rootNode.createChild('im-page-1', module)
rootNode.createChild('im-page-2', module)

// Note: module can be a module or its path

Appending nodes

// create a root node
const rootNode = instance.createNode('my-root-node')
instance.superNode.appendChild(rootNode)

// create a page node
const childNode = instance.createNode('my-child-node')
rootNode.appendChild(childNode)

Structure (draft)

  • Global (class)
    • Instance (class)
      • nodeIndex (array)
      • superNode (class)
      • Router* (module)
        • Router (class)
          • params
          • activeUrl** (ActiveUrl)
          • activeRoute** (Route)
            • fragments (RouteFragment[])
        • module* (module)
          • module* (module)
            • module* (module) ...
*: module

**: Store

API

Table of Contents

RoutifyRuntimePayload

Type: {instance: RoutifyRuntime}

RoutifyCallback

Type: Function

Parameters

  • first {instance: Routify}

Returns (T | Promise<T>)

RoutifyPlugin

Type: Object

Properties

PathNode

Type: Object

Properties

  • urlFragment string
  • node RNodeRuntime

Readme

Keywords

none

Package Sidebar

Install

npm i @roxi/routify-test

Weekly Downloads

25

Version

3.0.0-2

License

MIT

Unpacked Size

273 kB

Total Files

269

Last publish

Collaborators

  • jakobrosenberg