create-gardener 2.1.8 → 2.1.9

package/package.json

@@ -5,7 +5,7 @@
     "type": "git",
     "url": "https://github.com/ritishDas/gardener"
   },
-  "version": "2.1.8",
+  "version": "2.1.9",
   "description": "A dom gardener converting dom elements into json and vice versa",
   "main": "index.js",
   "bin": {

package/template/buildHelper.js

@@ -14,11 +14,6 @@ export default async function buildHelper() {
 
   await fs.cp(src, dest, { recursive: true });
 
-  // await fs.writeFile(
-  //   path.join(dest, 'static', 'gardenerConfig.js'),
-  //   "export const mode = 'prod';",
-  //   'utf8'
-  // );
 
   await fs.rm(path.join(dest, 'template'), { recursive: true });
 
@@ -30,21 +25,17 @@ export default async function buildHelper() {
   await fs.mkdir(bundleDir, { recursive: true });
   const files = await fs.readdir(path.join(dest, 'bundle'));
 
-  for (const file of files) {
-
-    // const stat = await fs.stat(fullPath);
-    // sf (!stat.isFile()) continue;
-    const destBundleFile = path.join(bundleDir, file); // overwrite same file
-    // await fs.writeFile(destBundleFile, '', 'utf8');
-
-    await build({
-      entryPoints: [path.join(dest, 'bundle', file)],
-      bundle: true,
-      minify: true,
-      format: 'esm',
-      outfile: destBundleFile
-    });
-  }
+  const allBundleFiles = files.map(file => path.join(dest, 'bundle', file));
+
+  await build({
+    entryPoints: allBundleFiles,
+    bundle: true,
+    splitting: true,
+    chunkNames: 'chunks/[hash]',
+    format: 'esm',
+    outdir: bundleDir,
+    minify: true,
+  });
 
 
   await fs.rm(path.join(dest, 'bundle'), { recursive: true });

package/template/src/backend/controllers/gardener/addPage.ts

@@ -68,9 +68,25 @@ export async function addPage(req: Request, res: Response) {
 
     await replaceLastOccurrence(viewPath, '<script', `<script src="/static/pages/pages.${name}.js" type='module'></script>`);
 
+    const routesJsonPath = path.resolve(__dirname, '..', '..', 'routes', 'routes.json');
+    let routes: string[] = [];
+    try {
+      const routesContent = await fsp.readFile(routesJsonPath, 'utf8');
+      routes = JSON.parse(routesContent);
+    } catch (e) {
+      console.log("routes.json not found, creating new one");
+    }
+
+    if (routes.includes(pagename)) {
+      throw new Error(`Route "${pagename}" already exists.`);
+    }
+
     const routeEntry = `router.route("${pagename}").get((req: Request, res: Response) => res.render("${name}",{fileName:"${name}"}));\n`;
     await fsp.appendFile(routePath, routeEntry, "utf8");
 
+    routes.push(pagename);
+    await fsp.writeFile(routesJsonPath, JSON.stringify(routes, null, 2), "utf8");
+
     await fsp.mkdir(jsDir, { recursive: true });
     const jsContent = 'import { gardener, fetchElement, replaceElement, appendElement } from "../gardener.js";\n import {log, parser, addEl, State} from "../gardenerDev.js"';
     await fsp.writeFile(jsFilePath, jsContent, "utf8");

package/template/src/backend/controllers/gardener/hotReload.ts

@@ -13,18 +13,20 @@ const watchTarget = path.resolve('src', 'frontend');
 
 let debounce: ReturnType<typeof setTimeout> | null = null;
 
-fs.watch(watchTarget, { recursive: true }, (_event, filename) => {
-  // Ignore hidden files and node_modules
-  if (!filename || filename.startsWith('.')) return;
+if (process.env.NODE_ENV !== 'production') {
+  fs.watch(watchTarget, { recursive: true }, (_event, filename) => {
+    // Ignore hidden files and node_modules
+    if (!filename || filename.startsWith('.')) return;
 
-  if (debounce) clearTimeout(debounce);
-  debounce = setTimeout(() => {
-    version = Date.now();
-    // console.log(`[gardener] file changed: ${filename} → version ${version}`);
-  }, 100);
-});
+    if (debounce) clearTimeout(debounce);
+    debounce = setTimeout(() => {
+      version = Date.now();
+      // console.log(`[gardener] file changed: ${filename} → version ${version}`);
+    }, 100);
+  });
+  console.log(`[gardener] watching ${watchTarget} for changes…`);
+}
 
-console.log(`[gardener] watching ${watchTarget} for changes…`);
 
 // ── Route handler ─────────────────────────────────────────────
 // GET /__gardener/hot-reload

package/template/src/backend/routes/gardener.route.ts

@@ -22,3 +22,5 @@ if (process.env.NODE_ENV !== 'production') {
 
 
 router.route('/').get((req: Request, res: Response) => res.render('_', { fileName: '_' }));
+router.route("/settings").get((req: Request, res: Response) => res.render("_settings", { fileName: "_settings" }));
+

package/template/src/backend/routes/routes.json

@@ -0,0 +1,4 @@
+[
+  "/",
+  "/settings"
+]

package/template/src/backend/server.ts

@@ -41,7 +41,8 @@ app.use((err: Error & { status: number }, req: Request, res: Response, next: Nex
 const PORT = process.env.PORT || 3000;
 
 app.listen(PORT, () => {
-  console.log("server listening 🚀🚀🚀 PORT:", PORT);
+  console.log("server listening 🚀🚀🚀 PORT:", PORT, "\n");
+  console.log(`http://localhost:${PORT}`);
 });
 
 

package/template/src/frontend/bundle/bundle._settings.js

@@ -0,0 +1 @@
+import '../static/global.js';import '../static/pages/pages._settings.js'; 

package/template/src/frontend/static/pages/pages._settings.js

@@ -0,0 +1,2 @@
+import { gardener, fetchElement, replaceElement, appendElement } from "../gardener.js";
+ import {log, parser, addEl, State} from "../gardenerDev.js"