@quicktvui/web-cli 1.0.0-beta.1 → 1.0.0-beta.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/entry-package.js +67 -8
- package/package.json +6 -3
package/lib/entry-package.js
CHANGED
|
@@ -1,16 +1,75 @@
|
|
|
1
1
|
// @quicktvui/web-cli - web entry (package)
|
|
2
2
|
// 此文件由 CLI 自动加载，使用 @quicktvui/web-renderer 包
|
|
3
|
-
// 主入口路径通过
|
|
3
|
+
// 主入口路径通过 webpack 多入口配置自动加载，无需在此处 import
|
|
4
|
+
//
|
|
5
|
+
// 初始化流程参考 main-web.js
|
|
4
6
|
|
|
5
|
-
console.log('[Web Renderer] === Starting initialization ===')
|
|
7
|
+
console.log('[Web Renderer] === Starting initialization (package) ===')
|
|
6
8
|
|
|
7
|
-
|
|
9
|
+
// 直接从 @quicktvui/web-renderer 导入所有需要的函数
|
|
10
|
+
import {
|
|
11
|
+
initAsyncLocalStorage,
|
|
12
|
+
initAutoProxy,
|
|
13
|
+
setupSceneBuilder,
|
|
14
|
+
createWebEngine,
|
|
15
|
+
applyAllPatches,
|
|
16
|
+
TVFocusManager,
|
|
17
|
+
startWebEngine,
|
|
18
|
+
APP_NAME,
|
|
19
|
+
IJKPlayerComponent,
|
|
20
|
+
} from '@quicktvui/web-renderer'
|
|
8
21
|
|
|
9
|
-
|
|
22
|
+
// Step 0: Initialize async localStorage (must be first, before any code uses localStorage)
|
|
23
|
+
initAsyncLocalStorage()
|
|
10
24
|
|
|
11
|
-
|
|
12
|
-
|
|
25
|
+
// Step 0.1: Initialize auto proxy for development
|
|
26
|
+
initAutoProxy()
|
|
13
27
|
|
|
28
|
+
// Step 0.2: Register IJKPlayerComponent for web video
|
|
29
|
+
global.__WEB_COMPONENTS__ = global.__WEB_COMPONENTS__ || {}
|
|
30
|
+
global.__WEB_COMPONENTS__['IJKPlayerComponent'] = IJKPlayerComponent
|
|
31
|
+
|
|
32
|
+
// Step 1: Setup SceneBuilder (must be done before main.ts loads)
|
|
33
|
+
setupSceneBuilder()
|
|
34
|
+
|
|
35
|
+
// Step 2: Create the web engine
|
|
36
|
+
const engine = createWebEngine()
|
|
37
|
+
|
|
38
|
+
// Step 3: Apply all patches BEFORE starting
|
|
39
|
+
applyAllPatches(engine)
|
|
40
|
+
|
|
41
|
+
// Step 4: Initialize TV Focus Manager
|
|
42
|
+
const focusManager = new TVFocusManager()
|
|
43
|
+
global.__TV_FOCUS_MANAGER__ = focusManager
|
|
44
|
+
console.log('[Web Renderer] TVFocusManager initialized')
|
|
45
|
+
|
|
46
|
+
// Step 5: Inject global CSS to match Android layout behavior
|
|
47
|
+
const styleEl = document.createElement('style')
|
|
48
|
+
styleEl.id = 'web-platform-reset'
|
|
49
|
+
styleEl.textContent = `
|
|
50
|
+
/* Web-Android Layout Compatibility Reset */
|
|
51
|
+
|
|
52
|
+
/* Disable flex cross-axis stretching (Android behavior) */
|
|
53
|
+
/* In Android, children don't auto-fill parent's cross dimension */
|
|
54
|
+
#app,
|
|
55
|
+
#app * {
|
|
56
|
+
align-items: flex-start;
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
/* Elements with explicit style should override the reset */
|
|
60
|
+
[style*="align-items"] {
|
|
61
|
+
align-items: var(--align-items, center) !important;
|
|
62
|
+
}
|
|
63
|
+
`
|
|
64
|
+
document.head.appendChild(styleEl)
|
|
65
|
+
console.log('[Web Renderer] Global CSS reset injected for Android-compatible layout')
|
|
66
|
+
|
|
67
|
+
// 注意：主入口文件已通过 webpack 多入口配置自动加载，无需在此处 import
|
|
68
|
+
|
|
69
|
+
// Step 6: Start the engine
|
|
14
70
|
console.log('[Web Renderer] Starting engine...')
|
|
15
|
-
|
|
16
|
-
|
|
71
|
+
startWebEngine(engine, APP_NAME)
|
|
72
|
+
|
|
73
|
+
setTimeout(() => {
|
|
74
|
+
console.log('[Web Renderer] === Initialization complete ===')
|
|
75
|
+
}, 1000)
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@quicktvui/web-cli",
|
|
3
|
-
"version": "1.0.0-beta.
|
|
3
|
+
"version": "1.0.0-beta.11",
|
|
4
4
|
"description": "CLI tool for QuickTVUI web development - zero configuration",
|
|
5
5
|
"author": "QuickTVUI Team",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -23,7 +23,9 @@
|
|
|
23
23
|
"dependencies": {
|
|
24
24
|
"minimist": "^1.2.8",
|
|
25
25
|
"shelljs": "^0.10.0",
|
|
26
|
-
"signale": "^1.4.0"
|
|
26
|
+
"signale": "^1.4.0",
|
|
27
|
+
"@quicktvui/web-renderer": "^1.0.5",
|
|
28
|
+
"scope-loader": "^1.0.3"
|
|
27
29
|
},
|
|
28
30
|
"peerDependencies": {
|
|
29
31
|
"webpack": "^5.0.0",
|
|
@@ -35,7 +37,8 @@
|
|
|
35
37
|
"babel-loader": "^9.0.0",
|
|
36
38
|
"ts-loader": "^9.4.0",
|
|
37
39
|
"css-loader": "^6.0.0",
|
|
38
|
-
"extscreen-router": ">=3.0.1"
|
|
40
|
+
"@extscreen/es3-router": ">=3.0.1",
|
|
41
|
+
"@extscreen/es3-vue": ">=3.0.0"
|
|
39
42
|
},
|
|
40
43
|
"peerDependenciesMeta": {
|
|
41
44
|
"less-loader": { "optional": true },
|