vxrn 1.25.16 → 1.26.0

package/dist/plugins/rnCodegenPlugin.test.mjs

@@ -0,0 +1,239 @@
+import { describe, expect, it } from "vitest";
+import { rnCodegenPlugin, transformReactNativeCodegen } from "./rnCodegenPlugin.mjs";
+describe("rnCodegenPlugin", () => {
+  it("generates view-config replacement for codegenNativeComponent default export", () => {
+    const inputCode = `
+import type { ViewProps, HostComponent } from 'react-native';
+import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
+
+export interface NativeProps extends ViewProps {
+  color?: string;
+}
+
+export default codegenNativeComponent<NativeProps>('MyCustomView') as HostComponent<NativeProps>;
+`;
+    const result = transformReactNativeCodegen(inputCode, "/workspace/src/MyCustomViewNativeComponent.ts");
+    expect(result).toBeDefined();
+    expect(result?.code).not.toContain("codegenNativeComponent<NativeProps>");
+    expect(result?.code).toContain("export default NativeComponentRegistry.get(nativeComponentName, () => __INTERNAL_VIEW_CONFIG);");
+    expect(result?.code).toContain('uiViewClassName: "MyCustomView"');
+    expect(result?.code).toContain("export const __INTERNAL_VIEW_CONFIG");
+    expect(result?.map).toBeDefined();
+  });
+  it("leaves already-generated output alone on a second pass", () => {
+    const inputCode = `
+import type { ViewProps, HostComponent } from 'react-native';
+import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
+import codegenNativeCommands from 'react-native/Libraries/Utilities/codegenNativeCommands';
+
+export interface NativeProps extends ViewProps {
+  color?: string;
+}
+
+interface NativeCommands {
+  reload: (viewRef: React.ElementRef<HostComponent<NativeProps>>) => void;
+}
+
+export const Commands = codegenNativeCommands<NativeCommands>({
+  supportedCommands: ['reload'],
+});
+
+export default codegenNativeComponent<NativeProps>('MyCustomView') as HostComponent<NativeProps>;
+`;
+    const id = "/workspace/src/MyCustomViewNativeComponent.ts";
+    const first = transformReactNativeCodegen(inputCode, id);
+    expect(first?.code).toContain("export const Commands");
+    expect(() => transformReactNativeCodegen(first.code, id)).not.toThrow();
+    expect(transformReactNativeCodegen(first.code, id)).toBeUndefined();
+  });
+  it("removes export const Commands = codegenNativeCommands(...) and generates runtime commands", () => {
+    const inputCode = `
+import * as React from 'react';
+import type { ViewProps, HostComponent } from 'react-native';
+import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
+import codegenNativeCommands from 'react-native/Libraries/Utilities/codegenNativeCommands';
+
+export interface NativeProps extends ViewProps {
+  color?: string;
+}
+
+type ComponentType = HostComponent<NativeProps>;
+
+interface NativeCommands {
+  flash: (viewRef: React.ElementRef<ComponentType>, enabled: boolean) => void;
+}
+
+export const Commands: NativeCommands = codegenNativeCommands<NativeCommands>({
+  supportedCommands: ['flash'],
+});
+
+export default codegenNativeComponent<NativeProps>('MyCustomView') as HostComponent<NativeProps>;
+`;
+    const result = transformReactNativeCodegen(inputCode, "/workspace/src/MyCustomViewNativeComponent.ts");
+    expect(result).toBeDefined();
+    expect(result?.code).not.toContain("codegenNativeCommands<NativeCommands>");
+    expect(result?.code).toContain("export const Commands = {");
+    expect(result?.code).toContain('dispatchCommand(ref, "flash", [enabled]);');
+    expect(result?.code).toContain("export default NativeComponentRegistry.get(nativeComponentName, () => __INTERNAL_VIEW_CONFIG);");
+  });
+  it("throws an error if native commands are exported with a name other than Commands", () => {
+    const inputCode = `
+import * as React from 'react';
+import type { ViewProps, HostComponent } from 'react-native';
+import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
+import codegenNativeCommands from 'react-native/Libraries/Utilities/codegenNativeCommands';
+
+export interface NativeProps extends ViewProps {
+  color?: string;
+}
+
+type ComponentType = HostComponent<NativeProps>;
+
+interface NativeCommands {
+  flash: (viewRef: React.ElementRef<ComponentType>, enabled: boolean) => void;
+}
+
+export const OtherCommands: NativeCommands = codegenNativeCommands<NativeCommands>({
+  supportedCommands: ['flash'],
+});
+
+export default codegenNativeComponent<NativeProps>('MyCustomView') as HostComponent<NativeProps>;
+`;
+    expect(() => {
+      transformReactNativeCodegen(inputCode, "/workspace/src/MyCustomViewNativeComponent.ts");
+    }).toThrow("Native commands must be exported with the name 'Commands'");
+  });
+  it("throws an error if 'Commands' is exported without codegenNativeCommands", () => {
+    const inputCode = `
+import type { ViewProps, HostComponent } from 'react-native';
+import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
+
+export interface NativeProps extends ViewProps {
+  color?: string;
+}
+
+export const Commands = 123;
+
+export default codegenNativeComponent<NativeProps>('MyCustomView') as HostComponent<NativeProps>;
+`;
+    expect(() => {
+      transformReactNativeCodegen(inputCode, "/workspace/src/MyCustomViewNativeComponent.ts");
+    }).toThrow("'Commands' is a reserved export and may only be used to export the result of codegenNativeCommands.");
+  });
+  it("throws an error if 'Commands' is exported via export specifier without codegenNativeCommands", () => {
+    const inputCode = `
+import type { ViewProps, HostComponent } from 'react-native';
+import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
+
+export interface NativeProps extends ViewProps {
+  color?: string;
+}
+
+const Commands = 123;
+export { Commands };
+
+export default codegenNativeComponent<NativeProps>('MyCustomView') as HostComponent<NativeProps>;
+`;
+    expect(() => {
+      transformReactNativeCodegen(inputCode, "/workspace/src/MyCustomViewNativeComponent.ts");
+    }).toThrow("'Commands' is a reserved export and may only be used to export the result of codegenNativeCommands.");
+  });
+  it("ignores files that do not match the codegen pattern", () => {
+    const inputCode = `
+export default function Button() {
+  return null;
+}
+`;
+    const result = transformReactNativeCodegen(inputCode, "/workspace/src/Button.tsx");
+    expect(result).toBeUndefined();
+  });
+  it("ignores matching files without codegenNativeComponent", () => {
+    const inputCode = `
+export default function MyNativeComponent() {
+  return null;
+}
+`;
+    const result = transformReactNativeCodegen(inputCode, "/workspace/src/MyNativeComponent.tsx");
+    expect(result).toBeUndefined();
+  });
+  it("supports files inside specs/ directory", () => {
+    const inputCode = `
+import type { ViewProps, HostComponent } from 'react-native';
+import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
+
+export interface NativeProps extends ViewProps {
+  color?: string;
+}
+
+export default codegenNativeComponent<NativeProps>('SpecView') as HostComponent<NativeProps>;
+`;
+    const result = transformReactNativeCodegen(inputCode, "/workspace/specs/SpecView.ts");
+    expect(result).toBeDefined();
+    expect(result?.code).toContain('uiViewClassName: "SpecView"');
+  });
+  it("works through the Vite plugin interface", () => {
+    const plugin = rnCodegenPlugin();
+    expect(plugin.name).toBe("vxrn:rn-codegen");
+    expect(plugin.enforce).toBe("pre");
+    const inputCode = `
+import type { ViewProps, HostComponent } from 'react-native';
+import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
+
+export interface NativeProps extends ViewProps {
+  color?: string;
+}
+
+export default codegenNativeComponent<NativeProps>('PluginView') as HostComponent<NativeProps>;
+`;
+    const transformFn = typeof plugin.transform === "function" ? plugin.transform : plugin.transform?.handler;
+    const result = transformFn.call({}, inputCode, "/workspace/src/PluginViewNativeComponent.ts");
+    expect(result).toBeDefined();
+    expect(result?.code).toContain('uiViewClassName: "PluginView"');
+    expect(result?.map).toBeDefined();
+  });
+  it("removes export const Commands with sequence expression (e.g. coverage instrumentation)", () => {
+    const inputCode = `
+import type { ViewProps, HostComponent } from 'react-native';
+import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
+import codegenNativeCommands from 'react-native/Libraries/Utilities/codegenNativeCommands';
+
+export interface NativeProps extends ViewProps {
+  color?: string;
+}
+
+export const Commands = (0, codegenNativeCommands({
+  supportedCommands: [],
+}));
+
+export default codegenNativeComponent<NativeProps>('SequenceView') as HostComponent<NativeProps>;
+`;
+    const result = transformReactNativeCodegen(inputCode, "/workspace/src/SequenceViewNativeComponent.ts");
+    expect(result).toBeDefined();
+    expect(result?.code).not.toContain("export const Commands");
+    expect(result?.code).toContain('uiViewClassName: "SequenceView"');
+    expect(result?.code).toContain("export default NativeComponentRegistry.get");
+  });
+  it("transforms Flow component specs correctly", () => {
+    const flowCode = `/**
+ * @flow strict-local
+ * @format
+ */
+
+import type {ViewProps} from 'react-native/Libraries/Components/View/ViewPropTypes';
+import type {HostComponent} from 'react-native/Libraries/Renderer/shims/ReactNativeTypes';
+import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
+
+type FlowViewProps = $ReadOnly<{
+  ...ViewProps,
+  title?: string,
+}>;
+
+export default codegenNativeComponent<FlowViewProps>('FlowView') as HostComponent<FlowViewProps>;
+`;
+    const result = transformReactNativeCodegen(flowCode, "/workspace/src/FlowViewNativeComponent.js");
+    expect(result).toBeDefined();
+    expect(result?.code).toContain('uiViewClassName: "FlowView"');
+    expect(result?.code).toContain("export default NativeComponentRegistry.get");
+  });
+});
+//# sourceMappingURL=rnCodegenPlugin.test.mjs.map

package/dist/plugins/rnCodegenPlugin.test.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["describe","expect","it","rnCodegenPlugin","transformReactNativeCodegen","inputCode","result","toBeDefined","code","not","toContain","map","id","first","toThrow","toBeUndefined","plugin","name","toBe","enforce","transformFn","transform","handler","call","flowCode"],"sources":["../../src/plugins/rnCodegenPlugin.test.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/plugins/rnCodegenPlugin.test.native.js

@@ -0,0 +1,242 @@
+import { describe, expect, it } from "vitest";
+import { rnCodegenPlugin, transformReactNativeCodegen } from "./rnCodegenPlugin.native.js";
+describe("rnCodegenPlugin", function () {
+  it("generates view-config replacement for codegenNativeComponent default export", function () {
+    var inputCode = `
+import type { ViewProps, HostComponent } from 'react-native';
+import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
+
+export interface NativeProps extends ViewProps {
+  color?: string;
+}
+
+export default codegenNativeComponent<NativeProps>('MyCustomView') as HostComponent<NativeProps>;
+`;
+    var result = transformReactNativeCodegen(inputCode, "/workspace/src/MyCustomViewNativeComponent.ts");
+    expect(result).toBeDefined();
+    expect(result === null || result === void 0 ? void 0 : result.code).not.toContain("codegenNativeComponent<NativeProps>");
+    expect(result === null || result === void 0 ? void 0 : result.code).toContain("export default NativeComponentRegistry.get(nativeComponentName, () => __INTERNAL_VIEW_CONFIG);");
+    expect(result === null || result === void 0 ? void 0 : result.code).toContain('uiViewClassName: "MyCustomView"');
+    expect(result === null || result === void 0 ? void 0 : result.code).toContain("export const __INTERNAL_VIEW_CONFIG");
+    expect(result === null || result === void 0 ? void 0 : result.map).toBeDefined();
+  });
+  it("leaves already-generated output alone on a second pass", function () {
+    var inputCode = `
+import type { ViewProps, HostComponent } from 'react-native';
+import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
+import codegenNativeCommands from 'react-native/Libraries/Utilities/codegenNativeCommands';
+
+export interface NativeProps extends ViewProps {
+  color?: string;
+}
+
+interface NativeCommands {
+  reload: (viewRef: React.ElementRef<HostComponent<NativeProps>>) => void;
+}
+
+export const Commands = codegenNativeCommands<NativeCommands>({
+  supportedCommands: ['reload'],
+});
+
+export default codegenNativeComponent<NativeProps>('MyCustomView') as HostComponent<NativeProps>;
+`;
+    var id = "/workspace/src/MyCustomViewNativeComponent.ts";
+    var first = transformReactNativeCodegen(inputCode, id);
+    expect(first === null || first === void 0 ? void 0 : first.code).toContain("export const Commands");
+    expect(function () {
+      return transformReactNativeCodegen(first.code, id);
+    }).not.toThrow();
+    expect(transformReactNativeCodegen(first.code, id)).toBeUndefined();
+  });
+  it("removes export const Commands = codegenNativeCommands(...) and generates runtime commands", function () {
+    var inputCode = `
+import * as React from 'react';
+import type { ViewProps, HostComponent } from 'react-native';
+import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
+import codegenNativeCommands from 'react-native/Libraries/Utilities/codegenNativeCommands';
+
+export interface NativeProps extends ViewProps {
+  color?: string;
+}
+
+type ComponentType = HostComponent<NativeProps>;
+
+interface NativeCommands {
+  flash: (viewRef: React.ElementRef<ComponentType>, enabled: boolean) => void;
+}
+
+export const Commands: NativeCommands = codegenNativeCommands<NativeCommands>({
+  supportedCommands: ['flash'],
+});
+
+export default codegenNativeComponent<NativeProps>('MyCustomView') as HostComponent<NativeProps>;
+`;
+    var result = transformReactNativeCodegen(inputCode, "/workspace/src/MyCustomViewNativeComponent.ts");
+    expect(result).toBeDefined();
+    expect(result === null || result === void 0 ? void 0 : result.code).not.toContain("codegenNativeCommands<NativeCommands>");
+    expect(result === null || result === void 0 ? void 0 : result.code).toContain("export const Commands = {");
+    expect(result === null || result === void 0 ? void 0 : result.code).toContain('dispatchCommand(ref, "flash", [enabled]);');
+    expect(result === null || result === void 0 ? void 0 : result.code).toContain("export default NativeComponentRegistry.get(nativeComponentName, () => __INTERNAL_VIEW_CONFIG);");
+  });
+  it("throws an error if native commands are exported with a name other than Commands", function () {
+    var inputCode = `
+import * as React from 'react';
+import type { ViewProps, HostComponent } from 'react-native';
+import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
+import codegenNativeCommands from 'react-native/Libraries/Utilities/codegenNativeCommands';
+
+export interface NativeProps extends ViewProps {
+  color?: string;
+}
+
+type ComponentType = HostComponent<NativeProps>;
+
+interface NativeCommands {
+  flash: (viewRef: React.ElementRef<ComponentType>, enabled: boolean) => void;
+}
+
+export const OtherCommands: NativeCommands = codegenNativeCommands<NativeCommands>({
+  supportedCommands: ['flash'],
+});
+
+export default codegenNativeComponent<NativeProps>('MyCustomView') as HostComponent<NativeProps>;
+`;
+    expect(function () {
+      transformReactNativeCodegen(inputCode, "/workspace/src/MyCustomViewNativeComponent.ts");
+    }).toThrow("Native commands must be exported with the name 'Commands'");
+  });
+  it("throws an error if 'Commands' is exported without codegenNativeCommands", function () {
+    var inputCode = `
+import type { ViewProps, HostComponent } from 'react-native';
+import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
+
+export interface NativeProps extends ViewProps {
+  color?: string;
+}
+
+export const Commands = 123;
+
+export default codegenNativeComponent<NativeProps>('MyCustomView') as HostComponent<NativeProps>;
+`;
+    expect(function () {
+      transformReactNativeCodegen(inputCode, "/workspace/src/MyCustomViewNativeComponent.ts");
+    }).toThrow("'Commands' is a reserved export and may only be used to export the result of codegenNativeCommands.");
+  });
+  it("throws an error if 'Commands' is exported via export specifier without codegenNativeCommands", function () {
+    var inputCode = `
+import type { ViewProps, HostComponent } from 'react-native';
+import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
+
+export interface NativeProps extends ViewProps {
+  color?: string;
+}
+
+const Commands = 123;
+export { Commands };
+
+export default codegenNativeComponent<NativeProps>('MyCustomView') as HostComponent<NativeProps>;
+`;
+    expect(function () {
+      transformReactNativeCodegen(inputCode, "/workspace/src/MyCustomViewNativeComponent.ts");
+    }).toThrow("'Commands' is a reserved export and may only be used to export the result of codegenNativeCommands.");
+  });
+  it("ignores files that do not match the codegen pattern", function () {
+    var inputCode = `
+export default function Button() {
+  return null;
+}
+`;
+    var result = transformReactNativeCodegen(inputCode, "/workspace/src/Button.tsx");
+    expect(result).toBeUndefined();
+  });
+  it("ignores matching files without codegenNativeComponent", function () {
+    var inputCode = `
+export default function MyNativeComponent() {
+  return null;
+}
+`;
+    var result = transformReactNativeCodegen(inputCode, "/workspace/src/MyNativeComponent.tsx");
+    expect(result).toBeUndefined();
+  });
+  it("supports files inside specs/ directory", function () {
+    var inputCode = `
+import type { ViewProps, HostComponent } from 'react-native';
+import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
+
+export interface NativeProps extends ViewProps {
+  color?: string;
+}
+
+export default codegenNativeComponent<NativeProps>('SpecView') as HostComponent<NativeProps>;
+`;
+    var result = transformReactNativeCodegen(inputCode, "/workspace/specs/SpecView.ts");
+    expect(result).toBeDefined();
+    expect(result === null || result === void 0 ? void 0 : result.code).toContain('uiViewClassName: "SpecView"');
+  });
+  it("works through the Vite plugin interface", function () {
+    var _plugin_transform;
+    var plugin = rnCodegenPlugin();
+    expect(plugin.name).toBe("vxrn:rn-codegen");
+    expect(plugin.enforce).toBe("pre");
+    var inputCode = `
+import type { ViewProps, HostComponent } from 'react-native';
+import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
+
+export interface NativeProps extends ViewProps {
+  color?: string;
+}
+
+export default codegenNativeComponent<NativeProps>('PluginView') as HostComponent<NativeProps>;
+`;
+    var transformFn = typeof plugin.transform === "function" ? plugin.transform : (_plugin_transform = plugin.transform) === null || _plugin_transform === void 0 ? void 0 : _plugin_transform.handler;
+    var result = transformFn.call({}, inputCode, "/workspace/src/PluginViewNativeComponent.ts");
+    expect(result).toBeDefined();
+    expect(result === null || result === void 0 ? void 0 : result.code).toContain('uiViewClassName: "PluginView"');
+    expect(result === null || result === void 0 ? void 0 : result.map).toBeDefined();
+  });
+  it("removes export const Commands with sequence expression (e.g. coverage instrumentation)", function () {
+    var inputCode = `
+import type { ViewProps, HostComponent } from 'react-native';
+import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
+import codegenNativeCommands from 'react-native/Libraries/Utilities/codegenNativeCommands';
+
+export interface NativeProps extends ViewProps {
+  color?: string;
+}
+
+export const Commands = (0, codegenNativeCommands({
+  supportedCommands: [],
+}));
+
+export default codegenNativeComponent<NativeProps>('SequenceView') as HostComponent<NativeProps>;
+`;
+    var result = transformReactNativeCodegen(inputCode, "/workspace/src/SequenceViewNativeComponent.ts");
+    expect(result).toBeDefined();
+    expect(result === null || result === void 0 ? void 0 : result.code).not.toContain("export const Commands");
+    expect(result === null || result === void 0 ? void 0 : result.code).toContain('uiViewClassName: "SequenceView"');
+    expect(result === null || result === void 0 ? void 0 : result.code).toContain("export default NativeComponentRegistry.get");
+  });
+  it("transforms Flow component specs correctly", function () {
+    var flowCode = `/**
+ * @flow strict-local
+ * @format
+ */
+
+import type {ViewProps} from 'react-native/Libraries/Components/View/ViewPropTypes';
+import type {HostComponent} from 'react-native/Libraries/Renderer/shims/ReactNativeTypes';
+import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
+
+type FlowViewProps = $ReadOnly<{
+  ...ViewProps,
+  title?: string,
+}>;
+
+export default codegenNativeComponent<FlowViewProps>('FlowView') as HostComponent<FlowViewProps>;
+`;
+    var result = transformReactNativeCodegen(flowCode, "/workspace/src/FlowViewNativeComponent.js");
+    expect(result).toBeDefined();
+    expect(result === null || result === void 0 ? void 0 : result.code).toContain('uiViewClassName: "FlowView"');
+    expect(result === null || result === void 0 ? void 0 : result.code).toContain("export default NativeComponentRegistry.get");
+  });
+});
+//# sourceMappingURL=rnCodegenPlugin.test.native.js.map

package/dist/plugins/rnCodegenPlugin.test.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["describe","expect","it","rnCodegenPlugin","transformReactNativeCodegen","inputCode","result","toBeDefined","code","not","toContain","map","id","first","toThrow","toBeUndefined","_plugin_transform","plugin","name","toBe","enforce","transformFn","transform","handler","call","flowCode"],"sources":["../../src/plugins/rnCodegenPlugin.test.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/plugins/workletImportsPlugin.mjs

@@ -0,0 +1,160 @@
+import { createHash } from "node:crypto";
+import { isBuiltin } from "node:module";
+import { dirname, isAbsolute, join } from "node:path";
+import { statSync } from "node:fs";
+import { rolldown } from "rolldown";
+import { parseSync } from "oxc-parser";
+import { getClosureVariables, JS_GLOBALS, transformHermesLoops } from "@vxrn/compiler";
+import { hermesCompatSWCPlugin, hermesLoopsPlugin } from "../utils/createNativeDevEngine.mjs";
+function workletImportsPlugin(imports) {
+  const selections = new Map(Object.entries(imports).map(([source, names]) => [source, [...new Set(names)]]));
+  const rejectRuntimeDependency = source => {
+    const normalized = source.replace(/\\/g, "/");
+    if (isBuiltin(source) || /(?:^|\/node_modules\/)(?:react|react-native|react-native-worklets|react-native-reanimated|expo-modules-core)(?:\/|$)/.test(normalized) || /(?:^|\/node_modules\/)@react-native\//.test(normalized)) {
+      throw new Error(`[worklet imports] runtime dependency ${source} is not pure JavaScript`);
+    }
+  };
+  return {
+    name: "vxrn:worklet-imports",
+    options(nativeOptions) {
+      const modules = /* @__PURE__ */new Map();
+      const instance = {
+        name: "vxrn:worklet-imports:bundle",
+        async resolveId(source, importer, options) {
+          const names = selections.get(source);
+          if (!names) return;
+          if (!names.length) throw new Error(`[worklet imports] no exports selected for ${source}`);
+          if (options.kind !== "import-statement") {
+            throw new Error(`[worklet imports] ${source} requires a static ESM import`);
+          }
+          rejectRuntimeDependency(source);
+          const resolved = await this.resolve(source, importer, {
+            skipSelf: true
+          });
+          if (!resolved || resolved.external || !isAbsolute(resolved.id) || !statSync(resolved.id, {
+            throwIfNoEntry: false
+          })?.isFile()) {
+            throw new Error(`[worklet imports] ${source} must resolve to a JavaScript file`);
+          }
+          rejectRuntimeDependency(resolved.id);
+          const key = createHash("sha256").update(JSON.stringify([resolved.id, names])).digest("hex").slice(0, 16);
+          const id = join(dirname(resolved.id), `__one_worklet_imports_${key}.js`);
+          modules.set(id, {
+            entry: resolved.id,
+            names,
+            key
+          });
+          return id;
+        },
+        moduleParsed(info) {
+          if (!info.code || ![...selections.keys()].some(source => info.code.includes(source))) return;
+          const {
+            program,
+            errors
+          } = parseSync(info.id, info.code, {
+            lang: /\.[cm]?ts$/.test(info.id) ? "ts" : info.id.endsWith(".tsx") ? "tsx" : "jsx"
+          });
+          if (errors.length) throw new Error(errors[0].message);
+          for (const node of program.body) {
+            if (node.type !== "ImportDeclaration" && node.type !== "ExportNamedDeclaration") continue;
+            const source = node.source?.value;
+            if (!source) continue;
+            const names = selections.get(source);
+            if (!names) continue;
+            for (const specifier of node.specifiers) {
+              const imported = specifier.type === "ImportDefaultSpecifier" ? "default" : specifier.type === "ImportSpecifier" ? specifier.imported.type === "Identifier" ? specifier.imported.name : specifier.imported.value : specifier.type === "ExportSpecifier" ? specifier.local.type === "Identifier" ? specifier.local.name : specifier.local.value : void 0;
+              if (imported !== void 0 && !names.includes(imported)) {
+                throw new Error(`[worklet imports] ${info.id} imports unselected export ${imported} from ${source}`);
+              }
+            }
+          }
+        },
+        async load(id) {
+          const selected = modules.get(id);
+          if (!selected) return;
+          const outerContext = this;
+          const innerEntry = "\0one-worklet-import-entry";
+          const bundle = await rolldown({
+            cwd: nativeOptions.cwd,
+            input: innerEntry,
+            platform: "neutral",
+            resolve: nativeOptions.resolve,
+            transform: nativeOptions.transform,
+            shimMissingExports: false,
+            plugins: [{
+              name: "vxrn:pure-worklet-module",
+              resolveId(source, _importer, options) {
+                if (source === innerEntry) return source;
+                if (options.kind === "dynamic-import") {
+                  throw new Error(`[worklet imports] dynamic imports are unsupported in ${selected.entry}`);
+                }
+                rejectRuntimeDependency(source);
+              },
+              load(source) {
+                if (source === innerEntry) {
+                  return `export { ${selected.names.map((name, index) => `${JSON.stringify(name)} as __export${index}`).join(", ")} } from ${JSON.stringify(selected.entry)};`;
+                }
+              },
+              moduleParsed(info) {
+                rejectRuntimeDependency(info.id);
+                if (isAbsolute(info.id)) outerContext.addWatchFile(info.id);
+                if (info.packageJsonPath) outerContext.addWatchFile(info.packageJsonPath);
+              }
+            }, hermesCompatSWCPlugin(false), hermesLoopsPlugin()]
+          });
+          let code;
+          try {
+            const output = await bundle.generate({
+              format: "iife",
+              name: "__oneWorkletBundle"
+            });
+            const chunk = output.output[0];
+            if (output.output.length !== 1 || chunk.type !== "chunk" || chunk.imports.length || chunk.dynamicImports.length) {
+              throw new Error(`[worklet imports] ${selected.entry} must produce one self-contained JavaScript module`);
+            }
+            code = transformHermesLoops(chunk.code, id)?.code ?? chunk.code;
+            for (const file of await bundle.watchFiles) {
+              if (isAbsolute(file)) outerContext.addWatchFile(file);
+            }
+          } finally {
+            await bundle.close();
+          }
+          const loader = `__oneLoadWorkletModule_${selected.key}`;
+          const loaderCode = `function ${loader}() {
+  'worklet';
+  const cache = globalThis.__oneWorkletImportCache || (globalThis.__oneWorkletImportCache = new WeakMap());
+  let namespace = cache.get(${loader});
+  if (namespace === undefined) {
+    ${code}
+    namespace = __oneWorkletBundle;
+    cache.set(${loader}, namespace);
+  }
+  return namespace;
+}`;
+          const parsed = parseSync(id, loaderCode, {
+            lang: "js"
+          });
+          if (parsed.errors.length) throw new Error(parsed.errors[0].message);
+          const captures = getClosureVariables(parsed.program.body[0], /* @__PURE__ */new Set([...JS_GLOBALS, "arguments"]));
+          if (captures.length) {
+            throw new Error(`[worklet imports] ${selected.entry} requires unsupported runtime globals: ${captures.join(", ")}`);
+          }
+          return `${loaderCode}
+${selected.names.map((name, index) => `
+function __oneExport${index}(...args) {
+  'worklet';
+  return (0, ${loader}().__export${index})(...args);
+}
+export { __oneExport${index} as ${JSON.stringify(name)} };
+`).join("\n")}`;
+        }
+      };
+      return {
+        ...nativeOptions,
+        plugins: [instance, nativeOptions.plugins]
+      };
+    }
+  };
+}
+export { workletImportsPlugin };
+//# sourceMappingURL=workletImportsPlugin.mjs.map