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

@cs-magic/generator-acg

v0.1.5

Published

A powerful and flexible code generator for VS Code that helps you generate code snippets, boilerplates, and entire project structures

Downloads

285

Readme

AnyCodeGenerator (ACG)

A powerful and flexible code generator for VS Code that helps you generate code snippets, boilerplates, and entire project structures with ease.

Features

  • 🎯 Smart code generation based on context and requirements
  • 🚀 Multiple generation templates and patterns
  • 📦 Support for various project types and frameworks
  • 🛠️ Built with TypeScript for type safety
  • 🎨 Modern UI with React and Tailwind CSS
  • 📱 Extensible architecture for custom templates
  • 🔄 Live preview of generated code

Quick Start

Using CLI (Recommended)

# Install ACG globally
npm install -g @cs-magic/generator-acg

# Generate your code with simple command
acg

# Follow the interactive prompts to customize your generation

Using Yeoman Generator

# If you prefer using Yeoman directly
yo @cs-magic/acg

Using VS Code Extension

# Install the VS Code extension
# Search for "AnyCodeGenerator" in VS Code marketplace
# Or visit: [VS Code Marketplace Link]

# Use the command palette (Ctrl+Shift+P / Cmd+Shift+P)
# Type: "ACG: Generate Code"

Generation Types

Using Yeoman Commands

The generator supports various commands for different generation needs:

# Generate a new project
yo @cs-magic/generator-acg:project

# Generate a component
yo @cs-magic/generator-acg:component

# Generate an API endpoint
yo @cs-magic/generator-acg:api

# Generate custom template
yo @cs-magic/generator-acg:custom

Each command will prompt you for necessary configuration options.

Code Snippets

Generate commonly used code patterns and snippets based on your current context.

Project Templates

Create new projects with best-practice structure and configuration:

project-name/
├── src/
│   ├── core/          # Core functionality
│   ├── components/    # UI components (if applicable)
│   └── types/         # Type definitions
├── tests/             # Test files
└── package.json       # Project configuration

Custom Templates

Create and use your own templates for specific needs:

  • Component templates
  • API endpoints
  • Database models
  • Custom patterns

Development

Prerequisites

  • Node.js 16 or later
  • pnpm (recommended), yarn, or npm
  • VS Code

Building the Extension

# Install dependencies
pnpm install

# Build all packages
pnpm build

# Development with hot reload
pnpm dev

Configuration Options

  • Project Type: Choose between standalone, monorepo package, or monorepo root
  • Package Manager: Select pnpm, yarn, or npm
  • Webview Support: Option to include React-based webview
  • Package Scope: Custom scope for monorepo packages

Contributing

  1. Fork the repository
  2. Create your feature branch
  3. Commit your changes
  4. Push to the branch
  5. Create a new Pull Request