feat: upload expo-playground to hardware-example.onekey.so && fix buffer type error; OK-45072 (#596)

* feat: test expo playground jump

* feat: test hash example

* fix: expo-playground prodcuton

* fix: expo-playground commit url

* fix: commit url

* fix: buffer

* chore: 1.1.16-alpha.6

* fix: 1.1.16-alpha.7 & update isBuffer

Author: wabicai

.github/templates/404.html

@@ -16,13 +16,14 @@
 
       // 智能路由分发逻辑 - 保持原始URL不变，让SPA自己处理路由
       if (path.startsWith('/expo-playground/')) {
-        // expo-playground 的子路由，保存原始路径信息
-        if (path !== '/expo-playground/' && path !== '/expo-playground') {
+        const base = '/expo-playground';
+        const relativePath = path.slice(base.length);
+
+        if (relativePath && relativePath !== '/') {
           console.log('Handling expo-playground sub-route:', path);
-          // 保存完整的原始URL到sessionStorage供应用恢复路由
-          sessionStorage.setItem('spa_redirect_url', path + fullUrl);
-          // 直接重定向到 index.html，保持 URL 不变
-          window.location.replace('/expo-playground/index.html');
+          const normalized = relativePath.startsWith('/') ? relativePath : `/${relativePath}`;
+          const hashPath = normalized.startsWith('/') ? `#${normalized}` : `#/${normalized}`;
+          window.location.replace(`${base}/${hashPath}${search}${hash}`);
           return;
         }
         return;

.github/workflows/build-example-web.yml

@@ -3,160 +3,147 @@ name: Build and Deploy Examples
 on: workflow_dispatch
 
 env:
-  COMMIT_SHORT_SHA: ${{ github.sha }}
+  COMMIT_FULL_SHA: ${{ github.sha }}
 
 jobs:
-  build_expo:
+  deploy_preview:
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
 
       - name: Get short commit SHA
         run: echo "COMMIT_SHORT_SHA=${GITHUB_SHA:0:7}" >> $GITHUB_ENV
 
       - name: Setup Node.js
-        uses: actions/setup-node@v3
+        uses: actions/setup-node@v4
         with:
           node-version: '22'
           registry-url: 'https://registry.npmjs.org'
+
       - name: Install Dependencies
         run: |
           yarn
           yarn bootstrap
+
       - name: Build All Packages
         run: yarn build
+
       - name: Build Expo Example
         run: EXPO_PUBLIC_COMMIT_SHA=${{ env.COMMIT_SHORT_SHA }} yarn expo export:web
         working-directory: packages/connect-examples/expo-example
 
-      - name: Add commit info to build output
+      - name: Add commit info to Expo Example
         run: |
-          # 先备份原始构建产物到临时目录
           mkdir -p temp-build
           cp -r web-build/* temp-build/ 2>/dev/null || true
-          # 创建带有 commit id 的子目录
           mkdir -p web-build/commits/${{ env.COMMIT_SHORT_SHA }}
-          # 复制备份的构建产物到带有 commit id 的目录
           cp -r temp-build/* web-build/commits/${{ env.COMMIT_SHORT_SHA }}/
-          # 创建一个 commit 信息文件
           echo '{"commit": "${{ env.COMMIT_SHORT_SHA }}", "fullCommit": "${{ github.sha }}", "timestamp": "'$(date -u +%Y-%m-%dT%H:%M:%SZ)'"}' > web-build/commits/${{ env.COMMIT_SHORT_SHA }}/commit-info.json
-          # 为 commit 版本也创建 404.html
           cp web-build/commits/${{ env.COMMIT_SHORT_SHA }}/index.html web-build/commits/${{ env.COMMIT_SHORT_SHA }}/404.html
-          # 清理临时目录
           rm -rf temp-build
         working-directory: packages/connect-examples/expo-example
 
-      - name: Upload Artifact
-        uses: actions/upload-artifact@v4
+      - name: Build Expo Playground (testing preview)
+        working-directory: packages/connect-examples/expo-playground
+        run: yarn build
+
+      - name: Add SPA fallback pages
+        run: |
+          cp packages/connect-examples/expo-playground/dist/index.html packages/connect-examples/expo-playground/dist/404.html
+          cp packages/connect-examples/expo-example/web-build/index.html packages/connect-examples/expo-example/web-build/404.html
+
+      - name: Prepare root static assets
+        run: |
+          rm -rf gh-pages-root
+          mkdir -p gh-pages-root
+          cp .github/templates/404.html gh-pages-root/404.html
+          cp .github/templates/404.html gh-pages-root/index.html
+          if [ -f "packages/connect-examples/expo-example/web-build/manifest.json" ]; then
+            cp packages/connect-examples/expo-example/web-build/manifest.json gh-pages-root/manifest.json
+            echo "✅ Copied manifest.json from expo-example"
+          else
+            cp .github/templates/manifest.json gh-pages-root/manifest.json
+            echo "⚠️ expo-example manifest not found, using template"
+          fi
+          find packages/connect-examples/expo-example/web-build -maxdepth 1 -type f -name "favicon*" -exec cp {} gh-pages-root/ \;
+
+      - name: Deploy root assets
+        uses: peaceiris/actions-gh-pages@v4
         with:
-          name: expo-build
-          path: packages/connect-examples/expo-example/web-build
+          github_token: ${{ secrets.GITHUB_TOKEN }}
+          publish_dir: ./gh-pages-root
+          cname: hardware-example.onekeytest.com
+          force_orphan: true
+
+      - name: Deploy Expo Example (GitHub Pages)
+        uses: peaceiris/actions-gh-pages@v4
+        with:
+          github_token: ${{ secrets.GITHUB_TOKEN }}
+          publish_dir: packages/connect-examples/expo-example/web-build
+          destination_dir: expo-example
+          keep_files: true
 
-  build_new_example:
+      - name: Deploy Expo Playground (GitHub Pages)
+        uses: peaceiris/actions-gh-pages@v4
+        with:
+          github_token: ${{ secrets.GITHUB_TOKEN }}
+          publish_dir: packages/connect-examples/expo-playground/dist
+          destination_dir: expo-playground
+          keep_files: true
+
+  build_playground_production:
     runs-on: ubuntu-latest
+    needs: deploy_preview
     steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
 
       - name: Get short commit SHA
         run: echo "COMMIT_SHORT_SHA=${GITHUB_SHA:0:7}" >> $GITHUB_ENV
 
       - name: Setup Node.js
-        uses: actions/setup-node@v3
+        uses: actions/setup-node@v4
         with:
           node-version: '22'
           registry-url: 'https://registry.npmjs.org'
+
       - name: Install Dependencies
         run: |
           yarn
           yarn bootstrap
+
       - name: Build All Packages
         run: yarn build
-      - name: Build New Example
-        run: COMMIT_SHA=${{ env.COMMIT_SHORT_SHA }} yarn build
-        working-directory: packages/connect-examples/expo-playground
-      - name: Upload Artifact
-        uses: actions/upload-artifact@v4
-        with:
-          name: expo-playground-build
-          path: packages/connect-examples/expo-playground/dist
-
-  deploy:
-    runs-on: ubuntu-latest
-    needs: [build_expo, build_new_example]
-    steps:
-      - name: Checkout
-        uses: actions/checkout@v3
-
-      - name: Get short commit SHA
-        run: echo "COMMIT_SHORT_SHA=${GITHUB_SHA:0:7}" >> $GITHUB_ENV
-
-      - name: Setup Deploy Directory
-        run: mkdir -p deploy
-      - name: Download Expo Artifact
-        uses: actions/download-artifact@v4
-        with:
-          name: expo-build
-          path: deploy/temp-expo
-      - name: Download New Example Artifact
-        uses: actions/download-artifact@v4
-        with:
-          name: expo-playground-build
-          path: deploy/expo-playground
-      - name: Setup Expo as Root and create routing
-        run: |
-          # Create expo-example subdirectory and copy all build files
-          mkdir -p deploy/expo-example
-          cp -r deploy/temp-expo/* deploy/expo-example/
-
-          # Debug: List files in expo-example directory
-          echo "=== Files in deploy/expo-example ==="
-          find deploy/expo-example -type f -name "*.json" -o -name "favicon*" -o -name "*.ico" | head -10
-
-          # Copy all favicon-related files to root path
-          # Handle various favicon formats that Expo might generate
-          favicon_count=0
-          find deploy/expo-example -name "favicon*" -type f | while read file; do
-            filename=$(basename "$file")
-            cp "$file" "deploy/$filename"
-            echo "✅ Copied favicon: $filename"
-            favicon_count=$((favicon_count + 1))
-          done
-
-          if [ $favicon_count -eq 0 ]; then
-            echo "⚠️  No favicon files found in build output"
-          fi
 
-          # Copy manifest.json to root path for PWA support
-          if [ -f "deploy/expo-example/manifest.json" ]; then
-            cp deploy/expo-example/manifest.json deploy/manifest.json
-            echo "✅ Copied manifest.json to root"
-            echo "=== Generated manifest.json content ==="
-            cat deploy/manifest.json | head -10
-          else
-            # Use fallback manifest.json if Expo didn't generate one
-            cp .github/templates/manifest.json deploy/manifest.json
-            echo "⚠️  Used fallback manifest.json (Expo didn't generate one)"
-          fi
-
-          # Clean up temp directory
-          rm -rf deploy/temp-expo
+      - name: Build Expo Playground (production)
+        working-directory: packages/connect-examples/expo-playground
+        env:
+          COMMIT_SHA: ${{ env.COMMIT_FULL_SHA }}
+        run: yarn build
 
-      - name: Add SPA fallback for client-side routing
+      - name: Package production bundle with commit id
+        working-directory: packages/connect-examples/expo-playground
+        env:
+          COMMIT_FULL_SHA: ${{ env.COMMIT_FULL_SHA }}
+          COMMIT_SHORT_SHA: ${{ env.COMMIT_SHORT_SHA }}
         run: |
-          # 为各子应用创建简单的 SPA 回退 404.html
-          cp deploy/expo-playground/index.html deploy/expo-playground/404.html
-          cp deploy/expo-example/index.html deploy/expo-example/404.html
-
-          # 复制统一的路由分发器模板到根目录
-          cp .github/templates/404.html deploy/404.html
-
-          # 验证部署结构
-          echo "=== Deployment Structure ==="
-          find deploy -name "*.html" -o -name "manifest.json" -o -name "favicon*" | sort
-      - name: Deploy to Github Pages
-        uses: peaceiris/actions-gh-pages@v4
+          RELEASE_ROOT="release"
+          rm -rf "${RELEASE_ROOT}"
+          mkdir -p "${RELEASE_ROOT}"
+          cp dist/index.html "${RELEASE_ROOT}/index.html"
+          cp dist/404.html "${RELEASE_ROOT}/404.html"
+          mkdir -p "${RELEASE_ROOT}/${COMMIT_FULL_SHA}"
+          cp -R dist/${COMMIT_FULL_SHA}/. "${RELEASE_ROOT}/${COMMIT_FULL_SHA}/"
+          cat <<EOF > "${RELEASE_ROOT}/${COMMIT_FULL_SHA}/build-info.json"
+          {
+            "commit": "${COMMIT_FULL_SHA}",
+            "shortCommit": "${COMMIT_SHORT_SHA}",
+            "buildEnv": "production",
+            "buildTime": "$(date -u +%Y-%m-%dT%H:%M:%SZ)"
+          }
+          EOF
+
+      - name: Upload Production Artifact
+        uses: actions/upload-artifact@v4
         with:
-          github_token: ${{ secrets.GITHUB_TOKEN }}
-          publish_dir: ./deploy
-          cname: hardware-example.onekeytest.com
-          force_orphan: true
+          name: ${{ env.COMMIT_FULL_SHA }}
+          path: packages/connect-examples/expo-playground/release

packages/connect-examples/electron-example/package.json

@@ -2,7 +2,7 @@
   "name": "hardware-example",
   "productName": "HardwareExample",
   "executableName": "onekey-hardware-example",
-  "version": "1.1.16-alpha.5",
+  "version": "1.1.16-alpha.7",
   "author": "OneKey",
   "description": "End-to-end encrypted workspaces for teams",
   "main": "dist/index.js",
@@ -22,7 +22,7 @@
     "ts:check": "yarn tsc --noEmit"
   },
   "dependencies": {
-    "@onekeyfe/hd-transport-electron": "1.1.16-alpha.5",
+    "@onekeyfe/hd-transport-electron": "1.1.16-alpha.7",
     "@stoprocent/noble": "2.3.4",
     "debug": "4.3.4",
     "electron-is-dev": "^3.0.1",

packages/connect-examples/expo-example/package.json

@@ -1,6 +1,6 @@
 {
   "name": "expo-example",
-  "version": "1.1.16-alpha.5",
+  "version": "1.1.16-alpha.7",
   "scripts": {
     "start": "cross-env CONNECT_SRC=https://localhost:8087/ yarn expo start --dev-client",
     "android": "yarn expo run:android",
@@ -19,10 +19,10 @@
     "@noble/ed25519": "^2.1.0",
     "@noble/hashes": "^1.3.3",
     "@noble/secp256k1": "^1.7.1",
-    "@onekeyfe/hd-ble-sdk": "1.1.16-alpha.5",
-    "@onekeyfe/hd-common-connect-sdk": "1.1.16-alpha.5",
-    "@onekeyfe/hd-core": "1.1.16-alpha.5",
-    "@onekeyfe/hd-web-sdk": "1.1.16-alpha.5",
+    "@onekeyfe/hd-ble-sdk": "1.1.16-alpha.7",
+    "@onekeyfe/hd-common-connect-sdk": "1.1.16-alpha.7",
+    "@onekeyfe/hd-core": "1.1.16-alpha.7",
+    "@onekeyfe/hd-web-sdk": "1.1.16-alpha.7",
     "@onekeyfe/react-native-ble-utils": "^0.1.3",
     "@polkadot/util-crypto": "13.1.1",
     "@react-native-async-storage/async-storage": "1.21.0",

packages/connect-examples/expo-playground/app/data/searchActions.ts

@@ -2,21 +2,29 @@ import { deviceMethodsRegistry, signerMethodsRegistry } from '../hooks/useMethod
 import { usePersistenceStore } from '../store/persistenceStore';
 import type { Action } from 'kbar';
 
-// 获取基础路径 - 与项目配置保持一致
-const getBasename = () => {
-  if (typeof window === 'undefined') return '';
-  // 统一使用环境变量，与 entry.client.tsx 和 webpack.config.js 保持一致
-  return process.env.NODE_ENV === 'production' ? '/expo-playground' : '';
+// 规范化路径并生成 Hash 路由路径
+const buildHashPath = (path: string) => {
+  if (!path) {
+    return '#/';
+  }
+  const normalized = path.startsWith('/') ? path : `/${path}`;
+  return normalized === '/' ? '#/' : `#${normalized}`;
 };
 
-// 导航函数 - 使用 React Router 的编程式导航
+// 导航函数 - 切换 Hash 路由以适配 createHashRouter
 const navigateTo = (path: string) => {
-  // 添加 basename 前缀
-  const fullPath = getBasename() + path;
-  // 使用 window.history.pushState 进行 SPA 导航
-  window.history.pushState(null, '', fullPath);
-  // 触发 popstate 事件让 React Router 响应
-  window.dispatchEvent(new PopStateEvent('popstate'));
+  if (typeof window === 'undefined') return;
+  const targetHash = buildHashPath(path);
+  if (window.location.hash === targetHash) {
+    // 如果已在目标哈希，则手动触发事件以确保路由响应
+    const hashEvent =
+      typeof HashChangeEvent === 'function'
+        ? new HashChangeEvent('hashchange')
+        : new Event('hashchange');
+    window.dispatchEvent(hashEvent);
+    return;
+  }
+  window.location.hash = targetHash;
 };
 
 // 主题切换函数