npmpackage.info

Gathering detailed insights and metrics for ui-router-sticky-states

Other packages similar to ui-router-sticky-states

@uirouter/sticky-states

1.5.1

UI-Router Sticky States: Keep states and their components alive while a different state is activated

ui-router-extras

0.1.3

UI-Router Extras: Sticky states, Future States, Deep State Redirect, Transition promise

sn-ui-router-sticky-states

6.1.0

UI-Router Sticky States: Keep states and their components alive while a different state is activated

jtb-ui-router-extras

1.0.1

UI-Router Extras: Sticky states, Future States (modified), Deep State Redirect, Transition promise

Gathering detailed insights and metrics for ui-router-sticky-states

ui-router-sticky-states - 1.2.0 | npmpackage.info

ui-router-sticky-states

Deep State Redirect for UI-Router 1.0

1.2.0

MIT

TypeScript

2.7

Installations

npm install ui-router-sticky-states

Developer Guide

BETA

Typescript

No

Module System

CommonJS

Min. Node Version

>=4.0.0

Node Version

7.6.0

NPM Version

4.1.2 Pull Requests

Open

12

Total

622

Closed

392

Merged

218

Issues

Open

0

Total

9

Closed

9

Releases

1.2.0

Updated on Dec 26, 2019

1.1.1

Updated on Oct 08, 2019

1.1.0

Updated on Jan 16, 2019

1.0.3

Updated on Mar 31, 2018

View All 4 releases

Languages

TypeScript

JavaScript

TypeScript (91.2%)

JavaScript (8.8%)

Developer

ui-router

Download Statistics

Total Downloads

Last Day

Last Week

Last Month

Last Year

GitHub Statistics

MIT License

13 Stars

533 Commits

5 Forks

3 Watchers

22 Branches

10 Contributors

Updated on Dec 09, 2022

Maintainers

View All 10 Contributors

Package Meta Information

Latest Version

1.2.0

Package Id

ui-router-sticky-states@1.2.0

Size

41.88 kB

NPM Version

4.1.2

Node Version

7.6.0

Published on

Mar 05, 2017

Total Downloads

Cumulative downloads

Total Downloads

NaN

Last Day

NaN

Compared to previous day

Last Week

NaN

Compared to previous week

Last Month

NaN

Compared to previous month

Last Year

NaN

Compared to previous year

Weekly Downloads

Monthly Downloads

Yearly Downloads

Sticky States

Sticky States for UI-Router 1.0

Overview and Use Case

Sticky States allows two or more trees of states to run concurrently along side each other.

The initial use case for this functionality is to implement "tabs" for application modules. Using Sticky States, a single app can implement one state tree for each tab, and have them operate at the same time, in parallel to each other. Each tab is implemented as its own UI-Router state tree. While one tab is active, the other tab is inactivated, but can be reactivated without losing any work in progress.

For the tabs use case, Sticky States work best along with Deep State Redirect

Sticky State Lifecycle

A Sticky State is the root of a UI-Router state tree which can continue running even after it is "exited". The sticky state (and its children) have a different lifecycle than normal states. The views of a Sticky State (and all activated substates) are retained until one of two things happen:

The parent of the sticky state is exited
The parent of the sticky state is directly activated

If a sibling of the sticky state (or a child of a sibling) is activated, the sticky state tree will "inactivate". A transition back to the inactivate state will reactivate it.

Using

Sticky states works requires ui-router-core 2.0.0 or above. Run npm ls to check the version of ui-router-core included with the UI-Router distribution for your framework

1) Add Plugin

ng1

In Angular 1, register a plugin by injecting $uiRouterProvider in a config() block.

1import {StickyStatesPlugin} from "ui-router-sticky-states";
2
3angular.module('myapp', ['ui.router']).config(function($uiRouterProvider) {
4  $uiRouterProvider.plugin(StickyStatesPlugin);
5});

ng2

In Angular 2, register a plugin in your UIRouterConfig class

1import {StickyStatesPlugin} from "ui-router-sticky-states";
2
3export class MyConfig {
4  configure(uiRouter: UIRouter) {
5    uiRouter.plugin(StickyStatesPlugin);
6  }
7}

react

In React, register a plugin after creating your UIRouterReact instance.

1import {StickyStatesPlugin} from "ui-router-sticky-states";
2
3let router = new UIRouterReact();
4router.plugin(StickyStatesPlugin);

Or, if using component bootstrapping, add the plugin in your routerConfig function.

1let routerConfig = (router) => router.plugin(StickyStatesPlugin);
2
3return <UIRouterReact config={routerConfig}/>;

2) Mark a state as sticky

The sticky state's view must have its own unique ui-view (not shared by other states). Create and target a named ui-view.

1let adminModule = {
2  name: 'admin',
3  sticky: true,
4  views: {
5    admin: { component: AdminComponent }
6  }
7}

The AdminComponent should remain active in the ui-view named admin, even if a sibling state is activated.

3) Show/Hide the sticky component

When a sticky state is inactive, it's often desired to hide the contents from the UI. This can be achieved using StateService.includes.

In some cases, ui-sref-active may also be used to toggle a class on the named ui-view.

This project was ported from the UI-Router Extras project for legacy UI-Router. For more information, see the ui-router extras documentation: http://christopherthielen.github.io/ui-router-extras/#/sticky

TODO: Rewrite docs

No vulnerabilities found.

10

Dangerous-Workflow

Determines if the project's GitHub Action workflows avoid dangerous patterns.

10

Binary-Artifacts

Determines if the project has generated executable (binary) artifacts in the source repository.

10

License

Determines if the project has defined a license.

3

Pinned-Dependencies

Determines if the project has declared and pinned the dependencies of its build process.

0

Code-Review

Determines if the project requires human code review before pull requests (aka merge requests) are merged.

0

Maintained

Determines if the project is "actively maintained".

0

Token-Permissions

Determines if the project's workflows follow the principle of least privilege.

0

CII-Best-Practices

Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.

0

Security-Policy

Determines if the project has published a security policy.

0

Fuzzing

Determines if the project uses fuzzing.

0

Branch-Protection

Determines if the default and release branches are protected with GitHub's branch protection settings.

0

SAST

Determines if the project uses static code analysis.

0

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

Reason

49 existing vulnerabilities detected

Details

Warn: Project is vulnerable to: GHSA-968p-4wvh-cqc8
Warn: Project is vulnerable to: GHSA-67hx-6x53-jw92
Warn: Project is vulnerable to: GHSA-93q8-gq69-wqmw
Warn: Project is vulnerable to: GHSA-v6h2-p8h4-qcjw
Warn: Project is vulnerable to: GHSA-grv7-fg5c-xmjg
Warn: Project is vulnerable to: GHSA-3xgq-45jj-v275
Warn: Project is vulnerable to: GHSA-gxpj-cx7g-858c
Warn: Project is vulnerable to: GHSA-w573-4hg7-7wgq
Warn: Project is vulnerable to: GHSA-ff7x-qrg7-qggm
Warn: Project is vulnerable to: GHSA-ww39-953v-wcq6
Warn: Project is vulnerable to: GHSA-765h-qjxv-5f44
Warn: Project is vulnerable to: GHSA-f2jv-r9rf-7988
Warn: Project is vulnerable to: GHSA-43f8-2h32-f4cj
Warn: Project is vulnerable to: GHSA-qqgx-2p2h-9c37
Warn: Project is vulnerable to: GHSA-896r-f27r-55mw
Warn: Project is vulnerable to: GHSA-9c47-m6qq-7p4h
Warn: Project is vulnerable to: GHSA-29mw-wpgm-hmr9
Warn: Project is vulnerable to: GHSA-35jh-r3h4-6jhm
Warn: Project is vulnerable to: GHSA-952p-6rrq-rcjv
Warn: Project is vulnerable to: GHSA-f8q6-p94x-37v3
Warn: Project is vulnerable to: GHSA-xvch-5gv4-984h
Warn: Project is vulnerable to: GHSA-5fw9-fq32-wv5p
Warn: Project is vulnerable to: GHSA-hj48-42vr-x3v9
Warn: Project is vulnerable to: GHSA-hrpp-h998-j3pp
Warn: Project is vulnerable to: GHSA-p8p7-x288-28g6
Warn: Project is vulnerable to: GHSA-gcx4-mw62-g8wm
Warn: Project is vulnerable to: GHSA-c2qf-rxjj-qqgw
Warn: Project is vulnerable to: GHSA-44c6-4v22-4mhx
Warn: Project is vulnerable to: GHSA-4x5v-gmq8-25ch
Warn: Project is vulnerable to: GHSA-hxcc-f52p-wc94
Warn: Project is vulnerable to: GHSA-g4rg-993r-mgx7
Warn: Project is vulnerable to: GHSA-4rq4-32rv-6wp6
Warn: Project is vulnerable to: GHSA-64g7-mvw6-v9qj
Warn: Project is vulnerable to: GHSA-wpg7-2c88-r8xv
Warn: Project is vulnerable to: GHSA-3jfq-g458-7qm9
Warn: Project is vulnerable to: GHSA-r628-mhmh-qjhw
Warn: Project is vulnerable to: GHSA-9r2w-394v-53qc
Warn: Project is vulnerable to: GHSA-5955-9wpr-37jh
Warn: Project is vulnerable to: GHSA-qq89-hq3f-393p
Warn: Project is vulnerable to: GHSA-f5x3-32g6-xq36
Warn: Project is vulnerable to: GHSA-jgrx-mgxx-jf9v
Warn: Project is vulnerable to: GHSA-72xf-g2v4-qvf3
Warn: Project is vulnerable to: GHSA-7p7h-4mm5-852v
Warn: Project is vulnerable to: GHSA-38fc-wpqx-33j7
Warn: Project is vulnerable to: GHSA-j8xg-fqg3-53r7
Warn: Project is vulnerable to: GHSA-6fc8-4gx4-v693
Warn: Project is vulnerable to: GHSA-3h5v-q93c-6h6q
Warn: Project is vulnerable to: GHSA-c4w7-xm78-47vh
Warn: Project is vulnerable to: GHSA-p9pc-299p-vxgp

Score

2.7

/10

Last Scanned on 2025-07-07

The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.

Learn More

Other packages similar to ui-router-sticky-states

Other packages similar to ui-router-sticky-states

ui-router-sticky-states

Installations

Developer Guide

No

CommonJS

>=4.0.0

7.6.0

4.1.2

Pull Requests

12

622

392

218

Issues

0

9

9

Releases

Languages

Developer

ui-router

Download Statistics

GitHub Statistics

Maintainers

Package Meta Information

Total Downloads

NaN

Weekly Downloads

Monthly Downloads

Yearly Downloads

Peer Dependencies

Dev Dependencies

Sticky States

Sticky States for UI-Router 1.0

Overview and Use Case

Sticky States allows two or more trees of states to run concurrently along side each other.

Sticky State Lifecycle

Using

1) Add Plugin

ng1

ng2

react

2) Mark a state as sticky

3) Show/Hide the sticky component

More

10

10

10

3

0

0

0

0

0

0

0

0

0

2.7

/10