create-mantiq 0.5.9 → 0.5.11

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-mantiq",
-  "version": "0.5.9",
+  "version": "0.5.11",
   "description": "Scaffold a new MantiqJS application",
   "type": "module",
   "license": "MIT",

package/stubs/react/src/lib/api.ts.stub

@@ -7,9 +7,9 @@ export async function api<T = any>(url: string, opts: RequestInit = {}): Promise
   const headers: Record<string, string> = { Accept: 'application/json', ...(opts.headers as Record<string, string>) }
 
   // Attach XSRF token for CSRF protection on mutating requests
-  const xsrf = getCookie('XSRF-TOKEN')
-  if (xsrf && opts.method && !['GET', 'HEAD', 'OPTIONS'].includes(opts.method)) {
-    headers['X-XSRF-TOKEN'] = xsrf
+  if (opts.method && !['GET', 'HEAD', 'OPTIONS'].includes(opts.method)) {
+    const xsrf = getCookie('XSRF-TOKEN')
+    if (xsrf) headers['X-XSRF-TOKEN'] = xsrf
   }
 
   const res = await fetch(url, { ...opts, credentials: 'same-origin', headers })

package/stubs/react/vite.config.ts.stub

@@ -2,51 +2,26 @@ import { defineConfig } from 'vite'
 import react from '@vitejs/plugin-react'
 import tailwindcss from '@tailwindcss/vite'
 import path from 'path'
+import { writeFileSync, unlinkSync } from 'node:fs'
 
 export default defineConfig({
   plugins: [
     react(),
     tailwindcss(),
-    // Proxy non-asset requests to the Mantiq backend in dev mode
-    // so session cookies and CSRF tokens work on the same origin
+    // Write public/hot so the backend knows the dev server is running
     {
-      name: 'mantiq-proxy',
+      name: 'mantiq-hot',
       configureServer(server) {
-        server.middlewares.use((req, res, next) => {
-          // Let Vite handle its own files: HMR, source files, node_modules
-          const viteOwned = req.url?.startsWith('/@') ||
-            req.url?.startsWith('/src/') ||
-            req.url?.startsWith('/node_modules/') ||
-            req.url?.includes('?import') ||
-            req.url?.includes('?t=')
-
-          if (viteOwned) return next()
-
-          // For HTML page navigations (SPA), let Vite serve index.html
-          const accept = req.headers.accept ?? ''
-          if (req.method === 'GET' && accept.includes('text/html')) return next()
-
-          // Everything else (POST, API calls, etc.) → proxy to backend
-          const backend = `http://localhost:${process.env.APP_PORT ?? 3000}`
-          import('node:http').then(({ request }) => {
-            const proxyReq = request(
-              `${backend}${req.url}`,
-              {
-                method: req.method,
-                headers: req.headers,
-              },
-              (proxyRes) => {
-                res.writeHead(proxyRes.statusCode ?? 500, proxyRes.headers)
-                proxyRes.pipe(res)
-              },
-            )
-            proxyReq.on('error', () => {
-              res.writeHead(502)
-              res.end('Backend not running. Start with: bun run index.ts')
-            })
-            req.pipe(proxyReq)
-          })
+        const hotPath = path.resolve(__dirname, 'public/hot')
+        server.httpServer?.once('listening', () => {
+          const addr = server.httpServer!.address()
+          const url = typeof addr === 'string' ? addr : `http://localhost:${addr?.port}`
+          writeFileSync(hotPath, url)
         })
+        const cleanup = () => { try { unlinkSync(hotPath) } catch {} }
+        process.on('exit', cleanup)
+        process.on('SIGINT', () => { cleanup(); process.exit() })
+        process.on('SIGTERM', () => { cleanup(); process.exit() })
       },
     },
   ],

package/stubs/svelte/src/lib/api.ts.stub

@@ -7,9 +7,9 @@ export async function api<T = any>(url: string, opts: RequestInit = {}): Promise
   const headers: Record<string, string> = { Accept: 'application/json', ...(opts.headers as Record<string, string>) }
 
   // Attach XSRF token for CSRF protection on mutating requests
-  const xsrf = getCookie('XSRF-TOKEN')
-  if (xsrf && opts.method && !['GET', 'HEAD', 'OPTIONS'].includes(opts.method)) {
-    headers['X-XSRF-TOKEN'] = xsrf
+  if (opts.method && !['GET', 'HEAD', 'OPTIONS'].includes(opts.method)) {
+    const xsrf = getCookie('XSRF-TOKEN')
+    if (xsrf) headers['X-XSRF-TOKEN'] = xsrf
   }
 
   const res = await fetch(url, { ...opts, credentials: 'same-origin', headers })

package/stubs/svelte/vite.config.ts.stub

@@ -2,43 +2,25 @@ import { defineConfig } from 'vite'
 import { svelte } from '@sveltejs/vite-plugin-svelte'
 import tailwindcss from '@tailwindcss/vite'
 import path from 'path'
+import { writeFileSync, unlinkSync } from 'node:fs'
 
 export default defineConfig({
   plugins: [
     svelte(),
     tailwindcss(),
     {
-      name: 'mantiq-proxy',
+      name: 'mantiq-hot',
       configureServer(server) {
-        server.middlewares.use((req, res, next) => {
-          const viteOwned = req.url?.startsWith('/@') ||
-            req.url?.startsWith('/src/') ||
-            req.url?.startsWith('/node_modules/') ||
-            req.url?.includes('?import') ||
-            req.url?.includes('?t=')
-
-          if (viteOwned) return next()
-
-          const accept = req.headers.accept ?? ''
-          if (req.method === 'GET' && accept.includes('text/html')) return next()
-
-          const backend = `http://localhost:${process.env.APP_PORT ?? 3000}`
-          import('node:http').then(({ request }) => {
-            const proxyReq = request(
-              `${backend}${req.url}`,
-              { method: req.method, headers: req.headers },
-              (proxyRes) => {
-                res.writeHead(proxyRes.statusCode ?? 500, proxyRes.headers)
-                proxyRes.pipe(res)
-              },
-            )
-            proxyReq.on('error', () => {
-              res.writeHead(502)
-              res.end('Backend not running. Start with: bun run index.ts')
-            })
-            req.pipe(proxyReq)
-          })
+        const hotPath = path.resolve(__dirname, 'public/hot')
+        server.httpServer?.once('listening', () => {
+          const addr = server.httpServer!.address()
+          const url = typeof addr === 'string' ? addr : `http://localhost:${addr?.port}`
+          writeFileSync(hotPath, url)
         })
+        const cleanup = () => { try { unlinkSync(hotPath) } catch {} }
+        process.on('exit', cleanup)
+        process.on('SIGINT', () => { cleanup(); process.exit() })
+        process.on('SIGTERM', () => { cleanup(); process.exit() })
       },
     },
   ],

package/stubs/vue/src/lib/api.ts.stub

@@ -7,9 +7,9 @@ export async function api<T = any>(url: string, opts: RequestInit = {}): Promise
   const headers: Record<string, string> = { Accept: 'application/json', ...(opts.headers as Record<string, string>) }
 
   // Attach XSRF token for CSRF protection on mutating requests
-  const xsrf = getCookie('XSRF-TOKEN')
-  if (xsrf && opts.method && !['GET', 'HEAD', 'OPTIONS'].includes(opts.method)) {
-    headers['X-XSRF-TOKEN'] = xsrf
+  if (opts.method && !['GET', 'HEAD', 'OPTIONS'].includes(opts.method)) {
+    const xsrf = getCookie('XSRF-TOKEN')
+    if (xsrf) headers['X-XSRF-TOKEN'] = xsrf
   }
 
   const res = await fetch(url, { ...opts, credentials: 'same-origin', headers })

package/stubs/vue/vite.config.ts.stub

@@ -2,43 +2,25 @@ import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
 import tailwindcss from '@tailwindcss/vite'
 import path from 'path'
+import { writeFileSync, unlinkSync } from 'node:fs'
 
 export default defineConfig({
   plugins: [
     vue(),
     tailwindcss(),
     {
-      name: 'mantiq-proxy',
+      name: 'mantiq-hot',
       configureServer(server) {
-        server.middlewares.use((req, res, next) => {
-          const viteOwned = req.url?.startsWith('/@') ||
-            req.url?.startsWith('/src/') ||
-            req.url?.startsWith('/node_modules/') ||
-            req.url?.includes('?import') ||
-            req.url?.includes('?t=')
-
-          if (viteOwned) return next()
-
-          const accept = req.headers.accept ?? ''
-          if (req.method === 'GET' && accept.includes('text/html')) return next()
-
-          const backend = `http://localhost:${process.env.APP_PORT ?? 3000}`
-          import('node:http').then(({ request }) => {
-            const proxyReq = request(
-              `${backend}${req.url}`,
-              { method: req.method, headers: req.headers },
-              (proxyRes) => {
-                res.writeHead(proxyRes.statusCode ?? 500, proxyRes.headers)
-                proxyRes.pipe(res)
-              },
-            )
-            proxyReq.on('error', () => {
-              res.writeHead(502)
-              res.end('Backend not running. Start with: bun run index.ts')
-            })
-            req.pipe(proxyReq)
-          })
+        const hotPath = path.resolve(__dirname, 'public/hot')
+        server.httpServer?.once('listening', () => {
+          const addr = server.httpServer!.address()
+          const url = typeof addr === 'string' ? addr : `http://localhost:${addr?.port}`
+          writeFileSync(hotPath, url)
         })
+        const cleanup = () => { try { unlinkSync(hotPath) } catch {} }
+        process.on('exit', cleanup)
+        process.on('SIGINT', () => { cleanup(); process.exit() })
+        process.on('SIGTERM', () => { cleanup(); process.exit() })
       },
     },
   ],