You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
121 lines
5.3 KiB
121 lines
5.3 KiB
"use strict";
|
|
|
|
Object.defineProperty(exports, "__esModule", {
|
|
value: true
|
|
});
|
|
exports.isWithThemeHelper = exports.isValidTopLevelImport = exports.isUseTheme = exports.isStyled = exports.isPureHelper = exports.isKeyframesHelper = exports.isInjectGlobalHelper = exports.isHelper = exports.isCreateGlobalStyleHelper = exports.isCSSHelper = exports.importLocalName = void 0;
|
|
|
|
var _options = require("./options");
|
|
|
|
const VALID_TOP_LEVEL_IMPORT_PATHS = ['styled-components', 'styled-components/no-tags', 'styled-components/native', 'styled-components/primitives'];
|
|
|
|
const isValidTopLevelImport = (x, state) => [...VALID_TOP_LEVEL_IMPORT_PATHS, ...(0, _options.useTopLevelImportPaths)(state)].includes(x);
|
|
|
|
exports.isValidTopLevelImport = isValidTopLevelImport;
|
|
const localNameCache = {};
|
|
|
|
const importLocalName = (name, state, options = {}) => {
|
|
const {
|
|
cacheIdentifier,
|
|
bypassCache = false
|
|
} = options;
|
|
const cacheKeyAffix = cacheIdentifier ? `|${cacheIdentifier}` : '';
|
|
const cacheKey = name + state.file.opts.filename + cacheKeyAffix;
|
|
|
|
if (!bypassCache && cacheKey in localNameCache) {
|
|
return localNameCache[cacheKey];
|
|
}
|
|
|
|
let localName = state.styledRequired ? name === 'default' ? 'styled' : name : false;
|
|
state.file.path.traverse({
|
|
ImportDeclaration: {
|
|
exit(path) {
|
|
const {
|
|
node
|
|
} = path;
|
|
|
|
if (isValidTopLevelImport(node.source.value, state)) {
|
|
for (const specifier of path.get('specifiers')) {
|
|
if (specifier.isImportSpecifier() && specifier.node.imported.name === 'styled') {
|
|
localName = 'styled';
|
|
}
|
|
|
|
if (specifier.isImportDefaultSpecifier()) {
|
|
localName = specifier.node.local.name;
|
|
}
|
|
|
|
if (specifier.isImportSpecifier() && specifier.node.imported.name === name) {
|
|
localName = specifier.node.local.name;
|
|
}
|
|
|
|
if (specifier.isImportNamespaceSpecifier()) {
|
|
localName = name === 'default' ? specifier.node.local.name : name;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
}
|
|
});
|
|
localNameCache[cacheKey] = localName;
|
|
return localName;
|
|
};
|
|
|
|
exports.importLocalName = importLocalName;
|
|
|
|
const isStyled = t => (tag, state) => {
|
|
if (t.isCallExpression(tag) && t.isMemberExpression(tag.callee) && tag.callee.property.name !== 'default'
|
|
/** ignore default for #93 below */
|
|
) {
|
|
// styled.something()
|
|
return isStyled(t)(tag.callee.object, state);
|
|
} else {
|
|
return t.isMemberExpression(tag) && tag.object.name === importLocalName('default', state, {
|
|
cacheIdentifier: tag.object.name
|
|
}) && !isHelper(t)(tag.property, state) || t.isCallExpression(tag) && tag.callee.name === importLocalName('default', state, {
|
|
cacheIdentifier: tag.callee.name
|
|
}) ||
|
|
/**
|
|
* #93 Support require()
|
|
* styled-components might be imported using a require()
|
|
* call and assigned to a variable of any name.
|
|
* - styled.default.div``
|
|
* - styled.default.something()
|
|
*/
|
|
state.styledRequired && t.isMemberExpression(tag) && t.isMemberExpression(tag.object) && tag.object.property.name === 'default' && tag.object.object.name === state.styledRequired || state.styledRequired && t.isCallExpression(tag) && t.isMemberExpression(tag.callee) && tag.callee.property.name === 'default' && tag.callee.object.name === state.styledRequired || importLocalName('default', state) && t.isMemberExpression(tag) && t.isMemberExpression(tag.object) && tag.object.property.name === 'default' && tag.object.object.name === importLocalName('default', state) || importLocalName('default', state) && t.isCallExpression(tag) && t.isMemberExpression(tag.callee) && tag.object.property.name === 'default' && tag.object.object.name === importLocalName('default', state);
|
|
}
|
|
};
|
|
|
|
exports.isStyled = isStyled;
|
|
|
|
const isCSSHelper = t => (tag, state) => t.isIdentifier(tag) && tag.name === importLocalName('css', state);
|
|
|
|
exports.isCSSHelper = isCSSHelper;
|
|
|
|
const isCreateGlobalStyleHelper = t => (tag, state) => t.isIdentifier(tag) && tag.name === importLocalName('createGlobalStyle', state);
|
|
|
|
exports.isCreateGlobalStyleHelper = isCreateGlobalStyleHelper;
|
|
|
|
const isInjectGlobalHelper = t => (tag, state) => t.isIdentifier(tag) && tag.name === importLocalName('injectGlobal', state);
|
|
|
|
exports.isInjectGlobalHelper = isInjectGlobalHelper;
|
|
|
|
const isKeyframesHelper = t => (tag, state) => t.isIdentifier(tag) && tag.name === importLocalName('keyframes', state);
|
|
|
|
exports.isKeyframesHelper = isKeyframesHelper;
|
|
|
|
const isWithThemeHelper = t => (tag, state) => t.isIdentifier(tag) && tag.name === importLocalName('withTheme', state);
|
|
|
|
exports.isWithThemeHelper = isWithThemeHelper;
|
|
|
|
const isUseTheme = t => (tag, state) => t.isIdentifier(tag) && tag.name === importLocalName('useTheme', state);
|
|
|
|
exports.isUseTheme = isUseTheme;
|
|
|
|
const isHelper = t => (tag, state) => isCreateGlobalStyleHelper(t)(tag, state) || isCSSHelper(t)(tag, state) || isInjectGlobalHelper(t)(tag, state) || isUseTheme(t)(tag, state) || isKeyframesHelper(t)(tag, state) || isWithThemeHelper(t)(tag, state);
|
|
|
|
exports.isHelper = isHelper;
|
|
|
|
const isPureHelper = t => (tag, state) => isCreateGlobalStyleHelper(t)(tag, state) || isCSSHelper(t)(tag, state) || isKeyframesHelper(t)(tag, state) || isUseTheme(t)(tag, state) || isWithThemeHelper(t)(tag, state);
|
|
|
|
exports.isPureHelper = isPureHelper; |