Learning from Astro

[hi-ogawa]

• how does astro resolve client island dependencies referenced in astro file?
  • fundamental difference is that astro can "discover" client component by <Comp client:... /> directive inside server file itself. On the other hand, RSC convention is that it needs to discover via "use client" by reading the file of importee import { Comp } from "some-dep".
  • cf. thoughts on server component package with internal client boundary #379
    • okay, I remembered it's fine if dependency is externalized both server and client. The peculiarity of RSC is that we need to inline server component library, but then at that point, it's not possible to keep externalized (i.e. optimizable) client resolution.
  • is it a thing to have .astro file as external package and have island inside? that would give a similar situation.
  • interestingly, at least astro resolves renderer-url using client module graph? e.g.
    • renderer-url="/node_modules/.vite/deps/@astrojs_react_client__js.js?v=3f033ca6"
  • using external react library, it looks like client prebundling is recognized at the ssr level
    • component-url="/node_modules/.vite/deps/react-wrap-balancer.js?v=c0973f4b"
  • SSRResult.resolve, DevPipeline.resolve, resolveIdToUrl, ModuleLoader.resolveId seems to be the key. resolveIdToUrl looks familiar normalization trick.
    • this trick can potentially replace my virtual module proxy feat(react-server): expose external client reference via virtual module during dev #187, but this doesn't solve fundamental issues of react dependency, which needs to be inlined.
• how do they scan prebundle dependencies for browser?
  • cf. fix: rework browser optimizeDeps.entries #560
  • probably ModuleLoader.resolveId during initial ssr is going to help collecting dependency on initial render without explicitly doing optimizeDeps.entries.
• server page hmr?
  • can it preserve client component state? (again similar to 1st point, it needs to preserve ?t=... etc...)
  • it looks like it's browser full-reload.
• server island
  • does it have round trip for server island fetching? or is server island rendering concatenated to prerendered html (like prerender/resume api)?
    • cf. feat: partial prerendering #501
• adapter
  • wasm module loading for cloudflare https://github.com/withastro/adapters/blob/main/packages/cloudflare/src/utils/cloudflare-module-loader.ts
  • asset tracing https://github.com/withastro/adapters/blob/1831bd66ed63c22e09dc95e672bb5e4c6424e6f0/packages/netlify/src/lib/nft.ts#L37