@samitouri / QOS-React-2 / commits / 7a4c3e3b73

Make global names more obscure (#15941)

Dan Abramov committed Jun 20, 2019 at 20:20 UTC 7a4c3e3b732856618f3a5d0875bb9d563772cb0c

4 files changed +206 -238

packages/react-refresh/src/ReactFreshBabelPlugin.js

+4 -4

@@ -496,7 +496,7 @@ export default function(babel) {

496 const sigCallID = path.scope.generateUidIdentifier('_s');

497 path.scope.parent.push({

498 id: sigCallID,

499 - init: t.callExpression(t.identifier('__signature__'), []),

499 + init: t.callExpression(t.identifier('$RefreshSig$'), []),

500 });

501

502 // The signature call is split in two parts. One part is called inside the function.

@@ -511,7 +511,7 @@ export default function(babel) {

511 // The second call is around the function itself.

512 // This is used to associate a type with a signature.

513

514 - // Unlike with __register__, this needs to work for nested

514 + // Unlike with $RefreshReg$, this needs to work for nested

515 // declarations too. So we need to search for a path where

516 // we can insert a statement rather than hardcoding it.

517 let insertAfterPath = null;

@@ -558,7 +558,7 @@ export default function(babel) {

558 const sigCallID = path.scope.generateUidIdentifier('_s');

559 path.scope.parent.push({

560 id: sigCallID,

561 - init: t.callExpression(t.identifier('__signature__'), []),

561 + init: t.callExpression(t.identifier('$RefreshSig$'), []),

562 });

563

564 // The signature call is split in two parts. One part is called inside the function.

@@ -717,7 +717,7 @@ export default function(babel) {

717 path.pushContainer(

718 'body',

719 t.expressionStatement(

720 - t.callExpression(t.identifier('__register__'), [

720 + t.callExpression(t.identifier('$RefreshReg$'), [

721 handle,

722 t.stringLiteral(persistentID),

723 ]),

packages/react-refresh/src/__tests__/ReactFresh-test.js

+139 -139

@@ -65,11 +65,11 @@ describe('ReactFresh', () => {

65 return Component;

66 }

68 - function __register__(type, id) {

68 + function $RefreshReg$(type, id) {

69 ReactFreshRuntime.register(type, id);

70 }

72 - function __signature__(type, key, forceReset, getCustomHooks) {

72 + function $RefreshSig$(type, key, forceReset, getCustomHooks) {

73 ReactFreshRuntime.setSignature(type, key, forceReset, getCustomHooks);

74 return type;

75 }

@@ -85,7 +85,7 @@ describe('ReactFresh', () => {

85 </p>

86 );

87 }

88 - __register__(Hello, 'Hello');

88 + $RefreshReg$(Hello, 'Hello');

89 return Hello;

90 });

@@ -108,7 +108,7 @@ describe('ReactFresh', () => {

108 </p>

109 );

110 }

111 - __register__(Hello, 'Hello');

111 + $RefreshReg$(Hello, 'Hello');

112 return Hello;

113 });

114

@@ -175,10 +175,10 @@ describe('ReactFresh', () => {

175 </p>

176 );

177 }

178 - __register__(Hello, 'Hello');

178 + $RefreshReg$(Hello, 'Hello');

179

180 const Outer = React.forwardRef(() => <Hello />);

181 - __register__(Outer, 'Outer');

181 + $RefreshReg$(Outer, 'Outer');

182 return Outer;

183 });

184

@@ -201,10 +201,10 @@ describe('ReactFresh', () => {

201 </p>

202 );

203 }

204 - __register__(Hello, 'Hello');

204 + $RefreshReg$(Hello, 'Hello');

205

206 const Outer = React.forwardRef(() => <Hello />);

207 - __register__(Outer, 'Outer');

207 + $RefreshReg$(Outer, 'Outer');

208 return Outer;

209 });

210

@@ -241,7 +241,7 @@ describe('ReactFresh', () => {

241 </p>

242 );

243 }

244 - __register__(Hello, 'Hello');

244 + $RefreshReg$(Hello, 'Hello');

245

246 // Note: no forwardRef wrapper this time.

247 return Hello;

@@ -266,7 +266,7 @@ describe('ReactFresh', () => {

266 </p>

267 );

268 }

269 - __register__(Hello, 'Hello');

269 + $RefreshReg$(Hello, 'Hello');

270

271 function renderInner() {

272 return <Hello />;

@@ -274,14 +274,14 @@ describe('ReactFresh', () => {

274 // Both of these are wrappers around the same inner function.

275 // They should be treated as distinct types across reloads.

276 let ForwardRefA = React.forwardRef(renderInner);

277 - __register__(ForwardRefA, 'ForwardRefA');

277 + $RefreshReg$(ForwardRefA, 'ForwardRefA');

278 let ForwardRefB = React.forwardRef(renderInner);

279 - __register__(ForwardRefB, 'ForwardRefB');

279 + $RefreshReg$(ForwardRefB, 'ForwardRefB');

280

281 function Parent({cond}) {

282 return cond ? <ForwardRefA /> : <ForwardRefB />;

283 }

284 - __register__(Parent, 'Parent');

284 + $RefreshReg$(Parent, 'Parent');

285

286 return Parent;

287 },

@@ -332,7 +332,7 @@ describe('ReactFresh', () => {

332 </p>

333 );

334 }

335 - __register__(Hello, 'Hello');

335 + $RefreshReg$(Hello, 'Hello');

336

337 function renderInner() {

338 return <Hello />;

@@ -340,14 +340,14 @@ describe('ReactFresh', () => {

340 // Both of these are wrappers around the same inner function.

341 // They should be treated as distinct types across reloads.

342 let ForwardRefA = React.forwardRef(renderInner);

343 - __register__(ForwardRefA, 'ForwardRefA');

343 + $RefreshReg$(ForwardRefA, 'ForwardRefA');

344 let ForwardRefB = React.forwardRef(renderInner);

345 - __register__(ForwardRefB, 'ForwardRefB');

345 + $RefreshReg$(ForwardRefB, 'ForwardRefB');

346

347 function Parent({cond}) {

348 return cond ? <ForwardRefA /> : <ForwardRefB />;

349 }

350 - __register__(Parent, 'Parent');

350 + $RefreshReg$(Parent, 'Parent');

351

352 return Parent;

353 });

@@ -393,10 +393,10 @@ describe('ReactFresh', () => {

393 </p>

394 );

395 }

396 - __register__(Hello, 'Hello');

396 + $RefreshReg$(Hello, 'Hello');

397

398 const Outer = React.forwardRef(() => <Hello color="blue" />);

399 - __register__(Outer, 'Outer');

399 + $RefreshReg$(Outer, 'Outer');

400 return Outer;

401 });

402

@@ -419,10 +419,10 @@ describe('ReactFresh', () => {

419 </p>

420 );

421 }

422 - __register__(Hello, 'Hello');

422 + $RefreshReg$(Hello, 'Hello');

423

424 const Outer = React.forwardRef(() => <Hello color="red" />);

425 - __register__(Outer, 'Outer');

425 + $RefreshReg$(Outer, 'Outer');

426 return Outer;

427 });

428

@@ -444,12 +444,12 @@ describe('ReactFresh', () => {

444 </p>

445 );

446 }

447 - __register__(Hello, 'Hello');

447 + $RefreshReg$(Hello, 'Hello');

448

449 function renderHello() {

450 return <Hello color="blue" />;

451 }

452 - __register__(renderHello, 'renderHello');

452 + $RefreshReg$(renderHello, 'renderHello');

453

454 return React.forwardRef(renderHello);

455 });

@@ -473,12 +473,12 @@ describe('ReactFresh', () => {

473 </p>

474 );

475 }

476 - __register__(Hello, 'Hello');

476 + $RefreshReg$(Hello, 'Hello');

477

478 function renderHello() {

479 return <Hello color="red" />;

480 }

481 - __register__(renderHello, 'renderHello');

481 + $RefreshReg$(renderHello, 'renderHello');

482

483 // Not updating the wrapper.

484 });

@@ -501,10 +501,10 @@ describe('ReactFresh', () => {

501 </p>

502 );

503 }

504 - __register__(Hello, 'Hello');

504 + $RefreshReg$(Hello, 'Hello');

505

506 const Outer = React.memo(Hello);

507 - __register__(Outer, 'Outer');

507 + $RefreshReg$(Outer, 'Outer');

508 return Outer;

509 });

510

@@ -527,10 +527,10 @@ describe('ReactFresh', () => {

527 </p>

528 );

529 }

530 - __register__(Hello, 'Hello');

530 + $RefreshReg$(Hello, 'Hello');

531

532 const Outer = React.memo(Hello);

533 - __register__(Outer, 'Outer');

533 + $RefreshReg$(Outer, 'Outer');

534 return Outer;

535 });

536

@@ -567,7 +567,7 @@ describe('ReactFresh', () => {

567 </p>

568 );

569 }

570 - __register__(Hello, 'Hello');

570 + $RefreshReg$(Hello, 'Hello');

571

572 // Note: no wrapper this time.

573 return Hello;

@@ -593,7 +593,7 @@ describe('ReactFresh', () => {

593 }

594

595 const Outer = React.memo(Hello, () => true);

596 - __register__(Outer, 'Outer');

596 + $RefreshReg$(Outer, 'Outer');

597 return Outer;

598 });

599

@@ -618,7 +618,7 @@ describe('ReactFresh', () => {

618 }

619

620 const Outer = React.memo(Hello, () => true);

621 - __register__(Outer, 'Outer');

621 + $RefreshReg$(Outer, 'Outer');

622 return Outer;

623 });

624

@@ -655,7 +655,7 @@ describe('ReactFresh', () => {

655 </p>

656 );

657 }

658 - __register__(Hello, 'Hello');

658 + $RefreshReg$(Hello, 'Hello');

659

660 // Note: no wrapper this time.

661 return Hello;

@@ -679,7 +679,7 @@ describe('ReactFresh', () => {

679 </p>

680 );

681 }

682 - __register__(Hello, 'Hello');

682 + $RefreshReg$(Hello, 'Hello');

683

684 return React.memo(Hello);

685 });

@@ -703,7 +703,7 @@ describe('ReactFresh', () => {

703 </p>

704 );

705 }

706 - __register__(Hello, 'Hello');

706 + $RefreshReg$(Hello, 'Hello');

707

708 // Not updating the wrapper.

709 });

@@ -726,10 +726,10 @@ describe('ReactFresh', () => {

726 </p>

727 );

728 }

729 - __register__(Hello, 'Hello');

729 + $RefreshReg$(Hello, 'Hello');

730

731 const Outer = React.memo(React.forwardRef(() => <Hello />));

732 - __register__(Outer, 'Outer');

732 + $RefreshReg$(Outer, 'Outer');

733 return Outer;

734 });

735

@@ -752,10 +752,10 @@ describe('ReactFresh', () => {

752 </p>

753 );

754 }

755 - __register__(Hello, 'Hello');

755 + $RefreshReg$(Hello, 'Hello');

756

757 const Outer = React.memo(React.forwardRef(() => <Hello />));

758 - __register__(Outer, 'Outer');

758 + $RefreshReg$(Outer, 'Outer');

759 return Outer;

760 });

761

@@ -792,7 +792,7 @@ describe('ReactFresh', () => {

792 </p>

793 );

794 }

795 - __register__(Hello, 'Hello');

795 + $RefreshReg$(Hello, 'Hello');

796

797 // Note: no wrapper this time.

798 return Hello;

@@ -816,7 +816,7 @@ describe('ReactFresh', () => {

816 </p>

817 );

818 }

819 - __register__(Hello, 'Hello');

819 + $RefreshReg$(Hello, 'Hello');

820

821 const Outer = React.lazy(

822 () =>

@@ -824,7 +824,7 @@ describe('ReactFresh', () => {

824 setTimeout(() => resolve({default: Hello}), 100);

825 }),

826 );

827 - __register__(Outer, 'Outer');

827 + $RefreshReg$(Outer, 'Outer');

828

829 function App() {

830 return (

@@ -833,7 +833,7 @@ describe('ReactFresh', () => {

833 </React.Suspense>

834 );

835 }

836 - __register__(App, 'App');

836 + $RefreshReg$(App, 'App');

837

838 return App;

839 });

@@ -863,7 +863,7 @@ describe('ReactFresh', () => {

863 </p>

864 );

865 }

866 - __register__(Hello, 'Hello');

866 + $RefreshReg$(Hello, 'Hello');

867

868 const Outer = React.lazy(

869 () =>

@@ -871,7 +871,7 @@ describe('ReactFresh', () => {

871 setTimeout(() => resolve({default: Hello}), 100);

872 }),

873 );

874 - __register__(Outer, 'Outer');

874 + $RefreshReg$(Outer, 'Outer');

875

876 function App() {

877 return (

@@ -880,7 +880,7 @@ describe('ReactFresh', () => {

880 </React.Suspense>

881 );

882 }

883 - __register__(App, 'App');

883 + $RefreshReg$(App, 'App');

884

885 return App;

886 });

@@ -918,7 +918,7 @@ describe('ReactFresh', () => {

918 </p>

919 );

920 }

921 - __register__(Hello, 'Hello');

921 + $RefreshReg$(Hello, 'Hello');

922

923 // Note: no lazy wrapper this time.

924

@@ -929,7 +929,7 @@ describe('ReactFresh', () => {

929 </React.Suspense>

930 );

931 }

932 - __register__(App, 'App');

932 + $RefreshReg$(App, 'App');

933

934 return App;

935 });

@@ -952,7 +952,7 @@ describe('ReactFresh', () => {

952 </p>

953 );

954 }

955 - __register__(Hello, 'Hello');

955 + $RefreshReg$(Hello, 'Hello');

956

957 const Outer = React.lazy(

958 () =>

@@ -960,7 +960,7 @@ describe('ReactFresh', () => {

960 setTimeout(() => resolve({default: Hello}), 100);

961 }),

962 );

963 - __register__(Outer, 'Outer');

963 + $RefreshReg$(Outer, 'Outer');

964

965 function App() {

966 return (

@@ -985,7 +985,7 @@ describe('ReactFresh', () => {

985 </p>

986 );

987 }

988 - __register__(Hello, 'Hello');

988 + $RefreshReg$(Hello, 'Hello');

989 });

990

991 await act(async () => {

@@ -1015,7 +1015,7 @@ describe('ReactFresh', () => {

1015 </p>

1016 );

1017 }

1018 - __register__(Hello, 'Hello');

1018 + $RefreshReg$(Hello, 'Hello');

1019 });

1020 expect(container.firstChild).toBe(el);

1021 expect(el.textContent).toBe('1');

@@ -1035,7 +1035,7 @@ describe('ReactFresh', () => {

1035 );

1036 }

1037 const Hello = React.forwardRef(renderHello);

1038 - __register__(Hello, 'Hello');

1038 + $RefreshReg$(Hello, 'Hello');

1039

1040 const Outer = React.lazy(

1041 () =>

@@ -1043,7 +1043,7 @@ describe('ReactFresh', () => {

1043 setTimeout(() => resolve({default: Hello}), 100);

1044 }),

1045 );

1046 - __register__(Outer, 'Outer');

1046 + $RefreshReg$(Outer, 'Outer');

1047

1048 function App() {

1049 return (

@@ -1069,7 +1069,7 @@ describe('ReactFresh', () => {

1069 );

1070 }

1071 const Hello = React.forwardRef(renderHello);

1072 - __register__(Hello, 'Hello');

1072 + $RefreshReg$(Hello, 'Hello');

1073 });

1074

1075 await act(async () => {

@@ -1100,7 +1100,7 @@ describe('ReactFresh', () => {

1100 );

1101 }

1102 const Hello = React.forwardRef(renderHello);

1103 - __register__(Hello, 'Hello');

1103 + $RefreshReg$(Hello, 'Hello');

1104 });

1105 expect(container.firstChild).toBe(el);

1106 expect(el.textContent).toBe('1');

@@ -1120,7 +1120,7 @@ describe('ReactFresh', () => {

1120 );

1121 }

1122 const Hello = React.memo(renderHello);

1123 - __register__(Hello, 'Hello');

1123 + $RefreshReg$(Hello, 'Hello');

1124

1125 const Outer = React.lazy(

1126 () =>

@@ -1128,7 +1128,7 @@ describe('ReactFresh', () => {

1128 setTimeout(() => resolve({default: Hello}), 100);

1129 }),

1130 );

1131 - __register__(Outer, 'Outer');

1131 + $RefreshReg$(Outer, 'Outer');

1132

1133 function App() {

1134 return (

@@ -1154,7 +1154,7 @@ describe('ReactFresh', () => {

1154 );

1155 }

1156 const Hello = React.memo(renderHello);

1157 - __register__(Hello, 'Hello');

1157 + $RefreshReg$(Hello, 'Hello');

1158 });

1159

1160 await act(async () => {

@@ -1185,7 +1185,7 @@ describe('ReactFresh', () => {

1185 );

1186 }

1187 const Hello = React.memo(renderHello);

1188 - __register__(Hello, 'Hello');

1188 + $RefreshReg$(Hello, 'Hello');

1189 });

1190 expect(container.firstChild).toBe(el);

1191 expect(el.textContent).toBe('1');

@@ -1205,7 +1205,7 @@ describe('ReactFresh', () => {

1205 );

1206 }

1207 const Hello = React.memo(React.forwardRef(renderHello));

1208 - __register__(Hello, 'Hello');

1208 + $RefreshReg$(Hello, 'Hello');

1209

1210 const Outer = React.lazy(

1211 () =>

@@ -1213,7 +1213,7 @@ describe('ReactFresh', () => {

1213 setTimeout(() => resolve({default: Hello}), 100);

1214 }),

1215 );

1216 - __register__(Outer, 'Outer');

1216 + $RefreshReg$(Outer, 'Outer');

1217

1218 function App() {

1219 return (

@@ -1239,7 +1239,7 @@ describe('ReactFresh', () => {

1239 );

1240 }

1241 const Hello = React.memo(React.forwardRef(renderHello));

1242 - __register__(Hello, 'Hello');

1242 + $RefreshReg$(Hello, 'Hello');

1243 });

1244

1245 await act(async () => {

@@ -1270,7 +1270,7 @@ describe('ReactFresh', () => {

1270 );

1271 }

1272 const Hello = React.memo(React.forwardRef(renderHello));

1273 - __register__(Hello, 'Hello');

1273 + $RefreshReg$(Hello, 'Hello');

1274 });

1275 expect(container.firstChild).toBe(el);

1276 expect(el.textContent).toBe('1');

@@ -1290,7 +1290,7 @@ describe('ReactFresh', () => {

1290 </p>

1291 );

1292 }

1293 - __register__(Hello, 'Hello');

1293 + $RefreshReg$(Hello, 'Hello');

1294

1295 function Never() {

1296 throw new Promise(resolve => {});

@@ -1337,7 +1337,7 @@ describe('ReactFresh', () => {

1337 </p>

1338 );

1339 }

1340 - __register__(Hello, 'Hello');

1340 + $RefreshReg$(Hello, 'Hello');

1341 });

1342 expect(container.childNodes.length).toBe(1);

1343 expect(container.childNodes[0]).toBe(primaryChild);

@@ -1383,7 +1383,7 @@ describe('ReactFresh', () => {

1383 </p>

1384 );

1385 }

1386 - __register__(Hello, 'Hello');

1386 + $RefreshReg$(Hello, 'Hello');

1387 });

1388

1389 // Colors inside both trees should change:

@@ -1415,7 +1415,7 @@ describe('ReactFresh', () => {

1415 </p>

1416 );

1417 }

1418 - __register__(Hello, 'Hello');

1418 + $RefreshReg$(Hello, 'Hello');

1419 });

1420 expect(container.childNodes.length).toBe(1);

1421 expect(container.childNodes[0]).toBe(primaryChild);

@@ -1438,12 +1438,12 @@ describe('ReactFresh', () => {

1438 </p>

1439 );

1440 }

1441 - __register__(Hello, 'Hello');

1441 + $RefreshReg$(Hello, 'Hello');

1442 function App() {

1443 appRenders++;

1444 return <Hello />;

1445 }

1446 - __register__(App, 'App');

1446 + $RefreshReg$(App, 'App');

1447 return App;

1448 });

1449

@@ -1471,7 +1471,7 @@ describe('ReactFresh', () => {

1471 </p>

1472 );

1473 }

1474 - __register__(Hello, 'Hello');

1474 + $RefreshReg$(Hello, 'Hello');

1475 });

1476

1477 // Assert the state was preserved but color changed.

@@ -1502,7 +1502,7 @@ describe('ReactFresh', () => {

1502 helloRenders++;

1503 return <div>X{children}X</div>;

1504 }

1505 - __register__(Hello, 'Hello');

1505 + $RefreshReg$(Hello, 'Hello');

1506

1507 function App() {

1508 return (

@@ -1527,7 +1527,7 @@ describe('ReactFresh', () => {

1527 helloRenders++;

1528 return <div>O{children}O</div>;

1529 }

1530 - __register__(Hello, 'Hello');

1530 + $RefreshReg$(Hello, 'Hello');

1531 });

1532 expect(helloRenders).toBe(5);

1533 expect(container.textContent).toBe('OOOOOOOOOO');

@@ -1546,7 +1546,7 @@ describe('ReactFresh', () => {

1546 </p>

1547 );

1548 }

1549 - __register__(Hello1, 'Hello1');

1549 + $RefreshReg$(Hello1, 'Hello1');

1550 function Hello2() {

1551 const [val, setVal] = React.useState(0);

1552 return (

@@ -1555,11 +1555,11 @@ describe('ReactFresh', () => {

1555 </p>

1556 );

1557 }

1558 - __register__(Hello2, 'Hello2');

1558 + $RefreshReg$(Hello2, 'Hello2');

1559 function App({cond}) {

1560 return cond ? <Hello1 /> : <Hello2 />;

1561 }

1562 - __register__(App, 'App');

1562 + $RefreshReg$(App, 'App');

1563 return App;

1564 },

1565 {cond: false},

@@ -1598,7 +1598,7 @@ describe('ReactFresh', () => {

1598 </p>

1599 );

1600 }

1601 - __register__(Hello1, 'Hello1');

1601 + $RefreshReg$(Hello1, 'Hello1');

1602 function Hello2() {

1603 const [val, setVal] = React.useState(0);

1604 return (

@@ -1607,7 +1607,7 @@ describe('ReactFresh', () => {

1607 </p>

1608 );

1609 }

1610 - __register__(Hello2, 'Hello2');

1610 + $RefreshReg$(Hello2, 'Hello2');

1611 });

1612

1613 // Assert the state was preserved but color changed.

@@ -1635,9 +1635,9 @@ describe('ReactFresh', () => {

1635 </p>

1636 );

1637 }

1638 - __register__(Hello, 'Hello');

1638 + $RefreshReg$(Hello, 'Hello');

1639 // When this changes, we'll expect a remount:

1640 - __signature__(Hello, '1');

1640 + $RefreshSig$(Hello, '1');

1641 return Hello;

1642 });

1643

@@ -1660,9 +1660,9 @@ describe('ReactFresh', () => {

1660 </p>

1661 );

1662 }

1663 - __register__(Hello, 'Hello');

1663 + $RefreshReg$(Hello, 'Hello');

1664 // The signature hasn't changed since the last time:

1665 - __signature__(Hello, '1');

1665 + $RefreshSig$(Hello, '1');

1666 return Hello;

1667 });

1668

@@ -1682,8 +1682,8 @@ describe('ReactFresh', () => {

1682 );

1683 }

1684 // We're changing the signature now so it will remount:

1685 - __register__(Hello, 'Hello');

1686 - __signature__(Hello, '2');

1685 + $RefreshReg$(Hello, 'Hello');

1686 + $RefreshSig$(Hello, '2');

1687 return Hello;

1688 });

1689

@@ -1723,8 +1723,8 @@ describe('ReactFresh', () => {

1723 );

1724 }

1725 // Same signature as last time.

1726 - __register__(Hello, 'Hello');

1727 - __signature__(Hello, '2');

1726 + $RefreshReg$(Hello, 'Hello');

1727 + $RefreshSig$(Hello, '2');

1728 return Hello;

1729 });

1730

@@ -1743,7 +1743,7 @@ describe('ReactFresh', () => {

1743 );

1744 }

1745 // No signature this time.

1746 - __register__(Hello, 'Hello');

1746 + $RefreshReg$(Hello, 'Hello');

1747 return Hello;

1748 });

1749

@@ -1761,8 +1761,8 @@ describe('ReactFresh', () => {

1761 function Hello() {

1762 return null;

1763 }

1764 - __register__(Hello, 'Hello');

1765 - __signature__(Hello, '1');

1764 + $RefreshReg$(Hello, 'Hello');

1765 + $RefreshSig$(Hello, '1');

1766 return Hello;

1767 });

1768

@@ -1907,8 +1907,8 @@ describe('ReactFresh', () => {

1907 function Hello({children}) {

1908 return <section data-color="blue">{children}</section>;

1909 }

1910 - __register__(Hello, 'Hello');

1911 - __signature__(Hello, '1');

1910 + $RefreshReg$(Hello, 'Hello');

1911 + $RefreshSig$(Hello, '1');

1912 return Hello;

1913 });

1914

@@ -1925,8 +1925,8 @@ describe('ReactFresh', () => {

1925 function Hello({children}) {

1926 return <section data-color="red">{children}</section>;

1927 }

1928 - __register__(Hello, 'Hello');

1929 - __signature__(Hello, '1');

1928 + $RefreshReg$(Hello, 'Hello');

1929 + $RefreshSig$(Hello, '1');

1930 return Hello;

1931 });

1932

@@ -1944,8 +1944,8 @@ describe('ReactFresh', () => {

1944 function Hello({children}) {

1945 return <section data-color="orange">{children}</section>;

1946 }

1947 - __register__(Hello, 'Hello');

1948 - __signature__(Hello, '2'); // Remount

1947 + $RefreshReg$(Hello, 'Hello');

1948 + $RefreshSig$(Hello, '2'); // Remount

1949 return Hello;

1950 });

1951

@@ -1963,8 +1963,8 @@ describe('ReactFresh', () => {

1963 function Hello({children}) {

1964 return <section data-color="black">{children}</section>;

1965 }

1966 - __register__(Hello, 'Hello');

1967 - __signature__(Hello, '2'); // Same signature as before

1966 + $RefreshReg$(Hello, 'Hello');

1967 + $RefreshSig$(Hello, '2'); // Same signature as before

1968 return Hello;

1969 });

1970

@@ -2166,9 +2166,9 @@ describe('ReactFresh', () => {

2166 </p>

2167 );

2168 }

2169 - __register__(Hello, 'Hello');

2169 + $RefreshReg$(Hello, 'Hello');

2170 // When this changes, we'll expect a remount:

2171 - __signature__(Hello, '1');

2171 + $RefreshSig$(Hello, '1');

2172

2173 // Use the passed wrapper.

2174 // This will be different in every test.

@@ -2194,9 +2194,9 @@ describe('ReactFresh', () => {

2194 </p>

2195 );

2196 }

2197 - __register__(Hello, 'Hello');

2197 + $RefreshReg$(Hello, 'Hello');

2198 // The signature hasn't changed since the last time:

2199 - __signature__(Hello, '1');

2199 + $RefreshSig$(Hello, '1');

2200 return Hello;

2201 });

2202

@@ -2216,8 +2216,8 @@ describe('ReactFresh', () => {

2216 );

2217 }

2218 // We're changing the signature now so it will remount:

2219 - __register__(Hello, 'Hello');

2220 - __signature__(Hello, '2');

2219 + $RefreshReg$(Hello, 'Hello');

2220 + $RefreshSig$(Hello, '2');

2221 return Hello;

2222 });

2223

@@ -2245,8 +2245,8 @@ describe('ReactFresh', () => {

2245 );

2246 }

2247 // Same signature as last time.

2248 - __register__(Hello, 'Hello');

2249 - __signature__(Hello, '2');

2248 + $RefreshReg$(Hello, 'Hello');

2249 + $RefreshSig$(Hello, '2');

2250 return Hello;

2251 });

2252

@@ -2265,7 +2265,7 @@ describe('ReactFresh', () => {

2265 );

2266 }

2267 // No signature this time.

2268 - __register__(Hello, 'Hello');

2268 + $RefreshReg$(Hello, 'Hello');

2269 return Hello;

2270 });

2271

@@ -2296,7 +2296,7 @@ describe('ReactFresh', () => {

2296 </p>

2297 );

2298 }

2299 - __register__(Hello, 'Hello');

2299 + $RefreshReg$(Hello, 'Hello');

2300 return Hello;

2301 });

2302

@@ -2329,7 +2329,7 @@ describe('ReactFresh', () => {

2329 </p>

2330 );

2331 }

2332 - __register__(Hello, 'Hello');

2332 + $RefreshReg$(Hello, 'Hello');

2333 return Hello;

2334 });

2335 });

@@ -2364,7 +2364,7 @@ describe('ReactFresh', () => {

2364 </p>

2365 );

2366 }

2367 - __register__(Hello, 'Hello');

2367 + $RefreshReg$(Hello, 'Hello');

2368

2369 return function App({offscreen}) {

2370 React.useLayoutEffect(() => {

@@ -2398,7 +2398,7 @@ describe('ReactFresh', () => {

2398 </p>

2399 );

2400 }

2401 - __register__(Hello, 'Hello');

2401 + $RefreshReg$(Hello, 'Hello');

2402 });

2403

2404 // It's still offscreen so we don't see anything.

@@ -2432,7 +2432,7 @@ describe('ReactFresh', () => {

2432 </p>

2433 );

2434 }

2435 - __register__(Hello, 'Hello');

2435 + $RefreshReg$(Hello, 'Hello');

2436 });

2437

2438 // It's still offscreen so we don't see the updates.

@@ -2454,7 +2454,7 @@ describe('ReactFresh', () => {

2454 function Hello() {

2455 return <h1>Hi</h1>;

2456 }

2457 - __register__(Hello, 'Hello');

2457 + $RefreshReg$(Hello, 'Hello');

2458

2459 class Boundary extends React.Component {

2460 state = {error: null};

@@ -2493,7 +2493,7 @@ describe('ReactFresh', () => {

2493 function Hello() {

2494 throw new Error('No');

2495 }

2496 - __register__(Hello, 'Hello');

2496 + $RefreshReg$(Hello, 'Hello');

2497 });

2498

2499 expect(container.innerHTML).toBe('<p>A</p><h1>Oops: No</h1><p>B</p>');

@@ -2505,7 +2505,7 @@ describe('ReactFresh', () => {

2505 function Hello() {

2506 return <h1>Fixed!</h1>;

2507 }

2508 - __register__(Hello, 'Hello');

2508 + $RefreshReg$(Hello, 'Hello');

2509 });

2510

2511 // This should remount the error boundary (but not anything above it).

@@ -2519,7 +2519,7 @@ describe('ReactFresh', () => {

2519 function Hello() {

2520 return <h1>Nice.</h1>;

2521 }

2522 - __register__(Hello, 'Hello');

2522 + $RefreshReg$(Hello, 'Hello');

2523 });

2524 expect(container.firstChild.nextSibling).toBe(helloNode);

2525 expect(helloNode.textContent).toBe('Nice.');

@@ -2532,7 +2532,7 @@ describe('ReactFresh', () => {

2532 function Hello() {

2533 return <h1>Hi</h1>;

2534 }

2535 - __register__(Hello, 'Hello');

2535 + $RefreshReg$(Hello, 'Hello');

2536

2537 class Boundary extends React.Component {

2538 state = {error: null};

@@ -2571,7 +2571,7 @@ describe('ReactFresh', () => {

2571 function Hello() {

2572 throw new Error('No');

2573 }

2574 - __register__(Hello, 'Hello');

2574 + $RefreshReg$(Hello, 'Hello');

2575 });

2576

2577 expect(container.innerHTML).toBe('<p>A</p><h1>Oops: No</h1><p>B</p>');

@@ -2583,7 +2583,7 @@ describe('ReactFresh', () => {

2583 function Hello() {

2584 return <h1>Fixed!</h1>;

2585 }

2586 - __register__(Hello, 'Hello');

2586 + $RefreshReg$(Hello, 'Hello');

2587 });

2588

2589 // This should remount the error boundary (but not anything above it).

@@ -2597,7 +2597,7 @@ describe('ReactFresh', () => {

2597 function Hello() {

2598 return <h1>Nice.</h1>;

2599 }

2600 - __register__(Hello, 'Hello');

2600 + $RefreshReg$(Hello, 'Hello');

2601 });

2602 expect(container.firstChild.nextSibling).toBe(helloNode);

2603 expect(helloNode.textContent).toBe('Nice.');

@@ -2613,7 +2613,7 @@ describe('ReactFresh', () => {

2613 x.slice(); // Doesn't throw initially.

2614 return <h1>Hi</h1>;

2615 }

2616 - __register__(Hello, 'Hello');

2616 + $RefreshReg$(Hello, 'Hello');

2617

2618 class Boundary extends React.Component {

2619 state = {error: null};

@@ -2660,7 +2660,7 @@ describe('ReactFresh', () => {

2660 x.slice();

2661 return <h1>Hi</h1>;

2662 }

2663 - __register__(Hello, 'Hello');

2663 + $RefreshReg$(Hello, 'Hello');

2664 });

2665 });

2666

@@ -2683,7 +2683,7 @@ describe('ReactFresh', () => {

2683 x.slice(); // Doesn't throw initially.

2684 return <h1>Fixed!</h1>;

2685 }

2686 - __register__(Hello, 'Hello');

2686 + $RefreshReg$(Hello, 'Hello');

2687 });

2688

2689 // This should remount the error boundary (but not anything above it).

@@ -2700,7 +2700,7 @@ describe('ReactFresh', () => {

2700 x.slice();

2701 return <h1>Nice.</h1>;

2702 }

2703 - __register__(Hello, 'Hello');

2703 + $RefreshReg$(Hello, 'Hello');

2704 });

2705 expect(container.firstChild.nextSibling).toBe(helloNode);

2706 expect(helloNode.textContent).toBe('Nice.');

@@ -2730,7 +2730,7 @@ describe('ReactFresh', () => {

2730 // Normally classes would get a different type and remount anyway,

2731 // but at module boundaries we may want to prevent propagation.

2732 // However we still want to force a remount and use latest version.

2733 - __register__(Hello, 'Hello');

2733 + $RefreshReg$(Hello, 'Hello');

2734 return Hello;

2735 });

2736

@@ -2760,7 +2760,7 @@ describe('ReactFresh', () => {

2760 );

2761 }

2762 }

2763 - __register__(Hello, 'Hello');

2763 + $RefreshReg$(Hello, 'Hello');

2764 return Hello;

2765 });

2766

@@ -2797,7 +2797,7 @@ describe('ReactFresh', () => {

2797 );

2798 }

2799 }

2800 - __register__(Hello, 'Hello');

2800 + $RefreshReg$(Hello, 'Hello');

2801 return Hello;

2802 });

2803

@@ -2831,7 +2831,7 @@ describe('ReactFresh', () => {

2831 </p>

2832 );

2833 }

2834 - __register__(Hello, 'Hello');

2834 + $RefreshReg$(Hello, 'Hello');

2835 return Hello;

2836 });

2837

@@ -2861,7 +2861,7 @@ describe('ReactFresh', () => {

2861 );

2862 }

2863 }

2864 - __register__(Hello, 'Hello');

2864 + $RefreshReg$(Hello, 'Hello');

2865 return Hello;

2866 });

2867

@@ -2892,7 +2892,7 @@ describe('ReactFresh', () => {

2892 </p>

2893 );

2894 }

2895 - __register__(Hello, 'Hello');

2895 + $RefreshReg$(Hello, 'Hello');

2896 return Hello;

2897 });

2898

@@ -2923,7 +2923,7 @@ describe('ReactFresh', () => {

2923 </p>

2924 );

2925 }

2926 - __register__(Hello, 'Hello');

2926 + $RefreshReg$(Hello, 'Hello');

2927 return Hello;

2928 });

2929 expect(container.firstChild).toBe(finalEl);

@@ -2938,7 +2938,7 @@ describe('ReactFresh', () => {

2938 function Child({children}) {

2939 return <div className="Child">{children}</div>;

2940 }

2941 - __register__(Child, 'Child');

2941 + $RefreshReg$(Child, 'Child');

2942

2943 function Parent({children}) {

2944 return (

@@ -2952,7 +2952,7 @@ describe('ReactFresh', () => {

2952 </div>

2953 );

2954 }

2955 - __register__(Parent, 'Parent');

2955 + $RefreshReg$(Parent, 'Parent');

2956

2957 function App() {

2958 return (

@@ -2967,7 +2967,7 @@ describe('ReactFresh', () => {

2967 </div>

2968 );

2969 }

2970 - __register__(App, 'App');

2970 + $RefreshReg$(App, 'App');

2971

2972 class Cls extends React.Component {

2973 render() {

@@ -2982,7 +2982,7 @@ describe('ReactFresh', () => {

2982 function Empty() {

2983 return null;

2984 }

2985 - __register__(Empty, 'Empty');

2985 + $RefreshReg$(Empty, 'Empty');

2986

2987 function Frag() {

2988 return (

@@ -2996,7 +2996,7 @@ describe('ReactFresh', () => {

2996 </React.Fragment>

2997 );

2998 }

2999 - __register__(Frag, 'Frag');

2999 + $RefreshReg$(Frag, 'Frag');

3000

3001 return App;

3002 });

@@ -3051,7 +3051,7 @@ describe('ReactFresh', () => {

3051 </p>

3052 );

3053 };

3054 - __register__(HelloV1, 'Hello');

3054 + $RefreshReg$(HelloV1, 'Hello');

3055

3056 // Perform a hot update before any roots exist.

3057 const HelloV2 = () => {

@@ -3062,7 +3062,7 @@ describe('ReactFresh', () => {

3062 </p>

3063 );

3064 };

3065 - __register__(HelloV2, 'Hello');

3065 + $RefreshReg$(HelloV2, 'Hello');

3066 ReactFreshRuntime.performReactRefresh();

3067

3068 // Mount three roots.

@@ -3113,7 +3113,7 @@ describe('ReactFresh', () => {

3113 </p>

3114 );

3115 };

3116 - __register__(HelloV3, 'Hello');

3116 + $RefreshReg$(HelloV3, 'Hello');

3117 ReactFreshRuntime.performReactRefresh();

3118

3119 // It should affect all roots.

@@ -3138,7 +3138,7 @@ describe('ReactFresh', () => {

3138 </p>

3139 );

3140 };

3141 - __register__(HelloV4, 'Hello');

3141 + $RefreshReg$(HelloV4, 'Hello');

3142 expect(() => {

3143 ReactFreshRuntime.performReactRefresh();

3144 }).toThrow('Oops.');

packages/react-refresh/src/__tests__/ReactFreshIntegration-test.js

+5 -5

@@ -69,10 +69,10 @@ describe('ReactFreshIntegration', () => {

69 'global',

70 'React',

71 'exports',

72 - '__register__',

73 - '__signature__',

72 + '$RefreshReg$',

73 + '$RefreshSig$',

74 compiled,

75 - )(global, React, exportsObj, __register__, __signature__);

75 + )(global, React, exportsObj, $RefreshReg$, $RefreshSig$);

76 return exportsObj.default;

77 }

@@ -93,11 +93,11 @@ describe('ReactFreshIntegration', () => {

93 expect(ReactFreshRuntime._getMountedRootCount()).toBe(1);

94 }

96 - function __register__(type, id) {

96 + function $RefreshReg$(type, id) {

97 ReactFreshRuntime.register(type, id);

98 }

100 - function __signature__() {

100 + function $RefreshSig$() {

101 return ReactFreshRuntime.createSignatureFunctionForTransform();

102 }

103

packages/react-refresh/src/__tests__/__snapshots__/ReactFreshBabelPlugin-test.js.snap

+58 -90

@@ -19,11 +19,11 @@ _c = App;

20 var _c;

22 -__register__(_c, 'App');

22 +$RefreshReg$(_c, 'App');

23 `;

25 exports[`ReactFreshBabelPlugin generates signatures for function declarations calling hooks 1`] = `

26 -var _s = __signature__();

26 +var _s = $RefreshSig$();

28 export default function App() {

29 _s();

@@ -39,12 +39,12 @@ _c = App;

40 var _c;

42 -__register__(_c, "App");

42 +$RefreshReg$(_c, "App");

43 `;

45 exports[`ReactFreshBabelPlugin generates signatures for function expressions calling hooks 1`] = `

46 -var _s = __signature__(),

47 - _s2 = __signature__();

46 +var _s = $RefreshSig$(),

47 + _s2 = $RefreshSig$();

49 export const A = _c3 = React.memo(_c2 = React.forwardRef(_c = _s((props, ref) => {

50 _s();

@@ -63,7 +63,7 @@ export const B = _c6 = React.memo(_c5 = React.forwardRef(_c4 = _s2(function (pro

63 }, "useState{[foo, setFoo](0)}\\nuseEffect{}")));

65 function hoc() {

66 - var _s3 = __signature__();

66 + var _s3 = $RefreshSig$();

68 return _s3(function Inner() {

69 _s3();

@@ -78,28 +78,23 @@ export let C = hoc();

79 var _c, _c2, _c3, _c4, _c5, _c6;

81 -__register__(_c, "A$React.memo$React.forwardRef");

82 -

83 -__register__(_c2, "A$React.memo");

84 -

85 -__register__(_c3, "A");

86 -

87 -__register__(_c4, "B$React.memo$React.forwardRef");

88 -

89 -__register__(_c5, "B$React.memo");

90 -

91 -__register__(_c6, "B");

81 +$RefreshReg$(_c, "A$React.memo$React.forwardRef");

82 +$RefreshReg$(_c2, "A$React.memo");

83 +$RefreshReg$(_c3, "A");

84 +$RefreshReg$(_c4, "B$React.memo$React.forwardRef");

85 +$RefreshReg$(_c5, "B$React.memo");

86 +$RefreshReg$(_c6, "B");

87 `;

89 exports[`ReactFreshBabelPlugin generates valid signature for exotic ways to call Hooks 1`] = `

95 -var _s2 = __signature__();

90 +var _s2 = $RefreshSig$();

92 import FancyHook from 'fancy';

94 export default function App() {

95 _s2();

102 - var _s = __signature__();

97 + var _s = $RefreshSig$();

99 function useFancyState() {

100 _s();

@@ -124,7 +119,7 @@ _c = App;

119

120 var _c;

121

127 -__register__(_c, 'App');

122 +$RefreshReg$(_c, 'App');

123 `;

124

125 exports[`ReactFreshBabelPlugin ignores HOC definitions 1`] = `

@@ -179,9 +174,9 @@ export default function () {}

174 `;

175

176 exports[`ReactFreshBabelPlugin includes custom hooks into the signatures 1`] = `

182 -var _s = __signature__(),

183 - _s2 = __signature__(),

184 - _s3 = __signature__();

177 +var _s = $RefreshSig$(),

178 + _s2 = $RefreshSig$(),

179 + _s3 = $RefreshSig$();

180

181 function useFancyState() {

182 _s();

@@ -214,7 +209,7 @@ _c = App;

209

210 var _c;

211

217 -__register__(_c, "App");

212 +$RefreshReg$(_c, "App");

213 `;

214

215 exports[`ReactFreshBabelPlugin only registers pascal case functions 1`] = `

@@ -237,13 +232,10 @@ const B = _c4 = hoc(Foo);

232

233 var _c, _c2, _c3, _c4;

234

240 -__register__(_c, "Foo");

241 -

242 -__register__(_c2, "%default%");

243 -

244 -__register__(_c3, "A");

245 -

246 -__register__(_c4, "B");

235 +$RefreshReg$(_c, "Foo");

236 +$RefreshReg$(_c2, "%default%");

237 +$RefreshReg$(_c3, "A");

238 +$RefreshReg$(_c4, "B");

239 `;

240

241 exports[`ReactFreshBabelPlugin registers identifiers used in JSX at definition site 1`] = `

@@ -272,13 +264,10 @@ const NotAComponent = _c4 = wow(A);

264

265 var _c, _c2, _c3, _c4;

266

275 -__register__(_c, 'Header');

276 -

277 -__register__(_c2, 'Foo');

278 -

279 -__register__(_c3, 'B');

280 -

281 -__register__(_c4, 'NotAComponent');

267 +$RefreshReg$(_c, 'Header');

268 +$RefreshReg$(_c2, 'Foo');

269 +$RefreshReg$(_c3, 'B');

270 +$RefreshReg$(_c4, 'NotAComponent');

271 `;

272

273 exports[`ReactFreshBabelPlugin registers identifiers used in React.createElement at definition site 1`] = `

@@ -309,13 +298,10 @@ const NotAComponent = _c4 = wow(A);

298

299 var _c, _c2, _c3, _c4;

300

312 -__register__(_c, 'Header');

313 -

314 -__register__(_c2, 'Foo');

315 -

316 -__register__(_c3, 'B');

317 -

318 -__register__(_c4, 'NotAComponent');

301 +$RefreshReg$(_c, 'Header');

302 +$RefreshReg$(_c2, 'Foo');

303 +$RefreshReg$(_c3, 'B');

304 +$RefreshReg$(_c4, 'NotAComponent');

305 `;

306

307 exports[`ReactFreshBabelPlugin registers likely HOCs with inline functions 1`] = `

@@ -332,21 +318,14 @@ export default _c8 = React.memo(_c7 = forwardRef(_c6 = (props, ref) => {

318

319 var _c, _c2, _c3, _c4, _c5, _c6, _c7, _c8;

320

335 -__register__(_c, "A$forwardRef");

336 -

337 -__register__(_c2, "A");

338 -

339 -__register__(_c3, "B$memo$React.forwardRef");

340 -

341 -__register__(_c4, "B$memo");

342 -

343 -__register__(_c5, "B");

344 -

345 -__register__(_c6, "%default%$React.memo$forwardRef");

346 -

347 -__register__(_c7, "%default%$React.memo");

348 -

349 -__register__(_c8, "%default%");

321 +$RefreshReg$(_c, "A$forwardRef");

322 +$RefreshReg$(_c2, "A");

323 +$RefreshReg$(_c3, "B$memo$React.forwardRef");

324 +$RefreshReg$(_c4, "B$memo");

325 +$RefreshReg$(_c5, "B");

326 +$RefreshReg$(_c6, "%default%$React.memo$forwardRef");

327 +$RefreshReg$(_c7, "%default%$React.memo");

328 +$RefreshReg$(_c8, "%default%");

329 `;

330

331 exports[`ReactFreshBabelPlugin registers likely HOCs with inline functions 2`] = `

@@ -357,11 +336,9 @@ export default _c3 = React.memo(_c2 = forwardRef(_c = function (props, ref) {

336

337 var _c, _c2, _c3;

338

360 -__register__(_c, "%default%$React.memo$forwardRef");

361 -

362 -__register__(_c2, "%default%$React.memo");

363 -

364 -__register__(_c3, "%default%");

339 +$RefreshReg$(_c, "%default%$React.memo$forwardRef");

340 +$RefreshReg$(_c2, "%default%$React.memo");

341 +$RefreshReg$(_c3, "%default%");

342 `;

343

344 exports[`ReactFreshBabelPlugin registers likely HOCs with inline functions 3`] = `

@@ -372,11 +349,9 @@ export default _c3 = React.memo(_c2 = forwardRef(_c = function Named(props, ref)

349

350 var _c, _c2, _c3;

351

375 -__register__(_c, "%default%$React.memo$forwardRef");

376 -

377 -__register__(_c2, "%default%$React.memo");

378 -

379 -__register__(_c3, "%default%");

352 +$RefreshReg$(_c, "%default%$React.memo$forwardRef");

353 +$RefreshReg$(_c2, "%default%$React.memo");

354 +$RefreshReg$(_c3, "%default%");

355 `;

356

357 exports[`ReactFreshBabelPlugin registers top-level exported function declarations 1`] = `

@@ -405,11 +380,9 @@ export const Bad = 42;

380

381 var _c, _c2, _c3;

382

408 -__register__(_c, 'Hello');

409 -

410 -__register__(_c2, 'Bar');

411 -

412 -__register__(_c3, 'Baz');

383 +$RefreshReg$(_c, 'Hello');

384 +$RefreshReg$(_c2, 'Bar');

385 +$RefreshReg$(_c3, 'Baz');

386 `;

387

388 exports[`ReactFreshBabelPlugin registers top-level exported named arrow functions 1`] = `

@@ -431,9 +404,8 @@ export default (() => {

404

405 var _c, _c2;

406

434 -__register__(_c, "Hello");

435 -

436 -__register__(_c2, "Bar");

407 +$RefreshReg$(_c, "Hello");

408 +$RefreshReg$(_c2, "Bar");

409 `;

410

411 exports[`ReactFreshBabelPlugin registers top-level function declarations 1`] = `

@@ -451,9 +423,8 @@ _c2 = Bar;

423

424 var _c, _c2;

425

454 -__register__(_c, "Hello");

455 -

456 -__register__(_c2, "Bar");

426 +$RefreshReg$(_c, "Hello");

427 +$RefreshReg$(_c2, "Bar");

428 `;

429

430 exports[`ReactFreshBabelPlugin registers top-level variable declarations with arrow functions 1`] = `

@@ -473,11 +444,9 @@ var sum = () => {};

444

445 var _c, _c2, _c3;

446

476 -__register__(_c, "Hello");

477 -

478 -__register__(_c2, "Bar");

479 -

480 -__register__(_c3, "Baz");

447 +$RefreshReg$(_c, "Hello");

448 +$RefreshReg$(_c2, "Bar");

449 +$RefreshReg$(_c3, "Baz");

450 `;

451

452 exports[`ReactFreshBabelPlugin registers top-level variable declarations with function expressions 1`] = `

@@ -497,9 +466,8 @@ var Qux;

466

467 var _c, _c2;

468

500 -__register__(_c, "Hello");

501 -

502 -__register__(_c2, "Bar");

469 +$RefreshReg$(_c, "Hello");

470 +$RefreshReg$(_c2, "Bar");

471 `;

472

473 exports[`ReactFreshBabelPlugin uses original function declaration if it get reassigned 1`] = `

@@ -512,5 +480,5 @@ Hello = connect(Hello);

480

481 var _c;

482

515 -__register__(_c, "Hello");

483 +$RefreshReg$(_c, "Hello");

484 `;