Astro v4.10リリース！型安全な環境変数を実験的にサポート

1
import { PUBLIC_DASHBOARD_V2, getSecret } from "astro:env/server";
2

3
if (PUBLIC_DASHBOARD_V2) {
4
  const API_PORT = getSecret("API_PORT") // number
5
  await fetch(`https://my-secret-api.com:${API_PORT}/v2`)
6
}

1
import { defineMiddleware } from "astro:middleware";
2

3
export const onRequest = defineMiddleware(({ request, url }, next) => {
4
  if(request.method === "POST" && url.pathname === "/api") {
5
    return next("/api/v2");
6
  }
7
});

1
import * as components from "./dist/server/all.mjs";
2
import { renderers } from "./dist/server/renderers.mjs";
3
import { manifest } from "./dist/server/entry.mjs";
4
import { experimental_AstroContainer as AstroContainer } from "astro/container";
5

6
const container = await AstroContainer.create({
7
  manifest,
8
  renderers,
9
  resolve(s) {
10
    const found = manifest.entryModules[s];
11
    if(found) {
12
      return `/astro-project/dist/client/${found}`;
13
    }
14
    return found;
15
  }
16
});
17

18
const html = await container.renderToString(components.ReactWrapper);
19

20
// Log to the console so that PHP injects the HTML into its page.
21
console.log(html);

1
import { experimental_AstroContainer as AstroContainer } from "astro/container";
2
import ReactWrapper from "../src/components/ReactWrapper.astro";
3
import { loadRenderers } from "astro:container";
4
import { getContainerRenderer } from "@astrojs/react";
5

6
test("ReactWrapper with react renderer", async () => {
7
 const renderers = await loadRenderers([getContainerRenderer()])
8
 const renderers = [
9
 {
10
  name: "@astrojs/react",
11
   clientEntrypoint: "@astrojs/react/client.js",
12
   serverEntrypoint: "@astrojs/react/server.js",
13
  },
14
 ];
15
  const container = await AstroContainer.create({
16
    renderers,
17
  });
18
  const result = await container.renderToString(ReactWrapper);
19

20
  expect(result).toContain("Counter");
21
  expect(result).toContain("Count: <!-- -->5");
22
});