create-gardener 2.1.3 → 2.1.5

package/template/build/frontend/static/components/gardener/parserWindow.js

@@ -1,159 +0,0 @@
-import { gardener, fetchElement, appendElement } from '../../gardener.js'
-import { gardenerError } from './errorBox.js';
-
-const body = fetchElement('body');
-
-const config = {
-  componentdir: 'static/components',
-}
-
-let result;
-export function parserWindow(text) {
-  result = gardener({
-    t: 'div',
-    cn: ['fixed', 'border-2', 'border-black', 'bg-gray-500', 'text-white', 'rounded-lg', 'z-90', 'w-2/4', 'h-2/4', 'left-1/4', 'flex', 'flex-col', 'justify-between', 'top-1/4'],
-    children: [
-      {
-        t: 'div',
-        cn: ['bg-gray-200', 'h-15', 'text-black', 'rounded-t-lg', 'flex', 'items-center', 'justify-around'],
-        children: [
-          {
-            t: 'h3',
-            cn: ['font-bold', 'p-5'],
-            txt: 'Parser Window'
-          },
-          {
-            t: 'div',
-            cn: ['flex', 'gap-3'],
-            children: [
-              {
-                t: 'button',
-                cn: ['p-2', 'bg-green-300', 'rounded-lg', 'cursor-pointer'],
-                txt: 'Copy Component',
-                attr: { id: 'copybtn' },
-                events: {
-                  click: () => { navigator.clipboard.writeText(text); fetchElement('#copybtn').innerText = 'copied'; }
-                }
-              },
-              {
-                t: 'button',
-                cn: ['p-2', 'bg-red-300', 'rounded-lg', 'cursor-pointer'],
-                txt: 'Add Component',
-                events: {
-                  click: () => addComponentForm(text)
-                }
-              }
-            ]
-          }
-        ]
-      },
-      {
-        t: 'p',
-        cn: ['p-5', 'overflow-scroll'],
-        txt: text
-      },
-    ]
-  })
-
-
-  return result;
-}
-
-function addComponentForm(text) {
-  result.remove()
-
-  const compform = gardener({
-    t: 'form',
-    events: {
-      submit: (event) => {
-        event.preventDefault()
-        addComponent(text, `${fetchElement('.componentInp').value}`)
-        compform.remove();
-      }
-    },
-    cn: ['fixed', 'left-2/5', 'bg-gray-500', 'rounded-lg', 'block', 'top-2/5', 'p-2'],
-    children: [
-      {
-        t: 'input',
-        cn: ['bg-white', 'componentInp'],
-        attr: {
-          type: 'text',
-          placeholder: 'Component Name'
-        }
-      }
-    ]
-  });
-  appendElement(body, compform);
-
-  fetchElement('.componentInp').focus();
-  //setTimeout(() => result.remove(), 500);
-}
-
-async function addComponent(txt, path) {
-  try {
-    const res = await fetch('/addcomponent', {
-      method: 'POST',
-      headers: {
-        "Content-Type": 'application/json'
-      },
-      body: JSON.stringify({ component: generateFile(txt, path), path: `${config.componentdir}/${path}.js` })
-    })
-
-    if (!res.ok) {
-      throw new Error(`Failed to add component: ${res.status} ${res.statusText}`);
-    }
-
-    const data = await res.json()
-
-  }
-  catch (err) {
-    console.error('Add Component Error:', err);
-    gardenerError(err.message || 'Failed to add component');
-  }
-
-}
-
-
-function generateFile(obj, name) {
-
-
-  const { cleanedString, extractedList } = cleanStringAndList(obj);
-
-  if (extractedList.length === 0) return `
-import { gardener, fetchElement, replaceElement } from '../gardener.js'
-
-export function ${name}() {
-  return gardener(${cleanedString})
-}
-`;
-
-  return `
-import { gardener, fetchElement, replaceElement } from '../gardener.js'
-
-export function ${name}({${extractedList}}) {
-  return gardener(${cleanedString})
-}
-`;
-}
-
-
-function cleanStringAndList(input) {
-  const pattern = /\?"?(\w+)"?\?/g;
-  const vars = new Set();
-  let match;
-
-  while ((match = pattern.exec(input)) !== null) {
-    vars.add(match[1]);
-  }
-
-  // Replace ?var? with "+var+" and clean up resulting empty strings or double quotes
-  const cleanedString = input
-    .replace(pattern, '"+$1+"')
-    .replace(/^""\+/, '')
-    .replace(/\+""$/, '');
-
-  return {
-    cleanedString,
-    extractedList: [...vars].join(', ')
-  };
-}

package/template/build/frontend/static/components/nonui/api.js

@@ -1,52 +0,0 @@
-const baseName = '';
-
-export async function Fetch(
-  path,
-  body,
-  method = 'POST'
-) {
-
-  try {
-
-    const headers = {
-      "Content-Type": "application/json",
-      "ngrok-skip-browser-warning": 'true'
-      // "Authorization": 'Bearer ' + auth
-    }
-    let res;
-    if (method === 'GET' || method === 'DELETE')
-      res = await fetch(baseName + path, {
-        credentials: "include",
-        headers: headers,
-        method,
-      });
-
-    else
-      res = await fetch(baseName + path, {
-        credentials: "include",
-        headers: headers,
-        method,
-        body: JSON.stringify(body),
-      });
-
-    if (!res.ok) {
-      throw new Error(`HTTP error! status: ${res.status}`);
-    }
-
-    return res
-  }
-  catch (err) {
-    console.error('Fetch Error:', err);
-    
-    // Import and display error using gardenerError
-    import('../gardener/errorBox.js')
-      .then(({ gardenerError }) => {
-        gardenerError(err.message || 'Network request failed');
-      })
-      .catch(() => {
-        console.error('Error component not available:', err.message);
-      });
-    
-    throw err;
-  }
-}

package/template/build/frontend/static/components/nonui/navigation.js

@@ -1,59 +0,0 @@
-import { gardener, fetchElement, appendElement } from "../../gardener.js";
-import { mode } from "../../gardenerConfig.js";
-
-const body = fetchElement('#main');
-
-export function nextPagehandler() {
-  const anchor = document.querySelectorAll('a')
-  anchor.forEach(link => {
-
-    link.addEventListener('click', (e) => {
-
-
-      e.preventDefault();
-      nextPage(link.href)
-
-    })
-  })
-
-
-
-  window.addEventListener('pagehide', () => {
-    setTimeout(() => {
-      body.style.transform = 'translateX(0px)';
-      setTimeout(() => {
-        try {
-          fetchElement('.tempnpdiv').remove()
-        }
-        catch (err) { }
-
-      }, 200)
-    }, 200);
-  });
-
-}
-
-export function nextPage(link) {
-
-  appendElement(body, gardener({
-    t: 'div',
-    cn: ['tempnpdiv', 'top-0', 'left-[100vw]', 'fixed', 'h-screen', 'w-screen'],
-  }))
-  const width = window.innerWidth
-  console.log(width)
-  body.style.transition = '.2s';
-  body.style.transform = `translateX(-${width}px)`
-  setTimeout(() => {
-    window.location.href = link
-  }, 200)
-}
-
-export function pageloader() {
-  const loader = fetchElement('.loader');
-  loader.style.transition = '.4s';
-  loader.style.opacity = '0';
-  if (mode !== 'dev')
-    setTimeout(() => loader.remove(), 400)
-  else
-    loader.remove();
-}

package/template/build/frontend/static/components/notification.js

@@ -1,67 +0,0 @@
-import { gardener, replaceElement, fetchElement } from '../gardener.js';
-
-export default function addNotification(noti) {
-  console.log('clicked');
-  replaceElement(fetchElement('.notification'), Notification(noti));
-}
-
-function Notification(notification) {
-  if (!notification) return null;
-
-  const statusStyles = {
-    success: "bg-[#2e7d32]",
-    warning: "bg-[#ed6c02]",
-    failure: "bg-[#d32f2f]",
-  };
-
-
-  return gardener({
-    "t": "div",
-    "cn": [
-      "notification",
-      "fixed",
-      "top-[-60px]",
-      "left-0",
-      "md:left-auto",
-      "md:right-[60px]",
-      "right-0",
-      "z-50",
-      "flex",
-      "justify-center",
-      "min-w-100",
-      "px-4",
-      "box-border"
-    ],
-    "children": [
-      {
-        "t": "div",
-        "cn": [
-          "flex",
-          "items-center",
-          "w-full",
-          "max-w-sm",
-          "p-4",
-          "rounded-2xl",
-          "shadow-xl",
-          "text-white",
-          "backdrop-blur-md",
-          "bg-opacity-95",
-          statusStyles[notification.status]
-        ],
-        "children": [
-          {
-            "t": "div",
-            "cn": [
-              "flex-1",
-              "text-sm",
-              "font-medium",
-              "tracking-wide"
-            ],
-            "txt": notification.message
-          }
-        ]
-      }
-    ]
-  });
-}
-

package/template/build/frontend/static/gardener.js

@@ -1,160 +0,0 @@
-import { gardenerError } from "./components/gardener/errorBox.js";
-
-
-export function fetchElement(param) {
-  const element = document.querySelector(param);
-  if (!element) {
-    console.warn(`Element not found: ${param}`);
-  }
-  return element;
-}
-
-export function appendElement(parent, child) {
-  try {
-    if (typeof parent === 'string') {
-      parent = fetchElement(parent);
-    }
-    if (!parent) {
-      throw new Error('Parent element is null or undefined');
-    }
-    if (!child) {
-      throw new Error('Child element is null or undefined');
-    }
-    parent.appendChild(child);
-  } catch (error) {
-    gardenerError(error);
-  }
-}
-
-export function createElement(type, classname) {
-  try {
-    if (!type) {
-      throw new Error('Element type is required');
-    }
-    let element = document.createElement(type);
-    if (classname)
-      element.classList.add(...classname);
-    return element;
-  } catch (error) {
-    gardenerError(error);
-    return null;
-  }
-}
-
-export function insertText(element, text) {
-  if (!element) {
-    console.warn('insertText: Element is null or undefined');
-    return;
-  }
-  element.textContent = text;
-}
-
-export function replaceElement(original, New) {
-  try {
-    if (typeof original === 'string') {
-      original = fetchElement(original);
-    }
-    if (!original) {
-      throw new Error('Original element is null or undefined');
-    }
-    if (!New) {
-      throw new Error('New element is null or undefined');
-    }
-    original.replaceWith(New);
-  } catch (error) {
-    gardenerError(error);
-  }
-}
-
-export function gardener(Dom) {
-  try {
-    if (!Dom) {
-      throw new Error('DOM configuration is null or undefined');
-    }
-
-    if (Dom.nodeType === 1) return Dom;
-
-    if (!Dom.t) {
-      throw new Error('Element type (t) is required in DOM configuration');
-    }
-
-    // detect if this is an SVG element
-    const isSVG = [
-      'svg', 'path', 'circle', 'rect', 'line', 'polygon', 'polyline', 'g', 'defs', 'clipPath', 'use'
-    ].includes(Dom.t);
-
-    // create element accordingly
-    let element;
-
-    if (isSVG) {
-      element = document.createElementNS('http://www.w3.org/2000/svg', Dom.t);
-      if (Dom.cn)
-        element.classList.add(...Dom.cn);
-    }
-    else {
-      element = createElement(Dom.t, Dom.cn);
-    }
-
-    if (!element) {
-      throw new Error(`Failed to create element: ${Dom.t}`);
-    }
-
-    // text content (skip for SVG like <path>)
-    if (Dom.txt) {
-      insertText(element, Dom.txt);
-    }
-
-    // apply attributes safely
-    const propertyNames = new Set([
-      'value', 'selected', 'muted', 'disabled',
-      'selectedIndex', 'volume', // etc.
-    ]);
-
-    if (Dom.attr) {
-      for (const [key, value] of Object.entries(Dom.attr)) {
-        try {
-          if (isSVG || key.startsWith('data-') || key.startsWith('aria-')) {
-            element.setAttribute(key, value);
-          } else if (key in element && !propertyNames.has(key)) {
-            // Prefer property for known safe cases
-            try { element[key] = value === '' ? true : value; } catch (e) { element.setAttribute(key, value); }
-          } else {
-            element.setAttribute(key, value);
-          }
-        } catch (attrError) {
-          console.warn(`Failed to set attribute ${key}:`, attrError);
-        }
-      }
-    }
-
-    if (Dom.events) {
-      Object.entries(Dom.events).forEach(([eventName, handler]) => {
-        try {
-          if (typeof handler !== 'function') {
-            throw new Error(`Event handler for '${eventName}' must be a function`);
-          }
-          element.addEventListener(eventName, handler);
-        } catch (eventError) {
-          console.warn(`Failed to add event listener ${eventName}:`, eventError);
-        }
-      });
-    }
-
-    // recursively handle children
-    if (Dom.children) {
-      Dom.children.forEach(child => {
-        try {
-          appendElement(element, gardener(child));
-        } catch (childError) {
-          console.warn('Failed to append child:', childError);
-        }
-      });
-    }
-
-    return element;
-  } catch (error) {
-    gardenerError(error);
-    return null;
-  }
-}
-

package/template/build/frontend/static/gardenerConfig.js

@@ -1 +0,0 @@
-export const mode = 'prod';

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

@@ -1,165 +0,0 @@
-import { mode } from './gardenerConfig.js'
-import { gardener, appendElement, fetchElement } from './gardener.js'
-import { addPagebtn } from './components/gardener/pageOverlayBtn.js';
-import { parserWindow as parserWindowComponent } from './components/gardener/parserWindow.js';
-import { hotReloadBtn, togglehotreload } from './components/gardener/hotReloadbtn.js';
-import { gardenerError } from './components/gardener/errorBox.js';
-
-const body = fetchElement('body');
-
-
-
-
-
-
-
-
-
-
-
-
-if (mode === 'dev') {
-  appendElement(body, addPagebtn);
-
-
-  appendElement(body, hotReloadBtn())
-
-  togglehotreload();
-}
-
-
-
-
-document.addEventListener('keydown', function(e) {
-  // Detect Ctrl + H
-  if (e.altKey && e.key.toLowerCase() === 'h') {
-    e.preventDefault();   // Stop browser from opening history
-    // Your logic here...
-    togglehotreload();
-  }
-});
-
-
-
-
-
-
-export function parserWindow(text) {
-  if (mode !== 'dev') return;
-
-
-  const result = parserWindowComponent(text);
-
-
-  appendElement(body, result);
-}
-
-
-
-
-export function parser(element, isParent = true) {
-  try {
-
-    if (mode !== 'dev') return;
-
-    if (typeof element === 'string') {
-      element = fetchElement(element);
-    }
-
-    const obj = {
-      t: element.tagName.toLowerCase(),
-    };
-
-    // add classes if present
-    if (element.classList.length) {
-      obj.cn = Array.from(element.classList);
-    }
-
-    // add attributes if present
-    const attrs = {};
-    for (const attr of element.attributes) {
-      if (attr.name !== 'class') attrs[attr.name] = attr.value;
-    }
-    if (Object.keys(attrs).length) obj.attr = attrs;
-    // add text content (only if no children)
-    if (element.childNodes.length === 1 && element.firstChild.nodeType === Node.TEXT_NODE) {
-      obj.txt = element.textContent.trim();
-
-      if (isParent) {
-
-        parserWindow(JSON.stringify(obj, null, 2))
-      }
-
-      return obj;
-    }
-
-
-    const children = [];
-    for (const child of element.childNodes) {
-      if (child.nodeType === Node.COMMENT_NODE) continue;
-
-      if (child.nodeType === Node.TEXT_NODE && child.textContent.trim() === '') continue;
-
-      if (child.nodeType === Node.TEXT_NODE) {
-        children.push({ t: 'span', txt: child.textContent.trim() });
-        continue;
-      }
-      children.push(parser(child, false));
-    }
-    if (children.length) obj.children = children;
-
-
-    if (isParent) {
-
-
-      parserWindow(JSON.stringify(obj, null, 2))
-    }
-
-    return obj
-
-
-    //Let Browser do the migration from html to json and then use copy paste
-  }
-  catch (err) {
-    gardenerError(`parserError: ${err}`);
-  }
-
-}
-
-export function addEl(parent, event, fun) {
-  try {
-    if (typeof parent === 'string') {
-      parent = fetchElement(parent);
-    }
-    parent.addEventListener(event, fun)
-
-  }
-  catch (err) {
-    gardenerError(`addElError: ${err}`);
-  }
-}
-
-
-export class State {
-  constructor(value) {
-    this.value = value;
-    this.cb = [];
-  }
-  registerCb(cb) {
-    cb(this.value);
-    this.cb.push(cb);
-  }
-  unregisterCb(cb) {
-    this.cb = this.cb.filter(c => c !== cb);
-  }
-  setTo(val) {
-    this.value = val;
-    this.cb.forEach(cb => { cb(val) });
-  }
-}
-
-
-export function log(target) {
-  console.log(target)
-}
-

package/template/build/frontend/static/global.js

@@ -1,4 +0,0 @@
-import { nextPagehandler, pageloader } from './components/nonui/navigation.js';
-
-pageloader()
-nextPagehandler();

package/template/build/frontend/static/pages/pages._.js

@@ -1,25 +0,0 @@
-import { copybtn } from "../components/copybtn.js";
-import { pageloader } from "../components/nonui/navigation.js";
-import addNotification from "../components/notification.js";
-import { gardener, fetchElement, replaceElement, appendElement } from "../gardener.js";
-import { log, parser, addEl, State } from "../gardenerDev.js"
-
-
-// pageloader();
-
-addEl('.copybtn', 'click', () => {
-  try {
-    navigator.clipboard.writeText(fetchElement('.initCommand').innerText)
-    replaceElement('.copybtn', copybtn());
-    addNotification({ status: 'success', message: 'Copied' })
-  }
-  catch (err) {
-    addNotification({
-      status: 'failure', message: "Couldn't Copy"
-    });
-  }
-})
-
-
-
-// parser('body');

package/template/build/frontend/static/pages/pages._about.js

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

package/template/build/frontend/static/pages/pages._kartik.js

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

package/template/build/frontend/static/pages/pages._new.js

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