@schneiderelli/cms-runtime 0.0.3 → 0.0.5

package/dist/types.js

@@ -1 +1,179 @@
-export {};
+// =============================================================================
+// CSM-RUNTIME TYPES
+// =============================================================================
+// Zentrale Type-Definitionen für Content Blocks
+// Wird von Editor UND Website-Framework genutzt
+// =============================================================================
+// -----------------------------------------------------------------------------
+// HELPER: Block erstellen mit Auto-ID
+// -----------------------------------------------------------------------------
+let blockIdCounter = 0;
+export function createBlock(type, data) {
+    return {
+        id: `block-${Date.now()}-${++blockIdCounter}`,
+        type,
+        ...data
+    };
+}
+// -----------------------------------------------------------------------------
+// HELPER: Page erstellen
+// -----------------------------------------------------------------------------
+export function createPage(data) {
+    const now = new Date().toISOString();
+    return {
+        id: `page-${Date.now()}`,
+        blocks: [],
+        createdAt: now,
+        updatedAt: now,
+        ...data
+    };
+}
+// -----------------------------------------------------------------------------
+// HELPER: Layout erstellen
+// -----------------------------------------------------------------------------
+let layoutIdCounter = 0;
+export function createLayout(data) {
+    const now = new Date().toISOString();
+    return {
+        id: `layout-${Date.now()}-${++layoutIdCounter}`,
+        createdAt: now,
+        updatedAt: now,
+        ...data
+    };
+}
+// -----------------------------------------------------------------------------
+// LAYOUT PRESETS - Vordefinierte Layouts
+// -----------------------------------------------------------------------------
+export function createSimpleLayout() {
+    return createLayout({
+        name: 'Einfaches Layout',
+        description: 'Header + Content',
+        grid: {
+            areas: `
+                "header"
+                "content"
+            `,
+            columns: '1fr',
+            rows: 'auto 1fr',
+            gap: '0'
+        },
+        regions: {
+            header: {
+                name: 'Header',
+                gridArea: 'header',
+                blocks: [],
+                sticky: true
+            },
+            content: {
+                name: 'Hauptinhalt',
+                gridArea: 'content',
+                blocks: []
+            }
+        }
+    });
+}
+export function createTwoColumnLayout() {
+    return createLayout({
+        name: '2-Spalten Layout',
+        description: 'Header + Sidebar + Content',
+        grid: {
+            areas: `
+                "header header"
+                "sidebar content"
+            `,
+            columns: '280px 1fr',
+            rows: 'auto 1fr',
+            gap: '0'
+        },
+        regions: {
+            header: {
+                name: 'Header',
+                gridArea: 'header',
+                blocks: [],
+                sticky: true
+            },
+            sidebar: {
+                name: 'Sidebar',
+                gridArea: 'sidebar',
+                blocks: []
+            },
+            content: {
+                name: 'Hauptinhalt',
+                gridArea: 'content',
+                blocks: []
+            }
+        }
+    });
+}
+export function createThreeColumnLayout() {
+    return createLayout({
+        name: '3-Spalten Layout',
+        description: 'Header + Sidebar + Content + Aside',
+        grid: {
+            areas: `
+                "header header header"
+                "sidebar content aside"
+            `,
+            columns: '280px 1fr 300px',
+            rows: 'auto 1fr',
+            gap: '0'
+        },
+        regions: {
+            header: {
+                name: 'Header',
+                gridArea: 'header',
+                blocks: [],
+                sticky: true
+            },
+            sidebar: {
+                name: 'Linke Sidebar',
+                gridArea: 'sidebar',
+                blocks: []
+            },
+            content: {
+                name: 'Hauptinhalt',
+                gridArea: 'content',
+                blocks: []
+            },
+            aside: {
+                name: 'Rechte Sidebar',
+                gridArea: 'aside',
+                blocks: []
+            }
+        }
+    });
+}
+export function createFullWidthLayout() {
+    return createLayout({
+        name: 'Full-Width Layout',
+        description: 'Header + Content + Footer',
+        grid: {
+            areas: `
+                "header"
+                "content"
+                "footer"
+            `,
+            columns: '1fr',
+            rows: 'auto 1fr auto',
+            gap: '0'
+        },
+        regions: {
+            header: {
+                name: 'Header',
+                gridArea: 'header',
+                blocks: [],
+                sticky: true
+            },
+            content: {
+                name: 'Hauptinhalt',
+                gridArea: 'content',
+                blocks: []
+            },
+            footer: {
+                name: 'Footer',
+                gridArea: 'footer',
+                blocks: []
+            }
+        }
+    });
+}

package/package.json

@@ -1,6 +1,7 @@
 {
 	"name": "@schneiderelli/cms-runtime",
-	"version": "0.0.3",
+	"version": "0.0.5",
+	"description": "Content System Manager Runtime - Shared types and components for CMS editor and website framework",
 	"scripts": {
 		"dev": "vite dev",
 		"build": "vite build && npm run prepack",

package/dist/components/blocks/TextBlock.svelte

@@ -1,8 +0,0 @@
-<script lang="ts">
-	import type { TextBlock } from '../../types.js';
-	let { block } = $props<{ block: TextBlock }>();
-</script>
-
-<p class="prose whitespace-pre-line">
-	{@html block.content}
-</p>

package/dist/components/blocks/TextBlock.svelte.d.ts

@@ -1,7 +0,0 @@
-import type { TextBlock } from '../../types.ts';
-type $$ComponentProps = {
-    block: TextBlock;
-};
-declare const TextBlock: import("svelte").Component<$$ComponentProps, {}, "">;
-type TextBlock = ReturnType<typeof TextBlock>;
-export default TextBlock;

package/dist/resolve.d.ts

@@ -1,15 +0,0 @@
-import TextBlock from "./components/blocks/TextBlock.svelte";
-import HeadingBlock from "./components/blocks/HeadingBlock.svelte";
-import ImageBlock from "./components/blocks/ImageBlock.svelte";
-export declare const BlockRegistry: {
-    text: import("svelte").Component<{
-        block: TextBlock;
-    }, {}, "">;
-    heading: import("svelte").Component<{
-        block: HeadingBlock;
-    }, {}, "">;
-    image: import("svelte").Component<{
-        block: ImageBlock;
-    }, {}, "">;
-};
-export declare const resolveBlockComponent: (block: any) => any;

package/dist/resolve.js

@@ -1,15 +0,0 @@
-import TextBlock from "./components/blocks/TextBlock.svelte";
-import HeadingBlock from "./components/blocks/HeadingBlock.svelte";
-import ImageBlock from "./components/blocks/ImageBlock.svelte";
-export const BlockRegistry = {
-    text: TextBlock,
-    heading: HeadingBlock,
-    image: ImageBlock
-};
-export const resolveBlockComponent = (block) => {
-    const Component = BlockRegistry[block.type];
-    if (!Component) {
-        throw new Error(`Unknown block type: ${block.type}`);
-    }
-    return Component;
-};