feat(vite-plugin-angular): add pipeline to transform analog markdown template

[brandonroberts]

PR Checklist

Please check if your PR fulfills the following requirements:

• The commit message follows our guidelines: https://github.com/analogjs/analog/blob/main/CONTRIBUTING.md#-commit-message-guidelines
• Tests for the changes have been added (for bug fixes / features)
• Docs have been added / updated (for bug fixes / features)

PR Type

What kind of change does this PR introduce?

• Bugfix
• Feature
• Code style update (formatting, local variables)
• Refactoring (no functional changes, no api changes)
• Build related changes
• CI related changes
• Documentation content changes
• Other... Please describe:

Which package are you modifying?

• vite-plugin-angular
• vite-plugin-nitro
• astro-angular
• create-analog
• router
• platform
• content
• nx-plugin
• trpc

What is the current behavior?

When using Analog markdown templates, the analog markdown templates use marked and Prism to transform and add syntax highlighting.

Closes #

What is the new behavior?

When using Analog markdown templates, the analog markdown templates can be transformed by using custom markdown template transform functions.

/// <reference types="vitest" />

import { defineConfig } from 'vite';
import analog from '@analogjs/platform';

// https://vitejs.dev/config/
export default defineConfig(({ mode }) => ({
  plugins: [
    analog({
      vite: {
        experimental: {
          supportAnalogFormat: true,
          markdownTemplateTransforms: [
            (content: string, fileName: string) => {
              if (!fileName.includes('.analog') {
                return content;
              }

              // use remark/rehype/shikiji
              const newContent = content.replaceAll('Hello', 'Goodbye');

              return Promise.resolve(newContent);
            }
          ]
        },
      },
    }),
  ],
}));

Does this PR introduce a breaking change?

• Yes
• No

Other information

[optional] What gif best describes this PR or how it makes you feel?

[netlify]

✅ Deploy Preview for analog-blog ready!

Name	Link
🔨 Latest commit	e278efa
🔍 Latest deploy log	https://app.netlify.com/sites/analog-blog/deploys/65ea88a22c73df00086c2f95
😎 Deploy Preview	https://deploy-preview-875--analog-blog.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[netlify]

✅ Deploy Preview for analog-app ready!

Name	Link
🔨 Latest commit	e278efa
🔍 Latest deploy log	https://app.netlify.com/sites/analog-app/deploys/65ea88a2e2ec7b0008cdfef3
😎 Deploy Preview	https://deploy-preview-875--analog-app.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[netlify]

✅ Deploy Preview for analog-ng-app ready!

Name	Link
🔨 Latest commit	e278efa
🔍 Latest deploy log	https://app.netlify.com/sites/analog-ng-app/deploys/65ea88a2e838c200081f0d78
😎 Deploy Preview	https://deploy-preview-875--analog-ng-app.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[netlify]

✅ Deploy Preview for analog-docs ready!

Name	Link
🔨 Latest commit	e278efa
🔍 Latest deploy log	https://app.netlify.com/sites/analog-docs/deploys/65ea88a256c2b6000809635a
😎 Deploy Preview	https://deploy-preview-875--analog-docs.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[Jordan-Hall]

Love this feature but I'm confused. When I mentioned this and splitting out into .analog you said you don't want to reinvent the compiler but this is what I was thinking

[brandonroberts]

Love this feature but I'm confused. When I mentioned this and splitting out into .analog you said you don't want to reinvent the compiler but this is what I was thinking

To me, there's still a clear divide between Analog and the Angular compiler. Besides using the experimental local compilation we're providing the Angular compiler a spec-compatible component and directive that builds on top of the compiler host.

[Jordan-Hall]

Love this feature but I'm confused. When I mentioned this and splitting out into .analog you said you don't want to reinvent the compiler but this is what I was thinking

To me, there's still a clear divide between Analog and the Angular compiler. Besides using the experimental local compilation we're providing the Angular compiler a spec-compatible component and directive that builds on top of the compiler host.

O i agree but that's what I was talking about. Not writing a new compiler there no real need these days. 🤣