windowpp 0.1.3 → 0.1.5

package/bin/windowpp.js

@@ -51,7 +51,10 @@ switch (command) {
         }
         const flags = parseFlags(args.slice(2));
         const { create } = require('../lib/create');
-        create(name, { template: flags.template, outDir: flags.outDir });
+        create(name, { template: flags.template, outDir: flags.outDir }).catch((err) => {
+            console.error(err.message || err);
+            process.exit(1);
+        });
         break;
     }
 

package/lib/create.js

@@ -5,8 +5,45 @@
 
 const path = require('path');
 const fs = require('fs');
+const readline = require('readline');
 const { execSync } = require('child_process');
 
+// ─── Interactive template picker ─────────────────────────────────────────────
+function listTemplates(cliDir) {
+    const templatesDir = path.join(cliDir, 'templates');
+    if (!fs.existsSync(templatesDir)) return [];
+    return fs.readdirSync(templatesDir, { withFileTypes: true })
+        .filter(d => d.isDirectory())
+        .map(d => d.name)
+        .sort();
+}
+
+function promptTemplate(templates) {
+    return new Promise((resolve) => {
+        const rl = readline.createInterface({ input: process.stdin, output: process.stdout });
+
+        console.log('\nAvailable templates:');
+        templates.forEach((t, i) => console.log(`  [${i + 1}] ${t}`));
+        console.log();
+
+        const ask = () => {
+            rl.question(`Pick a template [1-${templates.length}] (default: 1): `, (answer) => {
+                const trimmed = answer.trim();
+                if (trimmed === '') { rl.close(); resolve(templates[0]); return; }
+                const idx = parseInt(trimmed, 10) - 1;
+                if (idx >= 0 && idx < templates.length) {
+                    rl.close();
+                    resolve(templates[idx]);
+                } else {
+                    console.log(`  Please enter a number between 1 and ${templates.length}.`);
+                    ask();
+                }
+            });
+        };
+        ask();
+    });
+}
+
 const TEXT_EXTENSIONS = new Set([
     '.cpp', '.h', '.ts', '.tsx', '.js', '.json', '.html',
     '.css', '.md', '.txt', '.cmake', '.sh', '.env',
@@ -38,9 +75,8 @@ function copyDir(src, dest, tokens) {
     }
 }
 
-function create(name, options = {}) {
+async function create(name, options = {}) {
     const {
-        template    = 'solid',
         outDir      = process.cwd(),
         installDeps = true,
     } = options;
@@ -50,13 +86,29 @@ function create(name, options = {}) {
         process.exit(1);
     }
 
+    const cliDir   = path.resolve(__dirname, '..');
+    const templates = listTemplates(cliDir);
+
+    // Resolve template — prompt if none given
+    let template = options.template;
+    if (!template) {
+        if (templates.length === 0) {
+            console.error('Error: no templates found in ' + path.join(cliDir, 'templates'));
+            process.exit(1);
+        }
+        if (templates.length === 1) {
+            template = templates[0];
+        } else {
+            template = await promptTemplate(templates);
+        }
+    }
+
     const appDir = path.join(outDir, name);
     if (fs.existsSync(appDir)) {
         console.error(`Error: directory "${appDir}" already exists.`);
         process.exit(1);
     }
 
-    const cliDir      = path.resolve(__dirname, '..');
     const templateDir = path.join(cliDir, 'templates', template);
     if (!fs.existsSync(templateDir)) {
         console.error(`Error: template "${template}" not found in ${path.join(cliDir, 'templates')}`);
@@ -73,9 +125,7 @@ function create(name, options = {}) {
         '{{APP_NAME}}':     name,
         '{{APP_TITLE}}':    appTitle,
         '{{CMAKE_TARGET}}': cmakeTarget,
-        // Resolved at create-time so vite.config / API.ts can import from the
-        // installed framework's src/ tree via the @wpp alias.
-        '{{REPO_ROOT}}': path.join(cliDir, 'framework').replace(/\\/g, '/'),
+        '{{REPO_ROOT}}':    path.join(cliDir, 'framework').replace(/\\/g, '/'),
     };
 
     console.log(`\n=== WindowPP Create --- ${name} (template: ${template}) ===\n`);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "windowpp",
-  "version": "0.1.3",
+  "version": "0.1.5",
   "description": "WindowPP CLI — build, dev, and scaffold for WindowPP apps",
   "type": "commonjs",
   "bin": {

package/templates/solid/frontend/index.html

@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>{{APP_TITLE}}</title>
+    <script>
+      window.addEventListener('dragover', function(e) { e.preventDefault(); }, false);
+      window.addEventListener('drop', function(e) { e.preventDefault(); }, false);
+    </script>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script src="/src/index.tsx" type="module"></script>
+  </body>
+</html>

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

@@ -0,0 +1,8 @@
+export default function App() {
+  return (
+    <div class="min-h-screen flex flex-col items-center justify-center bg-slate-100 text-slate-900 gap-4">
+      <h1 class="text-4xl font-bold">{{APP_TITLE}}</h1>
+      <p class="text-slate-500 text-sm">Edit <code class="bg-slate-200 px-1 rounded">frontend/src/App.tsx</code> to get started.</p>
+    </div>
+  );
+}

package/templates/solid/frontend/src/index.css

@@ -0,0 +1 @@
+@import 'tailwindcss';

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

@@ -0,0 +1,12 @@
+/* @refresh reload */
+import './index.css';
+import { render } from 'solid-js/web';
+import App from './App';
+
+const root = document.getElementById('root');
+
+if (import.meta.env.DEV && !(root instanceof HTMLElement)) {
+  throw new Error('Root element not found. Did you forget to add it to your index.html?');
+}
+
+render(() => <App />, root!);

package/templates/solid/frontend/tsconfig.json

@@ -0,0 +1,15 @@
+{
+  "compilerOptions": {
+    "jsx": "preserve",
+    "jsxImportSource": "solid-js",
+    "target": "ESNext",
+    "allowSyntheticDefaultImports": true,
+    "esModuleInterop": true,
+    "isolatedModules": true,
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "noEmit": true,
+    "strict": true,
+    "types": ["vite/client"]
+  }
+}