@dimensional-innovations/tool-config 3.0.0 → 3.0.1

package/README.md

@@ -5,7 +5,7 @@
 [![npm version](https://img.shields.io/npm/v/@dimensional-innovations/tool-config.svg)](https://www.npmjs.com/package/@dimensional-innovations/tool-config)
 [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
 [![Node Version](https://img.shields.io/badge/node-%3E%3D22.12.0-brightgreen.svg)](https://nodejs.org/)
-[![Test Coverage](https://img.shields.io/badge/coverage-100%25-brightgreen.svg)](./tests/)
+[![Test Coverage](https://img.shields.io/badge/coverage-96%25-brightgreen.svg)](./tests/)
 
 **One package. Five tools. Zero configuration.**
 
@@ -35,13 +35,13 @@ npm install --save-dev @dimensional-innovations/tool-config
 
 - 🎯 **Zero Configuration** - Auto-detects your framework, environment, and TypeScript
 - 🧰 **Multi-Tool Support** - ESLint, Prettier, Stylelint, TypeScript, semantic-release in one package
-- ⚛️ **8+ Frameworks** - React, Vue, Svelte, Solid, Astro, Angular, Vanilla JS, Node.js
+- ⚛️ **9 Frameworks** - React, Vue, Svelte, Solid, Astro, Angular, Vanilla JS, Node.js, Electron
 - 📦 **All-In-One** - All plugins and parsers included as dependencies
 - 🔧 **Customizable** - Override any setting while keeping smart defaults
 - 🚀 **Modern** - ESLint 9+ flat config, TypeScript with tsgo support (10x faster)
 - 🔄 **Uninstall Support** - Clean removal with safety checks for modified files
 - 🎬 **Smart Scripts** - Auto-generated `check-all` script runs tools in optimal order
-- ✅ **Battle-Tested** - 556 tests with 100% coverage
+- ✅ **Battle-Tested** - 556 tests with 96% coverage
 
 ## Quick Start
 
@@ -120,8 +120,8 @@ That's it! The configs will automatically detect your framework and TypeScript s
     "lint:fix": "eslint --fix .",
     "prettier": "prettier --check .",
     "prettier:fix": "prettier --write .",
-    "style": "stylelint '**/*.css'",
-    "style:fix": "stylelint '**/*.css' --fix",
+    "style": "stylelint '**/*.css' --allow-empty-input",
+    "style:fix": "stylelint '**/*.css' --fix --allow-empty-input",
     "typecheck": "tsc --noEmit",
     "typecheck:watch": "tsc --noEmit --watch",
     "check-all": "npm run prettier && npm run style && npm run lint && npm run typecheck"
@@ -143,6 +143,7 @@ That's it! The configs will automatically detect your framework and TypeScript s
 | Angular   | ✅     | ✅       | ✅                  | ✅ decorators   | ✅          |
 | Vanilla   | ✅     | ✅       | ✅                  | ✅ browser      | ✅          |
 | Node.js   | ✅     | ✅       | N/A                 | ✅ NodeNext     | ✅          |
+| Electron  | ✅     | ✅       | N/A                 | ✅ multi-config | ✅          |
 
 **Meta-frameworks**: Next.js (→ React), Nuxt (→ Vue), SvelteKit (→ Svelte)
 
@@ -179,23 +180,11 @@ await createConfig('eslint', {
 })
 ```
 
-**Example - Custom Rules:**
+**Custom rules:**
 
 ```javascript
 export default await createConfig('eslint', {
-  rules: {
-    'no-console': 'off',
-    'react/prop-types': 'warn'
-  }
-})
-```
-
-**Example - Explicit Framework:**
-
-```javascript
-export default await createConfig('eslint', {
-  framework: 'vue',
-  typescript: true
+  rules: { 'no-console': 'off' }
 })
 ```
 
@@ -204,20 +193,9 @@ export default await createConfig('eslint', {
 ```javascript
 createConfig('prettier', {
   framework: 'auto',
-  // Override any Prettier option
+  printWidth: 100, // Override any Prettier option
   semi: false,
-  singleQuote: true,
-  printWidth: 100
-})
-```
-
-**Example - Custom Settings:**
-
-```javascript
-export default createConfig('prettier', {
-  printWidth: 120,
-  tabWidth: 4,
-  trailingComma: 'all'
+  singleQuote: true
 })
 ```
 
@@ -226,57 +204,29 @@ export default createConfig('prettier', {
 ```javascript
 createConfig('stylelint', {
   framework: 'auto',
-  cssType: 'auto', // 'auto' | 'scss' | 'css' | { preprocessor, tailwind, modules }
+  cssType: 'auto', // 'auto' | 'scss' | 'css'
+  cssType: { preprocessor: 'scss', tailwind: true }, // Or object
   rules: {} // Custom rule overrides
 })
 ```
 
-**Example - SCSS + Tailwind:**
-
-```javascript
-export default createConfig('stylelint', {
-  cssType: {
-    preprocessor: 'scss',
-    tailwind: true
-  }
-})
-```
-
 ### TypeScript Options
 
 ```javascript
 await createConfig('typescript', {
   framework: 'auto', // Auto-detect or specify framework
   environment: 'auto', // 'auto' | 'browser' | 'node' | 'universal'
-  checker: 'auto', // 'auto' | 'modern' (tsgo) | 'legacy' (tsc/vue-tsc)
+  checker: 'auto', // 'auto' | 'modern' (tsgo) | 'legacy' (tsc)
   strict: true, // Enable strict type checking
-  compilerOptions: {} // Custom TypeScript compiler options
-})
-```
-
-**Example - React with Custom Options:**
-
-```javascript
-export default await createConfig('typescript', {
-  framework: 'react',
   compilerOptions: {
+    // Custom compiler options
     baseUrl: '.',
-    paths: {
-      '@/*': ['src/*']
-    }
+    paths: { '@/*': ['src/*'] }
   }
 })
 ```
 
-**Example - Use tsgo for 10x Faster Type Checking:**
-
-```javascript
-export default await createConfig('typescript', {
-  checker: 'modern' // Forces tsgo when installed
-})
-```
-
-**tsgo Support:** Install `@typescript/native-preview` for 10x faster type checking. The package automatically detects and uses tsgo when available.
+**tsgo Support:** Install `@typescript/native-preview` for 10x faster type checking. Auto-detected or set `checker: 'modern'` to force it.
 
 ### semantic-release Options
 
@@ -287,15 +237,6 @@ createConfig('semantic-release', {
 })
 ```
 
-**Example - Library Release:**
-
-```javascript
-export default createConfig('semantic-release', {
-  preset: 'library',
-  gitProvider: 'github'
-})
-```
-
 ## Framework-Specific Guides
 
 ### React
@@ -586,64 +527,43 @@ See the [`examples/`](./examples/) directory for complete working examples:
 - [Node Backend](./examples/node-backend/) - Express, TypeScript
 - [Vanilla JS](./examples/vanilla-js/) - Pure JavaScript, no framework
 
-Each example includes all 4 tool configurations and npm scripts.
+Each example includes all 5 tool configurations and npm scripts.
 
 ## Advanced Usage
 
-### Monorepo Support
-
-Use different configs per workspace:
+**Monorepo Support:**
 
 ```javascript
 // apps/frontend/eslint.config.js
-export default await createConfig('eslint', {
-  framework: 'react',
-  typescript: true
-})
+export default await createConfig('eslint', { framework: 'react' })
 
 // apps/backend/eslint.config.js
-export default await createConfig('eslint', {
-  framework: 'node',
-  environment: 'node'
-})
+export default await createConfig('eslint', { framework: 'node' })
 ```
 
-### Custom Ignore Patterns
+**Custom Ignore Patterns:**
 
 ```javascript
 export default await createConfig('eslint', {
-  ignore: ['dist/**', 'build/**', '**/*.generated.ts']
+  ignore: ['dist/**', '**/*.generated.ts']
 })
 ```
 
-### Environment-Specific Rules
+**Environment-Specific Rules:**
 
 ```javascript
-const isDev = process.env.NODE_ENV === 'development'
-
 export default await createConfig('eslint', {
   rules: {
-    'no-console': isDev ? 'off' : 'error',
-    'no-debugger': isDev ? 'warn' : 'error'
+    'no-console': process.env.NODE_ENV === 'development' ? 'off' : 'error'
   }
 })
 ```
 
-### Combining with Other Configs
+**Combining with Other Configs:**
 
 ```javascript
-import { createConfig } from '@dimensional-innovations/tool-config'
-import customRules from './custom-rules.js'
-
 const baseConfig = await createConfig('eslint')
-
-export default [
-  ...baseConfig,
-  {
-    files: ['**/*.js'],
-    rules: customRules
-  }
-]
+export default [...baseConfig, { files: ['**/*.js'], rules: customRules }]
 ```
 
 ## Ignoring Files
@@ -698,8 +618,7 @@ export default createConfig('stylelint', {
 
 **Prettier** - Edit `.prettierignore` file:
 
-```
-# Custom ignores
+```text
 generated/
 legacy/
 ```
@@ -721,77 +640,20 @@ npx prettier --check . --debug-check
 
 ## Troubleshooting
 
-### Tools Processing Build Outputs
-
-If you see errors about linting/formatting files in `dist/`, `coverage/`, or `out/`:
-
-1. **ESLint**: Ignore patterns are applied automatically ✅
-2. **Stylelint**: Ignore patterns are applied automatically ✅
-3. **Prettier**: Check that `.prettierignore` was created. If not, re-run config creation or manually create the file.
-
-**Solution**: If `.prettierignore` is missing, it will be auto-created next time you use the config. Or create it manually:
-
-```bash
-# Let Prettier generate it
-node -e "import('@dimensional-innovations/tool-config').then(m => m.createConfig('prettier'))"
-```
-
-### ESLint Not Detecting Framework
-
-Ensure your `package.json` includes the framework dependency:
-
-```json
-{
-  "dependencies": {
-    "react": "^18.0.0"
-  }
-}
-```
-
-Or explicitly specify:
-
-```javascript
-export default await createConfig('eslint', {
-  framework: 'react'
-})
-```
-
-### TypeScript Parsing Errors
+**ESLint not detecting framework:** Ensure framework is in `package.json` dependencies, or explicitly set `framework: 'react'`.
 
-Make sure `typescript` is installed:
+**TypeScript parsing errors:** Install TypeScript: `npm install --save-dev typescript`
 
-```bash
-npm install --save-dev typescript
-```
-
-### Prettier Plugin Not Found
-
-Install the required peer dependency:
+**Prettier plugin not found:** Install required peer dependency:
 
 ```bash
-npm install --save-dev prettier-plugin-svelte  # For Svelte
-npm install --save-dev prettier-plugin-astro   # For Astro
+npm install --save-dev prettier-plugin-svelte  # Svelte
+npm install --save-dev prettier-plugin-astro   # Astro
 ```
 
-### Stylelint Not Linting .vue Files
+**Stylelint not linting .vue files:** Update script: `"style": "stylelint '**/*.css' '**/*.vue' --allow-empty-input"`
 
-Update your npm script to include `.vue` files:
-
-```json
-{
-  "scripts": {
-    "style": "stylelint '**/*.css' '**/*.vue'"
-  }
-}
-```
-
-### Config Not Updating After Framework Change
-
-Delete `node_modules/.cache` and restart your editor:
-
-```bash
-rm -rf node_modules/.cache
-```
+**Config not updating:** Delete `node_modules/.cache` and restart editor.
 
 ## Requirements
 
@@ -808,20 +670,18 @@ This package follows these principles:
 - **Fail Loudly** - Errors for critical issues, warnings for quality improvements
 - **Framework Agnostic** - No opinions about which framework you use
 - **Modern Standards** - Uses latest tooling and ESLint flat config
-- **Comprehensive Coverage** - 100% test coverage, battle-tested in production
+- **Comprehensive Coverage** - 96% test coverage, battle-tested in production
 
 ## Contributing
 
-Contributions welcome! This package is built to be extensible.
-
-**To add a new framework:**
+Contributions welcome! To add a new framework:
 
 1. Add detection logic in `src/detectors.js`
 2. Create presets in `src/tools/{tool}/presets/frameworks/`
 3. Add tests with 100% coverage
 4. Update documentation
 
-See [IMPLEMENTATION_PLAN.md](./IMPLEMENTATION_PLAN.md) for architecture details.
+See [CLAUDE.md](./CLAUDE.md) for architecture details.
 
 ## License
 

package/bin/lib/handlers/stylelint.js

@@ -51,8 +51,8 @@ export function getScripts(detected) {
     extensions.length === 1 ? `**/*.${extensions[0]}` : `**/*.{${extensions.join(',')}}`
 
   return {
-    style: `stylelint "${pattern}"`,
-    'style:fix': `stylelint "${pattern}" --fix`
+    style: `stylelint "${pattern}" --allow-empty-input`,
+    'style:fix': `stylelint "${pattern}" --fix --allow-empty-input`
   }
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dimensional-innovations/tool-config",
-  "version": "3.0.0",
+  "version": "3.0.1",
   "description": "Universal configuration package for ESLint, Prettier, Stylelint, TypeScript, and semantic-release with auto-detection for React, Vue, Svelte, Solid, Astro, Angular, and more",
   "license": "MIT",
   "author": {
@@ -60,10 +60,11 @@
     "test:coverage": "vitest run --coverage",
     "release": "semantic-release",
     "prepare": "husky",
-    "style": "stylelint \"**/*.css\"",
-    "style:fix": "stylelint \"**/*.css\" --fix",
+    "style": "stylelint \"**/*.css\" --allow-empty-input",
+    "style:fix": "stylelint \"**/*.css\" --fix --allow-empty-input",
     "typecheck": "tsc --noEmit",
-    "typecheck:watch": "tsc --noEmit --watch"
+    "typecheck:watch": "tsc --noEmit --watch",
+    "check-all": "npm run prettier && npm run style && npm run lint && npm run typecheck"
   },
   "dependencies": {
     "@eslint/compat": "^1.4.0",

package/src/tools/stylelint/README.md

@@ -194,8 +194,8 @@ Add these scripts to your `package.json`:
 ```json
 {
   "scripts": {
-    "style": "stylelint '**/*.css'",
-    "style:fix": "stylelint '**/*.css' --fix"
+    "style": "stylelint '**/*.css' --allow-empty-input",
+    "style:fix": "stylelint '**/*.css' --fix --allow-empty-input"
   }
 }
 ```
@@ -207,8 +207,8 @@ Add these scripts to your `package.json`:
 ```json
 {
   "scripts": {
-    "style": "stylelint '**/*.css' '**/*.vue'",
-    "style:fix": "stylelint '**/*.css' '**/*.vue' --fix"
+    "style": "stylelint '**/*.css' '**/*.vue' --allow-empty-input",
+    "style:fix": "stylelint '**/*.css' '**/*.vue' --fix --allow-empty-input"
   }
 }
 ```
@@ -218,8 +218,8 @@ Add these scripts to your `package.json`:
 ```json
 {
   "scripts": {
-    "style": "stylelint '**/*.css' '**/*.svelte'",
-    "style:fix": "stylelint '**/*.css' '**/*.svelte' --fix"
+    "style": "stylelint '**/*.css' '**/*.svelte' --allow-empty-input",
+    "style:fix": "stylelint '**/*.css' '**/*.svelte' --fix --allow-empty-input"
   }
 }
 ```
@@ -229,8 +229,8 @@ Add these scripts to your `package.json`:
 ```json
 {
   "scripts": {
-    "style": "stylelint '**/*.css'",
-    "style:fix": "stylelint '**/*.css' --fix'
+    "style": "stylelint '**/*.css' --allow-empty-input",
+    "style:fix": "stylelint '**/*.css' --fix --allow-empty-input'
   }
 }
 ```
@@ -338,7 +338,7 @@ Make sure your script includes `.vue` files:
 ```json
 {
   "scripts": {
-    "style": "stylelint '**/*.css' '**/*.vue'"
+    "style": "stylelint '**/*.css' '**/*.vue' --allow-empty-input"
   }
 }
 ```