@dreamboard-games/cli 0.1.30-alpha.4 → 0.1.30-alpha.40

package/dist/dev-host/components/drawer.tsx

@@ -1,132 +0,0 @@
-"use client";
-
-import * as React from "react";
-import { Drawer as DrawerPrimitive } from "vaul";
-
-import { cn } from "../lib/utils.js";
-
-function Drawer({
-  ...props
-}: React.ComponentProps<typeof DrawerPrimitive.Root>) {
-  return <DrawerPrimitive.Root data-slot="drawer" {...props} />;
-}
-
-function DrawerTrigger({
-  ...props
-}: React.ComponentProps<typeof DrawerPrimitive.Trigger>) {
-  return <DrawerPrimitive.Trigger data-slot="drawer-trigger" {...props} />;
-}
-
-function DrawerPortal({
-  ...props
-}: React.ComponentProps<typeof DrawerPrimitive.Portal>) {
-  return <DrawerPrimitive.Portal data-slot="drawer-portal" {...props} />;
-}
-
-function DrawerClose({
-  ...props
-}: React.ComponentProps<typeof DrawerPrimitive.Close>) {
-  return <DrawerPrimitive.Close data-slot="drawer-close" {...props} />;
-}
-
-function DrawerOverlay({
-  className,
-  ...props
-}: React.ComponentProps<typeof DrawerPrimitive.Overlay>) {
-  return (
-    <DrawerPrimitive.Overlay
-      data-slot="drawer-overlay"
-      className={cn(
-        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",
-        className,
-      )}
-      {...props}
-    />
-  );
-}
-
-function DrawerContent({
-  className,
-  children,
-  ...props
-}: React.ComponentProps<typeof DrawerPrimitive.Content>) {
-  return (
-    <DrawerPortal data-slot="drawer-portal">
-      <DrawerOverlay />
-      <DrawerPrimitive.Content
-        data-slot="drawer-content"
-        className={cn(
-          "group/drawer-content bg-background fixed z-50 flex h-auto flex-col",
-          "data-[vaul-drawer-direction=top]:inset-x-0 data-[vaul-drawer-direction=top]:top-0 data-[vaul-drawer-direction=top]:mb-24 data-[vaul-drawer-direction=top]:max-h-[80vh] data-[vaul-drawer-direction=top]:rounded-b-lg data-[vaul-drawer-direction=top]:border-b",
-          "data-[vaul-drawer-direction=bottom]:inset-x-0 data-[vaul-drawer-direction=bottom]:bottom-0 data-[vaul-drawer-direction=bottom]:mt-24 data-[vaul-drawer-direction=bottom]:max-h-[80vh] data-[vaul-drawer-direction=bottom]:rounded-t-lg data-[vaul-drawer-direction=bottom]:border-t",
-          "data-[vaul-drawer-direction=right]:inset-y-0 data-[vaul-drawer-direction=right]:right-0 data-[vaul-drawer-direction=right]:w-3/4 data-[vaul-drawer-direction=right]:border-l data-[vaul-drawer-direction=right]:sm:max-w-sm",
-          "data-[vaul-drawer-direction=left]:inset-y-0 data-[vaul-drawer-direction=left]:left-0 data-[vaul-drawer-direction=left]:w-3/4 data-[vaul-drawer-direction=left]:border-r data-[vaul-drawer-direction=left]:sm:max-w-sm",
-          className,
-        )}
-        {...props}
-      >
-        <div className="bg-muted mx-auto mt-4 hidden h-2 w-[100px] shrink-0 rounded-full group-data-[vaul-drawer-direction=bottom]/drawer-content:block" />
-        {children}
-      </DrawerPrimitive.Content>
-    </DrawerPortal>
-  );
-}
-
-function DrawerHeader({ className, ...props }: React.ComponentProps<"div">) {
-  return (
-    <div
-      data-slot="drawer-header"
-      className={cn("flex flex-col gap-1.5 p-4", className)}
-      {...props}
-    />
-  );
-}
-
-function DrawerFooter({ className, ...props }: React.ComponentProps<"div">) {
-  return (
-    <div
-      data-slot="drawer-footer"
-      className={cn("mt-auto flex flex-col gap-2 p-4", className)}
-      {...props}
-    />
-  );
-}
-
-function DrawerTitle({
-  className,
-  ...props
-}: React.ComponentProps<typeof DrawerPrimitive.Title>) {
-  return (
-    <DrawerPrimitive.Title
-      data-slot="drawer-title"
-      className={cn("text-foreground font-semibold", className)}
-      {...props}
-    />
-  );
-}
-
-function DrawerDescription({
-  className,
-  ...props
-}: React.ComponentProps<typeof DrawerPrimitive.Description>) {
-  return (
-    <DrawerPrimitive.Description
-      data-slot="drawer-description"
-      className={cn("text-muted-foreground text-sm", className)}
-      {...props}
-    />
-  );
-}
-
-export {
-  Drawer,
-  DrawerPortal,
-  DrawerOverlay,
-  DrawerTrigger,
-  DrawerClose,
-  DrawerContent,
-  DrawerHeader,
-  DrawerFooter,
-  DrawerTitle,
-  DrawerDescription,
-};

package/dist/dev-host/components/input.tsx

@@ -1,21 +0,0 @@
-import * as React from "react";
-
-import { cn } from "../lib/utils.js";
-
-function Input({ className, type, ...props }: React.ComponentProps<"input">) {
-  return (
-    <input
-      type={type}
-      data-slot="input"
-      className={cn(
-        "file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-white h-12 w-full min-w-0 border-2 border-border bg-white px-4 py-2 text-base font-sans outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-lg wobbly-border-md",
-        "focus-visible:border-ring focus-visible:ring-ring/20 focus-visible:ring-[4px]",
-        "aria-invalid:ring-destructive/20 aria-invalid:border-destructive",
-        className,
-      )}
-      {...props}
-    />
-  );
-}
-
-export { Input };

package/dist/dev-host/dev-api-proxy-plugin.ts

@@ -1,328 +0,0 @@
-/**
- * Reverse-proxy plugin for the `dreamboard dev` Vite server.
- *
- * Every `/api/*` request the browser makes is intercepted here, run
- * through the Clerk OAuth refresh flow when needed, then forwarded to the configured upstream
- * backend with an `Authorization: Bearer <fresh-token>` header injected
- * on the wire. The access and refresh tokens never reach the browser.
- *
- * Failure contract:
- * - Permanent refresh failure (stored refresh token invalid) responds
- *   with `401 { error: "session_invalid", message }` so the browser can
- *   show a "Run dreamboard login" overlay instead of surfacing a
- *   confusing upstream 401.
- * - Transient refresh failure (network blip) falls back to the snapshot
- *   access token in `ResolvedConfig` when we still have one - this lets
- *   a short outage degrade to "existing token" behavior instead of
- *   blocking the iframe outright.
- * - Upstream connection failure responds with `502 { error:
- *   "upstream_unavailable", message }`.
- *
- * The proxy is deliberately unaware of the session file / persist
- * endpoint / log relay; those live in `dev-log-relay-plugin.ts`.
- */
-
-import http, { type IncomingMessage, type ServerResponse } from "node:http";
-import https from "node:https";
-import { EventEmitter } from "node:events";
-import consola from "consola";
-import type { Plugin } from "vite";
-import {
-  getAuthTokenExpiry,
-  refreshResolvedAuthSession,
-} from "../config/resolve.js";
-import { resolveLocalHarnessAccessToken } from "../config/local-harness-auth.js";
-import type { ResolvedConfig } from "../types.js";
-
-export type ResolvedBearerOk = {
-  readonly kind: "ok";
-  readonly token: string | null;
-};
-export type ResolvedBearerPermanentFailure = {
-  readonly kind: "permanent_invalid";
-  readonly message: string;
-};
-export type ResolvedBearer = ResolvedBearerOk | ResolvedBearerPermanentFailure;
-
-export interface DevApiProxyPluginDeps {
-  /**
-   * Hook point for tests: resolve the bearer token (or a permanent
-   * failure) synchronously once per request.
-   */
-  resolveBearer?: (config: ResolvedConfig) => Promise<ResolvedBearer>;
-  /**
-   * Hook point for tests: construct the underlying proxy. Allows
-   * injecting an in-memory proxy that talks to a fake upstream.
-   */
-  createProxy?: (target: string) => DevApiProxy;
-}
-
-type DevApiProxy = {
-  on(event: "error", listener: ProxyErrorListener): DevApiProxy;
-  web(
-    req: IncomingMessage,
-    res: ServerResponse,
-    options?: Record<string, never>,
-    callback?: (err?: Error) => void,
-  ): void;
-  close(): void;
-};
-
-type ProxyErrorListener = (
-  err: Error,
-  req: IncomingMessage,
-  res: ServerResponse,
-) => void;
-
-export function createDevApiProxyPlugin(options: {
-  config: ResolvedConfig;
-  deps?: DevApiProxyPluginDeps;
-}): Plugin {
-  const { config, deps } = options;
-  const target = config.apiBaseUrl;
-
-  return {
-    name: "dreamboard-dev-api-proxy",
-    configureServer(server) {
-      const createProxy =
-        deps?.createProxy ??
-        ((proxyTarget: string) => createStreamingProxy(proxyTarget));
-
-      const proxy = createProxy(target);
-
-      proxy.on("error", (err, _req, res) => {
-        consola.debug(`[dev-proxy] upstream error: ${formatUnknown(err)}`);
-        if (res instanceof Object && "writeHead" in res && !res.headersSent) {
-          respondUpstreamUnavailable(res as ServerResponse, err);
-        } else if (res && "destroy" in res) {
-          (res as { destroy: () => void }).destroy();
-        }
-      });
-
-      const resolveBearer = deps?.resolveBearer ?? resolveDevBearer;
-
-      // NOTE: we intentionally do NOT mount this middleware on `/api`.
-      // Connect-style `middlewares.use(path, handler)` strips the mount
-      // prefix from `req.url` before invoking the handler, which would
-      // cause the proxy to forward `/sessions/.../status` instead of
-      // `/api/sessions/.../status` and the backend would respond 404.
-      // Filtering inside the handler keeps the full path intact.
-      server.middlewares.use((req, res, next) => {
-        if (!req.url || !isApiRequest(req.url)) {
-          next();
-          return;
-        }
-        void handleApiRequest({ req, res, config, proxy, resolveBearer });
-      });
-
-      server.httpServer?.once("close", () => {
-        proxy.close();
-      });
-    },
-  };
-}
-
-async function handleApiRequest(options: {
-  req: IncomingMessage;
-  res: ServerResponse;
-  config: ResolvedConfig;
-  proxy: DevApiProxy;
-  resolveBearer: (config: ResolvedConfig) => Promise<ResolvedBearer>;
-}): Promise<void> {
-  const { req, res, config, proxy, resolveBearer } = options;
-  try {
-    const bearer = await resolveBearer(config);
-    if (bearer.kind === "permanent_invalid") {
-      respondSessionInvalid(res, bearer.message);
-      return;
-    }
-
-    if (bearer.token) {
-      req.headers.authorization = `Bearer ${bearer.token}`;
-    } else {
-      delete req.headers.authorization;
-    }
-
-    proxy.web(req, res, {}, (err) => {
-      if (!err) return;
-      consola.debug(`[dev-proxy] forward error: ${formatUnknown(err)}`);
-      if (!res.headersSent) {
-        respondUpstreamUnavailable(res, err);
-      }
-    });
-  } catch (err) {
-    consola.debug(`[dev-proxy] pre-forward error: ${formatUnknown(err)}`);
-    respondRefreshFailed(res, err);
-  }
-}
-
-function createStreamingProxy(target: string): DevApiProxy {
-  const targetUrl = new URL(target);
-  const events = new EventEmitter();
-  const activeRequests = new Set<http.ClientRequest>();
-
-  const proxy: DevApiProxy = {
-    on(event, listener) {
-      events.on(event, listener);
-      return proxy;
-    },
-    web(req, res, _options, callback) {
-      const upstreamUrl = new URL(req.url ?? "/", targetUrl);
-      const headers = createForwardHeaders(req, targetUrl);
-
-      const client = targetUrl.protocol === "https:" ? https : http;
-      const upstreamReq = client.request(
-        upstreamUrl,
-        {
-          method: req.method,
-          headers,
-        },
-        (upstreamRes) => {
-          res.writeHead(
-            upstreamRes.statusCode ?? 502,
-            upstreamRes.statusMessage,
-            upstreamRes.headers,
-          );
-          upstreamRes.pipe(res);
-        },
-      );
-
-      activeRequests.add(upstreamReq);
-
-      const handleError = (err: Error) => {
-        activeRequests.delete(upstreamReq);
-        callback?.(err);
-        events.emit("error", err, req, res);
-      };
-
-      upstreamReq.on("error", handleError);
-      upstreamReq.on("close", () => activeRequests.delete(upstreamReq));
-      req.on("aborted", () => upstreamReq.destroy());
-      req.pipe(upstreamReq);
-    },
-    close() {
-      for (const request of activeRequests) {
-        request.destroy();
-      }
-      activeRequests.clear();
-      events.removeAllListeners();
-    },
-  };
-
-  return proxy;
-}
-
-function createForwardHeaders(
-  req: IncomingMessage,
-  targetUrl: URL,
-): http.OutgoingHttpHeaders {
-  const headers: http.OutgoingHttpHeaders = { ...req.headers };
-
-  // Browser requests are same-origin with the dev host. Once the CLI proxies
-  // them to the backend, they are server-to-server requests; forwarding the
-  // browser Origin from a Cloudflare/LAN host makes backend CORS reject valid
-  // dev traffic.
-  delete headers.origin;
-  delete headers["access-control-request-headers"];
-  delete headers["access-control-request-method"];
-
-  headers.host = targetUrl.host;
-  headers["x-forwarded-host"] = req.headers.host;
-  headers["x-forwarded-proto"] = targetUrl.protocol.replace(":", "");
-
-  return headers;
-}
-
-export async function resolveDevBearer(
-  config: ResolvedConfig,
-): Promise<ResolvedBearer> {
-  const localHarnessToken = resolveLocalHarnessAccessToken(config);
-  if (localHarnessToken) {
-    return { kind: "ok", token: localHarnessToken };
-  }
-
-  // Env/flag-provided tokens are not owned by `CredentialStore` and must
-  // not be rotated. Forward them as-is.
-  if (!usesStoredSession(config)) {
-    return { kind: "ok", token: config.authToken ?? null };
-  }
-
-  const expiry = getAuthTokenExpiry(config.authToken);
-  const isExpired = expiry !== null && expiry.getTime() <= Date.now();
-  if (!isExpired) {
-    return { kind: "ok", token: config.authToken ?? null };
-  }
-
-  if (!config.refreshToken) {
-    return {
-      kind: "permanent_invalid",
-      message:
-        "Stored Dreamboard session is expired or invalid. Run `dreamboard login` to authenticate again.",
-    };
-  }
-
-  const refreshed = await refreshResolvedAuthSession(config);
-  return {
-    kind: "ok",
-    token: refreshed?.accessToken ?? config.authToken ?? null,
-  };
-}
-
-function usesStoredSession(config: ResolvedConfig): boolean {
-  return (
-    config.authTokenSource === "global" &&
-    config.refreshTokenSource === "global"
-  );
-}
-
-function respondSessionInvalid(res: ServerResponse, message: string): void {
-  if (res.headersSent) return;
-  res.statusCode = 401;
-  res.setHeader("content-type", "application/json");
-  res.end(
-    JSON.stringify({
-      error: "session_invalid",
-      message,
-    }),
-  );
-}
-
-function respondUpstreamUnavailable(res: ServerResponse, error: unknown): void {
-  if (res.headersSent) return;
-  res.statusCode = 502;
-  res.setHeader("content-type", "application/json");
-  res.end(
-    JSON.stringify({
-      error: "upstream_unavailable",
-      message: formatUnknown(error),
-    }),
-  );
-}
-
-function respondRefreshFailed(res: ServerResponse, error: unknown): void {
-  if (res.headersSent) return;
-  res.statusCode = 502;
-  res.setHeader("content-type", "application/json");
-  res.end(
-    JSON.stringify({
-      error: "refresh_failed",
-      message: formatUnknown(error),
-    }),
-  );
-}
-
-function isApiRequest(url: string): boolean {
-  return url === "/api" || url.startsWith("/api/") || url.startsWith("/api?");
-}
-
-function formatUnknown(value: unknown): string {
-  if (value instanceof Error) {
-    return value.message || value.name || "Unknown error";
-  }
-  if (typeof value === "string") return value;
-  try {
-    return JSON.stringify(value);
-  } catch {
-    return String(value);
-  }
-}

package/dist/dev-host/dev-author-dom-warnings.ts

@@ -1,100 +0,0 @@
-type ZoneItemElement = Pick<Element, "getAttribute" | "querySelector">;
-
-type ZoneItemRoot = Pick<ParentNode, "querySelectorAll">;
-
-export interface PlayableZoneItemWarning {
-  key: string;
-  message: string;
-}
-
-const PLAYABLE_ZONE_ITEM_SELECTOR =
-  '[data-dreamboard-zone-item][data-playable="true"]';
-const INTERACTION_CARD_INPUT_SELECTOR =
-  "[data-dreamboard-interaction-card-input]";
-
-export function collectPlayableZoneItemWarnings(
-  root: ZoneItemRoot,
-): PlayableZoneItemWarning[] {
-  const warnings: PlayableZoneItemWarning[] = [];
-  for (const item of root.querySelectorAll(PLAYABLE_ZONE_ITEM_SELECTOR)) {
-    const element = item as ZoneItemElement;
-    if (element.querySelector(INTERACTION_CARD_INPUT_SELECTOR)) {
-      continue;
-    }
-
-    const zone = element.getAttribute("data-zone") ?? "unknown";
-    const cardId = element.getAttribute("data-card-id") ?? "unknown";
-    const cardType = element.getAttribute("data-card-type") ?? null;
-    const key = `${zone}:${cardId}`;
-    const cardLabel =
-      cardType && cardType !== cardId
-        ? `'${cardId}' (${cardType})`
-        : `'${cardId}'`;
-    warnings.push({
-      key,
-      message: [
-        `[dreamboard] Playable card ${cardLabel} in zone '${zone}' rendered without an interaction card input.`,
-        "This usually means the UI rendered a raw Card/custom tile instead of <handSurface.Card>.",
-        "Render the surface card consistently and let Dreamboard disable unavailable interactions.",
-      ].join(" "),
-    });
-  }
-  return warnings;
-}
-
-export function installPlayableZoneItemWarnings(
-  options: {
-    root?: Document;
-    warn?: (...args: unknown[]) => void;
-    MutationObserverImpl?: typeof MutationObserver;
-    schedule?: (callback: () => void) => void;
-  } = {},
-): () => void {
-  const root = options.root ?? document;
-  const warn = options.warn ?? console.warn.bind(console);
-  const MutationObserverImpl =
-    options.MutationObserverImpl ?? window.MutationObserver;
-  const schedule =
-    options.schedule ??
-    ((callback) => {
-      window.requestAnimationFrame(callback);
-    });
-  const emitted = new Set<string>();
-  let scheduled = false;
-
-  const scan = () => {
-    scheduled = false;
-    for (const warning of collectPlayableZoneItemWarnings(root)) {
-      if (emitted.has(warning.key)) {
-        continue;
-      }
-      emitted.add(warning.key);
-      warn(warning.message);
-    }
-  };
-
-  const requestScan = () => {
-    if (scheduled) {
-      return;
-    }
-    scheduled = true;
-    schedule(scan);
-  };
-
-  const observer = new MutationObserverImpl(requestScan);
-  observer.observe(root.documentElement, {
-    childList: true,
-    subtree: true,
-    attributes: true,
-    attributeFilter: [
-      "data-dreamboard-zone-item",
-      "data-playable",
-      "data-dreamboard-interaction-card-input",
-    ],
-  });
-  requestScan();
-
-  return () => {
-    observer.disconnect();
-  };
-}

package/dist/dev-host/dev-diagnostics.ts

@@ -1,62 +0,0 @@
-import type { LoggerLike } from "@dreamboard-games/ui-host-runtime/runtime";
-
-export type DevLogEnvelope = {
-  source: "host" | "plugin" | "sse";
-  level: "log" | "warn" | "error" | "info";
-  message: string;
-};
-
-export type DevDiagnosticsLevel = "errors" | "verbose";
-
-export function resolveDevDiagnosticsLevel(
-  debug: boolean,
-): DevDiagnosticsLevel {
-  return debug ? "verbose" : "errors";
-}
-
-export function createDevDiagnosticsLogger(
-  level: DevDiagnosticsLevel,
-): LoggerLike {
-  if (level === "verbose") {
-    return {
-      log: (...args) => console.log(...args),
-      warn: (...args) => console.warn(...args),
-      error: (...args) => console.error(...args),
-    };
-  }
-
-  return {
-    log: () => {},
-    warn: () => {},
-    error: (...args) => console.error(...args),
-  };
-}
-
-export function shouldRelayDevLog(
-  diagnosticsLevel: DevDiagnosticsLevel,
-  payload: DevLogEnvelope,
-): boolean {
-  return (
-    diagnosticsLevel === "verbose" ||
-    payload.level === "warn" ||
-    payload.level === "error"
-  );
-}
-
-export function formatConsoleArgs(args: unknown[]): string {
-  return args.map((value) => stringifyForRelay(value)).join(" ");
-}
-
-export function stringifyForRelay(value: unknown): string {
-  if (typeof value === "string") {
-    return value;
-  }
-  if (value instanceof Error) {
-    return value.stack ?? value.message;
-  }
-  try {
-    return JSON.stringify(value);
-  } catch {
-    return String(value);
-  }
-}

package/dist/dev-host/dev-fallback-stylesheet.ts

@@ -1,53 +0,0 @@
-import { createHash, randomUUID } from "node:crypto";
-import { existsSync, mkdirSync, writeFileSync } from "node:fs";
-import path from "node:path";
-import { normalizePath } from "vite";
-
-export function prepareFallbackStylesheet(options: {
-  projectRoot: string;
-  repoRoot: string;
-}): string | null {
-  const projectStylePath = path.resolve(options.projectRoot, "ui/style.css");
-  if (existsSync(projectStylePath)) {
-    return null;
-  }
-
-  const generatedDir = path.resolve(options.repoRoot, ".dreamboard-dev");
-  mkdirSync(generatedDir, { recursive: true });
-
-  const fingerprint = createHash("sha256")
-    .update(options.projectRoot, "utf8")
-    .digest("hex")
-    .slice(0, 8);
-  const instanceId = randomUUID().replaceAll("-", "").slice(0, 8);
-  const generatedPath = path.join(
-    generatedDir,
-    `plugin-styles-${fingerprint}-${instanceId}.css`,
-  );
-  const sharedStylesPath = normalizePath(
-    path.resolve(
-      options.repoRoot,
-      "node_modules/@dreamboard-games/sdk/dist/ui/plugin-styles.css",
-    ),
-  );
-  const uiSourcePath = normalizePath(
-    path.resolve(options.projectRoot, "ui/**/*.{ts,tsx}"),
-  );
-  const sharedSourcePath = normalizePath(
-    path.resolve(options.projectRoot, "shared/**/*.{ts,tsx}"),
-  );
-
-  writeFileSync(
-    generatedPath,
-    [
-      `@import "/@fs/${sharedStylesPath}";`,
-      "",
-      `@source "${uiSourcePath}";`,
-      `@source "${sharedSourcePath}";`,
-      "",
-    ].join("\n"),
-    "utf8",
-  );
-
-  return generatedPath;
-}