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

@softfix/code-standards

v1.0.0

Published

Company code standards for naming conventions in React, Next.js, Node.js, and TypeScript

Readme

@softfix/code-standards

🚀 Enforce Consistent Code Standards Across Projects

This package ensures consistent naming conventions for files, functions, variables, and interfaces in React, Next.js, Node.js, and TypeScript projects.


📦 Installation

npm install --save-dev @softfix/code-standards

🚀 Usage

Run Pre-commit Checks Manually

npx softfix-precommit

This command performs the following checks:

  • File Names: Must be lowercase and kebab-case (e.g., my-component.tsx).
  • Functions: Must use camelCase (e.g., fetchData).
  • Variables: Must use camelCase or UPPER_CASE.
  • Interfaces: Must use PascalCase and start with I (e.g., IUserProfile).

✅ If any rule is violated, the pre-commit will fail and show the list of issues.


🧩 Examples

✅ File Names

  • Correct: user-profile.ts, order-list.component.tsx
  • Incorrect: UserProfile.ts, order_list.tsx

✅ Function Names

// ✅ Correct
function getUserDetails() {}

// 🚫 Incorrect
function GetUserDetails() {}
function get_user_details() {}

✅ Variable Names

// ✅ Correct
const userName = 'John';
const API_KEY = '12345';

// 🚫 Incorrect
const UserName = 'John';
const apiKey = '12345';

✅ Interface Names

// ✅ Correct
interface IUser {
  id: number;
  name: string;
}

// 🚫 Incorrect
interface user {
  id: number;
  name: string;
}
interface UserInterface {} // Should start with 'I'

🛠️ Why Use This Package?

✅ Automates code standard checks for faster development workflows ✅ Reduces code review time and improves code quality ✅ Seamlessly enforces company-wide coding standards ✅ Keeps naming conventions consistent across all projects ✅ Easily integrates with existing development pipelines and tools ✅ Prevents common naming mistakes before code is committed ✅ Saves time by catching issues early in the development cycle ✅ Enhances team collaboration through standardized code practices ✅ Provides clear, actionable feedback for quick fixes ✅ Supports scalable codebases by maintaining clean and organized code ✅ Works out of the box with minimal configuration ✅ Increases project maintainability and reduces technical debt


💻 Keep your codebase clean, consistent, and error-free with @softfix/code-standards!