@codemation/next-host 0.0.1

package/README.md

@@ -0,0 +1,25 @@
+# `@codemation/next-host`
+
+The **production Next.js host** for Codemation: App Router app, UI features (workflows, credentials, users), and server wiring that delegates to `@codemation/host`. The CLI runs `next start` / dev from this package when you `serve web` or develop a consumer app.
+
+## Install
+
+```bash
+pnpm add @codemation/next-host@^0.0.0
+# or
+npm install @codemation/next-host@^0.0.0
+```
+
+## When to use
+
+Consumer projects depend on this package when they use the **stock Codemation web UI** rather than a fully custom front end. Framework authors iterate on layout, screens, and forms here; feature code follows DDD/CQRS patterns described in the repo’s contributor docs.
+
+## Usage
+
+The package exports a Next host bootstrap type:
+
+```ts
+import { CodemationNextHost } from "@codemation/next-host";
+```
+
+Day-to-day apps run via Next CLI (`next dev`, `next start`) with environment and consumer manifest supplied by `@codemation/cli` or your own orchestration. See `package.json` scripts `dev:next`, `build`, and `start`.

package/app/(shell)/credentials/page.tsx

@@ -0,0 +1,5 @@
+import { CredentialsScreen } from "../../../src/features/credentials/screens/CredentialsScreen";
+
+export default function CredentialsPage() {
+  return <CredentialsScreen />;
+}

package/app/(shell)/dashboard/page.tsx

@@ -0,0 +1,14 @@
+import { Card, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
+
+export default function DashboardPage() {
+  return (
+    <div data-testid="dashboard-page">
+      <Card className="max-w-2xl">
+        <CardHeader>
+          <CardTitle>Welcome</CardTitle>
+          <CardDescription>Use the sidebar to navigate to workflows or credentials.</CardDescription>
+        </CardHeader>
+      </Card>
+    </div>
+  );
+}

package/app/(shell)/layout.tsx

@@ -0,0 +1,11 @@
+import type { ReactNode } from "react";
+import { AppLayout } from "../../src/shell/AppLayout";
+import { WorkflowDetailChromeProvider } from "../../src/shell/WorkflowDetailChromeContext";
+
+export default function ShellLayout(args: Readonly<{ children: ReactNode }>) {
+  return (
+    <WorkflowDetailChromeProvider>
+      <AppLayout>{args.children}</AppLayout>
+    </WorkflowDetailChromeProvider>
+  );
+}

package/app/(shell)/page.tsx

@@ -0,0 +1,5 @@
+import { redirect } from "next/navigation";
+
+export default function IndexPage() {
+  redirect("/dashboard");
+}

package/app/(shell)/users/page.tsx

@@ -0,0 +1,5 @@
+import { UsersScreen } from "../../../src/features/users/screens/UsersScreen";
+
+export default function UsersPage() {
+  return <UsersScreen />;
+}

package/app/(shell)/workflows/[workflowId]/page.tsx

@@ -0,0 +1,19 @@
+import { Suspense } from "react";
+
+import { WorkflowDetailScreen } from "../../../../src/features/workflows/screens/WorkflowDetailScreen";
+
+export default async function WorkflowDetailPage(args: Readonly<{ params: Promise<{ workflowId: string }> }>) {
+  const params = await args.params;
+  return (
+    <Suspense
+      fallback={
+        <div
+          data-testid="workflow-detail-suspense-fallback"
+          className="h-full w-full min-h-0 bg-muted/40 p-4 text-sm text-muted-foreground"
+        />
+      }
+    >
+      <WorkflowDetailScreen workflowId={params.workflowId} />
+    </Suspense>
+  );
+}

package/app/(shell)/workflows/page.tsx

@@ -0,0 +1,5 @@
+import { WorkflowsScreen } from "../../../src/features/workflows/screens/WorkflowsScreen";
+
+export default function WorkflowsPage() {
+  return <WorkflowsScreen />;
+}

package/app/api/[[...path]]/route.ts

@@ -0,0 +1,40 @@
+export const runtime = "nodejs";
+export const dynamic = "force-dynamic";
+
+function resolveRuntimeDevProxyPath(pathname: string): string {
+  if (pathname === "/api/dev" || pathname.startsWith("/api/dev/")) {
+    return pathname.slice(4);
+  }
+  return pathname;
+}
+
+async function handle(request: Request): Promise<Response> {
+  const incoming = new URL(request.url);
+  if (incoming.pathname === "/api/dev/runtime") {
+    return new Response(null, { status: 204 });
+  }
+  const runtimeDevUrl = process.env.CODEMATION_RUNTIME_DEV_URL;
+  if (runtimeDevUrl !== undefined && runtimeDevUrl.trim().length > 0) {
+    const base = runtimeDevUrl.replace(/\/$/, "");
+    const proxyUrl = `${base}${resolveRuntimeDevProxyPath(incoming.pathname)}${incoming.search}`;
+    const headers = new Headers(request.headers);
+    const init: RequestInit & { duplex?: "half" } = {
+      method: request.method,
+      headers,
+      redirect: "manual",
+    };
+    if (request.method !== "GET" && request.method !== "HEAD") {
+      init.body = request.body;
+      init.duplex = "half";
+    }
+    return fetch(proxyUrl, init);
+  }
+  const { CodemationNextHost } = await import("../../../src/server/CodemationNextHost");
+  return CodemationNextHost.shared.fetchApi(request);
+}
+
+export const GET = handle;
+export const POST = handle;
+export const PUT = handle;
+export const PATCH = handle;
+export const DELETE = handle;

package/app/api/auth/[...nextauth]/route.ts

@@ -0,0 +1,3 @@
+import { handlers } from "../../../../src/auth/codemationNextAuth";
+
+export const { GET, POST } = handlers;