Dashboard sipadu mbip
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.

index.js 3.1KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104
  1. "use strict";
  2. Object.defineProperty(exports, "__esModule", {
  3. value: true
  4. });
  5. exports.default = void 0;
  6. var _helperPluginUtils = require("@babel/helper-plugin-utils");
  7. var _pluginSyntaxJsx = _interopRequireDefault(require("@babel/plugin-syntax-jsx"));
  8. var _helperBuilderReactJsx = _interopRequireDefault(require("@babel/helper-builder-react-jsx"));
  9. var _core = require("@babel/core");
  10. function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
  11. var _default = (0, _helperPluginUtils.declare)((api, options) => {
  12. api.assertVersion(7);
  13. const THROW_IF_NAMESPACE = options.throwIfNamespace === undefined ? true : !!options.throwIfNamespace;
  14. const PRAGMA_DEFAULT = options.pragma || "React.createElement";
  15. const PRAGMA_FRAG_DEFAULT = options.pragmaFrag || "React.Fragment";
  16. const JSX_ANNOTATION_REGEX = /\*?\s*@jsx\s+([^\s]+)/;
  17. const JSX_FRAG_ANNOTATION_REGEX = /\*?\s*@jsxFrag\s+([^\s]+)/;
  18. const createIdentifierParser = id => () => {
  19. return id.split(".").map(name => _core.types.identifier(name)).reduce((object, property) => _core.types.memberExpression(object, property));
  20. };
  21. const visitor = (0, _helperBuilderReactJsx.default)({
  22. pre(state) {
  23. const tagName = state.tagName;
  24. const args = state.args;
  25. if (_core.types.react.isCompatTag(tagName)) {
  26. args.push(_core.types.stringLiteral(tagName));
  27. } else {
  28. args.push(state.tagExpr);
  29. }
  30. },
  31. post(state, pass) {
  32. state.callee = pass.get("jsxIdentifier")();
  33. },
  34. throwIfNamespace: THROW_IF_NAMESPACE
  35. });
  36. visitor.Program = {
  37. enter(path, state) {
  38. const {
  39. file
  40. } = state;
  41. let pragma = PRAGMA_DEFAULT;
  42. let pragmaFrag = PRAGMA_FRAG_DEFAULT;
  43. let pragmaSet = !!options.pragma;
  44. let pragmaFragSet = !!options.pragmaFrag;
  45. if (file.ast.comments) {
  46. for (const comment of file.ast.comments) {
  47. const jsxMatches = JSX_ANNOTATION_REGEX.exec(comment.value);
  48. if (jsxMatches) {
  49. pragma = jsxMatches[1];
  50. pragmaSet = true;
  51. }
  52. const jsxFragMatches = JSX_FRAG_ANNOTATION_REGEX.exec(comment.value);
  53. if (jsxFragMatches) {
  54. pragmaFrag = jsxFragMatches[1];
  55. pragmaFragSet = true;
  56. }
  57. }
  58. }
  59. state.set("jsxIdentifier", createIdentifierParser(pragma));
  60. state.set("jsxFragIdentifier", createIdentifierParser(pragmaFrag));
  61. state.set("usedFragment", false);
  62. state.set("pragmaSet", pragmaSet);
  63. state.set("pragmaFragSet", pragmaFragSet);
  64. },
  65. exit(path, state) {
  66. if (state.get("pragmaSet") && state.get("usedFragment") && !state.get("pragmaFragSet")) {
  67. throw new Error("transform-react-jsx: pragma has been set but " + "pragmafrag has not been set");
  68. }
  69. }
  70. };
  71. visitor.JSXAttribute = function (path) {
  72. if (_core.types.isJSXElement(path.node.value)) {
  73. path.node.value = _core.types.jsxExpressionContainer(path.node.value);
  74. }
  75. };
  76. return {
  77. name: "transform-react-jsx",
  78. inherits: _pluginSyntaxJsx.default,
  79. visitor
  80. };
  81. });
  82. exports.default = _default;