cj-tauri 1.1.2 → 2.0.0

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.
Files changed (101) hide show
  1. package/README.md +64 -18
  2. package/cjpm.toml +52 -52
  3. package/cli/cjpm.toml +10 -1
  4. package/cli/src/doctor.cj +4 -2
  5. package/cli/src/main.cj +11 -3
  6. package/cli/src/manifest.cj +558 -0
  7. package/cli/src/project.cj +38 -22
  8. package/cli/src/scaffold.cj +369 -361
  9. package/cli/src/sync.cj +526 -0
  10. package/cli/src/util.cj +168 -159
  11. package/cli/templates/app/README.md +48 -80
  12. package/cli/templates/app/{capabilities → assets/capabilities}/default.json +7 -7
  13. package/cli/templates/app/{ui → assets/ui}/index.html +118 -118
  14. package/cli/templates/app/cj-tauri.toml +22 -0
  15. package/cli/templates/app/cjpm.toml +34 -17
  16. package/cli/templates/app/src/main.cj +90 -88
  17. package/cli/templates/app-react/README.md +56 -67
  18. package/cli/templates/app-react/{capabilities → assets/capabilities}/default.json +7 -7
  19. package/cli/templates/app-react/{ui → assets/ui}/package.json +19 -19
  20. package/cli/templates/app-react/{ui → assets/ui}/src/main.jsx +6 -6
  21. package/cli/templates/app-react/{ui → assets/ui}/vite.config.js +24 -24
  22. package/cli/templates/app-react/cj-tauri.toml +23 -0
  23. package/cli/templates/app-react/cjpm.toml +34 -17
  24. package/cli/templates/app-react/src/main.cj +91 -102
  25. package/cli/templates/app-vue/README.md +56 -60
  26. package/cli/templates/app-vue/{capabilities → assets/capabilities}/default.json +7 -7
  27. package/cli/templates/app-vue/{ui → assets/ui}/package.json +18 -18
  28. package/cli/templates/app-vue/{ui → assets/ui}/src/main.js +4 -4
  29. package/cli/templates/app-vue/{ui → assets/ui}/vite.config.js +24 -24
  30. package/cli/templates/app-vue/cj-tauri.toml +23 -0
  31. package/cli/templates/app-vue/cjpm.toml +34 -17
  32. package/cli/templates/app-vue/src/main.cj +91 -102
  33. package/cli/templates/{ohos-pc → ohos-skeleton}/AppScope/app.json5 +13 -13
  34. package/cli/templates/{ohos-pc → ohos-skeleton}/AppScope/resources/base/element/string.json +8 -8
  35. package/cli/templates/{ohos-pc → ohos-skeleton}/AppScope/resources/base/media/layered_image.json +6 -6
  36. package/cli/templates/{ohos-pc → ohos-skeleton}/README.md +79 -79
  37. package/cli/templates/{ohos-pc → ohos-skeleton}/build-profile.json5 +46 -46
  38. package/cli/templates/{ohos-pc → ohos-skeleton}/entry/build-profile.json5 +26 -26
  39. package/cli/templates/{ohos-pc → ohos-skeleton}/entry/cjpm.toml +43 -43
  40. package/cli/templates/{ohos-pc → ohos-skeleton}/entry/hvigorfile.ts +6 -6
  41. package/cli/templates/{ohos-pc → ohos-skeleton}/entry/oh-package.json5 +9 -9
  42. package/cli/templates/{ohos-pc → ohos-skeleton}/entry/src/main/cangjie/ability_stage.cj +17 -17
  43. package/cli/templates/{ohos-pc → ohos-skeleton}/entry/src/main/cangjie/app_host.cj +94 -94
  44. package/cli/templates/{ohos-pc → ohos-skeleton}/entry/src/main/cangjie/index.cj +167 -167
  45. package/cli/templates/{ohos-pc → ohos-skeleton}/entry/src/main/cangjie/main_ability.cj +139 -139
  46. package/cli/templates/{ohos-pc → ohos-skeleton}/entry/src/main/module.json5 +49 -49
  47. package/cli/templates/{ohos-pc → ohos-skeleton}/entry/src/main/resources/base/element/color.json +8 -8
  48. package/cli/templates/{ohos-pc → ohos-skeleton}/entry/src/main/resources/base/element/string.json +16 -16
  49. package/cli/templates/{ohos-pc → ohos-skeleton}/entry/src/main/resources/base/media/layered_image.json +6 -6
  50. package/cli/templates/{ohos-pc → ohos-skeleton}/entry/src/main/resources/base/profile/main_pages.json +2 -2
  51. package/cli/templates/{ohos-pc → ohos-skeleton}/entry/src/main/resources/rawfile/capabilities.json +6 -6
  52. package/cli/templates/{ohos-pc → ohos-skeleton}/entry/src/main/resources/rawfile/index.html +92 -92
  53. package/cli/templates/{ohos-pc → ohos-skeleton}/hvigor/hvigor-config.json5 +5 -5
  54. package/cli/templates/{ohos-pc → ohos-skeleton}/hvigorfile.ts +6 -6
  55. package/cli/templates/{ohos-pc → ohos-skeleton}/oh-package.json5 +10 -10
  56. package/package.json +4 -2
  57. package/prebuilt/win32-x64/cj-tauri.exe +0 -0
  58. package/src/app.cj +49 -20
  59. package/src/app_spec.cj +76 -0
  60. package/src/arkweb_script.cj +142 -154
  61. package/src/host.cj +20 -17
  62. package/src/host_arkweb.cj +778 -740
  63. package/src/host_webkit.cj +22 -0
  64. package/src/host_webview2.cj +22 -0
  65. package/src/launch.cj +62 -0
  66. package/src/platform/platform_app_context.cj +77 -0
  67. package/src/platform/platform_assets.cj +33 -0
  68. package/src/platform/platform_discover.cj +176 -0
  69. package/src/platform/platform_env.cj +29 -0
  70. package/src/platform/platform_feature.cj +31 -0
  71. package/src/platform/platform_page_source.cj +87 -0
  72. package/src/platform/platform_target_info.cj +32 -0
  73. package/src/platform_host_provider.cj +87 -0
  74. package/src/plugin.cj +36 -2
  75. package/src/plugins/clipboard/plugin_clipboard.cj +8 -0
  76. package/src/plugins/menu/plugin_menu.cj +158 -150
  77. package/src/plugins/notification/plugin_notification.cj +8 -0
  78. package/src/plugins/serial/plugin_serial.cj +454 -442
  79. package/src/plugins/serial/serial_bridge.cj +194 -186
  80. package/src/plugins/serial/serial_ohos_stub.cj +61 -0
  81. package/src/plugins/shell/plugin_shell.cj +258 -230
  82. package/src/plugins/sqlite/plugin_sqlite.cj +710 -697
  83. package/src/plugins/sqlite/sqlite_ffi.cj +211 -206
  84. package/src/plugins/sqlite/sqlite_ohos_stub.cj +91 -0
  85. package/src/tests/app_spec_test.cj +127 -0
  86. package/src/tests/fake_host.cj +23 -8
  87. package/src/tests/platform_contract_test.cj +251 -0
  88. package/src/tests/plugin_test.cj +585 -542
  89. package/src/version.cj +1 -1
  90. package/src/host_factory.cj +0 -48
  91. /package/cli/templates/app-react/{ui → assets/ui}/index.html +0 -0
  92. /package/cli/templates/app-react/{ui → assets/ui}/src/App.css +0 -0
  93. /package/cli/templates/app-react/{ui → assets/ui}/src/App.jsx +0 -0
  94. /package/cli/templates/app-vue/{ui → assets/ui}/index.html +0 -0
  95. /package/cli/templates/app-vue/{ui → assets/ui}/src/App.vue +0 -0
  96. /package/cli/templates/{ohos-pc → ohos-skeleton}/AppScope/resources/base/media/background.png +0 -0
  97. /package/cli/templates/{ohos-pc → ohos-skeleton}/AppScope/resources/base/media/foreground.png +0 -0
  98. /package/cli/templates/{ohos-pc → ohos-skeleton}/build-hap.sh +0 -0
  99. /package/cli/templates/{ohos-pc → ohos-skeleton}/entry/src/main/resources/base/media/background.png +0 -0
  100. /package/cli/templates/{ohos-pc → ohos-skeleton}/entry/src/main/resources/base/media/foreground.png +0 -0
  101. /package/cli/templates/{ohos-pc → ohos-skeleton}/entry/src/main/resources/base/media/startIcon.png +0 -0
@@ -1,118 +1,118 @@
1
- <!DOCTYPE html>
2
- <html>
3
- <head>
4
- <meta charset="utf-8">
5
- <title>{{PROJECT_NAME}}</title>
6
- <style>
7
- :root { color-scheme: dark; }
8
- body { font-family: system-ui, -apple-system, "Segoe UI", sans-serif; background: #16161d;
9
- color: #e6e6e6; margin: 0; min-height: 100vh;
10
- display: flex; flex-direction: column; align-items: center; justify-content: center; }
11
- .card { background: #1f2029; border: 1px solid #2e3140; border-radius: 14px;
12
- padding: 28px 32px; width: min(460px, 86vw);
13
- box-shadow: 0 12px 32px rgba(0,0,0,.45); }
14
- h1 { margin: 0 0 4px; font-size: 22px; color: #7ce7ff; }
15
- .sub { margin: 0 0 20px; font-size: 13px; color: #9aa0b4; }
16
- .row { display: flex; gap: 8px; margin: 14px 0; }
17
- input, button { font-size: 15px; padding: 9px 12px; border-radius: 9px; border: 1px solid transparent; }
18
- input { flex: 1; background: #141821; color: #e6e6e6; border-color: #2e3140; }
19
- input:focus { outline: none; border-color: #4a7fd4; }
20
- button { background: #e94560; color: #fff; cursor: pointer; font-weight: 600; }
21
- button:hover { opacity: .88; }
22
- button.ghost { background: #2b3040; }
23
- .result { margin-top: 6px; min-height: 24px; font-size: 15px; color: #50fa7b; word-break: break-all; }
24
- .tick { margin-top: 10px; font-size: 13px; color: #8be9fd; min-height: 18px; }
25
- .chk { margin-top: 12px; font-size: 13px; color: #9aa0b4;
26
- display: flex; align-items: center; gap: 6px; }
27
- .chk input { flex: none; }
28
- .foot { margin-top: 18px; font-size: 12px; color: #6b7186; }
29
- </style>
30
- </head>
31
- <body>
32
- <div class="card">
33
- <h1>{{PROJECT_NAME}}</h1>
34
- <p class="sub">仓颉后端 + 系统 WebView 前端 &nbsp;·&nbsp; invoke / listen 双向 IPC &nbsp;·&nbsp; capability 安全模型</p>
35
-
36
- <div class="row">
37
- <input id="name" placeholder="输入名字" value="world">
38
- <button id="greet">greet</button>
39
- </div>
40
- <div class="row">
41
- <button id="timer" class="ghost">启动后端事件推送</button>
42
- <button id="version" class="ghost">system:version</button>
43
- </div>
44
-
45
- <div class="chk">
46
- <input type="checkbox" id="sidebar" checked>
47
- <label for="sidebar">侧边栏(对应原生菜单「视图 → 侧边栏」)</label>
48
- </div>
49
-
50
- <div id="result" class="result">等待 invoke…</div>
51
- <div id="tick" class="tick"></div>
52
- <div id="menu" class="tick"></div>
53
- <div class="foot">越权命令(未在 capabilities/default.json 声明)会被后端拒绝</div>
54
- </div>
55
-
56
- <script>
57
- // 注入的桥(对标 @tauri-apps/api):window.__CJ_TAURI__
58
- function withBridge(cb) {
59
- if (window.__CJ_TAURI__) { cb(window.__CJ_TAURI__); return; }
60
- setTimeout(function () { withBridge(cb); }, 50);
61
- }
62
-
63
- withBridge(function (tauri) {
64
- var result = document.getElementById('result');
65
- var tick = document.getElementById('tick');
66
-
67
- function show(text, ok) {
68
- result.textContent = text;
69
- result.style.color = ok === false ? '#ff6b81' : '#50fa7b';
70
- }
71
-
72
- // JS → 仓颉
73
- document.getElementById('greet').onclick = function () {
74
- var name = document.getElementById('name').value || 'world';
75
- tauri.invoke('greet', { name: name })
76
- .then(function (data) { show('invoke OK: ' + data); })
77
- .catch(function (err) { show('invoke FAIL: ' + err.message, false); });
78
- };
79
-
80
- document.getElementById('version').onclick = function () {
81
- tauri.invoke('system:version')
82
- .then(function (data) { show('system:version -> ' + JSON.stringify(data)); })
83
- .catch(function (err) { show('system:version FAIL: ' + err.message, false); });
84
- };
85
-
86
- // 仓颉 → JS(事件推送)
87
- document.getElementById('timer').onclick = function () {
88
- tauri.invoke('timer')
89
- .then(function (d) { show('后端: ' + d); })
90
- .catch(function (err) { show('timer FAIL: ' + err.message, false); });
91
- };
92
-
93
- tauri.listen('tick', function (payload) {
94
- tick.textContent = '收到后端事件 tick #' + payload.n;
95
- });
96
-
97
- // 原生菜单 → 页面:菜单被点后宿主推事件过来(capabilities 里要声明 menu:click)
98
- var menuLine = document.getElementById('menu');
99
- tauri.listen('menu:click', function (payload) {
100
- menuLine.textContent = '菜单被点: ' + payload.id +
101
- '(enabled=' + payload.enabled + ', checked=' + payload.checked + ')';
102
- });
103
-
104
- // 页面 → 原生菜单:menu 插件的前端 shim(window.__CJ_TAURI__.menu,注入在 document start)
105
- document.getElementById('sidebar').onchange = function (e) {
106
- if (!tauri.menu) {
107
- show('未注入 menu 插件 shim(页面来自 runUrl 时插件 JS 不在本进程)', false);
108
- return;
109
- }
110
- var checked = e.target.checked;
111
- tauri.menu.setChecked({ id: 'view.sidebar', checked: checked })
112
- .then(function () { show('原生菜单「侧边栏」已同步为 ' + checked); })
113
- .catch(function (err) { show('menu.setChecked FAIL: ' + err.message, false); });
114
- };
115
- });
116
- </script>
117
- </body>
118
- </html>
1
+ <!DOCTYPE html>
2
+ <html>
3
+ <head>
4
+ <meta charset="utf-8">
5
+ <title>{{PROJECT_NAME}}</title>
6
+ <style>
7
+ :root { color-scheme: dark; }
8
+ body { font-family: system-ui, -apple-system, "Segoe UI", sans-serif; background: #16161d;
9
+ color: #e6e6e6; margin: 0; min-height: 100vh;
10
+ display: flex; flex-direction: column; align-items: center; justify-content: center; }
11
+ .card { background: #1f2029; border: 1px solid #2e3140; border-radius: 14px;
12
+ padding: 28px 32px; width: min(460px, 86vw);
13
+ box-shadow: 0 12px 32px rgba(0,0,0,.45); }
14
+ h1 { margin: 0 0 4px; font-size: 22px; color: #7ce7ff; }
15
+ .sub { margin: 0 0 20px; font-size: 13px; color: #9aa0b4; }
16
+ .row { display: flex; gap: 8px; margin: 14px 0; }
17
+ input, button { font-size: 15px; padding: 9px 12px; border-radius: 9px; border: 1px solid transparent; }
18
+ input { flex: 1; background: #141821; color: #e6e6e6; border-color: #2e3140; }
19
+ input:focus { outline: none; border-color: #4a7fd4; }
20
+ button { background: #e94560; color: #fff; cursor: pointer; font-weight: 600; }
21
+ button:hover { opacity: .88; }
22
+ button.ghost { background: #2b3040; }
23
+ .result { margin-top: 6px; min-height: 24px; font-size: 15px; color: #50fa7b; word-break: break-all; }
24
+ .tick { margin-top: 10px; font-size: 13px; color: #8be9fd; min-height: 18px; }
25
+ .chk { margin-top: 12px; font-size: 13px; color: #9aa0b4;
26
+ display: flex; align-items: center; gap: 6px; }
27
+ .chk input { flex: none; }
28
+ .foot { margin-top: 18px; font-size: 12px; color: #6b7186; }
29
+ </style>
30
+ </head>
31
+ <body>
32
+ <div class="card">
33
+ <h1>{{PROJECT_NAME}}</h1>
34
+ <p class="sub">仓颉后端 + 系统 WebView 前端 &nbsp;·&nbsp; invoke / listen 双向 IPC &nbsp;·&nbsp; capability 安全模型</p>
35
+
36
+ <div class="row">
37
+ <input id="name" placeholder="输入名字" value="world">
38
+ <button id="greet">greet</button>
39
+ </div>
40
+ <div class="row">
41
+ <button id="timer" class="ghost">启动后端事件推送</button>
42
+ <button id="version" class="ghost">system:version</button>
43
+ </div>
44
+
45
+ <div class="chk">
46
+ <input type="checkbox" id="sidebar" checked>
47
+ <label for="sidebar">侧边栏(对应原生菜单「视图 → 侧边栏」)</label>
48
+ </div>
49
+
50
+ <div id="result" class="result">等待 invoke…</div>
51
+ <div id="tick" class="tick"></div>
52
+ <div id="menu" class="tick"></div>
53
+ <div class="foot">越权命令(未在 capabilities/default.json 声明)会被后端拒绝</div>
54
+ </div>
55
+
56
+ <script>
57
+ // 注入的桥(对标 @tauri-apps/api):window.__CJ_TAURI__
58
+ function withBridge(cb) {
59
+ if (window.__CJ_TAURI__) { cb(window.__CJ_TAURI__); return; }
60
+ setTimeout(function () { withBridge(cb); }, 50);
61
+ }
62
+
63
+ withBridge(function (tauri) {
64
+ var result = document.getElementById('result');
65
+ var tick = document.getElementById('tick');
66
+
67
+ function show(text, ok) {
68
+ result.textContent = text;
69
+ result.style.color = ok === false ? '#ff6b81' : '#50fa7b';
70
+ }
71
+
72
+ // JS → 仓颉
73
+ document.getElementById('greet').onclick = function () {
74
+ var name = document.getElementById('name').value || 'world';
75
+ tauri.invoke('greet', { name: name })
76
+ .then(function (data) { show('invoke OK: ' + data); })
77
+ .catch(function (err) { show('invoke FAIL: ' + err.message, false); });
78
+ };
79
+
80
+ document.getElementById('version').onclick = function () {
81
+ tauri.invoke('system:version')
82
+ .then(function (data) { show('system:version -> ' + JSON.stringify(data)); })
83
+ .catch(function (err) { show('system:version FAIL: ' + err.message, false); });
84
+ };
85
+
86
+ // 仓颉 → JS(事件推送)
87
+ document.getElementById('timer').onclick = function () {
88
+ tauri.invoke('timer')
89
+ .then(function (d) { show('后端: ' + d); })
90
+ .catch(function (err) { show('timer FAIL: ' + err.message, false); });
91
+ };
92
+
93
+ tauri.listen('tick', function (payload) {
94
+ tick.textContent = '收到后端事件 tick #' + payload.n;
95
+ });
96
+
97
+ // 原生菜单 → 页面:菜单被点后宿主推事件过来(capabilities 里要声明 menu:click)
98
+ var menuLine = document.getElementById('menu');
99
+ tauri.listen('menu:click', function (payload) {
100
+ menuLine.textContent = '菜单被点: ' + payload.id +
101
+ '(enabled=' + payload.enabled + ', checked=' + payload.checked + ')';
102
+ });
103
+
104
+ // 页面 → 原生菜单:menu 插件的前端 shim(window.__CJ_TAURI__.menu,注入在 document start)
105
+ document.getElementById('sidebar').onchange = function (e) {
106
+ if (!tauri.menu) {
107
+ show('未注入 menu 插件 shim(页面来自 runUrl 时插件 JS 不在本进程)', false);
108
+ return;
109
+ }
110
+ var checked = e.target.checked;
111
+ tauri.menu.setChecked({ id: 'view.sidebar', checked: checked })
112
+ .then(function () { show('原生菜单「侧边栏」已同步为 ' + checked); })
113
+ .catch(function (err) { show('menu.setChecked FAIL: ' + err.message, false); });
114
+ };
115
+ });
116
+ </script>
117
+ </body>
118
+ </html>
@@ -0,0 +1,22 @@
1
+ # cj-tauri 应用清单——整个工程的单一真相(RFC-002 §7)。
2
+ # cj-tauri sync 从这里派生 targets/ 骨架(desktop/ohos);cj-tauri check 校验它并检测骨架漂移。
3
+ [app]
4
+ name = "{{PROJECT_NAME}}"
5
+ version = "0.1.0"
6
+ # 应用标识:桌面是安装 ID,鸿蒙直接是 bundleName(每段须字母开头、只含字母数字下划线)
7
+ id = "{{BUNDLE_NAME}}"
8
+ # 业务包名(cjpm 约束①:toml 模块名必须等于源包名)
9
+ package = "{{PACKAGE_NAME}}"
10
+
11
+ [[windows]]
12
+ label = "main"
13
+ title = "{{PROJECT_NAME}}"
14
+ width = 1000
15
+ height = 700
16
+
17
+ [assets]
18
+ # 骨架 launcher 加载的页面(相对资产根 assets/);dev 模式自动改写到 Vite dev server
19
+ page = "ui/index.html"
20
+
21
+ [capabilities]
22
+ dir = "assets/capabilities"
@@ -1,17 +1,34 @@
1
- [package]
2
- cjc-version = "{{CJC_VERSION}}"
3
- name = "{{PACKAGE_NAME}}"
4
- description = "{{PROJECT_NAME}} - cj-tauri 应用"
5
- version = "0.1.0"
6
- target-dir = ""
7
- output-type = "executable"
8
- compile-option = ""
9
- override-compile-option = ""
10
- link-option = ""
11
- package-configuration = {}
12
-
13
- [dependencies]
14
- # cj-tauri 框架本体(由 cj-tauri create 写入的本机路径)
15
- cjTauri = { path = "{{FRAMEWORK_ROOT_TOML}}" }
16
-
17
- {{TARGET_SECTION}}
1
+ # 业务包:业务代码的唯一真相(RFC-002 §7.3——骨架永远是外壳,业务只有一份)。
2
+ # output-type = "static":桌面骨架(targets/desktop)与鸿蒙入口(targets/ohos/entry)
3
+ # 都以 path 依赖引用本包——同一份业务代码,多个目标各编各的产物。
4
+ [package]
5
+ cjc-version = "{{CJC_VERSION}}"
6
+ name = "{{PACKAGE_NAME}}"
7
+ description = "{{PROJECT_NAME}} - cj-tauri 业务包"
8
+ version = "0.1.0"
9
+ target-dir = ""
10
+ output-type = "static"
11
+ compile-option = ""
12
+ override-compile-option = ""
13
+ link-option = ""
14
+ package-configuration = {}
15
+
16
+ [dependencies]
17
+ # cj-tauri 框架本体(由 cj-tauri create 写入的本机路径;换机器重跑 create 或手改)
18
+ cjTauri = { path = "{{FRAMEWORK_ROOT_TOML}}" }
19
+
20
+ [target.x86_64-unknown-linux-gnu.bin-dependencies]
21
+ path-option = ["${CANGJIE_STDX}"]
22
+
23
+ [target.x86_64-w64-mingw32.bin-dependencies]
24
+ path-option = ["${CANGJIE_STDX}"]
25
+
26
+ [target.aarch64-linux-ohos]
27
+ # 鸿蒙目标:交叉编译工具链与 sysroot 由 DevEco 仓颉套件提供,路径全部走环境变量
28
+ # (与框架根 cjpm.toml 同口径;末尾 --dy-std 不可省,原因见框架根 toml 的鸿蒙段注释)
29
+ compile-option = "-B \"${DEVECO_CANGJIE_HOME}/build-tools/third_party/llvm/bin\" -B \"${DEVECO_OH_NATIVE_HOME}/sysroot/usr/lib/aarch64-linux-ohos\" -L \"${DEVECO_OH_NATIVE_HOME}/sysroot/usr/lib/aarch64-linux-ohos\" -L \"${DEVECO_OH_NATIVE_HOME}/llvm/lib/clang/15.0.4/lib/aarch64-linux-ohos\" -L \"${DEVECO_OH_NATIVE_HOME}/llvm/lib/aarch64-linux-ohos\" --sysroot \"${DEVECO_OH_NATIVE_HOME}/sysroot\" --dy-std"
30
+
31
+ [target.aarch64-linux-ohos.bin-dependencies]
32
+ # stdx 必须用鸿蒙版(CANGJIE_STDX_OHOS,桌面版 ABI 不通);CANGJIE_OHOS_LIBS 指 DevEco
33
+ # 套件的 api/lib/linux_ohos_aarch64_cjnative/ohos(仓颉标准库 + ohos API 绑定)
34
+ path-option = ["${CANGJIE_STDX_OHOS}", "${CANGJIE_OHOS_LIBS}", "${AARCH64_MACRO_LIBS}", "${AARCH64_KIT_LIBS}"]
@@ -1,88 +1,90 @@
1
- package {{PACKAGE_NAME}}
2
-
3
- import cjTauri.*
4
- import stdx.encoding.json.*
5
- import std.fs.File
6
- import std.collection.*
7
-
8
- /**
9
- * greet 命令(对标 tauri command)
10
- * 前端:tauri.invoke("greet", { name: "..." })
11
- */
12
- public class GreetCommand <: CommandHandler {
13
- public init() {}
14
-
15
- public func handle(cmd: String, args: JsonObject, ipc: IpcContext): JsonValue {
16
- var name = "world"
17
- if (let Some(n) <- args.get("name")) {
18
- match (n.kind()) {
19
- case JsonKind.JsString => name = n.asString().getValue()
20
- case _ => ()
21
- }
22
- }
23
- return JsonString("Hello, ${name}! 来自仓颉后端")
24
- }
25
- }
26
-
27
- /**
28
- * 定时器命令:启动后台线程,每秒向后端推一个 tick 事件(验证 仓颉 → JS 通道)
29
- * 前端:tauri.listen("tick", cb) + tauri.invoke("timer")
30
- */
31
- public class TimerCommand <: CommandHandler {
32
- private var counter: Int64 = 0
33
- private var started: Bool = false
34
-
35
- public init() {}
36
-
37
- public func handle(cmd: String, args: JsonObject, ipc: IpcContext): JsonValue {
38
- if (!this.started) {
39
- this.started = true
40
- spawn {
41
- while (true) {
42
- sleep(Duration.second)
43
- this.counter += 1
44
- var payload = JsonObject()
45
- payload.put("n", JsonInt(this.counter))
46
- ipc.emit("tick", payload)
47
- }
48
- }
49
- }
50
- return JsonString("timer started")
51
- }
52
- }
53
-
54
- /**
55
- * 演示菜单:一个普通项 + 一个带勾选项的子菜单
56
- *
57
- * 两个方向都在页面上看得到:
58
- * 菜单 → 页面:点「打个招呼」,宿主把事件推给前端(页面 listen("menu:click") 显示 id)
59
- * 页面 → 菜单:勾选页面上的复选框,走 menu 插件改「侧边栏」这一项的勾选状态
60
- */
61
- func demoMenu(): MenuModel {
62
- var view = ArrayList<MenuItem>()
63
- view.add(MenuItem.checkbox("view.sidebar", "侧边栏", true))
64
- var items = ArrayList<MenuItem>()
65
- items.add(MenuItem.normal("file.hello", "打个招呼"))
66
- items.add(MenuItem.submenu("视图", view))
67
- return MenuModel(items)
68
- }
69
-
70
- main(): Int64 {
71
- // 1) 装配应用(对标 tauri::Builder):窗口配置 + 注册命令
72
- // 能力清单由框架在 run() 时自动扫描 capabilities/ 目录(对标 Tauri 的 capabilities 目录)
73
- let app = TauriApp()
74
- .window(WindowConfig("cj-tauri 应用", 1000, 700))
75
- .register("greet", GreetCommand())
76
- .register("timer", TimerCommand())
77
- // menu 插件:给前端挂 window.__CJ_TAURI__.menu.setEnabled / setChecked
78
- // (插件只声明「我提供什么」,**不自动放行**——要能调,就在 capabilities 里引用
79
- // permissions: ["menu:state"],或逐条写 commands)
80
- .plugin(MenuPlugin())
81
- // 菜单栏必须在 run() 之前挂:预置类宿主能力要赶在页面加载前定稿
82
- .setMenu(demoMenu())
83
-
84
- // 2) 载入前端页面并启动(阻塞至窗口关闭)
85
- let html = String.fromUtf8(File.readFrom("ui/index.html"))
86
- app.run(html)
87
- return 0
88
- }
1
+ package {{PACKAGE_NAME}}
2
+
3
+ import cjTauri.*
4
+ import cjTauri.plugins.menu.*
5
+ import stdx.encoding.json.*
6
+ import std.collection.*
7
+
8
+ /**
9
+ * greet 命令(对标 tauri command)
10
+ * 前端:tauri.invoke("greet", { name: "..." })
11
+ */
12
+ public class GreetCommand <: CommandHandler {
13
+ public init() {}
14
+
15
+ public func handle(cmd: String, args: JsonObject, ipc: IpcContext): JsonValue {
16
+ var name = "world"
17
+ if (let Some(n) <- args.get("name")) {
18
+ match (n.kind()) {
19
+ case JsonKind.JsString => name = n.asString().getValue()
20
+ case _ => ()
21
+ }
22
+ }
23
+ return JsonString("Hello, ${name}! 来自仓颉后端")
24
+ }
25
+ }
26
+
27
+ /**
28
+ * 定时器命令:启动后台线程,每秒向前端推一个 tick 事件(验证 仓颉 → JS 通道)
29
+ * 前端:tauri.listen("tick", cb) + tauri.invoke("timer")
30
+ */
31
+ public class TimerCommand <: CommandHandler {
32
+ private var counter: Int64 = 0
33
+ private var started: Bool = false
34
+
35
+ public init() {}
36
+
37
+ public func handle(cmd: String, args: JsonObject, ipc: IpcContext): JsonValue {
38
+ if (!this.started) {
39
+ this.started = true
40
+ spawn {
41
+ while (true) {
42
+ sleep(Duration.second)
43
+ this.counter += 1
44
+ var payload = JsonObject()
45
+ payload.put("n", JsonInt(this.counter))
46
+ ipc.emit("tick", payload)
47
+ }
48
+ }
49
+ }
50
+ return JsonString("timer started")
51
+ }
52
+ }
53
+
54
+ /**
55
+ * 演示菜单:一个普通项 + 一个带勾选项的子菜单
56
+ *
57
+ * 两个方向都在页面上看得到:
58
+ * 菜单 → 页面:点「打个招呼」,宿主把事件推给前端(页面 listen("menu:click") 显示 id)
59
+ * 页面 → 菜单:勾选页面上的复选框,走 menu 插件改「侧边栏」这一项的勾选状态
60
+ */
61
+ func demoMenu(): MenuModel {
62
+ var view = ArrayList<MenuItem>()
63
+ view.add(MenuItem.checkbox("view.sidebar", "侧边栏", true))
64
+ var items = ArrayList<MenuItem>()
65
+ items.add(MenuItem.normal("file.hello", "打个招呼"))
66
+ items.add(MenuItem.submenu("视图", view))
67
+ return MenuModel(items)
68
+ }
69
+
70
+ /**
71
+ * 业务装配点(RFC-002 §4.1):骨架的 launcher(targets/ 下各目标的 src)调用它取 AppSpec。
72
+ *
73
+ * 零平台知识:不碰宿主、不知道页面文件路径、不知道能力目录——那些由清单
74
+ * (cj-tauri.toml)决定,launcher 按清单覆盖(page/window/assets/capabilities)。
75
+ * build() 负责业务自己的部分:命令注册、菜单、插件。
76
+ */
77
+ public func build(): AppSpec {
78
+ return AppSpec()
79
+ .window(WindowConfig("{{PROJECT_NAME}}", 1000, 700))
80
+ // menu 插件:给前端挂 window.__CJ_TAURI__.menu.setEnabled / setChecked
81
+ // (插件只声明「我提供什么」,**不自动放行**——要能调,就在 capabilities 里引用
82
+ // permissions: ["menu:state"],或逐条写 commands)
83
+ .plugin(MenuPlugin())
84
+ .wire({ app =>
85
+ app.register("greet", GreetCommand())
86
+ app.register("timer", TimerCommand())
87
+ // 菜单栏必须在 run 之前挂:预置类宿主能力要赶在页面加载前定稿
88
+ app.setMenu(demoMenu())
89
+ })
90
+ }
@@ -1,67 +1,56 @@
1
- # {{PROJECT_NAME}}
2
-
3
- `cj-tauri create {{PROJECT_NAME}} --template react` 生成的工程:**仓颉后端 + React 18 / Vite 前端**。
4
-
5
- 目录结构:
6
-
7
- ```
8
- {{PROJECT_NAME}}/
9
- src/main.cj 后端入口(窗口 + 命令注册 + 页面来源选择)
10
- capabilities/ 能力清单(哪些命令 / 事件允许被前端调用)
11
- ui/ 前端工程(Vite + React)
12
- index.html
13
- vite.config.js
14
- src/App.jsx
15
- src/main.jsx
16
- cjpm.toml 仓颉包配置(cjTauri 依赖路径由 create 写入本机绝对路径)
17
- ```
18
-
19
- ## 开发:`cj-tauri dev`(热重载)
20
-
21
- ```bash
22
- cj-tauri dev
23
- ```
24
-
25
- `dev` 依次做:桥已构建则跳过 → 若 `ui/node_modules` 不存在则 `npm install` → 后台起 Vite dev server
26
- (`127.0.0.1:5173`)→ 探活 → 以环境变量 `CJ_TAURI_DEV_URL` 启动应用。页面来自真实 URL,所以:
27
-
28
- - 改 `ui/src/**.jsx` / `.js`:保存后页面自己更新,**应用不重启**(Vite HMR);
29
- - 改后端 `src/*.cj`:需要重新 `cj-tauri dev`(框架不承诺后端进程内热替换);
30
- - 应用窗口关闭后会一并收掉 dev server。
31
-
32
- 想手动控制前端时,也可以自己起 dev server 再启动应用:
33
-
34
- ```bash
35
- cd ui && npm run dev # 另一个终端
36
- CJ_TAURI_DEV_URL=http://127.0.0.1:5173/ cj-tauri run
37
- ```
38
-
39
- ## 发布:打成一个 HTML 文件
40
-
41
- ```bash
42
- cd ui && npm install && npm run build # 产出 ui/dist/index.html(js/css/图片全内联)
43
- cd .. && cj-tauri build # 构建桥 + cjpm build
44
- cj-tauri run # 没有 CJ_TAURI_DEV_URL 时读 ui/dist/index.html
45
- ```
46
-
47
- `vite-plugin-singlefile` 保证产物就是**一个** `index.html`,与 `app` 模板的单文件模式等价。
48
-
49
- ## 前后端怎么通信
50
-
51
- 前端拿到的是 `window.__CJ_TAURI__`(与 Tauri 的 `@tauri-apps/api` 同形):
52
-
53
- ```js
54
- window.__CJ_TAURI__.invoke('greet', { name: '仓颉' }); // → Promise
55
- window.__CJ_TAURI__.listen('tick', (payload) => { /* ... */ });
56
- window.__CJ_TAURI__.reload(); // 整页刷新
57
- ```
58
-
59
- 能调哪些命令、能收哪些事件,由 `capabilities/default.json` 决定;没声明的命令一律被拒
60
- (`command not allowed: xxx`)。
61
-
62
- ## 和 vue 模板的差别
63
-
64
- 只有 `ui/` 里换成了 React:`@vitejs/plugin-react` 替掉 `@vitejs/plugin-vue`,入口是 `src/main.jsx`、
65
- 根组件是 `src/App.jsx`;Vite 配置、`src/main.cj`、能力清单、`cj-tauri dev` 的用法完全一致。
66
- `src/main.jsx` 里**没有**用 `React.StrictMode`:开发模式下它会把 effect 跑两遍,
67
- 而这个模板的 effect 里要调 `invoke` / `listen`,双跑容易让人误以为桥重复投递。
1
+ # {{PROJECT_NAME}}
2
+
3
+ 基于 [cj-tauri]({{FRAMEWORK_ROOT}})(仓颉版 Tauri)+ React 18 + Vite 的应用:**仓颉后端 + 系统 WebView 前端**,
4
+ 通过 `window.__CJ_TAURI__` 做 invoke/listen 双向 IPC,并由 capabilities 清单做最小权限管控。
5
+
6
+ ## 目录结构(一份业务代码,骨架按目标派生)
7
+
8
+ ```
9
+ {{PROJECT_NAME}}/
10
+ ├── cj-tauri.toml # 应用清单——单一真相(id/version/窗口/资产/能力目录)
11
+ ├── cjpm.toml # 业务包(static 库;骨架以 path 依赖引用)
12
+ ├── src/main.cj # 业务装配点 build(): AppSpec(零平台知识)
13
+ ├── assets/
14
+ │ ├── ui/ # React 18 + Vite 前端工程(package.json / vite.config.js / src/)
15
+ │ └── capabilities/default.json # 能力白名单(命令 / 事件 / 权限集)
16
+ └── targets/ # cj-tauri sync 生成的骨架(勿手改;check 判漂移)
17
+ ├── desktop/ # 桌面可执行(launcher 调 build())
18
+ └── ohos/ # 鸿蒙 hap 工程(DevEco + build-hap.sh)
19
+ ```
20
+
21
+ ## 首次运行(dev,热更新)
22
+
23
+ ```bash
24
+ cd assets/ui && npm install # 前端依赖(需要 Node.js)
25
+ cd ../.. && cj-tauri sync # 派生 targets/ 骨架
26
+ cj-tauri dev # 起 Vite dev server(改 .jsx 保存即刷新)+ 编译 + 启动窗口
27
+ ```
28
+
29
+ ## 发布构建
30
+
31
+ ```bash
32
+ cj-tauri build # 先在 assets/ui 跑 npm run build,再编后端
33
+ cj-tauri run
34
+ ```
35
+
36
+ `vite.config.js` 用 vite-plugin-singlefile:产物是 `assets/ui/dist/index.html`
37
+ (js/css 内联、无外部依赖)——正是清单 `[assets] page` 指向的页面。
38
+
39
+ ## 鸿蒙端(PC / 2in1)
40
+
41
+ ```bash
42
+ export CANGJIE_STDX_OHOS=<鸿蒙版 stdx>/linux_ohos_aarch64_cjnative/dynamic/stdx
43
+ cd targets/ohos && bash build-hap.sh # 编 hap
44
+ cd targets/ohos && bash build-hap.sh --install # 编完装到设备并拉起
45
+ ```
46
+
47
+ 提示:模板不带签名证书——首次在 DevEco 里 File → Project Structure → Signing Configs
48
+ 勾「Automatically generate signature」(要登录华为账号);不签名只能编出
49
+ *-unsigned.hap,装不进设备。
50
+
51
+ ## 命令与能力
52
+
53
+ 命令在 `src/main.cj`(`greet` / `timer` + 演示菜单),白名单在 `assets/capabilities/default.json`——
54
+ 两边必须对齐:`cj-tauri check` 的三方比对会交叉核对「能力声明 × 插件自描述 × 实际装配」。
55
+ 插件在某端没有实现时(如 shell/sqlite 在鸿蒙端),骨架照样编得过,运行期调用得到
56
+ 可照做的「端不支持」错误(RFC-002 §4.6.4 的 P-1 桩)。
@@ -1,7 +1,7 @@
1
- {
2
- "identifier": "default",
3
- "windows": ["main"],
4
- "commands": ["greet", "timer", "system:version", "system:ping", "system:echo", "system:devtools"],
5
- "permissions": ["menu:state"],
6
- "events": ["tick", "menu:click"]
7
- }
1
+ {
2
+ "identifier": "default",
3
+ "windows": ["main"],
4
+ "commands": ["greet", "timer", "system:version", "system:ping", "system:echo", "system:devtools"],
5
+ "permissions": ["menu:state"],
6
+ "events": ["tick", "menu:click"]
7
+ }