Merge pull request #35 from ripe-tech/ms/fix-vercel-storybook

Storybook route
ripe-tech · Nov 6, 2020 · 8f0a948 · 8f0a948 · vercel · Nov 6, 2020
2 parents eca9e44 + a991b0c
commit 8f0a948
Show file tree

Hide file tree

Showing 3 changed files with 46 additions and 3 deletions.
diff --git a/package.json b/package.json
@@ -65,6 +65,7 @@
     },
     "devDependencies": {
         "@babel/core": "^7.12.3",
+        "@babel/plugin-transform-runtime": "^7.12.1",
         "@babel/preset-env": "^7.12.1",
         "@storybook/addon-knobs": "^6.0.28",
         "@storybook/addon-storysource": "^6.0.28",
@@ -101,7 +102,7 @@
         "vue-loader": "^15.9.5",
         "vue-styleguidist": "^4.33.5",
         "vue-template-compiler": "^2.6.12",
-        "webpack": "^5.4.0",
+        "webpack": "^4.44.2",
         "webpack-cli": "^4.2.0",
         "webpack-dev-server": "^3.11.0"
     },

diff --git a/styleguide.config.js b/styleguide.config.js
@@ -1,6 +1,48 @@
+const config = require("./webpack.config");
+
+// remove babel-loader rule and replace it with one that includes
+// the regeneratorRuntime
+config.module.rules = config.module.rules.filter(rule => String(rule.test) !== String(/\.js$/));
+config.module.rules.push({
+    test: /\.js$/,
+    exclude: /node_modules\/(?!ripe-sdk)/,
+    use: [
+        {
+            loader: "babel-loader",
+            options: {
+                presets: [
+                    process.env.NODE_ENV === "development"
+                        ? [
+                              "@babel/preset-env",
+                              {
+                                  targets: {
+                                      browsers: ["last 2 years"]
+                                  },
+                                  useBuiltIns: "entry",
+                                  corejs: "3"
+                              }
+                          ]
+                        : "@babel/preset-env"
+                ],
+                plugins: [
+                    [
+                        "@babel/plugin-transform-runtime",
+                        {
+                            regenerator: true
+                        }
+                    ]
+                ]
+            }
+        },
+        {
+            loader: "eslint-loader"
+        }
+    ]
+});
+
 module.exports = {
     styleguideDir: "dist/styleguide",
-    webpackConfig: Object.assign({}, require("./webpack.config"), {
+    webpackConfig: Object.assign({}, config, {
         externals: {}
     }),
     sections: [

diff --git a/vercel.json b/vercel.json
@@ -10,7 +10,7 @@
         }
     ],
     "routes": [
-        { "src": "/", "dest": "/storybook/index.html" },
+        { "src": "/storybook", "dest": "/storybook/index.html" },
         { "src": "/(?!res)(.*)", "dest": "/styleguide/$1" }
     ]
 }