plusui-native 0.2.66 → 0.2.68
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/package.json +4 -4
- package/templates/react/frontend/src/App.tsx +7 -7
- package/templates/react/frontend/src/plusui.ts +535 -99
- package/templates/react/frontend/tsconfig.json +15 -8
- package/templates/react/frontend/vite.config.ts +3 -3
- package/templates/react/main.cpp.template +18 -3
- package/templates/solid/frontend/tsconfig.json +14 -7
- package/templates/solid/frontend/vite.config.ts +2 -3
- package/templates/solid/main.cpp.template +18 -3
- package/templates/solid/frontend/src/plusui.ts +0 -402
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "plusui-native",
|
|
3
|
-
"version": "0.2.
|
|
3
|
+
"version": "0.2.68",
|
|
4
4
|
"description": "PlusUI CLI - Build C++ desktop apps modern UI ",
|
|
5
5
|
"main": "src/index.js",
|
|
6
6
|
"type": "module",
|
|
@@ -27,11 +27,11 @@
|
|
|
27
27
|
"semver": "^7.6.0",
|
|
28
28
|
"which": "^4.0.0",
|
|
29
29
|
"execa": "^8.0.1",
|
|
30
|
-
"plusui-native-builder": "^0.1.
|
|
31
|
-
"plusui-native-connect": "^0.1.
|
|
30
|
+
"plusui-native-builder": "^0.1.67",
|
|
31
|
+
"plusui-native-connect": "^0.1.67"
|
|
32
32
|
},
|
|
33
33
|
"peerDependencies": {
|
|
34
|
-
"plusui-native-connect": "^0.1.
|
|
34
|
+
"plusui-native-connect": "^0.1.67"
|
|
35
35
|
},
|
|
36
36
|
"publishConfig": {
|
|
37
37
|
"access": "public"
|
|
@@ -16,7 +16,7 @@ function App() {
|
|
|
16
16
|
const [currentUrl, setCurrentUrl] = useState('');
|
|
17
17
|
const [canGoBack, setCanGoBack] = useState(false);
|
|
18
18
|
const [canGoForward, setCanGoForward] = useState(false);
|
|
19
|
-
|
|
19
|
+
|
|
20
20
|
// customFileDrop connect channel state
|
|
21
21
|
const [isDragging, setIsDragging] = useState(false);
|
|
22
22
|
const [droppedFiles, setDroppedFiles] = useState<{ name: string; size: number; type: string }[]>([]);
|
|
@@ -29,14 +29,14 @@ function App() {
|
|
|
29
29
|
|
|
30
30
|
// Setup routes
|
|
31
31
|
plusui.router.setRoutes(routes);
|
|
32
|
-
|
|
32
|
+
|
|
33
33
|
// Listen for navigation changes
|
|
34
34
|
const unsub = plusui.browser.onNavigate((url) => {
|
|
35
35
|
setCurrentUrl(url);
|
|
36
36
|
plusui.browser.canGoBack().then(setCanGoBack);
|
|
37
37
|
plusui.browser.canGoForward().then(setCanGoForward);
|
|
38
38
|
});
|
|
39
|
-
|
|
39
|
+
|
|
40
40
|
// Listen for responses emitted from C++ via ch.customFileDrop.emit(...) in main.cpp
|
|
41
41
|
const unsubChannel = customFileDrop.on((data: any) => {
|
|
42
42
|
setBackendMsg(data?.message ?? JSON.stringify(data));
|
|
@@ -46,7 +46,7 @@ function App() {
|
|
|
46
46
|
plusui.browser.getUrl().then(setCurrentUrl);
|
|
47
47
|
plusui.browser.canGoBack().then(setCanGoBack);
|
|
48
48
|
plusui.browser.canGoForward().then(setCanGoForward);
|
|
49
|
-
|
|
49
|
+
|
|
50
50
|
return () => {
|
|
51
51
|
unsub();
|
|
52
52
|
unsubChannel();
|
|
@@ -96,7 +96,7 @@ function App() {
|
|
|
96
96
|
return (
|
|
97
97
|
<div className="app">
|
|
98
98
|
<header className="app-header">
|
|
99
|
-
<h1>{{PROJECT_NAME}}</h1>
|
|
99
|
+
<h1>{{ PROJECT_NAME }}</h1>
|
|
100
100
|
<p>Built with PlusUI Framework</p>
|
|
101
101
|
</header>
|
|
102
102
|
|
|
@@ -164,7 +164,7 @@ function App() {
|
|
|
164
164
|
The frontend receives the reply via <code>customFileDrop.on()</code>. Run{' '}
|
|
165
165
|
<code>plusui connect</code> to regenerate the channel bindings from both sides.
|
|
166
166
|
</p>
|
|
167
|
-
|
|
167
|
+
|
|
168
168
|
<div
|
|
169
169
|
className={`filedrop-zone ${isDragging ? 'filedrop-active' : ''}`}
|
|
170
170
|
onDragOver={handleDragOver}
|
|
@@ -175,7 +175,7 @@ function App() {
|
|
|
175
175
|
<div className="filedrop-content">
|
|
176
176
|
<svg className="filedrop-icon" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
|
177
177
|
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2}
|
|
178
|
-
|
|
178
|
+
d="M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M15 13l-3-3m0 0l-3 3m3-3v12" />
|
|
179
179
|
</svg>
|
|
180
180
|
<div className="filedrop-text">
|
|
181
181
|
{isDragging ? 'Drop files here' : 'Drag & drop files to send to C++'}
|