@awsmbiz/create-inbis-app 0.0.0-stage → 0.1.0

package/template/web/src/styles.css

@@ -0,0 +1,11 @@
+@import "@awsmbiz/inbis-ui/globals.css";
+/* inbis:wire web.styles */
+
+/* The app's own components. */
+@source "./";
+
+/* Page headings take focus after a route change (src/route-focus.ts) only to start
+   reading there; they are not controls, so no focus ring. */
+h1[tabindex="-1"]:focus {
+  outline: none;
+}

package/template/web/src/system-theme.ts

@@ -0,0 +1,16 @@
+// The app follows the system's light/dark setting: `@awsmbiz/inbis-ui`'s tokens key on the
+// `dark` class of <html>. Applied before the first render (no flash of the wrong theme) and
+// kept in step when the setting changes.
+
+const DARK = "(prefers-color-scheme: dark)";
+
+export function followSystemTheme(): void {
+  if (typeof window.matchMedia !== "function") return;
+  const query = window.matchMedia(DARK);
+  const apply = () => {
+    document.documentElement.classList.toggle("dark", query.matches);
+    document.documentElement.style.colorScheme = query.matches ? "dark" : "light";
+  };
+  apply();
+  query.addEventListener("change", apply);
+}

package/template/web/tsconfig.json

@@ -0,0 +1,7 @@
+{
+  "extends": "@awsmbiz/inbis-tsconfig/react.json",
+  "compilerOptions": {
+    "types": ["vite/client", "node"]
+  },
+  "include": ["src", "*.ts"]
+}

package/template/web/vite.config.ts

@@ -0,0 +1,15 @@
+import tailwindcss from "@tailwindcss/vite";
+import react from "@vitejs/plugin-react";
+import { defineConfig } from "vite";
+
+// `vite build` writes web/dist, which the Worker serves as static assets (wrangler.jsonc
+// `assets`). `pnpm dev:web` serves the SPA on :5173 with the API proxied to `wrangler dev` on :8787.
+export default defineConfig({
+  root: import.meta.dirname,
+  plugins: [react(), tailwindcss()],
+  build: { outDir: "dist", emptyOutDir: true },
+  server: {
+    port: 5173,
+    proxy: Object.fromEntries(["/api", "/v1", "/health", "/openapi.json"].map((path) => [path, "http://localhost:8787"])),
+  },
+});

package/template/wrangler.jsonc

@@ -0,0 +1,96 @@
+{
+  "$schema": "node_modules/wrangler/config-schema.json",
+  "name": "react-hono-app",
+  "main": "src/index.ts",
+  "compatibility_date": "2026-10-23",
+  "compatibility_flags": ["nodejs_compat"],
+  "observability": { "enabled": true },
+  // The SPA (web/, built by `pnpm build:web`) is served by this Worker as static assets.
+  // Unknown paths fall back to index.html; API paths always reach the Worker first.
+  "assets": {
+    "directory": "./web/dist",
+    "not_found_handling": "single-page-application",
+    "run_worker_first": ["/api/*", "/v1/*", "/health", "/health/*", "/openapi.json"]
+  },
+  // The top level is local development (`wrangler dev`). The deployed environments are
+  // env.staging and env.production below. Vars, secrets and bindings are NOT inherited by
+  // named environments, so each one repeats them.
+  "vars": {
+    // inbis:wire wrangler.vars env=dev
+    // Comma-separated browser origins allowed to call the API with credentials
+    // (the Vite dev server; the Worker's own origin is always allowed for same-origin requests).
+    "TRUSTED_ORIGINS": "http://localhost:5173"
+  },
+  // Set with `wrangler secret put <NAME> --env <env>` (deployed) or `.dev.vars` (local; see
+  // .dev.vars.example). `wrangler deploy` fails while a required secret is missing.
+  "secrets": {
+    "required": [
+      // inbis:wire wrangler.secrets env=dev
+    ]
+  },
+  // inbis:wire wrangler.bindings env=dev
+  // One D1 database, one binding per migration source (platform packages own their migrations).
+  // Platform bindings come first: `pnpm db:migrate` applies them in declaration order, the app's
+  // own DB binding last. Every binding of the database carries the same database_id.
+  "d1_databases": [
+    // inbis:wire wrangler.d1 env=dev database_name=react-hono-app-dev database_id=local-react-hono-app-dev
+    {
+      "binding": "DB",
+      "database_name": "react-hono-app-dev",
+      // Local-only ID. Deployed environments use the ID printed by `wrangler d1 create`.
+      "database_id": "local-react-hono-app-dev",
+      "migrations_dir": "migrations",
+      "migrations_table": "d1_migrations"
+    }
+  ],
+  "env": {
+    "staging": {
+      "routes": [{ "pattern": "staging.react-hono-app.example.com", "custom_domain": true }],
+      "vars": {
+        // inbis:wire wrangler.vars env=staging
+        "TRUSTED_ORIGINS": "https://staging.react-hono-app.example.com"
+      },
+      "secrets": {
+        "required": [
+          // inbis:wire wrangler.secrets env=staging
+        ]
+      },
+      // inbis:wire wrangler.bindings env=staging
+      "d1_databases": [
+        // inbis:wire wrangler.d1 env=staging database_name=react-hono-app-staging-db database_id=set-from-wrangler-d1-create
+        {
+          "binding": "DB",
+          "database_name": "react-hono-app-staging-db",
+          // From `wrangler d1 create react-hono-app-staging-db --location apac` (see README).
+          "database_id": "set-from-wrangler-d1-create",
+          "migrations_dir": "migrations",
+          "migrations_table": "d1_migrations"
+        }
+      ]
+    },
+    "production": {
+      "routes": [{ "pattern": "react-hono-app.example.com", "custom_domain": true }],
+      "vars": {
+        // inbis:wire wrangler.vars env=production
+        "TRUSTED_ORIGINS": "https://react-hono-app.example.com"
+      },
+      "secrets": {
+        "required": [
+          // inbis:wire wrangler.secrets env=production
+        ]
+      },
+      // inbis:wire wrangler.bindings env=production
+      "d1_databases": [
+        // inbis:wire wrangler.d1 env=production database_name=react-hono-app-production-db database_id=set-from-wrangler-d1-create
+        {
+          "binding": "DB",
+          "database_name": "react-hono-app-production-db",
+          // From `wrangler d1 create react-hono-app-production-db --location apac` (see README).
+          "database_id": "set-from-wrangler-d1-create",
+          "migrations_dir": "migrations",
+          "migrations_table": "d1_migrations"
+        }
+      ]
+    }
+  }
+}