@analogjs/content 3.0.0-alpha.3 → 3.0.0-alpha.30

package/plugin/src/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../content-plugin/src/index.ts"],"sourcesContent":["// eslint-disable-next-line @typescript-eslint/no-inferrable-types\nconst _default: undefined = void 0;\nexport default _default;\n"],"mappings":";;AACA,MAAM,WAAsB,KAAK"}

package/plugin/src/migrations/update-markdown-version/compat.d.ts

@@ -1,3 +1,6 @@
-import { convertNxGenerator } from '@nx/devkit';
+import { convertNxGenerator } from "@nx/devkit";
+
+//#region src/migrations/update-markdown-version/compat.d.ts
 declare const _default: ReturnType<typeof convertNxGenerator>;
-export default _default;
+export = _default;
+//# sourceMappingURL=compat.d.ts.map

package/plugin/src/migrations/update-markdown-version/compat.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"compat.d.ts","names":[],"sources":["../../../../../../content-plugin/src/migrations/update-markdown-version/compat.ts"],"mappings":";;;cAGM,QAAA,EAAU,UAAA,QAAkB,kBAAA;AAAA"}

package/plugin/src/migrations/update-markdown-version/compat.js

@@ -1,8 +1,9 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const devkit_1 = require("@nx/devkit");
-const update_markdown_version_1 = tslib_1.__importDefault(require("./update-markdown-version"));
-const _default = (0, devkit_1.convertNxGenerator)(update_markdown_version_1.default);
-exports.default = _default;
+const require_src_migrations_update_markdown_version_update_markdown_version = require('./update-markdown-version.js');
+let _nx_devkit = require("@nx/devkit");
+
+//#region src/migrations/update-markdown-version/compat.ts
+const _default = (0, _nx_devkit.convertNxGenerator)(require_src_migrations_update_markdown_version_update_markdown_version);
+
+//#endregion
+module.exports = _default;
 //# sourceMappingURL=compat.js.map

package/plugin/src/migrations/update-markdown-version/compat.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"compat.js","names":["updateMarkdownVersion"],"sources":["../../../../../../content-plugin/src/migrations/update-markdown-version/compat.ts"],"sourcesContent":["import { convertNxGenerator } from '@nx/devkit';\nimport updateMarkdownVersion from './update-markdown-version';\n\nconst _default: ReturnType<typeof convertNxGenerator> = convertNxGenerator(\n  updateMarkdownVersion,\n);\nexport default _default;\n"],"mappings":";;;;AAGA,MAAM,8CACJA,uEACD"}

package/plugin/src/migrations/update-markdown-version/update-markdown-version.d.ts

@@ -1,2 +1,6 @@
-import { Tree } from '@nx/devkit';
-export default function update(host: Tree): Promise<(() => void) | undefined>;
+import { Tree } from "@nx/devkit";
+
+//#region src/migrations/update-markdown-version/update-markdown-version.d.ts
+declare function update(host: Tree): Promise<(() => void) | undefined>;
+export = update;
+//# sourceMappingURL=update-markdown-version.d.ts.map

package/plugin/src/migrations/update-markdown-version/update-markdown-version.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"update-markdown-version.d.ts","names":[],"sources":["../../../../../../content-plugin/src/migrations/update-markdown-version/update-markdown-version.ts"],"mappings":";;;iBAO8B,MAAA,CAC5B,IAAA,EAAM,IAAA,GACL,OAAA;AAAA"}

package/plugin/src/migrations/update-markdown-version/update-markdown-version.js

@@ -1,23 +1,21 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = update;
-const devkit_1 = require("@nx/devkit");
+let _nx_devkit = require("@nx/devkit");
+
+//#region src/migrations/update-markdown-version/update-markdown-version.ts
 async function update(host) {
-    // NOTE: we only add the dependency if the project is an Angular project
-    //  Nx projects can add the dependency from migrations.json
-    let dependencyAdded = false;
-    if (host.exists('/angular.json')) {
-        (0, devkit_1.addDependenciesToPackageJson)(host, {
-            marked: '^15.0.7',
-            'marked-mangle': '^1.1.10',
-            'marked-highlight': '^2.2.1',
-            'marked-gfm-heading-id': '^4.1.1',
-        }, {});
-        dependencyAdded = true;
-    }
-    await (0, devkit_1.formatFiles)(host);
-    if (dependencyAdded) {
-        return () => (0, devkit_1.installPackagesTask)(host);
-    }
+	let dependencyAdded = false;
+	if (host.exists("/angular.json")) {
+		(0, _nx_devkit.addDependenciesToPackageJson)(host, {
+			marked: "^18.0.0",
+			"marked-mangle": "^1.1.10",
+			"marked-highlight": "^2.2.1",
+			"marked-gfm-heading-id": "^4.1.1"
+		}, {});
+		dependencyAdded = true;
+	}
+	await (0, _nx_devkit.formatFiles)(host);
+	if (dependencyAdded) return () => (0, _nx_devkit.installPackagesTask)(host);
 }
+
+//#endregion
+module.exports = update;
 //# sourceMappingURL=update-markdown-version.js.map

package/plugin/src/migrations/update-markdown-version/update-markdown-version.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"update-markdown-version.js","names":[],"sources":["../../../../../../content-plugin/src/migrations/update-markdown-version/update-markdown-version.ts"],"sourcesContent":["import {\n  addDependenciesToPackageJson,\n  type Tree,\n  formatFiles,\n  installPackagesTask,\n} from '@nx/devkit';\n\nexport default async function update(\n  host: Tree,\n): Promise<(() => void) | undefined> {\n  // NOTE: we only add the dependency if the project is an Angular project\n  //  Nx projects can add the dependency from migrations.json\n  let dependencyAdded = false;\n  if (host.exists('/angular.json')) {\n    addDependenciesToPackageJson(\n      host,\n      {\n        marked: '^18.0.0',\n        'marked-mangle': '^1.1.10',\n        'marked-highlight': '^2.2.1',\n        'marked-gfm-heading-id': '^4.1.1',\n      },\n      {},\n    );\n    dependencyAdded = true;\n  }\n\n  await formatFiles(host);\n\n  if (dependencyAdded) {\n    return () => installPackagesTask(host);\n  }\n}\n"],"mappings":";;;AAOA,eAA8B,OAC5B,MACmC;CAGnC,IAAI,kBAAkB;AACtB,KAAI,KAAK,OAAO,gBAAgB,EAAE;AAChC,+CACE,MACA;GACE,QAAQ;GACR,iBAAiB;GACjB,oBAAoB;GACpB,yBAAyB;GAC1B,EACD,EAAE,CACH;AACD,oBAAkB;;AAGpB,mCAAkB,KAAK;AAEvB,KAAI,gBACF,kDAAiC,KAAK"}

package/src/lib/devtools/content-devtools-client.ts

@@ -0,0 +1,215 @@
+/**
+ * Client-side script for the Analog Content DevTools panel.
+ * Injected by the Vite plugin in dev mode only.
+ *
+ * @experimental Content DevTools is experimental and may change in future releases.
+ */
+
+interface DevToolsData {
+  renderer: string;
+  renderTimeMs: number;
+  frontmatter: Record<string, unknown>;
+  toc: Array<{ id: string; level: number; text: string }>;
+  contentLength: number;
+  headingCount: number;
+}
+
+const STORAGE_KEY = 'analog-content-devtools-open';
+
+// Cache the latest devtools payload at module level so events fired
+// during initial bootstrap (before the panel is created) are not lost.
+let latestDevToolsData: DevToolsData | null = null;
+let panelUpdateCallback: ((data: DevToolsData) => void) | null = null;
+
+window.addEventListener('analog-content-devtools-data', ((
+  e: CustomEvent<DevToolsData>,
+) => {
+  latestDevToolsData = e.detail;
+  if (panelUpdateCallback) {
+    panelUpdateCallback(e.detail);
+  }
+}) as EventListener);
+
+function createPanel(): HTMLElement {
+  const root = document.createElement('div');
+  root.id = 'analog-content-devtools';
+  root.innerHTML = `
+    <button class="acd-toggle" title="Analog Content DevTools">
+      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+        <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6zm-1 2l5 5h-5V4zM6 20V4h5v7h7v9H6z"/>
+        <path d="M8 13h8v1H8zm0 3h6v1H8z" opacity=".6"/>
+      </svg>
+    </button>
+    <div class="acd-panel" style="display:none">
+      <div class="acd-header">
+        <span>Analog Content DevTools <span class="acd-badge acd-badge-experimental">experimental</span></span>
+      </div>
+      <div class="acd-tabs">
+        <button class="acd-tab" data-tab="overview" data-active="true">Overview</button>
+        <button class="acd-tab" data-tab="frontmatter">Frontmatter</button>
+        <button class="acd-tab" data-tab="toc">TOC</button>
+      </div>
+      <div class="acd-body">
+        <div class="acd-empty">No content data available. Navigate to a content page.</div>
+      </div>
+    </div>
+  `;
+  return root;
+}
+
+function renderOverview(data: DevToolsData): string {
+  const speedClass =
+    data.renderTimeMs < 5
+      ? 'acd-fast'
+      : data.renderTimeMs > 50
+        ? 'acd-slow'
+        : '';
+  return `
+    <div class="acd-section">
+      <div class="acd-section-title">Renderer</div>
+      <div class="acd-kv">
+        <span class="acd-key">Active</span>
+        <span class="acd-value"><span class="acd-badge acd-badge-renderer">${data.renderer}</span></span>
+      </div>
+      <div class="acd-kv">
+        <span class="acd-key">Render time</span>
+        <span class="acd-value ${speedClass}">${data.renderTimeMs.toFixed(2)}ms</span>
+      </div>
+    </div>
+    <div class="acd-section">
+      <div class="acd-section-title">Content</div>
+      <div class="acd-kv">
+        <span class="acd-key">Length</span>
+        <span class="acd-value">${data.contentLength.toLocaleString()} chars</span>
+      </div>
+      <div class="acd-kv">
+        <span class="acd-key">Headings</span>
+        <span class="acd-value">${data.headingCount}</span>
+      </div>
+      <div class="acd-kv">
+        <span class="acd-key">Frontmatter keys</span>
+        <span class="acd-value">${Object.keys(data.frontmatter).length}</span>
+      </div>
+    </div>
+  `;
+}
+
+function renderFrontmatter(data: DevToolsData): string {
+  const keys = Object.keys(data.frontmatter);
+  if (keys.length === 0) {
+    return '<div class="acd-empty">No frontmatter found.</div>';
+  }
+  return `
+    <div class="acd-section">
+      <div class="acd-section-title">Frontmatter attributes</div>
+      <div class="acd-pre">${escapeHtml(JSON.stringify(data.frontmatter, null, 2))}</div>
+    </div>
+  `;
+}
+
+function renderToc(data: DevToolsData): HTMLElement {
+  if (data.toc.length === 0) {
+    const empty = document.createElement('div');
+    empty.className = 'acd-empty';
+    empty.textContent = 'No headings found.';
+    return empty;
+  }
+  const section = document.createElement('div');
+  section.className = 'acd-section';
+  const title = document.createElement('div');
+  title.className = 'acd-section-title';
+  title.textContent = `Table of Contents (${data.toc.length} headings)`;
+  section.appendChild(title);
+
+  for (const h of data.toc) {
+    const item = document.createElement('div');
+    item.className = 'acd-toc-item';
+    item.style.paddingLeft = `${(h.level - 1) * 12}px`;
+    const anchor = document.createElement('a');
+    anchor.setAttribute('href', `#${encodeURIComponent(h.id)}`);
+    anchor.textContent = `${'#'.repeat(h.level)} ${h.text}`;
+    item.appendChild(anchor);
+    section.appendChild(item);
+  }
+
+  return section;
+}
+
+function escapeHtml(str: string): string {
+  return str
+    .replace(/&/g, '&amp;')
+    .replace(/</g, '&lt;')
+    .replace(/>/g, '&gt;')
+    .replace(/"/g, '&quot;');
+}
+
+function initDevTools() {
+  if (document.getElementById('analog-content-devtools')) return;
+
+  const panel = createPanel();
+  document.body.appendChild(panel);
+
+  const toggle = panel.querySelector('.acd-toggle') as HTMLElement;
+  const panelEl = panel.querySelector('.acd-panel') as HTMLElement;
+  const body = panel.querySelector('.acd-body') as HTMLElement;
+  const tabs = panel.querySelectorAll('.acd-tab');
+
+  let isOpen = localStorage.getItem(STORAGE_KEY) === 'true';
+  let activeTab = 'overview';
+  let currentData: DevToolsData | null = latestDevToolsData;
+
+  function updateVisibility() {
+    panelEl.style.display = isOpen ? 'flex' : 'none';
+    localStorage.setItem(STORAGE_KEY, String(isOpen));
+  }
+
+  function updateBody() {
+    if (!currentData) {
+      body.innerHTML =
+        '<div class="acd-empty">No content data available. Navigate to a content page.</div>';
+      return;
+    }
+    switch (activeTab) {
+      case 'overview':
+        body.innerHTML = renderOverview(currentData);
+        break;
+      case 'frontmatter':
+        body.innerHTML = renderFrontmatter(currentData);
+        break;
+      case 'toc':
+        body.replaceChildren(renderToc(currentData));
+        break;
+    }
+  }
+
+  toggle.addEventListener('click', () => {
+    isOpen = !isOpen;
+    updateVisibility();
+  });
+
+  tabs.forEach((tab) => {
+    tab.addEventListener('click', () => {
+      activeTab = (tab as HTMLElement).dataset['tab'] || 'overview';
+      tabs.forEach((t) =>
+        (t as HTMLElement).setAttribute('data-active', String(t === tab)),
+      );
+      updateBody();
+    });
+  });
+
+  // Wire the module-level listener to update the panel
+  panelUpdateCallback = (data: DevToolsData) => {
+    currentData = data;
+    updateBody();
+  };
+
+  updateVisibility();
+  updateBody();
+}
+
+// Init when DOM is ready
+if (document.readyState === 'loading') {
+  document.addEventListener('DOMContentLoaded', initDevTools);
+} else {
+  initDevTools();
+}

package/src/lib/devtools/content-devtools.styles.css

@@ -0,0 +1,194 @@
+#analog-content-devtools {
+  position: fixed;
+  bottom: 0;
+  right: 0;
+  z-index: 99999;
+  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
+  font-size: 12px;
+  color: #e4e4e7;
+  pointer-events: none;
+}
+
+#analog-content-devtools * {
+  box-sizing: border-box;
+}
+
+#analog-content-devtools .acd-toggle {
+  position: fixed;
+  bottom: 12px;
+  right: 12px;
+  width: 36px;
+  height: 36px;
+  border-radius: 8px;
+  background: #18181b;
+  border: 1px solid #3f3f46;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  pointer-events: auto;
+  opacity: 0.7;
+  transition: opacity 0.15s;
+}
+
+#analog-content-devtools .acd-toggle:hover {
+  opacity: 1;
+}
+
+#analog-content-devtools .acd-toggle svg {
+  width: 20px;
+  height: 20px;
+  fill: #a1a1aa;
+}
+
+#analog-content-devtools .acd-panel {
+  position: fixed;
+  bottom: 56px;
+  right: 12px;
+  width: 420px;
+  max-height: 70vh;
+  background: #18181b;
+  border: 1px solid #3f3f46;
+  border-radius: 10px;
+  overflow: hidden;
+  display: flex;
+  flex-direction: column;
+  pointer-events: auto;
+  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5);
+}
+
+#analog-content-devtools .acd-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 8px 12px;
+  background: #27272a;
+  border-bottom: 1px solid #3f3f46;
+  font-weight: 600;
+  font-size: 11px;
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+  color: #a1a1aa;
+}
+
+#analog-content-devtools .acd-tabs {
+  display: flex;
+  gap: 2px;
+  padding: 4px 8px;
+  background: #27272a;
+  border-bottom: 1px solid #3f3f46;
+}
+
+#analog-content-devtools .acd-tab {
+  padding: 4px 10px;
+  border-radius: 4px;
+  background: transparent;
+  border: none;
+  color: #71717a;
+  cursor: pointer;
+  font-size: 11px;
+  font-family: inherit;
+}
+
+#analog-content-devtools .acd-tab:hover {
+  color: #a1a1aa;
+}
+
+#analog-content-devtools .acd-tab[data-active='true'] {
+  background: #3f3f46;
+  color: #e4e4e7;
+}
+
+#analog-content-devtools .acd-body {
+  overflow-y: auto;
+  padding: 12px;
+  flex: 1;
+}
+
+#analog-content-devtools .acd-section {
+  margin-bottom: 12px;
+}
+
+#analog-content-devtools .acd-section-title {
+  font-size: 10px;
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+  color: #71717a;
+  margin-bottom: 6px;
+}
+
+#analog-content-devtools .acd-kv {
+  display: flex;
+  justify-content: space-between;
+  padding: 2px 0;
+  border-bottom: 1px solid #27272a;
+}
+
+#analog-content-devtools .acd-key {
+  color: #a1a1aa;
+}
+
+#analog-content-devtools .acd-value {
+  color: #22d3ee;
+}
+
+#analog-content-devtools .acd-value.acd-fast {
+  color: #4ade80;
+}
+
+#analog-content-devtools .acd-value.acd-slow {
+  color: #fb923c;
+}
+
+#analog-content-devtools .acd-toc-item {
+  padding: 2px 0;
+  cursor: pointer;
+  color: #a1a1aa;
+}
+
+#analog-content-devtools .acd-toc-item:hover {
+  color: #e4e4e7;
+}
+
+#analog-content-devtools .acd-toc-item a {
+  color: inherit;
+  text-decoration: none;
+}
+
+#analog-content-devtools .acd-pre {
+  background: #09090b;
+  border: 1px solid #27272a;
+  border-radius: 6px;
+  padding: 8px;
+  overflow-x: auto;
+  white-space: pre-wrap;
+  overflow-wrap: anywhere;
+  font-size: 11px;
+  line-height: 1.5;
+  max-height: 300px;
+  overflow-y: auto;
+}
+
+#analog-content-devtools .acd-empty {
+  color: #52525b;
+  font-style: italic;
+}
+
+#analog-content-devtools .acd-badge {
+  display: inline-block;
+  padding: 1px 6px;
+  border-radius: 4px;
+  font-size: 10px;
+  font-weight: 600;
+}
+
+#analog-content-devtools .acd-badge-experimental {
+  background: #422006;
+  color: #fb923c;
+}
+
+#analog-content-devtools .acd-badge-renderer {
+  background: #042f2e;
+  color: #2dd4bf;
+}

package/types/devtools/src/index.d.ts

@@ -0,0 +1 @@
+export { contentDevToolsPlugin, DevToolsContentRenderer, withContentDevTools, } from '../../src/lib/devtools/index';

package/types/md4x/src/index.d.ts

@@ -0,0 +1,5 @@
+export { withMd4xRenderer, withMd4xWasmRenderer } from './lib/provide-md4x';
+export { Md4xContentRendererService, MD4X_RENDERER_OPTIONS, } from './lib/md4x-content-renderer.service';
+export type { Md4xRendererOptions } from './lib/md4x-content-renderer.service';
+export { Md4xWasmContentRendererService } from './lib/md4x-wasm-content-renderer.service';
+export { streamMarkdown } from './lib/streaming-markdown-renderer';

package/types/md4x/src/lib/md4x-content-renderer.service.d.ts

@@ -0,0 +1,33 @@
+import { InjectionToken } from '@angular/core';
+import { ContentRenderer, RenderedContent, TableOfContentItem } from '../../../src/lib/content-renderer';
+import * as i0 from "@angular/core";
+/**
+ * Options for the experimental md4x-based content renderer.
+ *
+ * @experimental md4x integration is experimental and may change in future releases.
+ */
+export interface Md4xRendererOptions {
+    /** Heal incomplete markdown (useful for streaming/LLM content). */
+    heal?: boolean;
+    /** Custom code block highlighter. Receives raw code and block metadata,
+     *  returns highlighted HTML or undefined to keep default rendering. */
+    highlighter?: (code: string, block: {
+        lang: string;
+        filename?: string;
+        highlights?: number[];
+    }) => string | undefined;
+}
+export declare const MD4X_RENDERER_OPTIONS: InjectionToken<Md4xRendererOptions>;
+/**
+ * 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.
+ */
+export declare class Md4xContentRendererService extends ContentRenderer {
+    private options;
+    render(content: string): Promise<RenderedContent>;
+    getContentHeadings(content: string): TableOfContentItem[];
+    static ɵfac: i0.ɵɵFactoryDeclaration<Md4xContentRendererService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<Md4xContentRendererService>;
+}

package/types/md4x/src/lib/md4x-wasm-content-renderer.service.d.ts

@@ -0,0 +1,16 @@
+import { ContentRenderer, RenderedContent, TableOfContentItem } from '../../../src/lib/content-renderer';
+import * as i0 from "@angular/core";
+/**
+ * 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.
+ */
+export declare class Md4xWasmContentRendererService extends ContentRenderer {
+    private options;
+    private initPromise;
+    render(content: string): Promise<RenderedContent>;
+    getContentHeadings(content: string): TableOfContentItem[];
+    static ɵfac: i0.ɵɵFactoryDeclaration<Md4xWasmContentRendererService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<Md4xWasmContentRendererService>;
+}

package/types/md4x/src/lib/provide-md4x.d.ts

@@ -0,0 +1,26 @@
+import { Provider } from '@angular/core';
+import type { Md4xRendererOptions } from './md4x-content-renderer.service';
+/**
+ * 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 }));
+ * ```
+ */
+export declare function withMd4xRenderer(options?: Md4xRendererOptions): Provider;
+/**
+ * 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());
+ * ```
+ */
+export declare function withMd4xWasmRenderer(options?: Md4xRendererOptions): Provider;

package/types/md4x/src/lib/streaming-markdown-renderer.d.ts

@@ -0,0 +1,21 @@
+/**
+ * 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 });
+ * });
+ * ```
+ */
+export declare function streamMarkdown(input: ReadableStream<string>, options?: {
+    heal?: boolean;
+}): Promise<ReadableStream<string>>;

package/types/mdc/src/index.d.ts

@@ -0,0 +1,2 @@
+export { MdcRendererDirective } from './lib/mdc-renderer.directive';
+export { MDC_COMPONENTS, withMdcComponents, } from './lib/mdc-component-registry';

package/types/mdc/src/lib/mdc-component-registry.d.ts

@@ -0,0 +1,25 @@
+import { InjectionToken, Type, Provider } from '@angular/core';
+/**
+ * Registry mapping MDC component names to lazy-loaded Angular components.
+ *
+ * @experimental MDC component support is experimental and may change in future releases.
+ */
+export declare const MDC_COMPONENTS: InjectionToken<Map<string, () => Promise<Type<unknown>>>>;
+/**
+ * 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),
+ *   }),
+ * );
+ * ```
+ */
+export declare function withMdcComponents(components: Record<string, () => Promise<Type<unknown>>>): Provider;