frontend-boilerplate-cli 1.0.0

package/templates/configs/biome.json

@@ -0,0 +1,61 @@
+{
+  "$schema": "https://biomejs.dev/schemas/2.3.13/schema.json",
+
+  "vcs": {
+    "enabled": true,
+    "clientKind": "git",
+    "useIgnoreFile": true
+  },
+
+  "files": {
+    "ignoreUnknown": false
+  },
+
+  "formatter": {
+    "enabled": true,
+    "indentStyle": "space",
+    "indentWidth": 2,
+    "lineWidth": 100
+  },
+
+  "linter": {
+    "enabled": true,
+    "rules": {
+      "recommended": true,
+
+      "suspicious": {
+        "noExplicitAny": "error"
+      },
+
+      "correctness": {
+        "noUnusedVariables": "error"
+      },
+
+      "style": {
+        "useTemplate": "warn"
+      },
+
+      "complexity": {
+        "noUselessCatch": "error"
+      }
+    }
+  },
+
+  "javascript": {
+    "formatter": {
+      "quoteStyle": "single",
+      "jsxQuoteStyle": "double",
+      "trailingCommas": "es5",
+      "semicolons": "asNeeded"
+    }
+  },
+
+  "assist": {
+    "enabled": true,
+    "actions": {
+      "source": {
+        "organizeImports": "on"
+      }
+    }
+  }
+}

package/templates/configs/commit-msg

@@ -0,0 +1,15 @@
+RED='\033[0;31m'
+GREEN='\033[0;32m'
+CYAN='\033[0;36m'
+YELLOW='\033[1;33m'
+NC='\033[0m'
+
+echo "${RED}⧗  Commits should follow the conventional commit format: ${GREEN}type(scope?): subject${NC}"
+echo "${YELLOW}  'scope' is optional${NC}"
+echo "${YELLOW}  'Subject' must start with an uppercase letter.${NC}"
+echo "${GREEN}   Allowed types: feat, fix, docs, chore, style, refactor, ci, test, revert, perf, vercel${NC}"
+echo "${CYAN}   Example: 'feat: Add email validation'"
+echo "${CYAN}   More info: https://www.conventionalcommits.org/en/v1.0.0/${NC}"
+echo ""
+
+npx --no-install commitlint --edit "$1"

package/templates/configs/commitlint.config.js

@@ -0,0 +1,25 @@
+export default {
+  extends: ['@commitlint/config-conventional'],
+  rules: {
+    'type-enum': [
+      2,
+      'always',
+      [
+        'feat',
+        'fix',
+        'docs',
+        'chore',
+        'style',
+        'refactor',
+        'ci',
+        'test',
+        'revert',
+        'perf',
+        'wip',
+        'hotfix',
+      ],
+    ],
+
+    'subject-case': [2, 'never', ['upper-case']],
+  },
+}

package/templates/configs/github-workflow.yml

@@ -0,0 +1,100 @@
+name: CI/CD Pipeline
+
+on:
+  push:
+    branches: [main, develop]
+  pull_request:
+    branches: [main, develop]
+
+jobs:
+  # Job de linting y formateo
+  lint:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: '20'
+          cache: 'npm'
+      
+      - name: Install dependencies
+        run: npm ci
+      
+      - name: Run Biome linter
+        run: npm run lint
+      
+      - name: Run Biome formatter check
+        run: npm run format:check
+
+  # Job de tests
+  test:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: '20'
+          cache: 'npm'
+      
+      - name: Install dependencies
+        run: npm ci
+      
+      - name: Run tests
+        run: npm run test
+
+  # Job de build
+  build:
+    runs-on: ubuntu-latest
+    needs: [lint, test]
+    steps:
+      - uses: actions/checkout@v4
+      
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: '20'
+          cache: 'npm'
+      
+      - name: Install dependencies
+        run: npm ci
+      
+      - name: Build project
+        run: npm run build
+      
+      - name: Upload build artifacts
+        uses: actions/upload-artifact@v4
+        with:
+          name: dist
+          path: dist
+
+  # Job de Lighthouse (only in PR)
+  lighthouse:
+    runs-on: ubuntu-latest
+    needs: [build]
+    if: github.event_name == 'pull_request'
+    steps:
+      - uses: actions/checkout@v4
+      
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: '20'
+          cache: 'npm'
+      
+      - name: Install dependencies
+        run: npm ci
+      
+      - name: Build project
+        run: npm run build
+      
+      - name: Run Lighthouse CI
+        uses: treosh/lighthouse-ci-action@v11
+        with:
+          urls: |
+            http://localhost:4173
+          uploadArtifacts: true
+          temporaryPublicStorage: true

package/templates/configs/lighthouserc.js

@@ -0,0 +1,36 @@
+module.exports = {
+  ci: {
+    collect: {
+      startServerCommand: 'npm run preview',
+      startServerReadyPattern: 'Local:',
+      url: ['http://localhost:4173'],
+      numberOfRuns: 3,
+      settings: {
+        preset: 'desktop',
+      },
+    },
+    assert: {
+      preset: 'lighthouse:recommended',
+      assertions: {
+        'categories:performance': ['warn', { minScore: 0.9 }],
+        'categories:accessibility': ['error', { minScore: 0.9 }],
+        'categories:best-practices': ['warn', { minScore: 0.9 }],
+        'categories:seo': ['warn', { minScore: 0.9 }],
+        'categories:pwa': 'off',
+
+        // Performance budgets
+        'first-contentful-paint': ['warn', { maxNumericValue: 2000 }],
+        'largest-contentful-paint': ['warn', { maxNumericValue: 2500 }],
+        'cumulative-layout-shift': ['warn', { maxNumericValue: 0.1 }],
+        'total-blocking-time': ['warn', { maxNumericValue: 300 }],
+
+        // Resource hints
+        'uses-rel-preconnect': 'off',
+        'uses-rel-preload': 'off',
+      },
+    },
+    upload: {
+      target: 'temporary-public-storage',
+    },
+  },
+};

package/templates/configs/lint-staged.config.json

@@ -0,0 +1,8 @@
+{
+  "*.{js,jsx,ts,tsx}": [
+    "biome check --write --no-errors-on-unmatched --files-ignore-unknown=true"
+  ],
+  "*.{json,md}": [
+    "biome format --write --no-errors-on-unmatched --files-ignore-unknown=true"
+  ]
+}

package/templates/configs/pre-commit

@@ -0,0 +1 @@
+npx lint-staged

package/templates/configs/pull_request_template.md

@@ -0,0 +1,28 @@
+# 🚀 PR Title: [Brief description]
+
+## 📝 Description
+- **Summary**: [What does this PR do?]
+- **Type of Change**: 
+  - [ ] 🆕 Feature
+  - [ ] 🐛 Bug Fix
+  - [ ] ⚡ Refactor
+  - [ ] 🔧 Chore / Config
+
+## 🛠️ Technical Details
+- **Main Changes**: [List key files or logic changed]
+- **API / Hooks**: [Any new hooks or endpoints added?]
+- **Storage**: [Changes in LocalStorage or Cookies?]
+
+## 🧪 How to Test?
+1. [Step 1: e.g. Run yarn install]
+2. [Step 2: e.g. Login with user X]
+3. [Step 3: e.g. Check if token refreshes]
+
+## ✅ Checklist
+- [ ] Code follows project style (Biome/Lint)
+- [ ] No `any` types used
+- [ ] Environment variables updated (if needed)
+- [ ] Tested in local environment
+
+## 📸 Screenshots / Logs
+[Attach images or console logs here]