plusui-native 0.2.19 → 0.2.20

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "plusui-native",
-  "version": "0.2.19",
+  "version": "0.2.20",
   "description": "PlusUI CLI - Build C++ desktop apps modern UI ",
   "main": "src/index.js",
   "type": "module",
@@ -27,11 +27,11 @@
     "semver": "^7.6.0",
     "which": "^4.0.0",
     "execa": "^8.0.1",
-    "plusui-native-builder": "^0.1.18",
-    "plusui-native-bindgen": "^0.1.18"
+    "plusui-native-builder": "^0.1.19",
+    "plusui-native-bindgen": "^0.1.19"
   },
   "peerDependencies": {
-    "plusui-native-bindgen": "^0.1.18"
+    "plusui-native-bindgen": "^0.1.19"
   },
   "publishConfig": {
     "access": "public"

package/templates/react/frontend/src/App.tsx

@@ -46,17 +46,17 @@ function App() {
       setIsDragging(false);
     });
     
+    // Get initial state
+    browser.getUrl().then(setCurrentUrl);
+    browser.canGoBack().then(setCanGoBack);
+    browser.canGoForward().then(setCanGoForward);
+    
     return () => {
       unsub();
       unsubDrop();
       unsubEnter();
       unsubLeave();
-    }al state
-    browser.getUrl().then(setCurrentUrl);
-    browser.canGoBack().then(setCanGoBack);
-    browser.canGoForward().then(setCanGoForward);
-    
-    return unsub;
+    };
   }, []);
 
   const handleMinimize = async () => await win.minimize();
@@ -126,8 +126,32 @@ function App() {
           <div className="button-group">
             <button onClick={handleGoBack} className="button" disabled={!canGoBack}>Back</button>
             <button onClick={handleGoForward} className="button" disabled={!canGoForward}>Forward</button>
-            <button onClcard">
+            <button onClick={handleReload} className="button">Reload</button>
+          </div>
+        </div>
+
+        <div className="card">
+          <h2>Router (SPA Navigation)</h2>
+          <div className="button-group">
+            <button onClick={handleGoHome} className="button">Home /</button>
+            <button onClick={handleGoSettings} className="button">Settings</button>
+          </div>
+          <p style={{ fontSize: '0.85em', color: '#666', marginTop: '10px' }}>
+            Define routes with <code>router.setRoutes({'{ ... }'})</code> then navigate with <code>router.push('/path')</code>
+          </p>
+        </div>
+
+        <div className="card">
+          <h2>App Control</h2>
+          <button onClick={handleQuit} className="button button-danger">Quit App</button>
+        </div>
+
+        <div className="card">
           <h2>FileDrop - Drag & Drop Files</h2>
+          <p style={{ fontSize: '0.85em', color: '#aaa', marginBottom: '1rem' }}>
+            Native file drop is enabled. The webview's default drag & drop behavior is disabled
+            to prevent files from opening in the browser, allowing your FileDrop handlers to work.
+          </p>
           
           <div style={{ marginBottom: '1rem' }}>
             <label style={{ marginRight: '0.5rem', fontSize: '0.9em' }}>Style:</label>

package/templates/react/main.cpp.template

@@ -1,5 +1,4 @@
-#include <plusui/app.hpp>
-#include <plusui/window.hpp>
+#include <plusui>  // All-in-one framework header
 #include <iostream>
 #include "generated/assets.h"
 

package/templates/solid/frontend/src/App.tsx

@@ -147,6 +147,10 @@ function App() {
 
         <div class="card">
           <h2>FileDrop - Drag & Drop Files</h2>
+          <p style={{ 'font-size': '0.85em', color: '#aaa', 'margin-bottom': '1rem' }}>
+            Native file drop is enabled. The webview's default drag & drop behavior is disabled
+            to prevent files from opening in the browser, allowing your FileDrop handlers to work.
+          </p>
           
           <div style={{ 'margin-bottom': '1rem' }}>
             <label style={{ 'margin-right': '0.5rem', 'font-size': '0.9em' }}>Style:</label>

package/templates/solid/main.cpp.template

@@ -1,5 +1,4 @@
-#include <plusui/app.hpp>
-#include <plusui/window.hpp>
+#include <plusui>  // All-in-one framework header
 #include <iostream>
 #include "generated/assets.h"