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.
- package/README.md +64 -18
- package/cjpm.toml +52 -52
- package/cli/cjpm.toml +10 -1
- package/cli/src/doctor.cj +4 -2
- package/cli/src/main.cj +11 -3
- package/cli/src/manifest.cj +558 -0
- package/cli/src/project.cj +38 -22
- package/cli/src/scaffold.cj +369 -361
- package/cli/src/sync.cj +526 -0
- package/cli/src/util.cj +168 -159
- package/cli/templates/app/README.md +48 -80
- package/cli/templates/app/{capabilities → assets/capabilities}/default.json +7 -7
- package/cli/templates/app/{ui → assets/ui}/index.html +118 -118
- package/cli/templates/app/cj-tauri.toml +22 -0
- package/cli/templates/app/cjpm.toml +34 -17
- package/cli/templates/app/src/main.cj +90 -88
- package/cli/templates/app-react/README.md +56 -67
- package/cli/templates/app-react/{capabilities → assets/capabilities}/default.json +7 -7
- package/cli/templates/app-react/{ui → assets/ui}/package.json +19 -19
- package/cli/templates/app-react/{ui → assets/ui}/src/main.jsx +6 -6
- package/cli/templates/app-react/{ui → assets/ui}/vite.config.js +24 -24
- package/cli/templates/app-react/cj-tauri.toml +23 -0
- package/cli/templates/app-react/cjpm.toml +34 -17
- package/cli/templates/app-react/src/main.cj +91 -102
- package/cli/templates/app-vue/README.md +56 -60
- package/cli/templates/app-vue/{capabilities → assets/capabilities}/default.json +7 -7
- package/cli/templates/app-vue/{ui → assets/ui}/package.json +18 -18
- package/cli/templates/app-vue/{ui → assets/ui}/src/main.js +4 -4
- package/cli/templates/app-vue/{ui → assets/ui}/vite.config.js +24 -24
- package/cli/templates/app-vue/cj-tauri.toml +23 -0
- package/cli/templates/app-vue/cjpm.toml +34 -17
- package/cli/templates/app-vue/src/main.cj +91 -102
- package/cli/templates/{ohos-pc → ohos-skeleton}/AppScope/app.json5 +13 -13
- package/cli/templates/{ohos-pc → ohos-skeleton}/AppScope/resources/base/element/string.json +8 -8
- package/cli/templates/{ohos-pc → ohos-skeleton}/AppScope/resources/base/media/layered_image.json +6 -6
- package/cli/templates/{ohos-pc → ohos-skeleton}/README.md +79 -79
- package/cli/templates/{ohos-pc → ohos-skeleton}/build-profile.json5 +46 -46
- package/cli/templates/{ohos-pc → ohos-skeleton}/entry/build-profile.json5 +26 -26
- package/cli/templates/{ohos-pc → ohos-skeleton}/entry/cjpm.toml +43 -43
- package/cli/templates/{ohos-pc → ohos-skeleton}/entry/hvigorfile.ts +6 -6
- package/cli/templates/{ohos-pc → ohos-skeleton}/entry/oh-package.json5 +9 -9
- package/cli/templates/{ohos-pc → ohos-skeleton}/entry/src/main/cangjie/ability_stage.cj +17 -17
- package/cli/templates/{ohos-pc → ohos-skeleton}/entry/src/main/cangjie/app_host.cj +94 -94
- package/cli/templates/{ohos-pc → ohos-skeleton}/entry/src/main/cangjie/index.cj +167 -167
- package/cli/templates/{ohos-pc → ohos-skeleton}/entry/src/main/cangjie/main_ability.cj +139 -139
- package/cli/templates/{ohos-pc → ohos-skeleton}/entry/src/main/module.json5 +49 -49
- package/cli/templates/{ohos-pc → ohos-skeleton}/entry/src/main/resources/base/element/color.json +8 -8
- package/cli/templates/{ohos-pc → ohos-skeleton}/entry/src/main/resources/base/element/string.json +16 -16
- package/cli/templates/{ohos-pc → ohos-skeleton}/entry/src/main/resources/base/media/layered_image.json +6 -6
- package/cli/templates/{ohos-pc → ohos-skeleton}/entry/src/main/resources/base/profile/main_pages.json +2 -2
- package/cli/templates/{ohos-pc → ohos-skeleton}/entry/src/main/resources/rawfile/capabilities.json +6 -6
- package/cli/templates/{ohos-pc → ohos-skeleton}/entry/src/main/resources/rawfile/index.html +92 -92
- package/cli/templates/{ohos-pc → ohos-skeleton}/hvigor/hvigor-config.json5 +5 -5
- package/cli/templates/{ohos-pc → ohos-skeleton}/hvigorfile.ts +6 -6
- package/cli/templates/{ohos-pc → ohos-skeleton}/oh-package.json5 +10 -10
- package/package.json +4 -2
- package/prebuilt/win32-x64/cj-tauri.exe +0 -0
- package/src/app.cj +49 -20
- package/src/app_spec.cj +76 -0
- package/src/arkweb_script.cj +142 -154
- package/src/host.cj +20 -17
- package/src/host_arkweb.cj +778 -740
- package/src/host_webkit.cj +22 -0
- package/src/host_webview2.cj +22 -0
- package/src/launch.cj +62 -0
- package/src/platform/platform_app_context.cj +77 -0
- package/src/platform/platform_assets.cj +33 -0
- package/src/platform/platform_discover.cj +176 -0
- package/src/platform/platform_env.cj +29 -0
- package/src/platform/platform_feature.cj +31 -0
- package/src/platform/platform_page_source.cj +87 -0
- package/src/platform/platform_target_info.cj +32 -0
- package/src/platform_host_provider.cj +87 -0
- package/src/plugin.cj +36 -2
- package/src/plugins/clipboard/plugin_clipboard.cj +8 -0
- package/src/plugins/menu/plugin_menu.cj +158 -150
- package/src/plugins/notification/plugin_notification.cj +8 -0
- package/src/plugins/serial/plugin_serial.cj +454 -442
- package/src/plugins/serial/serial_bridge.cj +194 -186
- package/src/plugins/serial/serial_ohos_stub.cj +61 -0
- package/src/plugins/shell/plugin_shell.cj +258 -230
- package/src/plugins/sqlite/plugin_sqlite.cj +710 -697
- package/src/plugins/sqlite/sqlite_ffi.cj +211 -206
- package/src/plugins/sqlite/sqlite_ohos_stub.cj +91 -0
- package/src/tests/app_spec_test.cj +127 -0
- package/src/tests/fake_host.cj +23 -8
- package/src/tests/platform_contract_test.cj +251 -0
- package/src/tests/plugin_test.cj +585 -542
- package/src/version.cj +1 -1
- package/src/host_factory.cj +0 -48
- /package/cli/templates/app-react/{ui → assets/ui}/index.html +0 -0
- /package/cli/templates/app-react/{ui → assets/ui}/src/App.css +0 -0
- /package/cli/templates/app-react/{ui → assets/ui}/src/App.jsx +0 -0
- /package/cli/templates/app-vue/{ui → assets/ui}/index.html +0 -0
- /package/cli/templates/app-vue/{ui → assets/ui}/src/App.vue +0 -0
- /package/cli/templates/{ohos-pc → ohos-skeleton}/AppScope/resources/base/media/background.png +0 -0
- /package/cli/templates/{ohos-pc → ohos-skeleton}/AppScope/resources/base/media/foreground.png +0 -0
- /package/cli/templates/{ohos-pc → ohos-skeleton}/build-hap.sh +0 -0
- /package/cli/templates/{ohos-pc → ohos-skeleton}/entry/src/main/resources/base/media/background.png +0 -0
- /package/cli/templates/{ohos-pc → ohos-skeleton}/entry/src/main/resources/base/media/foreground.png +0 -0
- /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 前端 · invoke / listen 双向 IPC · 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 前端 · invoke / listen 双向 IPC · 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
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
version = "
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
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
|
|
5
|
-
import
|
|
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
|
-
*
|
|
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
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
.
|
|
81
|
-
//
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
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
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
```
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
```
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
##
|
|
40
|
-
|
|
41
|
-
```bash
|
|
42
|
-
|
|
43
|
-
cd
|
|
44
|
-
|
|
45
|
-
```
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
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
|
+
}
|