Facebook/react
1
0
Fork 0
mirror of https://github.com/facebook/react.git synced 2025-11-01 09:12:30 +00:00
Code Issues Packages Projects Releases Wiki Activity

[compiler][test fixtures] Fork more fixtures for hir-rewrite

Browse Source 
Followup from #30894 , not sure how these got missed. Note that this PR just copies the fixtures without adding `@enablePropagateDepsInHIR`. #31032 follows and actually enables the HIR-version of propagateScopeDeps to run. I split this out into two PRs to make snapshot differences easier to review, but also happy to merge

Fixtures found from locally setting snap test runner to default to `enablePropagateDepsInHIR: 'enabled_baseline'` and forking fixtures files with different output.

ghstack-source-id: 7d7cf41aa9
Pull Request resolved: https://github.com/facebook/react/pull/31030
This commit is contained in:
Mofei Zhang
2024-09-30 12:35:15 -04:00
parent 2d16326d9a
commit 943e45e910
29 changed files with 1504 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/conditional-break-labeled.expect.md
+65
View File
@@ -0,0 +1,65 @@
## Input
```javascript
/**
* props.b *does* influence `a`
*/
function Component(props) {
const a = [];
a.push(props.a);
label: {
if (props.b) {
break label;
}
a.push(props.c);
}
a.push(props.d);
return a;
}
export const FIXTURE_ENTRYPOINT = {
fn: Component,
params: ['TodoAdd'],
isComponent: 'TodoAdd',
};
```
## Code
```javascript
import { c as _c } from "react/compiler-runtime"; /**
* props.b *does* influence `a`
*/
function Component(props) {
const $ = _c(2);
let a;
if ($[0] !== props) {
a = [];
a.push(props.a);
bb0: {
if (props.b) {
break bb0;
}
a.push(props.c);
}
a.push(props.d);
$[0] = props;
$[1] = a;
} else {
a = $[1];
}
return a;
}
export const FIXTURE_ENTRYPOINT = {
fn: Component,
params: ["TodoAdd"],
isComponent: "TodoAdd",
};
```
compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/conditional-break-labeled.js
+21
View File
@@ -0,0 +1,21 @@
/**
* props.b *does* influence `a`
*/
function Component(props) {
const a = [];
a.push(props.a);
label: {
if (props.b) {
break label;
}
a.push(props.c);
}
a.push(props.d);
return a;
}
export const FIXTURE_ENTRYPOINT = {
fn: Component,
params: ['TodoAdd'],
isComponent: 'TodoAdd',
};
compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/conditional-early-return.expect.md
+197
View File
@@ -0,0 +1,197 @@
## Input
```javascript
/**
* props.b does *not* influence `a`
*/
function ComponentA(props) {
const a_DEBUG = [];
a_DEBUG.push(props.a);
if (props.b) {
return null;
}
a_DEBUG.push(props.d);
return a_DEBUG;
}
/**
* props.b *does* influence `a`
*/
function ComponentB(props) {
const a = [];
a.push(props.a);
if (props.b) {
a.push(props.c);
}
a.push(props.d);
return a;
}
/**
* props.b *does* influence `a`, but only in a way that is never observable
*/
function ComponentC(props) {
const a = [];
a.push(props.a);
if (props.b) {
a.push(props.c);
return null;
}
a.push(props.d);
return a;
}
/**
* props.b *does* influence `a`
*/
function ComponentD(props) {
const a = [];
a.push(props.a);
if (props.b) {
a.push(props.c);
return a;
}
a.push(props.d);
return a;
}
export const FIXTURE_ENTRYPOINT = {
fn: ComponentA,
params: [{a: 1, b: false, d: 3}],
};
```
## Code
```javascript
import { c as _c } from "react/compiler-runtime"; /**
* props.b does *not* influence `a`
*/
function ComponentA(props) {
const $ = _c(3);
let a_DEBUG;
let t0;
if ($[0] !== props) {
t0 = Symbol.for("react.early_return_sentinel");
bb0: {
a_DEBUG = [];
a_DEBUG.push(props.a);
if (props.b) {
t0 = null;
break bb0;
}
a_DEBUG.push(props.d);
}
$[0] = props;
$[1] = a_DEBUG;
$[2] = t0;
} else {
a_DEBUG = $[1];
t0 = $[2];
}
if (t0 !== Symbol.for("react.early_return_sentinel")) {
return t0;
}
return a_DEBUG;
}
/**
* props.b *does* influence `a`
*/
function ComponentB(props) {
const $ = _c(2);
let a;
if ($[0] !== props) {
a = [];
a.push(props.a);
if (props.b) {
a.push(props.c);
}
a.push(props.d);
$[0] = props;
$[1] = a;
} else {
a = $[1];
}
return a;
}
/**
* props.b *does* influence `a`, but only in a way that is never observable
*/
function ComponentC(props) {
const $ = _c(3);
let a;
let t0;
if ($[0] !== props) {
t0 = Symbol.for("react.early_return_sentinel");
bb0: {
a = [];
a.push(props.a);
if (props.b) {
a.push(props.c);
t0 = null;
break bb0;
}
a.push(props.d);
}
$[0] = props;
$[1] = a;
$[2] = t0;
} else {
a = $[1];
t0 = $[2];
}
if (t0 !== Symbol.for("react.early_return_sentinel")) {
return t0;
}
return a;
}
/**
* props.b *does* influence `a`
*/
function ComponentD(props) {
const $ = _c(3);
let a;
let t0;
if ($[0] !== props) {
t0 = Symbol.for("react.early_return_sentinel");
bb0: {
a = [];
a.push(props.a);
if (props.b) {
a.push(props.c);
t0 = a;
break bb0;
}
a.push(props.d);
}
$[0] = props;
$[1] = a;
$[2] = t0;
} else {
a = $[1];
t0 = $[2];
}
if (t0 !== Symbol.for("react.early_return_sentinel")) {
return t0;
}
return a;
}
export const FIXTURE_ENTRYPOINT = {
fn: ComponentA,
params: [{ a: 1, b: false, d: 3 }],
};
```
### Eval output
(kind: ok) [1,3]
compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/conditional-early-return.js
+58
View File
@@ -0,0 +1,58 @@
/**
* props.b does *not* influence `a`
*/
function ComponentA(props) {
const a_DEBUG = [];
a_DEBUG.push(props.a);
if (props.b) {
return null;
}
a_DEBUG.push(props.d);
return a_DEBUG;
}
/**
* props.b *does* influence `a`
*/
function ComponentB(props) {
const a = [];
a.push(props.a);
if (props.b) {
a.push(props.c);
}
a.push(props.d);
return a;
}
/**
* props.b *does* influence `a`, but only in a way that is never observable
*/
function ComponentC(props) {
const a = [];
a.push(props.a);
if (props.b) {
a.push(props.c);
return null;
}
a.push(props.d);
return a;
}
/**
* props.b *does* influence `a`
*/
function ComponentD(props) {
const a = [];
a.push(props.a);
if (props.b) {
a.push(props.c);
return a;
}
a.push(props.d);
return a;
}
export const FIXTURE_ENTRYPOINT = {
fn: ComponentA,
params: [{a: 1, b: false, d: 3}],
};
compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/conditional-on-mutable.expect.md
+88
View File
@@ -0,0 +1,88 @@
## Input
```javascript
function ComponentA(props) {
const a = [];
const b = [];
if (b) {
a.push(props.p0);
}
if (props.p1) {
b.push(props.p2);
}
return <Foo a={a} b={b} />;
}
function ComponentB(props) {
const a = [];
const b = [];
if (mayMutate(b)) {
a.push(props.p0);
}
if (props.p1) {
b.push(props.p2);
}
return <Foo a={a} b={b} />;
}
function Foo() {}
function mayMutate() {}
```
## Code
```javascript
import { c as _c } from "react/compiler-runtime";
function ComponentA(props) {
const $ = _c(2);
let t0;
if ($[0] !== props) {
const a = [];
const b = [];
if (b) {
a.push(props.p0);
}
if (props.p1) {
b.push(props.p2);
}
t0 = <Foo a={a} b={b} />;
$[0] = props;
$[1] = t0;
} else {
t0 = $[1];
}
return t0;
}
function ComponentB(props) {
const $ = _c(2);
let t0;
if ($[0] !== props) {
const a = [];
const b = [];
if (mayMutate(b)) {
a.push(props.p0);
}
if (props.p1) {
b.push(props.p2);
}
t0 = <Foo a={a} b={b} />;
$[0] = props;
$[1] = t0;
} else {
t0 = $[1];
}
return t0;
}
function Foo() {}
function mayMutate() {}
```
### Eval output
(kind: exception) Fixture not implemented
compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/conditional-on-mutable.js
+26
View File
@@ -0,0 +1,26 @@
function ComponentA(props) {
const a = [];
const b = [];
if (b) {
a.push(props.p0);
}
if (props.p1) {
b.push(props.p2);
}
return <Foo a={a} b={b} />;
}
function ComponentB(props) {
const a = [];
const b = [];
if (mayMutate(b)) {
a.push(props.p0);
}
if (props.p1) {
b.push(props.p2);
}
return <Foo a={a} b={b} />;
}
function Foo() {}
function mayMutate() {}
compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/early-return-nested-early-return-within-reactive-scope.expect.md
+89
View File
@@ -0,0 +1,89 @@
## Input
```javascript
function Component(props) {
let x = [];
if (props.cond) {
x.push(props.a);
if (props.b) {
const y = [props.b];
x.push(y);
// oops no memo!
return x;
}
// oops no memo!
return x;
} else {
return foo();
}
}
export const FIXTURE_ENTRYPOINT = {
fn: Component,
params: [{cond: true, a: 42, b: 3.14}],
};
```
## Code
```javascript
import { c as _c } from "react/compiler-runtime";
function Component(props) {
const $ = _c(5);
let t0;
if ($[0] !== props) {
t0 = Symbol.for("react.early_return_sentinel");
bb0: {
const x = [];
if (props.cond) {
x.push(props.a);
if (props.b) {
let t1;
if ($[2] !== props.b) {
t1 = [props.b];
$[2] = props.b;
$[3] = t1;
} else {
t1 = $[3];
}
const y = t1;
x.push(y);
t0 = x;
break bb0;
}
t0 = x;
break bb0;
} else {
let t1;
if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
t1 = foo();
$[4] = t1;
} else {
t1 = $[4];
}
t0 = t1;
break bb0;
}
}
$[0] = props;
$[1] = t0;
} else {
t0 = $[1];
}
if (t0 !== Symbol.for("react.early_return_sentinel")) {
return t0;
}
}
export const FIXTURE_ENTRYPOINT = {
fn: Component,
params: [{ cond: true, a: 42, b: 3.14 }],
};
```
### Eval output
(kind: ok) [42,[3.14]]
compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/early-return-nested-early-return-within-reactive-scope.js
+21
View File
@@ -0,0 +1,21 @@
function Component(props) {
let x = [];
if (props.cond) {
x.push(props.a);
if (props.b) {
const y = [props.b];
x.push(y);
// oops no memo!
return x;
}
// oops no memo!
return x;
} else {
return foo();
}
}
export const FIXTURE_ENTRYPOINT = {
fn: Component,
params: [{cond: true, a: 42, b: 3.14}],
};
compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/early-return-within-reactive-scope.expect.md
+112
View File
@@ -0,0 +1,112 @@
## Input
```javascript
import {makeArray} from 'shared-runtime';
function Component(props) {
let x = [];
if (props.cond) {
x.push(props.a);
// oops no memo!
return x;
} else {
return makeArray(props.b);
}
}
export const FIXTURE_ENTRYPOINT = {
fn: Component,
params: [],
sequentialRenders: [
// pattern 1
{cond: true, a: 42},
{cond: true, a: 42},
// pattern 2
{cond: false, b: 3.14},
{cond: false, b: 3.14},
// pattern 1
{cond: true, a: 42},
// pattern 2
{cond: false, b: 3.14},
// pattern 1
{cond: true, a: 42},
// pattern 2
{cond: false, b: 3.14},
],
};
```
## Code
```javascript
import { c as _c } from "react/compiler-runtime";
import { makeArray } from "shared-runtime";
function Component(props) {
const $ = _c(4);
let t0;
if ($[0] !== props) {
t0 = Symbol.for("react.early_return_sentinel");
bb0: {
const x = [];
if (props.cond) {
x.push(props.a);
t0 = x;
break bb0;
} else {
let t1;
if ($[2] !== props.b) {
t1 = makeArray(props.b);
$[2] = props.b;
$[3] = t1;
} else {
t1 = $[3];
}
t0 = t1;
break bb0;
}
}
$[0] = props;
$[1] = t0;
} else {
t0 = $[1];
}
if (t0 !== Symbol.for("react.early_return_sentinel")) {
return t0;
}
}
export const FIXTURE_ENTRYPOINT = {
fn: Component,
params: [],
sequentialRenders: [
// pattern 1
{ cond: true, a: 42 },
{ cond: true, a: 42 },
// pattern 2
{ cond: false, b: 3.14 },
{ cond: false, b: 3.14 },
// pattern 1
{ cond: true, a: 42 },
// pattern 2
{ cond: false, b: 3.14 },
// pattern 1
{ cond: true, a: 42 },
// pattern 2
{ cond: false, b: 3.14 },
],
};
```
### Eval output
(kind: ok) [42]
[42]
[3.14]
[3.14]
[42]
[3.14]
[42]
[3.14]
compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/early-return-within-reactive-scope.js
+33
View File
@@ -0,0 +1,33 @@
import {makeArray} from 'shared-runtime';
function Component(props) {
let x = [];
if (props.cond) {
x.push(props.a);
// oops no memo!
return x;
} else {
return makeArray(props.b);
}
}
export const FIXTURE_ENTRYPOINT = {
fn: Component,
params: [],
sequentialRenders: [
// pattern 1
{cond: true, a: 42},
{cond: true, a: 42},
// pattern 2
{cond: false, b: 3.14},
{cond: false, b: 3.14},
// pattern 1
{cond: true, a: 42},
// pattern 2
{cond: false, b: 3.14},
// pattern 1
{cond: true, a: 42},
// pattern 2
{cond: false, b: 3.14},
],
};
compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/error.todo-optional-call-chain-in-optional.expect.md
+34
View File
@@ -0,0 +1,34 @@
## Input
```javascript
function useFoo(props: {value: {x: string; y: string} | null}) {
const value = props.value;
return createArray(value?.x, value?.y)?.join(', ');
}
function createArray<T>(...args: Array<T>): Array<T> {
return args;
}
export const FIXTURE_ENTRYPONT = {
fn: useFoo,
props: [{value: null}],
};
```
## Error
```
1 | function useFoo(props: {value: {x: string; y: string} | null}) {
2 | const value = props.value;
> 3 | return createArray(value?.x, value?.y)?.join(', ');
| ^^^^^^^^ Todo: Unexpected terminal kind `optional` for optional test block (3:3)
4 | }
5 |
6 | function createArray<T>(...args: Array<T>): Array<T> {
```
compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/error.todo-optional-call-chain-in-optional.ts
+13
View File
@@ -0,0 +1,13 @@
function useFoo(props: {value: {x: string; y: string} | null}) {
const value = props.value;
return createArray(value?.x, value?.y)?.join(', ');
}
function createArray<T>(...args: Array<T>): Array<T> {
return args;
}
export const FIXTURE_ENTRYPONT = {
fn: useFoo,
props: [{value: null}],
};
compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/iife-return-modified-later-phi.expect.md
+57
View File
@@ -0,0 +1,57 @@
## Input
```javascript
function Component(props) {
const items = (() => {
if (props.cond) {
return [];
} else {
return null;
}
})();
items?.push(props.a);
return items;
}
export const FIXTURE_ENTRYPOINT = {
fn: Component,
params: [{a: {}}],
};
```
## Code
```javascript
import { c as _c } from "react/compiler-runtime";
function Component(props) {
const $ = _c(2);
let items;
if ($[0] !== props) {
let t0;
if (props.cond) {
t0 = [];
} else {
t0 = null;
}
items = t0;
items?.push(props.a);
$[0] = props;
$[1] = items;
} else {
items = $[1];
}
return items;
}
export const FIXTURE_ENTRYPOINT = {
fn: Component,
params: [{ a: {} }],
};
```
### Eval output
(kind: ok) null
compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/iife-return-modified-later-phi.js
+16
View File
@@ -0,0 +1,16 @@
function Component(props) {
const items = (() => {
if (props.cond) {
return [];
} else {
return null;
}
})();
items?.push(props.a);
return items;
}
export const FIXTURE_ENTRYPOINT = {
fn: Component,
params: [{a: {}}],
};
compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/object-mutated-in-consequent-alternate-both-return.expect.md
+66
View File
@@ -0,0 +1,66 @@
## Input
```javascript
import {makeObject_Primitives} from 'shared-runtime';
function Component(props) {
const object = makeObject_Primitives();
if (props.cond) {
object.value = 1;
return object;
} else {
object.value = props.value;
return object;
}
}
export const FIXTURE_ENTRYPOINT = {
fn: Component,
params: [{cond: false, value: [0, 1, 2]}],
};
```
## Code
```javascript
import { c as _c } from "react/compiler-runtime";
import { makeObject_Primitives } from "shared-runtime";
function Component(props) {
const $ = _c(2);
let t0;
if ($[0] !== props) {
t0 = Symbol.for("react.early_return_sentinel");
bb0: {
const object = makeObject_Primitives();
if (props.cond) {
object.value = 1;
t0 = object;
break bb0;
} else {
object.value = props.value;
t0 = object;
break bb0;
}
}
$[0] = props;
$[1] = t0;
} else {
t0 = $[1];
}
if (t0 !== Symbol.for("react.early_return_sentinel")) {
return t0;
}
}
export const FIXTURE_ENTRYPOINT = {
fn: Component,
params: [{ cond: false, value: [0, 1, 2] }],
};
```
### Eval output
(kind: ok) {"a":0,"b":"value1","c":true,"value":[0,1,2]}
compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/object-mutated-in-consequent-alternate-both-return.js
+17
View File
@@ -0,0 +1,17 @@
import {makeObject_Primitives} from 'shared-runtime';
function Component(props) {
const object = makeObject_Primitives();
if (props.cond) {
object.value = 1;
return object;
} else {
object.value = props.value;
return object;
}
}
export const FIXTURE_ENTRYPOINT = {
fn: Component,
params: [{cond: false, value: [0, 1, 2]}],
};
compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/partial-early-return-within-reactive-scope.expect.md
+80
View File
@@ -0,0 +1,80 @@
## Input
```javascript
function Component(props) {
let x = [];
let y = null;
if (props.cond) {
x.push(props.a);
// oops no memo!
return x;
} else {
y = foo();
if (props.b) {
return;
}
}
return y;
}
export const FIXTURE_ENTRYPOINT = {
fn: Component,
params: [{cond: true, a: 42}],
};
```
## Code
```javascript
import { c as _c } from "react/compiler-runtime";
function Component(props) {
const $ = _c(4);
let y;
let t0;
if ($[0] !== props) {
t0 = Symbol.for("react.early_return_sentinel");
bb0: {
const x = [];
if (props.cond) {
x.push(props.a);
t0 = x;
break bb0;
} else {
let t1;
if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
t1 = foo();
$[3] = t1;
} else {
t1 = $[3];
}
y = t1;
if (props.b) {
t0 = undefined;
break bb0;
}
}
}
$[0] = props;
$[1] = y;
$[2] = t0;
} else {
y = $[1];
t0 = $[2];
}
if (t0 !== Symbol.for("react.early_return_sentinel")) {
return t0;
}
return y;
}
export const FIXTURE_ENTRYPOINT = {
fn: Component,
params: [{ cond: true, a: 42 }],
};
```
### Eval output
(kind: ok) [42]
compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/partial-early-return-within-reactive-scope.js
+20
View File
@@ -0,0 +1,20 @@
function Component(props) {
let x = [];
let y = null;
if (props.cond) {
x.push(props.a);
// oops no memo!
return x;
} else {
y = foo();
if (props.b) {
return;
}
}
return y;
}
export const FIXTURE_ENTRYPOINT = {
fn: Component,
params: [{cond: true, a: 42}],
};
compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/phi-type-inference-array-push-consecutive-phis.expect.md
+110
View File
@@ -0,0 +1,110 @@
## Input
```javascript
import {makeArray} from 'shared-runtime';
function Component(props) {
const x = {};
let y;
if (props.cond) {
if (props.cond2) {
y = [props.value];
} else {
y = [props.value2];
}
} else {
y = [];
}
// This should be inferred as `<store> y` s.t. `x` can still
// be independently memoized. *But* this also must properly
// extend the mutable range of the array literals in the
// if/else branches
y.push(x);
return [x, y];
}
export const FIXTURE_ENTRYPOINT = {
fn: Component,
params: [{cond: true, cond2: true, value: 42}],
sequentialRenders: [
{cond: true, cond2: true, value: 3.14},
{cond: true, cond2: true, value: 42},
{cond: true, cond2: true, value: 3.14},
{cond: true, cond2: false, value2: 3.14},
{cond: true, cond2: false, value2: 42},
{cond: true, cond2: false, value2: 3.14},
{cond: false},
{cond: false},
],
};
```
## Code
```javascript
import { c as _c } from "react/compiler-runtime";
import { makeArray } from "shared-runtime";
function Component(props) {
const $ = _c(3);
let t0;
if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
t0 = {};
$[0] = t0;
} else {
t0 = $[0];
}
const x = t0;
let t1;
if ($[1] !== props) {
let y;
if (props.cond) {
if (props.cond2) {
y = [props.value];
} else {
y = [props.value2];
}
} else {
y = [];
}
y.push(x);
t1 = [x, y];
$[1] = props;
$[2] = t1;
} else {
t1 = $[2];
}
return t1;
}
export const FIXTURE_ENTRYPOINT = {
fn: Component,
params: [{ cond: true, cond2: true, value: 42 }],
sequentialRenders: [
{ cond: true, cond2: true, value: 3.14 },
{ cond: true, cond2: true, value: 42 },
{ cond: true, cond2: true, value: 3.14 },
{ cond: true, cond2: false, value2: 3.14 },
{ cond: true, cond2: false, value2: 42 },
{ cond: true, cond2: false, value2: 3.14 },
{ cond: false },
{ cond: false },
],
};
```
### Eval output
(kind: ok) [{},[3.14,"[[ cyclic ref *1 ]]"]]
[{},[42,"[[ cyclic ref *1 ]]"]]
[{},[3.14,"[[ cyclic ref *1 ]]"]]
[{},[3.14,"[[ cyclic ref *1 ]]"]]
[{},[42,"[[ cyclic ref *1 ]]"]]
[{},[3.14,"[[ cyclic ref *1 ]]"]]
[{},["[[ cyclic ref *1 ]]"]]
[{},["[[ cyclic ref *1 ]]"]]
compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/phi-type-inference-array-push-consecutive-phis.js
+37
View File
@@ -0,0 +1,37 @@
import {makeArray} from 'shared-runtime';
function Component(props) {
const x = {};
let y;
if (props.cond) {
if (props.cond2) {
y = [props.value];
} else {
y = [props.value2];
}
} else {
y = [];
}
// This should be inferred as `<store> y` s.t. `x` can still
// be independently memoized. *But* this also must properly
// extend the mutable range of the array literals in the
// if/else branches
y.push(x);
return [x, y];
}
export const FIXTURE_ENTRYPOINT = {
fn: Component,
params: [{cond: true, cond2: true, value: 42}],
sequentialRenders: [
{cond: true, cond2: true, value: 3.14},
{cond: true, cond2: true, value: 42},
{cond: true, cond2: true, value: 3.14},
{cond: true, cond2: false, value2: 3.14},
{cond: true, cond2: false, value2: 42},
{cond: true, cond2: false, value2: 3.14},
{cond: false},
{cond: false},
],
};
compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/phi-type-inference-array-push.expect.md
+83
View File
@@ -0,0 +1,83 @@
## Input
```javascript
function Component(props) {
const x = {};
let y;
if (props.cond) {
y = [props.value];
} else {
y = [];
}
// This should be inferred as `<store> y` s.t. `x` can still
// be independently memoized. *But* this also must properly
// extend the mutable range of the array literals in the
// if/else branches
y.push(x);
return [x, y];
}
export const FIXTURE_ENTRYPOINT = {
fn: Component,
params: [{cond: true, value: 42}],
sequentialRenders: [
{cond: true, value: 3.14},
{cond: false, value: 3.14},
{cond: true, value: 42},
],
};
```
## Code
```javascript
import { c as _c } from "react/compiler-runtime";
function Component(props) {
const $ = _c(3);
let t0;
if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
t0 = {};
$[0] = t0;
} else {
t0 = $[0];
}
const x = t0;
let t1;
if ($[1] !== props) {
let y;
if (props.cond) {
y = [props.value];
} else {
y = [];
}
y.push(x);
t1 = [x, y];
$[1] = props;
$[2] = t1;
} else {
t1 = $[2];
}
return t1;
}
export const FIXTURE_ENTRYPOINT = {
fn: Component,
params: [{ cond: true, value: 42 }],
sequentialRenders: [
{ cond: true, value: 3.14 },
{ cond: false, value: 3.14 },
{ cond: true, value: 42 },
],
};
```
### Eval output
(kind: ok) [{},[3.14,"[[ cyclic ref *1 ]]"]]
[{},["[[ cyclic ref *1 ]]"]]
[{},[42,"[[ cyclic ref *1 ]]"]]
compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/phi-type-inference-array-push.js
+26
View File
@@ -0,0 +1,26 @@
function Component(props) {
const x = {};
let y;
if (props.cond) {
y = [props.value];
} else {
y = [];
}
// This should be inferred as `<store> y` s.t. `x` can still
// be independently memoized. *But* this also must properly
// extend the mutable range of the array literals in the
// if/else branches
y.push(x);
return [x, y];
}
export const FIXTURE_ENTRYPOINT = {
fn: Component,
params: [{cond: true, value: 42}],
sequentialRenders: [
{cond: true, value: 3.14},
{cond: false, value: 3.14},
{cond: true, value: 42},
],
};
compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/phi-type-inference-property-store.expect.md
+72
View File
@@ -0,0 +1,72 @@
## Input
```javascript
// @debug
function Component(props) {
const x = {};
let y;
if (props.cond) {
y = {};
} else {
y = {a: props.a};
}
// This should be inferred as `<store> y` s.t. `x` can still
// be independently memoized. *But* this also must properly
// extend the mutable range of the object literals in the
// if/else branches
y.x = x;
return [x, y];
}
export const FIXTURE_ENTRYPOINT = {
fn: Component,
params: [{cond: false, a: 'a!'}],
};
```
## Code
```javascript
import { c as _c } from "react/compiler-runtime"; // @debug
function Component(props) {
const $ = _c(3);
let t0;
if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
t0 = {};
$[0] = t0;
} else {
t0 = $[0];
}
const x = t0;
let t1;
if ($[1] !== props) {
let y;
if (props.cond) {
y = {};
} else {
y = { a: props.a };
}
y.x = x;
t1 = [x, y];
$[1] = props;
$[2] = t1;
} else {
t1 = $[2];
}
return t1;
}
export const FIXTURE_ENTRYPOINT = {
fn: Component,
params: [{ cond: false, a: "a!" }],
};
```
### Eval output
(kind: ok) [{},{"a":"a!","x":"[[ cyclic ref *1 ]]"}]
compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/phi-type-inference-property-store.js
+22
View File
@@ -0,0 +1,22 @@
// @debug
function Component(props) {
const x = {};
let y;
if (props.cond) {
y = {};
} else {
y = {a: props.a};
}
// This should be inferred as `<store> y` s.t. `x` can still
// be independently memoized. *But* this also must properly
// extend the mutable range of the object literals in the
// if/else branches
y.x = x;
return [x, y];
}
export const FIXTURE_ENTRYPOINT = {
fn: Component,
params: [{cond: false, a: 'a!'}],
};
compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/reactive-dependencies-non-optional-properties-inside-optional-chain.expect.md
+31
View File
@@ -0,0 +1,31 @@
## Input
```javascript
function Component(props) {
return props.post.feedback.comments?.edges?.map(render);
}
```
## Code
```javascript
import { c as _c } from "react/compiler-runtime";
function Component(props) {
const $ = _c(2);
let t0;
if ($[0] !== props.post.feedback.comments) {
t0 = props.post.feedback.comments?.edges?.map(render);
$[0] = props.post.feedback.comments;
$[1] = t0;
} else {
t0 = $[1];
}
return t0;
}
```
### Eval output
(kind: exception) Fixture not implemented
compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/reactive-dependencies-non-optional-properties-inside-optional-chain.js
+3
View File
@@ -0,0 +1,3 @@
function Component(props) {
return props.post.feedback.comments?.edges?.map(render);
}
compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/ssa-renaming-unconditional-with-mutation.expect.md
+79
View File
@@ -0,0 +1,79 @@
## Input
```javascript
import {mutate} from 'shared-runtime';
function useFoo(props) {
let x = [];
x.push(props.bar);
if (props.cond) {
x = {};
x = [];
x.push(props.foo);
} else {
x = [];
x = [];
x.push(props.bar);
}
mutate(x);
return x;
}
export const FIXTURE_ENTRYPOINT = {
fn: useFoo,
params: [{bar: 'bar', foo: 'foo', cond: true}],
sequentialRenders: [
{bar: 'bar', foo: 'foo', cond: true},
{bar: 'bar', foo: 'foo', cond: true},
{bar: 'bar', foo: 'foo', cond: false},
],
};
```
## Code
```javascript
import { c as _c } from "react/compiler-runtime";
import { mutate } from "shared-runtime";
function useFoo(props) {
const $ = _c(2);
let x;
if ($[0] !== props) {
x = [];
x.push(props.bar);
if (props.cond) {
x = [];
x.push(props.foo);
} else {
x = [];
x.push(props.bar);
}
mutate(x);
$[0] = props;
$[1] = x;
} else {
x = $[1];
}
return x;
}
export const FIXTURE_ENTRYPOINT = {
fn: useFoo,
params: [{ bar: "bar", foo: "foo", cond: true }],
sequentialRenders: [
{ bar: "bar", foo: "foo", cond: true },
{ bar: "bar", foo: "foo", cond: true },
{ bar: "bar", foo: "foo", cond: false },
],
};
```
### Eval output
(kind: ok) ["foo","joe"]
["foo","joe"]
["bar","joe"]
compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/propagate-scope-deps-hir-fork/ssa-renaming-unconditional-with-mutation.js
+27
View File
@@ -0,0 +1,27 @@
import {mutate} from 'shared-runtime';
function useFoo(props) {
let x = [];
x.push(props.bar);
if (props.cond) {
x = {};
x = [];
x.push(props.foo);
} else {
x = [];
x = [];
x.push(props.bar);
}
mutate(x);
return x;
}
export const FIXTURE_ENTRYPOINT = {
fn: useFoo,
params: [{bar: 'bar', foo: 'foo', cond: true}],
sequentialRenders: [
{bar: 'bar', foo: 'foo', cond: true},
{bar: 'bar', foo: 'foo', cond: true},
{bar: 'bar', foo: 'foo', cond: false},
],
};
compiler/packages/snap/src/SproutTodoFilter.ts
+1
View File
@@ -50,6 +50,7 @@ const skipFilter = new Set([
'component',
'cond-deps-conditional-member-expr',
'conditional-break-labeled',
'propagate-scope-deps-hir-fork/conditional-break-labeled',
'conditional-set-state-in-render',
'constant-computed',
'constant-propagation-phi',