babelcloud · hallee9000 · Sep 10, 2025 · Sep 12, 2025 · Sep 14, 2025 · Sep 18, 2025
diff --git a/.github/workflows/publish-live-view.yml b/.github/workflows/publish-live-view.yml
@@ -0,0 +1,50 @@
+name: Publish Live View Package
+
+on:
+  push:
+    branches: [ zhangze/live-view ]  # 监听当前分支
+    paths:
+      - 'packages/live-view/**'    # 只监听live-view目录的变化
+
+jobs:
+  publish:
+    runs-on: ubuntu-latest
+
+    permissions:
+      contents: read
+      packages: write
+
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v4
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: '18'
+          registry-url: 'https://npm.pkg.github.com'
+          scope: '@gbox'
+
+      - name: Setup pnpm
+        uses: pnpm/action-setup@v4
+        with:
+          version: 10.17.0
+
+      - name: Get pnpm store directory
+        shell: bash
+        run: |
+          echo "STORE_PATH=$(pnpm store path --silent)" >> $GITHUB_ENV
+
+      - name: Install dependencies
+        working-directory: packages/live-view
+        run: pnpm install --frozen-lockfile
+
+      - name: Build SDK
+        working-directory: packages/live-view
+        run: npm run build:sdk
+
+      - name: Publish to GitHub Packages
+        working-directory: packages/live-view
+        run: npm publish
+        env:
+          NODE_AUTH_TOKEN: ${{ secrets.GITHUB_TOKEN }}
diff --git a/packages/cli/cmd/device_connect.go b/packages/cli/cmd/device_connect.go
@@ -622,4 +622,4 @@ func registerDevice(deviceID string, deviceType string) error {
 	fmt.Printf("\n💡 Device registered successfully. Use 'gbox device-connect unregister %s' to disconnect when needed.\n", deviceID)
 
 	return nil
-}
+}
diff --git a/packages/cli/go.mod b/packages/cli/go.mod
@@ -80,4 +80,4 @@ require (
 	github.com/inconshreveable/mousetrap v1.1.0 // indirect
 	github.com/sirupsen/logrus v1.9.3
 	github.com/spf13/pflag v1.0.6 // indirect
-)
+)
diff --git a/packages/live-view/README.md b/packages/live-view/README.md
@@ -1,4 +1,4 @@
-# @gbox/live-view
+# @gbox.ai/live-view
 
 Live view component for Android device streaming using WebRTC.
 
@@ -14,26 +14,30 @@ Live view component for Android device streaming using WebRTC.
 ## Installation
 
 ```bash
-npm install @gbox/live-view
+npm install @gbox.ai/live-view
 # or
-pnpm add @gbox/live-view
+pnpm add @gbox.ai/live-view
 ```
 
 ## Usage
 
 ### As a React Component
 
 ```tsx
-import { AndroidLiveView } from '@gbox/live-view';
+// Import styles
+import '@gbox.ai/live-view/style.css';
+
+// import component
+import AndroidLiveView from '@gbox.ai/live-view';
 
 function App() {
   return (
     <AndroidLiveView
-      apiUrl="/api"
-      wsUrl="ws://localhost:8080/ws"
-      showControls={true}
-      showDeviceList={true}
-      showAndroidControls={true}
+      connectParams={{
+        deviceSerial: "68afd15",
+        apiUrl: "http://localhost:29888/api",
+        wsUrl: "ws://localhost:29888",
+      }}
       onConnect={(device) => console.log('Connected to', device)}
       onDisconnect={() => console.log('Disconnected')}
       onError={(error) => console.error('Error:', error)}
@@ -42,6 +46,20 @@ function App() {
 }
 ```
 
+#### Next.js Usage Example
+
+In Next.js projects, you can import styles in `app/layout.tsx` or `pages/_app.tsx`:
+
+**App Router (app/layout.tsx):**
+```tsx
+import '@gbox.ai/live-view/style.css';
+```
+
+**Pages Router (pages/_app.tsx):**
+```tsx
+import '@gbox.ai/live-view/style.css';
+```
+
 ### Props
 
 - `apiUrl`: API endpoint URL (default: `/api`)
@@ -89,4 +107,4 @@ npm publish
 
 ## License
 
-Apache-2.0
+Apache-2.0
diff --git a/packages/live-view/index.html b/packages/live-view/index.html
@@ -32,7 +32,8 @@
   </style>
 </head>
 <body>
-  <div id="root"></div>
-  <script type="module" src="/src/main.tsx"></script>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  <!-- <script type="module" src="/sdk/use-sdk-entry.tsx"></script> -->
 </body>
 </html>
diff --git a/packages/live-view/package.json b/packages/live-view/package.json
@@ -1,26 +1,45 @@
 {
-  "name": "@gbox/live-view",
-  "version": "0.1.0",
+  "name": "@gbox.ai/live-view",
+  "version": "0.7.2",
   "type": "module",
   "description": "Live view component for Android device streaming",
-  "main": "dist/index.js",
-  "module": "dist/index.esm.js",
+  "main": "dist/index.umd.js",
+  "module": "dist/index.es.js",
   "types": "dist/index.d.ts",
+  "sideEffects": [
+    "./dist/style.css",
+    "./dist/index.es.js",
+    "./dist/index.umd.js"
+  ],
+  "exports": {
+    ".": {
+      "import": "./dist/index.es.js",
+      "require": "./dist/index.umd.js",
+      "types": "./dist/index.d.ts"
+    },
+    "./style.css": {
+      "import": "./dist/style.css",
+      "require": "./dist/style.css",
+      "default": "./dist/style.css"
+    }
+  },
   "files": [
     "dist",
-    "static"
+    "README.md"
   ],
   "scripts": {
     "dev": "vite",
-    "build": "npm run build:component && npm run build:static",
+    "build": "vite build --config vite.config.sdk.ts",
     "build:component": "rollup -c",
-    "build:static": "vite build",
+    "build:static": "vite build --config vite.config.sdk.ts",
+    "build:sdk": "vite build --config vite.config.sdk.ts",
     "preview": "vite preview",
     "type-check": "tsc --noEmit",
     "lint": "eslint src",
     "test": "jest",
     "test:watch": "jest --watch",
     "test:coverage": "jest --coverage",
+    "build-sdk": "vite build --config vite.config.sdk.ts",
     "prepublishOnly": "npm run build"
   },
   "peerDependencies": {
@@ -53,14 +72,15 @@
     "rollup-plugin-postcss": "^4.0.2",
     "ts-jest": "^29.1.1",
     "typescript": "^5.3.3",
-    "vite": "^5.0.8"
+    "vite": "^5.0.8",
+    "vite-plugin-dts": "^4.5.4"
   },
   "publishConfig": {
-    "registry": "https://npm.pkg.github.com"
+    "access": "public"
   },
   "repository": {
     "type": "git",
-    "url": "https://github.com/gbox-ai/gbox.git",
+    "url": "https://github.com/babelcloud/gbox.git",
     "directory": "packages/live-view"
   },
   "keywords": [
-Original file line number
+Diff line change
@@ Expand Up @@
     	fmt.Printf("\n💡 Device registered successfully. Use 'gbox device-connect unregister %s' to disconnect when needed.\n", deviceID)
     	return nil
-    }
+    }