{"patch":"diff --git a\/compiler\/forget\/packages\/playground\/components\/Editor\/Output.tsx b\/compiler\/forget\/packages\/playground\/components\/Editor\/Output.tsx\nindex 2d691b9b8f..9ba6de1b82 100644\n--- a\/compiler\/forget\/packages\/playground\/components\/Editor\/Output.tsx\n+++ b\/compiler\/forget\/packages\/playground\/components\/Editor\/Output.tsx\n@@ -37,6 +37,7 @@ function parseFunctions(\n try {\n const ast = parse(source, {\n plugins: [\"typescript\", \"jsx\"],\n+ sourceType: \"module\",\n });\n const items: Array> = [];\n traverse(ast, {\ndiff --git a\/compiler\/forget\/src\/Babel\/RunReactForgetBabelPlugin.ts b\/compiler\/forget\/src\/Babel\/RunReactForgetBabelPlugin.ts\nindex 4971a9ced9..365f94a78d 100644\n--- a\/compiler\/forget\/src\/Babel\/RunReactForgetBabelPlugin.ts\n+++ b\/compiler\/forget\/src\/Babel\/RunReactForgetBabelPlugin.ts\n@@ -18,12 +18,14 @@ export default function runReactForgetBabelPlugin(\n const ast = parser.parse(text, {\n sourceFilename: file,\n plugins: [\"typescript\", \"jsx\"],\n+ sourceType: \"module\",\n });\n const result = transformFromAstSync(ast, text, {\n filename: file,\n highlightCode: false,\n retainLines: true,\n plugins: [ReactForgetBabelPlugin],\n+ sourceType: \"module\",\n });\n invariant(\n result?.code != null,\ndiff --git a\/compiler\/forget\/src\/__tests__\/fixtures\/hir\/conditional-break.expect.md b\/compiler\/forget\/src\/__tests__\/fixtures\/hir\/conditional-break.expect.md\nindex 3492311ea1..5207a7054f 100644\n--- a\/compiler\/forget\/src\/__tests__\/fixtures\/hir\/conditional-break.expect.md\n+++ b\/compiler\/forget\/src\/__tests__\/fixtures\/hir\/conditional-break.expect.md\n@@ -5,7 +5,7 @@\n \/**\n * props.b does *not* influence `a`\n *\/\n-function Component(props) {\n+function ComponentA(props) {\n const a_DEBUG = [];\n a_DEBUG.push(props.a);\n if (props.b) {\n@@ -18,7 +18,7 @@ function Component(props) {\n \/**\n * props.b *does* influence `a`\n *\/\n-function Component(props) {\n+function ComponentB(props) {\n const a = [];\n a.push(props.a);\n if (props.b) {\n@@ -31,7 +31,7 @@ function Component(props) {\n \/**\n * props.b *does* influence `a`, but only in a way that is never observable\n *\/\n-function Component(props) {\n+function ComponentC(props) {\n const a = [];\n a.push(props.a);\n if (props.b) {\n@@ -45,7 +45,7 @@ function Component(props) {\n \/**\n * props.b *does* influence `a`\n *\/\n-function Component(props) {\n+function ComponentD(props) {\n const a = [];\n a.push(props.a);\n if (props.b) {\n@@ -64,7 +64,7 @@ function Component(props) {\n \/**\n * props.b does *not* influence `a`\n *\/\n-function Component(props) {\n+function ComponentA(props) {\n const $ = React.useMemoCache();\n const c_0 = $[0] !== props.a;\n const c_1 = $[1] !== props.b;\n@@ -91,7 +91,7 @@ function Component(props) {\n \/**\n * props.b *does* influence `a`\n *\/\n-function Component(props) {\n+function ComponentB(props) {\n const $ = React.useMemoCache();\n const c_0 = $[0] !== props.a;\n const c_1 = $[1] !== props.b;\n@@ -120,7 +120,7 @@ function Component(props) {\n \/**\n * props.b *does* influence `a`, but only in a way that is never observable\n *\/\n-function Component(props) {\n+function ComponentC(props) {\n const $ = React.useMemoCache();\n const c_0 = $[0] !== props.a;\n const c_1 = $[1] !== props.b;\n@@ -150,7 +150,7 @@ function Component(props) {\n \/**\n * props.b *does* influence `a`\n *\/\n-function Component(props) {\n+function ComponentD(props) {\n const $ = React.useMemoCache();\n const c_0 = $[0] !== props.a;\n const c_1 = $[1] !== props.b;\ndiff --git a\/compiler\/forget\/src\/__tests__\/fixtures\/hir\/conditional-break.js b\/compiler\/forget\/src\/__tests__\/fixtures\/hir\/conditional-break.js\nindex 297a2db070..7b5baa9ea5 100644\n--- a\/compiler\/forget\/src\/__tests__\/fixtures\/hir\/conditional-break.js\n+++ b\/compiler\/forget\/src\/__tests__\/fixtures\/hir\/conditional-break.js\n@@ -1,7 +1,7 @@\n \/**\n * props.b does *not* influence `a`\n *\/\n-function Component(props) {\n+function ComponentA(props) {\n const a_DEBUG = [];\n a_DEBUG.push(props.a);\n if (props.b) {\n@@ -14,7 +14,7 @@ function Component(props) {\n \/**\n * props.b *does* influence `a`\n *\/\n-function Component(props) {\n+function ComponentB(props) {\n const a = [];\n a.push(props.a);\n if (props.b) {\n@@ -27,7 +27,7 @@ function Component(props) {\n \/**\n * props.b *does* influence `a`, but only in a way that is never observable\n *\/\n-function Component(props) {\n+function ComponentC(props) {\n const a = [];\n a.push(props.a);\n if (props.b) {\n@@ -41,7 +41,7 @@ function Component(props) {\n \/**\n * props.b *does* influence `a`\n *\/\n-function Component(props) {\n+function ComponentD(props) {\n const a = [];\n a.push(props.a);\n if (props.b) {\ndiff --git a\/compiler\/forget\/src\/__tests__\/fixtures\/hir\/conditional-on-mutable.expect.md b\/compiler\/forget\/src\/__tests__\/fixtures\/hir\/conditional-on-mutable.expect.md\nindex 48ca4ec80c..7ced099303 100644\n--- a\/compiler\/forget\/src\/__tests__\/fixtures\/hir\/conditional-on-mutable.expect.md\n+++ b\/compiler\/forget\/src\/__tests__\/fixtures\/hir\/conditional-on-mutable.expect.md\n@@ -2,7 +2,7 @@\n ## Input\n \n ```javascript\n-function Component(props) {\n+function ComponentA(props) {\n const a = [];\n const b = [];\n if (b) {\n@@ -14,7 +14,7 @@ function Component(props) {\n return ;\n }\n \n-function Component(props) {\n+function ComponentB(props) {\n const a = [];\n const b = [];\n if (mayMutate(b)) {\n@@ -34,7 +34,7 @@ function mayMutate() {}\n ## Code\n \n ```javascript\n-function Component(props) {\n+function ComponentA(props) {\n const $ = React.useMemoCache();\n const c_0 = $[0] !== props.p0;\n const c_1 = $[1] !== props.p1;\n@@ -73,7 +73,7 @@ function Component(props) {\n return t7;\n }\n \n-function Component(props) {\n+function ComponentB(props) {\n const $ = React.useMemoCache();\n const c_0 = $[0] !== props.p0;\n const c_1 = $[1] !== props.p1;\ndiff --git a\/compiler\/forget\/src\/__tests__\/fixtures\/hir\/conditional-on-mutable.js b\/compiler\/forget\/src\/__tests__\/fixtures\/hir\/conditional-on-mutable.js\nindex 7dc4fdce49..0378ab655c 100644\n--- a\/compiler\/forget\/src\/__tests__\/fixtures\/hir\/conditional-on-mutable.js\n+++ b\/compiler\/forget\/src\/__tests__\/fixtures\/hir\/conditional-on-mutable.js\n@@ -1,4 +1,4 @@\n-function Component(props) {\n+function ComponentA(props) {\n const a = [];\n const b = [];\n if (b) {\n@@ -10,7 +10,7 @@ function Component(props) {\n return ;\n }\n \n-function Component(props) {\n+function ComponentB(props) {\n const a = [];\n const b = [];\n if (mayMutate(b)) {\ndiff --git a\/compiler\/forget\/src\/__tests__\/fixtures\/hir\/error.todo-kitchensink.expect.md b\/compiler\/forget\/src\/__tests__\/fixtures\/hir\/error.todo-kitchensink.expect.md\nindex bd2443718e..6038a61ba7 100644\n--- a\/compiler\/forget\/src\/__tests__\/fixtures\/hir\/error.todo-kitchensink.expect.md\n+++ b\/compiler\/forget\/src\/__tests__\/fixtures\/hir\/error.todo-kitchensink.expect.md\n@@ -13,9 +13,6 @@ function foo([a, b], { c, d, e = \"e\" }, f = \"f\", ...args) {\n }\n }\n \n- with (true) {\n- }\n-\n const g = { ...a };\n const h = [...b];\n new c(...args);\n@@ -91,191 +88,182 @@ function foo([a, b], { c, d, e = \"e\" }, f = \"f\", ...args) {\n 7 | constructor() {\n 8 | console.log(this.#secretSauce);\n \n-[ReactForget] TodoError: Unhandled statement type: WithStatement\n+[ReactForget] TodoError: Handle object property spread\n 10 | }\n 11 |\n-> 12 | with (true) {\n- | ^\n- 13 | }\n- 14 |\n- 15 | const g = { ...a };\n-\n-[ReactForget] TodoError: Handle object property spread\n- 13 | }\n- 14 |\n-> 15 | const g = { ...a };\n+> 12 | const g = { ...a };\n | ^^^^\n- 16 | const h = [...b];\n- 17 | new c(...args);\n- 18 | c(...args);\n+ 13 | const h = [...b];\n+ 14 | new c(...args);\n+ 15 | c(...args);\n \n [ReactForget] TodoError: Handle non-expression array elements\n- 14 |\n- 15 | const g = { ...a };\n-> 16 | const h = [...b];\n+ 11 |\n+ 12 | const g = { ...a };\n+> 13 | const h = [...b];\n | ^^^^\n- 17 | new c(...args);\n- 18 | c(...args);\n- 19 | g[\"e\"] += 1;\n+ 14 | new c(...args);\n+ 15 | c(...args);\n+ 16 | g[\"e\"] += 1;\n \n [ReactForget] TodoError: Support non-expression arguments to NewExpression\n- 15 | const g = { ...a };\n- 16 | const h = [...b];\n-> 17 | new c(...args);\n+ 12 | const g = { ...a };\n+ 13 | const h = [...b];\n+> 14 | new c(...args);\n | ^^^^^^^\n- 18 | c(...args);\n- 19 | g[\"e\"] += 1;\n- 20 | const [y, ...yy] = useState(0);\n+ 15 | c(...args);\n+ 16 | g[\"e\"] += 1;\n+ 17 | const [y, ...yy] = useState(0);\n \n [ReactForget] TodoError: Support non-expression arguments to CallExpression\n- 16 | const h = [...b];\n- 17 | new c(...args);\n-> 18 | c(...args);\n+ 13 | const h = [...b];\n+ 14 | new c(...args);\n+> 15 | c(...args);\n | ^^^^^^^\n- 19 | g[\"e\"] += 1;\n- 20 | const [y, ...yy] = useState(0);\n- 21 | const { z, aa = \"aa\", ...zz } = useCustom();\n+ 16 | g[\"e\"] += 1;\n+ 17 | const [y, ...yy] = useState(0);\n+ 18 | const { z, aa = \"aa\", ...zz } = useCustom();\n \n [ReactForget] TodoError: Assignment expression to dynamic properties is not yet supported\n- 17 | new c(...args);\n- 18 | c(...args);\n-> 19 | g[\"e\"] += 1;\n+ 14 | new c(...args);\n+ 15 | c(...args);\n+> 16 | g[\"e\"] += 1;\n | ^^^\n- 20 | const [y, ...yy] = useState(0);\n- 21 | const { z, aa = \"aa\", ...zz } = useCustom();\n- 22 |\n+ 17 | const [y, ...yy] = useState(0);\n+ 18 | const { z, aa = \"aa\", ...zz } = useCustom();\n+ 19 |\n \n [ReactForget] TodoError: Rest elements are not supported yet\n- 18 | c(...args);\n- 19 | g[\"e\"] += 1;\n-> 20 | const [y, ...yy] = useState(0);\n+ 15 | c(...args);\n+ 16 | g[\"e\"] += 1;\n+> 17 | const [y, ...yy] = useState(0);\n | ^^^^^\n- 21 | const { z, aa = \"aa\", ...zz } = useCustom();\n- 22 |\n- 23 |

dillon1000/react

Files changed