@dreamboard-games/cli 0.1.30-alpha.2 → 0.1.30-alpha.21

package/dist/dev-host/dev-runtime-platform.ts

@@ -1,335 +0,0 @@
-import { createRequire } from "node:module";
-import path from "node:path";
-import { fileURLToPath } from "node:url";
-import { existsSync } from "node:fs";
-import type { Alias, ServerOptions } from "vite";
-import { resolveDevDiagnosticsLevel } from "./dev-diagnostics.js";
-
-export interface DevRuntimePlatformOptions {
-  importMetaUrl: string;
-  projectRoot: string;
-  debug: boolean;
-  port?: number;
-  host?: string | boolean;
-  allowedHosts?: string[];
-  tailwindCssEntry: string;
-}
-
-export interface DevRuntimePlatform {
-  devHostRoot: string;
-  repoRoot: string;
-  cliRoot: string;
-  diagnosticsLevel: ReturnType<typeof resolveDevDiagnosticsLevel>;
-  viteLogLevel: "info" | "warn";
-  serverConfig: ServerOptions;
-  resolveDedupe: string[];
-  resolveAlias: Alias[];
-  optimizeDepsExclude: string[];
-}
-
-export function createDevRuntimePlatform(
-  options: DevRuntimePlatformOptions,
-): DevRuntimePlatform {
-  const devHostRoot = resolveDevHostRoot(options.importMetaUrl);
-  const cliRoot = resolveCliRoot(options.importMetaUrl);
-  const repoRoot = resolveRepoRoot(cliRoot);
-  const require = createRequire(options.importMetaUrl);
-  const diagnosticsLevel = resolveDevDiagnosticsLevel(options.debug);
-  const sdkRoot = resolvePackageRoot(
-    require,
-    cliRoot,
-    "@dreamboard-games/sdk",
-    "@dreamboard-games/sdk",
-    "node_modules/@dreamboard-games/sdk",
-  );
-  const apiClientClientGen = resolvePackageSubpath(
-    require,
-    cliRoot,
-    "@dreamboard-games/api-client/client.gen",
-    "@dreamboard-games/api-client/client.gen",
-    "node_modules/@dreamboard-games/api-client/dist/client.gen.js",
-  );
-  const uiHostRuntimeRoot = resolveUiHostRuntimeRoot(require, cliRoot);
-
-  return {
-    devHostRoot,
-    repoRoot,
-    cliRoot,
-    diagnosticsLevel,
-    viteLogLevel: diagnosticsLevel === "verbose" ? "info" : "warn",
-    serverConfig: {
-      host: options.host ?? "localhost",
-      allowedHosts: options.allowedHosts,
-      port: options.port ?? 5352,
-      strictPort: false,
-      watch: {
-        ignored: createProjectOnlyWatchIgnored(options.projectRoot),
-      },
-      headers: {
-        "Access-Control-Allow-Origin": "*",
-        "Access-Control-Allow-Methods": "GET, OPTIONS",
-      },
-      fs: {
-        allow: [options.projectRoot, repoRoot],
-      },
-    },
-    resolveDedupe: ["react", "react-dom", "@dreamboard-games/sdk"],
-    resolveAlias: [
-      {
-        find: /^react$/,
-        replacement: resolveCliDependency(
-          require,
-          cliRoot,
-          "react",
-          "node_modules/react/index.js",
-        ),
-      },
-      {
-        find: /^react\/jsx-runtime$/,
-        replacement: resolveCliDependency(
-          require,
-          cliRoot,
-          "react/jsx-runtime",
-          "node_modules/react/jsx-runtime.js",
-        ),
-      },
-      {
-        find: /^react\/jsx-dev-runtime$/,
-        replacement: resolveCliDependency(
-          require,
-          cliRoot,
-          "react/jsx-dev-runtime",
-          "node_modules/react/jsx-dev-runtime.js",
-        ),
-      },
-      {
-        find: /^react-dom$/,
-        replacement: resolveCliDependency(
-          require,
-          cliRoot,
-          "react-dom",
-          "node_modules/react-dom/index.js",
-        ),
-      },
-      {
-        find: /^react-dom\/client$/,
-        replacement: resolveCliDependency(
-          require,
-          cliRoot,
-          "react-dom/client",
-          "node_modules/react-dom/client.js",
-        ),
-      },
-      {
-        find: /^@dreamboard-games\/sdk\/ui$/,
-        replacement: path.resolve(sdkRoot, "dist/ui.js"),
-      },
-      {
-        find: /^@dreamboard-games\/sdk\/ui\/components$/,
-        replacement: path.resolve(sdkRoot, "dist/ui/components.js"),
-      },
-      {
-        find: /^@dreamboard-games\/sdk\/runtime$/,
-        replacement: path.resolve(sdkRoot, "dist/runtime.js"),
-      },
-      {
-        find: /^@dreamboard-games\/sdk\/runtime\/runtime-api$/,
-        replacement: path.resolve(sdkRoot, "dist/runtime/runtime-api.js"),
-      },
-      {
-        find: /^@dreamboard-games\/sdk\/runtime\/primitives$/,
-        replacement: path.resolve(sdkRoot, "dist/runtime/primitives.js"),
-      },
-      {
-        find: /^@dreamboard-games\/sdk\/runtime\/workspace-contract$/,
-        replacement: path.resolve(
-          sdkRoot,
-          "dist/runtime/workspace-contract.js",
-        ),
-      },
-      {
-        find: /^@dreamboard-games\/ui-host-runtime\/components$/,
-        replacement: path.resolve(uiHostRuntimeRoot, "src/components/index.ts"),
-      },
-      {
-        find: /^@dreamboard-games\/ui-host-runtime\/runtime$/,
-        replacement: path.resolve(uiHostRuntimeRoot, "src/runtime/index.ts"),
-      },
-      {
-        find: /^@dreamboard\/manifest-contract$/,
-        replacement: path.resolve(
-          options.projectRoot,
-          "shared/manifest-contract.ts",
-        ),
-      },
-      {
-        find: /^#dreamboard\/ui-contract$/,
-        replacement: path.resolve(
-          options.projectRoot,
-          "shared/generated/ui-contract.ts",
-        ),
-      },
-      {
-        find: /^@dreamboard-games\/sdk\/ui\/plugin-styles\.css$/,
-        replacement: resolveCliDependency(
-          require,
-          cliRoot,
-          "@dreamboard-games/sdk/ui/plugin-styles.css",
-          "node_modules/@dreamboard-games/sdk/dist/ui/plugin-styles.css",
-        ),
-      },
-      {
-        find: /^@dreamboard-games\/api-client\/client\.gen$/,
-        replacement: apiClientClientGen,
-      },
-      {
-        find: /^@shared\/(.*)$/,
-        replacement: path.resolve(options.projectRoot, "shared/$1"),
-      },
-      {
-        find: /^tailwindcss$/,
-        replacement: options.tailwindCssEntry,
-      },
-    ],
-    // Author SDKs are resolved from the project, not the CLI root. Let Vite
-    // transform them fresh so its CLI-scoped dependency cache cannot pin an
-    // older local snapshot after `dreamboard sync`.
-    optimizeDepsExclude: [
-      "@dreamboard-games/sdk",
-      "@dreamboard-games/sdk/ui",
-      "@dreamboard-games/sdk/runtime",
-      "@dreamboard-games/sdk/runtime/primitives",
-      "@dreamboard-games/sdk/runtime/workspace-contract",
-      "@dreamboard-games/sdk/reducer",
-      "@dreamboard-games/sdk/types",
-    ],
-  };
-}
-
-function createProjectOnlyWatchIgnored(
-  projectRoot: string,
-): (file: string) => boolean {
-  const normalizedProjectRoot = path.resolve(projectRoot);
-
-  return (file) => {
-    const normalizedFile = path.resolve(file);
-    const relativePath = path.relative(normalizedProjectRoot, normalizedFile);
-    const isInsideProject =
-      relativePath === "" ||
-      (relativePath.length > 0 &&
-        !relativePath.startsWith("..") &&
-        !path.isAbsolute(relativePath));
-
-    if (!isInsideProject) {
-      return true;
-    }
-
-    const pathSegments = relativePath.split(path.sep);
-    return (
-      pathSegments.includes(".dreamboard") ||
-      pathSegments.includes("node_modules")
-    );
-  };
-}
-
-function resolveUiHostRuntimeRoot(
-  require: NodeJS.Require,
-  cliRoot: string,
-): string {
-  try {
-    return path.dirname(
-      require.resolve("@dreamboard-games/ui-host-runtime/package.json"),
-    );
-  } catch {
-    return path.resolve(cliRoot, "dist/runtime-packages/ui-host-runtime");
-  }
-}
-
-function resolvePackageRoot(
-  require: NodeJS.Require,
-  cliRoot: string,
-  specifier: string,
-  publicSpecifier: string,
-  fallbackRelativePath: string,
-): string {
-  try {
-    return path.dirname(require.resolve(`${specifier}/package.json`));
-  } catch {
-    try {
-      return path.dirname(require.resolve(`${publicSpecifier}/package.json`));
-    } catch {
-      return path.resolve(cliRoot, "..", "..", fallbackRelativePath);
-    }
-  }
-}
-
-function resolvePackageSubpath(
-  require: NodeJS.Require,
-  cliRoot: string,
-  specifier: string,
-  publicSpecifier: string,
-  fallbackRelativePath: string,
-): string {
-  try {
-    return require.resolve(specifier);
-  } catch {
-    try {
-      return require.resolve(publicSpecifier);
-    } catch {
-      return path.resolve(cliRoot, fallbackRelativePath);
-    }
-  }
-}
-
-function resolveCliDependency(
-  require: NodeJS.Require,
-  cliRoot: string,
-  specifier: string,
-  fallbackRelativePath: string,
-): string {
-  try {
-    return require.resolve(specifier);
-  } catch {
-    return path.resolve(cliRoot, fallbackRelativePath);
-  }
-}
-
-function resolveDevHostRoot(importMetaUrl: string): string {
-  const currentDir = path.dirname(fileURLToPath(importMetaUrl));
-  const packagedDirCandidate = path.resolve(currentDir, "dev-host");
-  if (existsSync(packagedDirCandidate)) return packagedDirCandidate;
-  const sourceDirCandidate = path.resolve(currentDir, "../src/dev-host");
-  return existsSync(sourceDirCandidate) ? sourceDirCandidate : currentDir;
-}
-
-function resolveCliRoot(importMetaUrl: string): string {
-  let currentDir = path.dirname(fileURLToPath(importMetaUrl));
-
-  while (true) {
-    if (existsSync(path.join(currentDir, "package.json"))) {
-      return currentDir;
-    }
-
-    const parentDir = path.dirname(currentDir);
-    if (parentDir === currentDir) {
-      return path.resolve(resolveDevHostRoot(importMetaUrl), "../..");
-    }
-    currentDir = parentDir;
-  }
-}
-
-function resolveRepoRoot(cliRoot: string): string {
-  let currentDir = cliRoot;
-
-  while (true) {
-    if (existsSync(path.join(currentDir, "pnpm-workspace.yaml"))) {
-      return currentDir;
-    }
-
-    const parentDir = path.dirname(currentDir);
-    if (parentDir === currentDir) {
-      return cliRoot;
-    }
-    currentDir = parentDir;
-  }
-}

package/dist/dev-host/dev-virtual-modules-plugin.ts

@@ -1,64 +0,0 @@
-import path from "node:path";
-import { normalizePath, type Plugin } from "vite";
-import type { DreamboardDevRuntimeConfig } from "./dev-runtime-config.js";
-
-export function createVirtualDevModulesPlugin(options: {
-  projectRoot: string;
-  runtimeConfig: DreamboardDevRuntimeConfig;
-  generatedFallbackStylesheetPath: string | null;
-}): Plugin {
-  const configModuleId = "virtual:dreamboard-dev-config";
-  const resolvedConfigModuleId = `\0${configModuleId}`;
-  const projectEntryModuleId = "virtual:dreamboard-project-entry";
-  const resolvedProjectEntryModuleId = `\0${projectEntryModuleId}`;
-  const projectAppPath = path.resolve(options.projectRoot, "ui/App.tsx");
-  const projectStylePath = path.resolve(options.projectRoot, "ui/style.css");
-
-  return {
-    name: "dreamboard-dev-virtual-modules",
-    resolveId(id) {
-      if (id === configModuleId) {
-        return resolvedConfigModuleId;
-      }
-      if (id === projectEntryModuleId) {
-        return resolvedProjectEntryModuleId;
-      }
-      return null;
-    },
-    load(id) {
-      if (id === resolvedConfigModuleId) {
-        return `export const devConfig = ${JSON.stringify(options.runtimeConfig)};\nexport default devConfig;\n`;
-      }
-      if (id === resolvedProjectEntryModuleId) {
-        const fallbackImport = options.generatedFallbackStylesheetPath
-          ? `import "/@fs/${normalizePath(options.generatedFallbackStylesheetPath)}";\n`
-          : "";
-        return `${fallbackImport}import { createElement } from "react";
-import { createRoot } from "react-dom/client";
-import { ErrorBoundary } from "@dreamboard-games/sdk/ui";
-import { PluginRuntime } from "@dreamboard-games/sdk/runtime";
-import "/@fs/${normalizePath(projectStylePath)}";
-import App from "/@fs/${normalizePath(projectAppPath)}";
-
-const rootElement = document.getElementById("root");
-if (!rootElement) {
-  throw new Error("Dreamboard dev plugin root element was not found.");
-}
-
-createRoot(rootElement).render(
-  createElement(
-    ErrorBoundary,
-    null,
-    createElement(
-      PluginRuntime,
-      null,
-      createElement(App),
-    ),
-  ),
-);
-`;
-      }
-      return null;
-    },
-  };
-}

package/dist/dev-host/host-main.css

@@ -1,224 +0,0 @@
-@import "./shared-styles.css";
-@import url("https://fonts.googleapis.com/css2?family=Kalam:wght@300;400;700&family=Patrick+Hand&display=swap");
-
-:root {
-  color-scheme: light;
-  --background: oklch(0.985 0.005 85);
-  --foreground: oklch(0.25 0 0);
-  --card: oklch(0.985 0.005 85);
-  --card-foreground: oklch(0.25 0 0);
-  --popover: oklch(0.985 0.005 85);
-  --popover-foreground: oklch(0.25 0 0);
-  --primary: oklch(0.6 0.2 25);
-  --primary-foreground: oklch(1 0 0);
-  --secondary: oklch(0.92 0.01 85);
-  --secondary-foreground: oklch(0.25 0 0);
-  --muted: oklch(0.92 0.01 85);
-  --muted-foreground: oklch(0.5 0 0);
-  --accent: oklch(0.97 0.05 100);
-  --accent-foreground: oklch(0.25 0 0);
-  --destructive: oklch(0.6 0.2 25);
-  --destructive-foreground: oklch(1 0 0);
-  --border: oklch(0.25 0 0);
-  --input: oklch(0.25 0 0);
-  --ring: oklch(0.45 0.15 250);
-  --radius: 0.75rem;
-  --font-display: "Kalam", cursive;
-  --font-sans: "Patrick Hand", cursive;
-}
-
-html,
-body,
-#app {
-  height: 100%;
-  min-height: 100%;
-  margin: 0;
-}
-
-body {
-  min-height: 100vh;
-  background-color: #f5f1e7;
-  background-image:
-    radial-gradient(
-      circle at top left,
-      rgba(255, 255, 255, 0.9),
-      transparent 40%
-    ),
-    radial-gradient(#dcd5c9 1px, transparent 1px);
-  background-size: 100% 100%, 24px 24px;
-  background-attachment: fixed, fixed;
-  color: #1f2937;
-  font-family: var(--font-sans);
-}
-
-#app {
-  display: block;
-}
-
-#app > * {
-  min-height: 100%;
-}
-
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-  font-family: var(--font-display);
-  font-weight: 700;
-}
-
-.wobbly-border {
-  border-radius: 255px 15px 225px 15px / 15px 225px 15px 255px;
-}
-
-.wobbly-border-md {
-  border-radius: 25px 8px 25px 8px / 8px 25px 8px 25px;
-}
-
-.wobbly-border-lg {
-  border-radius: 45px 15px 45px 15px / 15px 45px 15px 45px;
-}
-
-.hard-shadow {
-  box-shadow: 4px 4px 0 0 #2d2d2d;
-}
-
-.hard-shadow-lg {
-  box-shadow: 8px 8px 0 0 #2d2d2d;
-}
-
-/* Calm secondary CTA inside the dev drawer — the player switcher is
- * already the panel's single wobbly+shadow stamp, so the primary action
- * here is intentionally quiet. */
-.dev-calm-button {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  height: 2.5rem;
-  padding: 0 1rem;
-  border-radius: 0.5rem;
-  border: 2px solid #2d2d2d;
-  background-color: #2d2d2d;
-  color: #fff8e8;
-  font-family: var(--font-sans);
-  font-size: 0.875rem;
-  font-weight: 700;
-  letter-spacing: 0.02em;
-  transition:
-    background-color 0.15s ease,
-    transform 0.05s ease;
-}
-
-.dev-calm-button:hover:not(:disabled) {
-  background-color: #1f1f1f;
-}
-
-.dev-calm-button:active:not(:disabled) {
-  transform: translateY(1px);
-}
-
-.dev-calm-button:disabled {
-  opacity: 0.5;
-  cursor: not-allowed;
-}
-
-/* Tame HostHistoryNavigator into a text link inside the dev drawer.
- *
- * The upstream Button ships with `wobbly-border-md` + `hard-shadow`
- * baked into its base classes; twMerge cannot strip custom utilities so
- * we brute-force a flat link-style treatment with !important on multiple
- * selector forms. */
-.dev-history-shell button,
-.dev-history-shell [data-slot="button"],
-.dev-history-shell .wobbly-border-md,
-.dev-history-shell .hard-shadow {
-  height: auto !important;
-  padding: 0.25rem 0 !important;
-  background: transparent !important;
-  border: none !important;
-  box-shadow: none !important;
-  border-radius: 0 !important;
-  font-size: 0.75rem !important;
-  font-weight: 700 !important;
-  color: oklch(0.5 0 0) !important;
-  gap: 0.4rem !important;
-  text-transform: uppercase;
-  letter-spacing: 0.12em;
-}
-
-.dev-history-shell button:hover,
-.dev-history-shell [data-slot="button"]:hover {
-  background: transparent !important;
-  color: oklch(0.25 0 0) !important;
-  box-shadow: none !important;
-  transform: none !important;
-}
-
-.dev-history-shell [data-slot="badge"] {
-  background-color: rgba(45, 45, 45, 0.08);
-  color: oklch(0.25 0 0);
-  border-color: transparent;
-  padding: 0 0.4rem;
-  font-size: 0.65rem;
-  letter-spacing: 0;
-}
-
-/* Calm copy buttons inside the Debug fold so they're text-tabular, not
- * three wobbly stamps. */
-.dev-host-debug-shell button,
-.dev-host-debug-shell .wobbly-border-md,
-.dev-host-debug-shell .hard-shadow {
-  border-radius: 0.375rem !important;
-  box-shadow: none !important;
-  border-width: 1px !important;
-  border-color: rgba(45, 45, 45, 0.12) !important;
-  background-color: transparent !important;
-}
-
-.dev-host-debug-shell button:hover {
-  background-color: rgba(45, 45, 45, 0.04) !important;
-  transform: none !important;
-  box-shadow: none !important;
-}
-
-/* Seed input — pull off the upstream wobbly+thick border in favour of a
- * calm flat rectangle that matches the rest of the panel chrome. */
-.dev-seed-input {
-  border-radius: 0.5rem !important;
-  border-width: 1.5px !important;
-  border-color: rgba(45, 45, 45, 0.18) !important;
-  background-color: #fff !important;
-  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace !important;
-}
-
-.dev-seed-input:focus,
-.dev-seed-input:focus-visible {
-  border-color: rgba(45, 45, 45, 0.4) !important;
-  box-shadow: 0 0 0 3px rgba(45, 93, 161, 0.12) !important;
-}
-
-/* Edge handle — calm strip at rest, soft glow on hover. */
-.dev-edge-handle .dev-edge-strip {
-  transition:
-    background-color 200ms ease,
-    box-shadow 200ms ease,
-    width 200ms ease,
-    height 200ms ease;
-}
-
-.dev-edge-handle:hover .dev-edge-strip,
-.dev-edge-handle:focus-visible .dev-edge-strip {
-  width: 6px;
-  height: 7rem;
-  background-color: #2d5da1;
-  box-shadow:
-    0 0 0 2px rgba(45, 93, 161, 0.18),
-    0 0 14px 4px rgba(45, 93, 161, 0.55),
-    0 0 28px 8px rgba(45, 93, 161, 0.25);
-}
-
-.dev-edge-handle:focus-visible {
-  outline: none;
-}