Add JS/CSS minification to pages workflow and update README

Author: bensabic

.github/workflows/pages.yml

@@ -21,6 +21,17 @@ jobs:
       - name: Checkout repository
         uses: actions/checkout@v4
 
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: 24
+
+      - name: Minify JavaScript
+        run: npx terser script-builder/script.js -o script-builder/script.min.js
+
+      - name: Minify CSS
+        run: npx clean-css-cli -o script-builder/style.min.css script-builder/style.css
+
       - name: Upload artifact
         uses: actions/upload-pages-artifact@v3
         with:

.gitignore

@@ -5,3 +5,7 @@ node_modules/
 /blob-report/
 /playwright/.cache/
 /playwright/.auth/
+
+# Generated minified files
+script-builder/*.min.js
+script-builder/*.min.css

README.md

@@ -1,7 +1,12 @@
-# form-attribution
+# Form Attribution
 
 Automatically capture and persist marketing attribution parameters (UTM tags, referrer data, landing pages) and inject them into HTML forms as hidden fields.
 
+[![License](https://img.shields.io/badge/license-Apache--2.0-blue.svg)](LICENSE.md)
+[![npm version](https://img.shields.io/npm/v/form-attribution.svg)](https://www.npmjs.com/package/form-attribution)
+
+**[Try the Script Builder](https://form-attribution.flashbrew.digital)** - Generate a configured script tag with a visual interface.
+
 ## Features
 
 - **Zero dependencies** - Self-contained script using only browser APIs
@@ -142,7 +147,7 @@ This creates fields like `lead_utm_source`, `lead_utm_medium`, etc.
 
 ## Script Builder
 
-Use the interactive [Script Builder](script-builder/index.html) tool to generate a configured script tag with a visual interface.
+Use the interactive [Script Builder](https://form-attribution.flashbrew.digital) tool to generate a configured script tag with a visual interface.
 
 ## Storage Fallback Chain
 

script-builder/index.html

@@ -57,7 +57,7 @@
       content="https://form-attribution.flashbrew.digital/opengraph-image.png"
     >
 
-    <link rel="stylesheet" href="style.css">
+    <link rel="stylesheet" href="style.min.css" fetchpriority="high">
 
     <link
       id="hljs-theme-light"
@@ -696,6 +696,6 @@ <h2 class="card-title">Generated Script Tag</h2>
       src="https://cdn.jsdelivr.net/npm/gsap@3.14.1/dist/gsap.min.js"
     ></script>
 
-    <script defer src="script.js"></script>
+    <script defer src="script.min.js"></script>
   </body>
 </html>