Update babel plugin to use runtime from react/compiler-runtime (#2918)

This uses the compiler runtime from `react/compiler-runtime` by default unless `compilerRuntime` is specifified in the Babel options which then imports the runtime from there. The `useMemoCache` hook is now named `c` in accordance with https://github.com/facebook/react/commit/4508873393058e86bed308b56e49ec883ece59d1

Unfortunately, I couldn't figure out how to import `react@beta` which already has that import as various react verstions were conflicting. If someone can figure this out it'd be fantastic. As a result, I had to update the default for the test runner to default the `compilerRuntime` option to `react` to preserve the previous behavior to import from `react`. Once upgraded to React 19, we should be able to remove that override.
This commit is contained in:
Jan Kassens
2024-05-01 13:53:44 -04:00
parent 85e6e9b469
commit ebe58ee619
745 changed files with 796 additions and 877 deletions
+1 -1
View File
@@ -18,7 +18,7 @@ module.exports = function (api) {
{
compilationMode: "infer",
panicThreshold: "NONE",
enableUseMemoCachePolyfill: true,
runtimeModule: "react-forget-runtime",
},
],
],
@@ -12,5 +12,5 @@ const React = require("react");
* As a result, our e2e transpiled code does not contain an import for `useMemoCache`
* This is a hack.
*/
React.useMemoCache = React.unstable_useMemoCache;
React.c = React.unstable_useMemoCache;
globalThis.useMemoCache = React.unstable_useMemoCache;
@@ -61,14 +61,15 @@ export function addImportsToProgram(
}
/*
* Matches `import { ... } from 'react';`
* but not `import * as React from 'react';`
* Matches `import { ... } from <moduleName>;`
* but not `import * as React from <moduleName>;`
*/
export function isNonNamespacedImportOfReact(
importDeclPath: NodePath<t.ImportDeclaration>
function isNonNamespacedImport(
importDeclPath: NodePath<t.ImportDeclaration>,
moduleName: string
): boolean {
return (
importDeclPath.get("source").node.value === "react" &&
importDeclPath.get("source").node.value === moduleName &&
importDeclPath
.get("specifiers")
.every((specifier) => specifier.isImportSpecifier()) &&
@@ -77,12 +78,15 @@ export function isNonNamespacedImportOfReact(
);
}
export function findExistingImports(program: NodePath<t.Program>): {
function findExistingImports(
program: NodePath<t.Program>,
moduleName: string
): {
didInsertUseMemoCache: boolean;
hasExistingReactImport: boolean;
hasExistingImport: boolean;
} {
let didInsertUseMemoCache = false;
let hasExistingReactImport = false;
let hasExistingImport = false;
program.traverse({
CallExpression(callExprPath) {
const callee = callExprPath.get("callee");
@@ -97,38 +101,36 @@ export function findExistingImports(program: NodePath<t.Program>): {
}
},
ImportDeclaration(importDeclPath) {
if (isNonNamespacedImportOfReact(importDeclPath)) {
hasExistingReactImport = true;
if (isNonNamespacedImport(importDeclPath, moduleName)) {
hasExistingImport = true;
}
},
});
return {
didInsertUseMemoCache,
hasExistingReactImport,
hasExistingImport,
};
}
/*
* If an existing import of React exists (ie `import {useMemo} from 'React'`), inject useMemoCache
* If an existing import of React exists (ie `import {useMemo} from 'react'`), inject useMemoCache
* into the list of destructured variables.
*/
export function updateExistingReactImportDeclaration(
program: NodePath<t.Program>
function updateExistingImportDeclaration(
program: NodePath<t.Program>,
moduleName: string
): boolean {
let didInsertUseMemoCache = false;
program.traverse({
ImportDeclaration(importDeclPath) {
if (
!didInsertUseMemoCache &&
isNonNamespacedImportOfReact(importDeclPath)
isNonNamespacedImport(importDeclPath, moduleName)
) {
importDeclPath.pushContainer(
"specifiers",
t.importSpecifier(
t.identifier("useMemoCache"),
t.identifier("unstable_useMemoCache")
)
t.importSpecifier(t.identifier("useMemoCache"), t.identifier("c"))
);
didInsertUseMemoCache = true;
}
@@ -141,37 +143,33 @@ export function updateUseMemoCacheImport(
program: NodePath<t.Program>,
options: PluginOptions
): void {
const moduleName = options.runtimeModule ?? "react/compiler-runtime";
/*
* If there isn't already an import of * as React, insert it so useMemoCache doesn't
* throw
*/
const { didInsertUseMemoCache, hasExistingReactImport } =
findExistingImports(program);
const { didInsertUseMemoCache, hasExistingImport } = findExistingImports(
program,
moduleName
);
// unstable_useMemoCache wasn't already imported, nothing to do
if (!didInsertUseMemoCache) {
// useMemoCache was not generated, nothing to do
return;
}
if (options.enableUseMemoCachePolyfill === false) {
/*
* If Forget did successfully compile inject/update an import of
* `import {unstable_useMemoCache as useMemoCache} from 'react'` and rename
* `React.unstable_useMemoCache(n)` to `useMemoCache(n)`;
*/
if (hasExistingReactImport) {
const didUpdateImport = updateExistingReactImportDeclaration(program);
if (didUpdateImport === false) {
throw new Error(
"Expected an ImportDeclaration of react in order to update ImportSpecifiers with useMemoCache"
);
}
} else {
addUseMemoCacheImportDeclaration(program, "react");
if (hasExistingImport) {
const didUpdateImport = updateExistingImportDeclaration(
program,
moduleName
);
if (!didUpdateImport) {
throw new Error(
`Expected an ImportDeclaration of \`${moduleName}\` in order to update ImportSpecifiers with useMemoCache`
);
}
} else {
// import useMemoCache from userspace module
addUseMemoCacheImportDeclaration(program, "react-forget-runtime");
addUseMemoCacheImportDeclaration(program, moduleName);
}
}
@@ -182,12 +180,7 @@ function addUseMemoCacheImportDeclaration(
program.unshiftContainer(
"body",
t.importDeclaration(
[
t.importSpecifier(
t.identifier("useMemoCache"),
t.identifier("unstable_useMemoCache")
),
],
[t.importSpecifier(t.identifier("useMemoCache"), t.identifier("c"))],
t.stringLiteral(moduleName)
)
);
@@ -83,15 +83,15 @@ export type PluginOptions = {
compilationMode: CompilationMode;
/*
* If enabled, Forget will import `useMemoCache` from a polyfill instead of React. Use this if
* you are for whatever reason unable to use an experimental version of React.
* If enabled, Forget will import `useMemoCache` from the given module
* instead of `react/compiler-runtime`.
*
* ```
* // If specified:
* import {unstable_useMemoCache} from 'react-forget-runtime';
* // If set to "react-forget-runtime"
* import {c as useMemoCache} from 'react-forget-runtime';
* ```
*/
enableUseMemoCachePolyfill: boolean;
runtimeModule?: string | null | undefined;
/**
* By default React Compiler will skip compilation of code that suppresses the default
@@ -181,7 +181,7 @@ export const defaultOptions: PluginOptions = {
logger: null,
gating: null,
noEmit: false,
enableUseMemoCachePolyfill: false,
runtimeModule: null,
eslintSuppressionRules: null,
flowSuppressions: false,
ignoreUseNoForget: false,
@@ -426,7 +426,7 @@ export function compileProgram(
}
}
// Forget compiled the component, we need to update existing imports of unstable_useMemoCache
// Forget compiled the component, we need to update existing imports of useMemoCache
if (compiledFns.length > 0) {
updateUseMemoCacheImport(program, options);
addImportsToProgram(program, externalFunctions);
@@ -508,10 +508,7 @@ function hasUseMemoCacheCall(
let hasUseMemoCache = false;
fn.traverse({
Identifier(path) {
if (
path.node.name === "useMemoCache" ||
path.node.name === "unstable_useMemoCache"
) {
if (path.node.name === "useMemoCache") {
hasUseMemoCache = true;
}
},
@@ -27,7 +27,7 @@ export const FIXTURE_ENTRYPOINT = {
## Code
```javascript
import { unstable_useMemoCache as useMemoCache } from "react";
import { c as useMemoCache } from "react";
import { makeObject_Primitives, mutate } from "shared-runtime";
function Component() {
@@ -18,7 +18,7 @@ function Component() {
## Code
```javascript
import { unstable_useMemoCache as useMemoCache } from "react";
import { c as useMemoCache } from "react";
function Component() {
const $ = useMemoCache(2);
let t0;
@@ -16,7 +16,7 @@ function component(a) {
## Code
```javascript
import { unstable_useMemoCache as useMemoCache } from "react";
import { c as useMemoCache } from "react";
function component(a) {
const $ = useMemoCache(2);
let x;
@@ -17,7 +17,7 @@ function component() {
## Code
```javascript
import { unstable_useMemoCache as useMemoCache } from "react";
import { c as useMemoCache } from "react";
function component() {
const $ = useMemoCache(1);
let x;
@@ -22,7 +22,7 @@ export const FIXTURE_ENTRYPOINT = {
## Code
```javascript
import { unstable_useMemoCache as useMemoCache } from "react";
import { c as useMemoCache } from "react";
function component() {
const $ = useMemoCache(2);
let t0;
@@ -26,7 +26,7 @@ function mutate(x, y) {}
## Code
```javascript
import { unstable_useMemoCache as useMemoCache } from "react";
import { c as useMemoCache } from "react";
function foo(cond) {
const $ = useMemoCache(2);
let a;
@@ -37,7 +37,7 @@ export const FIXTURE_ENTRYPOINT = {
## Code
```javascript
import { unstable_useMemoCache as useMemoCache } from "react"; // @enableReactiveScopesInHIR:false
import { c as useMemoCache } from "react"; // @enableReactiveScopesInHIR:false
import { Stringify, identity, makeArray, mutate } from "shared-runtime";
@@ -24,7 +24,7 @@ export const FIXTURE_ENTRYPOINT = {
## Code
```javascript
import { unstable_useMemoCache as useMemoCache } from "react";
import { c as useMemoCache } from "react";
/**
* This is a weird case as data has type `BuiltInMixedReadonly`.
* The only scoped value we currently infer in this program is the
@@ -19,7 +19,7 @@ function AllocatingPrimitiveAsDepNested(props) {
## Code
```javascript
import { unstable_useMemoCache as useMemoCache } from "react"; // bar(props.b) is an allocating expression that produces a primitive, which means
import { c as useMemoCache } from "react"; // bar(props.b) is an allocating expression that produces a primitive, which means
// that Forget should memoize it.
// Correctness:
// - y depends on either bar(props.b) or bar(props.b) + 1
@@ -16,7 +16,7 @@ function AllocatingPrimitiveAsDep(props) {
## Code
```javascript
import { unstable_useMemoCache as useMemoCache } from "react"; // bar(props.b) is an allocating expression that produces a primitive, which means
import { c as useMemoCache } from "react"; // bar(props.b) is an allocating expression that produces a primitive, which means
// that Forget should memoize it.
// Correctness:
// - y depends on either bar(props.b) or bar(props.b) + 1
@@ -33,11 +33,7 @@ export const FIXTURE_ENTRYPOINT = {
## Code
```javascript
import {
useEffect,
useState,
unstable_useMemoCache as useMemoCache,
} from "react";
import { useEffect, useState, c as useMemoCache } from "react";
let someGlobal = false;
@@ -30,11 +30,7 @@ export const FIXTURE_ENTRYPOINT = {
## Code
```javascript
import {
useEffect,
useState,
unstable_useMemoCache as useMemoCache,
} from "react";
import { useEffect, useState, c as useMemoCache } from "react";
let someGlobal = false;
@@ -40,11 +40,7 @@ export const FIXTURE_ENTRYPOINT = {
## Code
```javascript
import {
useEffect,
useState,
unstable_useMemoCache as useMemoCache,
} from "react";
import { useEffect, useState, c as useMemoCache } from "react";
let someGlobal = { value: null };
@@ -12,7 +12,7 @@ function Component(props) {
## Code
```javascript
import { unstable_useMemoCache as useMemoCache } from "react";
import { c as useMemoCache } from "react";
function Component(props) {
const $ = useMemoCache(2);
const ref = useRef(null);
@@ -22,7 +22,7 @@ export const FIXTURE_ENTRYPOINT = {
## Code
```javascript
import { unstable_useMemoCache as useMemoCache } from "react";
import { c as useMemoCache } from "react";
function foo(a, b, c) {
const $ = useMemoCache(10);
let x;
@@ -17,7 +17,7 @@ function Component(props) {
## Code
```javascript
import { unstable_useMemoCache as useMemoCache } from "react";
import { c as useMemoCache } from "react";
function Component(props) {
const $ = useMemoCache(7);
let t0;
@@ -17,7 +17,7 @@ function ArrayAtTest(props) {
## Code
```javascript
import { unstable_useMemoCache as useMemoCache } from "react"; // arrayInstance.at should have the following effects:
import { c as useMemoCache } from "react"; // arrayInstance.at should have the following effects:
// - read on arg0
// - read on receiver
// - mutate on lvalue
@@ -18,7 +18,7 @@ function Component(props) {
## Code
```javascript
import { unstable_useMemoCache as useMemoCache } from "react"; // x's mutable range should extend to `mutate(y)`
import { c as useMemoCache } from "react"; // x's mutable range should extend to `mutate(y)`
function Component(props) {
const $ = useMemoCache(2);
@@ -18,7 +18,7 @@ export const FIXTURE_ENTRYPOINT = {
## Code
```javascript
import { unstable_useMemoCache as useMemoCache } from "react";
import { c as useMemoCache } from "react";
function Component(props) {
const $ = useMemoCache(3);
let t0;
@@ -14,7 +14,7 @@ function Component(props) {
## Code
```javascript
import { unstable_useMemoCache as useMemoCache } from "react";
import { c as useMemoCache } from "react";
function Component(props) {
const $ = useMemoCache(8);
let t0;
@@ -21,7 +21,7 @@ export const FIXTURE_ENTRYPOINT = {
## Code
```javascript
import { unstable_useMemoCache as useMemoCache } from "react";
import { c as useMemoCache } from "react";
function Component(props) {
const $ = useMemoCache(6);
let t0;
@@ -20,7 +20,7 @@ export const FIXTURE_ENTRYPOINT = {
## Code
```javascript
import { unstable_useMemoCache as useMemoCache } from "react";
import { c as useMemoCache } from "react";
function Component(props) {
const $ = useMemoCache(3);
let t0;
@@ -20,7 +20,7 @@ export const FIXTURE_ENTRYPOINT = {
## Code
```javascript
import { unstable_useMemoCache as useMemoCache } from "react";
import { c as useMemoCache } from "react";
function Component(props) {
const $ = useMemoCache(3);
let t0;
@@ -22,7 +22,7 @@ export const FIXTURE_ENTRYPOINT = {
## Code
```javascript
import { unstable_useMemoCache as useMemoCache } from "react";
import { c as useMemoCache } from "react";
function Component(props) {
const $ = useMemoCache(3);
let t0;
@@ -22,7 +22,7 @@ export const FIXTURE_ENTRYPOINT = {
## Code
```javascript
import { unstable_useMemoCache as useMemoCache } from "react";
import { c as useMemoCache } from "react";
function Component(props) {
const $ = useMemoCache(3);
let t0;
@@ -22,7 +22,7 @@ export const FIXTURE_ENTRYPOINT = {
## Code
```javascript
import { unstable_useMemoCache as useMemoCache } from "react";
import { c as useMemoCache } from "react";
function Component(props) {
const $ = useMemoCache(1);
let t0;
@@ -19,7 +19,7 @@ export const FIXTURE_ENTRYPOINT = {
## Code
```javascript
import { unstable_useMemoCache as useMemoCache } from "react";
import { c as useMemoCache } from "react";
function Component(props) {
const $ = useMemoCache(5);
let t0;
@@ -19,7 +19,7 @@ export const FIXTURE_ENTRYPOINT = {
## Code
```javascript
import { unstable_useMemoCache as useMemoCache } from "react";
import { c as useMemoCache } from "react";
function component(t0) {
const $ = useMemoCache(7);
const [a, b] = t0;
@@ -20,7 +20,7 @@ export const FIXTURE_ENTRYPOINT = {
## Code
```javascript
import { unstable_useMemoCache as useMemoCache } from "react";
import { c as useMemoCache } from "react";
function Component(props) {
const $ = useMemoCache(7);
let t0;
@@ -21,7 +21,7 @@ export const FIXTURE_ENTRYPOINT = {
## Code
```javascript
import { unstable_useMemoCache as useMemoCache } from "react";
import { c as useMemoCache } from "react";
function Component(props) {
const $ = useMemoCache(11);
let t0;
@@ -19,7 +19,7 @@ function Component(props) {
## Code
```javascript
import { unstable_useMemoCache as useMemoCache } from "react"; // arrayInstance.push should have the following effects:
import { c as useMemoCache } from "react"; // arrayInstance.push should have the following effects:
// - read on all args (rest parameter)
// - mutate on receiver
function Component(props) {
@@ -17,7 +17,7 @@ function Component() {
## Code
```javascript
import { unstable_useMemoCache as useMemoCache } from "react";
import { c as useMemoCache } from "react";
function Component() {
"use strict";
const $ = useMemoCache(3);
@@ -13,7 +13,7 @@ export default ErrorView;
```javascript
import { isForgetEnabled_Fixtures } from "ReactForgetFeatureFlag";
import { unstable_useMemoCache as useMemoCache } from "react"; // @gating
import { c as useMemoCache } from "react"; // @gating
const ErrorView = isForgetEnabled_Fixtures()
? (error, _retry) => {
const $ = useMemoCache(2);
@@ -21,7 +21,7 @@ export const FIXTURE_ENTRYPOINT = {
## Code
```javascript
import { unstable_useMemoCache as useMemoCache } from "react";
import { c as useMemoCache } from "react";
function useFoo() {
const $ = useMemoCache(1);
let t0;
@@ -21,7 +21,7 @@ export const FIXTURE_ENTRYPOINT = {
## Code
```javascript
import { unstable_useMemoCache as useMemoCache } from "react";
import { c as useMemoCache } from "react";
function Component(props) {
const $ = useMemoCache(2);
let x;
@@ -20,7 +20,7 @@ export const FIXTURE_ENTRYPOINT = {
## Code
```javascript
import { unstable_useMemoCache as useMemoCache } from "react";
import { c as useMemoCache } from "react";
function g(props) {
const $ = useMemoCache(2);
let a;
@@ -19,7 +19,7 @@ function useBar(props) {
## Code
```javascript
import { unstable_useMemoCache as useMemoCache } from "react";
import { c as useMemoCache } from "react";
function useBar(props) {
const $ = useMemoCache(1);
let z;
@@ -20,7 +20,7 @@ export const FIXTURE_ENTRYPOINT = {
## Code
```javascript
import { unstable_useMemoCache as useMemoCache } from "react";
import { c as useMemoCache } from "react";
function foo() {
const $ = useMemoCache(1);
let a;
@@ -20,7 +20,7 @@ export const FIXTURE_ENTRYPOINT = {
## Code
```javascript
import { unstable_useMemoCache as useMemoCache } from "react";
import { c as useMemoCache } from "react";
function g() {
const $ = useMemoCache(1);
let x;
@@ -13,7 +13,7 @@ async function Component(props) {
## Code
```javascript
import { unstable_useMemoCache as useMemoCache } from "react";
import { c as useMemoCache } from "react";
async function Component(props) {
const $ = useMemoCache(2);
let x;
@@ -12,7 +12,7 @@ async function Component(props) {
## Code
```javascript
import { unstable_useMemoCache as useMemoCache } from "react";
import { c as useMemoCache } from "react";
async function Component(props) {
const $ = useMemoCache(4);
let t0;
@@ -23,11 +23,7 @@ function Component2(props) {
## Code
```javascript
import {
useState,
useMemo,
unstable_useMemoCache as useMemoCache,
} from "react";
import { useState, useMemo, c as useMemoCache } from "react";
function Component(props) {
const $ = useMemoCache(4);
@@ -25,11 +25,7 @@ function Component2(props) {
```javascript
import * as React from "react";
import {
useState,
useMemo,
unstable_useMemoCache as useMemoCache,
} from "react";
import { useState, useMemo, c as useMemoCache } from "react";
function Component(props) {
const $ = useMemoCache(4);
@@ -22,7 +22,7 @@ export const FIXTURE_ENTRYPOINT = {
## Code
```javascript
import { unstable_useMemoCache as useMemoCache } from "react";
import { c as useMemoCache } from "react";
import * as React from "react";
import { calculateExpensiveNumber } from "shared-runtime";
@@ -30,7 +30,7 @@ export const FIXTURE_ENTRYPOINT = {
## Code
```javascript
import { useMemo, unstable_useMemoCache as useMemoCache } from "react";
import { useMemo, c as useMemoCache } from "react";
function Component(props) {
const $ = useMemoCache(2);
@@ -46,7 +46,7 @@ export const FIXTURE_ENTRYPOINT = {
## Code
```javascript
import { unstable_useMemoCache as useMemoCache } from "react";
import { c as useMemoCache } from "react";
import {
CONST_TRUE,
identity,
@@ -12,7 +12,7 @@ function Component(props) {
## Code
```javascript
import { unstable_useMemoCache as useMemoCache } from "react";
import { c as useMemoCache } from "react";
function Component(props) {
const $ = useMemoCache(1);
let t0;
@@ -13,7 +13,7 @@ function Component(props) {
## Code
```javascript
import { unstable_useMemoCache as useMemoCache } from "react";
import { c as useMemoCache } from "react";
function Component(props) {
const $ = useMemoCache(1);
let x;
@@ -13,7 +13,7 @@ function Component(props) {
## Code
```javascript
import { unstable_useMemoCache as useMemoCache } from "react";
import { c as useMemoCache } from "react";
function Component(props) {
const $ = useMemoCache(1);
let x;
@@ -12,7 +12,7 @@ function Component(props) {
## Code
```javascript
import { unstable_useMemoCache as useMemoCache } from "react";
import { c as useMemoCache } from "react";
function Component(props) {
const $ = useMemoCache(3);
let t0;
@@ -17,7 +17,7 @@ function Component(props) {
## Code
```javascript
import { unstable_useMemoCache as useMemoCache } from "react";
import { c as useMemoCache } from "react";
function Component(props) {
const $ = useMemoCache(4);
let t0;
@@ -18,7 +18,7 @@ function Component(props) {
## Code
```javascript
import { unstable_useMemoCache as useMemoCache } from "react";
import { c as useMemoCache } from "react";
function foo() {}
function Component(props) {
@@ -24,7 +24,7 @@ export const FIXTURE_ENTRYPOINT = {
## Code
```javascript
import { unstable_useMemoCache as useMemoCache } from "react";
import { c as useMemoCache } from "react";
function component(a) {
const $ = useMemoCache(2);
let x;
@@ -27,7 +27,7 @@ export const FIXTURE_ENTRYPOINT = {
## Code
```javascript
import { unstable_useMemoCache as useMemoCache } from "react";
import { c as useMemoCache } from "react";
function component(a) {
const $ = useMemoCache(2);
let x;
@@ -45,7 +45,7 @@ function getNativeLogFunction(level) {
## Code
```javascript
import { unstable_useMemoCache as useMemoCache } from "react";
import { c as useMemoCache } from "react";
function getNativeLogFunction(level) {
const $ = useMemoCache(2);
let t0;
@@ -31,7 +31,7 @@ export const FIXTURE_ENTRYPOINT = {
## Code
```javascript
import { useRef, unstable_useMemoCache as useMemoCache } from "react";
import { useRef, c as useMemoCache } from "react";
import { addOne } from "shared-runtime";
function useKeyCommand() {
@@ -22,7 +22,7 @@ export const FIXTURE_ENTRYPOINT = {
## Code
```javascript
import { unstable_useMemoCache as useMemoCache } from "react";
import { c as useMemoCache } from "react";
function component(a) {
const $ = useMemoCache(2);
let z;
@@ -25,7 +25,7 @@ export const FIXTURE_ENTRYPOINT = {
## Code
```javascript
import { unstable_useMemoCache as useMemoCache } from "react";
import { c as useMemoCache } from "react";
function component(a) {
const $ = useMemoCache(2);
let z;
@@ -21,7 +21,7 @@ export const FIXTURE_ENTRYPOINT = {
## Code
```javascript
import { unstable_useMemoCache as useMemoCache } from "react";
import { c as useMemoCache } from "react";
function component(a) {
const $ = useMemoCache(4);
let t0;
@@ -26,7 +26,7 @@ export const FIXTURE_ENTRYPOINT = {
## Code
```javascript
import { unstable_useMemoCache as useMemoCache } from "react";
import { c as useMemoCache } from "react";
import { mutate } from "shared-runtime";
function component(foo, bar) {
@@ -20,7 +20,7 @@ function component(foo, bar) {
## Code
```javascript
import { unstable_useMemoCache as useMemoCache } from "react";
import { c as useMemoCache } from "react";
function component(foo, bar) {
const $ = useMemoCache(3);
let x;
@@ -26,7 +26,7 @@ export const FIXTURE_ENTRYPOINT = {
## Code
```javascript
import { unstable_useMemoCache as useMemoCache } from "react";
import { c as useMemoCache } from "react";
const { mutate } = require("shared-runtime");
function component(foo, bar) {
@@ -20,7 +20,7 @@ function component(foo, bar) {
## Code
```javascript
import { unstable_useMemoCache as useMemoCache } from "react";
import { c as useMemoCache } from "react";
function component(foo, bar) {
const $ = useMemoCache(3);
let x;
@@ -26,7 +26,7 @@ export const FIXTURE_ENTRYPOINT = {
## Code
```javascript
import { unstable_useMemoCache as useMemoCache } from "react";
import { c as useMemoCache } from "react";
const { mutate } = require("shared-runtime");
function component(foo, bar) {
@@ -20,7 +20,7 @@ function component(foo, bar) {
## Code
```javascript
import { unstable_useMemoCache as useMemoCache } from "react";
import { c as useMemoCache } from "react";
function component(foo, bar) {
const $ = useMemoCache(3);
let y;
@@ -26,7 +26,7 @@ export const FIXTURE_ENTRYPOINT = {
## Code
```javascript
import { unstable_useMemoCache as useMemoCache } from "react";
import { c as useMemoCache } from "react";
const { mutate } = require("shared-runtime");
function component(foo, bar) {
@@ -20,7 +20,7 @@ function component(foo, bar) {
## Code
```javascript
import { unstable_useMemoCache as useMemoCache } from "react";
import { c as useMemoCache } from "react";
function component(foo, bar) {
const $ = useMemoCache(3);
let y;
@@ -24,7 +24,7 @@ export const FIXTURE_ENTRYPOINT = {
## Code
```javascript
import { unstable_useMemoCache as useMemoCache } from "react";
import { c as useMemoCache } from "react";
const { mutate } = require("shared-runtime");
function component(a) {
@@ -18,7 +18,7 @@ function component(a) {
## Code
```javascript
import { unstable_useMemoCache as useMemoCache } from "react";
import { c as useMemoCache } from "react";
function component(a) {
const $ = useMemoCache(2);
let y;
@@ -24,7 +24,7 @@ export const FIXTURE_ENTRYPOINT = {
## Code
```javascript
import { unstable_useMemoCache as useMemoCache } from "react";
import { c as useMemoCache } from "react";
const { mutate } = require("shared-runtime");
function component(a) {
@@ -18,7 +18,7 @@ function component(a) {
## Code
```javascript
import { unstable_useMemoCache as useMemoCache } from "react";
import { c as useMemoCache } from "react";
function component(a) {
const $ = useMemoCache(2);
let y;
@@ -25,7 +25,7 @@ export const FIXTURE_ENTRYPOINT = {
## Code
```javascript
import { unstable_useMemoCache as useMemoCache } from "react";
import { c as useMemoCache } from "react";
import { mutate } from "shared-runtime";
function component(a) {
@@ -19,7 +19,7 @@ function component(a) {
## Code
```javascript
import { unstable_useMemoCache as useMemoCache } from "react";
import { c as useMemoCache } from "react";
function component(a) {
const $ = useMemoCache(2);
let y;
@@ -25,7 +25,7 @@ export const FIXTURE_ENTRYPOINT = {
## Code
```javascript
import { unstable_useMemoCache as useMemoCache } from "react";
import { c as useMemoCache } from "react";
const { mutate } = require("shared-runtime");
function component(a) {
@@ -19,7 +19,7 @@ function component(a) {
## Code
```javascript
import { unstable_useMemoCache as useMemoCache } from "react";
import { c as useMemoCache } from "react";
function component(a) {
const $ = useMemoCache(2);
let y;
@@ -24,7 +24,7 @@ export const FIXTURE_ENTRYPOINT = {
## Code
```javascript
import { unstable_useMemoCache as useMemoCache } from "react";
import { c as useMemoCache } from "react";
function component(a, b) {
const $ = useMemoCache(5);
let t0;
@@ -23,7 +23,7 @@ export const FIXTURE_ENTRYPOINT = {
## Code
```javascript
import { unstable_useMemoCache as useMemoCache } from "react";
import { c as useMemoCache } from "react";
function component(a, b) {
const $ = useMemoCache(2);
let t0;
@@ -22,7 +22,7 @@ export const FIXTURE_ENTRYPOINT = {
## Code
```javascript
import { unstable_useMemoCache as useMemoCache } from "react";
import { c as useMemoCache } from "react";
function component(a) {
const $ = useMemoCache(2);
let y;
@@ -24,7 +24,7 @@ export const FIXTURE_ENTRYPOINT = {
## Code
```javascript
import { unstable_useMemoCache as useMemoCache } from "react";
import { c as useMemoCache } from "react";
function component(a, b) {
const $ = useMemoCache(3);
let z;
@@ -24,7 +24,7 @@ export const FIXTURE_ENTRYPOINT = {
## Code
```javascript
import { unstable_useMemoCache as useMemoCache } from "react";
import { c as useMemoCache } from "react";
const { mutate } = require("shared-runtime");
function component(a) {
@@ -18,7 +18,7 @@ function component(a) {
## Code
```javascript
import { unstable_useMemoCache as useMemoCache } from "react";
import { c as useMemoCache } from "react";
function component(a) {
const $ = useMemoCache(2);
let y;
@@ -21,7 +21,7 @@ export const FIXTURE_ENTRYPOINT = {
## Code
```javascript
import { unstable_useMemoCache as useMemoCache } from "react";
import { c as useMemoCache } from "react";
function component(a) {
const $ = useMemoCache(4);
let t0;
@@ -23,7 +23,7 @@ export const FIXTURE_ENTRYPOINT = {
## Code
```javascript
import { unstable_useMemoCache as useMemoCache } from "react";
import { c as useMemoCache } from "react";
function bar(a) {
const $ = useMemoCache(2);
let y;
@@ -24,7 +24,7 @@ export const FIXTURE_ENTRYPOINT = {
## Code
```javascript
import { unstable_useMemoCache as useMemoCache } from "react";
import { c as useMemoCache } from "react";
function bar(a) {
const $ = useMemoCache(2);
let y;
@@ -27,7 +27,7 @@ export const FIXTURE_ENTRYPOINT = {
## Code
```javascript
import { unstable_useMemoCache as useMemoCache } from "react";
import { c as useMemoCache } from "react";
function bar(a, b) {
const $ = useMemoCache(3);
let y;
@@ -28,7 +28,7 @@ export const FIXTURE_ENTRYPOINT = {
## Code
```javascript
import { unstable_useMemoCache as useMemoCache } from "react";
import { c as useMemoCache } from "react";
function bar(a, b) {
const $ = useMemoCache(3);
let y;
@@ -23,7 +23,7 @@ export const FIXTURE_ENTRYPOINT = {
## Code
```javascript
import { unstable_useMemoCache as useMemoCache } from "react";
import { c as useMemoCache } from "react";
function bar(a) {
const $ = useMemoCache(2);
let y;
@@ -24,7 +24,7 @@ export const FIXTURE_ENTRYPOINT = {
## Code
```javascript
import { unstable_useMemoCache as useMemoCache } from "react";
import { c as useMemoCache } from "react";
function bar(a) {
const $ = useMemoCache(2);
let y;
@@ -22,7 +22,7 @@ export const FIXTURE_ENTRYPOINT = {
## Code
```javascript
import { unstable_useMemoCache as useMemoCache } from "react";
import { c as useMemoCache } from "react";
function bar(a) {
const $ = useMemoCache(2);
let y;
@@ -24,7 +24,7 @@ export const FIXTURE_ENTRYPOINT = {
## Code
```javascript
import { unstable_useMemoCache as useMemoCache } from "react";
import { c as useMemoCache } from "react";
function bar(a) {
const $ = useMemoCache(2);
let y;
@@ -22,7 +22,7 @@ function component(a, b) {
## Code
```javascript
import { unstable_useMemoCache as useMemoCache } from "react";
import { c as useMemoCache } from "react";
function component(a, b) {
const $ = useMemoCache(7);
let z;
@@ -22,7 +22,7 @@ function component(a, b) {
## Code
```javascript
import { unstable_useMemoCache as useMemoCache } from "react"; // @debug
import { c as useMemoCache } from "react"; // @debug
function component(a, b) {
const $ = useMemoCache(5);
let t0;
@@ -22,7 +22,7 @@ export const FIXTURE_ENTRYPOINT = {
## Code
```javascript
import { unstable_useMemoCache as useMemoCache } from "react";
import { c as useMemoCache } from "react";
function component(a) {
const $ = useMemoCache(2);
let t;
@@ -18,7 +18,7 @@ function Foo(props) {
## Code
```javascript
import { unstable_useMemoCache as useMemoCache } from "react";
import { c as useMemoCache } from "react";
function Foo(props) {
const $ = useMemoCache(2);
let t0;
@@ -19,7 +19,7 @@ function component({ mutator }) {
## Code
```javascript
import { unstable_useMemoCache as useMemoCache } from "react";
import { c as useMemoCache } from "react";
function component(t0) {
const $ = useMemoCache(7);
const { mutator } = t0;

Some files were not shown because too many files have changed in this diff Show More