Migrate the website package to Vite.

Replace the tsup IIFE + static serve loop with a self-contained Vite app under website/, keep GitHub Pages under /qrcode.react/, and alias qrcode.react to src for local HMR.

Co-authored-by: Cursor <cursoragent@cursor.com>

Author: zpao

.github/workflows/ci.yml

@@ -15,12 +15,13 @@ jobs:
           cache: 'pnpm'
       - run: pnpm install
       - run: make
+      - run: pnpm website:build
       - uses: actions/upload-artifact@043fb46d1a93c77aae656e7c1c64a875d1fc6a0a # v7
         with:
           name: build-output
           path: |
             lib
-            website/**/*.js
+            website/dist
   test:
     # Perhaps in the future we'll bring back matrix testing so we'll leave the support in.
     name: Test against React (@v${{ matrix.react_version }})

.gitignore

@@ -3,4 +3,4 @@ node_modules/
 .pnpm-store/
 lib/
 package-lock.json
-website/iife
+website/dist

.prettierignore

@@ -2,3 +2,4 @@ package.json
 node_modules
 lib
 third-party
+website/dist

Makefile

@@ -1,10 +1,11 @@
 SRC_DEPS = src/index.tsx src/third-party/qrcodegen/index.ts
 CFG_DEPS = pnpm-lock.yaml package.json tsup.config.ts tsconfig.json
-EXAMPLE_DEPS = website/*.tsx
+WEBSITE_DEPS = website/*.tsx website/index.html
+WEBSITE_CFG_DEPS = pnpm-lock.yaml package.json website/package.json website/vite.config.ts website/tsconfig.json
 
 .PHONY: all clean
 
-all: lib/index.js lib/index.d.ts lib/index.d.mts lib/index.js website/iife/demo.js
+all: lib/index.js lib/index.d.ts lib/index.d.mts lib/index.js website/dist/index.html
 
 lib:
 	mkdir -p lib
@@ -21,9 +22,9 @@ lib/esm/index.js: lib $(SRC_DEPS) $(CFG_DEPS)
 lib/index.js: lib $(SRC_DEPS) $(CFG_DEPS)
 	pnpm run build:code
 
-website/iife/demo.js: lib/esm/index.js ${EXAMPLE_DEPS}
-	pnpm run build:examples
+website/dist/index.html: lib/esm/index.js ${WEBSITE_DEPS} ${WEBSITE_CFG_DEPS}
+	pnpm run website:build
 
 clean:
 	git clean -fX lib
-	rm -rf website/iife
+	rm -rf website/dist

eslint.config.mjs

@@ -34,7 +34,7 @@ export default [
     ignores: [
       'lib/',
       'node_modules/',
-      'website/iife/demo.js',
+      'website/dist/',
       'third-party/',
       'src/third-party/',
       '**/.DS_Store',

package.json

@@ -24,16 +24,16 @@
     }
   },
   "scripts": {
-    "build": "pnpm run build:code && pnpm run build:examples",
+    "build": "pnpm run build:code",
     "build:code": "tsup src/index.tsx -d lib --format esm,cjs --dts --legacy-output --target=es2017 --platform=browser",
-    "build:examples": "pnpm --filter website build",
-    "build:examples:dev": "pnpm --filter website build:dev",
     "lint": "eslint .",
     "pretty": "prettier --write '**/*.{html,js,json,mjs,ts,tsx,yml}'",
     "prepack": "make clean && make all && pnpm run typecheck",
     "prepublish-docs": "make clean && make all",
-    "publish-docs": "gh-pages --dist=website --src='{index.html,iife/demo.js}'",
-    "serve:examples": "pnpm --filter website serve",
+    "publish-docs": "gh-pages --dist=website/dist",
+    "website": "pnpm --filter website dev",
+    "website:build": "pnpm --filter website build",
+    "website:preview": "pnpm --filter website preview",
     "test": "jest",
     "typecheck": "tsc --noEmit && pnpm --filter website typecheck"
   },