wmx-os-generators 0.1.3 → 0.1.5

package/dist/scaffold.d.ts

@@ -1,5 +1,6 @@
 interface ScaffoldAnswers {
     projectName: string;
+    language?: string;
     framework: string;
     backend: string;
     database: string;

package/dist/scaffold.js

@@ -61,11 +61,13 @@ export class ScaffoldGenerator {
         const fw = answers.framework?.toLowerCase() ?? '';
         const be = answers.backend?.toLowerCase() ?? '';
         const db = answers.database?.toLowerCase() ?? '';
+        const isJs = answers.language?.toLowerCase() === 'javascript';
         if (fw.includes('next'))
-            return 'nextjs-postgres';
-        if (fw.includes('react') && be.includes('express') && db.includes('mongo'))
-            return 'react-express-mongo';
-        return 'react-express-mongo';
+            return isJs ? 'nextjs-postgres-js' : 'nextjs-postgres';
+        if (fw.includes('react') && be.includes('express') && db.includes('mongo')) {
+            return isJs ? 'react-express-mongo-js' : 'react-express-mongo';
+        }
+        return isJs ? 'react-express-mongo-js' : 'react-express-mongo';
     }
     static async replaceInAllFiles(dir, search, replacement) {
         const entries = await fs.readdir(dir, { withFileTypes: true });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "wmx-os-generators",
-  "version": "0.1.3",
+  "version": "0.1.5",
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -11,8 +11,8 @@
   "dependencies": {
     "execa": "^8.0.0",
     "fs-extra": "^11.0.0",
-    "wmx-os-core": "^0.1.3",
-    "wmx-os-scanners": "^0.1.1"
+    "wmx-os-core": "^0.1.4",
+    "wmx-os-scanners": "^0.1.2"
   },
   "devDependencies": {
     "@types/fs-extra": "^11.0.0",

package/src/scaffold.ts

@@ -8,6 +8,7 @@ const __dirname = path.dirname(__filename)
 
 interface ScaffoldAnswers {
   projectName: string
+  language?: string
   framework: string
   backend: string
   database: string
@@ -81,10 +82,13 @@ export class ScaffoldGenerator {
     const fw = answers.framework?.toLowerCase() ?? ''
     const be = answers.backend?.toLowerCase() ?? ''
     const db = answers.database?.toLowerCase() ?? ''
+    const isJs = answers.language?.toLowerCase() === 'javascript'
 
-    if (fw.includes('next')) return 'nextjs-postgres'
-    if (fw.includes('react') && be.includes('express') && db.includes('mongo')) return 'react-express-mongo'
-    return 'react-express-mongo'
+    if (fw.includes('next')) return isJs ? 'nextjs-postgres-js' : 'nextjs-postgres'
+    if (fw.includes('react') && be.includes('express') && db.includes('mongo')) {
+      return isJs ? 'react-express-mongo-js' : 'react-express-mongo'
+    }
+    return isJs ? 'react-express-mongo-js' : 'react-express-mongo'
   }
 
   private static async replaceInAllFiles(dir: string, search: string, replacement: string): Promise<void> {

package/templates/nextjs-postgres-js/.env.example

@@ -0,0 +1 @@
+DATABASE_URL=

package/templates/nextjs-postgres-js/README.md

@@ -0,0 +1,13 @@
+# __PROJECT_NAME__
+
+A Next.js 14 + PostgreSQL + Drizzle ORM starter, scaffolded by WMX CLI.
+
+## Getting started
+
+```bash
+cp .env.example .env
+# Set DATABASE_URL in .env (e.g. postgresql://user:pass@localhost:5432/dbname)
+npm install
+npm run db:push   # push schema to your database
+npm run dev       # start dev server on http://localhost:3000
+```

package/templates/nextjs-postgres-js/drizzle.config.js

@@ -0,0 +1,9 @@
+/** @type {import('drizzle-kit').Config} */
+export default {
+  schema: './src/db/schema.js',
+  out: './drizzle',
+  driver: 'pg',
+  dbCredentials: {
+    connectionString: process.env.DATABASE_URL
+  }
+}

package/templates/nextjs-postgres-js/package.json

@@ -0,0 +1,21 @@
+{
+  "name": "__PROJECT_NAME__",
+  "version": "0.1.0",
+  "scripts": {
+    "dev": "next dev",
+    "build": "next build",
+    "start": "next start",
+    "db:generate": "drizzle-kit generate",
+    "db:push": "drizzle-kit push"
+  },
+  "dependencies": {
+    "next": "^14.0.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "pg": "^8.11.0",
+    "drizzle-orm": "^0.29.0"
+  },
+  "devDependencies": {
+    "drizzle-kit": "^0.20.0"
+  }
+}

package/templates/nextjs-postgres-js/src/app/layout.jsx

@@ -0,0 +1,12 @@
+export const metadata = {
+  title: '__PROJECT_NAME__',
+  description: 'Built with Next.js 14 and PostgreSQL'
+}
+
+export default function RootLayout({ children }) {
+  return (
+    <html lang="en">
+      <body>{children}</body>
+    </html>
+  )
+}

package/templates/nextjs-postgres-js/src/app/page.jsx

@@ -0,0 +1,8 @@
+export default function Home() {
+  return (
+    <main style={{ fontFamily: 'sans-serif', textAlign: 'center', marginTop: '4rem' }}>
+      <h1>Welcome to __PROJECT_NAME__</h1>
+      <p>Next.js 14 + PostgreSQL + Drizzle ORM starter — edit <code>src/app/page.jsx</code> to begin.</p>
+    </main>
+  )
+}

package/templates/react-express-mongo-js/README.md

@@ -0,0 +1,23 @@
+# __PROJECT_NAME__
+
+A full-stack starter built with React 18 + Express + MongoDB, scaffolded by WMX CLI.
+
+## Getting started
+
+### Backend
+```bash
+cd backend
+cp .env.example .env
+# Fill in MONGODB_URI and JWT_SECRET in .env
+npm install
+npm run dev
+```
+
+### Frontend
+```bash
+cd frontend
+npm install
+npm run dev
+```
+
+The frontend runs on http://localhost:5173 and proxies `/api` requests to the backend on port 5000.

package/templates/react-express-mongo-js/backend/.env.example

@@ -0,0 +1,2 @@
+PORT=5000
+MONGODB_URI=mongodb://localhost:27017/__PROJECT_NAME__

package/templates/react-express-mongo-js/backend/package.json

@@ -0,0 +1,18 @@
+{
+  "name": "__PROJECT_NAME__-backend",
+  "version": "0.1.0",
+  "type": "commonjs",
+  "scripts": {
+    "dev": "nodemon src/index.js",
+    "start": "node src/index.js"
+  },
+  "dependencies": {
+    "cors": "^2.8.5",
+    "dotenv": "^16.0.0",
+    "express": "^4.18.0",
+    "mongoose": "^8.0.0"
+  },
+  "devDependencies": {
+    "nodemon": "^3.0.0"
+  }
+}

package/templates/react-express-mongo-js/backend/src/db.js

@@ -0,0 +1,18 @@
+const mongoose = require('mongoose')
+
+async function connectDB() {
+  const uri = process.env.MONGODB_URI
+  if (!uri) {
+    console.warn('MONGODB_URI not set — skipping DB connection')
+    return
+  }
+  try {
+    await mongoose.connect(uri)
+    console.log('MongoDB connected')
+  } catch (err) {
+    console.error('MongoDB connection error:', err)
+    process.exit(1)
+  }
+}
+
+module.exports = { connectDB }

package/templates/react-express-mongo-js/backend/src/index.js

@@ -0,0 +1,22 @@
+const express = require('express')
+const cors = require('cors')
+const dotenv = require('dotenv')
+const { connectDB } = require('./db')
+
+dotenv.config()
+
+const app = express()
+const PORT = process.env.PORT || 5000
+
+app.use(cors())
+app.use(express.json())
+
+app.get('/api/health', (_req, res) => {
+  res.json({ status: 'ok', project: '__PROJECT_NAME__' })
+})
+
+connectDB().then(() => {
+  app.listen(PORT, () => {
+    console.log(`__PROJECT_NAME__ backend running on http://localhost:${PORT}`)
+  })
+})

package/templates/react-express-mongo-js/frontend/index.html

@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>__PROJECT_NAME__</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.jsx"></script>
+  </body>
+</html>

package/templates/react-express-mongo-js/frontend/package.json

@@ -0,0 +1,18 @@
+{
+  "name": "__PROJECT_NAME__-frontend",
+  "version": "0.1.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-react": "^4.0.0",
+    "vite": "^5.0.0"
+  }
+}

package/templates/react-express-mongo-js/frontend/src/App.jsx

@@ -0,0 +1,12 @@
+import React from 'react'
+
+function App() {
+  return (
+    <div style={{ fontFamily: 'sans-serif', textAlign: 'center', marginTop: '4rem' }}>
+      <h1>Welcome to __PROJECT_NAME__</h1>
+      <p>React + Express + MongoDB starter — edit <code>src/App.jsx</code> to get started.</p>
+    </div>
+  )
+}
+
+export default App

package/templates/react-express-mongo-js/frontend/src/main.jsx

@@ -0,0 +1,9 @@
+import React from 'react'
+import ReactDOM from 'react-dom/client'
+import App from './App'
+
+ReactDOM.createRoot(document.getElementById('root')).render(
+  <React.StrictMode>
+    <App />
+  </React.StrictMode>
+)

package/templates/react-express-mongo-js/frontend/vite.config.js

@@ -0,0 +1,12 @@
+import { defineConfig } from 'vite'
+import react from '@vitejs/plugin-react'
+
+export default defineConfig({
+  plugins: [react()],
+  server: {
+    port: 5173,
+    proxy: {
+      '/api': 'http://localhost:5000'
+    }
+  }
+})