diff --git a/examples/styled-components/src/Spring.js b/examples/styled-components/src/Spring.js new file mode 100644 index 000000000..d3b250485 --- /dev/null +++ b/examples/styled-components/src/Spring.js @@ -0,0 +1,18 @@ +import { animated, useSpring } from 'react-spring'; +import React, { useCallback, useState } from 'react'; + +export function SpringTest() { + const [thingDone, toggleThingDone] = useState(false); + const doTheThing = useCallback(() => toggleThingDone(!thingDone), [thingDone]); + + const fader = useSpring({ opacity: thingDone ? 1 : 0 }); + + return ( + + You did the thing! + + + ); +} diff --git a/src/babel.dev.js b/src/babel.dev.js index 5672bb859..570cba8fd 100644 --- a/src/babel.dev.js +++ b/src/babel.dev.js @@ -257,12 +257,13 @@ module.exports = composePlugins([ // removing everything we dont want right now // registration - delete p.visitor.Program; + // delete p.visitor.Program; + // delete p.visitor.Program.exit; // registrations - delete p.visitor.FunctionDeclaration.enter; - delete p.visitor.FunctionDeclaration.leave; - delete p.visitor.VariableDeclaration; + // delete p.visitor.FunctionDeclaration.enter; + // delete p.visitor.FunctionDeclaration.leave; + // delete p.visitor.VariableDeclaration; return p; }, diff --git a/src/fresh/babel.js b/src/fresh/babel.js index a5925c38e..3e7e8047e 100644 --- a/src/fresh/babel.js +++ b/src/fresh/babel.js @@ -165,25 +165,6 @@ export default function(babel) { return false; } - let hookCalls = new WeakMap(); - - function recordHookCall(functionNode, hookCallPath, hookName) { - if (!hookCalls.has(functionNode)) { - hookCalls.set(functionNode, []); - } - let hookCallsForFn = hookCalls.get(functionNode); - let key = ''; - if (hookCallPath.parent.type === 'VariableDeclarator') { - // TODO: if there is no LHS, consider some other heuristic. - key = hookCallPath.parentPath.get('id').getSource(); - } - hookCallsForFn.push({ - name: hookName, - callee: hookCallPath.node.callee, - key, - }); - } - function isBuiltinHook(hookName) { switch (hookName) { case 'useState': @@ -236,9 +217,64 @@ export default function(babel) { let seenForRegistration = new WeakSet(); let seenForSignature = new WeakSet(); - let seenForHookCalls = new WeakSet(); let seenForOutro = new WeakSet(); + let hookCalls = new WeakMap(); + const HookCallsVisitor = { + CallExpression(path) { + const node = path.node; + const callee = node.callee; + + // Note: this visitor MUST NOT mutate the tree in any way. + // It runs early in a separate traversal and should be very fast. + + let name = null; + switch (callee.type) { + case 'Identifier': + name = callee.name; + break; + case 'MemberExpression': + name = callee.property.name; + break; + } + if (name === null || !/^use[A-Z]/.test(name)) { + return; + } + const fnScope = path.scope.getFunctionParent(); + if (fnScope === null) { + return; + } + + // This is a Hook call. Record it. + const fnNode = fnScope.block; + if (!hookCalls.has(fnNode)) { + hookCalls.set(fnNode, []); + } + let hookCallsForFn = hookCalls.get(fnNode); + let key = ''; + if (path.parent.type === 'VariableDeclarator') { + // TODO: if there is no LHS, consider some other heuristic. + key = path.parentPath.get('id').getSource(); + } + + // Some built-in Hooks reset on edits to arguments. + const args = path.get('arguments'); + if (name === 'useState' && args.length > 0) { + // useState second argument is initial state. + key += '(' + args[0].getSource() + ')'; + } else if (name === 'useReducer' && args.length > 1) { + // useReducer second argument is initial state. + key += '(' + args[1].getSource() + ')'; + } + + hookCallsForFn.push({ + callee: path.node.callee, + name, + key, + }); + }, + }; + return { visitor: { ExportDefaultDeclaration(path) { @@ -289,6 +325,7 @@ export default function(babel) { }, FunctionDeclaration: { enter(path) { + return; const node = path.node; let programPath; let insertAfterPath; @@ -342,6 +379,7 @@ export default function(babel) { ); }, exit(path) { + //return; const node = path.node; const id = node.id; if (id === null) { @@ -358,7 +396,7 @@ export default function(babel) { return; } seenForSignature.add(node); - // Don't muatte the tree above this point. + // Unlike with __register__, this needs to work for nested // declarations too. So we need to search for a path where @@ -438,6 +476,7 @@ export default function(babel) { }, }, VariableDeclaration(path) { + return; const node = path.node; let programPath; let insertAfterPath; @@ -510,39 +549,16 @@ export default function(babel) { }, ); }, - CallExpression(path) { - const node = path.node; - const callee = node.callee; - - let name = null; - switch (callee.type) { - case 'Identifier': - name = callee.name; - break; - case 'MemberExpression': - name = callee.property.name; - break; - } - if (name === null || !/^use[A-Z]/.test(name)) { - return; - } - - // Make sure we're not recording the same calls twice. - // This can happen if another Babel plugin replaces parents. - if (seenForHookCalls.has(node)) { - return; - } - seenForHookCalls.add(node); - // Don't mutate the tree above this point. - - const fn = path.scope.getFunctionParent(); - if (fn === null) { - return; - } - recordHookCall(fn.block, path, name); - }, Program: { + enter(path) { + // This is a separate early visitor because we need to collect Hook calls + // and "const [foo, setFoo] = ..." signatures before the destructuring + // transform mangles them. This extra traversal is not ideal for perf, + // but it's the best we can do until we stop transpiling destructuring. + path.traverse(HookCallsVisitor); + }, exit(path) { + return; const registrations = registrationsByProgramPath.get(path); if (registrations === undefined) { return; diff --git a/test/__babel_fixtures__/hooks.js b/test/__babel_fixtures__/hooks.js index 13c997a46..2e0860e27 100644 --- a/test/__babel_fixtures__/hooks.js +++ b/test/__babel_fixtures__/hooks.js @@ -1,4 +1,5 @@ import React, {useState} from 'react'; +import {useExternalHook} from 'external-hook' const NoHooks = () =>
no hooks
; @@ -32,6 +33,7 @@ const useForwardRefFunctionHook = React.forwardRef(function () { const useCustomHook = () => { useState(42); useEffectHook(); + useExternalHook(); }; function useFunc () { diff --git a/test/__snapshots__/babel.test.js.snap b/test/__snapshots__/babel.test.js.snap deleted file mode 100644 index d8868f1f0..000000000 --- a/test/__snapshots__/babel.test.js.snap +++ /dev/null @@ -1,2369 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`babel Targetting "es2015" copies arrow function body block onto hidden class methods arguments.js 1`] = ` -"\\"use strict\\"; - -var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\\"value\\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); - -(function () { - var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).enterModule; - enterModule && enterModule(module); -})(); - -function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\\"Cannot call a class as a function\\"); } } - -var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) { - return a; -}; - -var Foo = function () { - function Foo() { - var _arguments = arguments; - - _classCallCheck(this, Foo); - - this.bar = function (a, b) { - _arguments; - - return a(b); - }; - } - - _createClass(Foo, [{ - key: \\"__reactstandin__regenerateByEval\\", - // @ts-ignore - value: function __reactstandin__regenerateByEval(key, code) { - // @ts-ignore - this[key] = eval(code); - } - }]); - - return Foo; -}(); - -; - -(function () { - var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).default; - - if (!reactHotLoader) { - return; - } - - reactHotLoader.register(Foo, \\"Foo\\", __FILENAME__); -})(); - -; - -(function () { - var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).leaveModule; - leaveModule && leaveModule(module); -})();" -`; - -exports[`babel Targetting "es2015" copies arrow function body block onto hidden class methods arrow function in constructor.js 1`] = ` -"\\"use strict\\"; - -var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\\"value\\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); - -(function () { - var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).enterModule; - enterModule && enterModule(module); -})(); - -function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\\"Cannot call a class as a function\\"); } } - -var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) { - return a; -}; - -var Foo = function () { - function Foo() { - _classCallCheck(this, Foo); - - this.onClick = function (e) { - return e.target.value; - }; - } - - _createClass(Foo, [{ - key: \\"__reactstandin__regenerateByEval\\", - // @ts-ignore - value: function __reactstandin__regenerateByEval(key, code) { - // @ts-ignore - this[key] = eval(code); - } - }]); - - return Foo; -}(); - -; - -(function () { - var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).default; - - if (!reactHotLoader) { - return; - } - - reactHotLoader.register(Foo, \\"Foo\\", __FILENAME__); -})(); - -; - -(function () { - var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).leaveModule; - leaveModule && leaveModule(module); -})();" -`; - -exports[`babel Targetting "es2015" copies arrow function body block onto hidden class methods async functions expression body.js 1`] = ` -"\\"use strict\\"; - -var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\\"value\\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); - -(function () { - var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).enterModule; - enterModule && enterModule(module); -})(); - -function _asyncToGenerator(fn) { return function () { var gen = fn.apply(this, arguments); return new Promise(function (resolve, reject) { function step(key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { return Promise.resolve(value).then(function (value) { step(\\"next\\", value); }, function (err) { step(\\"throw\\", err); }); } } return step(\\"next\\"); }); }; } - -function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\\"Cannot call a class as a function\\"); } } - -var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) { - return a; -}; - -var Foo = function () { - function Foo() { - var _this = this; - - _classCallCheck(this, Foo); - - this.bar = function () { - var _ref = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(a, b) { - return regeneratorRuntime.wrap(function _callee$(_context) { - while (1) { - switch (_context.prev = _context.next) { - case 0: - _context.next = 2; - return b(a); - - case 2: - return _context.abrupt(\\"return\\", _context.sent); - - case 3: - case \\"end\\": - return _context.stop(); - } - } - }, _callee, _this); - })); - - return function (_x, _x2) { - return _ref.apply(this, arguments); - }; - }(); - } - - _createClass(Foo, [{ - key: \\"__reactstandin__regenerateByEval\\", - // @ts-ignore - value: function __reactstandin__regenerateByEval(key, code) { - // @ts-ignore - this[key] = eval(code); - } - }]); - - return Foo; -}(); - -; - -(function () { - var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).default; - - if (!reactHotLoader) { - return; - } - - reactHotLoader.register(Foo, \\"Foo\\", __FILENAME__); -})(); - -; - -(function () { - var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).leaveModule; - leaveModule && leaveModule(module); -})();" -`; - -exports[`babel Targetting "es2015" copies arrow function body block onto hidden class methods async functions.js 1`] = ` -"\\"use strict\\"; - -var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\\"value\\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); - -(function () { - var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).enterModule; - enterModule && enterModule(module); -})(); - -function _asyncToGenerator(fn) { return function () { var gen = fn.apply(this, arguments); return new Promise(function (resolve, reject) { function step(key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { return Promise.resolve(value).then(function (value) { step(\\"next\\", value); }, function (err) { step(\\"throw\\", err); }); } } return step(\\"next\\"); }); }; } - -function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\\"Cannot call a class as a function\\"); } } - -var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) { - return a; -}; - -var Foo = function () { - function Foo() { - var _this = this; - - _classCallCheck(this, Foo); - - this.bar = function () { - var _ref = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(a, b) { - return regeneratorRuntime.wrap(function _callee$(_context) { - while (1) { - switch (_context.prev = _context.next) { - case 0: - _context.next = 2; - return a(b); - - case 2: - return _context.abrupt(\\"return\\", _context.sent); - - case 3: - case \\"end\\": - return _context.stop(); - } - } - }, _callee, _this); - })); - - return function (_x, _x2) { - return _ref.apply(this, arguments); - }; - }(); - } - - _createClass(Foo, [{ - key: \\"__reactstandin__regenerateByEval\\", - // @ts-ignore - value: function __reactstandin__regenerateByEval(key, code) { - // @ts-ignore - this[key] = eval(code); - } - }]); - - return Foo; -}(); - -; - -(function () { - var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).default; - - if (!reactHotLoader) { - return; - } - - reactHotLoader.register(Foo, \\"Foo\\", __FILENAME__); -})(); - -; - -(function () { - var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).leaveModule; - leaveModule && leaveModule(module); -})();" -`; - -exports[`babel Targetting "es2015" copies arrow function body block onto hidden class methods block body.js 1`] = ` -"\\"use strict\\"; - -var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\\"value\\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); - -(function () { - var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).enterModule; - enterModule && enterModule(module); -})(); - -function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\\"Cannot call a class as a function\\"); } } - -var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) { - return a; -}; - -var Foo = function () { - function Foo() { - _classCallCheck(this, Foo); - - this.bar = function (a, b) { - return a(b); - }; - } - - _createClass(Foo, [{ - key: \\"__reactstandin__regenerateByEval\\", - // @ts-ignore - value: function __reactstandin__regenerateByEval(key, code) { - // @ts-ignore - this[key] = eval(code); - } - }]); - - return Foo; -}(); - -; - -(function () { - var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).default; - - if (!reactHotLoader) { - return; - } - - reactHotLoader.register(Foo, \\"Foo\\", __FILENAME__); -})(); - -; - -(function () { - var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).leaveModule; - leaveModule && leaveModule(module); -})();" -`; - -exports[`babel Targetting "es2015" copies arrow function body block onto hidden class methods default params.js 1`] = ` -"\\"use strict\\"; - -var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\\"value\\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); - -(function () { - var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).enterModule; - enterModule && enterModule(module); -})(); - -function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\\"Cannot call a class as a function\\"); } } - -var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) { - return a; -}; - -var Foo = function () { - function Foo() { - _classCallCheck(this, Foo); - - this.bar = function () { - var a = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : \\"foo\\"; - - return a + \\"bar\\"; - }; - } - - _createClass(Foo, [{ - key: \\"__reactstandin__regenerateByEval\\", - // @ts-ignore - value: function __reactstandin__regenerateByEval(key, code) { - // @ts-ignore - this[key] = eval(code); - } - }]); - - return Foo; -}(); - -; - -(function () { - var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).default; - - if (!reactHotLoader) { - return; - } - - reactHotLoader.register(Foo, \\"Foo\\", __FILENAME__); -})(); - -; - -(function () { - var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).leaveModule; - leaveModule && leaveModule(module); -})();" -`; - -exports[`babel Targetting "es2015" copies arrow function body block onto hidden class methods destructured params.js 1`] = ` -"\\"use strict\\"; - -var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\\"value\\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); - -(function () { - var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).enterModule; - enterModule && enterModule(module); -})(); - -function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\\"Cannot call a class as a function\\"); } } - -var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) { - return a; -}; - -var Foo = function () { - function Foo() { - _classCallCheck(this, Foo); - - this.bar = function (_ref, _ref2) { - var a = _ref.a; - var b = _ref2.b; - - return \\"\\" + a + b; - }; - } - - _createClass(Foo, [{ - key: \\"__reactstandin__regenerateByEval\\", - // @ts-ignore - value: function __reactstandin__regenerateByEval(key, code) { - // @ts-ignore - this[key] = eval(code); - } - }]); - - return Foo; -}(); - -; - -(function () { - var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).default; - - if (!reactHotLoader) { - return; - } - - reactHotLoader.register(Foo, \\"Foo\\", __FILENAME__); -})(); - -; - -(function () { - var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).leaveModule; - leaveModule && leaveModule(module); -})();" -`; - -exports[`babel Targetting "es2015" copies arrow function body block onto hidden class methods expression body.js 1`] = ` -"\\"use strict\\"; - -var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\\"value\\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); - -(function () { - var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).enterModule; - enterModule && enterModule(module); -})(); - -function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\\"Cannot call a class as a function\\"); } } - -var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) { - return a; -}; - -var Foo = function () { - function Foo() { - _classCallCheck(this, Foo); - - this.onClick = function (e) { - return e.target.value; - }; - } - - _createClass(Foo, [{ - key: \\"__reactstandin__regenerateByEval\\", - // @ts-ignore - value: function __reactstandin__regenerateByEval(key, code) { - // @ts-ignore - this[key] = eval(code); - } - }]); - - return Foo; -}(); - -; - -(function () { - var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).default; - - if (!reactHotLoader) { - return; - } - - reactHotLoader.register(Foo, \\"Foo\\", __FILENAME__); -})(); - -; - -(function () { - var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).leaveModule; - leaveModule && leaveModule(module); -})();" -`; - -exports[`babel Targetting "es2015" copies arrow function body block onto hidden class methods nested arguments.js 1`] = ` -"\\"use strict\\"; - -var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\\"value\\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); - -(function () { - var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).enterModule; - enterModule && enterModule(module); -})(); - -function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\\"Cannot call a class as a function\\"); } } - -var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) { - return a; -}; - -var Foo = function () { - function Foo() { - var _arguments = arguments; - - _classCallCheck(this, Foo); - - this.bar = function (a, b) { - (function () { - _arguments; - }); - - return a(b); - }; - } - - _createClass(Foo, [{ - key: \\"__reactstandin__regenerateByEval\\", - // @ts-ignore - value: function __reactstandin__regenerateByEval(key, code) { - // @ts-ignore - this[key] = eval(code); - } - }]); - - return Foo; -}(); - -; - -(function () { - var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).default; - - if (!reactHotLoader) { - return; - } - - reactHotLoader.register(Foo, \\"Foo\\", __FILENAME__); -})(); - -; - -(function () { - var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).leaveModule; - leaveModule && leaveModule(module); -})();" -`; - -exports[`babel Targetting "es2015" copies arrow function body block onto hidden class methods nested new.target.js 1`] = ` -"\\"use strict\\"; - -var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\\"value\\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); - -(function () { - var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).enterModule; - enterModule && enterModule(module); -})(); - -function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\\"Cannot call a class as a function\\"); } } - -var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) { - return a; -}; - -var Foo = function () { - function Foo() { - _classCallCheck(this, Foo); - - this.bar = function (a, b) { - (function () { - new.target; - }); - - return a(b); - }; - } - - _createClass(Foo, [{ - key: \\"__reactstandin__regenerateByEval\\", - // @ts-ignore - value: function __reactstandin__regenerateByEval(key, code) { - // @ts-ignore - this[key] = eval(code); - } - }]); - - return Foo; -}(); - -; - -(function () { - var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).default; - - if (!reactHotLoader) { - return; - } - - reactHotLoader.register(Foo, \\"Foo\\", __FILENAME__); -})(); - -; - -(function () { - var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).leaveModule; - leaveModule && leaveModule(module); -})();" -`; - -exports[`babel Targetting "es2015" copies arrow function body block onto hidden class methods new.target.js 1`] = ` -"\\"use strict\\"; - -var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\\"value\\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); - -(function () { - var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).enterModule; - enterModule && enterModule(module); -})(); - -function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\\"Cannot call a class as a function\\"); } } - -var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) { - return a; -}; - -var Foo = function () { - function Foo() { - _classCallCheck(this, Foo); - - this.bar = function (a, b) { - new.target; - - return a(b); - }; - } - - _createClass(Foo, [{ - key: \\"__reactstandin__regenerateByEval\\", - // @ts-ignore - value: function __reactstandin__regenerateByEval(key, code) { - // @ts-ignore - this[key] = eval(code); - } - }]); - - return Foo; -}(); - -; - -(function () { - var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).default; - - if (!reactHotLoader) { - return; - } - - reactHotLoader.register(Foo, \\"Foo\\", __FILENAME__); -})(); - -; - -(function () { - var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).leaveModule; - leaveModule && leaveModule(module); -})();" -`; - -exports[`babel Targetting "es2015" copies arrow function body block onto hidden class methods not a function.js 1`] = ` -"\\"use strict\\"; - -var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\\"value\\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); - -(function () { - var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).enterModule; - enterModule && enterModule(module); -})(); - -function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\\"Cannot call a class as a function\\"); } } - -var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) { - return a; -}; - -var Foo = function () { - function Foo() { - _classCallCheck(this, Foo); - - this.bar = 2; - } - - _createClass(Foo, [{ - key: \\"__reactstandin__regenerateByEval\\", - // @ts-ignore - value: function __reactstandin__regenerateByEval(key, code) { - // @ts-ignore - this[key] = eval(code); - } - }]); - - return Foo; -}(); - -; - -(function () { - var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).default; - - if (!reactHotLoader) { - return; - } - - reactHotLoader.register(Foo, \\"Foo\\", __FILENAME__); -})(); - -; - -(function () { - var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).leaveModule; - leaveModule && leaveModule(module); -})();" -`; - -exports[`babel Targetting "es2015" copies arrow function body block onto hidden class methods not an arrow function.js 1`] = ` -"\\"use strict\\"; - -var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\\"value\\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); - -(function () { - var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).enterModule; - enterModule && enterModule(module); -})(); - -function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\\"Cannot call a class as a function\\"); } } - -var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) { - return a; -}; - -var Foo = function () { - function Foo() { - _classCallCheck(this, Foo); - - this.bar = function (a, b) { - return a(b); - }; - } - - _createClass(Foo, [{ - key: \\"__reactstandin__regenerateByEval\\", - // @ts-ignore - value: function __reactstandin__regenerateByEval(key, code) { - // @ts-ignore - this[key] = eval(code); - } - }]); - - return Foo; -}(); - -; - -(function () { - var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).default; - - if (!reactHotLoader) { - return; - } - - reactHotLoader.register(Foo, \\"Foo\\", __FILENAME__); -})(); - -; - -(function () { - var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).leaveModule; - leaveModule && leaveModule(module); -})();" -`; - -exports[`babel Targetting "es2015" copies arrow function body block onto hidden class methods same name as class method.js 1`] = ` -"\\"use strict\\"; - -var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\\"value\\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); - -(function () { - var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).enterModule; - enterModule && enterModule(module); -})(); - -function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\\"Cannot call a class as a function\\"); } } - -var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) { - return a; -}; - -var Foo = function () { - function Foo() { - _classCallCheck(this, Foo); - - this.bar = function (a, b) { - return a(b); - }; - } - - _createClass(Foo, [{ - key: \\"bar\\", - value: function bar() { - return 2; - } - }, { - key: \\"__reactstandin__regenerateByEval\\", - // @ts-ignore - value: function __reactstandin__regenerateByEval(key, code) { - // @ts-ignore - this[key] = eval(code); - } - }]); - - return Foo; -}(); - -; - -(function () { - var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).default; - - if (!reactHotLoader) { - return; - } - - reactHotLoader.register(Foo, \\"Foo\\", __FILENAME__); -})(); - -; - -(function () { - var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).leaveModule; - leaveModule && leaveModule(module); -})();" -`; - -exports[`babel Targetting "es2015" copies arrow function body block onto hidden class methods static property.js 1`] = ` -"\\"use strict\\"; - -(function () { - var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).enterModule; - enterModule && enterModule(module); -})(); - -function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\\"Cannot call a class as a function\\"); } } - -var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) { - return a; -}; - -var Foo = function Foo() { - _classCallCheck(this, Foo); -}; - -Foo.bar = function (a, b) { - return a(b); -}; - -; - -(function () { - var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).default; - - if (!reactHotLoader) { - return; - } - - reactHotLoader.register(Foo, \\"Foo\\", __FILENAME__); -})(); - -; - -(function () { - var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).leaveModule; - leaveModule && leaveModule(module); -})();" -`; - -exports[`babel Targetting "es2015" tags potential React components bindings.js 1`] = ` -"\\"use strict\\"; - -Object.defineProperty(exports, \\"__esModule\\", { - value: true -}); -exports.C = undefined; - -var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\\"value\\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); - -var _leftPad = require(\\"left-pad\\"); - -var _leftPad2 = _interopRequireDefault(_leftPad); - -function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - -(function () { - var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).enterModule; - enterModule && enterModule(module); -})(); - -function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\\"Cannot call a class as a function\\"); } } - -var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) { - return a; -}; - -var A = 42; -function B() { - function R() {} - - var S = function S() { - _classCallCheck(this, S); - }; - - var T = 42; -} - -var C = exports.C = function () { - function C() { - _classCallCheck(this, C); - } - - _createClass(C, [{ - key: \\"U\\", - value: function U() { - function V() { - var W = function W() { - _classCallCheck(this, W); - }; - } - } - }, { - key: \\"__reactstandin__regenerateByEval\\", - // @ts-ignore - value: function __reactstandin__regenerateByEval(key, code) { - // @ts-ignore - this[key] = eval(code); - } - }]); - - return C; -}(); - -var D = function X() { - _classCallCheck(this, X); -}; -var E = D; -var Y = require(\\"left-pad\\"); - -var _require = require(\\"left-pad\\"), - Z = _require.Z; - -var _default = React.createClass({ - displayName: \\"_default\\" -}); - -exports.default = _default; -; - -(function () { - var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).default; - - if (!reactHotLoader) { - return; - } - - reactHotLoader.register(A, \\"A\\", __FILENAME__); - reactHotLoader.register(B, \\"B\\", __FILENAME__); - reactHotLoader.register(C, \\"C\\", __FILENAME__); - reactHotLoader.register(D, \\"D\\", __FILENAME__); - reactHotLoader.register(E, \\"E\\", __FILENAME__); - reactHotLoader.register(_default, \\"default\\", __FILENAME__); -})(); - -; - -(function () { - var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).leaveModule; - leaveModule && leaveModule(module); -})();" -`; - -exports[`babel Targetting "es2015" tags potential React components counter.js 1`] = ` -"\\"use strict\\"; - -Object.defineProperty(exports, \\"__esModule\\", { - value: true -}); - -(function () { - var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).enterModule; - enterModule && enterModule(module); -})(); - -function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\\"Cannot call a class as a function\\"); } } - -var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) { - return a; -}; - -var Counter = function Counter() { - _classCallCheck(this, Counter); -}; - -var _default = function _default() { - return React.createElement( - \\"div\\", - null, - React.createElement(Counter, null) - ); -}; - -exports.default = _default; -; - -(function () { - var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).default; - - if (!reactHotLoader) { - return; - } - - reactHotLoader.register(Counter, \\"Counter\\", __FILENAME__); - reactHotLoader.register(_default, \\"default\\", __FILENAME__); -})(); - -; - -(function () { - var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).leaveModule; - leaveModule && leaveModule(module); -})();" -`; - -exports[`babel Targetting "es2015" tags potential React components drop hot.prod.js 1`] = ` -"'use strict'; - -Object.defineProperty(exports, \\"__esModule\\", { - value: true -}); -exports.z = exports.e = exports.d = exports.c = exports.b = exports.a = undefined; - -var _react = require('react'); - -var _react2 = _interopRequireDefault(_react); - -var _reactHotLoader = require('react-hot-loader'); - -var RHL = _interopRequireWildcard(_reactHotLoader); - -var RHL2 = _interopRequireWildcard(_reactHotLoader); - -var _root = require('react-hot-loader/root'); - -var _notReactHotLoader = require('not-react-hot-loader'); - -var NOTRHL = _interopRequireWildcard(_notReactHotLoader); - -function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } } - -function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - -var App = function App() { - return _react2.default.createElement( - 'div', - null, - 'Hello World!' - ); -}; - -var a = App; -var z = App; -var b = App; -var c = App; -var d = App; -var e = App; - -(0, _reactHotLoader.foo)(module)(App); -(0, _notReactHotLoader.hot)(module)(App); -(0, _reactHotLoader.foo)(module)(App); -RHL.foo(module)(App); -NOTRHL.hot(module)(App); - -exports.a = a; -exports.b = b; -exports.c = c; -exports.d = d; -exports.e = e; -exports.z = z;" -`; - -exports[`babel Targetting "es2015" tags potential React components hooks.js 1`] = ` -"'use strict'; - -var _react = require('react'); - -var _react2 = _interopRequireDefault(_react); - -function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - -(function () { - var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).enterModule; - enterModule && enterModule(module); -})(); - -var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) { - return a; -}; - -var NoHooks = function NoHooks() { - return _react2.default.createElement( - 'div', - null, - 'no hooks' - ); -}; - -var UseStateHook = function UseStateHook() { - (0, _react.useState)(42); -}; - -__signature__(UseStateHook, 'useState{}'); - -var UseStateHooks = function UseStateHooks() { - (0, _react.useState)(42); - (0, _react.useState)(24); -}; - -__signature__(UseStateHooks, 'useState{}\\\\nuseState{}'); - -var useEffectHook = function useEffectHook() { - _react2.default.useEffect(function () { - return {}; - }); - (0, _react.useState)(24); - _react2.default.useState(42); -}; - -__signature__(useEffectHook, 'useEffect{}\\\\nuseState{}\\\\nuseState{}'); - -var useForwardRefHook = _react2.default.forwardRef(__signature__(function () { - _react2.default.useEffect(function () { - return {}; - }); - (0, _react.useState)(24); - _react2.default.useState(42); -}, 'useEffect{}\\\\nuseState{}\\\\nuseState{}')); - -var useForwardRefFunctionHook = _react2.default.forwardRef(__signature__(function () { - _react2.default.useEffect(function () { - return {}; - }); - (0, _react.useState)(24); - _react2.default.useState(42); -}, 'useEffect{}\\\\nuseState{}\\\\nuseState{}')); - -var useCustomHook = function useCustomHook() { - (0, _react.useState)(42); - useEffectHook(); -}; - -__signature__(useCustomHook, 'useState{}\\\\nuseEffectHook{}', function () { - return [useEffectHook]; -}); - -function useFunc() { - (0, _react.useState)(42); - useEffectHook(); -} -__signature__(useFunc, 'useState{}\\\\nuseEffectHook{}', function () { - return [useEffectHook]; -}); - -; -; - -(function () { - var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).default; - - if (!reactHotLoader) { - return; - } - - reactHotLoader.register(NoHooks, 'NoHooks', __FILENAME__); - reactHotLoader.register(UseStateHook, 'UseStateHook', __FILENAME__); - reactHotLoader.register(UseStateHooks, 'UseStateHooks', __FILENAME__); - reactHotLoader.register(useEffectHook, 'useEffectHook', __FILENAME__); - reactHotLoader.register(useForwardRefHook, 'useForwardRefHook', __FILENAME__); - reactHotLoader.register(useForwardRefFunctionHook, 'useForwardRefFunctionHook', __FILENAME__); - reactHotLoader.register(useCustomHook, 'useCustomHook', __FILENAME__); - reactHotLoader.register(useFunc, 'useFunc', __FILENAME__); -})(); - -; - -(function () { - var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).leaveModule; - leaveModule && leaveModule(module); -})();" -`; - -exports[`babel Targetting "es2015" tags potential React components issue 246.js 1`] = ` -"\\"use strict\\"; - -Object.defineProperty(exports, \\"__esModule\\", { - value: true -}); -exports.spread = spread; - -(function () { - var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).enterModule; - enterModule && enterModule(module); -})(); - -var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) { - return a; -}; - -function spread() { - for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) { - args[_key] = arguments[_key]; - } - - return args.push(1); -} -; - -(function () { - var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).default; - - if (!reactHotLoader) { - return; - } - - reactHotLoader.register(spread, \\"spread\\", __FILENAME__); -})(); - -; - -(function () { - var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).leaveModule; - leaveModule && leaveModule(module); -})();" -`; - -exports[`babel Targetting "es2015" tags potential React components name clash.js 1`] = ` -"\\"use strict\\"; - -Object.defineProperty(exports, \\"__esModule\\", { - value: true -}); - -(function () { - var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).enterModule; - enterModule && enterModule(module); -})(); - -var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) { - return a; -}; - -var _default = 10; -var _default2 = 42; -exports.default = _default2; -; - -(function () { - var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).default; - - if (!reactHotLoader) { - return; - } - - reactHotLoader.register(_default, \\"_default\\", __FILENAME__); - reactHotLoader.register(_default2, \\"default\\", __FILENAME__); -})(); - -; - -(function () { - var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).leaveModule; - leaveModule && leaveModule(module); -})();" -`; - -exports[`babel Targetting "modern" copies arrow function body block onto hidden class methods arguments.js 1`] = ` -"\\"use strict\\"; - -(function () { - var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).enterModule; - enterModule && enterModule(module); -})(); - -var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) { - return a; -}; - -class Foo { - constructor() { - this.bar = (a, b) => { - arguments; - - return a(b); - }; - } - - // @ts-ignore - __reactstandin__regenerateByEval(key, code) { - // @ts-ignore - this[key] = eval(code); - } - -} -; - -(function () { - var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).default; - - if (!reactHotLoader) { - return; - } - - reactHotLoader.register(Foo, \\"Foo\\", __FILENAME__); -})(); - -; - -(function () { - var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).leaveModule; - leaveModule && leaveModule(module); -})();" -`; - -exports[`babel Targetting "modern" copies arrow function body block onto hidden class methods arrow function in constructor.js 1`] = ` -"\\"use strict\\"; - -(function () { - var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).enterModule; - enterModule && enterModule(module); -})(); - -var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) { - return a; -}; - -class Foo { - constructor() { - this.onClick = e => e.target.value; - } - - // @ts-ignore - __reactstandin__regenerateByEval(key, code) { - // @ts-ignore - this[key] = eval(code); - } - -} -; - -(function () { - var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).default; - - if (!reactHotLoader) { - return; - } - - reactHotLoader.register(Foo, \\"Foo\\", __FILENAME__); -})(); - -; - -(function () { - var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).leaveModule; - leaveModule && leaveModule(module); -})();" -`; - -exports[`babel Targetting "modern" copies arrow function body block onto hidden class methods async functions expression body.js 1`] = ` -"\\"use strict\\"; - -(function () { - var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).enterModule; - enterModule && enterModule(module); -})(); - -var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) { - return a; -}; - -class Foo { - constructor() { - this.bar = async (a, b) => await b(a); - } - - // @ts-ignore - __reactstandin__regenerateByEval(key, code) { - // @ts-ignore - this[key] = eval(code); - } - -} -; - -(function () { - var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).default; - - if (!reactHotLoader) { - return; - } - - reactHotLoader.register(Foo, \\"Foo\\", __FILENAME__); -})(); - -; - -(function () { - var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).leaveModule; - leaveModule && leaveModule(module); -})();" -`; - -exports[`babel Targetting "modern" copies arrow function body block onto hidden class methods async functions.js 1`] = ` -"\\"use strict\\"; - -(function () { - var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).enterModule; - enterModule && enterModule(module); -})(); - -var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) { - return a; -}; - -class Foo { - constructor() { - this.bar = async (a, b) => { - return await a(b); - }; - } - - // @ts-ignore - __reactstandin__regenerateByEval(key, code) { - // @ts-ignore - this[key] = eval(code); - } - -} -; - -(function () { - var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).default; - - if (!reactHotLoader) { - return; - } - - reactHotLoader.register(Foo, \\"Foo\\", __FILENAME__); -})(); - -; - -(function () { - var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).leaveModule; - leaveModule && leaveModule(module); -})();" -`; - -exports[`babel Targetting "modern" copies arrow function body block onto hidden class methods block body.js 1`] = ` -"\\"use strict\\"; - -(function () { - var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).enterModule; - enterModule && enterModule(module); -})(); - -var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) { - return a; -}; - -class Foo { - constructor() { - this.bar = (a, b) => { - return a(b); - }; - } - - // @ts-ignore - __reactstandin__regenerateByEval(key, code) { - // @ts-ignore - this[key] = eval(code); - } - -} -; - -(function () { - var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).default; - - if (!reactHotLoader) { - return; - } - - reactHotLoader.register(Foo, \\"Foo\\", __FILENAME__); -})(); - -; - -(function () { - var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).leaveModule; - leaveModule && leaveModule(module); -})();" -`; - -exports[`babel Targetting "modern" copies arrow function body block onto hidden class methods default params.js 1`] = ` -"\\"use strict\\"; - -(function () { - var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).enterModule; - enterModule && enterModule(module); -})(); - -var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) { - return a; -}; - -class Foo { - constructor() { - this.bar = (a = \\"foo\\") => { - return \`\${a}bar\`; - }; - } - - // @ts-ignore - __reactstandin__regenerateByEval(key, code) { - // @ts-ignore - this[key] = eval(code); - } - -} -; - -(function () { - var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).default; - - if (!reactHotLoader) { - return; - } - - reactHotLoader.register(Foo, \\"Foo\\", __FILENAME__); -})(); - -; - -(function () { - var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).leaveModule; - leaveModule && leaveModule(module); -})();" -`; - -exports[`babel Targetting "modern" copies arrow function body block onto hidden class methods destructured params.js 1`] = ` -"\\"use strict\\"; - -(function () { - var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).enterModule; - enterModule && enterModule(module); -})(); - -var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) { - return a; -}; - -class Foo { - constructor() { - this.bar = ({ a }, { b }) => { - return \`\${a}\${b}\`; - }; - } - - // @ts-ignore - __reactstandin__regenerateByEval(key, code) { - // @ts-ignore - this[key] = eval(code); - } - -} -; - -(function () { - var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).default; - - if (!reactHotLoader) { - return; - } - - reactHotLoader.register(Foo, \\"Foo\\", __FILENAME__); -})(); - -; - -(function () { - var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).leaveModule; - leaveModule && leaveModule(module); -})();" -`; - -exports[`babel Targetting "modern" copies arrow function body block onto hidden class methods expression body.js 1`] = ` -"\\"use strict\\"; - -(function () { - var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).enterModule; - enterModule && enterModule(module); -})(); - -var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) { - return a; -}; - -class Foo { - constructor() { - this.onClick = e => e.target.value; - } - - // @ts-ignore - __reactstandin__regenerateByEval(key, code) { - // @ts-ignore - this[key] = eval(code); - } - -} -; - -(function () { - var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).default; - - if (!reactHotLoader) { - return; - } - - reactHotLoader.register(Foo, \\"Foo\\", __FILENAME__); -})(); - -; - -(function () { - var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).leaveModule; - leaveModule && leaveModule(module); -})();" -`; - -exports[`babel Targetting "modern" copies arrow function body block onto hidden class methods nested arguments.js 1`] = ` -"\\"use strict\\"; - -(function () { - var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).enterModule; - enterModule && enterModule(module); -})(); - -var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) { - return a; -}; - -class Foo { - constructor() { - this.bar = (a, b) => { - () => { - arguments; - }; - - return a(b); - }; - } - - // @ts-ignore - __reactstandin__regenerateByEval(key, code) { - // @ts-ignore - this[key] = eval(code); - } - -} -; - -(function () { - var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).default; - - if (!reactHotLoader) { - return; - } - - reactHotLoader.register(Foo, \\"Foo\\", __FILENAME__); -})(); - -; - -(function () { - var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).leaveModule; - leaveModule && leaveModule(module); -})();" -`; - -exports[`babel Targetting "modern" copies arrow function body block onto hidden class methods nested new.target.js 1`] = ` -"\\"use strict\\"; - -(function () { - var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).enterModule; - enterModule && enterModule(module); -})(); - -var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) { - return a; -}; - -class Foo { - constructor() { - this.bar = (a, b) => { - () => { - new.target; - }; - - return a(b); - }; - } - - // @ts-ignore - __reactstandin__regenerateByEval(key, code) { - // @ts-ignore - this[key] = eval(code); - } - -} -; - -(function () { - var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).default; - - if (!reactHotLoader) { - return; - } - - reactHotLoader.register(Foo, \\"Foo\\", __FILENAME__); -})(); - -; - -(function () { - var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).leaveModule; - leaveModule && leaveModule(module); -})();" -`; - -exports[`babel Targetting "modern" copies arrow function body block onto hidden class methods new.target.js 1`] = ` -"\\"use strict\\"; - -(function () { - var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).enterModule; - enterModule && enterModule(module); -})(); - -var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) { - return a; -}; - -class Foo { - constructor() { - this.bar = (a, b) => { - new.target; - - return a(b); - }; - } - - // @ts-ignore - __reactstandin__regenerateByEval(key, code) { - // @ts-ignore - this[key] = eval(code); - } - -} -; - -(function () { - var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).default; - - if (!reactHotLoader) { - return; - } - - reactHotLoader.register(Foo, \\"Foo\\", __FILENAME__); -})(); - -; - -(function () { - var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).leaveModule; - leaveModule && leaveModule(module); -})();" -`; - -exports[`babel Targetting "modern" copies arrow function body block onto hidden class methods not a function.js 1`] = ` -"\\"use strict\\"; - -(function () { - var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).enterModule; - enterModule && enterModule(module); -})(); - -var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) { - return a; -}; - -class Foo { - constructor() { - this.bar = 2; - } - - // @ts-ignore - __reactstandin__regenerateByEval(key, code) { - // @ts-ignore - this[key] = eval(code); - } - -} -; - -(function () { - var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).default; - - if (!reactHotLoader) { - return; - } - - reactHotLoader.register(Foo, \\"Foo\\", __FILENAME__); -})(); - -; - -(function () { - var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).leaveModule; - leaveModule && leaveModule(module); -})();" -`; - -exports[`babel Targetting "modern" copies arrow function body block onto hidden class methods not an arrow function.js 1`] = ` -"\\"use strict\\"; - -(function () { - var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).enterModule; - enterModule && enterModule(module); -})(); - -var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) { - return a; -}; - -class Foo { - constructor() { - this.bar = function (a, b) { - return a(b); - }; - } - - // @ts-ignore - __reactstandin__regenerateByEval(key, code) { - // @ts-ignore - this[key] = eval(code); - } - -} -; - -(function () { - var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).default; - - if (!reactHotLoader) { - return; - } - - reactHotLoader.register(Foo, \\"Foo\\", __FILENAME__); -})(); - -; - -(function () { - var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).leaveModule; - leaveModule && leaveModule(module); -})();" -`; - -exports[`babel Targetting "modern" copies arrow function body block onto hidden class methods same name as class method.js 1`] = ` -"\\"use strict\\"; - -(function () { - var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).enterModule; - enterModule && enterModule(module); -})(); - -var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) { - return a; -}; - -class Foo { - constructor() { - this.bar = (a, b) => { - return a(b); - }; - } - - bar() { - return 2; - } - - // @ts-ignore - __reactstandin__regenerateByEval(key, code) { - // @ts-ignore - this[key] = eval(code); - } - -} -; - -(function () { - var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).default; - - if (!reactHotLoader) { - return; - } - - reactHotLoader.register(Foo, \\"Foo\\", __FILENAME__); -})(); - -; - -(function () { - var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).leaveModule; - leaveModule && leaveModule(module); -})();" -`; - -exports[`babel Targetting "modern" copies arrow function body block onto hidden class methods static property.js 1`] = ` -"\\"use strict\\"; - -(function () { - var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).enterModule; - enterModule && enterModule(module); -})(); - -var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) { - return a; -}; - -class Foo {} - -Foo.bar = (a, b) => { - return a(b); -}; - -; - -(function () { - var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).default; - - if (!reactHotLoader) { - return; - } - - reactHotLoader.register(Foo, \\"Foo\\", __FILENAME__); -})(); - -; - -(function () { - var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).leaveModule; - leaveModule && leaveModule(module); -})();" -`; - -exports[`babel Targetting "modern" tags potential React components bindings.js 1`] = ` -"\\"use strict\\"; - -Object.defineProperty(exports, \\"__esModule\\", { - value: true -}); -exports.C = undefined; - -var _leftPad = require(\\"left-pad\\"); - -var _leftPad2 = _interopRequireDefault(_leftPad); - -function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - -(function () { - var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).enterModule; - enterModule && enterModule(module); -})(); - -var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) { - return a; -}; - -const A = 42; -function B() { - function R() {} - class S {} - const T = 42; -} -class C { - U() { - function V() { - class W {} - } - } - - // @ts-ignore - __reactstandin__regenerateByEval(key, code) { - // @ts-ignore - this[key] = eval(code); - } - -} -exports.C = C; -const D = class X {}; -let E = D; -var Y = require(\\"left-pad\\"); -var { Z } = require(\\"left-pad\\"); - -const _default = React.createClass({ - displayName: \\"_default\\" -}); - -exports.default = _default; -; - -(function () { - var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).default; - - if (!reactHotLoader) { - return; - } - - reactHotLoader.register(A, \\"A\\", __FILENAME__); - reactHotLoader.register(B, \\"B\\", __FILENAME__); - reactHotLoader.register(C, \\"C\\", __FILENAME__); - reactHotLoader.register(D, \\"D\\", __FILENAME__); - reactHotLoader.register(E, \\"E\\", __FILENAME__); - reactHotLoader.register(_default, \\"default\\", __FILENAME__); -})(); - -; - -(function () { - var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).leaveModule; - leaveModule && leaveModule(module); -})();" -`; - -exports[`babel Targetting "modern" tags potential React components counter.js 1`] = ` -"\\"use strict\\"; - -Object.defineProperty(exports, \\"__esModule\\", { - value: true -}); - -(function () { - var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).enterModule; - enterModule && enterModule(module); -})(); - -var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) { - return a; -}; - -class Counter {} - -const _default = () => React.createElement( - \\"div\\", - null, - React.createElement(Counter, null) -); - -exports.default = _default; -; - -(function () { - var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).default; - - if (!reactHotLoader) { - return; - } - - reactHotLoader.register(Counter, \\"Counter\\", __FILENAME__); - reactHotLoader.register(_default, \\"default\\", __FILENAME__); -})(); - -; - -(function () { - var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).leaveModule; - leaveModule && leaveModule(module); -})();" -`; - -exports[`babel Targetting "modern" tags potential React components drop hot.prod.js 1`] = ` -"'use strict'; - -Object.defineProperty(exports, \\"__esModule\\", { - value: true -}); -exports.z = exports.e = exports.d = exports.c = exports.b = exports.a = undefined; - -var _react = require('react'); - -var _react2 = _interopRequireDefault(_react); - -var _reactHotLoader = require('react-hot-loader'); - -var RHL = _interopRequireWildcard(_reactHotLoader); - -var RHL2 = _interopRequireWildcard(_reactHotLoader); - -var _root = require('react-hot-loader/root'); - -var _notReactHotLoader = require('not-react-hot-loader'); - -var NOTRHL = _interopRequireWildcard(_notReactHotLoader); - -function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } } - -function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - -const App = () => _react2.default.createElement( - 'div', - null, - 'Hello World!' -); - -const a = App; -const z = App; -const b = App; -const c = App; -const d = App; -const e = App; - -(0, _reactHotLoader.foo)(module)(App); -(0, _notReactHotLoader.hot)(module)(App); -(0, _reactHotLoader.foo)(module)(App); -RHL.foo(module)(App); -NOTRHL.hot(module)(App); - -exports.a = a; -exports.b = b; -exports.c = c; -exports.d = d; -exports.e = e; -exports.z = z;" -`; - -exports[`babel Targetting "modern" tags potential React components hooks.js 1`] = ` -"'use strict'; - -var _react = require('react'); - -var _react2 = _interopRequireDefault(_react); - -function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - -(function () { - var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).enterModule; - enterModule && enterModule(module); -})(); - -var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) { - return a; -}; - -const NoHooks = () => _react2.default.createElement( - 'div', - null, - 'no hooks' -); - -const UseStateHook = () => { - (0, _react.useState)(42); -}; - -__signature__(UseStateHook, 'useState{}'); - -const UseStateHooks = () => { - (0, _react.useState)(42); - (0, _react.useState)(24); -}; - -__signature__(UseStateHooks, 'useState{}\\\\nuseState{}'); - -const useEffectHook = () => { - _react2.default.useEffect(() => ({})); - (0, _react.useState)(24); - _react2.default.useState(42); -}; - -__signature__(useEffectHook, 'useEffect{}\\\\nuseState{}\\\\nuseState{}'); - -const useForwardRefHook = _react2.default.forwardRef(__signature__(() => { - _react2.default.useEffect(() => ({})); - (0, _react.useState)(24); - _react2.default.useState(42); -}, 'useEffect{}\\\\nuseState{}\\\\nuseState{}')); - -const useForwardRefFunctionHook = _react2.default.forwardRef(__signature__(function () { - _react2.default.useEffect(() => ({})); - (0, _react.useState)(24); - _react2.default.useState(42); -}, 'useEffect{}\\\\nuseState{}\\\\nuseState{}')); - -const useCustomHook = () => { - (0, _react.useState)(42); - useEffectHook(); -}; - -__signature__(useCustomHook, 'useState{}\\\\nuseEffectHook{}', () => [useEffectHook]); - -function useFunc() { - (0, _react.useState)(42); - useEffectHook(); -} -__signature__(useFunc, 'useState{}\\\\nuseEffectHook{}', () => [useEffectHook]); - -; -; - -(function () { - var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).default; - - if (!reactHotLoader) { - return; - } - - reactHotLoader.register(NoHooks, 'NoHooks', __FILENAME__); - reactHotLoader.register(UseStateHook, 'UseStateHook', __FILENAME__); - reactHotLoader.register(UseStateHooks, 'UseStateHooks', __FILENAME__); - reactHotLoader.register(useEffectHook, 'useEffectHook', __FILENAME__); - reactHotLoader.register(useForwardRefHook, 'useForwardRefHook', __FILENAME__); - reactHotLoader.register(useForwardRefFunctionHook, 'useForwardRefFunctionHook', __FILENAME__); - reactHotLoader.register(useCustomHook, 'useCustomHook', __FILENAME__); - reactHotLoader.register(useFunc, 'useFunc', __FILENAME__); -})(); - -; - -(function () { - var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).leaveModule; - leaveModule && leaveModule(module); -})();" -`; - -exports[`babel Targetting "modern" tags potential React components issue 246.js 1`] = ` -"\\"use strict\\"; - -Object.defineProperty(exports, \\"__esModule\\", { - value: true -}); -exports.spread = spread; - -(function () { - var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).enterModule; - enterModule && enterModule(module); -})(); - -var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) { - return a; -}; - -function spread(...args) { - return args.push(1); -} -; - -(function () { - var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).default; - - if (!reactHotLoader) { - return; - } - - reactHotLoader.register(spread, \\"spread\\", __FILENAME__); -})(); - -; - -(function () { - var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).leaveModule; - leaveModule && leaveModule(module); -})();" -`; - -exports[`babel Targetting "modern" tags potential React components name clash.js 1`] = ` -"\\"use strict\\"; - -Object.defineProperty(exports, \\"__esModule\\", { - value: true -}); - -(function () { - var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).enterModule; - enterModule && enterModule(module); -})(); - -var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) { - return a; -}; - -const _default = 10; -const _default2 = 42; -exports.default = _default2; -; - -(function () { - var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).default; - - if (!reactHotLoader) { - return; - } - - reactHotLoader.register(_default, \\"_default\\", __FILENAME__); - reactHotLoader.register(_default2, \\"default\\", __FILENAME__); -})(); - -; - -(function () { - var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : require('react-hot-loader')).leaveModule; - leaveModule && leaveModule(module); -})();" -`;