plusui-native 0.2.48 → 0.2.50

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "plusui-native",
-  "version": "0.2.48",
+  "version": "0.2.50",
   "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.47",
-    "plusui-native-bindgen": "^0.1.47"
+    "plusui-native-builder": "^0.1.49",
+    "plusui-native-bindgen": "^0.1.49"
   },
   "peerDependencies": {
-    "plusui-native-bindgen": "^0.1.47"
+    "plusui-native-bindgen": "^0.1.49"
   },
   "publishConfig": {
     "access": "public"

package/templates/manager.js

@@ -93,8 +93,11 @@ export class TemplateManager {
     await this.runNpmInstall(projectPath);
     console.log(chalk.green('✓ Dependencies installed\n'));
 
-    // 7. Print success message
-    this.printSuccessMessage(projectName);
+    // 7. Start dev server in the created project immediately
+    process.chdir(projectPath);
+    console.log(chalk.green(`✓ Changed directory to: ${projectPath}`));
+    console.log(chalk.blue('Starting development server...'));
+    await this.runPlusuiDev(projectPath);
 
     return { success: true, path: projectPath };
   }
@@ -187,16 +190,29 @@ export class TemplateManager {
     });
   }
 
-  printSuccessMessage(projectName) {
-    console.log(chalk.green.bold('\n✓ Project created successfully!\n'));
-    console.log(chalk.bold('Next steps:\n'));
-    console.log(chalk.cyan(`  cd ${projectName}`));
-    console.log(chalk.cyan(`  npm run dev`));
-    console.log();
-    console.log(chalk.gray('This will start the development server with hot reload.'));
-    console.log(chalk.gray('Edit frontend/src/App.tsx and main.cpp to get started!'));
-    console.log();
+  async runPlusuiDev(projectPath) {
+    return new Promise((resolve, reject) => {
+      const plusuiCmd = process.platform === 'win32' ? 'plusui.cmd' : 'plusui';
+
+      const devProc = spawn(plusuiCmd, ['dev'], {
+        cwd: projectPath,
+        stdio: 'inherit',
+        shell: true,
+      });
+
+      devProc.on('close', (code, signal) => {
+        // Normal shutdown via Ctrl+C should not be treated as an error.
+        if (signal === 'SIGINT' || code === 0 || code === null) {
+          resolve();
+          return;
+        }
+        reject(new Error(`plusui dev exited with code ${code}`));
+      });
+
+      devProc.on('error', reject);
+    });
   }
+
 }
 
 

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

@@ -3,7 +3,7 @@ import ReactDOM from 'react-dom/client';
 import App from './App';
 import './styles/app.css';
 import 'plusui-native-core/Core/Features/FileDrop/filedrop.css';
-import './styles/filedrop.css';
+
 
 ReactDOM.createRoot(document.getElementById('root')!).render(
   <React.StrictMode>

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

@@ -2,6 +2,5 @@ import { render } from 'solid-js/web';
 import App from './App';
 import './styles/app.css';
 import 'plusui-native-core/Core/Features/FileDrop/filedrop.css';
-import './styles/filedrop.css';
 
 render(() => <App />, document.getElementById('root')!);

package/templates/react/frontend/src/styles/filedrop.css

@@ -1,60 +0,0 @@
-.filedrop-control-row {
-  margin-bottom: 1rem;
-  display: flex;
-  align-items: center;
-  gap: 0.5rem;
-}
-
-.filedrop-control-label {
-  font-size: 0.9em;
-}
-
-.filedrop-control-select {
-  padding: 0.5rem;
-  border-radius: 0.25rem;
-  border: 1px solid rgba(255, 255, 255, 0.3);
-  background: rgba(255, 255, 255, 0.1);
-  color: #fff;
-  font-size: 0.9em;
-}
-
-.filedrop-zone,
-.dropzone,
-[data-dropzone='true'] {
-  --filedrop-accent: #3b82f6;
-}
-
-[data-dropzone='true'][data-filedrop-state='dragging'] {
-  border-color: var(--filedrop-accent);
-  box-shadow: 0 0 0 4px color-mix(in srgb, var(--filedrop-accent) 20%, transparent);
-}
-
-[data-dropzone='true'][data-filedrop-style='compact'] {
-  min-height: 120px;
-  padding: 1.5rem;
-}
-
-[data-dropzone='true'][data-filedrop-style='inline'] {
-  min-height: 80px;
-  padding: 1rem;
-  flex-direction: row;
-  justify-content: flex-start;
-  gap: 1rem;
-}
-
-[data-dropzone='true'][data-filedrop-style='inline'] .filedrop-content {
-  flex-direction: row;
-  align-items: center;
-  text-align: left;
-  gap: 0.75rem;
-}
-
-[data-dropzone='true'][data-filedrop-style='minimal'] {
-  border-style: solid;
-  border-width: 1px;
-}
-
-[data-dropzone='true'][data-filedrop-style='bold'] {
-  border-width: 3px;
-  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
-}

package/templates/solid/frontend/src/styles/filedrop.css

@@ -1,60 +0,0 @@
-.filedrop-control-row {
-  margin-bottom: 1rem;
-  display: flex;
-  align-items: center;
-  gap: 0.5rem;
-}
-
-.filedrop-control-label {
-  font-size: 0.9em;
-}
-
-.filedrop-control-select {
-  padding: 0.5rem;
-  border-radius: 0.25rem;
-  border: 1px solid rgba(255, 255, 255, 0.3);
-  background: rgba(255, 255, 255, 0.1);
-  color: #fff;
-  font-size: 0.9em;
-}
-
-.filedrop-zone,
-.dropzone,
-[data-dropzone='true'] {
-  --filedrop-accent: #3b82f6;
-}
-
-[data-dropzone='true'][data-filedrop-state='dragging'] {
-  border-color: var(--filedrop-accent);
-  box-shadow: 0 0 0 4px color-mix(in srgb, var(--filedrop-accent) 20%, transparent);
-}
-
-[data-dropzone='true'][data-filedrop-style='compact'] {
-  min-height: 120px;
-  padding: 1.5rem;
-}
-
-[data-dropzone='true'][data-filedrop-style='inline'] {
-  min-height: 80px;
-  padding: 1rem;
-  flex-direction: row;
-  justify-content: flex-start;
-  gap: 1rem;
-}
-
-[data-dropzone='true'][data-filedrop-style='inline'] .filedrop-content {
-  flex-direction: row;
-  align-items: center;
-  text-align: left;
-  gap: 0.75rem;
-}
-
-[data-dropzone='true'][data-filedrop-style='minimal'] {
-  border-style: solid;
-  border-width: 1px;
-}
-
-[data-dropzone='true'][data-filedrop-style='bold'] {
-  border-width: 3px;
-  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
-}