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 🙏

© 2025 – Pkg Stats / Ryan Hefner

angular-starter-oidc-cli

v1.1.1

Published

A CLI for creating Angular starter applications from templates with OIDC authentication support

Readme

angular-starter-oidc-cli

A CLI for creating Angular starter applications from templates with OIDC authentication support.

Description

This CLI tool scaffolds new Angular applications from the angular-starter-app-template repository. It guides you through an interactive setup process to configure:

  • OIDC authentication (authority, client ID, redirect URL)
  • Resource Server integration
  • VCS provider (GitHub or GitLab)
  • Package manager (npm, pnpm, or yarn)
  • Node.js version

The CLI handles all the heavy lifting: cloning the template, replacing configuration tokens, setting up CI files, and initializing your project.

Installation

Local Development

npm install
npm link

Global Installation (when published)

npm install -g angular-starter-oidc-cli

Usage

Create a new Angular project

angular-starter-oidc create <project-name>

The CLI will interactively prompt you for:

  1. OIDC authority URL
  2. OIDC client ID
  3. OIDC redirect URL (default: http://localhost:4200)
  4. Resource Server URL (default: http://localhost:8080)
  5. VCS host (github or gitlab)
  6. Package manager (npm, pnpm, or yarn)
  7. Node.js version (default: 20)

With options

# Use custom template URL
angular-starter-oidc create my-app --template https://github.com/Spokay/angular-starter-app-template

# Create in specific directory
angular-starter-oidc create my-app --path ./projects

Options

  • -t, --template <url>: Template repository URL (default: angular-starter-app-template)
  • -p, --path <path>: Path where project should be created (default: current directory)
  • -V, --version: Output the version number
  • -h, --help: Display help information

Features

  • 🚀 Quick project scaffolding with OIDC authentication pre-configured
  • 🔐 Interactive OIDC configuration setup
  • 📦 Automatic dependency installation (npm/pnpm/yarn)
  • 🔧 CI/CD configuration (GitHub Actions or GitLab CI)
  • 💬 Input validation for all configuration values
  • 🎯 Token replacement for all placeholders
  • 🌳 Optional git initialization with remote setup
  • ✨ Clean and user-friendly CLI interface
  • 🎨 Colored output for better readability

How It Works

  1. Validates project name (must be valid npm package name)
  2. Prompts for all configuration values with validation
  3. Clones the angular-starter-app-template repository
  4. Replaces all __TOKEN__ placeholders with your values
  5. Configures CI files (GitHub Actions or GitLab CI)
  6. Generates app-config.json with your OIDC settings
  7. Installs dependencies with your chosen package manager
  8. Initializes git repository (optional)
  9. Provides next steps to get started

Example

$ angular-starter-oidc create my-awesome-app
🚀 Angular Starter OIDC CLI

Please provide the following configuration:

? What is your OIDC authority URL? https://idp.example.com/realms/my-realm
? What is your OIDC client ID? my-spa-client
? What is your OIDC redirect URL? http://localhost:4200
? What is your Resource Server URL? http://localhost:8080
? Which VCS host are you using? github
? Which package manager would you like to use? npm
? Which Node.js version? 20

✔ Template cloned successfully!
✔ Configuration tokens replaced!
✔ CI configured for github!
✔ app-config.json generated!
✔ Dependencies installed!
✔ Git repository initialized!

✓ Project "my-awesome-app" created successfully!

Next steps:
  cd my-awesome-app
  npm run start          # Start dev server
  npm run commit         # Make a commit (uses commitizen)

Configuration:
  - OIDC: https://idp.example.com/realms/my-realm
  - Resource Server: http://localhost:8080
  - Edit public/assets/app-config.json to change runtime config

Documentation:
  See README.md

Input Validation

The CLI validates all inputs:

  • Project name: Accepts flexible display names (spaces, capitalization allowed) - automatically converted to npm-friendly package name
  • OIDC Authority: Must be valid HTTPS URL (or HTTP for localhost)
  • Redirect URL: Must be valid URL format
  • Resource Server URL: Must be valid URL format
  • Package Manager: Must be installed on your system

Development

# Install dependencies
npm install

# Test locally
npm link
angular-starter-oidc create test-project

License

ISC