npm - dreamboard - Versions diffs - 0.1.21 → 0.1.22 - Mend

dreamboard 0.1.21 → 0.1.22

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (186) hide show

package/dist/dev-host/index.html ADDED Viewed

@@ -0,0 +1,56 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link
+      rel="icon"
+      href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Crect width='64' height='64' rx='14' fill='%23f59e0b'/%3E%3Ctext x='32' y='41' font-size='28' text-anchor='middle' fill='%23231f20' font-family='Arial,sans-serif'%3EDB%3C/text%3E%3C/svg%3E"
+    />
+    <title>Dreamboard Dev</title>
+    <style>
+      :root {
+        color-scheme: light;
+        font-family:
+          ui-sans-serif,
+          system-ui,
+          -apple-system,
+          BlinkMacSystemFont,
+          "Segoe UI",
+          sans-serif;
+        background: #f5f1e7;
+        color: #1f2937;
+      }
+      * {
+        box-sizing: border-box;
+      }
+      html,
+      body,
+      #app {
+        height: 100%;
+        margin: 0;
+      }
+      body {
+        background:
+          radial-gradient(
+            circle at top left,
+            rgba(255, 255, 255, 0.8),
+            transparent 35%
+          ),
+          linear-gradient(180deg, #f5f1e7 0%, #efe7d6 100%);
+      }
+      #app {
+        display: grid;
+        grid-template-rows: auto 1fr;
+      }
+    </style>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/host-main.tsx"></script>
+  </body>
+</html>

package/dist/dev-host/plugin-main.ts ADDED Viewed

@@ -0,0 +1,55 @@
+import devConfig from "virtual:dreamboard-dev-config";
+import { stringifyForRelay } from "./dev-diagnostics.js";
+installPluginConsoleRelay();
+void import("virtual:dreamboard-project-entry").catch((error: unknown) => {
+  console.error("[dreamboard-dev] Failed to load project entry.", error);
+});
+function installPluginConsoleRelay(): void {
+  const relay = (level: "log" | "warn" | "error", args: unknown[]): void => {
+    try {
+      window.parent.postMessage(
+        {
+          type: "dreamboard-dev-console",
+          level,
+          message: args.map((value) => stringifyForRelay(value)).join(" "),
+        },
+        "*",
+      );
+    } catch {
+      // Ignore logging failures in the dev iframe.
+    }
+  };
+  const original = {
+    log: console.log.bind(console),
+    warn: console.warn.bind(console),
+    error: console.error.bind(console),
+  };
+  console.log = (...args: unknown[]) => {
+    original.log(...args);
+    if (devConfig.debug) {
+      relay("log", args);
+    }
+  };
+  console.warn = (...args: unknown[]) => {
+    original.warn(...args);
+    if (devConfig.debug) {
+      relay("warn", args);
+    }
+  };
+  console.error = (...args: unknown[]) => {
+    original.error(...args);
+    relay("error", args);
+  };
+  window.addEventListener("error", (event) => {
+    relay("error", [`window.error ${event.message}`]);
+  });
+  window.addEventListener("unhandledrejection", (event) => {
+    relay("error", ["unhandledrejection", event.reason]);
+  });
+}

package/dist/dev-host/plugin.html ADDED Viewed

@@ -0,0 +1,24 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link
+      rel="icon"
+      href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Crect width='64' height='64' rx='14' fill='%23f59e0b'/%3E%3Ctext x='32' y='41' font-size='28' text-anchor='middle' fill='%23231f20' font-family='Arial,sans-serif'%3EDB%3C/text%3E%3C/svg%3E"
+    />
+    <title>Dreamboard Plugin</title>
+    <style>
+      html,
+      body,
+      #root {
+        height: 100%;
+        margin: 0;
+      }
+    </style>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/plugin-main.ts"></script>
+  </body>
+</html>

package/dist/dev-host/start-dev-server.ts ADDED Viewed

@@ -0,0 +1,138 @@
+import { rmSync } from "node:fs";
+import { createRequire } from "node:module";
+import os from "node:os";
+import react from "@vitejs/plugin-react";
+import tailwindcssPostcss from "@tailwindcss/postcss";
+import { createServer, type ViteDevServer } from "vite";
+import type { ResolvedConfig } from "../types.js";
+import { createDevApiProxyPlugin } from "./dev-api-proxy-plugin.js";
+import { createDevRuntimePlatform } from "./dev-runtime-platform.js";
+import { createVirtualDevModulesPlugin } from "./dev-virtual-modules-plugin.js";
+import { createDevLogRelayPlugin } from "./dev-log-relay-plugin.js";
+import { prepareFallbackStylesheet } from "./dev-fallback-stylesheet.js";
+import type { DreamboardDevRuntimeConfig } from "./dev-runtime-config.js";
+const require = createRequire(import.meta.url);
+const tailwindCssEntry = require.resolve("tailwindcss/index.css");
+export type { DreamboardDevRuntimeConfig } from "./dev-runtime-config.js";
+export async function startDreamboardDevServer(options: {
+  projectRoot: string;
+  sessionFilePath: string;
+  port?: number;
+  host?: string | boolean;
+  allowedHosts?: string[];
+  runtimeConfig: DreamboardDevRuntimeConfig;
+  config: ResolvedConfig;
+}): Promise<{
+  url: string;
+  networkUrls: string[];
+  close: () => Promise<void>;
+  server: ViteDevServer;
+}> {
+  const { projectRoot, port, host, allowedHosts, runtimeConfig, config } =
+    options;
+  const platform = createDevRuntimePlatform({
+    importMetaUrl: import.meta.url,
+    projectRoot,
+    debug: runtimeConfig.debug,
+    port,
+    host,
+    allowedHosts,
+    tailwindCssEntry,
+  });
+  const generatedFallbackStylesheetPath = prepareFallbackStylesheet({
+    projectRoot,
+    repoRoot: platform.repoRoot,
+  });
+  const server = await createServer({
+    root: platform.devHostRoot,
+    appType: "spa",
+    plugins: [
+      react(),
+      createVirtualDevModulesPlugin({
+        projectRoot,
+        runtimeConfig,
+        generatedFallbackStylesheetPath,
+      }),
+      createDevApiProxyPlugin({ config }),
+      createDevLogRelayPlugin({
+        sessionFilePath: options.sessionFilePath,
+        runtimeConfig,
+        config,
+        diagnosticsLevel: platform.diagnosticsLevel,
+      }),
+    ],
+    css: {
+      postcss: {
+        plugins: [tailwindcssPostcss()],
+      },
+    },
+    logLevel: platform.viteLogLevel,
+    resolve: {
+      dedupe: platform.resolveDedupe,
+      alias: platform.resolveAlias,
+    },
+    optimizeDeps: {
+      exclude: platform.optimizeDepsExclude,
+    },
+    server: platform.serverConfig,
+  });
+  await server.listen();
+  const resolvedPort = getBoundPort(server);
+  const url = `http://localhost:${resolvedPort}/index.html`;
+  return {
+    url,
+    networkUrls: getNetworkUrls(host, resolvedPort),
+    close: async () => {
+      await server.close();
+      if (generatedFallbackStylesheetPath) {
+        rmSync(generatedFallbackStylesheetPath, { force: true });
+      }
+    },
+    server,
+  };
+}
+function getNetworkUrls(
+  host: string | boolean | undefined,
+  port: number,
+): string[] {
+  if (!host) return [];
+  if (typeof host === "string" && isLoopbackHost(host)) return [];
+  const hosts =
+    host === true || host === "0.0.0.0" || host === "::"
+      ? getLanIpv4Addresses()
+      : [host];
+  return hosts.map(
+    (value) => `http://${formatUrlHost(value)}:${port}/index.html`,
+  );
+}
+function isLoopbackHost(host: string): boolean {
+  return host === "localhost" || host === "127.0.0.1" || host === "::1";
+}
+function getLanIpv4Addresses(): string[] {
+  return Object.values(os.networkInterfaces())
+    .flatMap((interfaces) => interfaces ?? [])
+    .filter((details) => details.family === "IPv4" && !details.internal)
+    .map((details) => details.address);
+}
+function formatUrlHost(host: string): string {
+  return host.includes(":") ? `[${host}]` : host;
+}
+function getBoundPort(server: ViteDevServer): number {
+  const address = server.httpServer?.address();
+  if (!address || typeof address === "string") {
+    throw new Error("Failed to determine local dev server port.");
+  }
+  return address.port;
+}

package/dist/dev-host/virtual-modules.d.ts ADDED Viewed

@@ -0,0 +1,27 @@
+declare module "virtual:dreamboard-dev-config" {
+  export interface DreamboardDevConfig {
+    apiBaseUrl: string;
+    userId: string | null;
+    gameId: string;
+    compiledResultId: string;
+    setupProfileId: string | null;
+    playerCount: number;
+    debug: boolean;
+    slug: string;
+    autoStartGame: boolean;
+    initialSession: {
+      sessionId: string;
+      shortCode: string;
+      gameId: string;
+      seed: number | null;
+    };
+  }
+  const config: DreamboardDevConfig;
+  export default config;
+}
+declare module "virtual:dreamboard-project-entry" {
+  const projectEntry: unknown;
+  export default projectEntry;
+}