hd-garden 0.3.0

package/tsconfig.json

@@ -0,0 +1,34 @@
+{
+  "compilerOptions": {
+    "target": "ES2017",
+    "lib": ["dom", "dom.iterable", "esnext"],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "strict": true,
+    "noEmit": true,
+    "esModuleInterop": true,
+    "module": "esnext",
+    "moduleResolution": "bundler",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "jsx": "react-jsx",
+    "incremental": true,
+    "plugins": [
+      {
+        "name": "next"
+      }
+    ],
+    "paths": {
+      "@/*": ["./*"]
+    }
+  },
+  "include": [
+    "next-env.d.ts",
+    "**/*.ts",
+    "**/*.tsx",
+    ".next/types/**/*.ts",
+    ".next/dev/types/**/*.ts",
+    "**/*.mts"
+  ],
+  "exclude": ["node_modules"]
+}

package/vite.config.ts

@@ -0,0 +1,130 @@
+import { spawnSync } from "node:child_process";
+import fs from "node:fs";
+import path from "node:path";
+import vinext from "vinext";
+import { defineConfig } from "vite";
+import hostingConfig from "./.openai/hosting.json";
+import { sites } from "./build/sites-vite-plugin";
+import { gardenPackageRoot, gardenSiteRoot } from "./scripts/garden-paths.mjs";
+
+const SITE_CREATOR_PLACEHOLDER_DATABASE_ID =
+  "00000000-0000-4000-8000-000000000000";
+
+const { d1, r2 } = hostingConfig;
+const siteRoot = gardenSiteRoot();
+const generatedContent = path.join(siteRoot, ".garden", "generated-content.ts");
+const generatedSiteConfig = path.join(siteRoot, ".garden", "site-config.ts");
+const generatedAliases = {
+  "@garden/generated-content": generatedContent,
+  "@garden/site-config": generatedSiteConfig,
+};
+
+// macOS Seatbelt blocks FSEvents, so Codex previews need polling for HMR.
+const isCodexSeatbeltSandbox = process.env.CODEX_SANDBOX === "seatbelt";
+
+const localBindingConfig = {
+  main: "./worker/index.ts",
+  compatibility_flags: ["nodejs_compat"],
+  d1_databases: d1
+    ? [
+        {
+          binding: d1,
+          database_name: "site-creator-d1",
+          database_id: SITE_CREATOR_PLACEHOLDER_DATABASE_ID,
+        },
+      ]
+    : [],
+  r2_buckets: r2
+    ? [
+        {
+          binding: r2,
+          bucket_name: "site-creator-r2",
+        },
+      ]
+    : [],
+};
+
+function gardenContent() {
+  const sync = () => {
+    spawnSync(process.execPath, [path.join(gardenPackageRoot, "scripts", "build-content.mjs")], {
+      cwd: siteRoot,
+      env: { ...process.env, GARDEN_SITE: siteRoot },
+      stdio: "inherit",
+    });
+  };
+
+  return {
+    name: "garden-content",
+    enforce: "post" as const,
+    config() {
+      return {
+        resolve: {
+          alias: generatedAliases,
+        },
+      };
+    },
+    resolveId(id: string) {
+      const normalized = id.split("?")[0];
+      if (normalized === "@garden/generated-content") return generatedContent;
+      if (normalized === "@garden/site-config") return generatedSiteConfig;
+      return undefined;
+    },
+    buildStart() {
+      if (!fs.existsSync(generatedContent) || !fs.existsSync(generatedSiteConfig)) {
+        sync();
+      }
+    },
+    configureServer(server) {
+      const contentDir = path.join(siteRoot, "content");
+      const configFile = path.join(siteRoot, "site.config.yaml");
+      server.watcher.add([contentDir, configFile]);
+      server.watcher.on("change", (file) => {
+        if (file.startsWith(contentDir) || file === configFile) {
+          sync();
+          server.ws.send({ type: "full-reload" });
+        }
+      });
+    },
+  };
+}
+
+export default defineConfig(async () => {
+  // Keep Wrangler and Miniflare state project-local. These are non-secret tool
+  // settings; application environment belongs in ignored `.env*` files.
+  process.env.WRANGLER_WRITE_LOGS ??= "false";
+  process.env.WRANGLER_LOG_PATH ??= path.join(siteRoot, ".wrangler", "wrangler.log");
+  process.env.MINIFLARE_REGISTRY_PATH ??= path.join(siteRoot, ".wrangler", "registry");
+
+  // Wrangler snapshots its log path while the Cloudflare plugin is imported.
+  const { cloudflare } = await import("@cloudflare/vite-plugin");
+
+  return {
+    envDir: siteRoot,
+    resolve: {
+      alias: generatedAliases,
+      modules: [
+        path.join(siteRoot, "node_modules"),
+        path.join(gardenPackageRoot, "node_modules"),
+        "node_modules",
+      ],
+    },
+    build: {
+      // Mermaid remains a route-level dynamic import. Its intentionally lazy
+      // diagram engine is larger than the default warning threshold, but it is
+      // never part of the site's initial navigation bundle.
+      chunkSizeWarningLimit: 700,
+    },
+    server: isCodexSeatbeltSandbox
+      ? { watch: { useFsEvents: false, usePolling: true } }
+      : undefined,
+    plugins: [
+      gardenContent(),
+      vinext(),
+      sites(),
+      cloudflare({
+        viteEnvironment: { name: "rsc", childEnvironments: ["ssr"] },
+        config: localBindingConfig,
+      }),
+    ],
+  };
+});

package/worker/index.ts

@@ -0,0 +1,53 @@
+/** Cloudflare Worker entry point for the vinext-starter template. */
+import { handleImageOptimization, DEFAULT_DEVICE_SIZES, DEFAULT_IMAGE_SIZES } from "vinext/server/image-optimization";
+import handler from "vinext/server/app-router-entry";
+
+interface Env {
+  ASSETS: Fetcher;
+  IMAGES: {
+    input(stream: ReadableStream): {
+      transform(options: Record<string, unknown>): {
+        output(options: { format: string; quality: number }): Promise<{ response(): Response }>;
+      };
+    };
+  };
+}
+
+declare global {
+  // Vinext route modules read the current worker bindings through this bridge.
+  // The binding is fixed for the worker instance and is never exposed to clients.
+  var __hedonBindings: Env | undefined;
+}
+
+interface ExecutionContext {
+  waitUntil(promise: Promise<unknown>): void;
+  passThroughOnException(): void;
+}
+
+// Image security config. SVG sources with .svg extension auto-skip the
+// optimization endpoint on the client side (served directly, no proxy).
+// To route SVGs through the optimizer (with security headers), set
+// dangerouslyAllowSVG: true in next.config.js and uncomment below:
+// const imageConfig: ImageConfig = { dangerouslyAllowSVG: true };
+
+const worker = {
+  async fetch(request: Request, env: Env, ctx: ExecutionContext): Promise<Response> {
+    globalThis.__hedonBindings = env;
+    const url = new URL(request.url);
+
+    if (url.pathname === "/_vinext/image") {
+      const allowedWidths = [...DEFAULT_DEVICE_SIZES, ...DEFAULT_IMAGE_SIZES];
+      return handleImageOptimization(request, {
+        fetchAsset: (path) => env.ASSETS.fetch(new Request(new URL(path, request.url))),
+        transformImage: async (body, { width, format, quality }) => {
+          const result = await env.IMAGES.input(body).transform(width > 0 ? { width } : {}).output({ format, quality });
+          return result.response();
+        },
+      }, allowedWidths);
+    }
+
+    return handler.fetch(request, env, ctx);
+  },
+};
+
+export default worker;