@schneiderelli/cms-runtime 0.0.1

package/README.md

@@ -0,0 +1,58 @@
+# Svelte library
+
+Everything you need to build a Svelte library, powered by [`sv`](https://npmjs.com/package/sv).
+
+Read more about creating a library [in the docs](https://svelte.dev/docs/kit/packaging).
+
+## Creating a project
+
+If you're seeing this, you've probably already done this step. Congrats!
+
+```sh
+# create a new project in the current directory
+npx sv create
+
+# create a new project in my-app
+npx sv create my-app
+```
+
+## Developing
+
+Once you've created a project and installed dependencies with `npm install` (or `pnpm install` or `yarn`), start a development server:
+
+```sh
+npm run dev
+
+# or start the server and open the app in a new browser tab
+npm run dev -- --open
+```
+
+Everything inside `src/lib` is part of your library, everything inside `src/routes` can be used as a showcase or preview app.
+
+## Building
+
+To build your library:
+
+```sh
+npm pack
+```
+
+To create a production version of your showcase app:
+
+```sh
+npm run build
+```
+
+You can preview the production build with `npm run preview`.
+
+> To deploy your app, you may need to install an [adapter](https://svelte.dev/docs/kit/adapters) for your target environment.
+
+## Publishing
+
+Go into the `package.json` and give your package the desired name through the `"name"` option. Also consider adding a `"license"` field and point it to a `LICENSE` file which you can create from a template (one popular option is the [MIT license](https://opensource.org/license/mit/)).
+
+To publish your library to [npm](https://www.npmjs.com):
+
+```sh
+npm publish
+```

package/dist/components/BlockRenderer.svelte

@@ -0,0 +1,12 @@
+<script lang="ts">
+	import { resolveBlockComponent } from '../resolve.js';
+	import type { Block } from '../types.js';
+
+	let { blocks } = $props<{
+		blocks: Block[];
+	}>();
+</script>
+
+{#each blocks as block}
+	{@render resolveBlockComponent(block)(block)}
+{/each}

package/dist/components/BlockRenderer.svelte.d.ts

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

package/dist/components/blocks/HeadingBlock.svelte

@@ -0,0 +1,8 @@
+<script lang="ts">
+	import type { HeadingBlock } from '../../types.js';
+	let { block } = $props<{ block: HeadingBlock }>();
+</script>
+
+<svelte:element this={`h${block.level ?? 2}`} class="my-4 text-2xl font-bold">
+	{block.text}
+</svelte:element>

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

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

package/dist/components/blocks/ImageBlock.svelte

@@ -0,0 +1,6 @@
+<script lang="ts">
+	import type { ImageBlock } from '../../types.js';
+	let { block } = $props<{ block: ImageBlock }>();
+</script>
+
+<img src={block.src} alt={block.alt ?? ''} class="my-4 rounded-lg shadow-md" />

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

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

package/dist/components/blocks/TextBlock.svelte

@@ -0,0 +1,8 @@
+<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

@@ -0,0 +1,7 @@
+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/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./types";
+export * from "./resolve";
+export { default as BlockRenderer } from "./components/BlockRenderer.svelte";

package/dist/index.js

@@ -0,0 +1,4 @@
+// Reexport your entry components here
+export * from "./types";
+export * from "./resolve";
+export { default as BlockRenderer } from "./components/BlockRenderer.svelte";

package/dist/resolve.d.ts

@@ -0,0 +1,15 @@
+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

@@ -0,0 +1,15 @@
+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;
+};

package/dist/types.d.ts

@@ -0,0 +1,15 @@
+export interface TextBlock {
+    type: "text";
+    content: string;
+}
+export interface HeadingBlock {
+    type: "heading";
+    level: number;
+    text: string;
+}
+export interface ImageBlock {
+    type: "image";
+    src: string;
+    alt?: string;
+}
+export type Block = TextBlock | HeadingBlock | ImageBlock;

package/dist/types.js

@@ -0,0 +1,4 @@
+//
+// Basic shared types for the runtime system
+//
+export {};

package/package.json

@@ -0,0 +1,73 @@
+{
+	"name": "@schneiderelli/cms-runtime",
+	"version": "0.0.1",
+	"scripts": {
+		"dev": "vite dev",
+		"build": "vite build && npm run prepack",
+		"preview": "vite preview",
+		"prepare": "svelte-kit sync || echo ''",
+		"prepack": "svelte-kit sync && svelte-package && publint",
+		"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
+		"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
+		"format": "prettier --write .",
+		"lint": "prettier --check . && eslint .",
+		"test:unit": "vitest",
+		"test": "npm run test:unit -- --run",
+		"release:patch": "npm version patch && npm publish --access public --no-git-tag-version",
+		"release:minor": "npm version minor && npm publish --access public --no-git-tag-version",
+		"release:major": "npm version major && npm publish --access public --no-git-tag-version"
+	},
+	"files": [
+		"dist",
+		"!dist/**/*.test.*",
+		"!dist/**/*.spec.*"
+	],
+	"sideEffects": [
+		"**/*.css"
+	],
+	"svelte": "./dist/index.js",
+	"types": "./dist/index.d.ts",
+	"type": "module",
+	"exports": {
+		".": {
+			"types": "./dist/index.d.ts",
+			"svelte": "./dist/index.js"
+		}
+	},
+	"peerDependencies": {
+		"svelte": "^5.0.0"
+	},
+	"devDependencies": {
+		"@eslint/compat": "^1.4.0",
+		"@eslint/js": "^9.39.1",
+		"@sveltejs/adapter-auto": "^7.0.0",
+		"@sveltejs/kit": "^2.49.1",
+		"@sveltejs/package": "^2.5.7",
+		"@sveltejs/vite-plugin-svelte": "^6.2.1",
+		"@tailwindcss/forms": "^0.5.10",
+		"@tailwindcss/typography": "^0.5.19",
+		"@tailwindcss/vite": "^4.1.17",
+		"@types/node": "^22",
+		"@vitest/browser-playwright": "^4.0.15",
+		"eslint": "^9.39.1",
+		"eslint-config-prettier": "^10.1.8",
+		"eslint-plugin-svelte": "^3.13.1",
+		"globals": "^16.5.0",
+		"playwright": "^1.57.0",
+		"prettier": "^3.7.4",
+		"prettier-plugin-svelte": "^3.4.0",
+		"prettier-plugin-tailwindcss": "^0.7.2",
+		"publint": "^0.3.15",
+		"svelte": "^5.45.6",
+		"svelte-check": "^4.3.4",
+		"tailwindcss": "^4.1.17",
+		"typescript": "^5.9.3",
+		"typescript-eslint": "^8.48.1",
+		"vite": "^7.2.6",
+		"vitest": "^4.0.15",
+		"vitest-browser-svelte": "^2.0.1"
+	},
+	"keywords": [
+		"svelte"
+	]
+}