@jsonpages/cli 3.0.32 → 3.0.34

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jsonpages/cli",
-  "version": "3.0.32",
+  "version": "3.0.34",
   "description": "JsonPages CLI - Sovereign Projection Engine",
   "type": "module",
   "bin": {

package/src/index.js

@@ -157,6 +157,114 @@ program
     }
   });
 
+/** Returns full vite.config.ts content with /api/save-to-file, /api/upload-asset, /api/list-assets. Inlined so generated tenant always has save-to-disk. */
+function getViteConfigWithSaveToFile() {
+  return `/**
+ * Generated by @jsonpages/cli. Dev server API: /api/save-to-file, /api/upload-asset, /api/list-assets.
+ */
+import { defineConfig } from 'vite';
+import react from '@vitejs/plugin-react';
+import tailwindcss from '@tailwindcss/vite';
+import path from 'path';
+import fs from 'fs';
+import { fileURLToPath } from 'url';
+
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
+
+const ASSETS_IMAGES_DIR = path.resolve(__dirname, 'public', 'assets', 'images');
+const DATA_CONFIG_DIR = path.resolve(__dirname, 'src', 'data', 'config');
+const DATA_PAGES_DIR = path.resolve(__dirname, 'src', 'data', 'pages');
+const IMAGE_EXT = new Set(['.jpg', '.jpeg', '.png', '.gif', '.webp', '.svg', '.avif']);
+const IMAGE_MIMES = new Set([
+  'image/jpeg', 'image/png', 'image/webp', 'image/gif', 'image/svg+xml', 'image/avif',
+]);
+const MAX_FILE_SIZE_BYTES = 5 * 1024 * 1024; // 5MB
+
+function safeFilename(original, mimeType) {
+  const base = (original.replace(/\\.[^.]+$/, '').replace(/[^a-zA-Z0-9-_]/g, '_').slice(0, 128)) || 'image';
+  const ext = original.includes('.') ? path.extname(original).toLowerCase() : (mimeType?.startsWith('image/') ? \`.\${(mimeType.split('/')[1] || 'png').replace('jpeg', 'jpg')}\` : '.png');
+  return \`\${Date.now()}-\${base}\${IMAGE_EXT.has(ext) ? ext : '.png'}\`;
+}
+
+function listImagesInDir(dir, urlPrefix) {
+  const list = [];
+  if (!fs.existsSync(dir)) return list;
+  for (const name of fs.readdirSync(dir)) {
+    if (IMAGE_EXT.has(path.extname(name).toLowerCase())) list.push({ id: name, url: \`\${urlPrefix}/\${name}\`, alt: name, tags: [] });
+  }
+  return list;
+}
+
+function sendJson(res, status, body) {
+  res.writeHead(status, { 'Content-Type': 'application/json' });
+  res.end(JSON.stringify(body));
+}
+
+export default defineConfig({
+  plugins: [
+    react(),
+    tailwindcss(),
+    {
+      name: 'upload-asset-api',
+      configureServer(server) {
+        server.middlewares.use((req, res, next) => {
+          if (req.method === 'GET' && req.url === '/api/list-assets') {
+            try { sendJson(res, 200, listImagesInDir(ASSETS_IMAGES_DIR, '/assets/images')); } catch (e) { sendJson(res, 500, { error: e?.message || 'List failed' }); }
+            return;
+          }
+          const pathname = (req.url || '').split('?')[0];
+          if (req.method === 'POST' && pathname === '/api/save-to-file') {
+            const chunks = [];
+            req.on('data', (chunk) => chunks.push(chunk));
+            req.on('end', () => {
+              try {
+                const raw = Buffer.concat(chunks).toString('utf8');
+                if (!raw.trim()) { sendJson(res, 400, { error: 'Empty body' }); return; }
+                const body = JSON.parse(raw);
+                const { projectState, slug } = body;
+                if (!projectState || typeof slug !== 'string') { sendJson(res, 400, { error: 'Missing projectState or slug' }); return; }
+                if (!fs.existsSync(DATA_CONFIG_DIR)) fs.mkdirSync(DATA_CONFIG_DIR, { recursive: true });
+                if (!fs.existsSync(DATA_PAGES_DIR)) fs.mkdirSync(DATA_PAGES_DIR, { recursive: true });
+                if (projectState.site != null) fs.writeFileSync(path.join(DATA_CONFIG_DIR, 'site.json'), JSON.stringify(projectState.site, null, 2), 'utf8');
+                if (projectState.theme != null) fs.writeFileSync(path.join(DATA_CONFIG_DIR, 'theme.json'), JSON.stringify(projectState.theme, null, 2), 'utf8');
+                if (projectState.menu != null) fs.writeFileSync(path.join(DATA_CONFIG_DIR, 'menu.json'), JSON.stringify(projectState.menu, null, 2), 'utf8');
+                if (projectState.page != null) {
+                  const safeSlug = (slug.replace(/[^a-zA-Z0-9-_]/g, '_') || 'page');
+                  fs.writeFileSync(path.join(DATA_PAGES_DIR, \`\${safeSlug}.json\`), JSON.stringify(projectState.page, null, 2), 'utf8');
+                }
+                sendJson(res, 200, { ok: true });
+              } catch (e) { sendJson(res, 500, { error: e?.message || 'Save to file failed' }); }
+            });
+            req.on('error', () => sendJson(res, 500, { error: 'Request error' }));
+            return;
+          }
+          if (req.method !== 'POST' || req.url !== '/api/upload-asset') return next();
+          const chunks = [];
+          req.on('data', (chunk) => chunks.push(chunk));
+          req.on('end', () => {
+            try {
+              const body = JSON.parse(Buffer.concat(chunks).toString('utf8'));
+              const { filename, mimeType, data } = body;
+              if (!filename || typeof data !== 'string') { sendJson(res, 400, { error: 'Missing filename or data' }); return; }
+              const buf = Buffer.from(data, 'base64');
+              if (buf.length > MAX_FILE_SIZE_BYTES) { sendJson(res, 413, { error: 'File too large. Max 5MB.' }); return; }
+              if (mimeType && !IMAGE_MIMES.has(mimeType)) { sendJson(res, 400, { error: 'Invalid file type' }); return; }
+              const name = safeFilename(filename, mimeType);
+              if (!fs.existsSync(ASSETS_IMAGES_DIR)) fs.mkdirSync(ASSETS_IMAGES_DIR, { recursive: true });
+              fs.writeFileSync(path.join(ASSETS_IMAGES_DIR, name), buf);
+              sendJson(res, 200, { url: \`/assets/images/\${name}\` });
+            } catch (e) { sendJson(res, 500, { error: e?.message || 'Upload failed' }); }
+          });
+          req.on('error', () => sendJson(res, 500, { error: 'Request error' }));
+        });
+      },
+    },
+  ],
+  resolve: { alias: { '@': path.resolve(__dirname, './src') } },
+});
+`;
+}
+
 async function injectInfraFiles(targetDir, name) {
   const pkg = {
     name: name,
@@ -171,19 +279,9 @@ async function injectInfraFiles(targetDir, name) {
   };
   await fs.writeJson(path.join(targetDir, 'package.json'), pkg, { spaces: 2 });
 
-  // Vite config with dev server API: /api/save-to-file, /api/upload-asset, /api/list-assets
-  const viteTemplatePath = path.join(__dirname, '..', 'assets', 'vite.config.tenant.ts');
-  const viteConfig = fs.existsSync(viteTemplatePath)
-    ? await fs.readFile(viteTemplatePath, 'utf8')
-    : `import { defineConfig } from 'vite';
-import react from '@vitejs/plugin-react';
-import tailwindcss from '@tailwindcss/vite';
-import path from 'path';
-export default defineConfig({
-  plugins: [react(), tailwindcss()],
-  resolve: { alias: { '@': path.resolve(__dirname, './src') } },
-});`;
-  await fs.writeFile(path.join(targetDir, 'vite.config.ts'), viteConfig.trim());
+  // Vite config with dev server API: /api/save-to-file, /api/upload-asset, /api/list-assets (always inline so it works when CLI is installed from npm)
+  const viteConfig = getViteConfigWithSaveToFile();
+  await fs.writeFile(path.join(targetDir, 'vite.config.ts'), viteConfig);
 
   await fs.ensureDir(path.join(targetDir, 'public', 'assets', 'images'));
   await fs.ensureDir(path.join(targetDir, 'src', 'data', 'config'));