Using Astro, Starlight Theme and AnalogJs do not play together well

[bjornharvold]

Hi @brandonroberts

When you have some free time, can you please have a quick look at the discussion that's been going on on the Starlight theme repo here:

withastro/starlight#2198

In particular, have a look at the example repo I point at there.

In a nutshell:

• I add Astro to my Nx monorepo using https://github.com/nxtensions/nxtensions/blob/main/packages/astro/README.md
• I added Starlight theme
• I added AnalogJS

I run nx dev docs. I get no errors when not using Starlight. The starlight guys get no errors when removing AnalogJS.

Your input would be much appreciated 🙇‍♂️
Bjorn

[adrian-ub]

Hi @bjornharvold , how were you able to solve it?

I'm not using Nx but I get the same error and I already created the tsconfig.app.json file

[adrian-ub]

This error only occurs in dev, when doing the build it works correctly

[brandonroberts]

Try updating the analog integration to this

    analogjsangular({
      vite: {
        transformFilter(_code, id) {
          return id.includes('src/components')
        }
      }
    }),

Then delete the .astro directory and run npm run dev again

[adrian-ub]

amazing, it works

console.log result:

[brandonroberts]

Cool! I thought we had this covered in our docs

[brandonroberts]

Added some docs

https://analogjs.org/docs/packages/astro-angular/overview#filtering-file-transforms