feat: fetchImageSize - get dimensions on server-side!!!

Co-authored-by:
Federico Brigante <me@fregante.com>
image-size/image-size#258 (comment)

.storybook/main.js

@@ -1,3 +1,5 @@
+const webpack = require("webpack");
+
 module.exports = {
   stories: ["../src/**/*.stories.mdx", "../src/**/*.stories.@(js|jsx|ts|tsx)"],
   addons: [
@@ -15,4 +17,26 @@ module.exports = {
   core: {
     builder: "webpack5",
   },
+  webpackFinal: async (config) => {
+    config.resolve.fallback = {
+      ...config.resolve.fallback,
+      buffer: require.resolve("buffer/"),
+      fs: false,
+      http: require.resolve("stream-http"),
+      https: require.resolve("https-browserify"),
+      stream: require.resolve("stream-browserify"),
+    };
+
+    config.plugins = [
+      ...config.plugins,
+      // Work around for Buffer is undefined:
+      // https://github.com/webpack/changelog-v5/issues/10
+      new webpack.ProvidePlugin({
+        Buffer: ["buffer", "Buffer"],
+      }),
+    ];
+
+    console.log(config.plugins);
+    return config;
+  },
 };

next.config.js

@@ -1,3 +1,4 @@
+const webpack = require("webpack");
 module.exports = {
   reactStrictMode: true,
   images: {
@@ -10,4 +11,25 @@ module.exports = {
       },
     ],
   },
+  webpack5: true,
+  webpack: (config) => {
+    config.resolve.fallback = {
+      ...config.resolve.fallback,
+      buffer: require.resolve("buffer/"),
+      fs: false,
+      http: require.resolve("stream-http"),
+      https: require.resolve("https-browserify"),
+      stream: require.resolve("stream-browserify"),
+    };
+    config.plugins = [
+      ...config.plugins,
+      // Work around for Buffer is undefined:
+      // https://github.com/webpack/changelog-v5/issues/10
+      new webpack.ProvidePlugin({
+        Buffer: ["buffer", "Buffer"],
+      }),
+    ];
+
+    return config;
+  },
 };

package.json

@@ -34,12 +34,17 @@
   },
   "dependencies": {
     "@emotion/react": "^11.10.5",
+    "buffer": "^6.0.3",
+    "https-browserify": "^1.0.0",
+    "image-size": "^1.0.2",
+    "stream-browserify": "^3.0.0",
+    "stream-http": "^3.2.0",
     "tslib": "^2.4.0"
   },
   "devDependencies": {
     "@babel/core": "^7.19.6",
-    "@commitlint/cli": "^17.1.2",
-    "@commitlint/config-conventional": "^17.1.0",
+    "@commitlint/cli": "17.1.0",
+    "@commitlint/config-conventional": "17.1.0",
     "@emotion/jest": "^11.10.5",
     "@storybook/addon-actions": "^6.5.13",
     "@storybook/addon-essentials": "^6.5.13",