npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

@rio-cloud/rio-session-expired-info

v1.0.8

Published

The RIO Session Expired Dialog

Downloads

3,910

Readme

RIO Session Expired Info

👉 Provides the SessionExpiredDialog component that can be used to inform the user about their expired session.

🔋 Comes "batteries included", meaning you don't need to provide the translations. Just supply it with the current locale of your app.

Installation

Before installing, make sure you have these dependencies in your project already as they're needed by this package:

  • react version 16.7 or above
  • react-dom version 16.7 or above
  • react-intl version 5.24.8 or above
  • @rio-cloud/rio-uikit version 0.15 or above

Next, add the npm package to your project:

npm install @rio-cloud/rio-session-expired-info --save

Usage

import { SessionExpiredDialog } from '@rio-cloud/rio-session-expired-info';

const Example = () => {
    const [showDialog, setShowDialog] = useState(false);
    
    const handleDialogClose = () => {
        setShowDialog(false);
        // you could perform other things, e.g. track that the user deliberately wants to stay in the current page
    };

    return (
        <SessionExpiredDialog
            show={showDialog}
            onClose={handleDialogClose}
            locale="en-GB"
        />
    );
}

License

Both @rio-cloud/rio-uikit and @rio-cloud/rio-session-expired-info are licensed under the Apache 2.0 license.

You can see the full license text in LICENSE.

Development

A local demo page can be started with npm start. You can view it at http://localhost:3000.

Publishing

ℹ️ The version in the package.json is always the latest one that's already on npmjs.com.

💪 Publishing is done by hand from your local dev machine, but mostly automated to guarantee a consistent way.

⚠️ Make sure you've committed & pushed all your changes and your working copy is clean & up to date with the remote. Then, when you're ready:

npm run release

Before running the actual release script, npm will call our prerelease script automatically, which will

  • format the code
  • run the linter
  • run the build (to produce the dist folder that's going to be a part of the package)

Once that's done, the release script will kick in, which will start np. That will

  • check whether you're in the right state to publish, at all (on master branch, no changed files, etc.)
  • provide some feedback if there are unknown files that will be added to the package for the first time and/or files which are present, but won't be added to the package. If that's the case, please read carefully, what's going on
  • ask you which type of release / published version you want (think about semver!)
  • perform a clean npm install just to be sure
  • run tests
  • update package.json and lockfile with the new version + commit & tag
  • perform the actual npm publish internally (this might ask you for your npmjs.com login incl. 2FA)
  • push everything to git

TODOs

  • [x] update README, docs, etc
  • [x] add https://www.npmjs.com/package/np for publishing
  • [x] remove s3 + deployment + distribution
  • [x] re-create simple build pipeline in CDK
  • [ ] re-add license checker (maybe a newer version, though)
  • [x] add slack alerts and/or datadog monitors to pipelines
  • [ ] set up renovate