@iamandersonp/prettier-staged 0.2.0 → 0.3.0

package/.env.example

@@ -12,3 +12,20 @@
 # Nota: Las comillas son opcionales y serán removidas automáticamente
 
 HOOKS_DIR=.git-hooks
+
+# Configuración de extensiones de archivos para formateo con Prettier
+#
+# EXTENSIONS define qué tipos de archivos serán formateados por Prettier.
+# Debe ser una lista separada por comas. Si no se especifica, se usará
+# el valor por defecto: html,ts,scss,css,json,js
+#
+# Ejemplos:
+# EXTENSIONS=html,ts,scss,css,json,js  # Valor por defecto
+# EXTENSIONS=js,jsx,ts,tsx            # Solo archivos JavaScript/TypeScript
+# EXTENSIONS="vue,svelte,astro"       # Con comillas dobles
+# EXTENSIONS='md,mdx,html'            # Con comillas simples
+# EXTENSIONS=js, ts, css, scss        # Con espacios (serán removidos automáticamente)
+#
+# Nota: Las comillas y espacios extra son opcionales y serán removidos automáticamente
+
+EXTENSIONS=html,js,ts,scss,css,json

package/.git-hooks/pre-commit

@@ -12,7 +12,7 @@ npm run test:coverage
 
 npm run prettier-staged
 
-STAGED_FILES=$(git diff --name-only --cached --diff-filter=ACM | grep -E '\.(html|ts|scss|css|json)$')
+STAGED_FILES=$(git diff --name-only --cached --diff-filter=ACM | grep -E '\.(html|ts|scss|css|json|js)$')
 
 if [ -n "$STAGED_FILES" ]; then
   echo "$STAGED_FILES" | xargs git add

package/.git-hooks/pre-commit-sample

@@ -8,7 +8,7 @@ fi
 
 npm run prettier-staged
 
-STAGED_FILES=$(git diff --name-only --cached --diff-filter=ACM | grep -E '\.(html|ts|scss|css|json)$')
+STAGED_FILES=$(git diff --name-only --cached --diff-filter=ACM | grep -E '\.(html|ts|scss|css|json|js)$')
 
 if [ -n "$STAGED_FILES" ]; then
   echo "$STAGED_FILES" | xargs git add

package/.versionrc.json

@@ -9,6 +9,6 @@
     { "type": "perf", "hidden": true },
     { "type": "test", "hidden": true }
   ],
-  "commitUrlFormat": "https://github.com/iamandersonp/preetier-staged/commits/{{hash}}",
-  "compareUrlFormat": "https://github.com/iamandersonp/preetier-staged/compare/{{previousTag}}...{{currentTag}}"
+  "commitUrlFormat": "https://github.com/iamandersonp/prettier-staged.git/commits/{{hash}}",
+  "compareUrlFormat": "https://github.com/iamandersonp/prettier-staged.git/compare/{{previousTag}}...{{currentTag}}"
 }

package/CHANGELOG.md

@@ -2,48 +2,48 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
-## [0.2.0](https://github.com/iamandersonp/preetier-staged/compare/v0.1.1...v0.2.0) (2026-04-07)
+## [0.3.0](https://github.com/iamandersonp/prettier-staged.git/compare/v0.2.0...v0.3.0) (2026-04-07)
 
+### Features
 
-### Bug Fixes
+- :sparkles: configurable extensions ([55ff5cb](https://github.com/iamandersonp/prettier-staged.git/commits/55ff5cb0c3276591e209979207610c4b48b04b62))
 
-* :rocket: rename to prettier-staged for consistence ([d7ae9f4](https://github.com/iamandersonp/preetier-staged/commits/d7ae9f40006e0040ee5045f3f642a6f02c860db2))
+## [0.2.0](https://github.com/iamandersonp/prettier-staged/compare/v0.1.1...v0.2.0) (2026-04-07)
 
-### [0.1.1](https://github.com/iamandersonp/preetier-staged/compare/v0.1.0...v0.1.1) (2026-04-06)
+### Bug Fixes
 
+- :rocket: rename to prettier-staged for consistence ([d7ae9f4](https://github.com/iamandersonp/prettier-staged/commits/d7ae9f40006e0040ee5045f3f642a6f02c860db2))
 
-### Features
+### [0.1.1](https://github.com/iamandersonp/prettier-staged/compare/v0.1.0...v0.1.1) (2026-04-06)
 
-* :sparkles: instalation hook folder from .env file ([2414b31](https://github.com/iamandersonp/preetier-staged/commits/2414b317c6c6c40bd6818738e20cc8b6091fad5e))
+### Features
 
+- :sparkles: instalation hook folder from .env file ([2414b31](https://github.com/iamandersonp/prettier-staged/commits/2414b317c6c6c40bd6818738e20cc8b6091fad5e))
 
 ### Bug Fixes
 
-* :zap: instalation hook folder ([5acc701](https://github.com/iamandersonp/preetier-staged/commits/5acc701139e9f0bf7cdc0a0714e4c7285093efcc))
-
-## [0.1.0](https://github.com/iamandersonp/preetier-staged/compare/v0.0.7...v0.1.0) (2026-04-06)
+- :zap: instalation hook folder ([5acc701](https://github.com/iamandersonp/prettier-staged/commits/5acc701139e9f0bf7cdc0a0714e4c7285093efcc))
 
+## [0.1.0](https://github.com/iamandersonp/prettier-staged/compare/v0.0.7...v0.1.0) (2026-04-06)
 
 ### Features
 
-* :sparkles: add installation hook to copy sample pre-commit hook ([8fd317d](https://github.com/iamandersonp/preetier-staged/commits/8fd317d17b122cd6067c86e2ce7f187e89deaf38))
+- :sparkles: add installation hook to copy sample pre-commit hook ([8fd317d](https://github.com/iamandersonp/prettier-staged/commits/8fd317d17b122cd6067c86e2ce7f187e89deaf38))
 
-### [0.0.5](https://github.com/iamandersonp/preetier-staged/compare/v0.0.4...v0.0.5) (2026-04-01)
+### [0.0.5](https://github.com/iamandersonp/prettier-staged/compare/v0.0.4...v0.0.5) (2026-04-01)
 
-### [0.0.4](https://github.com/iamandersonp/preetier-staged/compare/v0.0.3...v0.0.4) (2026-04-01)
-
-### [0.0.3](https://github.com/iamandersonp/preetier-staged/compare/v0.0.2...v0.0.3) (2026-04-01)
+### [0.0.4](https://github.com/iamandersonp/prettier-staged/compare/v0.0.3...v0.0.4) (2026-04-01)
 
+### [0.0.3](https://github.com/iamandersonp/prettier-staged/compare/v0.0.2...v0.0.3) (2026-04-01)
 
 ### Bug Fixes
 
-* :rocket: add preetier dependency ([c892b0d](https://github.com/iamandersonp/preetier-staged/commits/c892b0dc699bc07411907d70386114f84ecf3c3c))
+- :rocket: add preetier dependency ([c892b0d](https://github.com/iamandersonp/prettier-staged/commits/c892b0dc699bc07411907d70386114f84ecf3c3c))
 
-### [0.0.2](https://github.com/iamandersonp/preetier-staged/compare/v0.0.1...v0.0.2) (2026-04-01)
+### [0.0.2](https://github.com/iamandersonp/prettier-staged/compare/v0.0.1...v0.0.2) (2026-04-01)
 
 ### 0.0.1 (2026-04-01)
 
-
 ### Features
 
-* :tada: initial versión ([d9e520f](https://github.com/iamandersonp/preetier-staged/commits/d9e520f49456489c396a61d87b56cd3c90c22b7b))
+- :tada: initial versión ([d9e520f](https://github.com/iamandersonp/prettier-staged/commits/d9e520f49456489c396a61d87b56cd3c90c22b7b))

package/README.md

@@ -1,6 +1,6 @@
 # @iamandersonp/prettier-staged
 
-An utitlty to auto format stagged files using prettier
+Configurable utility to auto-format staged files using Prettier with customizable file extensions and hooks directory
 
 ## Installation
 
@@ -24,23 +24,63 @@ Create a command on your package.json
 "prettier-staged": "prettier-staged",
 ```
 
+## File Extensions Configuration
+
+By default, prettier-staged formats these file types: `html`, `ts`, `scss`, `css`, `json`, `js`
+
+You can customize which file extensions to format by creating a `.env` file in your project root:
+
+```bash
+# .env
+EXTENSIONS=js,jsx,ts,tsx,css,scss
+```
+
+**Examples of custom configurations:**
+
+```bash
+# React project
+EXTENSIONS=js,jsx,ts,tsx,css,scss
+
+# Vue project
+EXTENSIONS=vue,js,ts,css,scss
+
+# TypeScript-only project
+EXTENSIONS=ts,tsx
+
+# Full-stack project
+EXTENSIONS=html,js,jsx,ts,tsx,vue,css,scss,less,json
+
+# With quotes and spaces (automatically cleaned)
+EXTENSIONS="js, jsx, ts, tsx"
+EXTENSIONS='vue, css, scss'
+```
+
+If no `.env` file exists or `EXTENSIONS` is not specified, the default extensions will be used.
+
 ## Automatic Hook Installation
 
 When installed as a dependency (not during local development), prettier-staged automatically copies a pre-commit hook to your project's hooks directory. This provides a ready-to-use solution for formatting staged files.
 
 ### Configuration
 
-You can configure the hooks directory using an optional `.env` file in your project root:
+You can configure the hooks directory and file extensions using an optional `.env` file in your project root:
 
 ```bash
 # .env (optional)
-HOOKS_DIR=.git-hooks    # Default value
-# or customize:
+HOOKS_DIR=.git-hooks                 # Default hooks directory
+EXTENSIONS=html,ts,scss,css,json,js  # Default file extensions
+
+# Customize as needed:
 HOOKS_DIR=custom-hooks
-HOOKS_DIR="my hooks"     # With spaces (quotes optional)
+HOOKS_DIR="my hooks"                 # With spaces (quotes optional)
+EXTENSIONS=js,jsx,ts,tsx             # Custom file extensions
+EXTENSIONS="vue,svelte,astro"        # Framework-specific files
 ```
 
-If no `.env` file exists, the default directory `.git-hooks` will be used.
+If no `.env` file exists, the default values will be used:
+
+- **HOOKS_DIR**: `.git-hooks`
+- **EXTENSIONS**: `html,ts,scss,css,json,js`
 
 #### Setting up your .env file
 
@@ -50,12 +90,19 @@ If no `.env` file exists, the default directory `.git-hooks` will be used.
    cp .env.example .env
    ```
 
-2. Edit `.env` to customize your hooks directory (optional):
+2. Edit `.env` to customize your configuration (optional):
 
    ```bash
+   # Hooks directory
    HOOKS_DIR=.git-hooks  # Use default
    # or
    HOOKS_DIR=git-hooks   # Custom directory
+
+   # File extensions to format
+   EXTENSIONS=html,ts,scss,css,json,js  # Use default
+   # or
+   EXTENSIONS=js,jsx,ts,tsx             # JavaScript/TypeScript only
+   EXTENSIONS=vue,svelte,astro          # Framework-specific
    ```
 
 ### What gets installed
@@ -93,14 +140,25 @@ git config core.hooksPath your-custom-directory
 
 ```bash
 # All these formats are valid:
+
+# Hooks directory:
 HOOKS_DIR=.git-hooks          # Basic format
 HOOKS_DIR=".git-hooks"        # With double quotes
 HOOKS_DIR='.git-hooks'        # With single quotes
 HOOKS_DIR=custom-hooks-dir    # Custom directory name
 HOOKS_DIR="hooks with spaces" # Directories with spaces
+
+# File extensions:
+EXTENSIONS=html,ts,scss,css,json,js  # Basic format
+EXTENSIONS="js,jsx,ts,tsx"           # With double quotes
+EXTENSIONS='vue,svelte,astro'        # With single quotes
+EXTENSIONS=js, ts, css, scss         # With spaces (auto-trimmed)
 ```
 
-**Note**: If the `.env` file doesn't exist or has errors, the default `.git-hooks` directory is used automatically.
+**Note**: If the `.env` file doesn't exist or has errors, the default values are used automatically:
+
+- **HOOKS_DIR**: `.git-hooks`
+- **EXTENSIONS**: `html,ts,scss,css,json,js`
 
 ### Custom implementation
 
@@ -117,7 +175,7 @@ fi
 
 npm run prettier-staged
 
-STAGED_FILES=$(git diff --name-only --cached --diff-filter=ACM | grep -E '\.(html|ts|scss|css|json)$')
+STAGED_FILES=$(git diff --name-only --cached --diff-filter=ACM | grep -E '\.(html|ts|scss|css|json|js)$')
 
 if [ -n "$STAGED_FILES" ]; then
   echo "$STAGED_FILES" | xargs git add
@@ -132,10 +190,16 @@ fi
    npm install -D @iamandersonp/prettier-staged
    ```
 
-2. **Optional: Configure hooks directory**:
+2. **Optional: Configure your preferences**:
 
    ```bash
+   # Create .env file with custom configuration
    echo "HOOKS_DIR=.git-hooks" > .env
+   echo "EXTENSIONS=html,ts,scss,css,json,js" >> .env
+
+   # Or copy and edit the example
+   cp .env.example .env
+   # Edit .env to customize HOOKS_DIR and EXTENSIONS
    ```
 
 3. **The hook is automatically set up!** No additional configuration needed.
@@ -172,5 +236,11 @@ Current test coverage: **>95%** including:
 - ✅ No files to format scenarios
 - ✅ Error handling (Prettier not found, syntax errors, general errors)
 - ✅ Edge cases (files with spaces, whitespace trimming, all supported extensions)
+- ✅ Extensions configuration from `.env` file (custom extensions, fallback to defaults, error handling)
+- ✅ Hooks directory configuration from `.env` file
 
 The tests use mocks to simulate Git commands and Prettier execution without running actual commands, making tests fast and reliable.
+
+## Changelog
+
+All history of changes are located on [CHANGELOG.md](./CHANGELOG.md).

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@iamandersonp/prettier-staged",
-  "version": "0.2.0",
+  "version": "0.3.0",
   "main": "src/index.js",
   "bin": {
     "prettier-staged": "src/index.js"
@@ -21,7 +21,11 @@
     "prettier",
     "staged",
     "git",
-    "hooks"
+    "hooks",
+    "formatting",
+    "configurable",
+    "extensions",
+    "pre-commit"
   ],
   "author": "Anderson Penaloza <info@iamanderson.dev>",
   "repository": {
@@ -30,7 +34,7 @@
   },
   "homepage": "https://github.com/iamandersonp/prettier-staged.git",
   "license": "GPL-3.0-only",
-  "description": "An utility to auto format staged files using Prettier",
+  "description": "Configurable utility to auto-format staged files using Prettier with customizable file extensions and hooks directory",
   "readme": "README.md",
   "dependencies": {
     "prettier": "^3.8.1"

package/src/index.js

@@ -1,8 +1,63 @@
 #!/usr/bin/env node
 
 const { execSync } = require('node:child_process');
+const fs = require('node:fs');
+const path = require('node:path');
 
-const extensions = /\.(html|ts|scss|css|json)$/;
+// Constante para las extensiones por defecto
+const DEFAULT_EXTENSIONS = ['html', 'ts', 'scss', 'css', 'json', 'js'];
+
+/**
+ * Lee el archivo .env para obtener EXTENSIONS, retorna el valor por defecto si no existe
+ */
+function getExtensionsFromEnv() {
+  try {
+    const envPath = path.join(process.cwd(), '.env');
+
+    if (!fs.existsSync(envPath)) {
+      return DEFAULT_EXTENSIONS;
+    }
+
+    const envContent = fs.readFileSync(envPath, 'utf8');
+    const lines = envContent.split('\n');
+
+    for (const line of lines) {
+      const trimmedLine = line.trim();
+      if (trimmedLine.startsWith('EXTENSIONS=')) {
+        const value = trimmedLine.substring('EXTENSIONS='.length).trim();
+        // Remover comillas si existen (simples o dobles)
+        let cleanValue = value
+          .replace(/^['"]/, '') // Remover comilla de inicio
+          .replace(/['"]/, ''); // Remover comilla de final
+
+        if (cleanValue) {
+          // Convertir string separado por comas a array
+          return cleanValue
+            .split(',')
+            .map((ext) => ext.trim())
+            .filter(Boolean);
+        }
+      }
+    }
+
+    return DEFAULT_EXTENSIONS;
+  } catch (error) {
+    // Si hay cualquier error leyendo el archivo, usar valor por defecto
+    console.warn('Warning: Could not read .env file, using default EXTENSIONS:', error.message);
+    return DEFAULT_EXTENSIONS;
+  }
+}
+
+/**
+ * Crear regex para extensiones basado en la configuración
+ */
+function createExtensionsRegex(extensionsArray) {
+  const pattern = String.raw`\.(${extensionsArray.join('|')})$`;
+  return new RegExp(pattern);
+}
+
+// Constante para las extensiones (lee desde .env o usa valor por defecto)
+const extensions = createExtensionsRegex(getExtensionsFromEnv());
 
 function runPrettierStaged() {
   try {
@@ -41,4 +96,9 @@ if (require.main === module) {
   runPrettierStaged();
 }
 
-module.exports = { runPrettierStaged };
+module.exports = {
+  runPrettierStaged,
+  getExtensionsFromEnv,
+  createExtensionsRegex,
+  DEFAULT_EXTENSIONS
+};

package/tests/index.test.js

@@ -1,11 +1,20 @@
 const { execSync } = require('node:child_process');
+const fs = require('node:fs');
 
-// Mock completo del módulo child_process
+// Mock de child_process
 jest.mock('node:child_process', () => ({
   execSync: jest.fn()
 }));
 
-const { runPrettierStaged } = require('../src/index.js');
+// Mock de node:fs
+jest.mock('node:fs');
+
+const {
+  runPrettierStaged,
+  getExtensionsFromEnv,
+  createExtensionsRegex,
+  DEFAULT_EXTENSIONS
+} = require('../src/index.js');
 
 describe('prettier-staged CLI', () => {
   let consoleSpy, errorSpy, exitSpy;
@@ -230,4 +239,126 @@ describe('prettier-staged CLI', () => {
       });
     });
   });
+
+  describe('getExtensionsFromEnv', () => {
+    beforeEach(() => {
+      // Reset fs mocks
+      fs.existsSync = jest.fn();
+      fs.readFileSync = jest.fn();
+      // Reset process.cwd
+      jest.spyOn(process, 'cwd').mockReturnValue('/test/project');
+    });
+
+    afterEach(() => {
+      process.cwd.mockRestore();
+    });
+
+    it('should return default extensions when .env file does not exist', () => {
+      fs.existsSync.mockReturnValue(false);
+
+      const result = getExtensionsFromEnv();
+
+      expect(result).toEqual(DEFAULT_EXTENSIONS);
+      expect(fs.existsSync).toHaveBeenCalledWith('/test/project/.env');
+    });
+
+    it('should return extensions from .env file when EXTENSIONS is set', () => {
+      fs.existsSync.mockReturnValue(true);
+      fs.readFileSync.mockReturnValue('NODE_ENV=test\nEXTENSIONS=js,jsx,ts,tsx\nOTHER=value');
+
+      const result = getExtensionsFromEnv();
+
+      expect(result).toEqual(['js', 'jsx', 'ts', 'tsx']);
+      expect(fs.readFileSync).toHaveBeenCalledWith('/test/project/.env', 'utf8');
+    });
+
+    it('should return default extensions when .env exists but EXTENSIONS is not set', () => {
+      fs.existsSync.mockReturnValue(true);
+      fs.readFileSync.mockReturnValue('NODE_ENV=test\nOTHER=value');
+
+      const result = getExtensionsFromEnv();
+
+      expect(result).toEqual(DEFAULT_EXTENSIONS);
+    });
+
+    it('should remove quotes and trim spaces from EXTENSIONS value', () => {
+      fs.existsSync.mockReturnValue(true);
+      fs.readFileSync.mockReturnValue('EXTENSIONS="html, ts , css, json"');
+
+      const result = getExtensionsFromEnv();
+
+      expect(result).toEqual(['html', 'ts', 'css', 'json']);
+    });
+
+    it('should remove single quotes from EXTENSIONS value', () => {
+      fs.existsSync.mockReturnValue(true);
+      fs.readFileSync.mockReturnValue("EXTENSIONS='vue,svelte,astro'");
+
+      const result = getExtensionsFromEnv();
+
+      expect(result).toEqual(['vue', 'svelte', 'astro']);
+    });
+
+    it('should handle file read errors gracefully', () => {
+      fs.existsSync.mockReturnValue(true);
+      fs.readFileSync.mockImplementation(() => {
+        throw new Error('Permission denied');
+      });
+
+      const result = getExtensionsFromEnv();
+
+      expect(result).toEqual(DEFAULT_EXTENSIONS);
+    });
+
+    it('should return default extensions when EXTENSIONS is empty', () => {
+      fs.existsSync.mockReturnValue(true);
+      fs.readFileSync.mockReturnValue('EXTENSIONS=\nOTHER=value');
+
+      const result = getExtensionsFromEnv();
+
+      expect(result).toEqual(DEFAULT_EXTENSIONS);
+    });
+
+    it('should filter out empty extensions after split', () => {
+      fs.existsSync.mockReturnValue(true);
+      fs.readFileSync.mockReturnValue('EXTENSIONS=js,,ts, ,jsx,');
+
+      const result = getExtensionsFromEnv();
+
+      expect(result).toEqual(['js', 'ts', 'jsx']);
+    });
+  });
+
+  describe('createExtensionsRegex', () => {
+    it('should create regex for single extension', () => {
+      const result = createExtensionsRegex(['js']);
+
+      expect(result).toEqual(/\.(js)$/);
+      expect(result.test('app.js')).toBe(true);
+      expect(result.test('app.ts')).toBe(false);
+    });
+
+    it('should create regex for multiple extensions', () => {
+      const result = createExtensionsRegex(['js', 'ts', 'jsx']);
+
+      expect(result).toEqual(/\.(js|ts|jsx)$/);
+      expect(result.test('app.js')).toBe(true);
+      expect(result.test('component.ts')).toBe(true);
+      expect(result.test('Component.jsx')).toBe(true);
+      expect(result.test('style.css')).toBe(false);
+    });
+
+    it('should create regex for default extensions', () => {
+      const result = createExtensionsRegex(DEFAULT_EXTENSIONS);
+
+      expect(result).toEqual(/\.(html|ts|scss|css|json|js)$/);
+      expect(result.test('index.html')).toBe(true);
+      expect(result.test('app.ts')).toBe(true);
+      expect(result.test('style.scss')).toBe(true);
+      expect(result.test('reset.css')).toBe(true);
+      expect(result.test('package.json')).toBe(true);
+      expect(result.test('script.js')).toBe(true);
+      expect(result.test('readme.md')).toBe(false);
+    });
+  });
 });