@progalaxyelabs/htms-cli 0.3.0 → 0.4.3

package/dist/router.ts

@@ -0,0 +1,77 @@
+// Generated by HTMS Compiler
+// Do not edit manually
+
+interface RouterConfig {
+  mode: 'hash' | 'history';
+  routes: Record<string, () => void>;
+  notFound: () => void;
+}
+
+class Router {
+  constructor(config: RouterConfig) {
+    const handleRoute = () => {
+      const hash = window.location.hash.slice(1) || '/';
+      const handler = config.routes[hash];
+      if (handler) {
+        handler();
+      } else {
+        config.notFound();
+      }
+    };
+    window.addEventListener('hashchange', handleRoute);
+    handleRoute();
+  }
+}
+
+import { HomePage } from './templates';
+
+// Application context
+let context: Record<string, unknown> = {};
+let currentPage: string = '';
+const appContainer = document.getElementById('app');
+
+export function getContext(): Record<string, unknown> {
+  return context;
+}
+
+export function setContext(data: Record<string, unknown>): void {
+  context = data;
+}
+
+export function rerender(): void {
+  if (currentPage && appContainer) {
+    const renderer = routes[currentPage];
+    if (renderer) {
+      appContainer.innerHTML = '';
+      appContainer.appendChild(renderer(context));
+    }
+  }
+}
+
+// Route definitions
+const routes: Record<string, (ctx: Record<string, unknown>) => HTMLElement> = {
+  '/': HomePage,
+};
+
+function renderPage(route: string): void {
+  currentPage = route;
+  const renderer = routes[route];
+  if (renderer && appContainer) {
+    appContainer.innerHTML = '';
+    appContainer.appendChild(renderer(context));
+  } else if (appContainer) {
+    const el = document.createElement('h1');
+    el.textContent = '404 - Page Not Found';
+    appContainer.innerHTML = '';
+    appContainer.appendChild(el);
+  }
+}
+
+// Create router
+export const router = new Router({
+  mode: 'hash',
+  routes: {
+    '/': () => renderPage('/'),
+  },
+  notFound: () => renderPage('__404__'),
+});

package/dist/templates.ts

@@ -0,0 +1,69 @@
+// Generated by HTMS Compiler
+// Do not edit manually
+
+export type Context = Record<string, unknown>;
+
+export function TodoItem(ctx: Context): HTMLElement {
+  const el0 = document.createElement('div');
+  el0.className = 'todo-item';
+  const el1 = document.createElement('input');
+  el1.type = 'checkbox';
+  el0.appendChild(el1);
+  const el2 = document.createElement('span');
+  el2.className = 'todo-title';
+  const el3 = document.createTextNode('Todo title');
+  el2.appendChild(el3);
+  el0.appendChild(el2);
+  const el4 = document.createElement('span');
+  el4.className = 'todo-date';
+  const el5 = document.createTextNode('Date');
+  el4.appendChild(el5);
+  el0.appendChild(el4);
+  const el6 = document.createElement('button');
+  el6.className = 'delete-btn';
+  const el7 = document.createTextNode('×');
+  el6.appendChild(el7);
+  el0.appendChild(el6);
+  return el0;
+}
+
+export function EmptyState(ctx: Context): HTMLElement {
+  const el0 = document.createElement('p');
+  el0.className = 'empty';
+  const el1 = document.createTextNode('No todos yet. Add one above!');
+  el0.appendChild(el1);
+  return el0;
+}
+
+export function HomePage(ctx: Context): HTMLElement {
+  const el0 = document.createElement('main');
+  el0.className = 'container';
+  const el1 = document.createElement('h1');
+  const el2 = document.createTextNode('My Todos');
+  el1.appendChild(el2);
+  el0.appendChild(el1);
+  const el3 = document.createElement('p');
+  el3.className = 'subtitle';
+  const el4 = document.createTextNode('Simple todo app with localStorage');
+  el3.appendChild(el4);
+  el0.appendChild(el3);
+  const el5 = document.createElement('div');
+  el5.className = 'add-todo';
+  const el6 = document.createElement('input');
+  el6.type = 'text';
+  el6.id = 'todoInput';
+  el6.placeholder = 'What needs to be done?';
+  el5.appendChild(el6);
+  const el7 = document.createElement('button');
+  el7.id = 'addBtn';
+  const el8 = document.createTextNode('Add Todo');
+  el7.appendChild(el8);
+  el5.appendChild(el7);
+  el0.appendChild(el5);
+  const el9 = document.createElement('div');
+  el9.id = 'todoList';
+  el9.className = 'todo-list';
+  el0.appendChild(el9);
+  return el0;
+}
+

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progalaxyelabs/htms-cli",
-  "version": "0.3.0",
+  "version": "0.4.3",
   "description": "CLI for HTMS compiler",
   "type": "module",
   "bin": {
@@ -14,13 +14,17 @@
   "scripts": {
     "test": "node --test"
   },
-  "keywords": ["htms", "compiler", "cli"],
-  "author": "ProGalaxy Labs",
+  "keywords": [
+    "htms",
+    "compiler",
+    "cli"
+  ],
+  "author": "ProGalaxy eLabs <info@progalaxyelabs.com>",
   "license": "MIT",
   "dependencies": {
-    "@progalaxyelabs/htms-compiler": "^0.3.0",
-    "commander": "^11.0.0",
+    "@progalaxyelabs/htms-compiler": "^0.4.2",
     "chokidar": "^3.5.0",
+    "commander": "^11.0.0",
     "picocolors": "^1.0.0"
   },
   "engines": {