@analogjs/content 3.0.0-alpha.10 → 3.0.0-alpha.12

package/fesm2022/analogjs-content.mjs

@@ -1,5 +1,6 @@
+import { a as injectContentFileLoader, c as injectContentFilesMap, d as ContentRenderer, f as NoopContentRenderer, i as CONTENT_FILE_LOADER, l as RenderTaskService, n as injectContentListLoader, o as withContentFileLoader, r as withContentListLoader, s as injectContentFiles, t as CONTENT_LIST_LOADER, u as CONTENT_FILES_TOKEN } from "./content-list-loader.mjs";
 import * as i0 from "@angular/core";
-import { Component, Directive, HostListener, Injectable, InjectionToken, Input, NgZone, PLATFORM_ID, TransferState, ViewEncapsulation, computed, inject, input, makeStateKey, signal, ɵPendingTasksInternal } from "@angular/core";
+import { Component, Directive, HostListener, Injectable, InjectionToken, Input, NgZone, PLATFORM_ID, ViewEncapsulation, computed, inject, input } from "@angular/core";
 import { DOCUMENT, Location, isPlatformBrowser } from "@angular/common";
 import { ActivatedRoute, Router } from "@angular/router";
 import { Observable, from, of } from "rxjs";
@@ -10,6 +11,10 @@ import { marked } from "marked";
 import { mangle } from "marked-mangle";
 import { DomSanitizer } from "@angular/platform-browser";
 import { takeUntilDestroyed, toSignal } from "@angular/core/rxjs-interop";
+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/anchor-navigation.directive.ts
 var AnchorNavigationDirective = class AnchorNavigationDirective {
 	constructor() {
@@ -75,207 +80,6 @@ function isInternalUrl(anchorElement, document) {
 	return anchorElement.host === document.location.host && anchorElement.protocol === document.location.protocol;
 }
 //#endregion
-//#region packages/content/src/lib/content-renderer.ts
-var ContentRenderer = class ContentRenderer {
-	async render(content) {
-		return {
-			content,
-			toc: []
-		};
-	}
-	getContentHeadings(_content) {
-		return [];
-	}
-	enhance() {}
-	static {
-		this.ɵfac = i0.ɵɵngDeclareFactory({
-			minVersion: "12.0.0",
-			version: "21.1.1",
-			ngImport: i0,
-			type: ContentRenderer,
-			deps: [],
-			target: i0.ɵɵFactoryTarget.Injectable
-		});
-	}
-	static {
-		this.ɵprov = i0.ɵɵngDeclareInjectable({
-			minVersion: "12.0.0",
-			version: "21.1.1",
-			ngImport: i0,
-			type: ContentRenderer
-		});
-	}
-};
-i0.ɵɵngDeclareClassMetadata({
-	minVersion: "12.0.0",
-	version: "21.1.1",
-	ngImport: i0,
-	type: ContentRenderer,
-	decorators: [{ type: Injectable }]
-});
-var NoopContentRenderer = class {
-	constructor() {
-		this.transferState = inject(TransferState);
-		this.contentId = 0;
-	}
-	/**
-	* Generates a hash from the content string
-	* to be used with the transfer state
-	*/
-	generateHash(str) {
-		let hash = 0;
-		for (let i = 0, len = str.length; i < len; i++) {
-			const chr = str.charCodeAt(i);
-			hash = (hash << 5) - hash + chr;
-			hash |= 0;
-		}
-		return hash;
-	}
-	async render(content) {
-		this.contentId = this.generateHash(content);
-		const toc = this.getContentHeadings(content);
-		const key = makeStateKey(`content-headings-${this.contentId}`);
-		return {
-			content,
-			toc: this.transferState.get(key, toc)
-		};
-	}
-	enhance() {}
-	getContentHeadings(content) {
-		return this.extractHeadings(content);
-	}
-	extractHeadings(content) {
-		const markdownHeadings = this.extractHeadingsFromMarkdown(content);
-		if (markdownHeadings.length > 0) return markdownHeadings;
-		return this.extractHeadingsFromHtml(content);
-	}
-	extractHeadingsFromMarkdown(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;
-			const baseSlug = text.toLowerCase().replace(/[^\w\s-]/g, "").trim().replace(/\s+/g, "-");
-			const count = slugCounts.get(baseSlug) ?? 0;
-			slugCounts.set(baseSlug, count + 1);
-			const id = count === 0 ? baseSlug : `${baseSlug}-${count}`;
-			toc.push({
-				id,
-				level,
-				text
-			});
-		}
-		return toc;
-	}
-	extractHeadingsFromHtml(content) {
-		const toc = [];
-		const slugCounts = /* @__PURE__ */ new Map();
-		for (const match of content.matchAll(/<h([1-6])([^>]*)>([\s\S]*?)<\/h\1>/gi)) {
-			const level = Number(match[1]);
-			const attrs = match[2] ?? "";
-			const text = (match[3] ?? "").replace(/<[^>]+>/g, "").trim();
-			if (!text) continue;
-			const idMatch = /\sid=(['"])(.*?)\1/i.exec(attrs) ?? /\sid=([^\s>]+)/i.exec(attrs);
-			let id = idMatch?.[2] ?? idMatch?.[1] ?? "";
-			if (!id) id = this.makeSlug(text, slugCounts);
-			toc.push({
-				id,
-				level,
-				text
-			});
-		}
-		return toc;
-	}
-	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}`;
-	}
-};
-//#endregion
-//#region packages/content/src/lib/get-content-files.ts
-/**
-* Returns the list of content files by filename with ?analog-content-list=true.
-* We use the query param to transform the return into an array of
-* just front matter attributes.
-*
-* @returns
-*/
-var getContentFilesList = () => {
-	return {};
-};
-/**
-* Returns the lazy loaded content files for lookups.
-*
-* @returns
-*/
-var getContentFiles = () => {
-	return {};
-};
-//#endregion
-//#region packages/content/src/lib/content-files-list-token.ts
-function getSlug(filename) {
-	const base = (filename.split(/[/\\]/).pop() || "").trim().replace(/\.[^./\\]+$/, "");
-	return base === "index" ? "" : base;
-}
-var CONTENT_FILES_LIST_TOKEN = new InjectionToken("@analogjs/content Content Files List", {
-	providedIn: "root",
-	factory() {
-		const contentFiles = getContentFilesList();
-		return Object.keys(contentFiles).map((filename) => {
-			const attributes = contentFiles[filename];
-			const slug = attributes["slug"];
-			return {
-				filename,
-				attributes,
-				slug: slug ? encodeURI(slug) : encodeURI(getSlug(filename))
-			};
-		});
-	}
-});
-//#endregion
-//#region packages/content/src/lib/content-files-token.ts
-var CONTENT_FILES_TOKEN = new InjectionToken("@analogjs/content Content Files", {
-	providedIn: "root",
-	factory() {
-		const allFiles = { ...getContentFiles() };
-		const contentFilesList = inject(CONTENT_FILES_LIST_TOKEN);
-		const lookup = {};
-		contentFilesList.forEach((item) => {
-			const contentFilename = item.filename.replace(/(.*?)\/content/, "/src/content");
-			const fileParts = contentFilename.split("/");
-			const filePath = fileParts.slice(0, fileParts.length - 1).join("/");
-			const fileNameParts = fileParts[fileParts.length - 1].split(".");
-			const ext = fileNameParts[fileNameParts.length - 1];
-			let slug = item.slug ?? "";
-			if (slug === "") slug = "index";
-			lookup[contentFilename] = `${slug.includes("/") ? `/src/content/${slug}` : `${filePath}/${slug}`}.${ext}`.replace(/\/{2,}/g, "/");
-		});
-		const objectUsingSlugAttribute = {};
-		Object.entries(allFiles).forEach((entry) => {
-			const filename = entry[0];
-			const value = entry[1];
-			const newFilename = lookup[filename.replace(/^\/(.*?)\/content/, "/src/content")];
-			if (newFilename !== void 0) {
-				const objectFilename = newFilename.replace(/^\/(.*?)\/content/, "/src/content");
-				objectUsingSlugAttribute[objectFilename] = value;
-			}
-		});
-		return objectUsingSlugAttribute;
-	}
-});
-new InjectionToken("@analogjs/content Content Files", {
-	providedIn: "root",
-	factory() {
-		return signal(inject(CONTENT_FILES_TOKEN));
-	}
-});
-//#endregion
 //#region packages/content/src/lib/parse-raw-content-file.ts
 var FrontmatterValidationError = class extends Error {
 	constructor(issues, filename) {
@@ -317,43 +121,6 @@ async function parseRawContentFileAsync(rawContentFile, schema, filename) {
 	};
 }
 //#endregion
-//#region packages/content/src/lib/render-task.service.ts
-var RenderTaskService = class RenderTaskService {
-	#pendingTasks = inject(ɵPendingTasksInternal);
-	addRenderTask() {
-		return this.#pendingTasks.add();
-	}
-	clearRenderTask(clear) {
-		if (typeof clear === "function") clear();
-		else if (typeof this.#pendingTasks.remove === "function") this.#pendingTasks.remove(clear);
-	}
-	static {
-		this.ɵfac = i0.ɵɵngDeclareFactory({
-			minVersion: "12.0.0",
-			version: "21.1.1",
-			ngImport: i0,
-			type: RenderTaskService,
-			deps: [],
-			target: i0.ɵɵFactoryTarget.Injectable
-		});
-	}
-	static {
-		this.ɵprov = i0.ɵɵngDeclareInjectable({
-			minVersion: "12.0.0",
-			version: "21.1.1",
-			ngImport: i0,
-			type: RenderTaskService
-		});
-	}
-};
-i0.ɵɵngDeclareClassMetadata({
-	minVersion: "12.0.0",
-	version: "21.1.1",
-	ngImport: i0,
-	type: RenderTaskService,
-	decorators: [{ type: Injectable }]
-});
-//#endregion
 //#region packages/content/src/lib/content.ts
 function getContentFile(contentFiles, prefix, slug, fallback, renderTaskService, contentRenderer) {
 	const normalizedFiles = {};
@@ -431,19 +198,6 @@ function injectContent(param = "slug", fallback = "No Content Found") {
 	} else return getContentFile(contentFiles, "", param.customFilename, fallback, renderTaskService, contentRenderer).pipe(tap(() => renderTaskService.clearRenderTask(task)));
 }
 //#endregion
-//#region packages/content/src/lib/inject-content-files.ts
-function injectContentFiles(filterFn) {
-	const renderTaskService = inject(RenderTaskService);
-	const task = renderTaskService.addRenderTask();
-	const allContentFiles = inject(CONTENT_FILES_LIST_TOKEN);
-	renderTaskService.clearRenderTask(task);
-	if (filterFn) return allContentFiles.filter(filterFn);
-	return allContentFiles;
-}
-function injectContentFilesMap() {
-	return inject(CONTENT_FILES_TOKEN);
-}
-//#endregion
 //#region packages/content/src/lib/marked-content-highlighter.ts
 var MarkedContentHighlighter = class MarkedContentHighlighter {
 	static {
@@ -579,34 +333,6 @@ i0.ɵɵngDeclareClassMetadata({
 	decorators: [{ type: Injectable }]
 });
 //#endregion
-//#region packages/content/src/lib/content-file-loader.ts
-var CONTENT_FILE_LOADER = new InjectionToken("@analogjs/content/resource File Loader");
-function injectContentFileLoader() {
-	return inject(CONTENT_FILE_LOADER);
-}
-function withContentFileLoader() {
-	return {
-		provide: CONTENT_FILE_LOADER,
-		useFactory() {
-			return async () => injectContentFilesMap();
-		}
-	};
-}
-//#endregion
-//#region packages/content/src/lib/content-list-loader.ts
-var CONTENT_LIST_LOADER = new InjectionToken("@analogjs/content/resource List Loader");
-function injectContentListLoader() {
-	return inject(CONTENT_LIST_LOADER);
-}
-function withContentListLoader() {
-	return {
-		provide: CONTENT_LIST_LOADER,
-		useFactory() {
-			return async () => injectContentFiles();
-		}
-	};
-}
-//#endregion
 //#region packages/content/src/lib/provide-content.ts
 var CONTENT_RENDERER_PROVIDERS = [
 	{
@@ -804,6 +530,157 @@ i0.ɵɵngDeclareClassMetadata({
 	}
 });
 //#endregion
-export { AnchorNavigationDirective, CONTENT_FILE_LOADER, CONTENT_LIST_LOADER, ContentRenderer, FrontmatterValidationError, MERMAID_IMPORT_TOKEN, AnalogMarkdownComponent as MarkdownComponent, MarkdownContentRendererService, AnalogMarkdownRouteComponent as MarkdownRouteComponent, MarkedContentHighlighter, MarkedSetupService, NoopContentRenderer, injectContent, injectContentFileLoader, injectContentFiles, injectContentFilesMap, injectContentListLoader, parseRawContentFile, parseRawContentFileAsync, provideContent, withContentFileLoader, withContentListLoader, withHighlighter, withMarkdownRenderer };
+//#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
+		} }));
+		return result;
+	}
+	getContentHeadings(content) {
+		return this.inner.getContentHeadings(content);
+	}
+	enhance() {
+		this.inner.enhance();
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "21.1.1",
+			ngImport: i0,
+			type: DevToolsContentRenderer,
+			deps: null,
+			target: i0.ɵɵFactoryTarget.Injectable
+		});
+	}
+	static {
+		this.ɵprov = i0.ɵɵngDeclareInjectable({
+			minVersion: "12.0.0",
+			version: "21.1.1",
+			ngImport: i0,
+			type: DevToolsContentRenderer
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "21.1.1",
+	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 { AnchorNavigationDirective, CONTENT_FILE_LOADER, CONTENT_LIST_LOADER, ContentRenderer, DevToolsContentRenderer, FrontmatterValidationError, MERMAID_IMPORT_TOKEN, AnalogMarkdownComponent as MarkdownComponent, MarkdownContentRendererService, AnalogMarkdownRouteComponent as MarkdownRouteComponent, MarkedContentHighlighter, MarkedSetupService, NoopContentRenderer, contentDevToolsPlugin, injectContent, injectContentFileLoader, injectContentFiles, injectContentFilesMap, injectContentListLoader, parseRawContentFile, parseRawContentFileAsync, provideContent, withContentDevTools, withContentFileLoader, withContentListLoader, withHighlighter, withMarkdownRenderer };
 
 //# sourceMappingURL=analogjs-content.mjs.map