npmpackage.info

Gathering detailed insights and metrics for @marksmits/app-route

@marksmits/app-route - 3.0.0-pre.25 | npmpackage.info

@marksmits/app-route

A modular client-side router

3.0.0-pre.25

147

HTML

72.94 kB

472

Installations

npm install @marksmits/app-route

Developer Guide

BETA

Typescript

No

Module System

N/A

Node Version

8.11.3

NPM Version

5.6.0 Score

73.8

Supply Chain

Quality

74.8

Maintenance

100

Vulnerability

100

License

Pull Requests

Open

11

Total

122

Closed

23

Merged

88

Issues

Open

43

Total

133

Closed

90

Releases

v2.1.2

Updated on Jun 21, 2018

v2.1.1

Updated on May 08, 2018

v2.1.0

Updated on Mar 09, 2018

v2.0.3

Updated on Oct 19, 2017

v2.0.2

Updated on Aug 11, 2017

v2.0.1

Updated on Jul 28, 2017

View All 19 releases

Languages

HTML

JavaScript

HTML (56.7%)

JavaScript (43.3%)

🚀 npmpackage.info for sale

Built with Next.js • Fully responsive • SEO optimized • Open source ready

Developer

PolymerElements

Download Statistics

Total Downloads

472

Last Day

Last Week

Last Month

Last Year

GitHub Statistics

147 Stars

294 Commits

66 Forks

34 Watchers

27 Branches

38 Contributors

Updated on Jun 19, 2025

Maintainers

View All 38 Contributors

Package Meta Information

Latest Version

3.0.0-pre.25

Package Id

@marksmits/app-route@3.0.0-pre.25

Unpacked Size

72.94 kB

Size

17.09 kB

File Count

NPM Version

5.6.0

Node Version

8.11.3

Total Downloads

Cumulative downloads

Total Downloads

472

Last Day

Compared to previous day

Last Week

-33.3%

Compared to previous week

Last Month

150%

Compared to previous month

Last Year

-35.5%

Compared to previous year

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

@polymer/iron-location @polymer/polymer

Dev Dependencies

@polymer/iron-ajax @polymer/iron-demo-helpers @polymer/iron-icons @polymer/iron-pages @polymer/iron-test-helpers @polymer/paper-button @polymer/paper-card @polymer/paper-icon-button @polymer/paper-input @polymer/paper-spinner @polymer/paper-styles @polymer/paper-toggle-button @webcomponents/webcomponentsjs wct-browser-legacy webmat @polymer/gen-typescript-declarations

<app-route>

app-route is an element that enables declarative, self-describing routing for a web app.

See: Documentation, Large Demo, Simple Demo, Data Loading Demo.

Usage

Installation

npm install --save @polymer/app-route

In an HTML file

1<html>
2  <head>
3    <script type="module">
4      import '@polymer/polymer/lib/elements/dom-bind.js';
5      import '@polymer/app-route/app-location.js';
6      import '@polymer/app-route/app-route.js';
7    </script>
8  </head>
9  <body>
10    <dom-bind>
11      <template>
12        <app-location route="{{route}}"></app-location>
13        <app-route
14            route="{{route}}"
15            pattern="/:page"
16            data="{{routeData}}"
17            tail="{{subroute}}">
18        </app-route>
19        <app-route
20            route="{{subroute}}"
21            pattern="/:id"
22            data="{{subrouteData}}">
23        </app-route>
24      </template>
25    </dom-bind>
26  </body>
27</html>

In a Polymer 3 element

1import {PolymerElement, html} from '@polymer/polymer';
2import '@polymer/app-route/app-location.js';
3import '@polymer/app-route/app-route.js';
4
5class SampleElement extends PolymerElement {
6  static get template() {
7    return html`
8      <app-location route="{{route}}"></app-location>
9      <app-route
10          route="{{route}}"
11          pattern="/:page"
12          data="{{routeData}}"
13          tail="{{subroute}}">
14      </app-route>
15      <app-route
16          route="{{subroute}}"
17          pattern="/:id"
18          data="{{subrouteData}}">
19      </app-route>
20    `;
21  }
22}
23customElements.define('sample-element', SampleElement);

Contributing

If you want to send a PR to this element, here are the instructions for running the tests and demo locally:

Installation

1git clone https://github.com/PolymerElements/app-route
2cd app-route
3npm install
4npm install -g polymer-cli

Running the demo locally

1polymer serve --npm
2open http://127.0.0.1:<port>/demo/index.html
3open http://127.0.0.1:<port>/demo/simple-demo.html
4open http://127.0.0.1:<port>/demo/data-loading-demo.html

Running the tests

1polymer test --npm

No vulnerabilities found.