fix(content): stripped filename to match filename also for additionalContentDirs (#1962)

Author: MrBacony

libs/shared/feature/src/pages/blog/[slug].page.ts

@@ -0,0 +1,25 @@
+// /src/app/pages/blog/posts.[slug].page.ts
+import { injectContent, MarkdownComponent } from '@analogjs/content';
+import { AsyncPipe } from '@angular/common';
+import { Component } from '@angular/core';
+
+export interface PostAttributes {
+  title: string;
+  slug: string;
+  description: string;
+  coverImage: string;
+}
+
+@Component({
+  standalone: true,
+  imports: [MarkdownComponent, AsyncPipe],
+  template: `
+    @if (post$ | async; as post) {
+      <h1>{{ post.attributes.title }}</h1>
+      <analog-markdown [content]="post.content"></analog-markdown>
+    }
+  `,
+})
+export default class BlogPostComponent {
+  readonly post$ = injectContent<PostAttributes>();
+}

packages/content/src/lib/content-files-token.ts

@@ -30,8 +30,12 @@ export const CONTENT_FILES_TOKEN = new InjectionToken<
     Object.entries(allFiles).forEach((entry) => {
       const filename = entry[0];
       const value = entry[1];
+      const strippedFilename = filename.replace(
+        /^\/(.*?)\/content/,
+        '/src/content',
+      );
 
-      const newFilename = lookup[filename];
+      const newFilename = lookup[strippedFilename];
       if (newFilename !== undefined) {
         const objectFilename = newFilename.replace(
           /^\/(.*?)\/content/,