@storybook/codemod 7.0.0-alpha.8 → 7.0.0-beta.1

package/dist/cjs/transforms/csf-to-mdx.js

@@ -1,196 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = transformer;
-
-var _recast = require("recast");
-
-var _csf = require("@storybook/csf");
-
-function exportMdx(root, options) {
-  // eslint-disable-next-line no-underscore-dangle
-  var path = root.__paths[0]; // FIXME: insert the title as markdown after all of the imports
-
-  return path.node.program.body.map(function (n) {
-    var _prettyPrint = (0, _recast.prettyPrint)(n, options),
-        code = _prettyPrint.code;
-
-    if (n.type === 'JSXElement') {
-      return `${code}\n`;
-    }
-
-    return code;
-  }).join('\n');
-}
-
-function parseIncludeExclude(prop) {
-  var _prettyPrint2 = (0, _recast.prettyPrint)(prop, {}),
-      code = _prettyPrint2.code; // eslint-disable-next-line no-eval
-
-
-  return eval(code);
-}
-/**
- * Convert a component's module story file into an MDX file
- *
- * For example:
- *
- * ```
- * input { Button } from './Button';
- * export default {
- *   title: 'Button'
- * }
- * export const story = () => <Button label="The Button" />;
- * ```
- *
- * Becomes:
- *
- * ```
- * import { Meta, Story } from '@storybook/addon-docs';
- * input { Button } from './Button';
- *
- * <Meta title='Button' />
- *
- * <Story name='story'>
- *   <Button label="The Button" />
- * </Story>
- * ```
- */
-
-
-function transformer(file, api) {
-  var j = api.jscodeshift;
-  var root = j(file.source); // FIXME: save out all the storyFn.story = { ... }
-
-  var storyKeyToStory = {}; // save out includeStories / excludeStories
-
-  var meta = {};
-
-  function makeAttr(key, val) {
-    return j.jsxAttribute(j.jsxIdentifier(key), val.type === 'Literal' ? val : j.jsxExpressionContainer(val));
-  }
-
-  function getStoryContents(node) {
-    return node.type === 'ArrowFunctionExpression' && node.body.type === 'JSXElement' ? node.body : j.jsxExpressionContainer(node);
-  }
-
-  function getName(storyKey) {
-    var story = storyKeyToStory[storyKey];
-
-    if (story) {
-      var name = story.properties.find(function (prop) {
-        return prop.key.name === 'name';
-      });
-
-      if (name && name.value.type === 'Literal') {
-        return name.value.value;
-      }
-    }
-
-    return storyKey;
-  }
-
-  function getStoryAttrs(storyKey) {
-    var attrs = [];
-    var story = storyKeyToStory[storyKey];
-
-    if (story) {
-      story.properties.forEach(function (prop) {
-        var key = prop.key,
-            value = prop.value;
-
-        if (key.name !== 'name') {
-          attrs.push(makeAttr(key.name, value));
-        }
-      });
-    }
-
-    return attrs;
-  } // 1. If the program does not have `export default { title: '....' }, skip it
-
-
-  var defaultExportWithTitle = root.find(j.ExportDefaultDeclaration).filter(function (def) {
-    return def.node.declaration.properties.map(function (p) {
-      return p.key.name;
-    }).includes('title');
-  });
-
-  if (defaultExportWithTitle.size() === 0) {
-    return root.toSource();
-  } // 2a. Add imports from '@storybook/addon-docs'
-
-
-  root.find(j.ImportDeclaration).at(-1).insertAfter(j.emptyStatement()).insertAfter(j.importDeclaration([j.importSpecifier(j.identifier('Meta')), j.importSpecifier(j.identifier('Story'))], j.literal('@storybook/addon-docs'))); // 2b. Remove react import which is implicit
-
-  root.find(j.ImportDeclaration).filter(function (decl) {
-    return decl.node.source.value === 'react';
-  }).remove(); // 3. Save out all the excluded stories
-
-  defaultExportWithTitle.forEach(function (exp) {
-    exp.node.declaration.properties.forEach(function (p) {
-      if (['includeStories', 'excludeStories'].includes(p.key.name)) {
-        meta[p.key.name] = parseIncludeExclude(p.value);
-      }
-    });
-  }); // 4. Collect all the story exports in storyKeyToStory[key] = null;
-
-  var namedExports = root.find(j.ExportNamedDeclaration);
-  namedExports.forEach(function (exp) {
-    var storyKey = exp.node.declaration.declarations[0].id.name;
-
-    if ((0, _csf.isExportStory)(storyKey, meta)) {
-      storyKeyToStory[storyKey] = null;
-    }
-  }); // 5. Collect all the storyKey.story in storyKeyToStory and also remove them
-
-  var storyAssignments = root.find(j.AssignmentExpression).filter(function (exp) {
-    var left = exp.node.left;
-    return left.type === 'MemberExpression' && left.object.type === 'Identifier' && left.object.name in storyKeyToStory && left.property.type === 'Identifier' && left.property.name === 'story';
-  });
-  storyAssignments.forEach(function (exp) {
-    var _exp$node = exp.node,
-        left = _exp$node.left,
-        right = _exp$node.right;
-    storyKeyToStory[left.object.name] = right;
-  });
-  storyAssignments.remove(); // 6. Convert the default export to <Meta />
-
-  defaultExportWithTitle.replaceWith(function (exp) {
-    var jsxId = j.jsxIdentifier('Meta');
-    var attrs = [];
-    exp.node.declaration.properties.forEach(function (prop) {
-      var key = prop.key,
-          value = prop.value;
-
-      if (!['includeStories', 'excludeStories'].includes(key.name)) {
-        attrs.push(makeAttr(key.name, value));
-      }
-    });
-    var opening = j.jsxOpeningElement(jsxId, attrs);
-    opening.selfClosing = true;
-    return j.jsxElement(opening);
-  }); // 7. Convert all the named exports to <Story>...</Story>
-
-  namedExports.replaceWith(function (exp) {
-    var storyKey = exp.node.declaration.declarations[0].id.name;
-
-    if (!(0, _csf.isExportStory)(storyKey, meta)) {
-      return exp.node;
-    }
-
-    var jsxId = j.jsxIdentifier('Story');
-    var name = getName(storyKey);
-    var attributes = [makeAttr('name', j.literal(name)), ...getStoryAttrs(storyKey)];
-    var opening = j.jsxOpeningElement(jsxId, attributes);
-    var closing = j.jsxClosingElement(jsxId);
-    var children = [getStoryContents(exp.node.declaration.declarations[0].init)];
-    return j.jsxElement(opening, closing, children);
-  });
-  return exportMdx(root, {
-    quote: 'single',
-    trailingComma: 'true',
-    tabWidth: 2
-  });
-}

package/dist/cjs/transforms/mdx-to-csf.js

@@ -1,153 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = transformer;
-
-var _mdx = _interopRequireDefault(require("@mdx-js/mdx"));
-
-var _prettier = _interopRequireDefault(require("prettier"));
-
-var _utils = require("../lib/utils");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-// import recast from 'recast';
-
-/**
- * Convert a component's MDX file into module story format
- */
-function transformer(file, api) {
-  var j = api.jscodeshift;
-
-  var code = _mdx.default.sync(file.source, {});
-
-  var root = j(code);
-
-  function parseJsxAttributes(attributes) {
-    var result = {};
-    attributes.forEach(function (attr) {
-      var key = attr.name.name;
-      var val = attr.value.type === 'JSXExpressionContainer' ? attr.value.expression : attr.value;
-      result[key] = val;
-    });
-    return result;
-  }
-
-  function genObjectExpression(attrs) {
-    return j.objectExpression(Object.entries(attrs).map(function ([key, val]) {
-      return j.property('init', j.identifier(key), val);
-    }));
-  }
-
-  function convertToStories(path) {
-    var base = j(path);
-    var meta = {};
-    var includeStories = [];
-    var storyStatements = []; // get rid of all mdxType junk
-
-    base.find(j.JSXAttribute).filter(function (attr) {
-      return attr.node.name.name === 'mdxType';
-    }).remove(); // parse <Meta title="..." />
-
-    base.find(j.JSXElement).filter(function (elt) {
-      return elt.node.openingElement.name.name === 'Meta';
-    }).forEach(function (elt) {
-      var attrs = parseJsxAttributes(elt.node.openingElement.attributes);
-      Object.assign(meta, attrs);
-    }); // parse <Story name="..." />
-
-    base.find(j.JSXElement).filter(function (elt) {
-      return elt.node.openingElement.name.name === 'Story';
-    }).forEach(function (elt) {
-      var attrs = parseJsxAttributes(elt.node.openingElement.attributes);
-
-      if (attrs.name) {
-        var storyKey = (0, _utils.sanitizeName)(attrs.name.value);
-        includeStories.push(storyKey);
-
-        if (storyKey === attrs.name.value) {
-          delete attrs.name;
-        }
-
-        var body = elt.node.children.find(function (n) {
-          return n.type !== 'JSXText';
-        }) || j.literal(elt.node.children[0].value);
-
-        if (body.type === 'JSXExpressionContainer') {
-          body = body.expression;
-        }
-
-        storyStatements.push(j.exportDeclaration(false, j.variableDeclaration('const', [j.variableDeclarator(j.identifier(storyKey), body.type === 'ArrowFunctionExpression' ? body : j.arrowFunctionExpression([], body))])));
-
-        if (Object.keys(attrs).length > 0) {
-          storyStatements.push(j.assignmentStatement('=', j.memberExpression(j.identifier(storyKey), j.identifier('story')), genObjectExpression(attrs)));
-        }
-
-        storyStatements.push(j.emptyStatement());
-      }
-    });
-
-    if (root.find(j.ExportNamedDeclaration).size() > 0) {
-      meta.includeStories = j.arrayExpression(includeStories.map(function (key) {
-        return j.literal(key);
-      }));
-    }
-
-    var statements = [j.exportDefaultDeclaration(genObjectExpression(meta)), j.emptyStatement(), ...storyStatements];
-    var lastStatement = root.find(j.Statement).at(-1);
-    statements.reverse().forEach(function (stmt) {
-      lastStatement.insertAfter(stmt);
-    });
-    base.remove();
-  }
-
-  root.find(j.ExportDefaultDeclaration).forEach(convertToStories); // strip out Story/Meta import and MDX junk
-  //   /* @jsx mdx */
-
-  root.find(j.ImportDeclaration).at(0).replaceWith(function (exp) {
-    return j.importDeclaration(exp.node.specifiers, exp.node.source);
-  }); //  import { Story, Meta } from '@storybook/addon-docs';
-
-  root.find(j.ImportDeclaration).filter(function (exp) {
-    return exp.node.source.value === '@storybook/addon-docs';
-  }).remove(); //   const makeShortcode = ...
-  //   const layoutProps = {};
-  //   const MDXLayout = 'wrapper';
-
-  var MDX_DECLS = ['makeShortcode', 'layoutProps', 'MDXLayout'];
-  root.find(j.VariableDeclaration).filter(function (decl) {
-    return decl.node.declarations.length === 1 && MDX_DECLS.includes(decl.node.declarations[0].id.name);
-  }).remove(); //   const Source = makeShortcode('Source');
-
-  root.find(j.VariableDeclarator).filter(function (expr) {
-    return expr.node.init.type === 'CallExpression' && expr.node.init.callee.type === 'Identifier' && expr.node.init.callee.name === 'makeShortcode';
-  }).remove(); //   MDXContent.isMDXComponent = true;
-
-  root.find(j.AssignmentExpression).filter(function (expr) {
-    return expr.node.left.type === 'MemberExpression' && expr.node.left.object.type === 'Identifier' && expr.node.left.object.name === 'MDXContent';
-  }).remove(); // Add back `import React from 'react';` which is implicit in MDX
-
-  var react = root.find(j.ImportDeclaration).filter(function (decl) {
-    return decl.node.source.value === 'react';
-  });
-
-  if (react.size() === 0) {
-    root.find(j.Statement).at(0).insertBefore(j.importDeclaration([j.importDefaultSpecifier(j.identifier('React'))], j.literal('react')));
-  }
-
-  var source = root.toSource({
-    trailingComma: true,
-    quote: 'single',
-    tabWidth: 2
-  });
-  return _prettier.default.format(source, {
-    parser: 'babel',
-    printWidth: 100,
-    tabWidth: 2,
-    bracketSpacing: true,
-    trailingComma: 'es5',
-    singleQuote: true
-  });
-}

package/dist/cjs/transforms/move-builtin-addons.js

@@ -1,57 +0,0 @@
-"use strict";
-
-require("core-js/modules/es.symbol.description.js");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = transformer;
-
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-function transformer(file, api) {
-  var j = api.jscodeshift;
-
-  var createImportDeclaration = function (specifiers, source) {
-    return j.importDeclaration(specifiers.map(function (s) {
-      return j.importSpecifier(j.identifier(s));
-    }), j.literal(source));
-  };
-
-  var deprecates = {
-    action: [['action'], '@storybook/addon-actions'],
-    linkTo: [['linkTo'], '@storybook/addon-links']
-  };
-  var transform = j(file.source).find(j.ImportDeclaration).filter(function (i) {
-    return i.value.source.value === '@storybook/react';
-  }).forEach(function (i) {
-    var importStatement = i.value;
-    importStatement.specifiers = importStatement.specifiers.filter(function (specifier) {
-      var item = deprecates[specifier.local.name];
-
-      if (item) {
-        var _item = _slicedToArray(item, 2),
-            specifiers = _item[0],
-            moduleName = _item[1];
-
-        i.insertAfter(createImportDeclaration(specifiers, moduleName));
-        return false;
-      }
-
-      return specifier;
-    });
-  });
-  return transform.toSource({
-    quote: 'single'
-  });
-}