Add gzip compression for JSON sharing and cross-platform scripts

.github/workflows/ci.yml

@@ -1,13 +1,13 @@
-name: CI & Preview
+name: CI
 
 on:
   push:
-    branches-ignore: [ main ]
   pull_request:
     branches: [ main ]
 
 permissions:
-  contents: write
+  contents: read
+  deployments: write
 
 jobs:
   build:
@@ -36,7 +36,56 @@ jobs:
         env:
           NODE_OPTIONS: "--max_old_space_size=4096"
 
-  preview:
+  test-scripts:
+    runs-on: ${{ matrix.os }}
+    strategy:
+      matrix:
+        os: [ubuntu-latest, windows-latest]
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+
+      - name: Run present tests (Linux/macOS)
+        if: runner.os != 'Windows'
+        run: bash tests/test-present.sh
+
+      - name: Run present tests (Windows)
+        if: runner.os == 'Windows'
+        shell: pwsh
+        run: ./tests/test-present.ps1
+
+  playwright:
+    runs-on: ubuntu-latest
+    needs: build
+    if: github.event_name == 'pull_request'
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+
+      - name: Setup Node
+        uses: actions/setup-node@v4
+        with:
+          node-version: '20'
+          cache: 'npm'
+
+      - name: Install dependencies
+        run: npm ci
+
+      - name: Install Playwright browsers
+        run: npx playwright install --with-deps chromium
+
+      - name: Run Playwright tests
+        run: npx playwright test
+
+      - name: Upload test report
+        if: ${{ !cancelled() }}
+        uses: actions/upload-artifact@v4
+        with:
+          name: playwright-report
+          path: playwright-report/
+          retention-days: 14
+
+  deploy:
     runs-on: ubuntu-latest
     needs: build
     if: github.event_name == 'push'
@@ -53,17 +102,14 @@ jobs:
       - name: Install dependencies
         run: npm ci
 
-      - name: Build for preview
-        run: |
-          BRANCH_NAME=${GITHUB_REF_NAME}
-          npm run build -- --base=/super-json/preview/${BRANCH_NAME}/
+      - name: Build
+        run: npm run build
         env:
           NODE_OPTIONS: "--max_old_space_size=4096"
 
-      - name: Deploy preview to gh-pages
-        uses: peaceiris/actions-gh-pages@v4
+      - name: Deploy to Cloudflare Pages
+        uses: cloudflare/wrangler-action@v3
         with:
-          github_token: ${{ secrets.GITHUB_TOKEN }}
-          publish_dir: ./dist
-          destination_dir: preview/${{ github.ref_name }}
-          keep_files: true
+          apiToken: ${{ secrets.CLOUDFLARE_API_TOKEN }}
+          accountId: ${{ secrets.CLOUDFLARE_ACCOUNT_ID }}
+          command: pages deploy dist --project-name=super-json --branch=${{ github.ref_name }}

CLAUDE.md

@@ -2,8 +2,9 @@
 
 This file provides guidance to Claude Code (claude.ai/code) when working with code in this repository.
 
-## deploy guidline
-use playwright to test ui by snapshot.
+## Deploy Guideline
+- Use Playwright to test UI by snapshot.
+- Before creating a PR, run `npm test` locally to ensure all Playwright tests pass.
 
 ## Project Overview
 

README.md

@@ -8,7 +8,7 @@
 
 **The Ultimate Multi-Layer Escaped JSON Editor - Parse, Edit, and Rebuild Complex Nested JSON with Ease! 🎯**
 
-[**Try It Now**](https://hrhrng.github.io/super-json)
+[**Try It Now**](https://superjson.org) | [**Documentation**](https://superjson.org/docs/)
 
 [Report Bug](https://github.com/hrhrng/super-json/issues) | [Request Feature](https://github.com/hrhrng/super-json/issues)
 
@@ -75,9 +75,8 @@ Ever struggled with deeply nested, escaped JSON strings? Like this nightmare:
 
 Share JSON instantly via URL — no server required:
 
-- **Share Button** - One-click share with LZ-String compression (`?s=` parameter)
+- **Share Button** - One-click share with gzip compression (`?c=` parameter)
 - **Custom Tab Names** - Hover "Share" to name your tab before sharing (`?t=` parameter)
-- **Base64url Mode** - Shell-friendly encoding without dependencies (`?r=` parameter)
 - **Hero Direct Link** - Add `?h=1` to auto-open JSON Hero viewer on import
 
 ### 🤖 Claude Code Skill: `present-json`
@@ -93,20 +92,19 @@ npx skills add hrhrng/super-json
 **How it works — agent generates a shareable link from any JSON:**
 
 ```bash
-# Agent generates a shareable link from any JSON
-encoded=$(echo -n '{"status":"ok","data":[1,2,3]}' | base64 | tr '+/' '-_' | tr -d '=\n')
-echo "https://hrhrng.github.io/super-json?r=${encoded}&t=API+Response"
+# Agent generates a compressed shareable link from any JSON
+encoded=$(echo -n '{"status":"ok","data":[1,2,3]}' | gzip -9 | base64 | tr '+/' '-_' | tr -d '=\n')
+echo "https://hrhrng.github.io/super-json?c=${encoded}&t=API+Response"
 
 # With Hero mode for interactive visualization
-echo "https://hrhrng.github.io/super-json?r=${encoded}&t=API+Response&h=1"
+echo "https://hrhrng.github.io/super-json?c=${encoded}&t=API+Response&h=1"
 ```
 
 **URL Parameters:**
 
 | Param | Description | Example |
 |-------|-------------|---------|
-| `s` | LZ-String compressed JSON (shorter URLs) | `?s=NoIgbg9...` |
-| `r` | Base64url encoded JSON (shell-friendly) | `?r=eyJrZXki...` |
+| `c` | Gzip + Base64url compressed JSON | `?c=H4sIA...` |
 | `t` | Custom tab name | `&t=My+Results` |
 | `h` | Auto-switch to Hero mode | `&h=1` |