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

magepwa-cli

v0.3.0

Published

CLI to bootstrap Magento PWA Studio and apply custom scaffolds

Readme

MagePWA CLI

A powerful CLI tool to enhance existing Magento PWA Studio projects with custom scaffolds and development features.

🎯 Why MagePWA CLI?

Magento PWA Studio's targetables system can be complex and hard to debug. MagePWA CLI provides a simpler component override approach that offers:

  • Clear Code Paths: Direct file-based overrides that are easy to follow and debug
  • Better Maintainability: Simple file structure that's easy to understand and modify
  • Improved Developer Experience: Familiar patterns that any React developer can quickly grasp
  • Enhanced Debugging: Clear stack traces and straightforward code navigation

🚀 Features

  • Project Enhancement: Add pre-configured files and structure to existing Magento PWA projects
  • Regions Manager Components: Ready-to-use District and SubDistrict components with GraphQL integration
  • Tax Invoice Components: Complete tax invoice form with validation and GraphQL integration
  • Free Gift Components: Complete free gift selection system with popup interface and promotion management
  • Override System: Ready-to-use override directories for venia-ui, peregrine, and pagebuilder
  • Store Context: Global store configuration context for easy access throughout your app
  • Tailwind Integration: Pre-configured Tailwind CSS setup with custom theme configuration
  • Import Aliases: Clean import paths with webpack aliases for better code organization

📦 Installation

npm install -g magepwa-cli

🛠️ Quick Start

1. Initialize your Magento PWA project

# Navigate to your existing Magento PWA project
cd your-magento-pwa-project

# Add scaffolds and configurations
magepwa init

2. Add components (optional)

# Copy regions scaffold to your project
magepwa regions

# Copy tax invoice components
magepwa tax-invoice

# Copy free gift components (requires Amasty Free Gift extension)
magepwa freegift

3. Available Commands

magepwa init          # Add scaffolds to existing Magento PWA project
magepwa regions       # Copy regions manager scaffold files
magepwa tax-invoice   # Copy tax invoice scaffold files
magepwa freegift      # Copy free gift scaffold files (requires Amasty extension)
magepwa doctor        # Check environment prerequisites
magepwa --help        # Show help information

📋 Requirements

  • Node.js >= 18.0.0
  • npm or yarn package manager
  • npx (usually included with npm)

📚 Documentation

For detailed documentation, examples, and advanced usage, visit our GitHub Pages documentation.

The documentation includes:

  • Complete setup guides
  • Override system details
  • Import aliases reference
  • Build configuration options
  • Regions components usage
  • Tax invoice components usage
  • Free gift components usage
  • Store context implementation
  • Troubleshooting guide

🤝 Contributing

  1. Fork the repository
  2. Create your feature branch (git checkout -b feature/amazing-feature)
  3. Commit your changes (git commit -m 'Add some amazing feature')
  4. Push to the branch (git push origin feature/amazing-feature)
  5. Open a Pull Request

📞 Support

📄 License

This project is licensed under the MIT License - see the LICENSE file for details.


Made with ❤️ for the Magento PWA community