plusui-native 0.2.41 → 0.2.43

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "plusui-native",
-  "version": "0.2.41",
+  "version": "0.2.43",
   "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.40",
-    "plusui-native-bindgen": "^0.1.40"
+    "plusui-native-builder": "^0.1.42",
+    "plusui-native-bindgen": "^0.1.42"
   },
   "peerDependencies": {
-    "plusui-native-bindgen": "^0.1.40"
+    "plusui-native-bindgen": "^0.1.42"
   },
   "publishConfig": {
     "access": "public"

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

@@ -21,6 +21,10 @@ function App() {
   const [dropZoneStyle, setDropZoneStyle] = useState('');
 
   useEffect(() => {
+    win.show().catch(() => {
+      // no-op for browser preview mode
+    });
+
     // Setup routes
     router.setRoutes(routes);
     
@@ -211,26 +215,6 @@ function App() {
           )}
         </div>
 
-        <div className="ick={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="info">
           <p>Edit <code>frontend/src/App.tsx</code> to modify the UI.</p>
           <p>Edit <code>main.cpp</code> to add C++ functionality.</p>

package/templates/react/frontend/src/plusui.ts

@@ -73,6 +73,8 @@ initBridge();
 export const win = {
   minimize: async () => invoke('window.minimize', []),
   maximize: async () => invoke('window.maximize', []),
+  show: async () => invoke('window.show', []),
+  hide: async () => invoke('window.hide', []),
   close: async () => invoke('window.close', []),
   setPosition: async (x: number, y: number) => invoke('window.setPosition', [x, y]),
   getSize: async (): Promise<WindowSize> => invoke('window.getSize', []) as Promise<WindowSize>,

package/templates/react/main.cpp.template

@@ -26,6 +26,7 @@ struct AppConfig {
     // --- Startup ---
     bool autoStart = false;       // Launch on system startup
     bool hiddenOnStartup = false; // Start hidden
+    bool showWhenFrontendReady = true; // Hide initial blank webview until React is mounted
     
     // --- Security ---
     bool webSecurity = true;      // Enable web security (CORS, etc.)
@@ -149,7 +150,7 @@ int main() {
     // ========================================
     // HEADLESS / HIDDEN STARTUP
     // ========================================
-    if (appConfig.headless || appConfig.hiddenOnStartup) {
+    if (appConfig.headless || appConfig.hiddenOnStartup || appConfig.showWhenFrontendReady) {
         mainWindow.hide();
     }