detectors.js 5.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153
  1. "use strict";
  2. Object.defineProperty(exports, "__esModule", {
  3. value: true
  4. });
  5. exports.isPureHelper = exports.isHelper = exports.isWithThemeHelper = exports.isKeyframesHelper = exports.isInjectGlobalHelper = exports.isCreateGlobalStyleHelper = exports.isCSSHelper = exports.isStyled = exports.importLocalName = exports.isValidTopLevelImport = void 0;
  6. var VALID_TOP_LEVEL_IMPORT_PATHS = ['styled-components', 'styled-components/no-tags', 'styled-components/native', 'styled-components/primitives'];
  7. var isValidTopLevelImport = function isValidTopLevelImport(x) {
  8. return VALID_TOP_LEVEL_IMPORT_PATHS.includes(x);
  9. };
  10. exports.isValidTopLevelImport = isValidTopLevelImport;
  11. var localNameCache = {};
  12. var importLocalName = function importLocalName(name, state) {
  13. var bypassCache = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
  14. var cacheKey = name + state.file.opts.filename;
  15. if (!bypassCache && cacheKey in localNameCache) {
  16. return localNameCache[cacheKey];
  17. }
  18. var localName = state.styledRequired ? name === 'default' ? 'styled' : name : false;
  19. state.file.path.traverse({
  20. ImportDeclaration: {
  21. exit(path) {
  22. var node = path.node;
  23. if (isValidTopLevelImport(node.source.value)) {
  24. var _iteratorNormalCompletion = true;
  25. var _didIteratorError = false;
  26. var _iteratorError = undefined;
  27. try {
  28. for (var _iterator = path.get('specifiers')[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
  29. var specifier = _step.value;
  30. if (specifier.isImportDefaultSpecifier()) {
  31. localName = specifier.node.local.name;
  32. }
  33. if (specifier.isImportSpecifier() && specifier.node.imported.name === name) {
  34. localName = specifier.node.local.name;
  35. }
  36. if (specifier.isImportNamespaceSpecifier()) {
  37. localName = specifier.node.local.name;
  38. }
  39. }
  40. } catch (err) {
  41. _didIteratorError = true;
  42. _iteratorError = err;
  43. } finally {
  44. try {
  45. if (!_iteratorNormalCompletion && _iterator.return != null) {
  46. _iterator.return();
  47. }
  48. } finally {
  49. if (_didIteratorError) {
  50. throw _iteratorError;
  51. }
  52. }
  53. }
  54. }
  55. }
  56. }
  57. });
  58. localNameCache[cacheKey] = localName;
  59. return localName;
  60. };
  61. exports.importLocalName = importLocalName;
  62. var isStyled = function isStyled(t) {
  63. return function (tag, state) {
  64. if (t.isCallExpression(tag) && t.isMemberExpression(tag.callee) && tag.callee.property.name !== 'default'
  65. /** ignore default for #93 below */
  66. ) {
  67. // styled.something()
  68. return isStyled(t)(tag.callee.object, state);
  69. } else {
  70. return t.isMemberExpression(tag) && tag.object.name === importLocalName('default', state) || t.isCallExpression(tag) && tag.callee.name === importLocalName('default', state) ||
  71. /**
  72. * #93 Support require()
  73. * styled-components might be imported using a require()
  74. * call and assigned to a variable of any name.
  75. * - styled.default.div``
  76. * - styled.default.something()
  77. */
  78. 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;
  79. }
  80. };
  81. };
  82. exports.isStyled = isStyled;
  83. var isCSSHelper = function isCSSHelper(t) {
  84. return function (tag, state) {
  85. return t.isIdentifier(tag) && tag.name === importLocalName('css', state);
  86. };
  87. };
  88. exports.isCSSHelper = isCSSHelper;
  89. var isCreateGlobalStyleHelper = function isCreateGlobalStyleHelper(t) {
  90. return function (tag, state) {
  91. return t.isIdentifier(tag) && tag.name === importLocalName('createGlobalStyle', state);
  92. };
  93. };
  94. exports.isCreateGlobalStyleHelper = isCreateGlobalStyleHelper;
  95. var isInjectGlobalHelper = function isInjectGlobalHelper(t) {
  96. return function (tag, state) {
  97. return t.isIdentifier(tag) && tag.name === importLocalName('injectGlobal', state);
  98. };
  99. };
  100. exports.isInjectGlobalHelper = isInjectGlobalHelper;
  101. var isKeyframesHelper = function isKeyframesHelper(t) {
  102. return function (tag, state) {
  103. return t.isIdentifier(tag) && tag.name === importLocalName('keyframes', state);
  104. };
  105. };
  106. exports.isKeyframesHelper = isKeyframesHelper;
  107. var isWithThemeHelper = function isWithThemeHelper(t) {
  108. return function (tag, state) {
  109. return t.isIdentifier(tag) && tag.name === importLocalName('withTheme', state);
  110. };
  111. };
  112. exports.isWithThemeHelper = isWithThemeHelper;
  113. var isHelper = function isHelper(t) {
  114. return function (tag, state) {
  115. return isCSSHelper(t)(tag, state) || isKeyframesHelper(t)(tag, state) || isWithThemeHelper(t)(tag, state);
  116. };
  117. };
  118. exports.isHelper = isHelper;
  119. var isPureHelper = function isPureHelper(t) {
  120. return function (tag, state) {
  121. return isCSSHelper(t)(tag, state) || isKeyframesHelper(t)(tag, state) || isCreateGlobalStyleHelper(t)(tag, state) || isWithThemeHelper(t)(tag, state);
  122. };
  123. };
  124. exports.isPureHelper = isPureHelper;