@brightsideoy/kama 0.1.0-alpha.158 → 0.1.0-alpha.159

package/templates/astro-starter/src/pages/partials/nav.astro

@@ -0,0 +1,141 @@
+---
+// src/pages/partials/nav.astro
+export const partial = true; // 🎯 Tells Astro not to wrap this in <html><body>
+
+import { getTree, getTreeId, getChannelId } from "@/lib/cms";
+import type { TreeNode } from "@/lib/cms";
+
+const safeEnv = (Astro.locals as any).safeEnv || {};
+const cmsWorker = safeEnv.CMS_WORKER;
+
+const customFetch = (input: RequestInfo | URL, init?: RequestInit) => {
+  const reqInit = { ...init };
+  delete reqInit.cache;
+
+  let urlStr = input instanceof URL ? input.toString() : String(input);
+  if (urlStr.startsWith("/")) {
+    const baseUrl =
+      import.meta.env.PUBLIC_API_URL ||
+      safeEnv.PUBLIC_API_URL ||
+      "http://127.0.0.1:8787";
+    urlStr = `${baseUrl}${urlStr}`;
+  }
+
+  const req = new Request(urlStr, reqInit);
+  if (cmsWorker && typeof cmsWorker.fetch === "function")
+    return cmsWorker.fetch(req);
+  return fetch(req);
+};
+
+// Fetch fresh tree from CMS
+const channelId = getChannelId() || "website";
+const treeId = getTreeId() || "main-nav";
+let tree: TreeNode[] = [];
+try {
+  tree = (await getTree(treeId, channelId, customFetch)) || [];
+} catch (e) {
+  console.error("[Partials/Nav] Failed to fetch tree:", e);
+}
+
+// Get the current path from the client's fetch request
+const currentPath =
+  (Astro.url.searchParams.get("path") || "/").replace(/\/$/, "") || "/";
+const homeSlug = String(import.meta.env.PUBLIC_HOME_SLUG || "home").trim();
+
+const homeNode = tree.find(
+  item =>
+    item.slug === homeSlug ||
+    item.slug === "" ||
+    item.path === "/" ||
+    item.path === "",
+);
+
+const topLevelNavItems =
+  homeNode?.children && homeNode.children.length > 0
+    ? homeNode.children
+    : tree.filter(
+        item =>
+          item.slug !== homeSlug &&
+          item.slug !== "" &&
+          item.path !== "/" &&
+          item.path !== "",
+      );
+
+const isPathActive = (itemPath?: string) => {
+  const normItem = (itemPath || "").replace(/\/$/, "") || "/";
+  if (normItem === "/") return currentPath === "/";
+  return currentPath === normItem || currentPath.startsWith(`${normItem}/`);
+};
+
+const isExactActive = (itemPath?: string) => {
+  return currentPath === ((itemPath || "").replace(/\/$/, "") || "/");
+};
+---
+
+<ul class="nav-list">
+  {
+    topLevelNavItems.map(item => {
+      const hasChildren = item.children && item.children.length > 0;
+      const isParentActive = isPathActive(item.path);
+
+      if (hasChildren) {
+        return (
+          <li class="nav-item">
+            <details class="nav-details">
+              <summary
+                class:list={[
+                  "nav-button",
+                  "dropdown-summary",
+                  { active: isParentActive },
+                ]}
+              >
+                <span>{item.title}</span>
+                <span class="indicator">▼</span>
+              </summary>
+              <div class="submenu-container">
+                <ul class="dropdown-panel">
+                  <li>
+                    <a
+                      href={item.path}
+                      class:list={[
+                        "dropdown-item",
+                        "overview-item",
+                        { active: isExactActive(item.path) },
+                      ]}
+                    >
+                      {item.title} Overview
+                    </a>
+                  </li>
+                  {item.children?.map(child => (
+                    <li>
+                      <a
+                        href={child.path}
+                        class:list={[
+                          "dropdown-item",
+                          { active: isExactActive(child.path) },
+                        ]}
+                      >
+                        {child.title}
+                      </a>
+                    </li>
+                  ))}
+                </ul>
+              </div>
+            </details>
+          </li>
+        );
+      }
+
+      return (
+        <li class="nav-item">
+          <a
+            href={item.path}
+            class:list={["nav-button", { active: isExactActive(item.path) }]}
+          >
+            {item.title}
+          </a>
+        </li>
+      );
+    })
+  }
+</ul>

package/templates/kama-worker/index.js

@@ -0,0 +1,19 @@
+import kamaWorker from '@brightsideoy/kama';
+import * as localBundle from './bundled-definitions.js';
+
+export default {
+  async fetch(request, env, ctx) {
+    const schemas = localBundle.BUNDLED_DEFINITIONS || localBundle.default || localBundle;
+    const customEnv = { ...env, BUNDLED_DEFINITIONS: schemas, KAMA_RUNTIME: 'cloudflare' };
+
+    if (kamaWorker && typeof kamaWorker.fetch === 'function') {
+      return kamaWorker.fetch(request, customEnv, ctx);
+    }
+    
+    if (kamaWorker && kamaWorker.app && typeof kamaWorker.app.fetch === 'function') {
+      return kamaWorker.app.fetch(request, customEnv, ctx);
+    }
+    
+    return new Response('Kama Engine Worker Ready', { status: 200 });
+  }
+};

package/templates/kama-worker/server.js

@@ -0,0 +1,98 @@
+import { serve } from '@hono/node-server';
+import { serveStatic } from '@hono/node-server/serve-static';
+import { Hono } from 'hono';
+import kamaApp from '@brightsideoy/kama';
+import * as localBundle from './bundled-definitions.js';
+import dotenv from 'dotenv';
+import { readFileSync, existsSync, statSync } from 'node:fs';
+import { join } from 'node:path';
+import { pathToFileURL } from 'node:url';
+
+dotenv.config();
+
+const possiblePaths = [
+    './node_modules/@brightsideoy/kama/dist',
+    '../node_modules/@brightsideoy/kama/dist',
+    '../../node_modules/@brightsideoy/kama/dist'
+];
+const distPath = possiblePaths.find(p => existsSync(p));
+
+if (!distPath) {
+    console.warn('⚠️ Could not locate @brightsideoy/kama/dist folder. Admin UI will not load.');
+}
+
+const app = new Hono();
+
+let cachedSchemas = localBundle.BUNDLED_DEFINITIONS || localBundle.default || localBundle;
+let lastModified = 0;
+
+async function getCustomEnv(c) {
+    try {
+        const bundlePath = join(process.cwd(), 'bundled-definitions.js');
+        if (existsSync(bundlePath)) {
+            const mtime = statSync(bundlePath).mtimeMs;
+            if (mtime > lastModified) {
+                if (lastModified !== 0) console.log('🔄 Hot-reloading fresh schema definitions!');
+                const mod = await import(`${pathToFileURL(bundlePath).href}?t=${mtime}`);
+                cachedSchemas = mod.BUNDLED_DEFINITIONS || mod.default || mod;
+                lastModified = mtime;
+            }
+        }
+    } catch (err) { }
+
+    return {
+        ...process.env,
+        ...(c.env || {}),
+        BUNDLED_DEFINITIONS: cachedSchemas,
+        KAMA_RUNTIME: (c.env && c.env.DB) ? 'cloudflare' : 'node'
+    };
+}
+
+app.use('/media/*', serveStatic({ root: './' }));
+if (distPath) {
+    app.use('/assets/*', serveStatic({ root: distPath }));
+}
+
+function resolveExecutionContext(c) {
+    try {
+        if (c.executionCtx) return c.executionCtx;
+    } catch (e) { }
+    return {
+        waitUntil: (promise) => Promise.resolve(promise).catch(console.error),
+        passThroughOnException: () => { }
+    };
+}
+
+app.all('*', async (c) => {
+    const customEnv = await getCustomEnv(c);
+    const execCtx = resolveExecutionContext(c);
+
+    let response;
+    if (typeof kamaApp.fetch === 'function') {
+        response = await kamaApp.fetch(c.req.raw, customEnv, execCtx);
+    } else if (kamaApp.app && typeof kamaApp.app.fetch === 'function') {
+        response = await kamaApp.app.fetch(c.req.raw, customEnv, execCtx);
+    } else {
+        return c.text("Engine not configured correctly", 500);
+    }
+
+    if (response.status === 404 && distPath && !c.req.path.startsWith('/api')) {
+        const indexPath = join(distPath, 'index.html');
+        if (existsSync(indexPath)) {
+            return c.html(readFileSync(indexPath, 'utf-8'));
+        }
+    }
+
+    return response;
+});
+
+export default app;
+
+if (typeof process !== 'undefined' && process.argv && process.argv[1] && process.argv[1].endsWith('server.js')) {
+    const port = process.env.PORT ? parseInt(process.env.PORT, 10) : 8787;
+    serve({ fetch: app.fetch, port }, (info) => {
+        console.log(`\n🔥 KAMA CMS Node Server is running!`);
+        console.log(`┃ Local    http://localhost:${info.port}/`);
+        if (distPath) console.log(`┃ Admin UI Serving from: ${distPath}\n`);
+    });
+}