@analogjs/content 3.0.0-alpha.2 → 3.0.0-alpha.21

package/LICENSE

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2022 Brandon Roberts
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/fesm2022/analogjs-content-md4x.mjs

@@ -0,0 +1,290 @@
+import { d as ContentRenderer, o as withContentFileLoader, r as withContentListLoader } from "./content-list-loader.mjs";
+import * as i0 from "@angular/core";
+import { Injectable, InjectionToken, inject } from "@angular/core";
+//#region packages/content/md4x/src/lib/md4x-content-renderer.service.ts
+var MD4X_RENDERER_OPTIONS = new InjectionToken("md4x_renderer_options");
+function makeSlug$1(text, slugCounts) {
+	const baseSlug = text.toLowerCase().replace(/[^\w\s-]/g, "").trim().replace(/\s+/g, "-");
+	const count = slugCounts.get(baseSlug) ?? 0;
+	slugCounts.set(baseSlug, count + 1);
+	return count === 0 ? baseSlug : `${baseSlug}-${count}`;
+}
+function headingsToToc$1(headings) {
+	const slugCounts = /* @__PURE__ */ new Map();
+	return headings.map((h) => ({
+		id: makeSlug$1(h.text, slugCounts),
+		level: h.level,
+		text: h.text
+	}));
+}
+function injectHeadingIds$1(html, toc) {
+	let tocIndex = 0;
+	return html.replace(/<h([1-6])>/g, (match, level) => {
+		const item = toc[tocIndex++];
+		return item ? `<h${level} id="${item.id}">` : match;
+	});
+}
+/**
+* Content renderer backed by md4x (C-based CommonMark parser compiled with Zig).
+* 50-70x faster than marked for complex documents.
+*
+* @experimental md4x integration is experimental and may change in future releases.
+*/
+var Md4xContentRendererService = class Md4xContentRendererService extends ContentRenderer {
+	constructor() {
+		super(...arguments);
+		this.options = inject(MD4X_RENDERER_OPTIONS, { optional: true });
+	}
+	async render(content) {
+		const { renderToHtml, parseMeta } = await import("md4x/napi");
+		const html = renderToHtml(content, {
+			heal: this.options?.heal,
+			highlighter: this.options?.highlighter
+		});
+		const toc = headingsToToc$1(parseMeta(content).headings);
+		return {
+			content: injectHeadingIds$1(html, toc),
+			toc
+		};
+	}
+	getContentHeadings(content) {
+		const lines = content.split("\n");
+		const toc = [];
+		const slugCounts = /* @__PURE__ */ new Map();
+		for (const line of lines) {
+			const match = /^(#{1,6})\s+(.+?)\s*$/.exec(line);
+			if (!match) continue;
+			const level = match[1].length;
+			const text = match[2].trim();
+			if (!text) continue;
+			toc.push({
+				id: makeSlug$1(text, slugCounts),
+				level,
+				text
+			});
+		}
+		return toc;
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "21.2.6",
+			ngImport: i0,
+			type: Md4xContentRendererService,
+			deps: null,
+			target: i0.ɵɵFactoryTarget.Injectable
+		});
+	}
+	static {
+		this.ɵprov = i0.ɵɵngDeclareInjectable({
+			minVersion: "12.0.0",
+			version: "21.2.6",
+			ngImport: i0,
+			type: Md4xContentRendererService
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "21.2.6",
+	ngImport: i0,
+	type: Md4xContentRendererService,
+	decorators: [{ type: Injectable }]
+});
+//#endregion
+//#region packages/content/md4x/src/lib/md4x-wasm-content-renderer.service.ts
+function makeSlug(text, slugCounts) {
+	const baseSlug = text.toLowerCase().replace(/[^\w\s-]/g, "").trim().replace(/\s+/g, "-");
+	const count = slugCounts.get(baseSlug) ?? 0;
+	slugCounts.set(baseSlug, count + 1);
+	return count === 0 ? baseSlug : `${baseSlug}-${count}`;
+}
+function headingsToToc(headings) {
+	const slugCounts = /* @__PURE__ */ new Map();
+	return headings.map((h) => ({
+		id: makeSlug(h.text, slugCounts),
+		level: h.level,
+		text: h.text
+	}));
+}
+function injectHeadingIds(html, toc) {
+	let tocIndex = 0;
+	return html.replace(/<h([1-6])>/g, (match, level) => {
+		const item = toc[tocIndex++];
+		return item ? `<h${level} id="${item.id}">` : match;
+	});
+}
+/**
+* Content renderer backed by md4x/wasm for client-side (browser) rendering.
+* ~100KB gzip, 3-6x faster than marked in the browser.
+*
+* @experimental md4x integration is experimental and may change in future releases.
+*/
+var Md4xWasmContentRendererService = class Md4xWasmContentRendererService extends ContentRenderer {
+	constructor() {
+		super(...arguments);
+		this.options = inject(MD4X_RENDERER_OPTIONS, { optional: true });
+		this.initPromise = null;
+	}
+	async render(content) {
+		const wasm = await import("md4x/wasm");
+		if (!this.initPromise) this.initPromise = wasm.init();
+		await this.initPromise;
+		const html = wasm.renderToHtml(content, {
+			heal: this.options?.heal,
+			highlighter: this.options?.highlighter
+		});
+		const toc = headingsToToc(wasm.parseMeta(content).headings);
+		return {
+			content: injectHeadingIds(html, toc),
+			toc
+		};
+	}
+	getContentHeadings(content) {
+		const lines = content.split("\n");
+		const toc = [];
+		const slugCounts = /* @__PURE__ */ new Map();
+		for (const line of lines) {
+			const match = /^(#{1,6})\s+(.+?)\s*$/.exec(line);
+			if (!match) continue;
+			const level = match[1].length;
+			const text = match[2].trim();
+			if (!text) continue;
+			toc.push({
+				id: makeSlug(text, slugCounts),
+				level,
+				text
+			});
+		}
+		return toc;
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "21.2.6",
+			ngImport: i0,
+			type: Md4xWasmContentRendererService,
+			deps: null,
+			target: i0.ɵɵFactoryTarget.Injectable
+		});
+	}
+	static {
+		this.ɵprov = i0.ɵɵngDeclareInjectable({
+			minVersion: "12.0.0",
+			version: "21.2.6",
+			ngImport: i0,
+			type: Md4xWasmContentRendererService
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "21.2.6",
+	ngImport: i0,
+	type: Md4xWasmContentRendererService,
+	decorators: [{ type: Injectable }]
+});
+//#endregion
+//#region packages/content/md4x/src/lib/provide-md4x.ts
+/**
+* Provides the experimental md4x-based content renderer (NAPI, server/build-time).
+*
+* @experimental md4x integration is experimental and may change in future releases.
+*
+* @example
+* ```typescript
+* provideContent(withMd4xRenderer());
+* provideContent(withMd4xRenderer({ heal: true }));
+* ```
+*/
+function withMd4xRenderer(options) {
+	return [
+		{
+			provide: ContentRenderer,
+			useClass: Md4xContentRendererService
+		},
+		options ? {
+			provide: MD4X_RENDERER_OPTIONS,
+			useValue: options
+		} : [],
+		withContentFileLoader(),
+		withContentListLoader()
+	];
+}
+/**
+* Provides the experimental md4x WASM content renderer (browser/CSR).
+* ~100KB gzip, 3-6x faster than marked in the browser.
+*
+* @experimental md4x integration is experimental and may change in future releases.
+*
+* @example
+* ```typescript
+* provideContent(withMd4xWasmRenderer());
+* ```
+*/
+function withMd4xWasmRenderer(options) {
+	return [
+		{
+			provide: ContentRenderer,
+			useClass: Md4xWasmContentRendererService
+		},
+		options ? {
+			provide: MD4X_RENDERER_OPTIONS,
+			useValue: options
+		} : [],
+		withContentFileLoader(),
+		withContentListLoader()
+	];
+}
+//#endregion
+//#region packages/content/md4x/src/lib/streaming-markdown-renderer.ts
+/**
+* Transforms a stream of markdown chunks into a stream of rendered HTML.
+* Uses md4x's `heal()` to fix incomplete markdown from streaming sources
+* (LLMs, collaborative editing) so each emitted HTML chunk is valid.
+*
+* @experimental Streaming markdown support is experimental and may change in future releases.
+*
+* @example
+* ```typescript
+* // In a Nitro API route
+* import { streamMarkdown } from '@analogjs/content';
+*
+* export default defineEventHandler(async (event) => {
+*   const llmStream = getAIStream(prompt);
+*   return streamMarkdown(llmStream, { heal: true });
+* });
+* ```
+*/
+async function streamMarkdown(input, options) {
+	const { renderToHtml, heal } = await import("md4x/napi");
+	let buffer = "";
+	const reader = input.getReader();
+	return new ReadableStream({
+		async pull(controller) {
+			try {
+				const { done, value } = await reader.read();
+				if (done) {
+					if (buffer) {
+						const source = options?.heal ? heal(buffer) : buffer;
+						controller.enqueue(renderToHtml(source));
+					}
+					controller.close();
+					return;
+				}
+				buffer += value;
+				const source = options?.heal ? heal(buffer) : buffer;
+				controller.enqueue(renderToHtml(source));
+			} catch (error) {
+				controller.error(error);
+			}
+		},
+		cancel() {
+			reader.cancel();
+		}
+	});
+}
+//#endregion
+export { MD4X_RENDERER_OPTIONS, Md4xContentRendererService, Md4xWasmContentRendererService, streamMarkdown, withMd4xRenderer, withMd4xWasmRenderer };
+
+//# sourceMappingURL=analogjs-content-md4x.mjs.map

package/fesm2022/analogjs-content-md4x.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"analogjs-content-md4x.mjs","names":[],"sources":["../../md4x/src/lib/md4x-content-renderer.service.ts","../../md4x/src/lib/md4x-wasm-content-renderer.service.ts","../../md4x/src/lib/provide-md4x.ts","../../md4x/src/lib/streaming-markdown-renderer.ts"],"sourcesContent":["import { Injectable, inject, InjectionToken } from '@angular/core';\n\nimport {\n  ContentRenderer,\n  RenderedContent,\n  TableOfContentItem,\n} from '../../../src/lib/content-renderer';\n\n/**\n * Options for the experimental md4x-based content renderer.\n *\n * @experimental md4x integration is experimental and may change in future releases.\n */\nexport interface Md4xRendererOptions {\n  /** Heal incomplete markdown (useful for streaming/LLM content). */\n  heal?: boolean;\n  /** Custom code block highlighter. Receives raw code and block metadata,\n   *  returns highlighted HTML or undefined to keep default rendering. */\n  highlighter?: (\n    code: string,\n    block: { lang: string; filename?: string; highlights?: number[] },\n  ) => string | undefined;\n}\n\nexport const MD4X_RENDERER_OPTIONS: InjectionToken<Md4xRendererOptions> =\n  new InjectionToken<Md4xRendererOptions>('md4x_renderer_options');\n\nfunction makeSlug(text: string, slugCounts: Map<string, number>): string {\n  const baseSlug = text\n    .toLowerCase()\n    .replace(/[^\\w\\s-]/g, '')\n    .trim()\n    .replace(/\\s+/g, '-');\n  const count = slugCounts.get(baseSlug) ?? 0;\n  slugCounts.set(baseSlug, count + 1);\n  return count === 0 ? baseSlug : `${baseSlug}-${count}`;\n}\n\nfunction headingsToToc(\n  headings: Array<{ level: number; text: string }>,\n): TableOfContentItem[] {\n  const slugCounts = new Map<string, number>();\n  return headings.map((h) => ({\n    id: makeSlug(h.text, slugCounts),\n    level: h.level,\n    text: h.text,\n  }));\n}\n\nfunction injectHeadingIds(html: string, toc: TableOfContentItem[]): string {\n  let tocIndex = 0;\n  return html.replace(/<h([1-6])>/g, (match, level) => {\n    const item = toc[tocIndex++];\n    return item ? `<h${level} id=\"${item.id}\">` : match;\n  });\n}\n\n/**\n * Content renderer backed by md4x (C-based CommonMark parser compiled with Zig).\n * 50-70x faster than marked for complex documents.\n *\n * @experimental md4x integration is experimental and may change in future releases.\n */\n@Injectable()\nexport class Md4xContentRendererService extends ContentRenderer {\n  private options = inject(MD4X_RENDERER_OPTIONS, { optional: true });\n\n  override async render(content: string): Promise<RenderedContent> {\n    const { renderToHtml, parseMeta } = await import('md4x/napi');\n    const html = renderToHtml(content, {\n      heal: this.options?.heal,\n      highlighter: this.options?.highlighter,\n    });\n    const meta = parseMeta(content);\n    const toc = headingsToToc(meta.headings);\n    return {\n      content: injectHeadingIds(html, toc),\n      toc,\n    };\n  }\n\n  override getContentHeadings(content: string): TableOfContentItem[] {\n    // Synchronous fallback — md4x is async-imported so we use regex extraction\n    // matching NoopContentRenderer's algorithm for consistency.\n    const lines = content.split('\\n');\n    const toc: TableOfContentItem[] = [];\n    const slugCounts = new Map<string, number>();\n\n    for (const line of lines) {\n      const match = /^(#{1,6})\\s+(.+?)\\s*$/.exec(line);\n      if (!match) continue;\n      const level = match[1].length;\n      const text = match[2].trim();\n      if (!text) continue;\n      toc.push({ id: makeSlug(text, slugCounts), level, text });\n    }\n\n    return toc;\n  }\n}\n","import { Injectable, inject } from '@angular/core';\n\nimport {\n  ContentRenderer,\n  RenderedContent,\n  TableOfContentItem,\n} from '../../../src/lib/content-renderer';\nimport {\n  MD4X_RENDERER_OPTIONS,\n  Md4xRendererOptions,\n} from './md4x-content-renderer.service';\n\nfunction makeSlug(text: string, slugCounts: Map<string, number>): string {\n  const baseSlug = text\n    .toLowerCase()\n    .replace(/[^\\w\\s-]/g, '')\n    .trim()\n    .replace(/\\s+/g, '-');\n  const count = slugCounts.get(baseSlug) ?? 0;\n  slugCounts.set(baseSlug, count + 1);\n  return count === 0 ? baseSlug : `${baseSlug}-${count}`;\n}\n\nfunction headingsToToc(\n  headings: Array<{ level: number; text: string }>,\n): TableOfContentItem[] {\n  const slugCounts = new Map<string, number>();\n  return headings.map((h) => ({\n    id: makeSlug(h.text, slugCounts),\n    level: h.level,\n    text: h.text,\n  }));\n}\n\nfunction injectHeadingIds(html: string, toc: TableOfContentItem[]): string {\n  let tocIndex = 0;\n  return html.replace(/<h([1-6])>/g, (match, level) => {\n    const item = toc[tocIndex++];\n    return item ? `<h${level} id=\"${item.id}\">` : match;\n  });\n}\n\n/**\n * Content renderer backed by md4x/wasm for client-side (browser) rendering.\n * ~100KB gzip, 3-6x faster than marked in the browser.\n *\n * @experimental md4x integration is experimental and may change in future releases.\n */\n@Injectable()\nexport class Md4xWasmContentRendererService extends ContentRenderer {\n  private options = inject(MD4X_RENDERER_OPTIONS, { optional: true });\n  private initPromise: Promise<void> | null = null;\n\n  override async render(content: string): Promise<RenderedContent> {\n    const wasm = await import('md4x/wasm');\n    if (!this.initPromise) {\n      this.initPromise = wasm.init();\n    }\n    await this.initPromise;\n\n    const html = wasm.renderToHtml(content, {\n      heal: this.options?.heal,\n      highlighter: this.options?.highlighter,\n    });\n    const meta = wasm.parseMeta(content);\n    const toc = headingsToToc(meta.headings);\n    return {\n      content: injectHeadingIds(html, toc),\n      toc,\n    };\n  }\n\n  override getContentHeadings(content: string): TableOfContentItem[] {\n    const lines = content.split('\\n');\n    const toc: TableOfContentItem[] = [];\n    const slugCounts = new Map<string, number>();\n\n    for (const line of lines) {\n      const match = /^(#{1,6})\\s+(.+?)\\s*$/.exec(line);\n      if (!match) continue;\n      const level = match[1].length;\n      const text = match[2].trim();\n      if (!text) continue;\n      toc.push({ id: makeSlug(text, slugCounts), level, text });\n    }\n\n    return toc;\n  }\n}\n","import { Provider } from '@angular/core';\n\nimport { ContentRenderer } from '../../../src/lib/content-renderer';\nimport { withContentFileLoader } from '../../../src/lib/content-file-loader';\nimport { withContentListLoader } from '../../../src/lib/content-list-loader';\nimport {\n  Md4xContentRendererService,\n  MD4X_RENDERER_OPTIONS,\n} from './md4x-content-renderer.service';\nimport { Md4xWasmContentRendererService } from './md4x-wasm-content-renderer.service';\nimport type { Md4xRendererOptions } from './md4x-content-renderer.service';\n\n/**\n * Provides the experimental md4x-based content renderer (NAPI, server/build-time).\n *\n * @experimental md4x integration is experimental and may change in future releases.\n *\n * @example\n * ```typescript\n * provideContent(withMd4xRenderer());\n * provideContent(withMd4xRenderer({ heal: true }));\n * ```\n */\nexport function withMd4xRenderer(options?: Md4xRendererOptions): Provider {\n  return [\n    { provide: ContentRenderer, useClass: Md4xContentRendererService },\n    options ? { provide: MD4X_RENDERER_OPTIONS, useValue: options } : [],\n    withContentFileLoader(),\n    withContentListLoader(),\n  ];\n}\n\n/**\n * Provides the experimental md4x WASM content renderer (browser/CSR).\n * ~100KB gzip, 3-6x faster than marked in the browser.\n *\n * @experimental md4x integration is experimental and may change in future releases.\n *\n * @example\n * ```typescript\n * provideContent(withMd4xWasmRenderer());\n * ```\n */\nexport function withMd4xWasmRenderer(options?: Md4xRendererOptions): Provider {\n  return [\n    { provide: ContentRenderer, useClass: Md4xWasmContentRendererService },\n    options ? { provide: MD4X_RENDERER_OPTIONS, useValue: options } : [],\n    withContentFileLoader(),\n    withContentListLoader(),\n  ];\n}\n","/**\n * Transforms a stream of markdown chunks into a stream of rendered HTML.\n * Uses md4x's `heal()` to fix incomplete markdown from streaming sources\n * (LLMs, collaborative editing) so each emitted HTML chunk is valid.\n *\n * @experimental Streaming markdown support is experimental and may change in future releases.\n *\n * @example\n * ```typescript\n * // In a Nitro API route\n * import { streamMarkdown } from '@analogjs/content';\n *\n * export default defineEventHandler(async (event) => {\n *   const llmStream = getAIStream(prompt);\n *   return streamMarkdown(llmStream, { heal: true });\n * });\n * ```\n */\nexport async function streamMarkdown(\n  input: ReadableStream<string>,\n  options?: { heal?: boolean },\n): Promise<ReadableStream<string>> {\n  const { renderToHtml, heal } = await import('md4x/napi');\n\n  let buffer = '';\n  const reader = input.getReader();\n\n  return new ReadableStream<string>({\n    async pull(controller) {\n      try {\n        const { done, value } = await reader.read();\n\n        if (done) {\n          if (buffer) {\n            const source = options?.heal ? heal(buffer) : buffer;\n            controller.enqueue(renderToHtml(source));\n          }\n          controller.close();\n          return;\n        }\n\n        buffer += value;\n        const source = options?.heal ? heal(buffer) : buffer;\n        controller.enqueue(renderToHtml(source));\n      } catch (error) {\n        controller.error(error);\n      }\n    },\n    cancel() {\n      reader.cancel();\n    },\n  });\n}\n"],"mappings":"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"}

package/fesm2022/analogjs-content-mdc.mjs

@@ -0,0 +1,170 @@
+import * as i0 from "@angular/core";
+import { Directive, ElementRef, InjectionToken, Renderer2, ViewContainerRef, effect, inject, input } from "@angular/core";
+//#region packages/content/mdc/src/lib/mdc-component-registry.ts
+/**
+* Registry mapping MDC component names to lazy-loaded Angular components.
+*
+* @experimental MDC component support is experimental and may change in future releases.
+*/
+var MDC_COMPONENTS = new InjectionToken("mdc_components");
+/**
+* Provides a registry of Angular components that can be used in MDC
+* (Markdown Components) syntax within markdown content.
+*
+* @experimental MDC component support is experimental and may change in future releases.
+*
+* @example
+* ```typescript
+* provideContent(
+*   withMd4xRenderer(),
+*   withMdcComponents({
+*     alert: () => import('./components/alert.component').then(m => m.AlertComponent),
+*     card: () => import('./components/card.component').then(m => m.CardComponent),
+*   }),
+* );
+* ```
+*/
+function withMdcComponents(components) {
+	return {
+		provide: MDC_COMPONENTS,
+		useValue: new Map(Object.entries(components))
+	};
+}
+//#endregion
+//#region packages/content/mdc/src/lib/mdc-renderer.directive.ts
+/**
+* Directive that renders MDC (Markdown Components) AST nodes as Angular components.
+*
+* Walks the ComarkTree AST from md4x's `parseAST()`, matches component nodes
+* to the registered MDC_COMPONENTS map, and instantiates them via
+* `ViewContainerRef.createComponent()` with MDC attributes bound as inputs.
+*
+* @experimental MDC component support is experimental and may change in future releases.
+*
+* @example
+* ```html
+* <div [mdcAst]="parsedAst"></div>
+* ```
+*/
+var MdcRendererDirective = class MdcRendererDirective {
+	constructor() {
+		this.ast = input(null, { alias: "mdcAst" });
+		this.viewContainer = inject(ViewContainerRef);
+		this.renderer = inject(Renderer2);
+		this.el = inject(ElementRef);
+		this.components = inject(MDC_COMPONENTS, { optional: true });
+		this.renderId = 0;
+		effect(() => {
+			const ast = this.ast();
+			const currentRenderId = ++this.renderId;
+			this.viewContainer.clear();
+			const host = this.el.nativeElement;
+			host.innerHTML = "";
+			if (!ast?.nodes) return;
+			this.renderNodes(ast.nodes, host, currentRenderId);
+		});
+	}
+	async renderNodes(nodes, parent, renderId) {
+		for (const node of nodes) {
+			if (this.renderId !== renderId) return;
+			await this.renderNode(node, parent, renderId);
+		}
+	}
+	async renderNode(node, parent, renderId) {
+		if (this.renderId !== renderId) return;
+		if (typeof node === "string") {
+			const text = this.renderer.createText(node);
+			this.renderer.appendChild(parent, text);
+			return;
+		}
+		const [tag, props, ...children] = node;
+		if (!tag) {
+			for (const child of children) {
+				if (this.renderId !== renderId) return;
+				await this.renderNode(child, parent, renderId);
+			}
+			return;
+		}
+		const componentLoader = this.components?.get(tag);
+		if (componentLoader) {
+			try {
+				const componentType = await componentLoader();
+				if (this.renderId !== renderId) return;
+				const tempContainer = this.renderer.createElement("div");
+				for (const child of children) {
+					if (this.renderId !== renderId) return;
+					await this.renderNode(child, tempContainer, renderId);
+				}
+				if (this.renderId !== renderId) return;
+				const projectableNodes = [Array.from(tempContainer.childNodes)];
+				const componentRef = this.viewContainer.createComponent(componentType, { projectableNodes });
+				for (const [key, value] of Object.entries(props)) componentRef.setInput(key, value);
+				const componentEl = componentRef.location.nativeElement;
+				this.renderer.appendChild(parent, componentEl);
+			} catch (e) {
+				console.error(`[MdcRenderer] Failed to load component "${tag}":`, e);
+			}
+			return;
+		}
+		const el = this.renderer.createElement(tag);
+		for (const [key, value] of Object.entries(props)) this.renderer.setAttribute(el, key, String(value));
+		for (const child of children) {
+			if (this.renderId !== renderId) return;
+			await this.renderNode(child, el, renderId);
+		}
+		this.renderer.appendChild(parent, el);
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "21.2.6",
+			ngImport: i0,
+			type: MdcRendererDirective,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.Directive
+		});
+	}
+	static {
+		this.ɵdir = i0.ɵɵngDeclareDirective({
+			minVersion: "17.1.0",
+			version: "21.2.6",
+			type: MdcRendererDirective,
+			isStandalone: true,
+			selector: "[mdcAst]",
+			inputs: { ast: {
+				classPropertyName: "ast",
+				publicName: "mdcAst",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			} },
+			ngImport: i0
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "21.2.6",
+	ngImport: i0,
+	type: MdcRendererDirective,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "[mdcAst]",
+			standalone: true
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: { ast: [{
+		type: i0.Input,
+		args: [{
+			isSignal: true,
+			alias: "mdcAst",
+			required: false
+		}]
+	}] }
+});
+//#endregion
+export { MDC_COMPONENTS, MdcRendererDirective, withMdcComponents };
+
+//# sourceMappingURL=analogjs-content-mdc.mjs.map

package/fesm2022/analogjs-content-mdc.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"analogjs-content-mdc.mjs","names":[],"sources":["../../mdc/src/lib/mdc-component-registry.ts","../../mdc/src/lib/mdc-renderer.directive.ts"],"sourcesContent":["import { InjectionToken, Type, Provider } from '@angular/core';\n\n/**\n * Registry mapping MDC component names to lazy-loaded Angular components.\n *\n * @experimental MDC component support is experimental and may change in future releases.\n */\nexport const MDC_COMPONENTS: InjectionToken<\n  Map<string, () => Promise<Type<unknown>>>\n> = new InjectionToken('mdc_components');\n\n/**\n * Provides a registry of Angular components that can be used in MDC\n * (Markdown Components) syntax within markdown content.\n *\n * @experimental MDC component support is experimental and may change in future releases.\n *\n * @example\n * ```typescript\n * provideContent(\n *   withMd4xRenderer(),\n *   withMdcComponents({\n *     alert: () => import('./components/alert.component').then(m => m.AlertComponent),\n *     card: () => import('./components/card.component').then(m => m.CardComponent),\n *   }),\n * );\n * ```\n */\nexport function withMdcComponents(\n  components: Record<string, () => Promise<Type<unknown>>>,\n): Provider {\n  return {\n    provide: MDC_COMPONENTS,\n    useValue: new Map(Object.entries(components)),\n  };\n}\n","import {\n  Directive,\n  ElementRef,\n  effect,\n  inject,\n  input,\n  InputSignal,\n  Renderer2,\n  ViewContainerRef,\n} from '@angular/core';\n\nimport { MDC_COMPONENTS } from './mdc-component-registry';\n\ntype ComarkNode =\n  | string\n  | [string | null, Record<string, unknown>, ...ComarkNode[]];\n\n/**\n * Directive that renders MDC (Markdown Components) AST nodes as Angular components.\n *\n * Walks the ComarkTree AST from md4x's `parseAST()`, matches component nodes\n * to the registered MDC_COMPONENTS map, and instantiates them via\n * `ViewContainerRef.createComponent()` with MDC attributes bound as inputs.\n *\n * @experimental MDC component support is experimental and may change in future releases.\n *\n * @example\n * ```html\n * <div [mdcAst]=\"parsedAst\"></div>\n * ```\n */\n@Directive({\n  // eslint-disable-next-line @angular-eslint/directive-selector\n  selector: '[mdcAst]',\n  standalone: true,\n})\nexport class MdcRendererDirective {\n  readonly ast: InputSignal<{ nodes: ComarkNode[] } | null> = input<{\n    nodes: ComarkNode[];\n  } | null>(null, {\n    alias: 'mdcAst',\n  });\n\n  private readonly viewContainer = inject(ViewContainerRef);\n  private readonly renderer = inject(Renderer2);\n  private readonly el = inject(ElementRef);\n  private readonly components = inject(MDC_COMPONENTS, { optional: true });\n  private renderId = 0;\n\n  constructor() {\n    effect(() => {\n      const ast = this.ast();\n      const currentRenderId = ++this.renderId;\n\n      this.viewContainer.clear();\n      const host = this.el.nativeElement as HTMLElement;\n      host.innerHTML = '';\n\n      if (!ast?.nodes) return;\n\n      // Fire-and-forget: Angular doesn't await effects, so we schedule\n      // the async rendering and let it complete in the background.\n      void this.renderNodes(ast.nodes, host, currentRenderId);\n    });\n  }\n\n  private async renderNodes(\n    nodes: ComarkNode[],\n    parent: HTMLElement,\n    renderId: number,\n  ): Promise<void> {\n    for (const node of nodes) {\n      if (this.renderId !== renderId) return;\n      await this.renderNode(node, parent, renderId);\n    }\n  }\n\n  private async renderNode(\n    node: ComarkNode,\n    parent: HTMLElement,\n    renderId: number,\n  ): Promise<void> {\n    if (this.renderId !== renderId) return;\n\n    if (typeof node === 'string') {\n      const text = this.renderer.createText(node);\n      this.renderer.appendChild(parent, text);\n      return;\n    }\n\n    const [tag, props, ...children] = node;\n\n    if (!tag) {\n      for (const child of children) {\n        if (this.renderId !== renderId) return;\n        await this.renderNode(child, parent, renderId);\n      }\n      return;\n    }\n\n    // Check if this tag is a registered MDC component\n    const componentLoader = this.components?.get(tag);\n    if (componentLoader) {\n      try {\n        const componentType = await componentLoader();\n        if (this.renderId !== renderId) return;\n\n        const tempContainer = this.renderer.createElement('div');\n        for (const child of children) {\n          if (this.renderId !== renderId) return;\n          await this.renderNode(child, tempContainer, renderId);\n        }\n        if (this.renderId !== renderId) return;\n\n        const projectableNodes = [\n          Array.from((tempContainer as HTMLElement).childNodes),\n        ];\n        const componentRef = this.viewContainer.createComponent(componentType, {\n          projectableNodes,\n        });\n\n        // Bind MDC attributes as component inputs\n        for (const [key, value] of Object.entries(props)) {\n          componentRef.setInput(key, value);\n        }\n\n        const componentEl = componentRef.location.nativeElement as HTMLElement;\n        this.renderer.appendChild(parent, componentEl);\n      } catch (e) {\n        console.error(`[MdcRenderer] Failed to load component \"${tag}\":`, e);\n      }\n      return;\n    }\n\n    // Fall back to rendering as a standard HTML element\n    const el = this.renderer.createElement(tag);\n    for (const [key, value] of Object.entries(props)) {\n      this.renderer.setAttribute(el, key, String(value));\n    }\n    for (const child of children) {\n      if (this.renderId !== renderId) return;\n      await this.renderNode(child, el, renderId);\n    }\n    this.renderer.appendChild(parent, el);\n  }\n}\n"],"mappings":";;;;;;;;AAOA,IAAa,iBAET,IAAI,eAAe,iBAAiB;;;;;;;;;;;;;;;;;;AAmBxC,SAAgB,kBACd,YACU;AACV,QAAO;EACL,SAAS;EACT,UAAc,IAAI,IAAA,OAAO,QAAQ,WAAW,CAAA;EAC7C;;;;;;;;;;;;;;;;;;ACsBG,IAAK,uBAAL,MAAK,qBAAY;CAEjB,cAAU;AAIL,OAAK,MAAA,MAAY,MAAI,EAA6B,OAAA,UAAA,CAAA;AACvD,OAAA,gBAAA,OAAA,iBAAA;;AAGU,OAAA,KAAA,OACZ,WAEA;AAEK,OAAM,aAAQ,OAAO,gBAAA,EAAA,UAAA,MAAA,CAAA;AACpB,OAAK,WAAA;AACT,eAAW;;;AAID,QAAA,cAEZ,OACA;GAES,MAAA,OAAa,KAAA,GAAU;AAE5B,QAAO,YAAS;AACZ,OAAO,CAAA,KAAK,MACb;AAIK,QAAO,YAAG,IAAY,OAAA,MAAA,gBAAA;IAE7B;;CAED,MAAI,YAAK,OAAa,QAAU,UAAA;AAChC,OAAM,MAAK,QAAW,OAAO;kCAE/B;;;;CAMA,MAAI,WAAA,MAAA,QAAA,UAAA;AACF,MAAM,KAAA,aAAgB,SAClB;AAEJ,MAAM,OAAA,SAAgB,UAAK;GACtB,MAAM,OAAS,KAAA,SAAU,WAAA,KAAA;AACxB,QAAK,SAAA,YAAuB,QAAA,KAAA;AAC1B;;EAEJ,MAAK,CAAA,KAAA,OAAa,GAAA,YAAU;AAEhC,MAAM,CAAA,KAAA;AAGA,QAAA,MAAA,SAAoB,UAAA;AAKd,QAAA,KAAK,aAAiB,SACnB;;;AAIV;;;AAIP,MAAA,iBAAA;;IAIS,MAAK,gBAAS,MAAc,iBAAI;AAC/B,QAAK,KAAA,aAAiB,SAClB;;AAEL,SAAA,MAAS,SAAU,UAAA;AACnB,SAAA,KAAa,aAAU,SACrB;;;;6BA9GhB,CAEW,MAAA,KAAA,cAAA,WAAA,CACE;IACZ,MAAA,eAAA,KAAA,cAAA,gBAAA,eAAA,EAAA,kBAAA,CAAA"}

package/fesm2022/analogjs-content-og.mjs

@@ -1,48 +1,36 @@
-import satori from 'satori';
-import { html } from 'satori-html';
-import sharp from 'sharp';
-
-// Credit for modified source: https://github.com/etherCorps/sveltekit-og/blob/main/src/lib/api.ts
-const generateImage = async (element, options) => {
-    const elementHtml = html(element);
-    const svg = await satori(elementHtml, {
-        width: options.width || 1200,
-        height: options.height || 630,
-        fonts: options.fonts?.length ? options.fonts : [],
-        tailwindConfig: options.tailwindConfig,
-    });
-    const svgBuffer = Buffer.from(svg);
-    const png = sharp(svgBuffer).png().toBuffer();
-    const pngBuffer = await png;
-    return pngBuffer;
+import satori from "satori";
+import { html } from "satori-html";
+import sharp from "sharp";
+//#region packages/content/og/src/lib/og.ts
+var generateImage = async (element, options) => {
+	const svg = await satori(html(element), {
+		width: options.width || 1200,
+		height: options.height || 630,
+		fonts: options.fonts?.length ? options.fonts : [],
+		tailwindConfig: options.tailwindConfig
+	});
+	return await sharp(Buffer.from(svg)).png().toBuffer();
 };
-class ImageResponse extends Response {
-    constructor(element, options = {}) {
-        super();
-        const body = new ReadableStream({
-            async start(controller) {
-                const buffer = await generateImage(element, options);
-                controller.enqueue(buffer);
-                controller.close();
-            },
-        });
-        return new Response(body, {
-            headers: {
-                'Content-Type': 'image/png',
-                'Cache-Control': options.debug
-                    ? 'no-cache, no-store'
-                    : 'public, immutable, no-transform, max-age=31536000',
-                ...options.headers,
-            },
-            status: options.status || 200,
-            statusText: options.statusText,
-        });
-    }
-}
-
-/**
- * Generated bundle index. Do not edit.
- */
-
+var ImageResponse = class extends Response {
+	constructor(element, options = {}) {
+		super();
+		const body = new ReadableStream({ async start(controller) {
+			const buffer = await generateImage(element, options);
+			controller.enqueue(buffer);
+			controller.close();
+		} });
+		return new Response(body, {
+			headers: {
+				"Content-Type": "image/png",
+				"Cache-Control": options.debug ? "no-cache, no-store" : "public, immutable, no-transform, max-age=31536000",
+				...options.headers
+			},
+			status: options.status || 200,
+			statusText: options.statusText
+		});
+	}
+};
+//#endregion
 export { ImageResponse };
-//# sourceMappingURL=analogjs-content-og.mjs.map
+
+//# sourceMappingURL=analogjs-content-og.mjs.map

package/fesm2022/analogjs-content-og.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"analogjs-content-og.mjs","sources":["../../../../packages/content/og/src/lib/og.ts","../../../../packages/content/og/src/analogjs-content-og.ts"],"sourcesContent":["// Credit for modified source: https://github.com/etherCorps/sveltekit-og/blob/main/src/lib/api.ts\n\nimport satori from 'satori';\nimport { html as toReactElement } from 'satori-html';\nimport sharp from 'sharp';\n\nimport { ImageResponseOptions } from './options';\n\nexport const generateImage = async (\n  element: string,\n  options: ImageResponseOptions,\n) => {\n  const elementHtml = toReactElement(element);\n  const svg = await satori(elementHtml as any, {\n    width: options.width || 1200,\n    height: options.height || 630,\n    fonts: options.fonts?.length ? options.fonts : [],\n    tailwindConfig: options.tailwindConfig,\n  });\n  const svgBuffer = Buffer.from(svg);\n  const png = sharp(svgBuffer).png().toBuffer();\n\n  const pngBuffer = await png;\n\n  return pngBuffer;\n};\n\nexport class ImageResponse extends Response {\n  constructor(element: string, options: ImageResponseOptions = {}) {\n    super();\n\n    const body = new ReadableStream({\n      async start(controller) {\n        const buffer = await generateImage(element, options);\n        controller.enqueue(buffer);\n        controller.close();\n      },\n    });\n\n    return new Response(body, {\n      headers: {\n        'Content-Type': 'image/png',\n        'Cache-Control': options.debug\n          ? 'no-cache, no-store'\n          : 'public, immutable, no-transform, max-age=31536000',\n        ...options.headers,\n      },\n      status: options.status || 200,\n      statusText: options.statusText,\n    });\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["toReactElement"],"mappings":";;;;AAAA;AAQO,MAAM,aAAa,GAAG,OAC3B,OAAe,EACf,OAA6B,KAC3B;AACF,IAAA,MAAM,WAAW,GAAGA,IAAc,CAAC,OAAO,CAAC;AAC3C,IAAA,MAAM,GAAG,GAAG,MAAM,MAAM,CAAC,WAAkB,EAAE;AAC3C,QAAA,KAAK,EAAE,OAAO,CAAC,KAAK,IAAI,IAAI;AAC5B,QAAA,MAAM,EAAE,OAAO,CAAC,MAAM,IAAI,GAAG;AAC7B,QAAA,KAAK,EAAE,OAAO,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC,KAAK,GAAG,EAAE;QACjD,cAAc,EAAE,OAAO,CAAC,cAAc;AACvC,KAAA,CAAC;IACF,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC;AAClC,IAAA,MAAM,GAAG,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC,GAAG,EAAE,CAAC,QAAQ,EAAE;AAE7C,IAAA,MAAM,SAAS,GAAG,MAAM,GAAG;AAE3B,IAAA,OAAO,SAAS;AAClB,CAAC;AAEK,MAAO,aAAc,SAAQ,QAAQ,CAAA;IACzC,WAAA,CAAY,OAAe,EAAE,OAAA,GAAgC,EAAE,EAAA;AAC7D,QAAA,KAAK,EAAE;AAEP,QAAA,MAAM,IAAI,GAAG,IAAI,cAAc,CAAC;YAC9B,MAAM,KAAK,CAAC,UAAU,EAAA;gBACpB,MAAM,MAAM,GAAG,MAAM,aAAa,CAAC,OAAO,EAAE,OAAO,CAAC;AACpD,gBAAA,UAAU,CAAC,OAAO,CAAC,MAAM,CAAC;gBAC1B,UAAU,CAAC,KAAK,EAAE;YACpB,CAAC;AACF,SAAA,CAAC;AAEF,QAAA,OAAO,IAAI,QAAQ,CAAC,IAAI,EAAE;AACxB,YAAA,OAAO,EAAE;AACP,gBAAA,cAAc,EAAE,WAAW;gBAC3B,eAAe,EAAE,OAAO,CAAC;AACvB,sBAAE;AACF,sBAAE,mDAAmD;gBACvD,GAAG,OAAO,CAAC,OAAO;AACnB,aAAA;AACD,YAAA,MAAM,EAAE,OAAO,CAAC,MAAM,IAAI,GAAG;YAC7B,UAAU,EAAE,OAAO,CAAC,UAAU;AAC/B,SAAA,CAAC;IACJ;AACD;;ACnDD;;AAEG;;;;"}
+{"version":3,"file":"analogjs-content-og.mjs","names":[],"sources":["../../og/src/lib/og.ts"],"sourcesContent":["// Credit for modified source: https://github.com/etherCorps/sveltekit-og/blob/main/src/lib/api.ts\n\nimport satori from 'satori';\nimport { html as toReactElement } from 'satori-html';\nimport sharp from 'sharp';\n\nimport { ImageResponseOptions } from './options';\n\nexport const generateImage = async (\n  element: string,\n  options: ImageResponseOptions,\n): Promise<Buffer> => {\n  const elementHtml = toReactElement(element);\n  const svg = await satori(elementHtml as any, {\n    width: options.width || 1200,\n    height: options.height || 630,\n    fonts: options.fonts?.length ? options.fonts : [],\n    tailwindConfig: options.tailwindConfig,\n  });\n  const svgBuffer = Buffer.from(svg);\n  const png = sharp(svgBuffer).png().toBuffer();\n\n  const pngBuffer = await png;\n\n  return pngBuffer;\n};\n\nexport class ImageResponse extends Response {\n  constructor(element: string, options: ImageResponseOptions = {}) {\n    super();\n\n    const body = new ReadableStream({\n      async start(controller) {\n        const buffer = await generateImage(element, options);\n        controller.enqueue(buffer);\n        controller.close();\n      },\n    });\n\n    return new Response(body, {\n      headers: {\n        'Content-Type': 'image/png',\n        'Cache-Control': options.debug\n          ? 'no-cache, no-store'\n          : 'public, immutable, no-transform, max-age=31536000',\n        ...options.headers,\n      },\n      status: options.status || 200,\n      statusText: options.statusText,\n    });\n  }\n}\n"],"mappings":";;;;IAYQ,gBAAc,OAAe,SAAQ,YAAA;CAEzC,MAAO,MAAA,MAAQ,OADC,KAA2B,QAAA,EACnB;EACxB,OAAQ,QAAQ,SAAU;EAC1B,QAAO,QAAe,UAAS;EAC/B,OAAA,QAAgB,OAAQ,SAAA,QAAA,QAAA,EAAA;EACxB,gBAAA,QAAA;EACF,CAAA;QAKO,MAFD,MAFY,OAAU,KAAC,IAAM,CAEX,CAAA,KAAA,CAAA,UAAA;;IAMZ,gBAAA,cAAmD,SAAE;CAC/D,YAAO,SAAA,UAAA,EAAA,EAAA;AAED,SAAO;EAET,MAAM,OAAS,IAAM,eAAc,EACnC,MAAW,MAAQ,YAAO;GACf,MAAO,SAAA,MAAA,cAAA,SAAA,QAAA;AAEpB,cAAA,QAAA,OAAA;AAES,cAAS,OAAM;KAEtB,CAAA;AACA,SAAA,IAAA,SAAiB,MAAQ;GAGtB,SAAQ;IACZ,gBAAA;IACO,iBAAkB,QAAA,QACd,uBACZ"}