Merge pull request #31 from MewenLeHo/main-mlh-full-update-repository

Full update repository

Author: MewenLeHo

.github/workflows/lint-minify.yml

@@ -0,0 +1,74 @@
+name: Lint and Minify JavaScript
+
+# Trigger the workflow only on pushes to the main branch,
+# ignoring pushes that only affect the minified file.
+on:
+  push:
+    branches:
+      - main
+    paths-ignore:
+      - 'detectAutocomplete.min.js'
+
+jobs:
+  lint:
+    name: Lint JavaScript
+    runs-on: ubuntu-latest
+
+    steps:
+      # Step 1: Checkout the repository code
+      - name: Checkout repository
+        uses: actions/checkout@v4
+
+      # Step 2: Set up Node.js environment
+      - name: Set up Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: '20'
+
+      # Step 3: Install project dependencies
+      - name: Install dependencies
+        run: npm ci
+
+      # Step 4: Run ESLint on the source file
+      - name: Run ESLint
+        run: npx eslint detectAutocomplete.js
+
+  minify:
+    name: Minify and Commit JavaScript
+    runs-on: ubuntu-latest
+    needs: lint  # Ensure minification runs only after linting succeeds
+    if: ${{ !contains(github.event.head_commit.message, '[auto]') }}  # Skip if it's an automated commit
+
+    steps:
+      # Step 1: Checkout the repository with write access
+      - name: Checkout repository (with write access)
+        uses: actions/checkout@v4
+        with:
+          token: ${{ secrets.GITHUB_TOKEN }}
+
+      # Step 2: Set up Node.js environment
+      - name: Set up Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: '20'
+
+      # Step 3: Install project dependencies
+      - name: Install dependencies
+        run: npm ci
+
+      # Step 4: Minify the JavaScript source file
+      - name: Minify JavaScript
+        run: |
+          npx terser detectAutocomplete.js --compress --mangle -o detectAutocomplete.min.js
+
+      # Step 5: Commit the minified file if there are changes
+      - name: Commit minified file if changed
+        run: |
+          git config --local user.name "GitHub Actions"
+          git config --local user.email "actions@github.com"
+          git add detectAutocomplete.min.js
+          if git diff --cached --quiet; then
+            echo "No changes to commit."
+          else
+            git commit -m "Minify JavaScript file [auto]"
+            git push

.github/workflows/minify.yml

@@ -0,0 +1,23 @@
+name: Create Release
+
+# Trigger the workflow only when a tag starting with "v" is pushed
+on:
+  push:
+    tags:
+      - 'v*'
+
+jobs:
+  release:
+    name: Create GitHub Release
+    runs-on: ubuntu-latest
+
+    steps:
+      # Step 1: Checkout the repository code at the tagged commit
+      - name: Checkout repository
+        uses: actions/checkout@v4
+
+      # Step 2: Create a GitHub release and attach the minified file
+      - name: Create GitHub release
+        uses: softprops/action-gh-release@v2
+        with:
+          files: detectAutocomplete.min.js

.github/workflows/release.yml

@@ -0,0 +1,33 @@
+# Dependency directories
+node_modules/
+dist/
+build/
+
+# Logs
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# Editor folders
+.vscode/
+.idea/
+
+# Minified and source map files
+*.min.js
+*.map
+
+# Test coverage
+coverage/
+
+# Environment variables
+.env
+.env.local
+.env.*.local
+
+# OS generated files
+.DS_Store
+Thumbs.db
+
+# System files
+*.swp
+*.swo

.gitignore

@@ -2,6 +2,15 @@
 
 A simple tool for validating the `autocomplete` attributes of HTML form elements according to the HTML specification.
 
+## CI/CD Status
+
+### Workflows
+[![Lint and Minify workflow](https://github.com/MewenLeHo/detectAutocomplete/actions/workflows/lint-minify.yml/badge.svg)](https://github.com//MewenLeHo/detectAutocomplete/actions/workflows/lint-minify.yml)
+[![Release workflow](https://github.com//MewenLeHo/detectAutocomplete/actions/workflows/release.yml/badge.svg)](https://github.com//MewenLeHo/detectAutocomplete/actions/workflows/release.yml)
+
+### Latest Release
+[![Latest Release](https://img.shields.io/github/v/release//MewenLeHo/detectAutocomplete?label=latest&style=flat)](https://github.com//MewenLeHo/detectAutocomplete/releases/latest)
+
 ## Demo
 
 [Check out the demo](https://mewenleho.github.io/detectAutocomplete/)