Grabbed dndbeyond's source code
``` ~/go/bin/sourcemapper -output ddb -jsurl https://media.dndbeyond.com/character-app/static/js/main.90aa78c5.js ```
This commit is contained in:
Generated
Vendored
+177
@@ -0,0 +1,177 @@
|
||||
import _extends from '@babel/runtime/helpers/esm/extends';
|
||||
import * as React from 'react';
|
||||
import isPropValid from '@emotion/is-prop-valid';
|
||||
import { withEmotionCache, ThemeContext } from '@emotion/react';
|
||||
import { getRegisteredStyles, registerStyles, insertStyles } from '@emotion/utils';
|
||||
import { serializeStyles } from '@emotion/serialize';
|
||||
import { useInsertionEffectAlwaysWithSyncFallback } from '@emotion/use-insertion-effect-with-fallbacks';
|
||||
|
||||
var testOmitPropsOnStringTag = isPropValid;
|
||||
|
||||
var testOmitPropsOnComponent = function testOmitPropsOnComponent(key) {
|
||||
return key !== 'theme';
|
||||
};
|
||||
|
||||
var getDefaultShouldForwardProp = function getDefaultShouldForwardProp(tag) {
|
||||
return typeof tag === 'string' && // 96 is one less than the char code
|
||||
// for "a" so this is checking that
|
||||
// it's a lowercase character
|
||||
tag.charCodeAt(0) > 96 ? testOmitPropsOnStringTag : testOmitPropsOnComponent;
|
||||
};
|
||||
var composeShouldForwardProps = function composeShouldForwardProps(tag, options, isReal) {
|
||||
var shouldForwardProp;
|
||||
|
||||
if (options) {
|
||||
var optionsShouldForwardProp = options.shouldForwardProp;
|
||||
shouldForwardProp = tag.__emotion_forwardProp && optionsShouldForwardProp ? function (propName) {
|
||||
return tag.__emotion_forwardProp(propName) && optionsShouldForwardProp(propName);
|
||||
} : optionsShouldForwardProp;
|
||||
}
|
||||
|
||||
if (typeof shouldForwardProp !== 'function' && isReal) {
|
||||
shouldForwardProp = tag.__emotion_forwardProp;
|
||||
}
|
||||
|
||||
return shouldForwardProp;
|
||||
};
|
||||
|
||||
var ILLEGAL_ESCAPE_SEQUENCE_ERROR = "You have illegal escape sequence in your template literal, most likely inside content's property value.\nBecause you write your CSS inside a JavaScript string you actually have to do double escaping, so for example \"content: '\\00d7';\" should become \"content: '\\\\00d7';\".\nYou can read more about this here:\nhttps://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals#ES2018_revision_of_illegal_escape_sequences";
|
||||
|
||||
var Insertion = function Insertion(_ref) {
|
||||
var cache = _ref.cache,
|
||||
serialized = _ref.serialized,
|
||||
isStringTag = _ref.isStringTag;
|
||||
registerStyles(cache, serialized, isStringTag);
|
||||
useInsertionEffectAlwaysWithSyncFallback(function () {
|
||||
return insertStyles(cache, serialized, isStringTag);
|
||||
});
|
||||
|
||||
return null;
|
||||
};
|
||||
|
||||
var createStyled = function createStyled(tag, options) {
|
||||
if (process.env.NODE_ENV !== 'production') {
|
||||
if (tag === undefined) {
|
||||
throw new Error('You are trying to create a styled element with an undefined component.\nYou may have forgotten to import it.');
|
||||
}
|
||||
}
|
||||
|
||||
var isReal = tag.__emotion_real === tag;
|
||||
var baseTag = isReal && tag.__emotion_base || tag;
|
||||
var identifierName;
|
||||
var targetClassName;
|
||||
|
||||
if (options !== undefined) {
|
||||
identifierName = options.label;
|
||||
targetClassName = options.target;
|
||||
}
|
||||
|
||||
var shouldForwardProp = composeShouldForwardProps(tag, options, isReal);
|
||||
var defaultShouldForwardProp = shouldForwardProp || getDefaultShouldForwardProp(baseTag);
|
||||
var shouldUseAs = !defaultShouldForwardProp('as');
|
||||
return function () {
|
||||
var args = arguments;
|
||||
var styles = isReal && tag.__emotion_styles !== undefined ? tag.__emotion_styles.slice(0) : [];
|
||||
|
||||
if (identifierName !== undefined) {
|
||||
styles.push("label:" + identifierName + ";");
|
||||
}
|
||||
|
||||
if (args[0] == null || args[0].raw === undefined) {
|
||||
styles.push.apply(styles, args);
|
||||
} else {
|
||||
if (process.env.NODE_ENV !== 'production' && args[0][0] === undefined) {
|
||||
console.error(ILLEGAL_ESCAPE_SEQUENCE_ERROR);
|
||||
}
|
||||
|
||||
styles.push(args[0][0]);
|
||||
var len = args.length;
|
||||
var i = 1;
|
||||
|
||||
for (; i < len; i++) {
|
||||
if (process.env.NODE_ENV !== 'production' && args[0][i] === undefined) {
|
||||
console.error(ILLEGAL_ESCAPE_SEQUENCE_ERROR);
|
||||
}
|
||||
|
||||
styles.push(args[i], args[0][i]);
|
||||
}
|
||||
} // $FlowFixMe: we need to cast StatelessFunctionalComponent to our PrivateStyledComponent class
|
||||
|
||||
|
||||
var Styled = withEmotionCache(function (props, cache, ref) {
|
||||
var FinalTag = shouldUseAs && props.as || baseTag;
|
||||
var className = '';
|
||||
var classInterpolations = [];
|
||||
var mergedProps = props;
|
||||
|
||||
if (props.theme == null) {
|
||||
mergedProps = {};
|
||||
|
||||
for (var key in props) {
|
||||
mergedProps[key] = props[key];
|
||||
}
|
||||
|
||||
mergedProps.theme = React.useContext(ThemeContext);
|
||||
}
|
||||
|
||||
if (typeof props.className === 'string') {
|
||||
className = getRegisteredStyles(cache.registered, classInterpolations, props.className);
|
||||
} else if (props.className != null) {
|
||||
className = props.className + " ";
|
||||
}
|
||||
|
||||
var serialized = serializeStyles(styles.concat(classInterpolations), cache.registered, mergedProps);
|
||||
className += cache.key + "-" + serialized.name;
|
||||
|
||||
if (targetClassName !== undefined) {
|
||||
className += " " + targetClassName;
|
||||
}
|
||||
|
||||
var finalShouldForwardProp = shouldUseAs && shouldForwardProp === undefined ? getDefaultShouldForwardProp(FinalTag) : defaultShouldForwardProp;
|
||||
var newProps = {};
|
||||
|
||||
for (var _key in props) {
|
||||
if (shouldUseAs && _key === 'as') continue;
|
||||
|
||||
if ( // $FlowFixMe
|
||||
finalShouldForwardProp(_key)) {
|
||||
newProps[_key] = props[_key];
|
||||
}
|
||||
}
|
||||
|
||||
newProps.className = className;
|
||||
newProps.ref = ref;
|
||||
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Insertion, {
|
||||
cache: cache,
|
||||
serialized: serialized,
|
||||
isStringTag: typeof FinalTag === 'string'
|
||||
}), /*#__PURE__*/React.createElement(FinalTag, newProps));
|
||||
});
|
||||
Styled.displayName = identifierName !== undefined ? identifierName : "Styled(" + (typeof baseTag === 'string' ? baseTag : baseTag.displayName || baseTag.name || 'Component') + ")";
|
||||
Styled.defaultProps = tag.defaultProps;
|
||||
Styled.__emotion_real = Styled;
|
||||
Styled.__emotion_base = baseTag;
|
||||
Styled.__emotion_styles = styles;
|
||||
Styled.__emotion_forwardProp = shouldForwardProp;
|
||||
Object.defineProperty(Styled, 'toString', {
|
||||
value: function value() {
|
||||
if (targetClassName === undefined && process.env.NODE_ENV !== 'production') {
|
||||
return 'NO_COMPONENT_SELECTOR';
|
||||
} // $FlowFixMe: coerce undefined to string
|
||||
|
||||
|
||||
return "." + targetClassName;
|
||||
}
|
||||
});
|
||||
|
||||
Styled.withComponent = function (nextTag, nextOptions) {
|
||||
return createStyled(nextTag, _extends({}, options, nextOptions, {
|
||||
shouldForwardProp: composeShouldForwardProps(Styled, nextOptions, true)
|
||||
})).apply(void 0, styles);
|
||||
};
|
||||
|
||||
return Styled;
|
||||
};
|
||||
};
|
||||
|
||||
export { createStyled as default };
|
||||
+19
@@ -0,0 +1,19 @@
|
||||
import createStyled from '../base/dist/emotion-styled-base.browser.esm.js';
|
||||
import '@babel/runtime/helpers/extends';
|
||||
import 'react';
|
||||
import '@emotion/is-prop-valid';
|
||||
import '@emotion/react';
|
||||
import '@emotion/utils';
|
||||
import '@emotion/serialize';
|
||||
import '@emotion/use-insertion-effect-with-fallbacks';
|
||||
|
||||
var tags = ['a', 'abbr', 'address', 'area', 'article', 'aside', 'audio', 'b', 'base', 'bdi', 'bdo', 'big', 'blockquote', 'body', 'br', 'button', 'canvas', 'caption', 'cite', 'code', 'col', 'colgroup', 'data', 'datalist', 'dd', 'del', 'details', 'dfn', 'dialog', 'div', 'dl', 'dt', 'em', 'embed', 'fieldset', 'figcaption', 'figure', 'footer', 'form', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'head', 'header', 'hgroup', 'hr', 'html', 'i', 'iframe', 'img', 'input', 'ins', 'kbd', 'keygen', 'label', 'legend', 'li', 'link', 'main', 'map', 'mark', 'marquee', 'menu', 'menuitem', 'meta', 'meter', 'nav', 'noscript', 'object', 'ol', 'optgroup', 'option', 'output', 'p', 'param', 'picture', 'pre', 'progress', 'q', 'rp', 'rt', 'ruby', 's', 'samp', 'script', 'section', 'select', 'small', 'source', 'span', 'strong', 'style', 'sub', 'summary', 'sup', 'table', 'tbody', 'td', 'textarea', 'tfoot', 'th', 'thead', 'time', 'title', 'tr', 'track', 'u', 'ul', 'var', 'video', 'wbr', // SVG
|
||||
'circle', 'clipPath', 'defs', 'ellipse', 'foreignObject', 'g', 'image', 'line', 'linearGradient', 'mask', 'path', 'pattern', 'polygon', 'polyline', 'radialGradient', 'rect', 'stop', 'svg', 'text', 'tspan'];
|
||||
|
||||
var newStyled = createStyled.bind();
|
||||
tags.forEach(function (tagName) {
|
||||
// $FlowFixMe: we can ignore this because its exposed type is defined by the CreateStyled type
|
||||
newStyled[tagName] = newStyled(tagName);
|
||||
});
|
||||
|
||||
export { newStyled as default };
|
||||
Reference in New Issue
Block a user