plusui-native 0.2.18 → 0.2.20

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "plusui-native",
-  "version": "0.2.18",
+  "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.17",
-    "plusui-native-bindgen": "^0.1.17"
+    "plusui-native-builder": "^0.1.19",
+    "plusui-native-bindgen": "^0.1.19"
   },
   "peerDependencies": {
-    "plusui-native-bindgen": "^0.1.17"
+    "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,8 +1,9 @@
-#include <plusui/app.hpp>
-#include <plusui/window.hpp>
+#include <plusui>  // All-in-one framework header
 #include <iostream>
 #include "generated/assets.h"
 
+using namespace plusui;
+
 // ============================================================================
 // {{PROJECT_NAME}} - Configuration
 // ============================================================================
@@ -104,7 +105,7 @@ struct WebGPUConfig {
 // ============================================================================
 int main() {
     // Use your app name as the variable name
-    auto {{PROJECT_NAME_LOWER}} = plusui::createApp()
+    auto {{PROJECT_NAME_LOWER}} = createApp()
         .title(appConfig.name)
         .width(windowConfig.width)
         .height(windowConfig.height)
@@ -172,24 +173,24 @@ int main() {
     // FILE DROP EVENTS (Drag & Drop)
     // ========================================
     // Listen for files dropped into the window
-    plusui::event::on("fileDrop.filesDropped", [](const std::string& data) {
+    event::on("fileDrop.filesDropped", [](const std::string& data) {
         std::cout << "Files dropped: " << data << std::endl;
         // Parse the JSON data to get file info
         // You can process files here in C++
     });
     
-    plusui::event::on("fileDrop.dragEnter", [](const std::string&) {
+    event::on("fileDrop.dragEnter", [](const std::string&) {
         std::cout << "Drag entered window" << std::endl;
     });
     
-    plusui::event::on("fileDrop.dragLeave", [](const std::string&) {
+    event::on("fileDrop.dragLeave", [](const std::string&) {
         std::cout << "Drag left window" << std::endl;
     });
     
     // ========================================
     // RUN APPLICATION
     // ========================================
-    plusui::App runtime;
+    App runtime;
     runtime.run();
     
     return 0;

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,8 +1,9 @@
-#include <plusui/app.hpp>
-#include <plusui/window.hpp>
+#include <plusui>  // All-in-one framework header
 #include <iostream>
 #include "generated/assets.h"
 
+using namespace plusui;
+
 // ============================================================================
 // {{PROJECT_NAME}} - Configuration
 // ============================================================================
@@ -104,7 +105,7 @@ struct WebGPUConfig {
 // ============================================================================
 int main() {
     // Use your app name as the variable name
-    auto {{PROJECT_NAME_LOWER}} = plusui::createApp()
+    auto {{PROJECT_NAME_LOWER}} = createApp()
         .title(appConfig.name)
         .width(windowConfig.width)
         .height(windowConfig.height)
@@ -167,24 +168,24 @@ int main() {
     // FILE DROP EVENTS (Drag & Drop)
     // ========================================
     // Listen for files dropped into the window
-    plusui::event::on("fileDrop.filesDropped", [](const std::string& data) {
+    event::on("fileDrop.filesDropped", [](const std::string& data) {
         std::cout << "Files dropped: " << data << std::endl;
         // Parse the JSON data to get file info
         // You can process files here in C++
     });
     
-    plusui::event::on("fileDrop.dragEnter", [](const std::string&) {
+    event::on("fileDrop.dragEnter", [](const std::string&) {
         std::cout << "Drag entered window" << std::endl;
     });
     
-    plusui::event::on("fileDrop.dragLeave", [](const std::string&) {
+    event::on("fileDrop.dragLeave", [](const std::string&) {
         std::cout << "Drag left window" << std::endl;
     });
     
     // ========================================
     // RUN APPLICATION
     // ========================================
-    plusui::App runtime;
+    App runtime;
     runtime.run();
     
     return 0;