Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Allow worklet referencing in plugin #5911

Merged
merged 11 commits into from
Jun 10, 2024
Merged

Allow worklet referencing in plugin #5911

Show file tree
Hide file tree
Changes from 1 commit
Commits
Show all changes
11 commits
Select commit Hold shift + click to select a range
d123585
init
tjzel Apr 17, 2024
0b7821d
allow for objects and refactor the pipeline for less redundacne
tjzel Apr 18, 2024
8333b56
handled scopes
tjzel Apr 22, 2024
06d5383
forgot to commit tests
tjzel Apr 22, 2024
e259478
Merge branch 'main' into @tjzel/plugin/worklet-referencing
tjzel Apr 25, 2024
28289fa
Merge branch 'main' into @tjzel/plugin/worklet-referencing
tjzel Apr 25, 2024
de01a86
Merge branch '@tjzel/plugin/worklet-referencing' of https://github.co…
tjzel Apr 25, 2024
96ae340
add assignment after use test case
tjzel Apr 25, 2024
80655aa
Merge branch 'main' into @tjzel/plugin/worklet-referencing
tjzel Jun 10, 2024
8f0b00c
review changes
tjzel Jun 10, 2024
d6e78a6
fix lint
tjzel Jun 10, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
247 changes: 209 additions & 38 deletions __tests__/__snapshots__/plugin.test.ts.snap
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -926,6 +926,30 @@ var animatedStyle = useAnimatedStyle(function () {
}());"
`;

exports[`babel plugin for function hooks workletizes hook wrapped worklet reference automatically 1`] = `
"var _worklet_377598887181_init_data = {
code: "function style(){return{color:'red',backgroundColor:'blue'};}",
location: "/dev/null",
sourceMap: "\\"mock source map\\"",
version: "x.y.z"
};
var style = function () {
const _e = [new global.Error(), 1, -27];
const style = function () {
return {
color: 'red',
backgroundColor: 'blue'
};
};
style.__closure = {};
style.__workletHash = 377598887181;
style.__initData = _worklet_377598887181_init_data;
style.__stackDetails = _e;
return style;
}();
var animatedStyle = useAnimatedStyle(style);"
`;

exports[`babel plugin for generators makes a generator worklet factory 1`] = `
"var _worklet_4939499253486_init_data = {
code: "function*foo(){yield'hello';yield'world';}",
Expand Down Expand Up @@ -1573,64 +1597,211 @@ var foo = Gesture.Tap().numberOfTaps(2).onBegin(function () {
}());"
`;

exports[`babel plugin for runOnUI workletizes ArrowFunctionExpression inside runOnUI automatically 1`] = `
"var _worklet_15854903236968_init_data = {
code: "function anonymous(){console.log('Hello from the UI thread!');}",
exports[`babel plugin for referenced worklets prefers AssignmentExpression over VariableDeclarator 1`] = `
"var style = function style() {
return 1;
};
var _worklet_2702612302885_init_data = {
code: "function style(){return'AssignmentExpression';}",
location: "/dev/null",
sourceMap: "\\"mock source map\\"",
version: "x.y.z"
};
runOnUI(function () {
var _e = [new global.Error(), 1, -27];
var anonymous = function anonymous() {
console.log('Hello from the UI thread!');
style = function () {
const _e = [new global.Error(), 1, -27];
const style = function () {
return 'AssignmentExpression';
};
anonymous.__closure = {};
anonymous.__workletHash = 15854903236968;
anonymous.__initData = _worklet_15854903236968_init_data;
anonymous.__stackDetails = _e;
return anonymous;
}())();"
style.__closure = {};
style.__workletHash = 2702612302885;
style.__initData = _worklet_2702612302885_init_data;
style.__stackDetails = _e;
return style;
}();
animatedStyle = useAnimatedStyle(style);"
`;

exports[`babel plugin for runOnUI workletizes named FunctionExpression inside runOnUI automatically 1`] = `
"var _worklet_5662051517689_init_data = {
code: "function hello(){console.log('Hello from the UI thread!');}",
exports[`babel plugin for referenced worklets prefers FunctionDeclaration over AssignmentExpression 1`] = `
"var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
var _readOnlyError2 = _interopRequireDefault(require("@babel/runtime/helpers/readOnlyError"));
var _worklet_1685592196934_init_data = {
code: "function style(){return'FunctionDeclaration';}",
location: "/dev/null",
sourceMap: "\\"mock source map\\"",
version: "x.y.z"
};
runOnUI(function () {
var style = function () {
var _e = [new global.Error(), 1, -27];
var hello = function hello() {
console.log('Hello from the UI thread!');
};
hello.__closure = {};
hello.__workletHash = 5662051517689;
hello.__initData = _worklet_5662051517689_init_data;
hello.__stackDetails = _e;
return hello;
}())();"
var style = function style() {
return 'FunctionDeclaration';
};
style.__closure = {};
style.__workletHash = 1685592196934;
style.__initData = _worklet_1685592196934_init_data;
style.__stackDetails = _e;
return style;
}();
(function style() {
return 'AssignmentExpression';
}), (0, _readOnlyError2.default)("style");
animatedStyle = useAnimatedStyle(style);"
`;

exports[`babel plugin for runOnUI workletizes unnamed FunctionExpression inside runOnUI automatically 1`] = `
"var _worklet_15854903236968_init_data = {
code: "function anonymous(){console.log('Hello from the UI thread!');}",
exports[`babel plugin for referenced worklets workletizes ArrowFunctionExpression on its AssignmentExpression 1`] = `
"var style;
var _worklet_11844349717570_init_data = {
code: "function style(){return{};}",
location: "/dev/null",
sourceMap: "\\"mock source map\\"",
version: "x.y.z"
};
runOnUI(function () {
style = function () {
const _e = [new global.Error(), 1, -27];
const style = function () {
return {};
};
style.__closure = {};
style.__workletHash = 11844349717570;
style.__initData = _worklet_11844349717570_init_data;
style.__stackDetails = _e;
return style;
}();
animatedStyle = useAnimatedStyle(style);"
`;

exports[`babel plugin for referenced worklets workletizes ArrowFunctionExpression on its VariableDeclarator 1`] = `
"var _worklet_11844349717570_init_data = {
code: "function style(){return{};}",
location: "/dev/null",
sourceMap: "\\"mock source map\\"",
version: "x.y.z"
};
var style = function () {
const _e = [new global.Error(), 1, -27];
const style = function () {
return {};
};
style.__closure = {};
style.__workletHash = 11844349717570;
style.__initData = _worklet_11844349717570_init_data;
style.__stackDetails = _e;
return style;
}();
var animatedStyle = useAnimatedStyle(style);"
`;

exports[`babel plugin for referenced worklets workletizes ArrowFunctionExpression only on last AssignmentExpression 1`] = `
"var style;
style = function style() {
return 1;
};
var _worklet_2702612302885_init_data = {
code: "function style(){return'AssignmentExpression';}",
location: "/dev/null",
sourceMap: "\\"mock source map\\"",
version: "x.y.z"
};
style = function () {
const _e = [new global.Error(), 1, -27];
const style = function () {
return 'AssignmentExpression';
};
style.__closure = {};
style.__workletHash = 2702612302885;
style.__initData = _worklet_2702612302885_init_data;
style.__stackDetails = _e;
return style;
}();
animatedStyle = useAnimatedStyle(style);"
`;

exports[`babel plugin for referenced worklets workletizes FunctionDeclaration 1`] = `
"var _worklet_11844349717570_init_data = {
code: "function style(){return{};}",
location: "/dev/null",
sourceMap: "\\"mock source map\\"",
version: "x.y.z"
};
var style = function () {
var _e = [new global.Error(), 1, -27];
var anonymous = function anonymous() {
console.log('Hello from the UI thread!');
var style = function style() {
return {};
};
anonymous.__closure = {};
anonymous.__workletHash = 15854903236968;
anonymous.__initData = _worklet_15854903236968_init_data;
anonymous.__stackDetails = _e;
return anonymous;
}())();"
style.__closure = {};
style.__workletHash = 11844349717570;
style.__initData = _worklet_11844349717570_init_data;
style.__stackDetails = _e;
return style;
}();
var animatedStyle = useAnimatedStyle(style);"
`;

exports[`babel plugin for referenced worklets workletizes FunctionExpression on its AssignmentExpression 1`] = `
"var style;
var _worklet_11844349717570_init_data = {
code: "function style(){return{};}",
location: "/dev/null",
sourceMap: "\\"mock source map\\"",
version: "x.y.z"
};
style = function () {
const _e = [new global.Error(), 1, -27];
const style = function () {
return {};
};
style.__closure = {};
style.__workletHash = 11844349717570;
style.__initData = _worklet_11844349717570_init_data;
style.__stackDetails = _e;
return style;
}();
animatedStyle = useAnimatedStyle(style);"
`;

exports[`babel plugin for referenced worklets workletizes FunctionExpression on its VariableDeclarator 1`] = `
"var _worklet_11844349717570_init_data = {
code: "function style(){return{};}",
location: "/dev/null",
sourceMap: "\\"mock source map\\"",
version: "x.y.z"
};
var style = function () {
const _e = [new global.Error(), 1, -27];
const style = function () {
return {};
};
style.__closure = {};
style.__workletHash = 11844349717570;
style.__initData = _worklet_11844349717570_init_data;
style.__stackDetails = _e;
return style;
}();
var animatedStyle = useAnimatedStyle(style);"
`;

exports[`babel plugin for referenced worklets workletizes FunctionExpression only on last AssignmentExpression 1`] = `
"var style;
style = function style() {
return 1;
};
var _worklet_2702612302885_init_data = {
code: "function style(){return'AssignmentExpression';}",
location: "/dev/null",
sourceMap: "\\"mock source map\\"",
version: "x.y.z"
};
style = function () {
const _e = [new global.Error(), 1, -27];
const style = function () {
return 'AssignmentExpression';
};
style.__closure = {};
style.__workletHash = 2702612302885;
style.__initData = _worklet_2702612302885_init_data;
style.__stackDetails = _e;
return style;
}();
animatedStyle = useAnimatedStyle(style);"
`;

exports[`babel plugin for sequence expressions supports SequenceExpression 1`] = `
Expand Down
Loading
Loading