@vxrn/compiler 1.25.16 → 1.26.0
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.
- package/dist/cjs/cache.cjs +4 -2
- package/dist/cjs/configure.cjs +9 -1
- package/dist/cjs/index.cjs +87 -5
- package/dist/cjs/reactNativeCodegen.cjs +140 -0
- package/dist/cjs/reactNativeViewConfig.cjs +489 -0
- package/dist/cjs/transformBabel.cjs +15 -20
- package/dist/cjs/transformBabel.test.cjs +260 -0
- package/dist/cjs/transformHermesAsync.cjs +61 -0
- package/dist/cjs/transformHermesLoops.cjs +319 -0
- package/dist/cjs/transformHermesLoops.test.cjs +257 -0
- package/dist/cjs/transformSWC.cjs +110 -138
- package/dist/cjs/transformSWC.test.cjs +117 -0
- package/dist/cjs/transformWorklets.cjs +123 -0
- package/dist/cjs/transformWorklets.test.cjs +604 -0
- package/dist/cjs/worklets/autoworklet.cjs +265 -0
- package/dist/cjs/worklets/globals.cjs +73 -0
- package/dist/cjs/worklets/hash.cjs +38 -0
- package/dist/cjs/worklets/scope.cjs +370 -0
- package/dist/cjs/worklets/serialize.cjs +101 -0
- package/dist/cjs/worklets/transform.cjs +266 -0
- package/dist/cjs/worklets/types.cjs +18 -0
- package/dist/esm/cache.mjs +5 -3
- package/dist/esm/cache.mjs.map +1 -1
- package/dist/esm/configure.mjs +8 -1
- package/dist/esm/configure.mjs.map +1 -1
- package/dist/esm/index.js +75 -6
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/index.mjs +75 -6
- package/dist/esm/index.mjs.map +1 -1
- package/dist/esm/reactNativeCodegen.mjs +104 -0
- package/dist/esm/reactNativeCodegen.mjs.map +1 -0
- package/dist/esm/reactNativeViewConfig.mjs +460 -0
- package/dist/esm/reactNativeViewConfig.mjs.map +1 -0
- package/dist/esm/transformBabel.mjs +14 -19
- package/dist/esm/transformBabel.mjs.map +1 -1
- package/dist/esm/transformBabel.test.mjs +261 -1
- package/dist/esm/transformBabel.test.mjs.map +1 -1
- package/dist/esm/transformHermesAsync.mjs +25 -0
- package/dist/esm/transformHermesAsync.mjs.map +1 -0
- package/dist/esm/transformHermesLoops.mjs +283 -0
- package/dist/esm/transformHermesLoops.mjs.map +1 -0
- package/dist/esm/transformHermesLoops.test.mjs +234 -0
- package/dist/esm/transformHermesLoops.test.mjs.map +1 -0
- package/dist/esm/transformSWC.mjs +96 -139
- package/dist/esm/transformSWC.mjs.map +1 -1
- package/dist/esm/transformSWC.test.mjs +118 -0
- package/dist/esm/transformSWC.test.mjs.map +1 -0
- package/dist/esm/transformWorklets.mjs +82 -0
- package/dist/esm/transformWorklets.mjs.map +1 -0
- package/dist/esm/transformWorklets.test.mjs +581 -0
- package/dist/esm/transformWorklets.test.mjs.map +1 -0
- package/dist/esm/worklets/autoworklet.mjs +234 -0
- package/dist/esm/worklets/autoworklet.mjs.map +1 -0
- package/dist/esm/worklets/globals.mjs +46 -0
- package/dist/esm/worklets/globals.mjs.map +1 -0
- package/dist/esm/worklets/hash.mjs +13 -0
- package/dist/esm/worklets/hash.mjs.map +1 -0
- package/dist/esm/worklets/scope.mjs +345 -0
- package/dist/esm/worklets/scope.mjs.map +1 -0
- package/dist/esm/worklets/serialize.mjs +75 -0
- package/dist/esm/worklets/serialize.mjs.map +1 -0
- package/dist/esm/worklets/transform.mjs +229 -0
- package/dist/esm/worklets/transform.mjs.map +1 -0
- package/dist/esm/worklets/types.mjs +2 -0
- package/dist/esm/worklets/types.mjs.map +1 -0
- package/package.json +11 -6
- package/src/cache.ts +10 -3
- package/src/configure.ts +12 -0
- package/src/index.ts +96 -13
- package/src/reactNativeCodegen.ts +181 -0
- package/src/reactNativeViewConfig.ts +593 -0
- package/src/transformBabel.test.ts +268 -1
- package/src/transformBabel.ts +21 -31
- package/src/transformHermesAsync.ts +30 -0
- package/src/transformHermesLoops.test.ts +341 -0
- package/src/transformHermesLoops.ts +435 -0
- package/src/transformSWC.test.ts +132 -0
- package/src/transformSWC.ts +121 -161
- package/src/transformWorklets.test.ts +708 -0
- package/src/transformWorklets.ts +160 -0
- package/src/types.ts +4 -4
- package/src/worklets/autoworklet.ts +391 -0
- package/src/worklets/globals.ts +129 -0
- package/src/worklets/hash.ts +14 -0
- package/src/worklets/scope.ts +401 -0
- package/src/worklets/serialize.ts +114 -0
- package/src/worklets/transform.ts +319 -0
- package/src/worklets/types.ts +26 -0
- package/types/cache.d.ts +1 -0
- package/types/cache.d.ts.map +1 -1
- package/types/configure.d.ts +2 -0
- package/types/configure.d.ts.map +1 -1
- package/types/index.d.ts +6 -0
- package/types/index.d.ts.map +1 -1
- package/types/reactNativeCodegen.d.ts +5 -0
- package/types/reactNativeCodegen.d.ts.map +1 -0
- package/types/reactNativeViewConfig.d.ts +35 -0
- package/types/reactNativeViewConfig.d.ts.map +1 -0
- package/types/transformBabel.d.ts +3 -3
- package/types/transformBabel.d.ts.map +1 -1
- package/types/transformHermesAsync.d.ts +5 -0
- package/types/transformHermesAsync.d.ts.map +1 -0
- package/types/transformHermesLoops.d.ts +5 -0
- package/types/transformHermesLoops.d.ts.map +1 -0
- package/types/transformHermesLoops.test.d.ts +2 -0
- package/types/transformHermesLoops.test.d.ts.map +1 -0
- package/types/transformSWC.d.ts +13 -3
- package/types/transformSWC.d.ts.map +1 -1
- package/types/transformSWC.test.d.ts +2 -0
- package/types/transformSWC.test.d.ts.map +1 -0
- package/types/transformWorklets.d.ts +23 -0
- package/types/transformWorklets.d.ts.map +1 -0
- package/types/transformWorklets.test.d.ts +2 -0
- package/types/transformWorklets.test.d.ts.map +1 -0
- package/types/types.d.ts +4 -4
- package/types/types.d.ts.map +1 -1
- package/types/worklets/autoworklet.d.ts +14 -0
- package/types/worklets/autoworklet.d.ts.map +1 -0
- package/types/worklets/globals.d.ts +4 -0
- package/types/worklets/globals.d.ts.map +1 -0
- package/types/worklets/hash.d.ts +5 -0
- package/types/worklets/hash.d.ts.map +1 -0
- package/types/worklets/scope.d.ts +7 -0
- package/types/worklets/scope.d.ts.map +1 -0
- package/types/worklets/serialize.d.ts +12 -0
- package/types/worklets/serialize.d.ts.map +1 -0
- package/types/worklets/transform.d.ts +10 -0
- package/types/worklets/transform.d.ts.map +1 -0
- package/types/worklets/types.d.ts +21 -0
- package/types/worklets/types.d.ts.map +1 -0
|
@@ -0,0 +1,117 @@
|
|
|
1
|
+
var import_vitest = require("vitest");
|
|
2
|
+
var import_node_vm = require("node:vm");
|
|
3
|
+
var import_rolldown = require("rolldown");
|
|
4
|
+
var import_transformSWC = require("./transformSWC.cjs");
|
|
5
|
+
(0, import_vitest.describe)("transformSWC / transformOxc with oxc-transform for Hermes lowering", () => {
|
|
6
|
+
(0, import_vitest.it)("preserves unbraced for-await bodies and early returns", async () => {
|
|
7
|
+
const result = await (0, import_transformSWC.transformSWC)("AsyncIterable.js", `
|
|
8
|
+
async function collect(it) {
|
|
9
|
+
const values = []
|
|
10
|
+
for await (const value of it) values.push(value)
|
|
11
|
+
return values
|
|
12
|
+
}
|
|
13
|
+
async function first(it) {
|
|
14
|
+
for await (const value of it) return value
|
|
15
|
+
return null
|
|
16
|
+
}
|
|
17
|
+
globalThis.result = Promise.all([collect([11, 22]), first([11, 22])])
|
|
18
|
+
`, {
|
|
19
|
+
environment: "ios",
|
|
20
|
+
mode: "build",
|
|
21
|
+
production: true
|
|
22
|
+
});
|
|
23
|
+
(0, import_vitest.expect)(result).toBeDefined();
|
|
24
|
+
const bundle = await (0, import_rolldown.rolldown)({
|
|
25
|
+
input: "virtual:async-iterable.js",
|
|
26
|
+
plugins: [{
|
|
27
|
+
name: "async-iterable-fixture",
|
|
28
|
+
resolveId(id) {
|
|
29
|
+
if (id === "virtual:async-iterable.js") return id;
|
|
30
|
+
},
|
|
31
|
+
load(id) {
|
|
32
|
+
if (id === "virtual:async-iterable.js") return result.code;
|
|
33
|
+
}
|
|
34
|
+
}]
|
|
35
|
+
});
|
|
36
|
+
try {
|
|
37
|
+
const output = await bundle.generate({
|
|
38
|
+
format: "iife"
|
|
39
|
+
});
|
|
40
|
+
const context = {};
|
|
41
|
+
(0, import_node_vm.runInNewContext)(output.output[0].code, context);
|
|
42
|
+
await (0, import_vitest.expect)(context.result).resolves.toEqual([[11, 22], 11]);
|
|
43
|
+
} finally {
|
|
44
|
+
await bundle.close();
|
|
45
|
+
}
|
|
46
|
+
});
|
|
47
|
+
(0, import_vitest.it)("lowers class fields, private fields, and static blocks with Hermes target and assumptions", async () => {
|
|
48
|
+
const input = `
|
|
49
|
+
class Sample {
|
|
50
|
+
#secret = 42
|
|
51
|
+
publicField = 100
|
|
52
|
+
static {
|
|
53
|
+
Sample.initialized = true
|
|
54
|
+
}
|
|
55
|
+
getSecret() {
|
|
56
|
+
return this.#secret
|
|
57
|
+
}
|
|
58
|
+
}
|
|
59
|
+
`;
|
|
60
|
+
const res = await (0, import_transformSWC.transformSWC)("Sample.ts", input, {
|
|
61
|
+
environment: "ios",
|
|
62
|
+
mode: "build"
|
|
63
|
+
});
|
|
64
|
+
(0, import_vitest.expect)(res).toBeDefined();
|
|
65
|
+
(0, import_vitest.expect)(res.code).not.toContain("#secret");
|
|
66
|
+
(0, import_vitest.expect)(res.code).not.toMatch(/^\s*publicField\s*=/m);
|
|
67
|
+
(0, import_vitest.expect)(res.code).not.toContain("static {");
|
|
68
|
+
(0, import_vitest.expect)(res.code).toContain("this.publicField = 100");
|
|
69
|
+
});
|
|
70
|
+
import_vitest.it.each(["MyComponent.tsx", "MyComponent.js", "MyComponent.mjs", "MyComponent.cjs"])("lowers JSX in %s to react automatic runtime calls", async filename => {
|
|
71
|
+
const input = `
|
|
72
|
+
export function MyComponent() {
|
|
73
|
+
return <div className="test"><span>Hello</span></div>
|
|
74
|
+
}
|
|
75
|
+
`;
|
|
76
|
+
const res = await (0, import_transformSWC.transformSWC)(filename, input, {
|
|
77
|
+
environment: "client",
|
|
78
|
+
mode: "build"
|
|
79
|
+
});
|
|
80
|
+
(0, import_vitest.expect)(res).toBeDefined();
|
|
81
|
+
(0, import_vitest.expect)(res.code).not.toContain("<div");
|
|
82
|
+
(0, import_vitest.expect)(res.code).not.toContain("<span>");
|
|
83
|
+
(0, import_vitest.expect)(res.code).toContain("_jsx");
|
|
84
|
+
});
|
|
85
|
+
(0, import_vitest.it)("respects sourcemaps option", async () => {
|
|
86
|
+
const input = `
|
|
87
|
+
class Sample {
|
|
88
|
+
val = 1
|
|
89
|
+
}
|
|
90
|
+
`;
|
|
91
|
+
const resWithoutMap = await (0, import_transformSWC.transformSWC)("Sample.ts", input, {
|
|
92
|
+
environment: "ios",
|
|
93
|
+
mode: "build"
|
|
94
|
+
}, {
|
|
95
|
+
sourceMaps: false
|
|
96
|
+
});
|
|
97
|
+
(0, import_vitest.expect)(resWithoutMap?.map).toBeUndefined();
|
|
98
|
+
const resWithMap = await (0, import_transformSWC.transformSWC)("Sample.ts", input, {
|
|
99
|
+
environment: "ios",
|
|
100
|
+
mode: "build"
|
|
101
|
+
}, {
|
|
102
|
+
sourceMaps: true
|
|
103
|
+
});
|
|
104
|
+
(0, import_vitest.expect)(resWithMap?.map).toBeDefined();
|
|
105
|
+
(0, import_vitest.expect)(resWithMap?.map.mappings).toBeDefined();
|
|
106
|
+
});
|
|
107
|
+
(0, import_vitest.it)("provides transformOxc alias", () => {
|
|
108
|
+
(0, import_vitest.expect)(import_transformSWC.transformOxc).toBe(import_transformSWC.transformSWC);
|
|
109
|
+
});
|
|
110
|
+
(0, import_vitest.it)("strips JSX using transformSWCStripJSX", async () => {
|
|
111
|
+
const input = `export const el = <div>Hello</div>`;
|
|
112
|
+
const res = await (0, import_transformSWC.transformSWCStripJSX)("el.tsx", input);
|
|
113
|
+
(0, import_vitest.expect)(res).toBeDefined();
|
|
114
|
+
(0, import_vitest.expect)(res.code).not.toContain("<div>");
|
|
115
|
+
(0, import_vitest.expect)(res.code).toContain("_jsx");
|
|
116
|
+
});
|
|
117
|
+
});
|
|
@@ -0,0 +1,123 @@
|
|
|
1
|
+
var __create = Object.create;
|
|
2
|
+
var __defProp = Object.defineProperty;
|
|
3
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
6
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
+
var __export = (target, all) => {
|
|
8
|
+
for (var name in all) __defProp(target, name, {
|
|
9
|
+
get: all[name],
|
|
10
|
+
enumerable: true
|
|
11
|
+
});
|
|
12
|
+
};
|
|
13
|
+
var __copyProps = (to, from, except, desc) => {
|
|
14
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
15
|
+
for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
|
16
|
+
get: () => from[key],
|
|
17
|
+
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
18
|
+
});
|
|
19
|
+
}
|
|
20
|
+
return to;
|
|
21
|
+
};
|
|
22
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
23
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
24
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
25
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
26
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
27
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
|
|
28
|
+
value: mod,
|
|
29
|
+
enumerable: true
|
|
30
|
+
}) : target, mod));
|
|
31
|
+
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
32
|
+
value: true
|
|
33
|
+
}), mod);
|
|
34
|
+
var transformWorklets_exports = {};
|
|
35
|
+
__export(transformWorklets_exports, {
|
|
36
|
+
REANIMATED_AUTOWORKLETIZATION_KEYWORDS: () => REANIMATED_AUTOWORKLETIZATION_KEYWORDS,
|
|
37
|
+
getWorkletsVersion: () => getWorkletsVersion,
|
|
38
|
+
prepareWorkletsForReactCompiler: () => import_transform2.prepareWorkletsForReactCompiler,
|
|
39
|
+
shouldTransformWorklets: () => shouldTransformWorklets,
|
|
40
|
+
transformWorklets: () => transformWorklets
|
|
41
|
+
});
|
|
42
|
+
module.exports = __toCommonJS(transformWorklets_exports);
|
|
43
|
+
var import_node_fs = __toESM(require("node:fs"), 1);
|
|
44
|
+
var import_node_module = require("node:module");
|
|
45
|
+
var import_node_path = __toESM(require("node:path"), 1);
|
|
46
|
+
var import_configure = require("./configure.cjs");
|
|
47
|
+
var import_autoworklet = require("./worklets/autoworklet.cjs");
|
|
48
|
+
var import_transform = require("./worklets/transform.cjs");
|
|
49
|
+
var import_transform2 = require("./worklets/transform.cjs");
|
|
50
|
+
const import_meta = {};
|
|
51
|
+
const REANIMATED_AUTOWORKLETIZATION_KEYWORDS = ["worklet", "useAnimatedGestureHandler", "useAnimatedScrollHandler", "useFrameCallback", "useAnimatedStyle", "useAnimatedProps", "createAnimatedPropAdapter", "useDerivedValue", "useAnimatedReaction", "useWorkletCallback", "withTiming", "withSpring", "withDecay", "withRepeat", "runOnUI", "executeOnUIRuntimeSync"];
|
|
52
|
+
const REANIMATED_REGEX = new RegExp([... /* @__PURE__ */new Set([...REANIMATED_AUTOWORKLETIZATION_KEYWORDS, ...Object.keys(import_autoworklet.AUTOWORKLET_FUNCTION_ARGS),
|
|
53
|
+
// gesture callbacks are only workletized on a `Gesture.<Kind>()` chain,
|
|
54
|
+
// but this file gate has to be permissive or a file whose only worklets
|
|
55
|
+
// are gesture callbacks never reaches the transform at all.
|
|
56
|
+
...import_autoworklet.GESTURE_BUILDER_METHODS, "withCallback"])].map(name => `\\b${name}\\b`).join("|"));
|
|
57
|
+
const REANIMATED_IGNORED_PATHS = ["react-native-prebuilt", "node_modules/.vxrn/react-native", "node_modules/react/", "node_modules/react-dom/", "node_modules/react-native/",
|
|
58
|
+
// react-native's own scoped packages are flow, and the worklets transform
|
|
59
|
+
// runs before flow stripping in the vite pipeline. they never hold app
|
|
60
|
+
// worklets, exactly like node_modules/react-native/ above.
|
|
61
|
+
"node_modules/@react-native/", "node_modules/react-native-web/"];
|
|
62
|
+
const REANIMATED_IGNORED_PATHS_REGEX = new RegExp(REANIMATED_IGNORED_PATHS.join("|"));
|
|
63
|
+
function shouldTransformWorklets({
|
|
64
|
+
id,
|
|
65
|
+
code
|
|
66
|
+
}) {
|
|
67
|
+
if (!(0, import_configure.isNativeWorkletsEnabled)() || !import_configure.configuration.enableReanimated) {
|
|
68
|
+
return false;
|
|
69
|
+
}
|
|
70
|
+
const normalizedId = id.replace(/\\/g, "/");
|
|
71
|
+
if (REANIMATED_IGNORED_PATHS_REGEX.test(normalizedId)) {
|
|
72
|
+
return false;
|
|
73
|
+
}
|
|
74
|
+
return REANIMATED_REGEX.test(code);
|
|
75
|
+
}
|
|
76
|
+
function getWorkletsVersion(projectRoot, filename) {
|
|
77
|
+
if (projectRoot) {
|
|
78
|
+
try {
|
|
79
|
+
const req = (0, import_node_module.createRequire)(import_node_path.default.resolve(projectRoot, "package.json"));
|
|
80
|
+
try {
|
|
81
|
+
const ver = req("react-native-worklets/package.json")?.version;
|
|
82
|
+
if (ver) return ver;
|
|
83
|
+
} catch {}
|
|
84
|
+
try {
|
|
85
|
+
const ver = req("react-native-reanimated/package.json")?.version;
|
|
86
|
+
if (ver) return ver;
|
|
87
|
+
} catch {}
|
|
88
|
+
} catch {}
|
|
89
|
+
throw new Error(`[@vxrn/compiler] Unable to resolve "react-native-worklets" or "react-native-reanimated" version from project root "${projectRoot}". Please ensure react-native-worklets is installed in your project.`);
|
|
90
|
+
}
|
|
91
|
+
if (filename && !filename.startsWith("\0") && import_node_fs.default.existsSync(filename)) {
|
|
92
|
+
try {
|
|
93
|
+
const req = (0, import_node_module.createRequire)(filename);
|
|
94
|
+
try {
|
|
95
|
+
const ver = req("react-native-worklets/package.json")?.version;
|
|
96
|
+
if (ver) return ver;
|
|
97
|
+
} catch {}
|
|
98
|
+
try {
|
|
99
|
+
const ver = req("react-native-reanimated/package.json")?.version;
|
|
100
|
+
if (ver) return ver;
|
|
101
|
+
} catch {}
|
|
102
|
+
} catch {}
|
|
103
|
+
}
|
|
104
|
+
const fallbacks = [() => (0, import_node_module.createRequire)(import_node_path.default.resolve(process.cwd(), "package.json")), () => (0, import_node_module.createRequire)(import_meta.url)];
|
|
105
|
+
for (const getReq of fallbacks) {
|
|
106
|
+
try {
|
|
107
|
+
const req = getReq();
|
|
108
|
+
try {
|
|
109
|
+
const ver = req("react-native-worklets/package.json")?.version;
|
|
110
|
+
if (ver) return ver;
|
|
111
|
+
} catch {}
|
|
112
|
+
try {
|
|
113
|
+
const ver = req("react-native-reanimated/package.json")?.version;
|
|
114
|
+
if (ver) return ver;
|
|
115
|
+
} catch {}
|
|
116
|
+
} catch {}
|
|
117
|
+
}
|
|
118
|
+
const target = filename || process.cwd();
|
|
119
|
+
throw new Error(`[@vxrn/compiler] Unable to resolve "react-native-worklets" or "react-native-reanimated" version from "${target}". Please ensure react-native-worklets is installed in your project.`);
|
|
120
|
+
}
|
|
121
|
+
async function transformWorklets(id, code, sourceMaps = false, options) {
|
|
122
|
+
return (0, import_transform.executeWorkletTransform)(id, code, sourceMaps, options, getWorkletsVersion);
|
|
123
|
+
}
|