react-live-unplugin/dist/transformCode.cjs

Turn React components into live code blocks with ease.

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.transformCode = transformCode;
var _standalone = require("@babel/standalone");
function transformCode(code) {
  const result = (0, _standalone.transform)(code, {
    presets: [["typescript", {
      allExtensions: true,
      isTSX: true
    }], "react"],
    plugins: [function removeImportsExports() {
      return {
        visitor: {
          ImportDeclaration(path) {
            path.remove();
          },
          ExportDefaultDeclaration(path) {
            const declaration = path.node.declaration;
            if (declaration.type === "Identifier") {
              path.replaceWithSourceString(`render(React.createElement(${declaration.name}))`);
            } else if (declaration.type === "FunctionDeclaration") {
              const id = declaration.id?.name || "Anonymous";
              path.replaceWithSourceString(`render(React.createElement(${id}))`);
            }
          },
          ExportNamedDeclaration(path) {
            path.remove();
          }
        }
      };
    }]
  });
  return result.code;
}