{"body":"Implements support for use: \n\n* Teaches InferReactivePlaces to treat use() result as reactive \n\n* Teaches FlattenScopesWithHooks to also flatten scopes with use() \n\nHandles both `use()` and `React.use()`.","commit":{"shortRevision":"8b9edafa95","authorEmail":"joesavona@fb.com","authorName":"Joe Savona","authoredAt":"2024-04-02T11:28:01-07:00","revision":"8b9edafa95f5657cbccb11e4c226abd7953df8f0","subject":"Support use operator"},"files":[{"status":"M","path":"compiler\/packages\/babel-plugin-react-forget\/src\/Entrypoint\/Pipeline.ts"},{"status":"M","path":"compiler\/packages\/babel-plugin-react-forget\/src\/HIR\/Environment.ts"},{"status":"M","path":"compiler\/packages\/babel-plugin-react-forget\/src\/HIR\/Globals.ts"},{"status":"M","path":"compiler\/packages\/babel-plugin-react-forget\/src\/HIR\/HIR.ts"},{"status":"M","path":"compiler\/packages\/babel-plugin-react-forget\/src\/HIR\/ObjectShape.ts"},{"status":"M","path":"compiler\/packages\/babel-plugin-react-forget\/src\/Inference\/InferReactivePlaces.ts"},{"previousPath":"compiler\/packages\/babel-plugin-react-forget\/src\/ReactiveScopes\/FlattenScopesWithHooks.ts","status":"R054","path":"compiler\/packages\/babel-plugin-react-forget\/src\/ReactiveScopes\/FlattenScopesWithHooksOrUse.ts"},{"status":"M","path":"compiler\/packages\/babel-plugin-react-forget\/src\/ReactiveScopes\/index.ts"},{"status":"A","path":"compiler\/packages\/babel-plugin-react-forget\/src\/__tests__\/fixtures\/compiler\/use-operator-call-expression.expect.md"},{"status":"A","path":"compiler\/packages\/babel-plugin-react-forget\/src\/__tests__\/fixtures\/compiler\/use-operator-call-expression.js"},{"status":"A","path":"compiler\/packages\/babel-plugin-react-forget\/src\/__tests__\/fixtures\/compiler\/use-operator-method-call.expect.md"},{"status":"A","path":"compiler\/packages\/babel-plugin-react-forget\/src\/__tests__\/fixtures\/compiler\/use-operator-method-call.js"}],"parents":["e61f9832643ee988a75a49dbf11bc3a52ae3d708"],"patch":"diff --git a\/compiler\/packages\/babel-plugin-react-forget\/src\/Entrypoint\/Pipeline.ts b\/compiler\/packages\/babel-plugin-react-forget\/src\/Entrypoint\/Pipeline.ts\nindex 4d007fa36b..d596132be7 100644\n--- a\/compiler\/packages\/babel-plugin-react-forget\/src\/Entrypoint\/Pipeline.ts\n+++ b\/compiler\/packages\/babel-plugin-react-forget\/src\/Entrypoint\/Pipeline.ts\n@@ -47,7 +47,7 @@ import {\n codegenFunction,\n extractScopeDeclarationsFromDestructuring,\n flattenReactiveLoops,\n- flattenScopesWithHooks,\n+ flattenScopesWithHooksOrUse,\n inferReactiveScopeVariables,\n memoizeFbtOperandsInSameScope,\n mergeOverlappingReactiveScopes,\n@@ -277,7 +277,7 @@ function* runWithEnvironment(\n \n assertScopeInstructionsWithinScopes(reactiveFunction);\n \n- flattenScopesWithHooks(reactiveFunction);\n+ flattenScopesWithHooksOrUse(reactiveFunction);\n yield log({\n kind: \"reactive\",\n name: \"FlattenScopesWithHooks\",\ndiff --git a\/compiler\/packages\/babel-plugin-react-forget\/src\/HIR\/Environment.ts b\/compiler\/packages\/babel-plugin-react-forget\/src\/HIR\/Environment.ts\nindex bd62aa2c1d..bbf6ae8666 100644\n--- a\/compiler\/packages\/babel-plugin-react-forget\/src\/HIR\/Environment.ts\n+++ b\/compiler\/packages\/babel-plugin-react-forget\/src\/HIR\/Environment.ts\n@@ -572,11 +572,6 @@ export class Environment {\n \n \/\/ From https:\/\/github.com\/facebook\/react\/blob\/main\/packages\/eslint-plugin-react-hooks\/src\/RulesOfHooks.js#LL18C1-L23C2\n export function isHookName(name: string): boolean {\n- \/*\n- * if (__EXPERIMENTAL__) {\n- * return name === 'use' || \/^use[A-Z0-9]\/.test(name);\n- * }\n- *\/\n return \/^use[A-Z0-9]\/.test(name);\n }\n \ndiff --git a\/compiler\/packages\/babel-plugin-react-forget\/src\/HIR\/Globals.ts b\/compiler\/packages\/babel-plugin-react-forget\/src\/HIR\/Globals.ts\nindex 605c362a02..49156370d0 100644\n--- a\/compiler\/packages\/babel-plugin-react-forget\/src\/HIR\/Globals.ts\n+++ b\/compiler\/packages\/babel-plugin-react-forget\/src\/HIR\/Globals.ts\n@@ -12,6 +12,7 @@ import {\n BuiltInUseEffectHookId,\n BuiltInUseInsertionEffectHookId,\n BuiltInUseLayoutEffectHookId,\n+ BuiltInUseOperatorId,\n BuiltInUseRefId,\n BuiltInUseStateId,\n ShapeRegistry,\n@@ -239,7 +240,7 @@ const TYPED_GLOBALS: Array<[string, BuiltInType]> = [\n * now that FeatureFlag `enableTreatHooksAsFunctions` is removed we can\n * use positional params too (?)\n *\/\n-const BUILTIN_HOOKS: Array<[string, BuiltInType]> = [\n+const REACT_APIS: Array<[string, BuiltInType]> = [\n [\n \"useContext\",\n addHook(DEFAULT_SHAPES, {\n@@ -342,13 +343,28 @@ const BUILTIN_HOOKS: Array<[string, BuiltInType]> = [\n BuiltInUseInsertionEffectHookId\n ),\n ],\n+ [\n+ \"use\",\n+ addFunction(\n+ DEFAULT_SHAPES,\n+ [],\n+ {\n+ positionalParams: [],\n+ restParam: Effect.Freeze,\n+ returnType: { kind: \"Poly\" },\n+ calleeEffect: Effect.Read,\n+ returnValueKind: ValueKind.Frozen,\n+ },\n+ BuiltInUseOperatorId\n+ ),\n+ ],\n ];\n \n TYPED_GLOBALS.push(\n [\n \"React\",\n addObject(DEFAULT_SHAPES, null, [\n- ...BUILTIN_HOOKS,\n+ ...REACT_APIS,\n [\n \"createElement\",\n addFunction(DEFAULT_SHAPES, [], {\n@@ -395,7 +411,7 @@ TYPED_GLOBALS.push(\n \n export type Global = BuiltInType | PolyType;\n export type GlobalRegistry = Map;\n-export const DEFAULT_GLOBALS: GlobalRegistry = new Map(BUILTIN_HOOKS);\n+export const DEFAULT_GLOBALS: GlobalRegistry = new Map(REACT_APIS);\n \n \/\/ Hack until we add ObjectShapes for all globals\n for (const name of UNTYPED_GLOBALS) {\ndiff --git a\/compiler\/packages\/babel-plugin-react-forget\/src\/HIR\/HIR.ts b\/compiler\/packages\/babel-plugin-react-forget\/src\/HIR\/HIR.ts\nindex 007ddfe6e4..f3cfb374ef 100644\n--- a\/compiler\/packages\/babel-plugin-react-forget\/src\/HIR\/HIR.ts\n+++ b\/compiler\/packages\/babel-plugin-react-forget\/src\/HIR\/HIR.ts\n@@ -1416,6 +1416,12 @@ export function getHookKind(env: Environment, id: Identifier): HookKind | null {\n return getHookKindForType(env, id.type);\n }\n \n+export function isUseOperator(id: Identifier): boolean {\n+ return (\n+ id.type.kind === \"Function\" && id.type.shapeId === \"BuiltInUseOperator\"\n+ );\n+}\n+\n export function getHookKindForType(\n env: Environment,\n type: Type\ndiff --git a\/compiler\/packages\/babel-plugin-react-forget\/src\/HIR\/ObjectShape.ts b\/compiler\/packages\/babel-plugin-react-forget\/src\/HIR\/ObjectShape.ts\nindex 880c687120..2bb7192977 100644\n--- a\/compiler\/packages\/babel-plugin-react-forget\/src\/HIR\/ObjectShape.ts\n+++ b\/compiler\/packages\/babel-plugin-react-forget\/src\/HIR\/ObjectShape.ts\n@@ -197,6 +197,7 @@ export const BuiltInMixedReadonlyId = \"BuiltInMixedReadonly\";\n export const BuiltInUseEffectHookId = \"BuiltInUseEffectHook\";\n export const BuiltInUseLayoutEffectHookId = \"BuiltInUseLayoutEffectHook\";\n export const BuiltInUseInsertionEffectHookId = \"BuiltInUseInsertionEffectHook\";\n+export const BuiltInUseOperatorId = \"BuiltInUseOperator\";\n \n \/\/ ShapeRegistry with default definitions for built-ins.\n export const BUILTIN_SHAPES: ShapeRegistry = new Map();\ndiff --git a\/compiler\/packages\/babel-plugin-react-forget\/src\/Inference\/InferReactivePlaces.ts b\/compiler\/packages\/babel-plugin-react-forget\/src\/Inference\/InferReactivePlaces.ts\nindex e8e972be4a..68037b63c7 100644\n--- a\/compiler\/packages\/babel-plugin-react-forget\/src\/Inference\/InferReactivePlaces.ts\n+++ b\/compiler\/packages\/babel-plugin-react-forget\/src\/Inference\/InferReactivePlaces.ts\n@@ -16,6 +16,7 @@ import {\n computePostDominatorTree,\n getHookKind,\n isSetStateType,\n+ isUseOperator,\n } from \"..\/HIR\";\n import { PostDominator } from \"..\/HIR\/Dominator\";\n import {\n@@ -195,18 +196,23 @@ export function inferReactivePlaces(fn: HIRFunction): void {\n hasReactiveInput ||= reactive;\n }\n \n- \/*\n- * Hooks may always return a reactive variable, even if their inputs are\n- * non-reactive, because they can access state or context.\n+ \/**\n+ * Hooks and the 'use' operator are sources of reactivity because\n+ * they can access state (for hooks) or context (for hooks\/use).\n+ *\n+ * Technically, `use` could be used to await a non-reactive promise,\n+ * but we are conservative and assume that the value could be reactive.\n *\/\n if (\n value.kind === \"CallExpression\" &&\n- getHookKind(fn.env, value.callee.identifier) != null\n+ (getHookKind(fn.env, value.callee.identifier) != null ||\n+ isUseOperator(value.callee.identifier))\n ) {\n hasReactiveInput = true;\n } else if (\n value.kind === \"MethodCall\" &&\n- getHookKind(fn.env, value.property.identifier) != null\n+ (getHookKind(fn.env, value.property.identifier) != null ||\n+ isUseOperator(value.property.identifier))\n ) {\n hasReactiveInput = true;\n }\ndiff --git a\/compiler\/packages\/babel-plugin-react-forget\/src\/ReactiveScopes\/FlattenScopesWithHooks.ts b\/compiler\/packages\/babel-plugin-react-forget\/src\/ReactiveScopes\/FlattenScopesWithHooksOrUse.ts\nsimilarity index 54%\nrename from compiler\/packages\/babel-plugin-react-forget\/src\/ReactiveScopes\/FlattenScopesWithHooks.ts\nrename to compiler\/packages\/babel-plugin-react-forget\/src\/ReactiveScopes\/FlattenScopesWithHooksOrUse.ts\nindex 53ade5b2f7..5d95f4a009 100644\n--- a\/compiler\/packages\/babel-plugin-react-forget\/src\/ReactiveScopes\/FlattenScopesWithHooks.ts\n+++ b\/compiler\/packages\/babel-plugin-react-forget\/src\/ReactiveScopes\/FlattenScopesWithHooksOrUse.ts\n@@ -13,6 +13,7 @@ import {\n ReactiveStatement,\n ReactiveValue,\n getHookKind,\n+ isUseOperator,\n } from \"..\/HIR\";\n import {\n ReactiveFunctionTransform,\n@@ -20,18 +21,28 @@ import {\n visitReactiveFunction,\n } from \".\/visitors\";\n \n-\/*\n- * Most parts of compilation do not treat hooks specially, because there is no guarantee that custom\n- * hooks obey any particular contract. For example, we can't assume that custom hooks won't modify\n- * their arguments, and we can't assume that hooks return immutable or memoized values. Therefore\n- * earlier passes largely ignore hooks, and may end up creating reactive scopes that contain hook calls.\n+\/**\n+ * For simplicity the majority of compiler passes do not treat hooks specially. However, hooks are different\n+ * from regular functions in two key ways:\n+ * - They can introduce reactivity even when their arguments are non-reactive (accounted for in InferReactivePlaces)\n+ * - They cannot be called conditionally\n+ *\n+ * The `use` operator is similar:\n+ * - It can access context, and therefore introduce reactivity\n+ * - It can be called conditionally, but _it must be called if the component needs the return value_. This is because\n+ * React uses the fact that use was called to remember that the component needs the value, and that changes to the\n+ * input should invalidate the component itself.\n+ *\n+ * This pass accounts for the \"can't call conditionally\" aspect of both hooks and use. Though the reasoning is slightly\n+ * different for reach, the result is that we can't memoize scopes that call hooks or use since this would make them\n+ * called conditionally in the output.\n *\n- * This pass then finds and removes any scopes that transitively contain a hook call. By running all\n+ * The pass finds and removes any scopes that transitively contain a hook or use call. By running all\n * the reactive scope inference first, agnostic of hooks, we know that the reactive scopes accurately\n * describe the set of values which \"construct together\", and remove _all_ that memoization in order\n * to ensure the hook call does not inadvertently become conditional.\n *\/\n-export function flattenScopesWithHooks(fn: ReactiveFunction): void {\n+export function flattenScopesWithHooksOrUse(fn: ReactiveFunction): void {\n visitReactiveFunction(fn, new Transform(), {\n env: fn.env,\n hasHook: false,\n@@ -69,13 +80,19 @@ class Transform extends ReactiveFunctionTransform {\n this.traverseValue(id, value, state);\n switch (value.kind) {\n case \"CallExpression\": {\n- if (getHookKind(state.env, value.callee.identifier) != null) {\n+ if (\n+ getHookKind(state.env, value.callee.identifier) != null ||\n+ isUseOperator(value.callee.identifier)\n+ ) {\n state.hasHook = true;\n }\n break;\n }\n case \"MethodCall\": {\n- if (getHookKind(state.env, value.property.identifier) != null) {\n+ if (\n+ getHookKind(state.env, value.property.identifier) != null ||\n+ isUseOperator(value.property.identifier)\n+ ) {\n state.hasHook = true;\n }\n break;\ndiff --git a\/compiler\/packages\/babel-plugin-react-forget\/src\/ReactiveScopes\/index.ts b\/compiler\/packages\/babel-plugin-react-forget\/src\/ReactiveScopes\/index.ts\nindex 236839a5c3..81a4a5b92f 100644\n--- a\/compiler\/packages\/babel-plugin-react-forget\/src\/ReactiveScopes\/index.ts\n+++ b\/compiler\/packages\/babel-plugin-react-forget\/src\/ReactiveScopes\/index.ts\n@@ -16,7 +16,7 @@ export {\n } from \".\/CodegenReactiveFunction\";\n export { extractScopeDeclarationsFromDestructuring } from \".\/ExtractScopeDeclarationsFromDestructuring\";\n export { flattenReactiveLoops } from \".\/FlattenReactiveLoops\";\n-export { flattenScopesWithHooks } from \".\/FlattenScopesWithHooks\";\n+export { flattenScopesWithHooksOrUse } from \".\/FlattenScopesWithHooksOrUse\";\n export { inferReactiveScopeVariables } from \".\/InferReactiveScopeVariables\";\n export { memoizeFbtOperandsInSameScope } from \".\/MemoizeFbtOperandsInSameScope\";\n export { mergeOverlappingReactiveScopes } from \".\/MergeOverlappingReactiveScopes\";\ndiff --git a\/compiler\/packages\/babel-plugin-react-forget\/src\/__tests__\/fixtures\/compiler\/use-operator-call-expression.expect.md b\/compiler\/packages\/babel-plugin-react-forget\/src\/__tests__\/fixtures\/compiler\/use-operator-call-expression.expect.md\nnew file mode 100644\nindex 0000000000..7bc36d7c9b\n--- \/dev\/null\n+++ b\/compiler\/packages\/babel-plugin-react-forget\/src\/__tests__\/fixtures\/compiler\/use-operator-call-expression.expect.md\n@@ -0,0 +1,129 @@\n+\n+## Input\n+\n+```javascript\n+import { ValidateMemoization } from \"shared-runtime\";\n+import { use, useMemo } from \"react\";\n+\n+const FooContext = React.createContext(null);\n+function Component(props) {\n+ return (\n+ \n+ \n+ <\/FooContext.Provider>\n+ );\n+}\n+\n+function Inner(props) {\n+ const input = use(FooContext);\n+ const output = useMemo(() => [input], [input]);\n+ return ;\n+}\n+\n+export const FIXTURE_ENTRYPOINT = {\n+ fn: Component,\n+ params: [{ value: 42 }],\n+ sequentialRenders: [\n+ { value: null },\n+ { value: 42 },\n+ { value: 42 },\n+ { value: null },\n+ { value: null },\n+ { value: 42 },\n+ { value: null },\n+ { value: 42 },\n+ { value: null },\n+ ],\n+};\n+\n+```\n+\n+## Code\n+\n+```javascript\n+import { ValidateMemoization } from \"shared-runtime\";\n+import { use, useMemo, unstable_useMemoCache as useMemoCache } from \"react\";\n+\n+const FooContext = React.createContext(null);\n+function Component(props) {\n+ const $ = useMemoCache(3);\n+ let t0;\n+ if ($[0] === Symbol.for(\"react.memo_cache_sentinel\")) {\n+ t0 = ;\n+ $[0] = t0;\n+ } else {\n+ t0 = $[0];\n+ }\n+ let t1;\n+ if ($[1] !== props.value) {\n+ t1 = {t0}<\/FooContext.Provider>;\n+ $[1] = props.value;\n+ $[2] = t1;\n+ } else {\n+ t1 = $[2];\n+ }\n+ return t1;\n+}\n+\n+function Inner(props) {\n+ const $ = useMemoCache(7);\n+ const input = use(FooContext);\n+ let t0;\n+ let t1;\n+ if ($[0] !== input) {\n+ t1 = [input];\n+ $[0] = input;\n+ $[1] = t1;\n+ } else {\n+ t1 = $[1];\n+ }\n+ t0 = t1;\n+ const output = t0;\n+ let t2;\n+ if ($[2] !== input) {\n+ t2 = [input];\n+ $[2] = input;\n+ $[3] = t2;\n+ } else {\n+ t2 = $[3];\n+ }\n+ let t3;\n+ if ($[4] !== t2 || $[5] !== output) {\n+ t3 = ;\n+ $[4] = t2;\n+ $[5] = output;\n+ $[6] = t3;\n+ } else {\n+ t3 = $[6];\n+ }\n+ return t3;\n+}\n+\n+export const FIXTURE_ENTRYPOINT = {\n+ fn: Component,\n+ params: [{ value: 42 }],\n+ sequentialRenders: [\n+ { value: null },\n+ { value: 42 },\n+ { value: 42 },\n+ { value: null },\n+ { value: null },\n+ { value: 42 },\n+ { value: null },\n+ { value: 42 },\n+ { value: null },\n+ ],\n+};\n+\n+```\n+ \n+### Eval output\n+(kind: ok)

{\"inputs\":[null],\"output\":[\"[[ cyclic ref *2 ]]\"]}<\/div>\n+

{\"inputs\":[42],\"output\":[42]}<\/div>\n+

{\"inputs\":[null],\"output\":[\"[[ cyclic ref *2 ]]\"]}<\/div>\n+

{\"inputs\":[42],\"output\":[42]}<\/div>\n+

{\"inputs\":[null],\"output\":[\"[[ cyclic ref *2 ]]\"]}<\/div>\n+

{\"inputs\":[42],\"output\":[42]}<\/div>\n+

{\"inputs\":[null],\"output\":[\"[[ cyclic ref *2 ]]\"]}<\/div>\n\\ No newline at end of file\ndiff --git a\/compiler\/packages\/babel-plugin-react-forget\/src\/__tests__\/fixtures\/compiler\/use-operator-call-expression.js b\/compiler\/packages\/babel-plugin-react-forget\/src\/__tests__\/fixtures\/compiler\/use-operator-call-expression.js\nnew file mode 100644\nindex 0000000000..f45356969e\n--- \/dev\/null\n+++ b\/compiler\/packages\/babel-plugin-react-forget\/src\/__tests__\/fixtures\/compiler\/use-operator-call-expression.js\n@@ -0,0 +1,33 @@\n+import { ValidateMemoization } from \"shared-runtime\";\n+import { use, useMemo } from \"react\";\n+\n+const FooContext = React.createContext(null);\n+function Component(props) {\n+ return (\n+ \n+ \n+ <\/FooContext.Provider>\n+ );\n+}\n+\n+function Inner(props) {\n+ const input = use(FooContext);\n+ const output = useMemo(() => [input], [input]);\n+ return ;\n+}\n+\n+export const FIXTURE_ENTRYPOINT = {\n+ fn: Component,\n+ params: [{ value: 42 }],\n+ sequentialRenders: [\n+ { value: null },\n+ { value: 42 },\n+ { value: 42 },\n+ { value: null },\n+ { value: null },\n+ { value: 42 },\n+ { value: null },\n+ { value: 42 },\n+ { value: null },\n+ ],\n+};\ndiff --git a\/compiler\/packages\/babel-plugin-react-forget\/src\/__tests__\/fixtures\/compiler\/use-operator-method-call.expect.md b\/compiler\/packages\/babel-plugin-react-forget\/src\/__tests__\/fixtures\/compiler\/use-operator-method-call.expect.md\nnew file mode 100644\nindex 0000000000..5edd68fa39\n--- \/dev\/null\n+++ b\/compiler\/packages\/babel-plugin-react-forget\/src\/__tests__\/fixtures\/compiler\/use-operator-method-call.expect.md\n@@ -0,0 +1,131 @@\n+\n+## Input\n+\n+```javascript\n+import { ValidateMemoization } from \"shared-runtime\";\n+import { useMemo } from \"react\";\n+import * as React from \"react\";\n+\n+const FooContext = React.createContext(null);\n+function Component(props) {\n+ return (\n+ \n+ \n+ <\/FooContext.Provider>\n+ );\n+}\n+\n+function Inner(props) {\n+ const input = React.use(FooContext);\n+ const output = useMemo(() => [input], [input]);\n+ return ;\n+}\n+\n+export const FIXTURE_ENTRYPOINT = {\n+ fn: Component,\n+ params: [{ value: 42 }],\n+ sequentialRenders: [\n+ { value: null },\n+ { value: 42 },\n+ { value: 42 },\n+ { value: null },\n+ { value: null },\n+ { value: 42 },\n+ { value: null },\n+ { value: 42 },\n+ { value: null },\n+ ],\n+};\n+\n+```\n+\n+## Code\n+\n+```javascript\n+import { ValidateMemoization } from \"shared-runtime\";\n+import { useMemo, unstable_useMemoCache as useMemoCache } from \"react\";\n+import * as React from \"react\";\n+\n+const FooContext = React.createContext(null);\n+function Component(props) {\n+ const $ = useMemoCache(3);\n+ let t0;\n+ if ($[0] === Symbol.for(\"react.memo_cache_sentinel\")) {\n+ t0 = ;\n+ $[0] = t0;\n+ } else {\n+ t0 = $[0];\n+ }\n+ let t1;\n+ if ($[1] !== props.value) {\n+ t1 = {t0}<\/FooContext.Provider>;\n+ $[1] = props.value;\n+ $[2] = t1;\n+ } else {\n+ t1 = $[2];\n+ }\n+ return t1;\n+}\n+\n+function Inner(props) {\n+ const $ = useMemoCache(7);\n+ const input = React.use(FooContext);\n+ let t0;\n+ let t1;\n+ if ($[0] !== input) {\n+ t1 = [input];\n+ $[0] = input;\n+ $[1] = t1;\n+ } else {\n+ t1 = $[1];\n+ }\n+ t0 = t1;\n+ const output = t0;\n+ let t2;\n+ if ($[2] !== input) {\n+ t2 = [input];\n+ $[2] = input;\n+ $[3] = t2;\n+ } else {\n+ t2 = $[3];\n+ }\n+ let t3;\n+ if ($[4] !== t2 || $[5] !== output) {\n+ t3 = ;\n+ $[4] = t2;\n+ $[5] = output;\n+ $[6] = t3;\n+ } else {\n+ t3 = $[6];\n+ }\n+ return t3;\n+}\n+\n+export const FIXTURE_ENTRYPOINT = {\n+ fn: Component,\n+ params: [{ value: 42 }],\n+ sequentialRenders: [\n+ { value: null },\n+ { value: 42 },\n+ { value: 42 },\n+ { value: null },\n+ { value: null },\n+ { value: 42 },\n+ { value: null },\n+ { value: 42 },\n+ { value: null },\n+ ],\n+};\n+\n+```\n+ \n+### Eval output\n+(kind: ok)

{\"inputs\":[null],\"output\":[\"[[ cyclic ref *2 ]]\"]}<\/div>\n+

{\"inputs\":[42],\"output\":[42]}<\/div>\n+

{\"inputs\":[null],\"output\":[\"[[ cyclic ref *2 ]]\"]}<\/div>\n+

{\"inputs\":[42],\"output\":[42]}<\/div>\n+

{\"inputs\":[null],\"output\":[\"[[ cyclic ref *2 ]]\"]}<\/div>\n+

{\"inputs\":[42],\"output\":[42]}<\/div>\n+

dillon1000/react

Files changed