styled-components-devtools
Version:
73 lines (58 loc) • 7.77 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports["default"] = void 0;
var React = _interopRequireWildcard(require("react"));
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)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get || desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj["default"] = obj; return newObj; } }
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest(); }
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance"); }
function _iterableToArrayLimit(arr, i) { var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
var withStyledComponentDevTools = function withStyledComponentDevTools(Component) {
var Wrapper = function Wrapper(props) {
var _React$useState = React.useState(props.theme),
_React$useState2 = _slicedToArray(_React$useState, 2),
theme = _React$useState2[0],
setTheme = _React$useState2[1];
React.useEffect(function () {
var onChromeExtMsg = function onChromeExtMsg(event) {
if (event.source != window) {
return;
}
var eventData = event.data;
if (eventData.type == 'STYLED_COMPONENTS_DEVTOOLS') {
switch (eventData.topic) {
case 'FETCH_THEME':
window.postMessage({
type: 'STYLED_COMPONENTS_DEVTOOLS',
topic: 'THEME',
payload: theme
}, '*');
break;
case 'PUSH_THEME':
setTheme(eventData.payload);
window.postMessage({
type: 'STYLED_COMPONENTS_DEVTOOLS',
topic: 'THEME',
payload: eventData.payload
}, '*');
break;
}
}
};
window.addEventListener('message', onChromeExtMsg);
return function () {
return window.removeEventListener('message', onChromeExtMsg);
};
});
return React.createElement(Component, {
theme: theme
}, props.children);
};
Wrapper.displayName = "withStyledComponentDevTools(".concat(Component.displayName, ")");
return Wrapper;
};
var _default = withStyledComponentDevTools;
exports["default"] = _default;
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy93aXRoU3R5bGVkQ29tcG9uZW50RGV2VG9vbHMvaW5kZXgudHN4Il0sIm5hbWVzIjpbIndpdGhTdHlsZWRDb21wb25lbnREZXZUb29scyIsIkNvbXBvbmVudCIsIldyYXBwZXIiLCJwcm9wcyIsIlJlYWN0IiwidXNlU3RhdGUiLCJ0aGVtZSIsInNldFRoZW1lIiwidXNlRWZmZWN0Iiwib25DaHJvbWVFeHRNc2ciLCJldmVudCIsInNvdXJjZSIsIndpbmRvdyIsImV2ZW50RGF0YSIsImRhdGEiLCJ0eXBlIiwidG9waWMiLCJwb3N0TWVzc2FnZSIsInBheWxvYWQiLCJhZGRFdmVudExpc3RlbmVyIiwicmVtb3ZlRXZlbnRMaXN0ZW5lciIsImNoaWxkcmVuIiwiZGlzcGxheU5hbWUiXSwibWFwcGluZ3MiOiI7Ozs7Ozs7QUFBQTs7Ozs7Ozs7Ozs7O0FBU0EsSUFBTUEsMkJBQTJCLEdBQUcsU0FBOUJBLDJCQUE4QixDQUFtQkMsU0FBbkIsRUFBNkU7QUFDL0csTUFBTUMsT0FBb0QsR0FBRyxTQUF2REEsT0FBdUQsQ0FBQUMsS0FBSyxFQUFJO0FBQUEsMEJBQzFDQyxLQUFLLENBQUNDLFFBQU4sQ0FBZUYsS0FBSyxDQUFDRyxLQUFyQixDQUQwQztBQUFBO0FBQUEsUUFDN0RBLEtBRDZEO0FBQUEsUUFDdERDLFFBRHNEOztBQUdwRUgsSUFBQUEsS0FBSyxDQUFDSSxTQUFOLENBQWdCLFlBQU07QUFDcEIsVUFBTUMsY0FBYyxHQUFHLFNBQWpCQSxjQUFpQixDQUFDQyxLQUFELEVBQXlCO0FBQzlDLFlBQUlBLEtBQUssQ0FBQ0MsTUFBTixJQUFnQkMsTUFBcEIsRUFBNEI7QUFDMUI7QUFDRDs7QUFDRCxZQUFNQyxTQUFTLEdBQUdILEtBQUssQ0FBQ0ksSUFBeEI7O0FBQ0EsWUFBSUQsU0FBUyxDQUFDRSxJQUFWLElBQWtCLDRCQUF0QixFQUFvRDtBQUNsRCxrQkFBUUYsU0FBUyxDQUFDRyxLQUFsQjtBQUNFLGlCQUFLLGFBQUw7QUFDRUosY0FBQUEsTUFBTSxDQUFDSyxXQUFQLENBQ0U7QUFDRUYsZ0JBQUFBLElBQUksRUFBRSw0QkFEUjtBQUVFQyxnQkFBQUEsS0FBSyxFQUFFLE9BRlQ7QUFHRUUsZ0JBQUFBLE9BQU8sRUFBRVo7QUFIWCxlQURGLEVBTUUsR0FORjtBQVFBOztBQUNGLGlCQUFLLFlBQUw7QUFDRUMsY0FBQUEsUUFBUSxDQUFDTSxTQUFTLENBQUNLLE9BQVgsQ0FBUjtBQUNBTixjQUFBQSxNQUFNLENBQUNLLFdBQVAsQ0FDRTtBQUNFRixnQkFBQUEsSUFBSSxFQUFFLDRCQURSO0FBRUVDLGdCQUFBQSxLQUFLLEVBQUUsT0FGVDtBQUdFRSxnQkFBQUEsT0FBTyxFQUFFTCxTQUFTLENBQUNLO0FBSHJCLGVBREYsRUFNRSxHQU5GO0FBUUE7QUFyQko7QUF1QkQ7QUFDRixPQTlCRDs7QUFnQ0FOLE1BQUFBLE1BQU0sQ0FBQ08sZ0JBQVAsQ0FBd0IsU0FBeEIsRUFBbUNWLGNBQW5DO0FBRUEsYUFBTztBQUFBLGVBQU1HLE1BQU0sQ0FBQ1EsbUJBQVAsQ0FBMkIsU0FBM0IsRUFBc0NYLGNBQXRDLENBQU47QUFBQSxPQUFQO0FBQ0QsS0FwQ0Q7QUFzQ0EsV0FBTyxvQkFBQyxTQUFEO0FBQVcsTUFBQSxLQUFLLEVBQUVIO0FBQWxCLE9BQTBCSCxLQUFLLENBQUNrQixRQUFoQyxDQUFQO0FBQ0QsR0ExQ0Q7O0FBNENBbkIsRUFBQUEsT0FBTyxDQUFDb0IsV0FBUix5Q0FBcURyQixTQUFTLENBQUNxQixXQUEvRDtBQUVBLFNBQU9wQixPQUFQO0FBQ0QsQ0FoREQ7O2VBa0RlRiwyQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCAqIGFzIFJlYWN0IGZyb20gJ3JlYWN0JztcclxuXHJcbnR5cGUgQW55SWZFbXB0eTxUIGV4dGVuZHMgb2JqZWN0PiA9IGtleW9mIFQgZXh0ZW5kcyBuZXZlciA/IGFueSA6IFQ7XHJcblxyXG5leHBvcnQgaW50ZXJmYWNlIFRoZW1lUHJvdmlkZXJQcm9wczxUIGV4dGVuZHMgb2JqZWN0PiB7XHJcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdENoaWxkO1xyXG4gIHRoZW1lOiBUO1xyXG59XHJcblxyXG5jb25zdCB3aXRoU3R5bGVkQ29tcG9uZW50RGV2VG9vbHMgPSA8VCBleHRlbmRzIG9iamVjdD4oQ29tcG9uZW50OiBSZWFjdC5Db21wb25lbnRUeXBlPFRoZW1lUHJvdmlkZXJQcm9wczxUPj4pID0+IHtcclxuICBjb25zdCBXcmFwcGVyOiBSZWFjdC5GQzxUaGVtZVByb3ZpZGVyUHJvcHM8QW55SWZFbXB0eTxUPj4+ID0gcHJvcHMgPT4ge1xyXG4gICAgY29uc3QgW3RoZW1lLCBzZXRUaGVtZV0gPSBSZWFjdC51c2VTdGF0ZShwcm9wcy50aGVtZSk7XHJcblxyXG4gICAgUmVhY3QudXNlRWZmZWN0KCgpID0+IHtcclxuICAgICAgY29uc3Qgb25DaHJvbWVFeHRNc2cgPSAoZXZlbnQ6IE1lc3NhZ2VFdmVudCkgPT4ge1xyXG4gICAgICAgIGlmIChldmVudC5zb3VyY2UgIT0gd2luZG93KSB7XHJcbiAgICAgICAgICByZXR1cm47XHJcbiAgICAgICAgfVxyXG4gICAgICAgIGNvbnN0IGV2ZW50RGF0YSA9IGV2ZW50LmRhdGE7XHJcbiAgICAgICAgaWYgKGV2ZW50RGF0YS50eXBlID09ICdTVFlMRURfQ09NUE9ORU5UU19ERVZUT09MUycpIHtcclxuICAgICAgICAgIHN3aXRjaCAoZXZlbnREYXRhLnRvcGljKSB7XHJcbiAgICAgICAgICAgIGNhc2UgJ0ZFVENIX1RIRU1FJzpcclxuICAgICAgICAgICAgICB3aW5kb3cucG9zdE1lc3NhZ2UoXHJcbiAgICAgICAgICAgICAgICB7XHJcbiAgICAgICAgICAgICAgICAgIHR5cGU6ICdTVFlMRURfQ09NUE9ORU5UU19ERVZUT09MUycsXHJcbiAgICAgICAgICAgICAgICAgIHRvcGljOiAnVEhFTUUnLFxyXG4gICAgICAgICAgICAgICAgICBwYXlsb2FkOiB0aGVtZSxcclxuICAgICAgICAgICAgICAgIH0sXHJcbiAgICAgICAgICAgICAgICAnKidcclxuICAgICAgICAgICAgICApO1xyXG4gICAgICAgICAgICAgIGJyZWFrO1xyXG4gICAgICAgICAgICBjYXNlICdQVVNIX1RIRU1FJzpcclxuICAgICAgICAgICAgICBzZXRUaGVtZShldmVudERhdGEucGF5bG9hZCk7XHJcbiAgICAgICAgICAgICAgd2luZG93LnBvc3RNZXNzYWdlKFxyXG4gICAgICAgICAgICAgICAge1xyXG4gICAgICAgICAgICAgICAgICB0eXBlOiAnU1RZTEVEX0NPTVBPTkVOVFNfREVWVE9PTFMnLFxyXG4gICAgICAgICAgICAgICAgICB0b3BpYzogJ1RIRU1FJyxcclxuICAgICAgICAgICAgICAgICAgcGF5bG9hZDogZXZlbnREYXRhLnBheWxvYWQsXHJcbiAgICAgICAgICAgICAgICB9LFxyXG4gICAgICAgICAgICAgICAgJyonXHJcbiAgICAgICAgICAgICAgKTtcclxuICAgICAgICAgICAgICBicmVhaztcclxuICAgICAgICAgIH1cclxuICAgICAgICB9XHJcbiAgICAgIH07XHJcblxyXG4gICAgICB3aW5kb3cuYWRkRXZlbnRMaXN0ZW5lcignbWVzc2FnZScsIG9uQ2hyb21lRXh0TXNnKTtcclxuXHJcbiAgICAgIHJldHVybiAoKSA9PiB3aW5kb3cucmVtb3ZlRXZlbnRMaXN0ZW5lcignbWVzc2FnZScsIG9uQ2hyb21lRXh0TXNnKTtcclxuICAgIH0pO1xyXG5cclxuICAgIHJldHVybiA8Q29tcG9uZW50IHRoZW1lPXt0aGVtZX0+e3Byb3BzLmNoaWxkcmVufTwvQ29tcG9uZW50PjtcclxuICB9O1xyXG5cclxuICBXcmFwcGVyLmRpc3BsYXlOYW1lID0gYHdpdGhTdHlsZWRDb21wb25lbnREZXZUb29scygke0NvbXBvbmVudC5kaXNwbGF5TmFtZX0pYDtcclxuXHJcbiAgcmV0dXJuIFdyYXBwZXI7XHJcbn07XHJcblxyXG5leHBvcnQgZGVmYXVsdCB3aXRoU3R5bGVkQ29tcG9uZW50RGV2VG9vbHM7XHJcbiJdfQ==