@analogjs/content 3.0.0-alpha.5 → 3.0.0-alpha.51

package/devtools/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../fesm2022/analogjs-content-devtools.mjs",
+  "typings": "../types/devtools/src/index.d.ts"
+}

package/fesm2022/analogjs-content-devtools.mjs

@@ -0,0 +1,162 @@
+import { t as ContentRenderer } from "./content-renderer.mjs";
+import * as i0 from "@angular/core";
+import { Injectable, InjectionToken, inject } from "@angular/core";
+import { transformWithOxc } from "vite";
+//#region \0rolldown/runtime.js
+var __commonJSMin = (cb, mod) => () => (mod || cb((mod = { exports: {} }).exports, mod), mod.exports);
+//#endregion
+//#region packages/content/src/lib/devtools/content-devtools-renderer.ts
+/**
+* Token for the wrapped renderer that DevTools delegates to.
+* @internal
+*/
+var DEVTOOLS_INNER_RENDERER = new InjectionToken("devtools_inner_renderer");
+/**
+* Wraps an existing ContentRenderer to collect timing and metadata for the
+* Content DevTools panel. Dispatches a custom event on the window after
+* each render so the devtools client can update.
+*
+* @experimental Content DevTools is experimental and may change in future releases.
+*/
+var DevToolsContentRenderer = class DevToolsContentRenderer extends ContentRenderer {
+	constructor() {
+		super(...arguments);
+		this.inner = inject(DEVTOOLS_INNER_RENDERER);
+	}
+	async render(content) {
+		const start = performance.now();
+		const result = await this.inner.render(content);
+		const elapsed = performance.now() - start;
+		if (typeof window !== "undefined") window.dispatchEvent(new CustomEvent("analog-content-devtools-data", { detail: {
+			renderer: this.inner.constructor.name,
+			renderTimeMs: elapsed,
+			toc: result.toc,
+			contentLength: content.length,
+			headingCount: result.toc.length,
+			frontmatter: {}
+		} }));
+		return result;
+	}
+	getContentHeadings(content) {
+		return this.inner.getContentHeadings(content);
+	}
+	enhance() {
+		this.inner.enhance();
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "21.2.8",
+			ngImport: i0,
+			type: DevToolsContentRenderer,
+			deps: null,
+			target: i0.ɵɵFactoryTarget.Injectable
+		});
+	}
+	static {
+		this.ɵprov = i0.ɵɵngDeclareInjectable({
+			minVersion: "12.0.0",
+			version: "21.2.8",
+			ngImport: i0,
+			type: DevToolsContentRenderer
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "21.2.8",
+	ngImport: i0,
+	type: DevToolsContentRenderer,
+	decorators: [{ type: Injectable }]
+});
+//#endregion
+//#region packages/content/src/lib/devtools/content-devtools-plugin.ts
+var import___vite_browser_external = (/* @__PURE__ */ __commonJSMin(((exports, module) => {
+	module.exports = {};
+})))();
+/**
+* Vite plugin that injects the Analog Content DevTools panel in dev mode.
+*
+* Shows render time, frontmatter data, TOC, and content stats in a floating
+* panel. Dev-only — completely stripped from production builds.
+*
+* @experimental Content DevTools is experimental and may change in future releases.
+*
+* @example
+* ```typescript
+* // vite.config.ts
+* import { contentDevToolsPlugin } from '@analogjs/content/devtools';
+*
+* export default defineConfig({
+*   plugins: [
+*     analog({ ... }),
+*     contentDevToolsPlugin(),
+*   ],
+* });
+* ```
+*/
+function contentDevToolsPlugin() {
+	let isDev = false;
+	return {
+		name: "analog-content-devtools",
+		apply: "serve",
+		configResolved(config) {
+			isDev = config.command === "serve";
+		},
+		transformIndexHtml: {
+			order: "post",
+			async handler(html) {
+				if (!isDev) return html;
+				const pluginDir = (0, import___vite_browser_external.dirname)((0, import___vite_browser_external.fileURLToPath)(import.meta.url));
+				const cssPath = (0, import___vite_browser_external.resolve)(pluginDir, "content-devtools.styles.css");
+				const clientPath = (0, import___vite_browser_external.resolve)(pluginDir, "content-devtools-client.ts");
+				let css;
+				let clientCode;
+				try {
+					css = (0, import___vite_browser_external.readFileSync)(cssPath, "utf-8");
+					clientCode = (0, import___vite_browser_external.readFileSync)(clientPath, "utf-8");
+				} catch {
+					return html;
+				}
+				const transformResult = await transformWithOxc(clientCode, "content-devtools-client.ts", { lang: "ts" });
+				const injection = `
+<style>${css}</style>
+<script type="module">${transformResult.code}<\/script>`;
+				return html.replace("</body>", `${injection}\n</body>`);
+			}
+		}
+	};
+}
+//#endregion
+//#region packages/content/src/lib/devtools/index.ts
+/**
+* Wraps the given ContentRenderer with DevTools instrumentation.
+*
+* The supplied renderer class is provided under DEVTOOLS_INNER_RENDERER and
+* DevToolsContentRenderer becomes the new ContentRenderer, delegating
+* all calls and collecting timing data.
+*
+* @param innerRenderer The renderer class to wrap with devtools instrumentation.
+*
+* @experimental Content DevTools is experimental and may change in future releases.
+*
+* @example
+* ```typescript
+* provideContent(
+*   withContentDevTools(NoopContentRenderer),
+* );
+* ```
+*/
+function withContentDevTools(innerRenderer) {
+	return [{
+		provide: DEVTOOLS_INNER_RENDERER,
+		useClass: innerRenderer
+	}, {
+		provide: ContentRenderer,
+		useClass: DevToolsContentRenderer
+	}];
+}
+//#endregion
+export { DevToolsContentRenderer, contentDevToolsPlugin, withContentDevTools };
+
+//# sourceMappingURL=analogjs-content-devtools.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"analogjs-content-devtools.mjs","names":[],"sources":["../../src/lib/devtools/content-devtools-renderer.ts","../../../../__vite-browser-external","../../src/lib/devtools/content-devtools-plugin.ts","../../src/lib/devtools/index.ts"],"sourcesContent":["import { Injectable, InjectionToken, inject } from '@angular/core';\n\nimport {\n  ContentRenderer,\n  RenderedContent,\n  TableOfContentItem,\n} from '../content-renderer';\n\n/**\n * Token for the wrapped renderer that DevTools delegates to.\n * @internal\n */\nexport const DEVTOOLS_INNER_RENDERER: InjectionToken<ContentRenderer> =\n  new InjectionToken<ContentRenderer>('devtools_inner_renderer');\n\n/**\n * Wraps an existing ContentRenderer to collect timing and metadata for the\n * Content DevTools panel. Dispatches a custom event on the window after\n * each render so the devtools client can update.\n *\n * @experimental Content DevTools is experimental and may change in future releases.\n */\n@Injectable()\nexport class DevToolsContentRenderer extends ContentRenderer {\n  private readonly inner = inject(DEVTOOLS_INNER_RENDERER);\n\n  override async render(content: string): Promise<RenderedContent> {\n    const start = performance.now();\n    const result = await this.inner.render(content);\n    const elapsed = performance.now() - start;\n\n    if (typeof window !== 'undefined') {\n      window.dispatchEvent(\n        new CustomEvent('analog-content-devtools-data', {\n          detail: {\n            renderer: this.inner.constructor.name,\n            renderTimeMs: elapsed,\n            toc: result.toc,\n            contentLength: content.length,\n            headingCount: result.toc.length,\n            frontmatter: {},\n          },\n        }),\n      );\n    }\n\n    return result;\n  }\n\n  override getContentHeadings(content: string): TableOfContentItem[] {\n    return this.inner.getContentHeadings(content);\n  }\n\n  override enhance(): void {\n    this.inner.enhance();\n  }\n}\n","module.exports = {}","import { readFileSync } from 'node:fs';\nimport { resolve, dirname } from 'node:path';\nimport { fileURLToPath } from 'node:url';\n\nimport type { Plugin } from 'vite';\nimport { transformWithOxc } from 'vite';\n\n/**\n * Vite plugin that injects the Analog Content DevTools panel in dev mode.\n *\n * Shows render time, frontmatter data, TOC, and content stats in a floating\n * panel. Dev-only — completely stripped from production builds.\n *\n * @experimental Content DevTools is experimental and may change in future releases.\n *\n * @example\n * ```typescript\n * // vite.config.ts\n * import { contentDevToolsPlugin } from '@analogjs/content/devtools';\n *\n * export default defineConfig({\n *   plugins: [\n *     analog({ ... }),\n *     contentDevToolsPlugin(),\n *   ],\n * });\n * ```\n */\nexport function contentDevToolsPlugin(): Plugin {\n  let isDev = false;\n\n  return {\n    name: 'analog-content-devtools',\n    apply: 'serve',\n\n    configResolved(config) {\n      isDev = config.command === 'serve';\n    },\n\n    transformIndexHtml: {\n      order: 'post',\n      async handler(html) {\n        if (!isDev) return html;\n\n        const pluginDir = dirname(fileURLToPath(import.meta.url));\n        const cssPath = resolve(pluginDir, 'content-devtools.styles.css');\n        const clientPath = resolve(pluginDir, 'content-devtools-client.ts');\n\n        let css: string;\n        let clientCode: string;\n        try {\n          css = readFileSync(cssPath, 'utf-8');\n          clientCode = readFileSync(clientPath, 'utf-8');\n        } catch {\n          // Fallback: files may not exist if running from compiled output.\n          // The plugin silently degrades — no devtools panel.\n          return html;\n        }\n\n        const transformResult = await transformWithOxc(\n          clientCode,\n          'content-devtools-client.ts',\n          { lang: 'ts' },\n        );\n\n        const injection = `\n<style>${css}</style>\n<script type=\"module\">${transformResult.code}</script>`;\n\n        return html.replace('</body>', `${injection}\\n</body>`);\n      },\n    },\n  };\n}\n","import { Provider, Type } from '@angular/core';\nimport { ContentRenderer } from '../content-renderer';\nimport {\n  DevToolsContentRenderer,\n  DEVTOOLS_INNER_RENDERER,\n} from './content-devtools-renderer';\n\nexport { contentDevToolsPlugin } from './content-devtools-plugin';\nexport {\n  DevToolsContentRenderer,\n  DEVTOOLS_INNER_RENDERER,\n} from './content-devtools-renderer';\n\n/**\n * Wraps the given ContentRenderer with DevTools instrumentation.\n *\n * The supplied renderer class is provided under DEVTOOLS_INNER_RENDERER and\n * DevToolsContentRenderer becomes the new ContentRenderer, delegating\n * all calls and collecting timing data.\n *\n * @param innerRenderer The renderer class to wrap with devtools instrumentation.\n *\n * @experimental Content DevTools is experimental and may change in future releases.\n *\n * @example\n * ```typescript\n * provideContent(\n *   withContentDevTools(NoopContentRenderer),\n * );\n * ```\n */\nexport function withContentDevTools(\n  innerRenderer: Type<ContentRenderer>,\n): Provider {\n  return [\n    {\n      provide: DEVTOOLS_INNER_RENDERER,\n      useClass: innerRenderer,\n    },\n    {\n      provide: ContentRenderer,\n      useClass: DevToolsContentRenderer,\n    },\n  ];\n}\n"],"mappings":";;;;;;;;;;;;AAYA,IAAa,0BACX,IAAI,eAAgC,0BAA0B;;;;;;;;IAetD,0BAAA,MAAA,gCAAiC,gBAAQ;CAC/C,cAAgB;AAEZ,QAAO,GAAA,UAAW;AACpB,OAAO,QAAA,OACD,wBAAY;;CAGZ,MAAA,OAAA,SAAc;EACd,MAAK,QAAO,YAAA,KAAA;EACZ,MAAA,SAAe,MAAQ,KAAA,MAAA,OAAA,QAAA;EACvB,MAAA,UAAc,YAAW,KAAA,GAAA;AACzB,MAAA,OAAa,WAAA,YAGlB,QAAA,cAAA,IAAA,YAAA,gCAAA,EAAA,QAAA;GAGI,UAAA,KAAA,MAAA,YAAA;;GAGmB,KAAA,OAAuC;GAC/C,eAAA,QAAmB;;GAGd,aAAA,EAAA;GACZ,EAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACtDf,QAAO,UAAU,EAAA;;;;;;;;;;;;;;;;;;;;;;;AC4BjB,SAAgB,wBAAgC;CAC9C,IAAI,QAAQ;AAEZ,QAAO;EACC,MAAA;EACN,OAAO;EAEP,eAAe,QAAQ;AACb,WAAO,OAAA,YAAY;;EAG7B,oBAAoB;GACX,OAAA;GACD,MAAQ,QAAM,MAAA;AACN,QAAA,CAAA,MAEN,QAAY;IACZ,MAAU,aAAA,GAAA,+BAAA,UAAA,GAAA,+BAAA,eAAmB,OAAA,KAAA,IAA8B,CAAA;IAC3D,MAAA,WAAA,GAAA,+BAAA,SAAqB,WAAW,8BAA6B;IAE/D,MAAA,cAAA,GAAA,+BAAA,SAAA,WAAA,6BAAA;IACA,IAAA;IACA,IAAA;AACI,QAAA;AACO,YAAA,GAAA,+BAAA,cAAa,SAAY,QAAQ;AACxC,mBAAA,GAAA,+BAAA,cAAA,YAAA,QAAA;;AAaH,YAAA;;IAGO,MAAA,kBAAsB,MAAA,iBAAqB,YAAA,8BAAA,EAAA,MAAA,MAAA,CAAA;;;wBAG5D,gBAAA,KAAA;;;;;;;;;;;;;;;;;;;;;;;;;;ACzCH,SAAgB,oBACd,eACU;AACV,QACE,CACE;EACU,SAAA;EAEZ,UAAA;EACE,EACA;EAEH,SAAA"}

package/fesm2022/analogjs-content-md4x.mjs

@@ -0,0 +1,291 @@
+import { t as ContentRenderer } from "./content-renderer.mjs";
+import { 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.8",
+			ngImport: i0,
+			type: Md4xContentRendererService,
+			deps: null,
+			target: i0.ɵɵFactoryTarget.Injectable
+		});
+	}
+	static {
+		this.ɵprov = i0.ɵɵngDeclareInjectable({
+			minVersion: "12.0.0",
+			version: "21.2.8",
+			ngImport: i0,
+			type: Md4xContentRendererService
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "21.2.8",
+	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.8",
+			ngImport: i0,
+			type: Md4xWasmContentRendererService,
+			deps: null,
+			target: i0.ɵɵFactoryTarget.Injectable
+		});
+	}
+	static {
+		this.ɵprov = i0.ɵɵngDeclareInjectable({
+			minVersion: "12.0.0",
+			version: "21.2.8",
+			ngImport: i0,
+			type: Md4xWasmContentRendererService
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "21.2.8",
+	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.8",
+			ngImport: i0,
+			type: MdcRendererDirective,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.Directive
+		});
+	}
+	static {
+		this.ɵdir = i0.ɵɵngDeclareDirective({
+			minVersion: "17.1.0",
+			version: "21.2.8",
+			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.8",
+	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"}