@analogjs/content 3.0.0-alpha.11 → 3.0.0-alpha.13

package/fesm2022/content-list-loader.mjs

@@ -0,0 +1,284 @@
+import * as i0 from "@angular/core";
+import { Injectable, InjectionToken, TransferState, inject, makeStateKey, signal, ɵPendingTasksInternal } from "@angular/core";
+//#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.2.5",
+			ngImport: i0,
+			type: ContentRenderer,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.Injectable
+		});
+	}
+	static {
+		this.ɵprov = i0.ɵɵngDeclareInjectable({
+			minVersion: "12.0.0",
+			version: "21.2.5",
+			ngImport: i0,
+			type: ContentRenderer
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "21.2.5",
+	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/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.2.5",
+			ngImport: i0,
+			type: RenderTaskService,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.Injectable
+		});
+	}
+	static {
+		this.ɵprov = i0.ɵɵngDeclareInjectable({
+			minVersion: "12.0.0",
+			version: "21.2.5",
+			ngImport: i0,
+			type: RenderTaskService
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "21.2.5",
+	ngImport: i0,
+	type: RenderTaskService,
+	decorators: [{ type: Injectable }]
+});
+//#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/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
+export { injectContentFileLoader as a, injectContentFilesMap as c, ContentRenderer as d, NoopContentRenderer as f, CONTENT_FILE_LOADER as i, RenderTaskService as l, injectContentListLoader as n, withContentFileLoader as o, withContentListLoader as r, injectContentFiles as s, CONTENT_LIST_LOADER as t, CONTENT_FILES_TOKEN as u };
+
+//# sourceMappingURL=content-list-loader.mjs.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@analogjs/content",
-  "version": "3.0.0-alpha.11",
+  "version": "3.0.0-alpha.13",
   "description": "Content Rendering for Analog",
   "type": "module",
   "author": "Brandon Roberts <robertsbt@gmail.com>",
@@ -29,7 +29,7 @@
     "@angular/router": "^15.0.0 || ^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^20.0.0 || ^21.0.0",
     "@nx/devkit": "^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^20.0.0 || ^21.0.0 || ^22.0.0 || ^22",
     "front-matter": "^4.0.2",
-    "marked": "^15.0.7",
+    "marked": "^17.0.5",
     "marked-gfm-heading-id": "^4.1.1",
     "marked-highlight": "^2.2.1",
     "marked-mangle": "^1.1.10",

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

@@ -1,5 +1,5 @@
 import { InjectionToken } from '@angular/core';
-import { ContentRenderer, RenderedContent, TableOfContentItem } from '@analogjs/content';
+import { ContentRenderer, RenderedContent, TableOfContentItem } from '../../../src/lib/content-renderer';
 import * as i0 from "@angular/core";
 /**
  * Options for the experimental md4x-based content renderer.

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

@@ -1,4 +1,4 @@
-import { ContentRenderer, RenderedContent, TableOfContentItem } from '@analogjs/content';
+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.

package/fesm2022/__vite-browser-external.mjs

@@ -1,9 +0,0 @@
-import { t as __commonJSMin } from "./chunk.mjs";
-//#region __vite-browser-external
-var require___vite_browser_external = /* @__PURE__ */ __commonJSMin(((exports, module) => {
-	module.exports = {};
-}));
-//#endregion
-export { require___vite_browser_external as t };
-
-//# sourceMappingURL=__vite-browser-external.mjs.map

package/fesm2022/api_vite.mjs

@@ -1,7 +0,0 @@
-//#region __vite-optional-peer-dep:tsx/cjs/api:vite
-var api_vite_default = {};
-throw new Error(`Could not resolve "tsx/cjs/api" imported by "vite". Is it installed?`);
-//#endregion
-export { api_vite_default as default };
-
-//# sourceMappingURL=api_vite.mjs.map