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

@technologyfromsage/persona-padlock

v3.3.0

Published

Welcome to Persona Padlock! This guide will walk you through setting up the development environment and getting started with contributing to the project.

Downloads

519

Readme

Persona Padlock

Welcome to Persona Padlock! This guide will walk you through setting up the development environment and getting started with contributing to the project.

Contributing

We follow the conventional commits specification for our PR titles. When creating a Pull Request, the title of the PR will be used as the commits will be squashed and merged in the main branch.

Therefore, it is mandatory to use conventional commit messages in the title of your PR. To enforce this, we use a GitHub action that checks the PR title for conventional commits.

We use this standard to help us correctly version the project and generate changelogs automatically.

For more information about conventional commits, you can refer to Conventional Commits Specification.

Setting Up the Development Environment

Prerequisites

Before you begin, make sure you have the following installed:

  • Node.js - version is defined in .nvmrc file
  • Git

Getting Started

git clone [email protected]:talis/persona-padlock.git
cd persona-padlock

Enable pnpm

We use pnpm as the package manager for this project. If you don't have pnpm installed, you can enable it using corepack.

Corepack is a set of core utilities bundled with Node.js. It allows you to enable and run pnpm without needing to install it separately. Here's how you can enable pnpm via corepack:

corepack enable pnpm

This will enable pnpm using the package manager version specified in the package.json file.

Install Dependencies

pnpm install

Add Host Aliases:

To access the project via padlock.talis.local, and run the e2e tests you need to add the following host aliases:

  • Mac/Linux: Edit /etc/hosts using a text editor with sudo privileges. Add the following line to the hosts file:
127.0.0.1   padlock.talis.local
127.0.0.1   fake-persona.talis.local

Add environment variables

Create a .env file in the root of the project and copy the contents of the .env.example file into it.

For the PERSONA_CLIENT_ID and PERSONA_CLIENT_SECRET variables, make sure you update these to be the standard local ones.

For VITE_OAUTH_PROVIDER, set this to a value that matches a Persona auth provider you have setup locally. Padlock does not set them up itself. For example, if you have RL running, life would be a working auth provider and if you have Elevate running, talis would be a working auth provider.

Start the Development Servers

pnpm start

This will start the frontend and backend servers and open the project in your default browser at https://padlock.talis.local:5000.

The backend server will be running at https://padlock.talis.local:5100.

Running Tests

To run the tests, use the following command:

pnpm test

or to run the tests in watch mode:

pnpm test:watch

e2e-tests

There are a few "flavours" of e2e tests that can be run depending on the environment you wish to target. Currently, we support a fake Persona service or Production.

Stubbed Persona e2e tests: To run the end-to-end tests, use the following command:

pnpm test:e2e:fake-persona

Production Persona e2e tests: To run the end-to-end tests, use the following command:

pnpm test:e2e:prod-persona

All e2e tests flavours: To run the end-to-end tests, use the following command:

pnpm test:e2e:all

In both cases this will start 2 servers using the pnpm test:e2e:start:servers command before running the tests

Linting & Formatting

Linting and formatting are done using ESLint and Prettier. You can run the linter using the following command:

pnpm lint

You can also automatically fix some linting issues by running:

pnpm lint:fix

You can run the formatter in check mode only using the following command:

pnpm prettier

You can also automatically fix some formatting issues by running:

pnpm prettier:fix

Or run both the linter and formatter using the following command:

pnpm format