@joist/router NPM

@joist/router

A simple, fairly naive router that can render and views it is given, whether they are JoistElements or not.

Installation:

npm i @joist/di @joist/router @joist/component

Example:

import { component, get, JoistElement } from '@joist/component';
import { template, html } from '@joist/component/lit-html';
import { Route, RouteCtxRef, RouteCtx } from '@joist/router';

import { Child2Element } from './child-2.element';

const routes: Route[] = [
  // Eager component route
  { path: '/foo-1', component: () => document.createElement('child-1') },

  // Eager component route from a CustomElementConstructor
  { path: '/foo-2', component: () => Child1Element },

  // Lazy component route
  { path: '/bar-1', component: () => import('child-2.element').then(() => document.createElement('child-2')) },

  // Lazy component route
  { path: '/bar-2', component: () => import('child-2.element').then(m => m.Child2Element) },

  // Child Paths. Will Match on any router that starts with /child-1
  { path: '/child-1(.*)', component: () => Child1Element  }
];

@component({
  tagName: 'app-root',
  render: template(() => {
    return html`
      <router-link path-match="full">
        <a href="/">Go To Home</a>
      </router-link>

      <router-link>
        <a href="/bar">Go To Bar</a>
      </router-link>

      <router-outlet .routes=${routes}></router-outlet>
    `;
  })
})
export class AppElement extends JoistElement {}


@component({
  tagName: 'child-1',
  render: template(() => {
    return html`
      <h1>Hello From Child 1</h1>

      <router-outlet .routes=${[
        { path: '/child-1/child-2', component: () => Child2Element }
      ]}></router-outlet>
    `
  })
})
class Child1Element extends JoistElement {
  @get(RouteCtx)
  private route: RouteCtx;

  connectedCallback() {
    super.connectedCallback();

    console.log(this.route.value);

    this.route.onChange(ctx => {
      console.log(ctx);
    })
  }
}

TypeScript Router Routing Web Components

path-to-regexp tslib

@infinitebrahmanuniverse/nolb-_joi @everything-registry/sub-chunk-493 @zalastax/nolb-_joi @joist/starter-snowpack

1.8.9-canary.1637250860.0

2 years ago

1.8.11-canary.1637251084.0

2 years ago

1.8.10-canary.1637251087.0

2 years ago

2 years ago

2 years ago

3 years ago

3 years ago

1.8.7-canary.1630520794.0

3 years ago

1.8.7-canary.1627917432.0

3 years ago

1.8.7-canary.1626923316.0

3 years ago

1.8.7-canary.1626922834.0

3 years ago

1.8.7-canary.1622817902.0

3 years ago

1.8.5-canary.1619708354.0

3 years ago

1.8.6-canary.1621387626.0

3 years ago

1.8.3-canary.1619551982.0

3 years ago

1.8.4-canary.1619556102.0

3 years ago

1.8.3-canary.1619554665.0

3 years ago

1.7.1-canary.1619551753.0

3 years ago

1.8.4-canary.1619555984.0

3 years ago

1.8.5-canary.1620138949.0

3 years ago

1.8.7-canary.1621387788.0

3 years ago

1.7.1-canary.1619551780.0

3 years ago

1.8.1-canary.1619551931.0

3 years ago

1.8.7-canary.1622044874.0

3 years ago

1.8.4-canary.1619556662.0

3 years ago

1.8.5-canary.1619641637.0

3 years ago

1.8.5-canary.1620101283.0

3 years ago

1.8.6-canary.1620141152.0

3 years ago

1.8.4-canary.1619556550.0

3 years ago

1.8.2

3 years ago

1.8.1

3 years ago

1.8.0

3 years ago

1.8.4-canary.1619555999.0

3 years ago

1.7.1-canary.1619551582.0

3 years ago

1.8.4-canary.1619554801.0

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

1.7.1-canary.1618783411.0

3 years ago

1.7.1-canary.1618631004.0

3 years ago

1.7.1-canary.1615491241.0

3 years ago

1.7.1-canary.1611081429.0

3 years ago

1.7.1-canary.1607527688.0

3 years ago

1.7.1-canary.1606271510.0

3 years ago

1.7.1-canary.1606242654.0

3 years ago

1.6.1-canary.1606242401.0

3 years ago

1.7.0

3 years ago

1.6.1-canary.1606235949.0

3 years ago

1.6.1-canary.1605118601.0

3 years ago

1.6.1-canary.1603200914.0

4 years ago

1.6.1-canary.1603122206.0

4 years ago

1.6.1-canary.1602961139.0

4 years ago

1.6.1-canary.1602897667.0

4 years ago

1.6.1-canary.1602863775.0

4 years ago

1.6.1-canary.1602872896.0

4 years ago

1.6.1-canary.1602881103.0

4 years ago

1.6.1-canary.1602867626.0

4 years ago

1.6.1-canary.1602854443.0

4 years ago

1.6.1-canary.1602853637.0

4 years ago

1.6.1-canary.1602853627.0

4 years ago

1.6.1-canary.1602790518.0

4 years ago

1.6.1-canary.1602796781.0

4 years ago

1.6.1-canary.1602716535.0

4 years ago

1.6.1-canary.1602697281.0

4 years ago

1.6.1-canary.1602698012.0

4 years ago

1.6.1-canary.1602623357.0

4 years ago

1.6.1-canary.1602533512.0

4 years ago

1.6.1-canary.1602508139.0

4 years ago

1.6.1-canary.1602508143.0

4 years ago

1.6.1-canary.1602469909.0

4 years ago

1.6.1-canary.1602298659.0

4 years ago

1.6.1-canary.1602249164.0

4 years ago

1.6.1-canary.1602159004.0

4 years ago

1.6.1-canary.1602158955.0

4 years ago

1.6.1-canary.1602108254.0

4 years ago

1.6.1-canary.1602012693.0

4 years ago

1.6.1-canary.1602000049.0

4 years ago

1.6.1-canary.1601991516.0

4 years ago

1.6.1-canary.1601952646.0

4 years ago

1.6.1-canary.1601919412.0

4 years ago

1.6.1-canary.1601908965.0

4 years ago

1.6.1-canary.1601908406.0

4 years ago

1.6.1-canary.1601908665.0

4 years ago

1.6.1-canary.1601909298.0

4 years ago

1.6.1-canary.1601756060.0

4 years ago

1.6.1-canary.1601726027.0

4 years ago

1.6.1-canary.1601680608.0

4 years ago

1.6.1-canary.1601576242.0

4 years ago

1.6.1-canary.1601514866.0

4 years ago

1.6.1-canary.1601497934.0

4 years ago

1.6.1-canary.1601349632.0

4 years ago

1.6.1-canary.1601409860.0

4 years ago

1.6.1-canary.1601424292.0

4 years ago

1.6.1-canary.1601424284.0

4 years ago

1.6.1-canary.1601215868.0

4 years ago

1.6.1-canary.1601155745.0

4 years ago

1.6.1-canary.1601070741.0

4 years ago

1.6.1-canary.1601064148.0

4 years ago

1.6.1-canary.1601064146.0

4 years ago

1.6.1-canary.1600967979.0

4 years ago

1.6.1-canary.1600691675.0

4 years ago

1.6.1-canary.1600520883.0

4 years ago

1.6.1-canary.1600515410.0

4 years ago

1.6.1-canary.1600460240.0

4 years ago

1.6.1-canary.1600344903.0

4 years ago

1.6.1-canary.1600293365.0

4 years ago

1.6.1-canary.1600268818.0

4 years ago

1.6.1-canary.1600258096.0

4 years ago

1.6.1-canary.1600263267.0

4 years ago

1.6.1-canary.1600221675.0

4 years ago

1.6.1-canary.1599997736.0

4 years ago

1.6.1-canary.1599915979.0

4 years ago

1.6.1-canary.1599915801.0

4 years ago

1.6.1-canary.1599849338.0

4 years ago

1.6.1-canary.1599670545.0

4 years ago

1.6.1-canary.1599607914.0

4 years ago

1.6.1-canary.1599592429.0

4 years ago

1.6.1-canary.1599595014.0

4 years ago

1.6.1-canary.1599592446.0

4 years ago

1.6.1-canary.1599570015.0

4 years ago

1.6.1-canary.1599569997.0

4 years ago

1.6.1-canary.1599569957.0

4 years ago

1.6.1-canary.1599477682.0

4 years ago

1.6.1-canary.1599418898.0

4 years ago

1.6.1-canary.1599257919.0

4 years ago

1.6.1-canary.1599224463.0

4 years ago

1.6.1-canary.1599129722.0

4 years ago

1.6.1-canary.1599139368.0

4 years ago

1.6.1-canary.1599164947.0

4 years ago

1.6.1-canary.1599076498.0

4 years ago

1.6.1-canary.1599063095.0

4 years ago

1.6.1-canary.1599063965.0

4 years ago

1.6.1-canary.1598971688.0

4 years ago

1.6.1-canary.1598998346.0

4 years ago

1.6.1-canary.1598987107.0

4 years ago

1.6.1-canary.1598960325.0

4 years ago

1.6.1-canary.1598998587.0

4 years ago

1.6.1-canary.1598971652.0

4 years ago

1.6.1-canary.1598977763.0

4 years ago

1.6.1-canary.1598900228.0

4 years ago

1.6.1-canary.1598904195.0

4 years ago

1.6.1-canary.1598920916.0

4 years ago

1.6.1-canary.1598798708.0

4 years ago

1.6.1-canary.1598794783.0

4 years ago

1.6.1-canary.1598744040.0

4 years ago

1.6.1-canary.1598735539.0

4 years ago

1.6.1-canary.1598734916.0

4 years ago

1.6.1-canary.1598700250.0

4 years ago

1.6.0

4 years ago

1.5.1-canary.1598620401.0

4 years ago

1.5.1-canary.1598628434.0

4 years ago

1.5.1-canary.1598629471.0

4 years ago

1.6.1-canary.1598636394.0

4 years ago

1.6.1-canary.1598630769.0

4 years ago

1.6.1-canary.1598636291.0

4 years ago

1.6.1-canary.1598636182.0

4 years ago

1.5.1-canary.1598546041.0

4 years ago

1.5.1-canary.1598530503.0

4 years ago

1.5.1-canary.1598527157.0

4 years ago

1.5.1-canary.1598527094.0

4 years ago

1.5.1-canary.1598527037.0

4 years ago

1.5.1-canary.1598447580.0

4 years ago

1.5.1-canary.1598442548.0

4 years ago

1.5.1-canary.1598442904.0

4 years ago

1.5.1-canary.1598380441.0

4 years ago

1.5.1-canary.1598371506.0

4 years ago

1.5.1-canary.1598372767.0

4 years ago

1.5.1-canary.1598369528.0

4 years ago

1.5.1-canary.1598357339.0

4 years ago

1.5.1-canary.1598357359.0

4 years ago

1.5.1-canary.1598269988.0

4 years ago

1.5.1-canary.1598232026.0

4 years ago

1.5.1-canary.1598231619.0

4 years ago

1.5.1-canary.1598231857.0

4 years ago

1.5.0

4 years ago

1.4.1-canary.1598105375.0

4 years ago

1.4.1-canary.1598155326.0

4 years ago

1.4.1-canary.1598105395.0

4 years ago

1.4.1-canary.1598040868.0

4 years ago

1.4.1-canary.1598041497.0

4 years ago

1.4.1-canary.1598041565.0

4 years ago

1.4.1-canary.1598023384.0

4 years ago

1.4.1-canary.1597940949.0

4 years ago

1.4.1-canary.1597961951.0

4 years ago

1.4.1-canary.1597933312.0

4 years ago

1.4.1-canary.1597957225.0

4 years ago

1.4.1-canary.1597959273.0

4 years ago

1.4.1-canary.1597941184.0

4 years ago

1.4.1-canary.1597952988.0

4 years ago

1.4.1-canary.1597925879.0

4 years ago

1.4.1-canary.1597883869.0

4 years ago

1.4.1-canary.1597884130.0

4 years ago

1.4.1-canary.1597882712.0

4 years ago

1.4.1-canary.1597882871.0

4 years ago

1.4.1-canary.1597882339.0

4 years ago

1.4.0

4 years ago

1.3.1-canary.1597882151.0

4 years ago

1.3.1-canary.1597881958.0

4 years ago

1.3.1-canary.1597881860.0

4 years ago

1.3.1-canary.1597881741.0

4 years ago

1.3.1-canary.1597880798.0

4 years ago

1.3.1-canary.1597840643.0

4 years ago

1.3.1-canary.1597838191.0

4 years ago

1.3.1-canary.1597711149.0

4 years ago

1.3.1-canary.1597578829.0

4 years ago

1.3.1-canary.1597578870.0

4 years ago

1.3.1-canary.1597606352.0

4 years ago

1.3.1-canary.1597609080.0

4 years ago

1.3.1-canary.1597500141.0

4 years ago

1.3.1-canary.1597408744.0

4 years ago

1.3.1-canary.1597431329.0

4 years ago

1.3.1-canary.1597413165.0

4 years ago

1.3.1-canary.1597374778.0

4 years ago

1.3.1-canary.1597333919.0

4 years ago

1.3.1-canary.1597349545.0

4 years ago

1.3.1-canary.1597328123.0

4 years ago

1.3.1-canary.1597328327.0

4 years ago

1.3.1-canary.1597291029.0

4 years ago

1.3.1-canary.1597320809.0

4 years ago

1.3.1-canary.1597290988.0

4 years ago

1.3.1-canary.1597290629.0

4 years ago

1.3.1-canary.1597263673.0

4 years ago

1.3.1-canary.1597262701.0

4 years ago

1.3.1-canary.1597246631.0

4 years ago

1.3.1-canary.1597239751.0

4 years ago

1.3.1-canary.1597240853.0

4 years ago

1.3.1-canary.1597246153.0

4 years ago

1.3.1-canary.1597244062.0

4 years ago

1.3.1-canary.1597237988.0

4 years ago

1.3.1-canary.1597237092.0

4 years ago

1.3.0

4 years ago

1.2.2-canary.1597236972.0

4 years ago

1.2.2-canary.1597178849.0

4 years ago

1.2.2-canary.1597176632.0

4 years ago

1.2.2-canary.1597176297.0

4 years ago

1.2.2-canary.1597176081.0

4 years ago

1.2.2-canary.1597176000.0

4 years ago

1.2.2-canary.1597174225.0

4 years ago

1.2.2-canary.1597173679.0

4 years ago

1.2.2-canary.1597162545.0

4 years ago

1.2.2-canary.1597170842.0

4 years ago

1.2.2-canary.1597171698.0

4 years ago

1.2.2-canary.1597159271.0

4 years ago

1.2.2-canary.1597159017.0

4 years ago

1.2.2-canary.1597158982.0

4 years ago

1.2.2-canary.1597158927.0

4 years ago

1.2.2-canary.1597158866.0

4 years ago

1.2.2-canary.1597157533.0

4 years ago

1.2.2-canary.1597153164.0

4 years ago

1.2.2-canary.0

4 years ago

1.2.2-canary.1597031190.0

4 years ago

1.2.2-canary.1597065930.0

4 years ago

1.2.2-canary.1597065868.0

4 years ago

1.2.2-canary.1597007558.0

4 years ago

1.2.2-canary.1597017672.0

4 years ago

1.2.2-canary.1597016555.0

4 years ago

1.2.1

4 years ago

1.2.1-canary.1597007506.0

4 years ago

1.1.4-canary.1597007297.0

4 years ago

1.1.4-canary.1597006752.0

4 years ago

1.1.4-canary.1596923079.0

4 years ago

1.1.4-canary.1597006052.0

4 years ago

1.1.4-be69752c5ccf7fe8e9488a79e07630e213ba1b3c.0

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago