@analogjs/content 2.0.0-alpha.9 → 2.0.0-beta.10

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

@@ -1 +1 @@
-{"version":3,"file":"analogjs-content-og.mjs","sources":["../../../../packages/content/og/src/lib/og.ts","../../../../packages/content/og/src/analogjs-content-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.js';\n\nexport const generateImage = async (\n  element: string,\n  options: ImageResponseOptions,\n) => {\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","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["toReactElement"],"mappings":";;;;AAAA;AAQO,MAAM,aAAa,GAAG,OAC3B,OAAe,EACf,OAA6B,KAC3B;AACF,IAAA,MAAM,WAAW,GAAGA,IAAc,CAAC,OAAO,CAAC;AAC3C,IAAA,MAAM,GAAG,GAAG,MAAM,MAAM,CAAC,WAAkB,EAAE;AAC3C,QAAA,KAAK,EAAE,OAAO,CAAC,KAAK,IAAI,IAAI;AAC5B,QAAA,MAAM,EAAE,OAAO,CAAC,MAAM,IAAI,GAAG;AAC7B,QAAA,KAAK,EAAE,OAAO,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC,KAAK,GAAG,EAAE;QACjD,cAAc,EAAE,OAAO,CAAC,cAAc;AACvC,KAAA,CAAC;IACF,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC;AAClC,IAAA,MAAM,GAAG,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC,GAAG,EAAE,CAAC,QAAQ,EAAE;AAE7C,IAAA,MAAM,SAAS,GAAG,MAAM,GAAG;AAE3B,IAAA,OAAO,SAAS;AAClB,CAAC;AAEK,MAAO,aAAc,SAAQ,QAAQ,CAAA;IACzC,WAAY,CAAA,OAAe,EAAE,OAAA,GAAgC,EAAE,EAAA;AAC7D,QAAA,KAAK,EAAE;AAEP,QAAA,MAAM,IAAI,GAAG,IAAI,cAAc,CAAC;YAC9B,MAAM,KAAK,CAAC,UAAU,EAAA;gBACpB,MAAM,MAAM,GAAG,MAAM,aAAa,CAAC,OAAO,EAAE,OAAO,CAAC;AACpD,gBAAA,UAAU,CAAC,OAAO,CAAC,MAAM,CAAC;gBAC1B,UAAU,CAAC,KAAK,EAAE;aACnB;AACF,SAAA,CAAC;AAEF,QAAA,OAAO,IAAI,QAAQ,CAAC,IAAI,EAAE;AACxB,YAAA,OAAO,EAAE;AACP,gBAAA,cAAc,EAAE,WAAW;gBAC3B,eAAe,EAAE,OAAO,CAAC;AACvB,sBAAE;AACF,sBAAE,mDAAmD;gBACvD,GAAG,OAAO,CAAC,OAAO;AACnB,aAAA;AACD,YAAA,MAAM,EAAE,OAAO,CAAC,MAAM,IAAI,GAAG;YAC7B,UAAU,EAAE,OAAO,CAAC,UAAU;AAC/B,SAAA,CAAC;;AAEL;;ACnDD;;AAEG;;;;"}
+{"version":3,"file":"analogjs-content-og.mjs","sources":["../../../../packages/content/og/src/lib/og.ts","../../../../packages/content/og/src/analogjs-content-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) => {\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","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["toReactElement"],"mappings":";;;;AAAA;AAQO,MAAM,aAAa,GAAG,OAC3B,OAAe,EACf,OAA6B,KAC3B;AACF,IAAA,MAAM,WAAW,GAAGA,IAAc,CAAC,OAAO,CAAC;AAC3C,IAAA,MAAM,GAAG,GAAG,MAAM,MAAM,CAAC,WAAkB,EAAE;AAC3C,QAAA,KAAK,EAAE,OAAO,CAAC,KAAK,IAAI,IAAI;AAC5B,QAAA,MAAM,EAAE,OAAO,CAAC,MAAM,IAAI,GAAG;AAC7B,QAAA,KAAK,EAAE,OAAO,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC,KAAK,GAAG,EAAE;QACjD,cAAc,EAAE,OAAO,CAAC,cAAc;AACvC,KAAA,CAAC;IACF,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC;AAClC,IAAA,MAAM,GAAG,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC,GAAG,EAAE,CAAC,QAAQ,EAAE;AAE7C,IAAA,MAAM,SAAS,GAAG,MAAM,GAAG;AAE3B,IAAA,OAAO,SAAS;AAClB,CAAC;AAEK,MAAO,aAAc,SAAQ,QAAQ,CAAA;IACzC,WAAA,CAAY,OAAe,EAAE,OAAA,GAAgC,EAAE,EAAA;AAC7D,QAAA,KAAK,EAAE;AAEP,QAAA,MAAM,IAAI,GAAG,IAAI,cAAc,CAAC;YAC9B,MAAM,KAAK,CAAC,UAAU,EAAA;gBACpB,MAAM,MAAM,GAAG,MAAM,aAAa,CAAC,OAAO,EAAE,OAAO,CAAC;AACpD,gBAAA,UAAU,CAAC,OAAO,CAAC,MAAM,CAAC;gBAC1B,UAAU,CAAC,KAAK,EAAE;aACnB;AACF,SAAA,CAAC;AAEF,QAAA,OAAO,IAAI,QAAQ,CAAC,IAAI,EAAE;AACxB,YAAA,OAAO,EAAE;AACP,gBAAA,cAAc,EAAE,WAAW;gBAC3B,eAAe,EAAE,OAAO,CAAC;AACvB,sBAAE;AACF,sBAAE,mDAAmD;gBACvD,GAAG,OAAO,CAAC,OAAO;AACnB,aAAA;AACD,YAAA,MAAM,EAAE,OAAO,CAAC,MAAM,IAAI,GAAG;YAC7B,UAAU,EAAE,OAAO,CAAC,UAAU;AAC/B,SAAA,CAAC;;AAEL;;ACnDD;;AAEG;;;;"}

package/fesm2022/analogjs-content-prism-highlighter.mjs

@@ -1,4 +1,4 @@
-import { MarkedContentHighlighter, ContentRenderer, NoopContentRenderer } from '@analogjs/content';
+import { MarkedContentHighlighter, NoopContentRenderer, ContentRenderer } from '@analogjs/content';
 import * as i0 from '@angular/core';
 import { Injectable } from '@angular/core';
 import { markedHighlight } from 'marked-highlight';
@@ -46,10 +46,10 @@ class PrismHighlighter extends MarkedContentHighlighter {
             },
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: PrismHighlighter, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: PrismHighlighter }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: PrismHighlighter, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: PrismHighlighter }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: PrismHighlighter, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: PrismHighlighter, decorators: [{
             type: Injectable
         }] });
 

package/fesm2022/analogjs-content-prism-highlighter.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"analogjs-content-prism-highlighter.mjs","sources":["../../../../packages/content/prism-highlighter/src/lib/prism-highlighter.ts","../../../../packages/content/prism-highlighter/src/lib/prism/angular.js","../../../../packages/content/prism-highlighter/src/index.ts","../../../../packages/content/prism-highlighter/src/analogjs-content-prism-highlighter.ts"],"sourcesContent":["import { MarkedContentHighlighter } from '@analogjs/content';\nimport { Injectable } from '@angular/core';\nimport { markedHighlight } from 'marked-highlight';\n\ndeclare const Prism: typeof import('prismjs');\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() {\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    });\n  }\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 { ContentRenderer, NoopContentRenderer } from '@analogjs/content';\nimport { Provider } from '@angular/core';\nimport { PrismHighlighter } from './lib/prism-highlighter';\n\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","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;AAOM,MAAO,gBAAiB,SAAQ,wBAAwB,CAAA;IACnD,gBAAgB,CAAC,IAAY,EAAE,IAAY,EAAA;AAClD,QAAA,MAAM,OAAO,GACX,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,IAAI,KAAK,CAAC,SAAS,CAAC,MAAM;cAC7C,CAAY,SAAA,EAAA,IAAI,CAAiB,eAAA;cACjC,CAAY,SAAA,EAAA,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,EAAE,CAAC,CAAA,CAAE;AAC7C,QAAA,OAAO,eAAe,OAAO,CAAA,eAAA,EAAkB,OAAO,CAAK,EAAA,EAAA,IAAI,eAAe;;IAGvE,qBAAqB,GAAA;AAC5B,QAAA,OAAO,eAAe,CAAC;AACrB,YAAA,KAAK,EAAE,IAAI;AACX,YAAA,SAAS,EAAE,CAAC,IAAY,EAAE,IAAY,KAAI;gBACxC,IAAI,IAAI,GAAG,IAAI,EAAE,UAAU,CAAC,OAAO,CAAC;AACpC,gBAAA,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,EAAE,CAAC,GAAG,IAAI,IAAI,YAAY;gBAE9D,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,EAAE;oBACpC,IAAI,GAAG,KAAK;oBACZ,OAAO,CAAC,IAAI,CAAC,CAAA;;;;;;;AAOV,YAAA,CAAA,CAAC;;gBAGN,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE;AAC1B,oBAAA,IAAI,IAAI,KAAK,SAAS,EAAE;wBACtB,OAAO,CAAC,IAAI,CAAC,CAAA;;8BAEK,IAAI,CAAA;;yCAEO,IAAI,CAAA;;AAE9B,cAAA,CAAA,CAAC;;AAEN,oBAAA,OAAO,IAAI;;AAEb,gBAAA,OAAO,KAAK,CAAC,SAAS,CACpB,IAAI,EACJ,IAAI,GAAG,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,EACtD,IAAI,CACL;aACF;AACF,SAAA,CAAC;;8GA9CO,gBAAgB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA,CAAA;kHAAhB,gBAAgB,EAAA,CAAA,CAAA;;2FAAhB,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAD5B;;;;ACND,CAAC,YAAA;AACC,IAAA,IAAI,OAAO,KAAK,KAAK,WAAW,EAAE;QAChC;;AAGF,IAAA,KAAK,CAAC,SAAS,CAAC,OAAO,GAAG,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,QAAQ,EAAE;AACzD,QAAA,OAAO,EACL,qEAAqE;AACvE,QAAA,QAAQ,EAAE,iBAAiB;AAC3B,QAAA,MAAM,EAAE;AACN,YAAA,OAAO,EAAE,oCAAoC;AAC7C,YAAA,UAAU,EAAE,IAAI;AACjB,SAAA;AACD,QAAA,OAAO,EAAE;AACP,YAAA,OAAO,EACL,qEAAqE;AACxE,SAAA;AACD,QAAA,QAAQ,EACN,mGAAmG;AACtG,KAAA,CAAC;IAEF,KAAK,CAAC,SAAS,CAAC,EAAE,GAAG,KAAK,CAAC,SAAS,CAAC,OAAO;AAC9C,CAAC,GAAG;;SCXY,oBAAoB,GAAA;IAClC,OAAO,CAAC,EAAE,OAAO,EAAE,eAAe,EAAE,QAAQ,EAAE,mBAAmB,EAAE,CAAC;AACtE;;ACbA;;AAEG;;;;"}
+{"version":3,"file":"analogjs-content-prism-highlighter.mjs","sources":["../../../../packages/content/prism-highlighter/src/lib/prism-highlighter.ts","../../../../packages/content/prism-highlighter/src/lib/prism/angular.js","../../../../packages/content/prism-highlighter/src/index.ts","../../../../packages/content/prism-highlighter/src/analogjs-content-prism-highlighter.ts"],"sourcesContent":["import { MarkedContentHighlighter } from '@analogjs/content';\nimport { Injectable } from '@angular/core';\nimport { markedHighlight } from 'marked-highlight';\n\ndeclare const Prism: typeof import('prismjs');\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() {\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    });\n  }\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 { ContentRenderer, NoopContentRenderer } from '@analogjs/content';\nimport { Provider } from '@angular/core';\nimport { PrismHighlighter } from './lib/prism-highlighter';\n\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","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;AAOM,MAAO,gBAAiB,SAAQ,wBAAwB,CAAA;IACnD,gBAAgB,CAAC,IAAY,EAAE,IAAY,EAAA;AAClD,QAAA,MAAM,OAAO,GACX,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,IAAI,KAAK,CAAC,SAAS,CAAC,MAAM;cAC7C,CAAA,SAAA,EAAY,IAAI,CAAA,eAAA;cAChB,CAAA,SAAA,EAAY,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,EAAE,CAAC,CAAA,CAAE;AAC7C,QAAA,OAAO,eAAe,OAAO,CAAA,eAAA,EAAkB,OAAO,CAAA,EAAA,EAAK,IAAI,eAAe;;IAGvE,qBAAqB,GAAA;AAC5B,QAAA,OAAO,eAAe,CAAC;AACrB,YAAA,KAAK,EAAE,IAAI;AACX,YAAA,SAAS,EAAE,CAAC,IAAY,EAAE,IAAY,KAAI;gBACxC,IAAI,IAAI,GAAG,IAAI,EAAE,UAAU,CAAC,OAAO,CAAC;AACpC,gBAAA,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,EAAE,CAAC,GAAG,IAAI,IAAI,YAAY;gBAE9D,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,EAAE;oBACpC,IAAI,GAAG,KAAK;oBACZ,OAAO,CAAC,IAAI,CAAC,CAAA;;;;;;;AAOV,YAAA,CAAA,CAAC;;gBAGN,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE;AAC1B,oBAAA,IAAI,IAAI,KAAK,SAAS,EAAE;wBACtB,OAAO,CAAC,IAAI,CAAC,CAAA;;8BAEK,IAAI,CAAA;;yCAEO,IAAI,CAAA;;AAE9B,cAAA,CAAA,CAAC;;AAEN,oBAAA,OAAO,IAAI;;AAEb,gBAAA,OAAO,KAAK,CAAC,SAAS,CACpB,IAAI,EACJ,IAAI,GAAG,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,EACtD,IAAI,CACL;aACF;AACF,SAAA,CAAC;;8GA9CO,gBAAgB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA,CAAA;kHAAhB,gBAAgB,EAAA,CAAA,CAAA;;2FAAhB,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAD5B;;;;ACND,CAAC,YAAA;AACC,IAAA,IAAI,OAAO,KAAK,KAAK,WAAW,EAAE;QAChC;;AAGF,IAAA,KAAK,CAAC,SAAS,CAAC,OAAO,GAAG,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,QAAQ,EAAE;AACzD,QAAA,OAAO,EACL,qEAAqE;AACvE,QAAA,QAAQ,EAAE,iBAAiB;AAC3B,QAAA,MAAM,EAAE;AACN,YAAA,OAAO,EAAE,oCAAoC;AAC7C,YAAA,UAAU,EAAE,IAAI;AACjB,SAAA;AACD,QAAA,OAAO,EAAE;AACP,YAAA,OAAO,EACL,qEAAqE;AACxE,SAAA;AACD,QAAA,QAAQ,EACN,mGAAmG;AACtG,KAAA,CAAC;IAEF,KAAK,CAAC,SAAS,CAAC,EAAE,GAAG,KAAK,CAAC,SAAS,CAAC,OAAO;AAC9C,CAAC,GAAG;;SCXY,oBAAoB,GAAA;IAClC,OAAO,CAAC,EAAE,OAAO,EAAE,eAAe,EAAE,QAAQ,EAAE,mBAAmB,EAAE,CAAC;AACtE;;ACbA;;AAEG;;;;"}

package/fesm2022/analogjs-content-resources.mjs

@@ -0,0 +1,84 @@
+import { resource, inject, computed } from '@angular/core';
+import { injectContentListLoader, parseRawContentFile, injectContentFileLoader } from '@analogjs/content';
+import { ActivatedRoute } from '@angular/router';
+import { toSignal } from '@angular/core/rxjs-interop';
+import { from } from 'rxjs';
+import { map } from 'rxjs/operators';
+
+function contentFilesResource(filterFn) {
+    const contentListLoader = injectContentListLoader();
+    const contentList = contentListLoader().then((items) => filterFn ? items.filter(filterFn) : items);
+    return resource({
+        loader: () => contentList,
+    });
+}
+
+async function getContentFile(contentFiles, slug, fallback) {
+    const filePath = `/src/content/${slug}`;
+    const contentFile = contentFiles[`${filePath}.md`] ?? contentFiles[`${filePath}.agx`];
+    if (!contentFile) {
+        return {
+            filename: filePath,
+            attributes: {},
+            slug: '',
+            content: fallback,
+        };
+    }
+    return contentFile().then((contentFile) => {
+        if (typeof contentFile === 'string') {
+            const { content, attributes } = parseRawContentFile(contentFile);
+            return {
+                filename: filePath,
+                slug,
+                attributes,
+                content,
+            };
+        }
+        return {
+            filename: filePath,
+            slug,
+            attributes: contentFile.metadata,
+            content: contentFile.default,
+        };
+    });
+}
+/**
+ * Resource for requesting an individual content file
+ *
+ * @param params
+ * @param fallback
+ * @returns
+ */
+function contentFileResource(params, fallback = 'No Content Found') {
+    const loaderPromise = injectContentFileLoader();
+    const contentFilesMap = toSignal(from(loaderPromise()));
+    const input = params ||
+        toSignal(inject(ActivatedRoute).paramMap.pipe(map((params) => params.get('slug'))), { requireSync: true });
+    return resource({
+        params: computed(() => ({ input: input(), files: contentFilesMap() })),
+        loader: async ({ params }) => {
+            const { input: param, files } = params;
+            if (typeof param === 'string') {
+                if (param) {
+                    return getContentFile(files, param, fallback);
+                }
+                return {
+                    filename: '',
+                    slug: '',
+                    attributes: {},
+                    content: fallback,
+                };
+            }
+            else {
+                return getContentFile(files, param.customFilename, fallback);
+            }
+        },
+    });
+}
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { contentFileResource, contentFilesResource };
+//# sourceMappingURL=analogjs-content-resources.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"analogjs-content-resources.mjs","sources":["../../../../packages/content/resources/src/content-files-resource.ts","../../../../packages/content/resources/src/content-file-resource.ts","../../../../packages/content/resources/src/analogjs-content-resources.ts"],"sourcesContent":["import { resource } from '@angular/core';\nimport {\n  injectContentListLoader,\n  InjectContentFilesFilterFunction,\n} from '@analogjs/content';\n\nexport function contentFilesResource<Attributes extends Record<string, any>>(\n  filterFn?: InjectContentFilesFilterFunction<Attributes> | undefined,\n) {\n  const contentListLoader = injectContentListLoader<Attributes>();\n  const contentList = contentListLoader().then((items) =>\n    filterFn ? items.filter(filterFn) : items,\n  );\n\n  return resource({\n    loader: () => contentList,\n  });\n}\n","import { computed, inject, resource, Signal } from '@angular/core';\nimport {\n  ContentFile,\n  parseRawContentFile,\n  injectContentFileLoader,\n} from '@analogjs/content';\nimport { ActivatedRoute } from '@angular/router';\n\nimport { toSignal } from '@angular/core/rxjs-interop';\nimport { from } from 'rxjs';\nimport { map } from 'rxjs/operators';\n\ntype ContentFileParams = Signal<\n  | string\n  | {\n      customFilename: string;\n    }\n>;\n\nasync function getContentFile<\n  Attributes extends Record<string, any> = Record<string, any>,\n>(\n  contentFiles: Record<string, () => Promise<string>>,\n  slug: string,\n  fallback: string,\n): Promise<ContentFile<Attributes | Record<string, never>>> {\n  const filePath = `/src/content/${slug}`;\n  const contentFile =\n    contentFiles[`${filePath}.md`] ?? contentFiles[`${filePath}.agx`];\n\n  if (!contentFile) {\n    return {\n      filename: filePath,\n      attributes: {},\n      slug: '',\n      content: fallback,\n    } as ContentFile<Attributes | Record<string, never>>;\n  }\n\n  return contentFile().then(\n    (contentFile: string | { default: any; metadata: any }) => {\n      if (typeof contentFile === 'string') {\n        const { content, attributes } =\n          parseRawContentFile<Attributes>(contentFile);\n\n        return {\n          filename: filePath,\n          slug,\n          attributes,\n          content,\n        } as ContentFile<Attributes | Record<string, never>>;\n      }\n\n      return {\n        filename: filePath,\n        slug,\n        attributes: contentFile.metadata,\n        content: contentFile.default,\n      } as ContentFile<Attributes | Record<string, never>>;\n    },\n  );\n}\n\n/**\n * Resource for requesting an individual content file\n *\n * @param params\n * @param fallback\n * @returns\n */\nexport function contentFileResource<\n  Attributes extends Record<string, any> = Record<string, any>,\n>(params?: ContentFileParams, fallback = 'No Content Found') {\n  const loaderPromise = injectContentFileLoader();\n  const contentFilesMap = toSignal(from(loaderPromise()));\n  const input =\n    params ||\n    toSignal(\n      inject(ActivatedRoute).paramMap.pipe(\n        map((params) => params.get('slug') as string),\n      ),\n      { requireSync: true },\n    );\n\n  return resource({\n    params: computed(() => ({ input: input(), files: contentFilesMap() })),\n    loader: async ({ params }) => {\n      const { input: param, files } = params;\n\n      if (typeof param === 'string') {\n        if (param) {\n          return getContentFile<Attributes>(files!, param, fallback);\n        }\n\n        return {\n          filename: '',\n          slug: '',\n          attributes: {},\n          content: fallback,\n        } as ContentFile<Attributes | Record<string, never>>;\n      } else {\n        return getContentFile<Attributes>(\n          files!,\n          param.customFilename,\n          fallback,\n        );\n      }\n    },\n  });\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;AAMM,SAAU,oBAAoB,CAClC,QAAmE,EAAA;AAEnE,IAAA,MAAM,iBAAiB,GAAG,uBAAuB,EAAc;IAC/D,MAAM,WAAW,GAAG,iBAAiB,EAAE,CAAC,IAAI,CAAC,CAAC,KAAK,KACjD,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,GAAG,KAAK,CAC1C;AAED,IAAA,OAAO,QAAQ,CAAC;AACd,QAAA,MAAM,EAAE,MAAM,WAAW;AAC1B,KAAA,CAAC;AACJ;;ACEA,eAAe,cAAc,CAG3B,YAAmD,EACnD,IAAY,EACZ,QAAgB,EAAA;AAEhB,IAAA,MAAM,QAAQ,GAAG,CAAA,aAAA,EAAgB,IAAI,EAAE;AACvC,IAAA,MAAM,WAAW,GACf,YAAY,CAAC,GAAG,QAAQ,CAAA,GAAA,CAAK,CAAC,IAAI,YAAY,CAAC,CAAA,EAAG,QAAQ,CAAA,IAAA,CAAM,CAAC;IAEnE,IAAI,CAAC,WAAW,EAAE;QAChB,OAAO;AACL,YAAA,QAAQ,EAAE,QAAQ;AAClB,YAAA,UAAU,EAAE,EAAE;AACd,YAAA,IAAI,EAAE,EAAE;AACR,YAAA,OAAO,EAAE,QAAQ;SACiC;;IAGtD,OAAO,WAAW,EAAE,CAAC,IAAI,CACvB,CAAC,WAAqD,KAAI;AACxD,QAAA,IAAI,OAAO,WAAW,KAAK,QAAQ,EAAE;YACnC,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,GAC3B,mBAAmB,CAAa,WAAW,CAAC;YAE9C,OAAO;AACL,gBAAA,QAAQ,EAAE,QAAQ;gBAClB,IAAI;gBACJ,UAAU;gBACV,OAAO;aAC2C;;QAGtD,OAAO;AACL,YAAA,QAAQ,EAAE,QAAQ;YAClB,IAAI;YACJ,UAAU,EAAE,WAAW,CAAC,QAAQ;YAChC,OAAO,EAAE,WAAW,CAAC,OAAO;SACsB;AACtD,KAAC,CACF;AACH;AAEA;;;;;;AAMG;SACa,mBAAmB,CAEjC,MAA0B,EAAE,QAAQ,GAAG,kBAAkB,EAAA;AACzD,IAAA,MAAM,aAAa,GAAG,uBAAuB,EAAE;IAC/C,MAAM,eAAe,GAAG,QAAQ,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC,CAAC;IACvD,MAAM,KAAK,GACT,MAAM;AACN,QAAA,QAAQ,CACN,MAAM,CAAC,cAAc,CAAC,CAAC,QAAQ,CAAC,IAAI,CAClC,GAAG,CAAC,CAAC,MAAM,KAAK,MAAM,CAAC,GAAG,CAAC,MAAM,CAAW,CAAC,CAC9C,EACD,EAAE,WAAW,EAAE,IAAI,EAAE,CACtB;AAEH,IAAA,OAAO,QAAQ,CAAC;AACd,QAAA,MAAM,EAAE,QAAQ,CAAC,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,eAAe,EAAE,EAAE,CAAC,CAAC;AACtE,QAAA,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,KAAI;YAC3B,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,MAAM;AAEtC,YAAA,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;gBAC7B,IAAI,KAAK,EAAE;oBACT,OAAO,cAAc,CAAa,KAAM,EAAE,KAAK,EAAE,QAAQ,CAAC;;gBAG5D,OAAO;AACL,oBAAA,QAAQ,EAAE,EAAE;AACZ,oBAAA,IAAI,EAAE,EAAE;AACR,oBAAA,UAAU,EAAE,EAAE;AACd,oBAAA,OAAO,EAAE,QAAQ;iBACiC;;iBAC/C;gBACL,OAAO,cAAc,CACnB,KAAM,EACN,KAAK,CAAC,cAAc,EACpB,QAAQ,CACT;;SAEJ;AACF,KAAA,CAAC;AACJ;;AC7GA;;AAEG;;;;"}

package/fesm2022/analogjs-content-shiki-highlighter.mjs

@@ -1,4 +1,4 @@
-import { ContentRenderer, NoopContentRenderer } from '@analogjs/content';
+import { NoopContentRenderer, ContentRenderer } from '@analogjs/content';
 
 function withShikiHighlighter(_opts = {}) {
     return [

package/fesm2022/analogjs-content-shiki-highlighter.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"analogjs-content-shiki-highlighter.mjs","sources":["../../../../packages/content/shiki-highlighter/src/index.ts","../../../../packages/content/shiki-highlighter/src/analogjs-content-shiki-highlighter.ts"],"sourcesContent":["import { ContentRenderer, NoopContentRenderer } from '@analogjs/content';\nimport { Provider } from '@angular/core';\nimport type {\n  BundledLanguage,\n  BundledTheme,\n  CodeOptionsMeta,\n  CodeOptionsMultipleThemes,\n  CodeOptionsSingleTheme,\n  CodeToHastOptionsCommon,\n} from 'shiki';\n\nexport type ShikiHighlightOptions = Partial<\n  Omit<CodeToHastOptionsCommon<BundledLanguage>, 'lang'>\n> &\n  CodeOptionsMeta &\n  Partial<CodeOptionsSingleTheme<BundledTheme>> &\n  Partial<CodeOptionsMultipleThemes<BundledTheme>>;\n\nexport type WithShikiHighlighterOptions = ShikiHighlightOptions & {\n  container?: string;\n};\n\nexport function withShikiHighlighter(\n  _opts: WithShikiHighlighterOptions = {},\n): Provider[] {\n  return [\n    {\n      provide: ContentRenderer,\n      useClass: NoopContentRenderer,\n    },\n  ];\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;AAsBgB,SAAA,oBAAoB,CAClC,KAAA,GAAqC,EAAE,EAAA;IAEvC,OAAO;AACL,QAAA;AACE,YAAA,OAAO,EAAE,eAAe;AACxB,YAAA,QAAQ,EAAE,mBAAmB;AAC9B,SAAA;KACF;AACH;;AC/BA;;AAEG;;;;"}
+{"version":3,"file":"analogjs-content-shiki-highlighter.mjs","sources":["../../../../packages/content/shiki-highlighter/src/index.ts","../../../../packages/content/shiki-highlighter/src/analogjs-content-shiki-highlighter.ts"],"sourcesContent":["import { ContentRenderer, NoopContentRenderer } from '@analogjs/content';\nimport { Provider } from '@angular/core';\nimport type {\n  BundledLanguage,\n  BundledTheme,\n  CodeOptionsMeta,\n  CodeOptionsMultipleThemes,\n  CodeOptionsSingleTheme,\n  CodeToHastOptionsCommon,\n} from 'shiki';\n\nexport type ShikiHighlightOptions = Partial<\n  Omit<CodeToHastOptionsCommon<BundledLanguage>, 'lang'>\n> &\n  CodeOptionsMeta &\n  Partial<CodeOptionsSingleTheme<BundledTheme>> &\n  Partial<CodeOptionsMultipleThemes<BundledTheme>>;\n\nexport type WithShikiHighlighterOptions = ShikiHighlightOptions & {\n  container?: string;\n};\n\nexport function withShikiHighlighter(\n  _opts: WithShikiHighlighterOptions = {},\n): Provider[] {\n  return [\n    {\n      provide: ContentRenderer,\n      useClass: NoopContentRenderer,\n    },\n  ];\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;AAsBM,SAAU,oBAAoB,CAClC,KAAA,GAAqC,EAAE,EAAA;IAEvC,OAAO;AACL,QAAA;AACE,YAAA,OAAO,EAAE,eAAe;AACxB,YAAA,QAAQ,EAAE,mBAAmB;AAC9B,SAAA;KACF;AACH;;AC/BA;;AAEG;;;;"}

package/fesm2022/analogjs-content.mjs

@@ -1,15 +1,15 @@
 import * as i0 from '@angular/core';
-import { inject, Directive, HostListener, InjectionToken, ɵPendingTasksInternal as _PendingTasksInternal, Injectable, TransferState, makeStateKey, Component, ViewEncapsulation, Input, NgZone, PLATFORM_ID, ViewContainerRef, ViewChild } from '@angular/core';
+import { inject, HostListener, Directive, InjectionToken, signal, ɵPendingTasksInternal as _PendingTasksInternal, Injectable, TransferState, makeStateKey, Input, ViewEncapsulation, Component, NgZone, PLATFORM_ID, computed, input } from '@angular/core';
 import { DOCUMENT, Location, AsyncPipe, isPlatformBrowser } from '@angular/common';
 import { Router, ActivatedRoute } from '@angular/router';
 import { isObservable, firstValueFrom, of, Observable, from } from 'rxjs';
-import { map, switchMap, tap, filter, mergeMap, catchError } from 'rxjs/operators';
+import { map, switchMap, tap, catchError } from 'rxjs/operators';
 import fm from 'front-matter';
 import { getHeadingList, gfmHeadingId } from 'marked-gfm-heading-id';
 import { marked } from 'marked';
 import { mangle } from 'marked-mangle';
 import { DomSanitizer } from '@angular/platform-browser';
-import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { toSignal, takeUntilDestroyed } from '@angular/core/rxjs-interop';
 
 class AnchorNavigationDirective {
     constructor() {
@@ -29,10 +29,10 @@ class AnchorNavigationDirective {
         }
         return true;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: AnchorNavigationDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.4", type: AnchorNavigationDirective, isStandalone: true, selector: "[analogAnchorNavigation]", host: { listeners: { "click": "handleNavigation($event.target)" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: AnchorNavigationDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.0", type: AnchorNavigationDirective, isStandalone: true, selector: "[analogAnchorNavigation]", host: { listeners: { "click": "handleNavigation($event.target)" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: AnchorNavigationDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: AnchorNavigationDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[analogAnchorNavigation]',
@@ -73,10 +73,6 @@ const getContentFiles = () => {
     let ANALOG_CONTENT_ROUTE_FILES = {};
     return ANALOG_CONTENT_ROUTE_FILES;
 };
-const getAgxFiles = () => {
-    let ANALOG_AGX_FILES = {};
-    return ANALOG_AGX_FILES;
-};
 
 function getSlug(filename) {
     const parts = filename.match(/^(\\|\/)(.+(\\|\/))*(.+)\.(.+)$/);
@@ -102,8 +98,7 @@ const CONTENT_FILES_TOKEN = new InjectionToken('@analogjs/content Content Files'
     providedIn: 'root',
     factory() {
         const contentFiles = getContentFiles();
-        const agxFiles = getAgxFiles();
-        const allFiles = { ...contentFiles, ...agxFiles };
+        const allFiles = { ...contentFiles };
         const contentFilesList = inject(CONTENT_FILES_LIST_TOKEN);
         const lookup = {};
         contentFilesList.forEach((item) => {
@@ -126,6 +121,12 @@ const CONTENT_FILES_TOKEN = new InjectionToken('@analogjs/content Content Files'
         return objectUsingSlugAttribute;
     },
 });
+const CONTENT_FILES_MAP_TOKEN = new InjectionToken('@analogjs/content Content Files', {
+    providedIn: 'root',
+    factory() {
+        return signal(inject(CONTENT_FILES_TOKEN));
+    },
+});
 
 function parseRawContentFile(rawContentFile) {
     const { body, attributes } = fm(rawContentFile);
@@ -159,17 +160,17 @@ class RenderTaskService {
             this.#pendingTasks.remove(clear);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: RenderTaskService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: RenderTaskService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: RenderTaskService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: RenderTaskService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: RenderTaskService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: RenderTaskService, decorators: [{
             type: Injectable
         }] });
 
 /// <reference types="vite/client" />
 function getContentFile(contentFiles, prefix, slug, fallback, renderTaskService) {
     const filePath = `/src/content/${prefix}${slug}`;
-    const contentFile = contentFiles[`${filePath}.md`] ?? contentFiles[`${filePath}.agx`];
+    const contentFile = contentFiles[`${filePath}.md`];
     if (!contentFile) {
         return of({
             filename: filePath,
@@ -253,10 +254,10 @@ class ContentRenderer {
     }
     // eslint-disable-next-line
     enhance() { }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: ContentRenderer, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: ContentRenderer }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: ContentRenderer, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: ContentRenderer }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: ContentRenderer, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: ContentRenderer, decorators: [{
             type: Injectable
         }] });
 class NoopContentRenderer {
@@ -304,12 +305,15 @@ function injectContentFiles(filterFn) {
     }
     return allContentFiles;
 }
+function injectContentFilesMap() {
+    return inject(CONTENT_FILES_TOKEN);
+}
 
 class MarkedContentHighlighter {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: MarkedContentHighlighter, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: MarkedContentHighlighter }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MarkedContentHighlighter, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MarkedContentHighlighter }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: MarkedContentHighlighter, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MarkedContentHighlighter, decorators: [{
             type: Injectable
         }] });
 function withHighlighter(provider) {
@@ -355,10 +359,10 @@ class MarkedSetupService {
     getMarkedInstance() {
         return this.marked;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: MarkedSetupService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: MarkedSetupService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MarkedSetupService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MarkedSetupService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: MarkedSetupService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MarkedSetupService, decorators: [{
             type: Injectable
         }], ctorParameters: () => [] });
 
@@ -375,18 +379,46 @@ class MarkdownContentRendererService {
     }
     // eslint-disable-next-line
     enhance() { }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: MarkdownContentRendererService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: MarkdownContentRendererService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MarkdownContentRendererService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MarkdownContentRendererService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: MarkdownContentRendererService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MarkdownContentRendererService, decorators: [{
             type: Injectable
         }] });
 
+const 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();
+        },
+    };
+}
+
+const 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();
+        },
+    };
+}
+
 const CONTENT_RENDERER_PROVIDERS = [
     {
         provide: ContentRenderer,
         useClass: NoopContentRenderer,
     },
+    withContentFileLoader(),
+    withContentListLoader(),
 ];
 function withMarkdownRenderer(options) {
     return [
@@ -420,10 +452,10 @@ class AnalogMarkdownRouteComponent {
     ngAfterViewChecked() {
         this.contentRenderer.enhance();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: AnalogMarkdownRouteComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.4", type: AnalogMarkdownRouteComponent, isStandalone: true, selector: "analog-markdown-route", inputs: { classes: "classes" }, hostDirectives: [{ directive: AnchorNavigationDirective }], ngImport: i0, template: `<div [innerHTML]="content" [class]="classes"></div>`, isInline: true, encapsulation: i0.ViewEncapsulation.None, preserveWhitespaces: true }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: AnalogMarkdownRouteComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.0", type: AnalogMarkdownRouteComponent, isStandalone: true, selector: "analog-markdown-route", inputs: { classes: "classes" }, hostDirectives: [{ directive: AnchorNavigationDirective }], ngImport: i0, template: `<div [innerHTML]="content" [class]="classes"></div>`, isInline: true, encapsulation: i0.ViewEncapsulation.None, preserveWhitespaces: true }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: AnalogMarkdownRouteComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: AnalogMarkdownRouteComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'analog-markdown-route',
@@ -447,32 +479,24 @@ class AnalogMarkdownComponent {
         this.mermaidImport = inject(MERMAID_IMPORT_TOKEN, {
             optional: true,
         });
-        this.content$ = this.getContentSource();
-        this.classes = 'analog-markdown';
+        this.contentSource = toSignal(this.getContentSource());
+        this.htmlContent = computed(() => {
+            const inputContent = this.content();
+            if (inputContent) {
+                return this.sanitizer.bypassSecurityTrustHtml(inputContent);
+            }
+            return this.contentSource();
+        }, ...(ngDevMode ? [{ debugName: "htmlContent" }] : []));
+        this.content = input(...(ngDevMode ? [undefined, { debugName: "content" }] : []));
+        this.classes = input('analog-markdown', ...(ngDevMode ? [{ debugName: "classes" }] : []));
         this.contentRenderer = inject(ContentRenderer);
         if (isPlatformBrowser(this.platformId) && this.mermaidImport) {
             // Mermaid can only be loaded on client side
             this.loadMermaid(this.mermaidImport);
         }
     }
-    ngOnInit() {
-        this.updateContent();
-    }
-    ngOnChanges() {
-        this.updateContent();
-    }
-    updateContent() {
-        if (this.content && typeof this.content !== 'string') {
-            this.container.clear();
-            const componentRef = this.container.createComponent(this.content);
-            componentRef.changeDetectorRef.detectChanges();
-        }
-        else {
-            this.content$ = this.getContentSource();
-        }
-    }
     getContentSource() {
-        return this.route.data.pipe(map((data) => this.content ?? data['_analogContent']), filter((content) => typeof content === 'string'), mergeMap((contentString) => this.renderContent(contentString)), map((content) => this.sanitizer.bypassSecurityTrustHtml(content)), catchError((e) => of(`There was an error ${e}`)));
+        return this.route.data.pipe(map((data) => data['_analogContent'] ?? ''), switchMap((contentString) => this.renderContent(contentString)), map((content) => this.sanitizer.bypassSecurityTrustHtml(content)), catchError((e) => of(`There was an error ${e}`)));
     }
     async renderContent(content) {
         return this.contentRenderer.render(content);
@@ -495,40 +519,24 @@ class AnalogMarkdownComponent {
             this.mermaid?.default.run();
         }));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: AnalogMarkdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.4", type: AnalogMarkdownComponent, isStandalone: true, selector: "analog-markdown", inputs: { content: "content", classes: "classes" }, viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true, read: ViewContainerRef, static: true }], usesOnChanges: true, hostDirectives: [{ directive: AnchorNavigationDirective }], ngImport: i0, template: `<div
-    #container
-    [innerHTML]="content$ | async"
-    [class]="classes"
-  ></div>`, isInline: true, dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }], encapsulation: i0.ViewEncapsulation.None, preserveWhitespaces: true }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: AnalogMarkdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.0", type: AnalogMarkdownComponent, isStandalone: true, selector: "analog-markdown", inputs: { content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: false, transformFunction: null }, classes: { classPropertyName: "classes", publicName: "classes", isSignal: true, isRequired: false, transformFunction: null } }, hostDirectives: [{ directive: AnchorNavigationDirective }], ngImport: i0, template: ` <div [innerHTML]="htmlContent()" [class]="classes()"></div> `, isInline: true, encapsulation: i0.ViewEncapsulation.None, preserveWhitespaces: true }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: AnalogMarkdownComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: AnalogMarkdownComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'analog-markdown',
                     standalone: true,
-                    imports: [AsyncPipe],
                     hostDirectives: [AnchorNavigationDirective],
                     preserveWhitespaces: true,
                     encapsulation: ViewEncapsulation.None,
-                    template: `<div
-    #container
-    [innerHTML]="content$ | async"
-    [class]="classes"
-  ></div>`,
+                    template: ` <div [innerHTML]="htmlContent()" [class]="classes()"></div> `,
                 }]
-        }], ctorParameters: () => [], propDecorators: { content: [{
-                type: Input
-            }], classes: [{
-                type: Input
-            }], container: [{
-                type: ViewChild,
-                args: ['container', { static: true, read: ViewContainerRef }]
-            }] } });
+        }], ctorParameters: () => [] });
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { AnchorNavigationDirective, ContentRenderer, MERMAID_IMPORT_TOKEN, AnalogMarkdownComponent as MarkdownComponent, MarkdownContentRendererService, AnalogMarkdownRouteComponent as MarkdownRouteComponent, MarkedContentHighlighter, MarkedSetupService, NoopContentRenderer, injectContent, injectContentFiles, parseRawContentFile, provideContent, withHighlighter, withMarkdownRenderer };
+export { AnchorNavigationDirective, ContentRenderer, MERMAID_IMPORT_TOKEN, AnalogMarkdownComponent as MarkdownComponent, MarkdownContentRendererService, AnalogMarkdownRouteComponent as MarkdownRouteComponent, MarkedContentHighlighter, MarkedSetupService, NoopContentRenderer, injectContent, injectContentFileLoader, injectContentFiles, injectContentFilesMap, injectContentListLoader, parseRawContentFile, provideContent, withContentFileLoader, withContentListLoader, withHighlighter, withMarkdownRenderer };
 //# sourceMappingURL=analogjs-content.mjs.map