@analogjs/content 3.0.0-alpha.9 → 3.0.0-alpha.91
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/fesm2022/analogjs-content-md4x.mjs +291 -0
- package/fesm2022/analogjs-content-md4x.mjs.map +1 -0
- package/fesm2022/analogjs-content-mdc.mjs +170 -0
- package/fesm2022/analogjs-content-mdc.mjs.map +1 -0
- package/fesm2022/analogjs-content-og.mjs.map +1 -0
- package/fesm2022/analogjs-content-prism-highlighter.mjs +5 -4
- package/fesm2022/analogjs-content-prism-highlighter.mjs.map +1 -0
- package/fesm2022/analogjs-content-resources.mjs +39 -25
- package/fesm2022/analogjs-content-resources.mjs.map +1 -0
- package/fesm2022/analogjs-content-shiki-highlighter.mjs +1 -1
- package/fesm2022/analogjs-content-shiki-highlighter.mjs.map +1 -0
- package/fesm2022/analogjs-content.mjs +62 -357
- package/fesm2022/analogjs-content.mjs.map +1 -0
- package/fesm2022/content-list-loader.mjs +260 -0
- package/fesm2022/content-list-loader.mjs.map +1 -0
- package/fesm2022/content-renderer.mjs +128 -0
- package/fesm2022/content-renderer.mjs.map +1 -0
- package/fesm2022/marked-content-highlighter.mjs +40 -0
- package/fesm2022/marked-content-highlighter.mjs.map +1 -0
- package/fesm2022/parse-raw-content-file.mjs +45 -0
- package/fesm2022/parse-raw-content-file.mjs.map +1 -0
- package/md4x/package.json +4 -0
- package/mdc/package.json +4 -0
- package/package.json +58 -36
- package/plugin/migrations.json +1 -1
- package/plugin/package.json +1 -17
- package/plugin/src/index.d.ts +3 -1
- package/plugin/src/index.d.ts.map +1 -0
- package/plugin/src/index.js +4 -3
- package/plugin/src/index.js.map +1 -0
- package/plugin/src/migrations/update-markdown-version/compat.d.ts +5 -2
- package/plugin/src/migrations/update-markdown-version/compat.d.ts.map +1 -0
- package/plugin/src/migrations/update-markdown-version/compat.js +9 -0
- package/plugin/src/migrations/update-markdown-version/compat.js.map +1 -0
- package/plugin/src/migrations/update-markdown-version/update-markdown-version.d.ts +6 -2
- package/plugin/src/migrations/update-markdown-version/update-markdown-version.d.ts.map +1 -0
- package/plugin/src/migrations/update-markdown-version/update-markdown-version.js +21 -0
- package/plugin/src/migrations/update-markdown-version/update-markdown-version.js.map +1 -0
- package/types/md4x/src/index.d.ts +5 -0
- package/types/md4x/src/lib/md4x-content-renderer.service.d.ts +33 -0
- package/types/md4x/src/lib/md4x-wasm-content-renderer.service.d.ts +16 -0
- package/types/md4x/src/lib/provide-md4x.d.ts +26 -0
- package/types/md4x/src/lib/streaming-markdown-renderer.d.ts +21 -0
- package/types/mdc/src/index.d.ts +2 -0
- package/types/mdc/src/lib/mdc-component-registry.d.ts +25 -0
- package/types/mdc/src/lib/mdc-renderer.directive.d.ts +33 -0
- package/types/prism-highlighter/src/lib/prism-highlighter.d.ts +1 -1
- package/types/resources/src/content-file-resource.d.ts +32 -7
- package/types/resources/src/content-files-resource.d.ts +2 -1
- package/types/src/index.d.ts +6 -3
- package/types/src/lib/content-locale.d.ts +68 -0
- package/types/src/lib/get-content-files.d.ts +19 -4
- package/types/src/lib/parse-raw-content-file.d.ts +15 -1
- package/types/src/lib/utils/escape-html.d.ts +7 -0
|
@@ -0,0 +1,291 @@
|
|
|
1
|
+
import { t as ContentRenderer } from "./content-renderer.mjs";
|
|
2
|
+
import { o as withContentFileLoader, r as withContentListLoader } from "./content-list-loader.mjs";
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
import { Injectable, InjectionToken, inject } from "@angular/core";
|
|
5
|
+
//#region packages/content/md4x/src/lib/md4x-content-renderer.service.ts
|
|
6
|
+
var MD4X_RENDERER_OPTIONS = new InjectionToken("md4x_renderer_options");
|
|
7
|
+
function makeSlug$1(text, slugCounts) {
|
|
8
|
+
const baseSlug = text.toLowerCase().replace(/[^\w\s-]/g, "").trim().replace(/\s+/g, "-");
|
|
9
|
+
const count = slugCounts.get(baseSlug) ?? 0;
|
|
10
|
+
slugCounts.set(baseSlug, count + 1);
|
|
11
|
+
return count === 0 ? baseSlug : `${baseSlug}-${count}`;
|
|
12
|
+
}
|
|
13
|
+
function headingsToToc$1(headings) {
|
|
14
|
+
const slugCounts = /* @__PURE__ */ new Map();
|
|
15
|
+
return headings.map((h) => ({
|
|
16
|
+
id: makeSlug$1(h.text, slugCounts),
|
|
17
|
+
level: h.level,
|
|
18
|
+
text: h.text
|
|
19
|
+
}));
|
|
20
|
+
}
|
|
21
|
+
function injectHeadingIds$1(html, toc) {
|
|
22
|
+
let tocIndex = 0;
|
|
23
|
+
return html.replace(/<h([1-6])>/g, (match, level) => {
|
|
24
|
+
const item = toc[tocIndex++];
|
|
25
|
+
return item ? `<h${level} id="${item.id}">` : match;
|
|
26
|
+
});
|
|
27
|
+
}
|
|
28
|
+
/**
|
|
29
|
+
* Content renderer backed by md4x (C-based CommonMark parser compiled with Zig).
|
|
30
|
+
* 50-70x faster than marked for complex documents.
|
|
31
|
+
*
|
|
32
|
+
* @experimental md4x integration is experimental and may change in future releases.
|
|
33
|
+
*/
|
|
34
|
+
var Md4xContentRendererService = class Md4xContentRendererService extends ContentRenderer {
|
|
35
|
+
constructor() {
|
|
36
|
+
super(...arguments);
|
|
37
|
+
this.options = inject(MD4X_RENDERER_OPTIONS, { optional: true });
|
|
38
|
+
}
|
|
39
|
+
async render(content) {
|
|
40
|
+
const { renderToHtml, parseMeta } = await import("md4x/napi");
|
|
41
|
+
const html = renderToHtml(content, {
|
|
42
|
+
heal: this.options?.heal,
|
|
43
|
+
highlighter: this.options?.highlighter
|
|
44
|
+
});
|
|
45
|
+
const toc = headingsToToc$1(parseMeta(content).headings);
|
|
46
|
+
return {
|
|
47
|
+
content: injectHeadingIds$1(html, toc),
|
|
48
|
+
toc
|
|
49
|
+
};
|
|
50
|
+
}
|
|
51
|
+
getContentHeadings(content) {
|
|
52
|
+
const lines = content.split("\n");
|
|
53
|
+
const toc = [];
|
|
54
|
+
const slugCounts = /* @__PURE__ */ new Map();
|
|
55
|
+
for (const line of lines) {
|
|
56
|
+
const match = /^(#{1,6})\s+(.+?)\s*$/.exec(line);
|
|
57
|
+
if (!match) continue;
|
|
58
|
+
const level = match[1].length;
|
|
59
|
+
const text = match[2].trim();
|
|
60
|
+
if (!text) continue;
|
|
61
|
+
toc.push({
|
|
62
|
+
id: makeSlug$1(text, slugCounts),
|
|
63
|
+
level,
|
|
64
|
+
text
|
|
65
|
+
});
|
|
66
|
+
}
|
|
67
|
+
return toc;
|
|
68
|
+
}
|
|
69
|
+
static {
|
|
70
|
+
this.ɵfac = i0.ɵɵngDeclareFactory({
|
|
71
|
+
minVersion: "12.0.0",
|
|
72
|
+
version: "22.1.5",
|
|
73
|
+
ngImport: i0,
|
|
74
|
+
type: Md4xContentRendererService,
|
|
75
|
+
deps: null,
|
|
76
|
+
target: i0.ɵɵFactoryTarget.Injectable
|
|
77
|
+
});
|
|
78
|
+
}
|
|
79
|
+
static {
|
|
80
|
+
this.ɵprov = i0.ɵɵngDeclareInjectable({
|
|
81
|
+
minVersion: "12.0.0",
|
|
82
|
+
version: "22.1.5",
|
|
83
|
+
ngImport: i0,
|
|
84
|
+
type: Md4xContentRendererService
|
|
85
|
+
});
|
|
86
|
+
}
|
|
87
|
+
};
|
|
88
|
+
i0.ɵɵngDeclareClassMetadata({
|
|
89
|
+
minVersion: "12.0.0",
|
|
90
|
+
version: "22.1.5",
|
|
91
|
+
ngImport: i0,
|
|
92
|
+
type: Md4xContentRendererService,
|
|
93
|
+
decorators: [{ type: Injectable }]
|
|
94
|
+
});
|
|
95
|
+
//#endregion
|
|
96
|
+
//#region packages/content/md4x/src/lib/md4x-wasm-content-renderer.service.ts
|
|
97
|
+
function makeSlug(text, slugCounts) {
|
|
98
|
+
const baseSlug = text.toLowerCase().replace(/[^\w\s-]/g, "").trim().replace(/\s+/g, "-");
|
|
99
|
+
const count = slugCounts.get(baseSlug) ?? 0;
|
|
100
|
+
slugCounts.set(baseSlug, count + 1);
|
|
101
|
+
return count === 0 ? baseSlug : `${baseSlug}-${count}`;
|
|
102
|
+
}
|
|
103
|
+
function headingsToToc(headings) {
|
|
104
|
+
const slugCounts = /* @__PURE__ */ new Map();
|
|
105
|
+
return headings.map((h) => ({
|
|
106
|
+
id: makeSlug(h.text, slugCounts),
|
|
107
|
+
level: h.level,
|
|
108
|
+
text: h.text
|
|
109
|
+
}));
|
|
110
|
+
}
|
|
111
|
+
function injectHeadingIds(html, toc) {
|
|
112
|
+
let tocIndex = 0;
|
|
113
|
+
return html.replace(/<h([1-6])>/g, (match, level) => {
|
|
114
|
+
const item = toc[tocIndex++];
|
|
115
|
+
return item ? `<h${level} id="${item.id}">` : match;
|
|
116
|
+
});
|
|
117
|
+
}
|
|
118
|
+
/**
|
|
119
|
+
* Content renderer backed by md4x/wasm for client-side (browser) rendering.
|
|
120
|
+
* ~100KB gzip, 3-6x faster than marked in the browser.
|
|
121
|
+
*
|
|
122
|
+
* @experimental md4x integration is experimental and may change in future releases.
|
|
123
|
+
*/
|
|
124
|
+
var Md4xWasmContentRendererService = class Md4xWasmContentRendererService extends ContentRenderer {
|
|
125
|
+
constructor() {
|
|
126
|
+
super(...arguments);
|
|
127
|
+
this.options = inject(MD4X_RENDERER_OPTIONS, { optional: true });
|
|
128
|
+
this.initPromise = null;
|
|
129
|
+
}
|
|
130
|
+
async render(content) {
|
|
131
|
+
const wasm = await import("md4x/wasm");
|
|
132
|
+
if (!this.initPromise) this.initPromise = wasm.init();
|
|
133
|
+
await this.initPromise;
|
|
134
|
+
const html = wasm.renderToHtml(content, {
|
|
135
|
+
heal: this.options?.heal,
|
|
136
|
+
highlighter: this.options?.highlighter
|
|
137
|
+
});
|
|
138
|
+
const toc = headingsToToc(wasm.parseMeta(content).headings);
|
|
139
|
+
return {
|
|
140
|
+
content: injectHeadingIds(html, toc),
|
|
141
|
+
toc
|
|
142
|
+
};
|
|
143
|
+
}
|
|
144
|
+
getContentHeadings(content) {
|
|
145
|
+
const lines = content.split("\n");
|
|
146
|
+
const toc = [];
|
|
147
|
+
const slugCounts = /* @__PURE__ */ new Map();
|
|
148
|
+
for (const line of lines) {
|
|
149
|
+
const match = /^(#{1,6})\s+(.+?)\s*$/.exec(line);
|
|
150
|
+
if (!match) continue;
|
|
151
|
+
const level = match[1].length;
|
|
152
|
+
const text = match[2].trim();
|
|
153
|
+
if (!text) continue;
|
|
154
|
+
toc.push({
|
|
155
|
+
id: makeSlug(text, slugCounts),
|
|
156
|
+
level,
|
|
157
|
+
text
|
|
158
|
+
});
|
|
159
|
+
}
|
|
160
|
+
return toc;
|
|
161
|
+
}
|
|
162
|
+
static {
|
|
163
|
+
this.ɵfac = i0.ɵɵngDeclareFactory({
|
|
164
|
+
minVersion: "12.0.0",
|
|
165
|
+
version: "22.1.5",
|
|
166
|
+
ngImport: i0,
|
|
167
|
+
type: Md4xWasmContentRendererService,
|
|
168
|
+
deps: null,
|
|
169
|
+
target: i0.ɵɵFactoryTarget.Injectable
|
|
170
|
+
});
|
|
171
|
+
}
|
|
172
|
+
static {
|
|
173
|
+
this.ɵprov = i0.ɵɵngDeclareInjectable({
|
|
174
|
+
minVersion: "12.0.0",
|
|
175
|
+
version: "22.1.5",
|
|
176
|
+
ngImport: i0,
|
|
177
|
+
type: Md4xWasmContentRendererService
|
|
178
|
+
});
|
|
179
|
+
}
|
|
180
|
+
};
|
|
181
|
+
i0.ɵɵngDeclareClassMetadata({
|
|
182
|
+
minVersion: "12.0.0",
|
|
183
|
+
version: "22.1.5",
|
|
184
|
+
ngImport: i0,
|
|
185
|
+
type: Md4xWasmContentRendererService,
|
|
186
|
+
decorators: [{ type: Injectable }]
|
|
187
|
+
});
|
|
188
|
+
//#endregion
|
|
189
|
+
//#region packages/content/md4x/src/lib/provide-md4x.ts
|
|
190
|
+
/**
|
|
191
|
+
* Provides the experimental md4x-based content renderer (NAPI, server/build-time).
|
|
192
|
+
*
|
|
193
|
+
* @experimental md4x integration is experimental and may change in future releases.
|
|
194
|
+
*
|
|
195
|
+
* @example
|
|
196
|
+
* ```typescript
|
|
197
|
+
* provideContent(withMd4xRenderer());
|
|
198
|
+
* provideContent(withMd4xRenderer({ heal: true }));
|
|
199
|
+
* ```
|
|
200
|
+
*/
|
|
201
|
+
function withMd4xRenderer(options) {
|
|
202
|
+
return [
|
|
203
|
+
{
|
|
204
|
+
provide: ContentRenderer,
|
|
205
|
+
useClass: Md4xContentRendererService
|
|
206
|
+
},
|
|
207
|
+
options ? {
|
|
208
|
+
provide: MD4X_RENDERER_OPTIONS,
|
|
209
|
+
useValue: options
|
|
210
|
+
} : [],
|
|
211
|
+
withContentFileLoader(),
|
|
212
|
+
withContentListLoader()
|
|
213
|
+
];
|
|
214
|
+
}
|
|
215
|
+
/**
|
|
216
|
+
* Provides the experimental md4x WASM content renderer (browser/CSR).
|
|
217
|
+
* ~100KB gzip, 3-6x faster than marked in the browser.
|
|
218
|
+
*
|
|
219
|
+
* @experimental md4x integration is experimental and may change in future releases.
|
|
220
|
+
*
|
|
221
|
+
* @example
|
|
222
|
+
* ```typescript
|
|
223
|
+
* provideContent(withMd4xWasmRenderer());
|
|
224
|
+
* ```
|
|
225
|
+
*/
|
|
226
|
+
function withMd4xWasmRenderer(options) {
|
|
227
|
+
return [
|
|
228
|
+
{
|
|
229
|
+
provide: ContentRenderer,
|
|
230
|
+
useClass: Md4xWasmContentRendererService
|
|
231
|
+
},
|
|
232
|
+
options ? {
|
|
233
|
+
provide: MD4X_RENDERER_OPTIONS,
|
|
234
|
+
useValue: options
|
|
235
|
+
} : [],
|
|
236
|
+
withContentFileLoader(),
|
|
237
|
+
withContentListLoader()
|
|
238
|
+
];
|
|
239
|
+
}
|
|
240
|
+
//#endregion
|
|
241
|
+
//#region packages/content/md4x/src/lib/streaming-markdown-renderer.ts
|
|
242
|
+
/**
|
|
243
|
+
* Transforms a stream of markdown chunks into a stream of rendered HTML.
|
|
244
|
+
* Uses md4x's `heal()` to fix incomplete markdown from streaming sources
|
|
245
|
+
* (LLMs, collaborative editing) so each emitted HTML chunk is valid.
|
|
246
|
+
*
|
|
247
|
+
* @experimental Streaming markdown support is experimental and may change in future releases.
|
|
248
|
+
*
|
|
249
|
+
* @example
|
|
250
|
+
* ```typescript
|
|
251
|
+
* // In a Nitro API route
|
|
252
|
+
* import { streamMarkdown } from '@analogjs/content';
|
|
253
|
+
*
|
|
254
|
+
* export default defineEventHandler(async (event) => {
|
|
255
|
+
* const llmStream = getAIStream(prompt);
|
|
256
|
+
* return streamMarkdown(llmStream, { heal: true });
|
|
257
|
+
* });
|
|
258
|
+
* ```
|
|
259
|
+
*/
|
|
260
|
+
async function streamMarkdown(input, options) {
|
|
261
|
+
const { renderToHtml, heal } = await import("md4x/napi");
|
|
262
|
+
let buffer = "";
|
|
263
|
+
const reader = input.getReader();
|
|
264
|
+
return new ReadableStream({
|
|
265
|
+
async pull(controller) {
|
|
266
|
+
try {
|
|
267
|
+
const { done, value } = await reader.read();
|
|
268
|
+
if (done) {
|
|
269
|
+
if (buffer) {
|
|
270
|
+
const source = options?.heal ? heal(buffer) : buffer;
|
|
271
|
+
controller.enqueue(renderToHtml(source));
|
|
272
|
+
}
|
|
273
|
+
controller.close();
|
|
274
|
+
return;
|
|
275
|
+
}
|
|
276
|
+
buffer += value;
|
|
277
|
+
const source = options?.heal ? heal(buffer) : buffer;
|
|
278
|
+
controller.enqueue(renderToHtml(source));
|
|
279
|
+
} catch (error) {
|
|
280
|
+
controller.error(error);
|
|
281
|
+
}
|
|
282
|
+
},
|
|
283
|
+
cancel() {
|
|
284
|
+
reader.cancel();
|
|
285
|
+
}
|
|
286
|
+
});
|
|
287
|
+
}
|
|
288
|
+
//#endregion
|
|
289
|
+
export { MD4X_RENDERER_OPTIONS, Md4xContentRendererService, Md4xWasmContentRendererService, streamMarkdown, withMd4xRenderer, withMd4xWasmRenderer };
|
|
290
|
+
|
|
291
|
+
//# sourceMappingURL=analogjs-content-md4x.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
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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"}
|
|
@@ -0,0 +1,170 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
import { Directive, ElementRef, InjectionToken, Renderer2, ViewContainerRef, effect, inject, input } from "@angular/core";
|
|
3
|
+
//#region packages/content/mdc/src/lib/mdc-component-registry.ts
|
|
4
|
+
/**
|
|
5
|
+
* Registry mapping MDC component names to lazy-loaded Angular components.
|
|
6
|
+
*
|
|
7
|
+
* @experimental MDC component support is experimental and may change in future releases.
|
|
8
|
+
*/
|
|
9
|
+
var MDC_COMPONENTS = new InjectionToken("mdc_components");
|
|
10
|
+
/**
|
|
11
|
+
* Provides a registry of Angular components that can be used in MDC
|
|
12
|
+
* (Markdown Components) syntax within markdown content.
|
|
13
|
+
*
|
|
14
|
+
* @experimental MDC component support is experimental and may change in future releases.
|
|
15
|
+
*
|
|
16
|
+
* @example
|
|
17
|
+
* ```typescript
|
|
18
|
+
* provideContent(
|
|
19
|
+
* withMd4xRenderer(),
|
|
20
|
+
* withMdcComponents({
|
|
21
|
+
* alert: () => import('./components/alert.component').then(m => m.AlertComponent),
|
|
22
|
+
* card: () => import('./components/card.component').then(m => m.CardComponent),
|
|
23
|
+
* }),
|
|
24
|
+
* );
|
|
25
|
+
* ```
|
|
26
|
+
*/
|
|
27
|
+
function withMdcComponents(components) {
|
|
28
|
+
return {
|
|
29
|
+
provide: MDC_COMPONENTS,
|
|
30
|
+
useValue: new Map(Object.entries(components))
|
|
31
|
+
};
|
|
32
|
+
}
|
|
33
|
+
//#endregion
|
|
34
|
+
//#region packages/content/mdc/src/lib/mdc-renderer.directive.ts
|
|
35
|
+
/**
|
|
36
|
+
* Directive that renders MDC (Markdown Components) AST nodes as Angular components.
|
|
37
|
+
*
|
|
38
|
+
* Walks the ComarkTree AST from md4x's `parseAST()`, matches component nodes
|
|
39
|
+
* to the registered MDC_COMPONENTS map, and instantiates them via
|
|
40
|
+
* `ViewContainerRef.createComponent()` with MDC attributes bound as inputs.
|
|
41
|
+
*
|
|
42
|
+
* @experimental MDC component support is experimental and may change in future releases.
|
|
43
|
+
*
|
|
44
|
+
* @example
|
|
45
|
+
* ```html
|
|
46
|
+
* <div [mdcAst]="parsedAst"></div>
|
|
47
|
+
* ```
|
|
48
|
+
*/
|
|
49
|
+
var MdcRendererDirective = class MdcRendererDirective {
|
|
50
|
+
constructor() {
|
|
51
|
+
this.ast = input(null, { alias: "mdcAst" });
|
|
52
|
+
this.viewContainer = inject(ViewContainerRef);
|
|
53
|
+
this.renderer = inject(Renderer2);
|
|
54
|
+
this.el = inject(ElementRef);
|
|
55
|
+
this.components = inject(MDC_COMPONENTS, { optional: true });
|
|
56
|
+
this.renderId = 0;
|
|
57
|
+
effect(() => {
|
|
58
|
+
const ast = this.ast();
|
|
59
|
+
const currentRenderId = ++this.renderId;
|
|
60
|
+
this.viewContainer.clear();
|
|
61
|
+
const host = this.el.nativeElement;
|
|
62
|
+
host.innerHTML = "";
|
|
63
|
+
if (!ast?.nodes) return;
|
|
64
|
+
this.renderNodes(ast.nodes, host, currentRenderId);
|
|
65
|
+
});
|
|
66
|
+
}
|
|
67
|
+
async renderNodes(nodes, parent, renderId) {
|
|
68
|
+
for (const node of nodes) {
|
|
69
|
+
if (this.renderId !== renderId) return;
|
|
70
|
+
await this.renderNode(node, parent, renderId);
|
|
71
|
+
}
|
|
72
|
+
}
|
|
73
|
+
async renderNode(node, parent, renderId) {
|
|
74
|
+
if (this.renderId !== renderId) return;
|
|
75
|
+
if (typeof node === "string") {
|
|
76
|
+
const text = this.renderer.createText(node);
|
|
77
|
+
this.renderer.appendChild(parent, text);
|
|
78
|
+
return;
|
|
79
|
+
}
|
|
80
|
+
const [tag, props, ...children] = node;
|
|
81
|
+
if (!tag) {
|
|
82
|
+
for (const child of children) {
|
|
83
|
+
if (this.renderId !== renderId) return;
|
|
84
|
+
await this.renderNode(child, parent, renderId);
|
|
85
|
+
}
|
|
86
|
+
return;
|
|
87
|
+
}
|
|
88
|
+
const componentLoader = this.components?.get(tag);
|
|
89
|
+
if (componentLoader) {
|
|
90
|
+
try {
|
|
91
|
+
const componentType = await componentLoader();
|
|
92
|
+
if (this.renderId !== renderId) return;
|
|
93
|
+
const tempContainer = this.renderer.createElement("div");
|
|
94
|
+
for (const child of children) {
|
|
95
|
+
if (this.renderId !== renderId) return;
|
|
96
|
+
await this.renderNode(child, tempContainer, renderId);
|
|
97
|
+
}
|
|
98
|
+
if (this.renderId !== renderId) return;
|
|
99
|
+
const projectableNodes = [Array.from(tempContainer.childNodes)];
|
|
100
|
+
const componentRef = this.viewContainer.createComponent(componentType, { projectableNodes });
|
|
101
|
+
for (const [key, value] of Object.entries(props)) componentRef.setInput(key, value);
|
|
102
|
+
const componentEl = componentRef.location.nativeElement;
|
|
103
|
+
this.renderer.appendChild(parent, componentEl);
|
|
104
|
+
} catch (e) {
|
|
105
|
+
console.error(`[MdcRenderer] Failed to load component "${tag}":`, e);
|
|
106
|
+
}
|
|
107
|
+
return;
|
|
108
|
+
}
|
|
109
|
+
const el = this.renderer.createElement(tag);
|
|
110
|
+
for (const [key, value] of Object.entries(props)) this.renderer.setAttribute(el, key, String(value));
|
|
111
|
+
for (const child of children) {
|
|
112
|
+
if (this.renderId !== renderId) return;
|
|
113
|
+
await this.renderNode(child, el, renderId);
|
|
114
|
+
}
|
|
115
|
+
this.renderer.appendChild(parent, el);
|
|
116
|
+
}
|
|
117
|
+
static {
|
|
118
|
+
this.ɵfac = i0.ɵɵngDeclareFactory({
|
|
119
|
+
minVersion: "12.0.0",
|
|
120
|
+
version: "22.1.5",
|
|
121
|
+
ngImport: i0,
|
|
122
|
+
type: MdcRendererDirective,
|
|
123
|
+
deps: [],
|
|
124
|
+
target: i0.ɵɵFactoryTarget.Directive
|
|
125
|
+
});
|
|
126
|
+
}
|
|
127
|
+
static {
|
|
128
|
+
this.ɵdir = i0.ɵɵngDeclareDirective({
|
|
129
|
+
minVersion: "17.1.0",
|
|
130
|
+
version: "22.1.5",
|
|
131
|
+
type: MdcRendererDirective,
|
|
132
|
+
isStandalone: true,
|
|
133
|
+
selector: "[mdcAst]",
|
|
134
|
+
inputs: { ast: {
|
|
135
|
+
classPropertyName: "ast",
|
|
136
|
+
publicName: "mdcAst",
|
|
137
|
+
isSignal: true,
|
|
138
|
+
isRequired: false,
|
|
139
|
+
transformFunction: null
|
|
140
|
+
} },
|
|
141
|
+
ngImport: i0
|
|
142
|
+
});
|
|
143
|
+
}
|
|
144
|
+
};
|
|
145
|
+
i0.ɵɵngDeclareClassMetadata({
|
|
146
|
+
minVersion: "12.0.0",
|
|
147
|
+
version: "22.1.5",
|
|
148
|
+
ngImport: i0,
|
|
149
|
+
type: MdcRendererDirective,
|
|
150
|
+
decorators: [{
|
|
151
|
+
type: Directive,
|
|
152
|
+
args: [{
|
|
153
|
+
selector: "[mdcAst]",
|
|
154
|
+
standalone: true
|
|
155
|
+
}]
|
|
156
|
+
}],
|
|
157
|
+
ctorParameters: () => [],
|
|
158
|
+
propDecorators: { ast: [{
|
|
159
|
+
type: i0.Input,
|
|
160
|
+
args: [{
|
|
161
|
+
isSignal: true,
|
|
162
|
+
alias: "mdcAst",
|
|
163
|
+
required: false
|
|
164
|
+
}]
|
|
165
|
+
}] }
|
|
166
|
+
});
|
|
167
|
+
//#endregion
|
|
168
|
+
export { MDC_COMPONENTS, MdcRendererDirective, withMdcComponents };
|
|
169
|
+
|
|
170
|
+
//# sourceMappingURL=analogjs-content-mdc.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
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":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"analogjs-content-og.mjs","names":[],"sources":["../../og/src/lib/og.ts"],"sourcesContent":["// Credit for modified source: https://github.com/etherCorps/sveltekit-og/blob/main/src/lib/api.ts\n\nimport satori from 'satori';\nimport { html as toReactElement } from 'satori-html';\nimport sharp from 'sharp';\n\nimport { ImageResponseOptions } from './options';\n\nexport const generateImage = async (\n element: string,\n options: ImageResponseOptions,\n): Promise<Buffer> => {\n const elementHtml = toReactElement(element);\n const svg = await satori(elementHtml as any, {\n width: options.width || 1200,\n height: options.height || 630,\n fonts: options.fonts?.length ? options.fonts : [],\n tailwindConfig: options.tailwindConfig,\n });\n const svgBuffer = Buffer.from(svg);\n const png = sharp(svgBuffer).png().toBuffer();\n\n const pngBuffer = await png;\n\n return pngBuffer;\n};\n\nexport class ImageResponse extends Response {\n constructor(element: string, options: ImageResponseOptions = {}) {\n super();\n\n const body = new ReadableStream({\n async start(controller) {\n const buffer = await generateImage(element, options);\n controller.enqueue(buffer);\n controller.close();\n },\n });\n\n return new Response(body, {\n headers: {\n 'Content-Type': 'image/png',\n 'Cache-Control': options.debug\n ? 'no-cache, no-store'\n : 'public, immutable, no-transform, max-age=31536000',\n ...options.headers,\n },\n status: options.status || 200,\n statusText: options.statusText,\n });\n }\n}\n"],"mappings":";;;;AAQA,IAAa,gBAAgB,OAC3B,SACA,YACmB;CAEnB,MAAM,MAAM,MAAM,OADE,KAAe,QAAQ,EACE;EAC3C,OAAO,QAAQ,SAAS;EACxB,QAAQ,QAAQ,UAAU;EAC1B,OAAO,QAAQ,OAAO,SAAS,QAAQ,QAAQ,EAAE;EACjD,gBAAgB,QAAQ;EACzB,CAAC;AAMF,QAFkB,MAFN,MADM,OAAO,KAAK,IAAI,CACN,CAAC,KAAK,CAAC,UAAU;;AAO/C,IAAa,gBAAb,cAAmC,SAAQ;CACzC,YAAY,SAAiB,UAAgC,EAAE,EAAA;AAC7D,SAAO;EAEP,MAAM,OAAO,IAAI,eAAe,EAC9B,MAAM,MAAM,YAAU;GACpB,MAAM,SAAS,MAAM,cAAc,SAAS,QAAQ;AACpD,cAAW,QAAQ,OAAO;AAC1B,cAAW,OAAO;KAErB,CAAC;AAEF,SAAO,IAAI,SAAS,MAAM;GACxB,SAAS;IACP,gBAAgB;IAChB,iBAAiB,QAAQ,QACrB,uBACA;IACJ,GAAG,QAAQ;IACZ;GACD,QAAQ,QAAQ,UAAU;GAC1B,YAAY,QAAQ;GACrB,CAAC"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
|
+
import { n as NoopContentRenderer, t as ContentRenderer } from "./content-renderer.mjs";
|
|
2
|
+
import { t as MarkedContentHighlighter } from "./marked-content-highlighter.mjs";
|
|
1
3
|
import * as i0 from "@angular/core";
|
|
2
4
|
import { Injectable } from "@angular/core";
|
|
3
|
-
import { ContentRenderer, MarkedContentHighlighter, NoopContentRenderer } from "@analogjs/content";
|
|
4
5
|
import { markedHighlight } from "marked-highlight";
|
|
5
6
|
import Prism$1 from "prismjs";
|
|
6
7
|
import "prismjs/plugins/toolbar/prism-toolbar";
|
|
@@ -45,7 +46,7 @@ var PrismHighlighter = class PrismHighlighter extends MarkedContentHighlighter {
|
|
|
45
46
|
static {
|
|
46
47
|
this.ɵfac = i0.ɵɵngDeclareFactory({
|
|
47
48
|
minVersion: "12.0.0",
|
|
48
|
-
version: "
|
|
49
|
+
version: "22.1.5",
|
|
49
50
|
ngImport: i0,
|
|
50
51
|
type: PrismHighlighter,
|
|
51
52
|
deps: null,
|
|
@@ -55,7 +56,7 @@ var PrismHighlighter = class PrismHighlighter extends MarkedContentHighlighter {
|
|
|
55
56
|
static {
|
|
56
57
|
this.ɵprov = i0.ɵɵngDeclareInjectable({
|
|
57
58
|
minVersion: "12.0.0",
|
|
58
|
-
version: "
|
|
59
|
+
version: "22.1.5",
|
|
59
60
|
ngImport: i0,
|
|
60
61
|
type: PrismHighlighter
|
|
61
62
|
});
|
|
@@ -63,7 +64,7 @@ var PrismHighlighter = class PrismHighlighter extends MarkedContentHighlighter {
|
|
|
63
64
|
};
|
|
64
65
|
i0.ɵɵngDeclareClassMetadata({
|
|
65
66
|
minVersion: "12.0.0",
|
|
66
|
-
version: "
|
|
67
|
+
version: "22.1.5",
|
|
67
68
|
ngImport: i0,
|
|
68
69
|
type: PrismHighlighter,
|
|
69
70
|
decorators: [{ type: Injectable }]
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"analogjs-content-prism-highlighter.mjs","names":[],"sources":["../../prism-highlighter/src/lib/prism-highlighter.ts","../../prism-highlighter/src/lib/prism/angular.ts","../../prism-highlighter/src/index.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\nimport { markedHighlight } from 'marked-highlight';\n\nimport { MarkedContentHighlighter } from '../../../src/lib/marked-content-highlighter';\n\ndeclare const Prism: typeof import('prismjs');\n\ntype HighlightExtension = ReturnType<\n MarkedContentHighlighter['getHighlightExtension']\n>;\n\n@Injectable()\nexport class PrismHighlighter extends MarkedContentHighlighter {\n override augmentCodeBlock(code: string, lang: string): string {\n const classes =\n lang.startsWith('diff') && Prism.languages['diff']\n ? `language-${lang} diff-highlight`\n : `language-${lang.replace('diff-', '')}`;\n return `<pre class=\"${classes}\"><code class=\"${classes}\">${code}</code></pre>`;\n }\n\n override getHighlightExtension(): import('marked').MarkedExtension {\n return markedHighlight({\n async: true,\n highlight: (code: string, lang: string) => {\n let diff = lang?.startsWith('diff-');\n lang = diff ? lang.replace('diff-', '') : lang || 'typescript';\n\n if (diff && !Prism.languages['diff']) {\n diff = false;\n console.warn(`Notice:\n ---------------------------------------------------------------------------------------\n The \\`diff\\` language and plugin are not available in the provided setup.\n To enable it, add the following imports your \\`app.config.ts\\`:\n import 'prismjs/components/prism-diff';\n import 'prismjs/plugins/diff-highlight/prism-diff-highlight';\n ---------------------------------------------------------------------------------------\n `);\n }\n\n if (!Prism.languages[lang]) {\n if (lang !== 'mermaid') {\n console.warn(`Notice:\n ---------------------------------------------------------------------------------------\n The requested language '${lang}' is not available in the provided setup.\n To enable it, add the following import your \\`app.config.ts\\`:\n import 'prismjs/components/prism-${lang}';\n ---------------------------------------------------------------------------------------\n `);\n }\n return code;\n }\n return Prism.highlight(\n code,\n diff ? Prism.languages['diff'] : Prism.languages[lang],\n lang,\n );\n },\n }) as HighlightExtension;\n }\n}\n","import Prism from 'prismjs';\n\n(function () {\n if (typeof Prism === 'undefined') {\n return;\n }\n\n Prism.languages['angular'] = Prism.languages.extend('markup', {\n keyword:\n /(?:@if|@for|@switch|@defer|@loading|@error|@placeholder|prefetch)\\b/,\n operator: /\\b(?:on|when)\\b/,\n number: {\n pattern: /\\b(minimum|after)\\s+\\d+(?:s|ms|)/gi,\n lookbehind: true,\n },\n builtin: {\n pattern:\n /\\b(?:viewport|timer|minimum|after|hover|idle|immediate|interaction)/,\n },\n function:\n /#?(?!\\s)[_$a-zA-Z\\xA0-\\uFFFF](?:(?!\\s)[$\\w\\xA0-\\uFFFF])*(?=\\s*(?:\\.\\s*(?:apply|bind|call)\\s*)?\\()/,\n });\n\n Prism.languages['ng'] = Prism.languages['angular'];\n})();\n","import { Provider } from '@angular/core';\nimport { PrismHighlighter } from './lib/prism-highlighter';\n\nimport {\n ContentRenderer,\n NoopContentRenderer,\n} from '../../src/lib/content-renderer';\nimport 'prismjs';\nimport 'prismjs/plugins/toolbar/prism-toolbar';\nimport 'prismjs/plugins/copy-to-clipboard/prism-copy-to-clipboard';\nimport './lib/prism/angular';\n\nexport { PrismHighlighter };\n\nexport function withPrismHighlighter(): Provider[] {\n return [{ provide: ContentRenderer, useClass: NoopContentRenderer }];\n}\n"],"mappings":";;;;;;;;;AAYA,IAAa,mBAAb,MAAa,yBAAyB,yBAAwB;CACnD,iBAAiB,MAAc,MAAY;EAClD,MAAM,UACJ,KAAK,WAAW,OAAO,IAAI,MAAM,UAAU,UACvC,YAAY,KAAI,mBAChB,YAAY,KAAK,QAAQ,SAAS,GAAG;AAC3C,SAAO,eAAe,QAAO,iBAAkB,QAAO,IAAK,KAAI;;CAGxD,wBAAqB;AAC5B,SAAO,gBAAgB;GACrB,OAAO;GACP,YAAY,MAAc,SAAgB;IACxC,IAAI,OAAO,MAAM,WAAW,QAAQ;AACpC,WAAO,OAAO,KAAK,QAAQ,SAAS,GAAG,GAAG,QAAQ;AAElD,QAAI,QAAQ,CAAC,MAAM,UAAU,SAAS;AACpC,YAAO;AACP,aAAQ,KAAK;;;;;;;cAOT;;AAGN,QAAI,CAAC,MAAM,UAAU,OAAO;AAC1B,SAAI,SAAS,UACX,SAAQ,KAAK;;8BAEK,KAAI;;yCAEO,KAAI;;gBAE7B;AAEN,YAAO;;AAET,WAAO,MAAM,UACX,MACA,OAAO,MAAM,UAAU,UAAU,MAAM,UAAU,OACjD,KACD;;GAEJ,CAAuB;;;;;;;SA9Cf;GAAgB,MAAA;GAAA,QAAA,GAAA,gBAAA;GAAA,CAAA;;;;;;;SAAhB;GAAgB,CAAA;;;;;;;OAAhB;CAAgB,YAAA,CAAA,EAAA,MAD5B,YAAA,CAAA;;;;CCTA,WAAA;AACC,KAAI,OAAO,YAAU,YACnB;AAGF,SAAM,UAAU,aAAa,QAAM,UAAU,OAAO,UAAU;EAC5D,SACE;EACF,UAAU;EACV,QAAQ;GACN,SAAS;GACT,YAAY;GACb;EACD,SAAS,EACP,SACE,uEACH;EACD,UACE;EACH,CAAC;AAEF,SAAM,UAAU,QAAQ,QAAM,UAAU;IACtC;;;ACVJ,SAAgB,uBAAoB;AAClC,QAAO,CAAC;EAAE,SAAS;EAAiB,UAAU;EAAqB,CAAC"}
|