@brightsideoy/kama 0.1.0-alpha.120 → 0.1.0-alpha.121

package/templates/astro-starter/src/utils/tiptap.ts

@@ -0,0 +1,113 @@
+// src/utils/tiptap.ts
+
+export interface TiptapNode {
+    type: string;
+    text?: string;
+    attrs?: Record<string, any>;
+    marks?: Array<{ type: string; attrs?: Record<string, any> }>;
+    content?: TiptapNode[];
+}
+
+/**
+ * Traverses a ProseMirror / Tiptap AST node and converts it into HTML.
+ */
+export function renderTiptapNode(node?: TiptapNode | null): string {
+    if (!node) return "";
+    if (typeof node === "string") return node;
+
+    // 1. Text Node Handling (with Marks)
+    if (node.type === "text") {
+        let text = escapeHtml(node.text || "");
+        if (node.marks && Array.isArray(node.marks)) {
+            node.marks.forEach((mark) => {
+                switch (mark.type) {
+                    case "bold":
+                    case "strong":
+                        text = `<strong>${text}</strong>`;
+                        break;
+                    case "italic":
+                    case "em":
+                        text = `<em>${text}</em>`;
+                        break;
+                    case "underline":
+                        text = `<u>${text}</u>`;
+                        break;
+                    case "strike":
+                        text = `<s>${text}</s>`;
+                        break;
+                    case "code":
+                        text = `<code>${text}</code>`;
+                        break;
+                    case "link": {
+                        const href = mark.attrs?.href ? escapeHtml(mark.attrs.href) : "#";
+                        const target = mark.attrs?.target ? ` target="${escapeHtml(mark.attrs.target)}"` : "";
+                        const rel = mark.attrs?.target === "_blank" ? ' rel="noopener noreferrer"' : "";
+                        text = `<a href="${href}"${target}${rel}>${text}</a>`;
+                        break;
+                    }
+                }
+            });
+        }
+        return text;
+    }
+
+    // 2. Traversal of Child Nodes
+    const childrenHtml = Array.isArray(node.content)
+        ? node.content.map(renderTiptapNode).join("")
+        : "";
+
+    // 3. Block Level Mapping
+    switch (node.type) {
+        case "doc":
+            return childrenHtml;
+        case "paragraph":
+            return childrenHtml.trim() ? `<p>${childrenHtml}</p>` : "";
+        case "heading": {
+            const level = Math.min(Math.max(node.attrs?.level || 2, 1), 6);
+            return `<h${level}>${childrenHtml}</h${level}>`;
+        }
+        case "bulletList":
+            return `<ul>${childrenHtml}</ul>`;
+        case "orderedList": {
+            const start = node.attrs?.start ? ` start="${node.attrs.start}"` : "";
+            return `<ol${start}>${childrenHtml}</ol>`;
+        }
+        case "listItem":
+            return `<li>${childrenHtml}</li>`;
+        case "blockquote":
+            return `<blockquote>${childrenHtml}</blockquote>`;
+        case "codeBlock": {
+            const lang = node.attrs?.language ? ` class="language-${escapeHtml(node.attrs.language)}"` : "";
+            return `<pre><code${lang}>${childrenHtml}</code></pre>`;
+        }
+        case "horizontalRule":
+            return "<hr />";
+        case "hardBreak":
+            return "<br />";
+        default:
+            return childrenHtml;
+    }
+}
+
+/**
+ * Universal helper that handles plain strings, legacy objects, and Tiptap ASTs safely.
+ */
+export function extractHtml(value: any): string {
+    if (!value) return "";
+    if (typeof value === "string") return value; // Already HTML/string
+    if (typeof value === "object") {
+        if (value.type === "doc") return renderTiptapNode(value);
+        if (value.html) return value.html;
+        if (value.markup) return value.markup;
+    }
+    return String(value);
+}
+
+function escapeHtml(str: string): string {
+    return str
+        .replace(/&/g, "&amp;")
+        .replace(/</g, "&lt;")
+        .replace(/>/g, "&gt;")
+        .replace(/"/g, "&quot;")
+        .replace(/'/g, "&#039;");
+}

package/definitions/_page.yaml

@@ -1,52 +0,0 @@
-id: _page
-label: Page Old
-inTree: true
-inVault: true
-hasCanvas: true
-
-layout:
-  columns: "10fr 4fr"
-  areas:
-    - ["header", "header"]
-    - ["main", "sidebar"]
-    - ["footer", "footer"]
-
-regions:
-  header:
-    label: Header
-    inherit: parent
-  main:
-    label: Content
-  sidebar:
-    label: Sidebar
-  footer:
-    label: Footer
-    inherit: parent
-
-allowedBlocks:
-  - header
-  - hero
-  - text
-  - image_card
-
-# 👉 TABS DEFINITION
-tabs:
-  settings:
-    label: "Page"
-    fields:
-      # Imports core fields: title, slug, isHidden
-      - fieldSet: page-base
-
-      # Overrides & custom properties
-      - menuTitle:
-          label: Menu Title
-          type: text
-          dbType: text
-          public: true
-          placeholder: "Short title for navigation menus"
-
-      # SEO / OpenGraph metadata
-      - fieldSet: meta
-
-      # Role permissions & access control
-      - fieldSet: access

package/templates/astro-starter/src/layouts/Layout.astro

@@ -1,151 +0,0 @@
----
-// src/layouts/Layout.astro
-import Header from "@/components/global/Header.astro";
-import Footer from "@/components/global/Footer.astro";
-import SeoHead from "@/components/seo/SeoHead.astro";
-import type { TreeNode, ContentBlock } from "@/lib/cms";
-
-interface Props {
-  node: Record<string, any>;
-  content: Record<string, ContentBlock[]>;
-  normalizedSlug: string;
-  isHomePage: boolean;
-  hasSidebar?: boolean;
-  headerBlocks?: ContentBlock[];
-  tree?: TreeNode[];
-}
-
-const {
-  node = {},
-  content = {},
-  normalizedSlug,
-  isHomePage,
-  headerBlocks = [],
-  tree,
-} = Astro.props;
-
-const footerBlocks = content?.footer || [];
----
-
-<html lang="en">
-  <head>
-    <!-- 🎯 All the heavy SEO math is securely isolated in this component -->
-    <SeoHead
-      node={node}
-      content={content}
-      normalizedSlug={normalizedSlug}
-      isHomePage={isHomePage}
-      headerBlocks={headerBlocks}
-    />
-  </head>
-  <body>
-    <Header node={node} tree={tree} />
-
-    <main class="content-block">
-      <div class="content-container">
-        <slot />
-      </div>
-    </main>
-
-    <Footer blocks={footerBlocks} contentMap={content} />
-  </body>
-</html>
-
-<style is:global>
-  *,
-  *::before,
-  *::after {
-    box-sizing: border-box;
-    border-radius: 0 !important;
-  }
-
-  html {
-    font-size: 16px;
-    -webkit-text-size-adjust: 100%;
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-    text-rendering: optimizeLegibility;
-  }
-
-  body {
-    margin: 0;
-    padding: 0;
-    font-family:
-      system-ui,
-      -apple-system,
-      BlinkMacSystemFont,
-      "Segoe UI",
-      Roboto,
-      Helvetica,
-      Arial,
-      sans-serif;
-    font-display: swap;
-    background-color: #ffffff;
-    color: #1e293b;
-    min-height: 100vh;
-    display: flex;
-    flex-direction: column;
-    line-height: 1.65;
-    letter-spacing: -0.011em;
-  }
-
-  h1,
-  h2,
-  h3,
-  h4,
-  h5,
-  h6 {
-    color: #0f172a;
-    font-weight: 700;
-    line-height: 1.25;
-    letter-spacing: -0.022em;
-    margin-top: 1.6em;
-    margin-bottom: 0.6em;
-  }
-
-  h1 {
-    font-size: 2.25rem;
-  }
-  h2 {
-    font-size: 1.65rem;
-  }
-  h3 {
-    font-size: 1.35rem;
-  }
-
-  p {
-    margin-top: 0;
-    margin-bottom: 1.25em;
-    color: #334155;
-    font-size: 1.03rem;
-  }
-
-  a {
-    color: #0284c7;
-    text-decoration-thickness: 1px;
-    text-underline-offset: 3px;
-    transition: color 0.15s ease;
-  }
-
-  a:hover {
-    color: #0369a1;
-  }
-  li > p:last-child {
-    margin-bottom: 0;
-  }
-</style>
-
-<style>
-  .content-block {
-    flex: 1;
-    padding: 40px 0 64px 0;
-  }
-
-  .content-container {
-    max-width: 1400px;
-    margin: 0 auto;
-    padding: 0 24px;
-    width: 100%;
-    box-sizing: border-box;
-  }
-</style>