vite-plugin-rnw 0.0.7 → 0.0.8-1

package/dist/index.cjs

@@ -1,472 +0,0 @@
-//#region rolldown:runtime
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __copyProps = (to, from, except, desc) => {
-	if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
-		key = keys[i];
-		if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-			get: ((k) => from[k]).bind(null, key),
-			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-		});
-	}
-	return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
-	value: mod,
-	enumerable: true
-}) : target, mod));
-
-//#endregion
-const node_path = __toESM(require("node:path"));
-const node_url = __toESM(require("node:url"));
-const node_fs = __toESM(require("node:fs"));
-const vite = __toESM(require("vite"));
-const __bunchtogether_vite_plugin_flow = __toESM(require("@bunchtogether/vite-plugin-flow"));
-const vite_plugin_commonjs = __toESM(require("vite-plugin-commonjs"));
-const __rolldown_pluginutils = __toESM(require("@rolldown/pluginutils"));
-
-//#region src/refresh-utils.ts
-const runtimePublicPath = "/@react-refresh";
-const reactCompRE = /extends\s+(?:React\.)?(?:Pure)?Component/;
-const refreshContentRE = /\$RefreshReg\$\(/;
-const preambleCode = `import { injectIntoGlobalHook } from "__BASE__${runtimePublicPath.slice(1)}";
-injectIntoGlobalHook(window);
-window.$RefreshReg$ = () => {};
-window.$RefreshSig$ = () => (type) => type;`;
-const getPreambleCode = (base) => preambleCode.replace("__BASE__", base);
-const avoidSourceMapOption = Symbol();
-function addRefreshWrapper(code, map, pluginName, id, reactRefreshHost = "") {
-	const hasRefresh = refreshContentRE.test(code);
-	const onlyReactComp = !hasRefresh && reactCompRE.test(code);
-	const normalizedMap = map === avoidSourceMapOption ? null : map;
-	if (!hasRefresh && !onlyReactComp) return {
-		code,
-		map: normalizedMap
-	};
-	const avoidSourceMap = map === avoidSourceMapOption;
-	const newMap = typeof normalizedMap === "string" ? JSON.parse(normalizedMap) : normalizedMap;
-	let newCode = code;
-	if (hasRefresh) {
-		const refreshHead = removeLineBreaksIfNeeded(`let prevRefreshReg;
-let prevRefreshSig;
-
-if (import.meta.hot && !inWebWorker) {
-  if (!window.$RefreshReg$) {
-    throw new Error(
-      "${pluginName} can't detect preamble. Something is wrong."
-    );
-  }
-
-  prevRefreshReg = window.$RefreshReg$;
-  prevRefreshSig = window.$RefreshSig$;
-  window.$RefreshReg$ = RefreshRuntime.getRefreshReg(${JSON.stringify(id)});
-  window.$RefreshSig$ = RefreshRuntime.createSignatureFunctionForTransform;
-}
-
-`, avoidSourceMap);
-		newCode = `${refreshHead}${newCode}
-
-if (import.meta.hot && !inWebWorker) {
-  window.$RefreshReg$ = prevRefreshReg;
-  window.$RefreshSig$ = prevRefreshSig;
-}
-`;
-		if (newMap) newMap.mappings = ";".repeat(16) + newMap.mappings;
-	}
-	const sharedHead = removeLineBreaksIfNeeded(`import * as RefreshRuntime from "${reactRefreshHost}${runtimePublicPath}";
-const inWebWorker = typeof WorkerGlobalScope !== 'undefined' && self instanceof WorkerGlobalScope;
-
-`, avoidSourceMap);
-	newCode = `${sharedHead}${newCode}
-
-if (import.meta.hot && !inWebWorker) {
-  RefreshRuntime.__hmr_import(import.meta.url).then((currentExports) => {
-    RefreshRuntime.registerExportsForReactRefresh(${JSON.stringify(id)}, currentExports);
-    import.meta.hot.accept((nextExports) => {
-      if (!nextExports) return;
-      const invalidateMessage = RefreshRuntime.validateRefreshBoundaryAndEnqueueUpdate(${JSON.stringify(id)}, currentExports, nextExports);
-      if (invalidateMessage) import.meta.hot.invalidate(invalidateMessage);
-    });
-  });
-}
-`;
-	if (newMap) newMap.mappings = ";;;" + newMap.mappings;
-	return {
-		code: newCode,
-		map: newMap
-	};
-}
-function removeLineBreaksIfNeeded(code, enabled) {
-	return enabled ? code.replace(/\n/g, "") : code;
-}
-
-//#endregion
-//#region src/transforms.ts
-/**
-* Code transformation utilities for fixing React Native package compatibility issues
-*/
-/**
-* Analyzes require statements in code and maps them to module imports.
-* Handles patterns like: varName = require('path').prop or require('path').default
-*/
-function analyzeRequireStatements(originalCode, exportedVars) {
-	const importMap = /* @__PURE__ */ new Map();
-	for (const varName of exportedVars) {
-		const requirePattern = new RegExp(`${varName}\\s*=\\s*[\\s\\S]*?require\\(['"]([^'"]+)['"]\\)(?:\\.([\\w]+))?`, "g");
-		const requireMatch = requirePattern.exec(originalCode);
-		if (requireMatch) {
-			const [, modulePath, prop] = requireMatch;
-			const key = `${modulePath}:${prop || "default"}`;
-			if (!importMap.has(key)) importMap.set(key, []);
-			importMap.get(key).push(varName);
-		}
-	}
-	return importMap;
-}
-/**
-* Removes try/catch blocks that contain require statements and export let declarations.
-* This cleans up the problematic CommonJS patterns.
-*/
-function removeTryCatchRequireBlocks(code) {
-	let transformed = code.replace(/try\s*\{[^{}]*?require\([^)]+\)[^{}]*?\}\s*catch[^{}]*?\{[^{}]*?\}/gs, "");
-	transformed = transformed.replace(/export let \w+;/g, "");
-	return transformed;
-}
-/**
-* Generates direct export statements from the import map.
-* Creates modern ESM exports like: export { default as varName } from 'module';
-*/
-function generateDirectExports(importMap) {
-	let exports$1 = "";
-	for (const [key, vars] of importMap) {
-		const [modulePath, prop] = key.split(":");
-		if (prop === "default") for (const varName of vars) exports$1 += `export { default as ${varName} } from '${modulePath}';\n`;
-		else for (const varName of vars) exports$1 += `export { ${prop} as ${varName} } from '${modulePath}';\n`;
-	}
-	return exports$1;
-}
-/**
-* Transforms React Native Reanimated webUtils files to fix problematic
-* export let + try/catch + require patterns by converting them to proper ESM.
-* 
-* This transformation handles the incompatible module patterns in React Native Reanimated
-* that cause build errors in Vite due to mixing CommonJS require() with ESM exports.
-*/
-function transformReanimatedWebUtils(toTransform, originalCode, id, isProduction) {
-	if (!isProduction || !id.includes("node_modules/react-native-reanimated") || !id.includes("ReanimatedModule/js-reanimated/webUtils") || !originalCode.includes("export let") || !originalCode.includes("try") || !originalCode.includes("require")) return toTransform;
-	const exportLetMatches = Array.from(originalCode.matchAll(/export let (\w+);/g));
-	const exportedVars = exportLetMatches.map((match) => match[1]);
-	if (exportedVars.length === 0) return toTransform;
-	const importMap = analyzeRequireStatements(originalCode, exportedVars);
-	toTransform = removeTryCatchRequireBlocks(toTransform);
-	const exports$1 = generateDirectExports(importMap);
-	if (exports$1) toTransform = `${toTransform}\n${exports$1}`;
-	return toTransform;
-}
-
-//#endregion
-//#region src/index.ts
-const silenceUseClientWarning = (userConfig) => ({ rollupOptions: { onwarn(warning, defaultHandler) {
-	var _userConfig$build;
-	if (warning.code === "MODULE_LEVEL_DIRECTIVE" && (warning.message.includes("use client") || warning.message.includes("use server"))) return;
-	if (warning.code === "SOURCEMAP_ERROR" && warning.message.includes("resolve original location") && warning.pos === 0) return;
-	if ((_userConfig$build = userConfig.build) === null || _userConfig$build === void 0 || (_userConfig$build = _userConfig$build.rollupOptions) === null || _userConfig$build === void 0 ? void 0 : _userConfig$build.onwarn) userConfig.build.rollupOptions.onwarn(warning, defaultHandler);
-	else defaultHandler(warning);
-} } });
-const _dirname = (0, node_path.dirname)((0, node_url.fileURLToPath)(require("url").pathToFileURL(__filename).href));
-const refreshRuntimePath = (0, node_path.join)(_dirname, "refresh-runtime.js");
-let babel;
-async function loadBabel() {
-	if (!babel) babel = await import("@babel/core");
-	return babel;
-}
-const extensions = [
-	".web.js",
-	".web.ts",
-	".web.tsx",
-	".web.mjs",
-	".web.cjs",
-	".js",
-	".jsx",
-	".json",
-	".ts",
-	".tsx",
-	".mjs",
-	".cjs"
-];
-const defaultIncludeRE = /\.[tj]sx?$/;
-const defaultExcludeRE = /\/node_modules\/(?!react-native|@react-native|expo|@expo)/;
-const tsRE = /\.tsx?$/;
-const getInitialOptions = (opts) => {
-	if (opts.jsxRuntime === "classic") if ("rolldownVersion" in vite) return { oxc: { jsx: {
-		runtime: "classic",
-		development: false
-	} } };
-	else return { esbuild: { jsx: "transform" } };
-	else return {
-		esbuild: {
-			jsx: "automatic",
-			jsxImportSource: opts.jsxImportSource
-		},
-		optimizeDeps: "rolldownVersion" in vite ? { rollupOptions: { jsx: { mode: "automatic" } } } : { esbuildOptions: { jsx: "automatic" } }
-	};
-};
-function rnw(opts = {}) {
-	var _opts$babel;
-	const include = opts.include ?? defaultIncludeRE;
-	const exclude = opts.exclude ?? defaultExcludeRE;
-	const filter = (0, vite.createFilter)(include, exclude);
-	const jsxImportSource = opts.jsxImportSource ?? "react";
-	const jsxImportRuntime = `${jsxImportSource}/jsx-runtime`;
-	const jsxImportDevRuntime = `${jsxImportSource}/jsx-dev-runtime`;
-	let runningInVite = false;
-	let isProduction = true;
-	let projectRoot = process.cwd();
-	let skipFastRefresh = true;
-	let runPluginOverrides;
-	let staticBabelOptions;
-	const importReactRE = /\bimport\s+(?:\*\s+as\s+)?React\b/;
-	const viteBabel = {
-		name: "vite:react-native-web-babel",
-		enforce: "pre",
-		config(_userConfig, env) {
-			var _initialOptions$optim;
-			const development = env.mode === "development";
-			const initialOptions = getInitialOptions(opts);
-			return {
-				...initialOptions,
-				define: {
-					global: "window",
-					DEV: JSON.stringify(development),
-					"global.__x": {},
-					_frameTimestamp: void 0,
-					_WORKLET: false,
-					__DEV__: JSON.stringify(development),
-					"process.env.NODE_ENV": JSON.stringify(process.env.NODE_ENV || env.mode),
-					EXPO_OS: JSON.stringify("web"),
-					"process.env.EXPO_OS": JSON.stringify("web"),
-					"global.Error": "Error"
-				},
-				optimizeDeps: {
-					...initialOptions.optimizeDeps,
-					esbuildOptions: {
-						...(_initialOptions$optim = initialOptions.optimizeDeps) === null || _initialOptions$optim === void 0 ? void 0 : _initialOptions$optim.esbuildOptions,
-						resolveExtensions: extensions,
-						loader: { ".js": "jsx" },
-						plugins: [(0, __bunchtogether_vite_plugin_flow.esbuildFlowPlugin)(/* @__PURE__ */ new RegExp(/\.(flow|jsx?)$/), (_path) => "jsx")]
-					}
-				},
-				build: { rollupOptions: {
-					treeshake: "safest",
-					plugins: [{
-						name: "nativewind-fix",
-						async transform(code, id) {
-							if (id.includes("react-native-css-interop")) return { moduleSideEffects: "no-treeshake" };
-						}
-					}]
-				} },
-				resolve: {
-					extensions,
-					alias: { "react-native": "react-native-web" }
-				}
-			};
-		},
-		configResolved(config) {
-			runningInVite = true;
-			projectRoot = config.root;
-			isProduction = config.isProduction;
-			skipFastRefresh = isProduction || config.command === "build" || config.server.hmr === false;
-			if ("jsxPure" in opts) config.logger.warnOnce("[@vitejs/plugin-react] jsxPure was removed. You can configure esbuild.jsxSideEffects directly.");
-			const hooks = config.plugins.map((plugin) => {
-				var _plugin$api;
-				return (_plugin$api = plugin.api) === null || _plugin$api === void 0 ? void 0 : _plugin$api.reactBabel;
-			}).filter(defined);
-			if (hooks.length > 0) runPluginOverrides = (babelOptions, context) => {
-				hooks.forEach((hook) => hook(babelOptions, context, config));
-			};
-			else if (typeof opts.babel !== "function") staticBabelOptions = createBabelOptions(opts.babel);
-		},
-		options(options) {
-			if (!runningInVite) {
-				options.jsx = {
-					mode: opts.jsxRuntime,
-					importSource: opts.jsxImportSource
-				};
-				return options;
-			}
-		},
-		transform: {
-			filter: { id: {
-				include: (0, __rolldown_pluginutils.makeIdFiltersToMatchWithQuery)(include),
-				exclude: [...exclude ? (0, __rolldown_pluginutils.makeIdFiltersToMatchWithQuery)(ensureArray(exclude)) : []]
-			} },
-			async handler(code, id, options) {
-				const [filepath] = id.split("?");
-				if (!filepath || !filter(filepath)) return;
-				const ssr = (options === null || options === void 0 ? void 0 : options.ssr) === true;
-				const babelOptions = (() => {
-					if (staticBabelOptions) return staticBabelOptions;
-					const newBabelOptions = createBabelOptions(typeof opts.babel === "function" ? opts.babel(id, { ssr }) : opts.babel);
-					runPluginOverrides === null || runPluginOverrides === void 0 || runPluginOverrides(newBabelOptions, {
-						id,
-						ssr
-					});
-					return newBabelOptions;
-				})();
-				const plugins = [...babelOptions.plugins];
-				const isJSX = filepath.endsWith("x");
-				const useFastRefresh = !skipFastRefresh && !ssr && (isJSX || (opts.jsxRuntime === "classic" ? importReactRE.test(code) : code.includes(jsxImportDevRuntime) || code.includes(jsxImportRuntime)));
-				if (useFastRefresh) plugins.push([await loadPlugin("react-refresh/babel"), { skipEnvCheck: true }]);
-				if (opts.jsxRuntime === "classic" && isJSX) {
-					if (!isProduction) plugins.push(await loadPlugin("@babel/plugin-transform-react-jsx-self"), await loadPlugin("@babel/plugin-transform-react-jsx-source"));
-				}
-				const parserPlugins = [...babelOptions.parserOpts.plugins];
-				if (!filepath.endsWith(".ts")) parserPlugins.push("jsx");
-				if (tsRE.test(filepath)) parserPlugins.push("typescript");
-				const babel$1 = await loadBabel();
-				let toTransform = code;
-				toTransform = transformReanimatedWebUtils(toTransform, code, id, isProduction);
-				const result = await babel$1.transformAsync(toTransform, {
-					...babelOptions,
-					root: projectRoot,
-					filename: id,
-					sourceFileName: filepath,
-					retainLines: getReactCompilerPlugin(plugins) != null ? false : !isProduction && isJSX && opts.jsxRuntime !== "classic",
-					parserOpts: {
-						...babelOptions.parserOpts,
-						sourceType: "module",
-						allowAwaitOutsideFunction: true,
-						plugins: parserPlugins
-					},
-					generatorOpts: {
-						...babelOptions.generatorOpts,
-						importAttributesKeyword: "with",
-						decoratorsBeforeExport: true
-					},
-					plugins,
-					sourceMaps: true
-				});
-				if (result) {
-					if (!useFastRefresh) return {
-						code: result.code,
-						map: result.map
-					};
-					return addRefreshWrapper(result.code, result.map, "@vitejs/plugin-react", id, opts.reactRefreshHost);
-				}
-			}
-		}
-	};
-	const dependencies = [
-		"react",
-		"react-dom",
-		jsxImportDevRuntime,
-		jsxImportRuntime
-	];
-	const staticBabelPlugins = typeof opts.babel === "object" ? ((_opts$babel = opts.babel) === null || _opts$babel === void 0 ? void 0 : _opts$babel.plugins) ?? [] : [];
-	const reactCompilerPlugin = getReactCompilerPlugin(staticBabelPlugins);
-	if (reactCompilerPlugin != null) {
-		const reactCompilerRuntimeModule = getReactCompilerRuntimeModule(reactCompilerPlugin);
-		dependencies.push(reactCompilerRuntimeModule);
-	}
-	const viteReactRefresh = {
-		name: "vite:react-native-web-refresh",
-		enforce: "pre",
-		config: (userConfig) => ({
-			build: silenceUseClientWarning(userConfig),
-			optimizeDeps: { include: dependencies },
-			resolve: { dedupe: ["react", "react-dom"] }
-		}),
-		resolveId: {
-			filter: { id: (0, __rolldown_pluginutils.exactRegex)(runtimePublicPath) },
-			handler(id) {
-				if (id === runtimePublicPath) return id;
-			}
-		},
-		load: {
-			filter: { id: (0, __rolldown_pluginutils.exactRegex)(runtimePublicPath) },
-			handler(id) {
-				if (id === runtimePublicPath) return (0, node_fs.readFileSync)(refreshRuntimePath, "utf-8").replace(/__README_URL__/g, "https://github.com/vitejs/vite-plugin-react/tree/main/packages/plugin-react");
-			}
-		},
-		transformIndexHtml(_, config) {
-			if (!skipFastRefresh) return [{
-				tag: "script",
-				attrs: { type: "module" },
-				children: getPreambleCode(config.server.config.base)
-			}];
-		}
-	};
-	return [
-		(0, __bunchtogether_vite_plugin_flow.flowPlugin)({ exclude }),
-		{
-			name: "treat-js-files-as-jsx",
-			async transform(code, id) {
-				if (!id.match(/\.js$/)) return null;
-				return vite.transformWithEsbuild(code, id, {
-					loader: "jsx",
-					jsx: "automatic"
-				});
-			}
-		},
-		(0, vite_plugin_commonjs.default)(),
-		viteBabel,
-		viteReactRefresh
-	];
-}
-rnw.preambleCode = preambleCode;
-const loadedPlugin = /* @__PURE__ */ new Map();
-function loadPlugin(path) {
-	const cached = loadedPlugin.get(path);
-	if (cached) return cached;
-	const promise = import(path).then((module$1) => {
-		const value = module$1.default || module$1;
-		loadedPlugin.set(path, value);
-		return value;
-	});
-	loadedPlugin.set(path, promise);
-	return promise;
-}
-function createBabelOptions(rawOptions) {
-	var _babelOptions$parserO;
-	const babelOptions = {
-		babelrc: false,
-		configFile: false,
-		...rawOptions
-	};
-	babelOptions.plugins || (babelOptions.plugins = []);
-	babelOptions.presets || (babelOptions.presets = []);
-	babelOptions.overrides || (babelOptions.overrides = []);
-	babelOptions.parserOpts || (babelOptions.parserOpts = {});
-	(_babelOptions$parserO = babelOptions.parserOpts).plugins || (_babelOptions$parserO.plugins = []);
-	return babelOptions;
-}
-function defined(value) {
-	return value !== void 0;
-}
-function getReactCompilerPlugin(plugins) {
-	return plugins.find((p) => p === "babel-plugin-react-compiler" || Array.isArray(p) && p[0] === "babel-plugin-react-compiler");
-}
-function getReactCompilerRuntimeModule(plugin) {
-	let moduleName = "react/compiler-runtime";
-	if (Array.isArray(plugin)) {
-		var _plugin$, _plugin$2, _plugin$3;
-		if (((_plugin$ = plugin[1]) === null || _plugin$ === void 0 ? void 0 : _plugin$.target) === "17" || ((_plugin$2 = plugin[1]) === null || _plugin$2 === void 0 ? void 0 : _plugin$2.target) === "18") moduleName = "react-compiler-runtime";
-		else if (typeof ((_plugin$3 = plugin[1]) === null || _plugin$3 === void 0 ? void 0 : _plugin$3.runtimeModule) === "string") {
-			var _plugin$4;
-			moduleName = (_plugin$4 = plugin[1]) === null || _plugin$4 === void 0 ? void 0 : _plugin$4.runtimeModule;
-		}
-	}
-	return moduleName;
-}
-function ensureArray(value) {
-	return Array.isArray(value) ? value : [value];
-}
-
-//#endregion
-exports.rnw = rnw;
-exports.silenceUseClientWarning = silenceUseClientWarning;
-module.exports.default = module.exports

package/dist/index.d.cts

@@ -1,68 +0,0 @@
-import { ParserOptions, TransformOptions } from "@babel/core";
-import { BuildOptions, Plugin, ResolvedConfig, UserConfig } from "vite";
-
-//#region src/index.d.ts
-declare const silenceUseClientWarning: (userConfig: UserConfig) => BuildOptions;
-interface Options {
-  include?: string | RegExp | Array<string | RegExp>;
-  exclude?: string | RegExp | Array<string | RegExp>;
-  /**
-   * Control where the JSX factory is imported from.
-   * https://esbuild.github.io/api/#jsx-import-source
-   * @default 'react'
-   */
-  jsxImportSource?: string;
-  /**
-   * Note: Skipping React import with classic runtime is not supported from v4
-   * @default "automatic"
-   */
-  jsxRuntime?: "classic" | "automatic";
-  /**
-   * Babel configuration applied in both dev and prod.
-   */
-  babel?: BabelOptions | ((id: string, options: {
-    ssr?: boolean;
-  }) => BabelOptions);
-  /**
-   * React Fast Refresh runtime URL prefix.
-   * Useful in a module federation context to enable HMR by specifying
-   * the host application URL in the Vite config of a remote application.
-   * @example
-   * reactRefreshHost: 'http://localhost:3000'
-   */
-  reactRefreshHost?: string;
-  /**
-   * If set, disables the recommendation to use `@vitejs/plugin-react-oxc`
-   */
-  disableOxcRecommendation?: boolean;
-}
-type BabelOptions = Omit<TransformOptions, "ast" | "filename" | "root" | "sourceFileName" | "sourceMaps" | "inputSourceMap">;
-/**
- * The object type used by the `options` passed to plugins with
- * an `api.reactBabel` method.
- */
-interface ReactBabelOptions extends BabelOptions {
-  plugins: Extract<BabelOptions["plugins"], any[]>;
-  presets: Extract<BabelOptions["presets"], any[]>;
-  overrides: Extract<BabelOptions["overrides"], any[]>;
-  parserOpts: ParserOptions & {
-    plugins: Extract<ParserOptions["plugins"], any[]>;
-  };
-}
-type ReactBabelHook = (babelConfig: ReactBabelOptions, context: ReactBabelHookContext, config: ResolvedConfig) => void;
-type ReactBabelHookContext = {
-  ssr: boolean;
-  id: string;
-};
-type ViteReactPluginApi = {
-  /**
-   * Manipulate the Babel options of `@vitejs/plugin-react`
-   */
-  reactBabel?: ReactBabelHook;
-};
-declare function rnw(opts?: Options): Plugin[];
-declare namespace rnw {
-  var preambleCode: string;
-}
-//#endregion
-export { BabelOptions, Options, ReactBabelOptions, ViteReactPluginApi, rnw, silenceUseClientWarning };