create-gardener 2.0.7 → 2.0.8

package/package.json

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

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

@@ -41,12 +41,12 @@ async function findTemplate(fileName: string) {
 
 export async function addPage(req: Request, res: Response) {
   try {
-    const pagename: string = req.body.page;
-    const name = pagename.replaceAll('/', '_');
+    const name: string = req.body.page;
+    // const name = pagename.replaceAll('/', '_');
 
 
 
-    const templatePath = await findTemplate(name);//path.join(frontendDir, findTemplate(name)); //path.join(frontendDir, 'frontendtemplate.ejs');
+    const templatePath = await findTemplate(name + '.ejs');//path.join(frontendDir, findTemplate(name)); //path.join(frontendDir, 'frontendtemplate.ejs');
 
 
 

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

@@ -21,4 +21,4 @@ if (process.env.NODE_ENV !== 'production') {
 
 
 
-router.route('/').get((req: Request, res: Response) => res.render('_'));
+router.route('/').get((req: Request, res: Response) => res.render('_', { fileName: '_' }));

package/template/src/frontend/static/gardenerDev.js

@@ -78,7 +78,7 @@ const pagebtns = gardener({
           const result = await fetch('/savetemplate', {
             method: 'POST',
             headers: { "Content-Type": 'application/json' },
-            body: JSON.stringify({ path: window.location.pathname })
+            body: JSON.stringify({ path: fetchElement('#fileName').innerText })
           });
 
           const data = await result.json(); // ✅ fix

package/template/src/frontend/static/style.css

@@ -273,9 +273,6 @@
   .bottom-4 {
     bottom: calc(var(--spacing) * 4);
   }
-  .bottom-6 {
-    bottom: calc(var(--spacing) * 6);
-  }
   .bottom-20 {
     bottom: calc(var(--spacing) * 20);
   }
@@ -306,6 +303,24 @@
   .z-100 {
     z-index: 100;
   }
+  .container {
+    width: 100%;
+    @media (width >= 40rem) {
+      max-width: 40rem;
+    }
+    @media (width >= 48rem) {
+      max-width: 48rem;
+    }
+    @media (width >= 64rem) {
+      max-width: 64rem;
+    }
+    @media (width >= 80rem) {
+      max-width: 80rem;
+    }
+    @media (width >= 96rem) {
+      max-width: 96rem;
+    }
+  }
   .m-2 {
     margin: calc(var(--spacing) * 2);
   }
@@ -351,6 +366,9 @@
   .grid {
     display: grid;
   }
+  .hidden {
+    display: none;
+  }
   .inline {
     display: inline;
   }
@@ -369,9 +387,6 @@
   .h-15 {
     height: calc(var(--spacing) * 15);
   }
-  .h-35 {
-    height: calc(var(--spacing) * 35);
-  }
   .h-96 {
     height: calc(var(--spacing) * 96);
   }
@@ -393,12 +408,6 @@
   .w-15 {
     width: calc(var(--spacing) * 15);
   }
-  .w-35 {
-    width: calc(var(--spacing) * 35);
-  }
-  .w-50 {
-    width: calc(var(--spacing) * 50);
-  }
   .w-96 {
     width: calc(var(--spacing) * 96);
   }
@@ -555,9 +564,6 @@
   .bg-gray-200 {
     background-color: var(--color-gray-200);
   }
-  .bg-gray-400 {
-    background-color: var(--color-gray-400);
-  }
   .bg-gray-500 {
     background-color: var(--color-gray-500);
   }
@@ -570,9 +576,6 @@
   .bg-green-300 {
     background-color: var(--color-green-300);
   }
-  .bg-green-500 {
-    background-color: var(--color-green-500);
-  }
   .bg-green-700 {
     background-color: var(--color-green-700);
   }
@@ -793,13 +796,6 @@
       }
     }
   }
-  .hover\:bg-gray-800 {
-    &:hover {
-      @media (hover: hover) {
-        background-color: var(--color-gray-800);
-      }
-    }
-  }
   .hover\:bg-gray-900 {
     &:hover {
       @media (hover: hover) {
@@ -807,13 +803,6 @@
       }
     }
   }
-  .hover\:bg-green-600 {
-    &:hover {
-      @media (hover: hover) {
-        background-color: var(--color-green-600);
-      }
-    }
-  }
   .hover\:bg-green-800 {
     &:hover {
       @media (hover: hover) {

package/template/src/frontend/template/template._.ejs

@@ -10,6 +10,7 @@
   </head>
   <body class="bg-slate-50 text-slate-900 font-sans">
 
+    <div class='hidden' id='fileName'><%=fileName%></div>
     <div class='loader w-screen h-screen bg-white fixed z-2'> </div>
     <div class='notification'></div>
 

package/template/src/frontend/views/_.ejs

@@ -10,6 +10,7 @@
   </head>
   <body class="bg-slate-50 text-slate-900 font-sans">
 
+    <div class='hidden' id='fileName'><%=fileName%></div>
     <div class='loader w-screen h-screen bg-white fixed z-2'> </div>
     <div class='notification'></div>