@reckona/mreact-router 0.0.66 → 0.0.67

package/src/vite-config.ts

@@ -0,0 +1,63 @@
+import { loadConfigFromFile, type ConfigEnv, type PluginOption, type UserConfig } from "vite";
+import type { ResolvedAppRouterProject } from "./config.js";
+import { mreactRouterConfigFromPlugins } from "./vite.js";
+
+export interface LoadedMreactRouterViteConfig {
+  project: ResolvedAppRouterProject;
+  serverPort?: number | undefined;
+  viteConfig?: UserConfig | undefined;
+}
+
+export async function loadMreactRouterViteConfig(options: {
+  command: ConfigEnv["command"];
+  cwd: string;
+  mode?: string | undefined;
+}): Promise<ResolvedAppRouterProject> {
+  return (await loadMreactRouterViteConfigDetails(options)).project;
+}
+
+export async function loadMreactRouterViteConfigDetails(options: {
+  command: ConfigEnv["command"];
+  cwd: string;
+  mode?: string | undefined;
+}): Promise<LoadedMreactRouterViteConfig> {
+  const loaded = await loadConfigFromFile(
+    {
+      command: options.command,
+      mode: options.mode ?? (options.command === "serve" ? "development" : "production"),
+    },
+    undefined,
+    options.cwd,
+  );
+
+  if (loaded === null) {
+    throw new Error("vite.config.ts is required for mreact-router CLI commands.");
+  }
+
+  const config = mreactRouterConfigFromPlugins(loaded.config.plugins ?? []);
+
+  if (config === undefined) {
+    throw new Error("vite.config.ts must include mreactRouter() from @reckona/mreact-router/vite.");
+  }
+
+  const serverPort = loaded.config.server?.port;
+
+  return {
+    project: config,
+    ...(typeof serverPort === "number" ? { serverPort } : {}),
+    viteConfig: {
+      ...loaded.config,
+      plugins: routeAgnosticVitePlugins(loaded.config.plugins ?? []),
+    },
+  };
+}
+
+function routeAgnosticVitePlugins(plugins: readonly unknown[]): PluginOption[] {
+  return plugins.flat(Infinity).filter((plugin): plugin is PluginOption => {
+    if (plugin === false || plugin === null || plugin === undefined) {
+      return false;
+    }
+
+    return mreactRouterConfigFromPlugins([plugin]) === undefined;
+  });
+}

package/src/vite-plugin-cache-key.ts

@@ -0,0 +1,53 @@
+import type { PluginOption } from "vite";
+
+const pluginObjectIds = new WeakMap<object, number>();
+let nextPluginObjectId = 1;
+
+export function vitePluginsCacheKey(plugins: readonly PluginOption[] | undefined): string {
+  if (plugins === undefined || plugins.length === 0) {
+    return "";
+  }
+
+  return flattenVitePluginOptions(plugins)
+    .map((plugin, index) => `${index}:${plugin.name ?? "<anonymous>"}:${plugin.objectId}`)
+    .join("\0");
+}
+
+function flattenVitePluginOptions(
+  options: readonly PluginOption[],
+): Array<{ name?: string; objectId: number }> {
+  const plugins: Array<{ name?: string; objectId: number }> = [];
+
+  for (const option of options) {
+    if (Array.isArray(option)) {
+      plugins.push(...flattenVitePluginOptions(option));
+      continue;
+    }
+
+    if (option === false || option === null || option === undefined || typeof option === "string") {
+      continue;
+    }
+
+    if (typeof option === "object" && "then" in option) {
+      plugins.push({ name: "<async>", objectId: pluginObjectId(option) });
+      continue;
+    }
+
+    plugins.push({ name: option.name, objectId: pluginObjectId(option) });
+  }
+
+  return plugins;
+}
+
+function pluginObjectId(plugin: object): number {
+  const cached = pluginObjectIds.get(plugin);
+
+  if (cached !== undefined) {
+    return cached;
+  }
+
+  const id = nextPluginObjectId;
+  nextPluginObjectId += 1;
+  pluginObjectIds.set(plugin, id);
+  return id;
+}