Source-loader: Overhaul to remove decorators, support user-configurable source

addons/docs/src/blocks/Source.tsx

@@ -35,17 +35,23 @@ interface StorySource {
 }
 
 const extract = (targetId: string, { source, locationsMap }: StorySource) => {
+  if (!locationsMap) {
+    return source;
+  }
   const location = locationsMap[targetId];
   // FIXME: bad locationsMap generated for module export functions whose titles are overridden
   if (!location) return null;
   const { startBody: start, endBody: end } = location;
   const lines = source.split('\n');
-  if (start.line === end.line) {
+  if (start.line === end.line && lines[start.line - 1] !== undefined) {
     return lines[start.line - 1].substring(start.col, end.col);
   }
   // NOTE: storysource locations are 1-based not 0-based!
   const startLine = lines[start.line - 1];
   const endLine = lines[end.line - 1];
+  if (startLine === undefined || endLine === undefined) {
+    return source;
+  }
   return [
     startLine.substring(start.col),
     ...lines.slice(start.line, end.line - 1),

addons/storysource/package.json

@@ -24,24 +24,33 @@
     "*.d.ts"
   ],
   "main": "dist/index.js",
+  "types": "dist/index.d.ts",
   "scripts": {
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
     "@storybook/addons": "5.3.5",
+    "@storybook/api": "5.3.5",
     "@storybook/components": "5.3.5",
+    "@storybook/core-events": "5.3.5",
     "@storybook/router": "5.3.5",
     "@storybook/source-loader": "5.3.5",
     "@storybook/theming": "5.3.5",
+    "@types/react-syntax-highlighter": "11.0.2",
     "core-js": "^3.0.1",
     "estraverse": "^4.2.0",
     "loader-utils": "^1.2.3",
     "prettier": "^1.16.4",
     "prop-types": "^15.7.2",
+    "react": "^16.9.17",
     "react-syntax-highlighter": "^11.0.2",
     "regenerator-runtime": "^0.13.3",
     "util-deprecate": "^1.0.2"
   },
+  "devDependencies": {
+    "@types/react": "^16.9.17",
+    "@types/react-syntax-highlighter": "^11.0.4"
+  },
   "peerDependencies": {
     "@storybook/source-loader": "*",
     "react": "*"