Split server-dependent demos from public demo

Move the a11y and Learnosity parity harnesses into dedicated apps, and make the public demo static/hosted-IIFE friendly for GitHub Pages deployment.

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

Author: chillenious

.cursor/rules/a11y-scenario-suite.mdc

@@ -1,14 +1,14 @@
 ---
 description: Guidance for maintaining the PIE accessibility scenario suite
-globs: apps/element-demo/src/lib/a11y/**, apps/element-demo/test/a11y/**, apps/element-demo/src/lib/samples/**, docs/a11y/**
+globs: apps/element-a11y-demo/src/lib/a11y/**, apps/element-a11y-demo/test/a11y/**, apps/element-a11y-demo/src/lib/samples/**, docs/a11y/**
 alwaysApply: false
 ---
 
 # Accessibility Scenario Suite
 
 - Treat WCAG 2.2 Level AA as the target when adding or reviewing PIE element accessibility scenarios.
 - Use `.claude/skills/accessibility-reviewer-assessments/SKILL.md` for the detailed assessment-specific checklist.
-- Prefer dedicated a11y scenarios in `apps/element-demo/src/lib/a11y/scenarios/catalog.ts` over broad demo inventory coverage.
+- Prefer dedicated a11y scenarios in `apps/element-a11y-demo/src/lib/a11y/scenarios/catalog.ts` over broad demo inventory coverage.
 - Keep automated scope explicit: document Axe-covered checks, custom Playwright checks, manual-only concerns, and unclear gaps in `docs/a11y/`.
-- Add reusable checks in `apps/element-demo/test/a11y/axe-scenarios.spec.ts` only when the concern applies across multiple elements.
+- Add reusable checks in `apps/element-a11y-demo/test/a11y/axe-scenarios.spec.ts` only when the concern applies across multiple elements.
 - Do not edit synced outputs in `packages/elements-react/*` or `packages/lib-react/*`; fix upstream first or document the issue for follow-up.

.github/workflows/a11y.yml

@@ -22,9 +22,9 @@ jobs:
           bun-version: 1.3.13
       - run: bun install --frozen-lockfile
       - run: bun x svelte-kit sync
-        working-directory: apps/element-demo
-      - run: bun run --cwd apps/element-demo generate-imports
-      - run: bun run build
+        working-directory: apps/element-a11y-demo
+      - run: bun run --cwd apps/element-a11y-demo generate-imports
+      - run: bun run --cwd apps/element-a11y-demo build
       - run: bunx playwright install --with-deps
       - run: bun run test:a11y
       - run: bun run test:a11y:inventory
@@ -33,7 +33,7 @@ jobs:
         with:
           name: axe-a11y-reports
           path: |
-            apps/element-demo/test-results/a11y/
-            apps/element-demo/playwright-a11y-report/
+            apps/element-a11y-demo/test-results/a11y/
+            apps/element-a11y-demo/playwright-a11y-report/
           if-no-files-found: warn
           retention-days: 30

.github/workflows/pages.yml

@@ -0,0 +1,43 @@
+name: GitHub Pages
+
+on:
+  push:
+    branches: [master]
+  workflow_dispatch:
+
+concurrency:
+  group: pages
+  cancel-in-progress: false
+
+permissions:
+  contents: read
+  pages: write
+  id-token: write
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - uses: actions/setup-node@v4
+        with:
+          node-version: 20.x
+      - uses: oven-sh/setup-bun@v2
+        with:
+          bun-version: 1.3.13
+      - uses: actions/configure-pages@v5
+      - run: bun install --frozen-lockfile
+      - run: bun run build
+        env:
+          PUBLIC_ELEMENT_DEMO_STATIC: "true"
+          PUBLIC_ELEMENT_DEMO_IIFE_BUNDLE_MODE: hosted
+      - uses: actions/upload-pages-artifact@v3
+        with:
+          path: apps/element-demo/build
+
+  deploy:
+    needs: build
+    runs-on: ubuntu-latest
+    steps:
+      - id: deployment
+        uses: actions/deploy-pages@v4

apps/element-a11y-demo/package.json

@@ -0,0 +1,47 @@
+{
+  "name": "@pie-element/element-a11y-demo",
+  "version": "0.1.1",
+  "private": true,
+  "description": "Dedicated SvelteKit app for PIE accessibility scenario demos",
+  "type": "module",
+  "scripts": {
+    "dev": "vite dev",
+    "prebuild": "bun run generate-imports && bun run --cwd ../.. verify:no-local-paths apps/element-a11y-demo/src/lib/element-imports.js apps/element-a11y-demo/src/lib/element-imports.d.ts",
+    "build": "vite build",
+    "preview": "vite preview",
+    "generate-imports": "bun run scripts/generate-element-imports.ts",
+    "predev": "bun run generate-imports && bun run --cwd ../.. verify:no-local-paths apps/element-a11y-demo/src/lib/element-imports.js apps/element-a11y-demo/src/lib/element-imports.d.ts",
+    "test:a11y": "playwright test --config=playwright.a11y.config.ts",
+    "test:a11y:inventory": "A11Y_SUITE=inventory playwright test --config=playwright.a11y.config.ts",
+    "test:a11y:ui": "playwright test --config=playwright.a11y.config.ts --ui",
+    "test:a11y:headed": "playwright test --config=playwright.a11y.config.ts --headed"
+  },
+  "dependencies": {
+    "@pie-element/element-bundler": "workspace:*",
+    "@pie-element/element-theme-daisyui": "workspace:*",
+    "@pie-element/element-player": "workspace:*",
+    "@tiptap/core": "3.18.0",
+    "@tiptap/extension-code-block-lowlight": "3.18.0",
+    "@tiptap/extension-document": "3.18.0",
+    "@tiptap/extension-history": "3.18.0",
+    "@tiptap/extension-text": "3.18.0",
+    "debug": "^4.4.3",
+    "highlight.js": "^11.11.1",
+    "lowlight": "^3.3.0"
+  },
+  "devDependencies": {
+    "@pie-element/cli": "workspace:*",
+    "@pie-element/multiple-choice": "workspace:*",
+    "@pie-element/shared-math-rendering-mathjax": "workspace:*",
+    "@sveltejs/adapter-static": "^3.0.10",
+    "@sveltejs/kit": "^2.55.0",
+    "@sveltejs/vite-plugin-svelte": "^7.0.0",
+    "@tailwindcss/vite": "^4.2.2",
+    "@vitejs/plugin-react": "^6.0.1",
+    "daisyui": "^5.5.19",
+    "svelte": "^5.54.0",
+    "tailwindcss": "^4.2.2",
+    "typescript": "^5.9.3",
+    "vite": "^8.0.1"
+  }
+}

apps/element-a11y-demo/playwright-a11y-report/scenarios/index.html

@@ -88,7 +88,7 @@ export default defineConfig({
     timeout: 10_000,
   },
   use: {
-    baseURL: 'http://localhost:5222',
+    baseURL: 'http://localhost:5223',
     trace: 'retain-on-failure',
     screenshot: 'only-on-failure',
     actionTimeout: 10_000,
@@ -105,7 +105,7 @@ export default defineConfig({
     ? undefined
     : {
         command: 'bun run dev',
-        url: 'http://localhost:5222',
+        url: 'http://localhost:5223',
         reuseExistingServer: true,
         timeout: 120_000,
       },