Support loading vue-lynx examples in playground

.github/workflows/ci.yml

@@ -35,7 +35,18 @@ jobs:
           node-version: 20
 
       - run: pnpm install --no-frozen-lockfile
-      - run: cd example && pnpm install --no-frozen-lockfile && pnpm prepare:clean && pnpm build
+      - run: cd example && pnpm install --no-frozen-lockfile && pnpm prepare:clean
+
+      - name: Checkout vue-lynx
+        uses: actions/checkout@v4
+        with:
+          repository: huxpro/vue-lynx
+          path: _vue-lynx
+
+      - name: Prepare vue-lynx examples (install, build, copy)
+        run: cd example && node scripts/prepare-vue-lynx-examples.js --local ../_vue-lynx --build
+
+      - run: cd example && pnpm build
 
   build-rspress:
     name: Build Rspress Example

example/package.json

@@ -5,15 +5,59 @@
   "scripts": {
     "prepare": "node scripts/prepare-examples.js",
     "prepare:clean": "node scripts/prepare-examples.js --clean",
+    "prepare:vue-lynx": "node scripts/prepare-vue-lynx-examples.js --local ~/github/vue-lynx",
+    "prepare:vue-lynx:git": "node scripts/prepare-vue-lynx-examples.js --repo https://github.com/huxpro/vue-lynx --build",
+    "sync-examples": "node scripts/sync-examples.js",
     "dev": "rsbuild dev",
     "build": "rsbuild build",
     "preview": "rsbuild preview"
   },
   "dependencies": {
     "@douyinfe/semi-icons": "^2.74.0",
     "@douyinfe/semi-ui": "^2.75.0",
-    "@lynx-js/web-core": "npm:@lynx-js/web-core-canary@0.19.7-canary-20260126-5e7e43c5",
-    "@lynx-js/web-elements": "^0.11.0",
+    "@lynx-example/accessibility": "0.6.5",
+    "@lynx-example/action-sheet": "0.6.5",
+    "@lynx-example/animation": "0.6.7",
+    "@lynx-example/bankcards": "0.6.5",
+    "@lynx-example/composing-elements": "0.6.5",
+    "@lynx-example/css": "0.6.5",
+    "@lynx-example/css-api": "0.7.1",
+    "@lynx-example/design-guide": "0.4.2",
+    "@lynx-example/element-manipulation": "0.6.6",
+    "@lynx-example/event": "0.6.6",
+    "@lynx-example/fetch": "0.6.5",
+    "@lynx-example/frame": "0.1.2",
+    "@lynx-example/gallery": "0.6.7",
+    "@lynx-example/hello-world": "0.6.7",
+    "@lynx-example/i18n": "0.5.5",
+    "@lynx-example/ifr": "0.5.5",
+    "@lynx-example/image": "0.6.5",
+    "@lynx-example/input": "0.6.6",
+    "@lynx-example/layout": "0.6.5",
+    "@lynx-example/lazy-bundle": "0.6.5",
+    "@lynx-example/list": "0.6.5",
+    "@lynx-example/local-storage": "0.6.6",
+    "@lynx-example/lynx-api": "0.1.7",
+    "@lynx-example/main-thread": "0.4.6",
+    "@lynx-example/native-element": "0.6.7",
+    "@lynx-example/networking": "0.4.7",
+    "@lynx-example/overlay": "latest",
+    "@lynx-example/page": "0.6.5",
+    "@lynx-example/performance-api": "0.7.0",
+    "@lynx-example/react-lifecycle": "0.5.6",
+    "@lynx-example/refresh": "latest",
+    "@lynx-example/scroll-view": "0.6.5",
+    "@lynx-example/svg": "latest",
+    "@lynx-example/swiper": "0.5.6",
+    "@lynx-example/tailwindcss": "0.4.3",
+    "@lynx-example/tanstack-router": "0.6.8",
+    "@lynx-example/text": "0.6.6",
+    "@lynx-example/textarea": "0.6.7",
+    "@lynx-example/title-bar-view": "latest",
+    "@lynx-example/view": "0.6.5",
+    "@lynx-example/zustand": "0.6.5",
+    "@lynx-js/web-core": "^0.19.8",
+    "@lynx-js/web-elements": "^0.12.0",
     "@shikijs/transformers": "^3.4.2",
     "qrcode.react": "^4.2.0",
     "react": "^18.2.0",

example/scripts/prepare-examples.js

@@ -119,9 +119,15 @@ async function main() {
   }
   console.log(`Found ${packages.length} packages.`);
 
-  // Clean and recreate output
+  // Clean existing @lynx-example dirs (preserve vue-* and other non-lynx dirs)
   if (fs.existsSync(outputDir)) {
-    fs.rmSync(outputDir, { recursive: true, force: true });
+    for (const entry of fs.readdirSync(outputDir)) {
+      if (entry.startsWith('vue-')) continue;
+      const entryPath = path.join(outputDir, entry);
+      if (fs.statSync(entryPath).isDirectory()) {
+        fs.rmSync(entryPath, { recursive: true, force: true });
+      }
+    }
   }
   fs.mkdirSync(outputDir, { recursive: true });