@reckona/mreact-router 0.0.86 → 0.0.88

package/dist/module-runner.d.ts

@@ -8,7 +8,9 @@ export declare function routerModuleRunnerRuntimeCacheStats(): RouterRuntimeCach
 export declare function importAppRouterSourceModule<T>(options: {
     cacheKey?: string | undefined;
     code: string;
+    externalizeAppSourceModuleDirs?: readonly string[] | undefined;
     label: string;
+    plugins?: readonly RouterCompatPlugin[] | undefined;
     resolveDir?: string | undefined;
     serverSourceTransform?: ServerSourceTransformOptions | undefined;
     sourcefile?: string | undefined;
@@ -21,7 +23,9 @@ export declare function importAppRouterBuiltFileModule<T>(options: {
 }): Promise<T>;
 export declare function bundleAppRouterSourceModule(options: {
     code: string;
+    externalizeAppSourceModuleDirs?: readonly string[] | undefined;
     label: string;
+    plugins?: readonly RouterCompatPlugin[] | undefined;
     resolveDir?: string | undefined;
     serverSourceTransform?: ServerSourceTransformOptions | undefined;
     sourcefile?: string | undefined;

package/dist/module-runner.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"module-runner.d.ts","sourceRoot":"","sources":["../src/module-runner.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,0CAA0C,CAAC;AAEjF,OAAO,EAAmC,KAAK,YAAY,EAAE,MAAM,MAAM,CAAC;AAE1E,OAAO,EAGL,KAAK,kBAAkB,EACxB,MAAM,sBAAsB,CAAC;AAE9B,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,YAAY,CAAC;AAC5D,OAAO,EAKL,KAAK,sBAAsB,EAC5B,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAKL,KAAK,yBAAyB,EAC/B,MAAM,6BAA6B,CAAC;AAsBrC,wBAAgB,mCAAmC,IAAI,sBAAsB,EAAE,CAe9E;AAED,wBAAsB,2BAA2B,CAAC,CAAC,EAAE,OAAO,EAAE;IAC5D,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,qBAAqB,CAAC,EAAE,4BAA4B,GAAG,SAAS,CAAC;IACjE,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,WAAW,CAAC,EAAE,SAAS,YAAY,EAAE,GAAG,SAAS,CAAC;CACnD,GAAG,OAAO,CAAC,CAAC,CAAC,CA6Bb;AA2BD,wBAAsB,yBAAyB,CAAC,CAAC,EAAE,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC,CAAC,CAAC,CAM3E;AAED,wBAAsB,8BAA8B,CAAC,CAAC,EAAE,OAAO,EAAE;IAC/D,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC9B,IAAI,EAAE,MAAM,CAAC;CACd,GAAG,OAAO,CAAC,CAAC,CAAC,CA6Bb;AAED,wBAAsB,2BAA2B,CAAC,OAAO,EAAE;IACzD,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,qBAAqB,CAAC,EAAE,4BAA4B,GAAG,SAAS,CAAC;IACjE,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,WAAW,CAAC,EAAE,SAAS,YAAY,EAAE,GAAG,SAAS,CAAC;CACnD,GAAG,OAAO,CAAC,MAAM,CAAC,CAoBlB;AAED,wBAAgB,uBAAuB,IAAI,kBAAkB,CAwB5D;AAED,UAAU,4BAA4B;IACpC,yBAAyB,CAAC,EAAE,yBAAyB,GAAG,SAAS,CAAC;IAClE,GAAG,EAAE,OAAO,CAAC;IACb,aAAa,CAAC,EAAE,WAAW,CAAC,MAAM,EAAE,yBAAyB,CAAC,GAAG,SAAS,CAAC;IAC3E,YAAY,EAAE,gBAAgB,CAAC;IAC/B,WAAW,CAAC,EAAE,SAAS,YAAY,EAAE,GAAG,SAAS,CAAC;CACnD"}
+{"version":3,"file":"module-runner.d.ts","sourceRoot":"","sources":["../src/module-runner.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,0CAA0C,CAAC;AAEjF,OAAO,EAKL,KAAK,YAAY,EAElB,MAAM,MAAM,CAAC;AAEd,OAAO,EAGL,KAAK,kBAAkB,EACxB,MAAM,sBAAsB,CAAC;AAE9B,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,YAAY,CAAC;AAC5D,OAAO,EAKL,KAAK,sBAAsB,EAC5B,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAKL,KAAK,yBAAyB,EAC/B,MAAM,6BAA6B,CAAC;AA0BrC,wBAAgB,mCAAmC,IAAI,sBAAsB,EAAE,CAe9E;AAED,wBAAsB,2BAA2B,CAAC,CAAC,EAAE,OAAO,EAAE;IAC5D,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,8BAA8B,CAAC,EAAE,SAAS,MAAM,EAAE,GAAG,SAAS,CAAC;IAC/D,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,SAAS,kBAAkB,EAAE,GAAG,SAAS,CAAC;IACpD,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,qBAAqB,CAAC,EAAE,4BAA4B,GAAG,SAAS,CAAC;IACjE,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,WAAW,CAAC,EAAE,SAAS,YAAY,EAAE,GAAG,SAAS,CAAC;CACnD,GAAG,OAAO,CAAC,CAAC,CAAC,CA6Bb;AAiCD,wBAAsB,yBAAyB,CAAC,CAAC,EAAE,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC,CAAC,CAAC,CAK3E;AAgFD,wBAAsB,8BAA8B,CAAC,CAAC,EAAE,OAAO,EAAE;IAC/D,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC9B,IAAI,EAAE,MAAM,CAAC;CACd,GAAG,OAAO,CAAC,CAAC,CAAC,CA6Bb;AAED,wBAAsB,2BAA2B,CAAC,OAAO,EAAE;IACzD,IAAI,EAAE,MAAM,CAAC;IACb,8BAA8B,CAAC,EAAE,SAAS,MAAM,EAAE,GAAG,SAAS,CAAC;IAC/D,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,SAAS,kBAAkB,EAAE,GAAG,SAAS,CAAC;IACpD,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,qBAAqB,CAAC,EAAE,4BAA4B,GAAG,SAAS,CAAC;IACjE,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,WAAW,CAAC,EAAE,SAAS,YAAY,EAAE,GAAG,SAAS,CAAC;CACnD,GAAG,OAAO,CAAC,MAAM,CAAC,CAsBlB;AAED,wBAAgB,uBAAuB,IAAI,kBAAkB,CAwB5D;AAED,UAAU,4BAA4B;IACpC,yBAAyB,CAAC,EAAE,yBAAyB,GAAG,SAAS,CAAC;IAClE,GAAG,EAAE,OAAO,CAAC;IACb,aAAa,CAAC,EAAE,WAAW,CAAC,MAAM,EAAE,yBAAyB,CAAC,GAAG,SAAS,CAAC;IAC3E,YAAY,EAAE,gBAAgB,CAAC;IAC/B,WAAW,CAAC,EAAE,SAAS,YAAY,EAAE,GAAG,SAAS,CAAC;CACnD"}

package/dist/module-runner.js

@@ -1,10 +1,11 @@
 import { createHash } from "node:crypto";
+import { existsSync, readFileSync } from "node:fs";
 import { readFile } from "node:fs/promises";
-import { dirname, join, sep } from "node:path";
+import { dirname, extname, isAbsolute, join, sep } from "node:path";
 import { fileURLToPath, pathToFileURL } from "node:url";
 import { formatDiagnostic } from "@reckona/mreact-compiler";
 import { transformCompilerModuleContext } from "@reckona/mreact-compiler/internal";
-import { runnerImport } from "vite";
+import { createRunnableDevEnvironment, mergeConfig, resolveConfig, } from "vite";
 import { resolveWorkspacePackageFile } from "./workspace-packages.js";
 import { bundleRouterModule, } from "./bundle-pipeline.js";
 import { resolveRouterCacheLimit } from "./cache-config.js";
@@ -25,6 +26,10 @@ const sourceModuleCacheCounters = createRouterRuntimeCacheCounters();
 const serverSourceTransformCache = new Map();
 const maxServerSourceTransformCacheEntries = resolveRouterCacheLimit("SERVER_SOURCE_TRANSFORM", 512);
 const serverSourceTransformCacheCounters = createRouterRuntimeCacheCounters();
+const packageTypeCache = new Map();
+const runnerVirtualModulePrefix = "virtual:mreact-router-source/";
+const runnerVirtualModules = new Map();
+let sharedRunnerEnvironment;
 let fileImportVersion = 0;
 export function routerModuleRunnerRuntimeCacheStats() {
     return [
@@ -50,21 +55,88 @@ export async function importAppRouterSourceModule(options) {
 }
 async function importAppRouterSourceModuleWithoutCache(options) {
     const code = options.resolveDir === undefined ? options.code : await bundleAppRouterSourceModule(options);
+    const sourcefile = options.sourcefile ?? join(options.resolveDir ?? process.cwd(), "module.js");
     const executableCode = withNodeRequireShimForEsmBundle({
-        code,
+        code: withFileImportMetaUrl(code, sourcefile),
+        filename: sourcefile,
         requireBaseDir: options.resolveDir ??
             (options.sourcefile === undefined ? undefined : dirname(options.sourcefile)),
     });
     const encodedLabel = encodeURIComponent(options.label.replace(/[^A-Za-z0-9_$.-]/g, "-"));
-    const url = `data:text/javascript;base64,${Buffer.from(executableCode).toString("base64")}#${encodedLabel}-${Date.now()}-${Math.random()}`;
-    const result = await runnerImport(url, runnerConfig);
-    return result.module;
+    const publicId = `${runnerVirtualModulePrefix}${encodedLabel}-${Date.now()}-${Math.random()}.mjs`;
+    runnerVirtualModules.set(publicId, executableCode);
+    try {
+        return await importWithSharedRunner(publicId, { invalidateEntry: true });
+    }
+    finally {
+        runnerVirtualModules.delete(publicId);
+    }
 }
 export async function importAppRouterFileModule(file) {
     fileImportVersion += 1;
     const url = `${pathToFileURL(file).href}?t=${Date.now()}${fileImportVersion}`;
-    const result = await runnerImport(url, runnerConfig);
-    return result.module;
+    return await importWithSharedRunner(url, { invalidateEntry: true });
+}
+async function importWithSharedRunner(moduleId, options) {
+    const environment = await getSharedRunnerEnvironment();
+    const module = (await environment.runner.import(moduleId));
+    if (options?.invalidateEntry === true) {
+        const evaluatedModule = environment.runner.evaluatedModules.getModuleByUrl(moduleId) ??
+            environment.runner.evaluatedModules.getModuleById(moduleId) ??
+            environment.runner.evaluatedModules.getModuleById(`\0${moduleId}`);
+        if (evaluatedModule !== undefined) {
+            environment.runner.evaluatedModules.invalidateModule(evaluatedModule);
+        }
+    }
+    return module;
+}
+async function getSharedRunnerEnvironment() {
+    if (sharedRunnerEnvironment !== undefined) {
+        return await sharedRunnerEnvironment;
+    }
+    sharedRunnerEnvironment = createSharedRunnerEnvironment().catch((error) => {
+        sharedRunnerEnvironment = undefined;
+        throw error;
+    });
+    return await sharedRunnerEnvironment;
+}
+async function createSharedRunnerEnvironment() {
+    const config = await resolveConfig(mergeConfig(runnerConfig, {
+        cacheDir: process.cwd(),
+        configFile: false,
+        envDir: false,
+        environments: {
+            mreact_router: {
+                consumer: "server",
+                dev: { moduleRunnerTransform: true },
+                resolve: {
+                    conditions: ["node"],
+                    external: true,
+                    mainFields: [],
+                },
+            },
+        },
+        plugins: [
+            {
+                name: "mreact-router-source-module",
+                resolveId(source) {
+                    return runnerVirtualModules.has(source) ? `\0${source}` : undefined;
+                },
+                load(id) {
+                    const source = id.startsWith("\0") ? id.slice(1) : id;
+                    return source.startsWith(runnerVirtualModulePrefix)
+                        ? runnerVirtualModules.get(source)
+                        : undefined;
+                },
+            },
+        ],
+    }), "serve");
+    const environment = createRunnableDevEnvironment("mreact_router", config, {
+        hot: false,
+        runnerOptions: { hmr: { logger: false } },
+    });
+    await environment.init();
+    return environment;
 }
 export async function importAppRouterBuiltFileModule(options) {
     if (options.cacheKey !== undefined) {
@@ -85,6 +157,7 @@ export async function importAppRouterBuiltFileModule(options) {
 export async function bundleAppRouterSourceModule(options) {
     const output = await bundleRouterModule({
         code: options.code,
+        externalizeAppSourceModuleDirs: options.externalizeAppSourceModuleDirs,
         filename: options.sourcefile ?? join(options.resolveDir ?? process.cwd(), "module.js"),
         platform: "node",
         vitePlugins: options.vitePlugins,
@@ -93,6 +166,7 @@ export async function bundleAppRouterSourceModule(options) {
             ...(options.serverSourceTransform === undefined
                 ? []
                 : [serverSourceTransformPlugin(options.serverSourceTransform)]),
+            ...(options.plugins ?? []),
         ],
     });
     const code = output.code;
@@ -208,17 +282,349 @@ function withFileImportMetaUrl(source, filename) {
 }
 function withNodeRequireShimForEsmBundle(options) {
     const requireBaseUrl = pathToFileURL(join(options.requireBaseDir ?? process.cwd(), "__mreact_require_shim.cjs")).href;
-    const code = options.code.replaceAll("createRequire(import.meta.url)", `createRequire(${JSON.stringify(requireBaseUrl)})`);
-    if (!needsNodeRequireShim(options.code)) {
+    const rewritten = rewriteNodeModulesExternalImports(options.code);
+    const code = rewritten.code.replaceAll("createRequire(import.meta.url)", `createRequire(${JSON.stringify(requireBaseUrl)})`);
+    const needsFilenameGlobalShim = needsCommonJsFilenameGlobalShim(options.code);
+    const needsRequireShim = needsNodeRequireShim(options.code);
+    if (!rewritten.needsNativeImport &&
+        !rewritten.needsRequire &&
+        !needsFilenameGlobalShim &&
+        !needsRequireShim) {
         return code;
     }
-    return `import { createRequire as __mreactCreateRequire } from "node:module";
-const require = __mreactCreateRequire(${JSON.stringify(requireBaseUrl)});
-${code}`;
+    return `${rewritten.needsNativeImport ? 'const __mreactNativeImport = Function("specifier", "return import(specifier)");\n' : ""}${needsFilenameGlobalShim ? `const __filename = ${JSON.stringify(options.filename)};
+const __dirname = ${JSON.stringify(dirname(options.filename))};
+` : ""}${rewritten.needsRequire || needsRequireShim ? `import { createRequire as __mreactCreateRequire } from "node:module";
+const __mreactRequire = __mreactCreateRequire(${JSON.stringify(requireBaseUrl)});
+const require = __mreactRequire;
+` : ""}${code}`;
+}
+function needsCommonJsFilenameGlobalShim(code) {
+    return /\b__(?:filename|dirname)\b/.test(code);
 }
 function needsNodeRequireShim(code) {
     return code.includes("Dynamic require of") && /\b__require\s*=/.test(code);
 }
+function rewriteNodeModulesExternalImports(code) {
+    const nativeImportBindings = new Map();
+    let needsNativeImport = false;
+    let needsRequire = false;
+    let importIndex = 0;
+    const importFromPattern = /^import\s+([^;\n]+?)\s+from\s+(["'])([^"']+)\2;?$/gm;
+    const sideEffectImportPattern = /^import\s+(["'])([^"']+)\1;?$/gm;
+    const withRewrittenImports = code.replace(importFromPattern, (statement, clause, _quote, specifier) => {
+        const file = nodeModulesExternalImportPath(specifier);
+        if (file === undefined || !isNodeImportableModuleFile(file)) {
+            return statement;
+        }
+        if (isNodeCommonJsModuleFile(file)) {
+            needsRequire = true;
+            const requireExpression = `__mreactRequire(${JSON.stringify(file)})`;
+            return commonJsImportClauseToRequireStatements(clause.trim(), requireExpression, importIndex++);
+        }
+        needsNativeImport = true;
+        const rewritten = esmImportClauseToNativeImportStatements(clause.trim(), specifier, importIndex++);
+        for (const [name, replacement] of rewritten.bindings) {
+            nativeImportBindings.set(name, replacement);
+        }
+        return rewritten.code;
+    });
+    const rewrittenCode = withRewrittenImports.replace(sideEffectImportPattern, (statement, _quote, specifier) => {
+        const file = nodeModulesExternalImportPath(specifier);
+        if (file === undefined || !isNodeImportableModuleFile(file)) {
+            return statement;
+        }
+        if (isNodeCommonJsModuleFile(file)) {
+            needsRequire = true;
+            return `__mreactRequire(${JSON.stringify(file)});`;
+        }
+        needsNativeImport = true;
+        return `await __mreactNativeImport(${JSON.stringify(specifier)});`;
+    });
+    return {
+        code: nativeImportBindings.size === 0
+            ? rewrittenCode
+            : replaceImportedIdentifiers(rewrittenCode, nativeImportBindings),
+        needsNativeImport,
+        needsRequire,
+    };
+}
+function nodeModulesExternalImportPath(specifier) {
+    const file = externalImportFilePath(specifier);
+    if (file === undefined || !isNodeModulesPath(file)) {
+        return undefined;
+    }
+    return file;
+}
+function externalImportFilePath(specifier) {
+    if (specifier.startsWith("file://")) {
+        try {
+            return fileURLToPath(specifier);
+        }
+        catch {
+            return undefined;
+        }
+    }
+    return isAbsolute(specifier) ? specifier : undefined;
+}
+function isNodeModulesPath(file) {
+    return file.split(sep).includes("node_modules");
+}
+function isNodeImportableModuleFile(file) {
+    const extension = extname(file);
+    return extension === ".cjs" || extension === ".mjs" || extension === ".js" || extension === ".node";
+}
+function isNodeCommonJsModuleFile(file) {
+    const extension = extname(file);
+    if (extension === ".cjs" || extension === ".cts" || extension === ".node") {
+        return true;
+    }
+    if (extension === ".mjs" || extension === ".mts" || extension !== ".js") {
+        return false;
+    }
+    return nearestPackageType(file) !== "module";
+}
+function nearestPackageType(file) {
+    let directory = dirname(file);
+    while (true) {
+        const packageJson = join(directory, "package.json");
+        if (packageTypeCache.has(packageJson)) {
+            return packageTypeCache.get(packageJson);
+        }
+        if (existsSync(packageJson)) {
+            const type = readPackageType(packageJson);
+            packageTypeCache.set(packageJson, type);
+            return type;
+        }
+        const parent = dirname(directory);
+        if (parent === directory) {
+            return undefined;
+        }
+        directory = parent;
+    }
+}
+function readPackageType(packageJson) {
+    try {
+        const parsed = JSON.parse(readFileSync(packageJson, "utf8"));
+        return typeof parsed.type === "string" ? parsed.type : undefined;
+    }
+    catch {
+        return undefined;
+    }
+}
+function commonJsImportClauseToRequireStatements(clause, requireExpression, importIndex) {
+    if (clause.startsWith("* as ")) {
+        return `const ${clause.slice(5).trim()} = ${requireExpression};`;
+    }
+    if (clause.startsWith("{")) {
+        return namedCommonJsImportsToRequireStatements(clause, requireExpression);
+    }
+    const commaIndex = clause.indexOf(",");
+    if (commaIndex === -1) {
+        return `const ${clause} = ${requireExpression};`;
+    }
+    const defaultName = clause.slice(0, commaIndex).trim();
+    const namedOrNamespace = clause.slice(commaIndex + 1).trim();
+    const temporaryName = `__mreactExternalCommonJs${importIndex}`;
+    const statements = [`const ${temporaryName} = ${requireExpression};`, `const ${defaultName} = ${temporaryName};`];
+    if (namedOrNamespace.startsWith("* as ")) {
+        statements.push(`const ${namedOrNamespace.slice(5).trim()} = ${temporaryName};`);
+    }
+    else if (namedOrNamespace.startsWith("{")) {
+        statements.push(namedCommonJsImportsToRequireStatements(namedOrNamespace, temporaryName));
+    }
+    return statements.join("\n");
+}
+function esmImportClauseToNativeImportStatements(clause, specifier, importIndex) {
+    const bindings = new Map();
+    const temporaryName = `__mreactExternalModule${importIndex}`;
+    const statements = [
+        `const ${temporaryName} = await __mreactNativeImport(${JSON.stringify(specifier)});`,
+    ];
+    if (clause.startsWith("* as ")) {
+        statements.push(`const ${clause.slice(5).trim()} = ${temporaryName};`);
+    }
+    else if (clause.startsWith("{")) {
+        collectNamedEsmImportBindings(clause, temporaryName, bindings);
+    }
+    else {
+        const commaIndex = clause.indexOf(",");
+        if (commaIndex === -1) {
+            bindings.set(clause, `${temporaryName}.default`);
+        }
+        else {
+            const defaultName = clause.slice(0, commaIndex).trim();
+            const namedOrNamespace = clause.slice(commaIndex + 1).trim();
+            bindings.set(defaultName, `${temporaryName}.default`);
+            if (namedOrNamespace.startsWith("* as ")) {
+                statements.push(`const ${namedOrNamespace.slice(5).trim()} = ${temporaryName};`);
+            }
+            else if (namedOrNamespace.startsWith("{")) {
+                collectNamedEsmImportBindings(namedOrNamespace, temporaryName, bindings);
+            }
+        }
+    }
+    return { bindings, code: statements.join("\n") };
+}
+function collectNamedEsmImportBindings(clause, moduleName, bindings) {
+    for (const binding of namedImportBindings(clause)) {
+        const replacement = binding.imported === "default"
+            ? `${moduleName}.default`
+            : `${moduleName}[${JSON.stringify(binding.imported)}]`;
+        bindings.set(binding.local, replacement);
+    }
+}
+function namedCommonJsImportsToRequireStatements(clause, sourceExpression) {
+    const objectBindings = [];
+    const statements = [];
+    for (const binding of namedImportBindings(clause)) {
+        if (binding.imported === "default") {
+            statements.push(`const ${binding.local} = ${sourceExpression};`);
+        }
+        else if (binding.imported === binding.local) {
+            objectBindings.push(binding.imported);
+        }
+        else {
+            objectBindings.push(`${JSON.stringify(binding.imported)}: ${binding.local}`);
+        }
+    }
+    if (objectBindings.length > 0) {
+        statements.unshift(`const { ${objectBindings.join(", ")} } = ${sourceExpression};`);
+    }
+    return statements.join("\n");
+}
+function namedImportBindings(clause) {
+    return clause
+        .slice(1, -1)
+        .split(",")
+        .map((binding) => binding.trim())
+        .filter((binding) => binding.length > 0)
+        .map((binding) => {
+        const alias = binding.match(/^(.+?)\s+as\s+(.+)$/);
+        const imported = alias?.[1]?.trim() ?? binding;
+        const local = alias?.[2]?.trim() ?? binding;
+        return { imported, local };
+    });
+}
+function replaceImportedIdentifiers(code, bindings) {
+    let rewritten = "";
+    let index = 0;
+    while (index < code.length) {
+        const char = code[index];
+        const next = code[index + 1];
+        if (char === '"' || char === "'") {
+            const end = quotedStringEnd(code, index, char);
+            rewritten += code.slice(index, end);
+            index = end;
+            continue;
+        }
+        if (char === "`") {
+            const end = templateLiteralEnd(code, index);
+            rewritten += code.slice(index, end);
+            index = end;
+            continue;
+        }
+        if (char === "/" && next === "/") {
+            const end = lineCommentEnd(code, index);
+            rewritten += code.slice(index, end);
+            index = end;
+            continue;
+        }
+        if (char === "/" && next === "*") {
+            const end = blockCommentEnd(code, index);
+            rewritten += code.slice(index, end);
+            index = end;
+            continue;
+        }
+        if (isIdentifierStart(char)) {
+            const end = identifierEnd(code, index);
+            const identifier = code.slice(index, end);
+            const replacement = bindings.get(identifier);
+            if (replacement !== undefined && shouldReplaceImportedIdentifier(code, index, end)) {
+                rewritten += importedIdentifierReplacement(code, index, end, identifier, replacement);
+            }
+            else {
+                rewritten += identifier;
+            }
+            index = end;
+            continue;
+        }
+        rewritten += char;
+        index += 1;
+    }
+    return rewritten;
+}
+function shouldReplaceImportedIdentifier(code, start, end) {
+    const previous = previousNonWhitespace(code, start);
+    const next = nextNonWhitespace(code, end);
+    return previous !== "." && previous !== "?" && next !== ":";
+}
+function importedIdentifierReplacement(code, start, end, identifier, replacement) {
+    const previous = previousNonWhitespace(code, start);
+    const next = nextNonWhitespace(code, end);
+    return (previous === "{" || previous === ",") && (next === "," || next === "}")
+        ? `${identifier}: ${replacement}`
+        : replacement;
+}
+function previousNonWhitespace(code, index) {
+    for (let position = index - 1; position >= 0; position -= 1) {
+        if (!/\s/u.test(code[position] ?? "")) {
+            return code[position];
+        }
+    }
+    return undefined;
+}
+function nextNonWhitespace(code, index) {
+    for (let position = index; position < code.length; position += 1) {
+        if (!/\s/u.test(code[position] ?? "")) {
+            return code[position];
+        }
+    }
+    return undefined;
+}
+function quotedStringEnd(code, start, quote) {
+    for (let index = start + 1; index < code.length; index += 1) {
+        if (code[index] === "\\") {
+            index += 1;
+        }
+        else if (code[index] === quote) {
+            return index + 1;
+        }
+    }
+    return code.length;
+}
+function templateLiteralEnd(code, start) {
+    for (let index = start + 1; index < code.length; index += 1) {
+        if (code[index] === "\\") {
+            index += 1;
+        }
+        else if (code[index] === "`") {
+            return index + 1;
+        }
+    }
+    return code.length;
+}
+function lineCommentEnd(code, start) {
+    const end = code.indexOf("\n", start + 2);
+    return end === -1 ? code.length : end;
+}
+function blockCommentEnd(code, start) {
+    const end = code.indexOf("*/", start + 2);
+    return end === -1 ? code.length : end + 2;
+}
+function identifierEnd(code, start) {
+    let end = start + 1;
+    while (end < code.length && isIdentifierPart(code[end] ?? "")) {
+        end += 1;
+    }
+    return end;
+}
+function isIdentifierStart(char) {
+    return char !== undefined && /[A-Za-z_$]/u.test(char);
+}
+function isIdentifierPart(char) {
+    return /[A-Za-z0-9_$]/u.test(char);
+}
 function workspacePackageResolutionPlugin() {
     const currentDir = dirname(fileURLToPath(import.meta.url));
     const packageRoot = dirname(currentDir);
@@ -248,6 +654,34 @@ function workspacePackageResolutionPlugin() {
         specifier,
     });
     const entries = new Map([
+        [
+            "react",
+            { entry: "index", monorepoDir: "react-compat", packageName: "@reckona/mreact-compat" },
+        ],
+        [
+            "react-dom",
+            { entry: "index", monorepoDir: "react-compat", packageName: "@reckona/mreact-compat" },
+        ],
+        [
+            "react-dom/client",
+            { entry: "index", monorepoDir: "react-compat", packageName: "@reckona/mreact-compat" },
+        ],
+        [
+            "react-dom/server",
+            { entry: "index", monorepoDir: "react-compat", packageName: "@reckona/mreact-compat" },
+        ],
+        [
+            "react/jsx-dev-runtime",
+            {
+                entry: "jsx-dev-runtime",
+                monorepoDir: "react-compat",
+                packageName: "@reckona/mreact-compat",
+            },
+        ],
+        [
+            "react/jsx-runtime",
+            { entry: "jsx-runtime", monorepoDir: "react-compat", packageName: "@reckona/mreact-compat" },
+        ],
         ["@reckona/mreact", { entry: "index", monorepoDir: "react", packageName: "@reckona/mreact" }],
         [
             "@reckona/mreact/jsx-dev-runtime",
@@ -329,7 +763,7 @@ function workspacePackageResolutionPlugin() {
         name: "mreact-router-workspace-packages",
         setup(buildApi) {
             buildApi.onResolve({
-                filter: /^@reckona\/(?:mreact(?:\/(?:jsx-dev-runtime|jsx-runtime))?|mreact-(?:auth|query|reactive-core|server|router|compat)(?:\/(?:event-priority|flight|internal|jsx-dev-runtime|jsx-runtime|scheduler|app-router-globals|link|native-escape|navigation-state|session|stream-list|internal\/native-escape|internal\/session))?)$/,
+                filter: /^(?:react(?:\/jsx-(?:dev-)?runtime)?|react-dom(?:\/(?:client|server))?|@reckona\/(?:mreact(?:\/(?:jsx-dev-runtime|jsx-runtime))?|mreact-(?:auth|query|reactive-core|server|router|compat)(?:\/(?:event-priority|flight|internal|jsx-dev-runtime|jsx-runtime|scheduler|app-router-globals|link|native-escape|navigation-state|session|stream-list|internal\/native-escape|internal\/session))?))$/,
             }, (args) => {
                 const routerPath = routerEntries.get(args.path);
                 if (routerPath !== undefined) {