From 74db9e20e479b2a3f532ead9eba675910f9472ed Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Connor=20B=C3=A4r?= <connor.baer@sumup.com>
Date: Wed, 26 Apr 2023 14:06:56 +0200
Subject: [PATCH] Integrate Vite with Turbosnap

---
 .storybook/main.ts | 10 ++++++++++
 package-lock.json  | 13 +++++++++++++
 package.json       |  3 ++-
 3 files changed, 25 insertions(+), 1 deletion(-)

diff --git a/.storybook/main.ts b/.storybook/main.ts
index 0d0b1904b9..bb9cbd500e 100644
--- a/.storybook/main.ts
+++ b/.storybook/main.ts
@@ -1,6 +1,8 @@
 import type { StorybookConfig } from '@storybook/react-vite';
 import path from 'path';
 import remarkGfm from 'remark-gfm';
+import { mergeConfig } from 'vite';
+import turbosnap from 'vite-plugin-turbosnap';
 
 const toPath = (_path: string) => path.join(process.cwd(), _path);
 
@@ -37,6 +39,14 @@ const config: StorybookConfig = {
     name: '@storybook/react-vite',
     options: {},
   },
+  async viteFinal(config, { configType }) {
+    return mergeConfig(config, {
+      plugins:
+        configType === 'PRODUCTION'
+          ? [turbosnap({ rootDir: config.root ?? process.cwd() })]
+          : [],
+    });
+  },
 };
 
 export default config;
diff --git a/package-lock.json b/package-lock.json
index 0e51308a5d..06eb12cd91 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -44,6 +44,7 @@
         "storybook": "^7.0.7",
         "svgo": "^3.0.2",
         "typescript": "^5.0.4",
+        "vite-plugin-turbosnap": "^1.0.2",
         "vitest": "^0.30.1",
         "vitest-github-actions-reporter": "^0.10.0"
       }
@@ -27509,6 +27510,12 @@
         "url": "https://github.com/sponsors/antfu"
       }
     },
+    "node_modules/vite-plugin-turbosnap": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/vite-plugin-turbosnap/-/vite-plugin-turbosnap-1.0.2.tgz",
+      "integrity": "sha512-irjKcKXRn7v5bPAg4mAbsS6DgibpP1VUFL9tlgxU6lloK6V9yw9qCZkS+s2PtbkZpWNzr3TN3zVJAc6J7gJZmA==",
+      "dev": true
+    },
     "node_modules/vitest": {
       "version": "0.30.1",
       "resolved": "https://registry.npmjs.org/vitest/-/vitest-0.30.1.tgz",
@@ -49078,6 +49085,12 @@
         "vite": "^3.0.0 || ^4.0.0"
       }
     },
+    "vite-plugin-turbosnap": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/vite-plugin-turbosnap/-/vite-plugin-turbosnap-1.0.2.tgz",
+      "integrity": "sha512-irjKcKXRn7v5bPAg4mAbsS6DgibpP1VUFL9tlgxU6lloK6V9yw9qCZkS+s2PtbkZpWNzr3TN3zVJAc6J7gJZmA==",
+      "dev": true
+    },
     "vitest": {
       "version": "0.30.1",
       "resolved": "https://registry.npmjs.org/vitest/-/vitest-0.30.1.tgz",
diff --git a/package.json b/package.json
index 6da9233de5..ce325c3f39 100644
--- a/package.json
+++ b/package.json
@@ -24,7 +24,7 @@
     "lint:fix": "npm run lint -- --fix",
     "docs": "npm run docs:start",
     "docs:start": "storybook dev -p 6006",
-    "docs:build": "storybook build -c .storybook -o public --webpack-stats-json && cp -R ./packages/icons/web ./public/icons",
+    "docs:build": "storybook build -c .storybook -o public && cp -R ./packages/icons/web ./public/icons",
     "vercel-build": "npm run copy-docs && npm run build && npm run docs:build",
     "check:security": "audit-ci --critical",
     "check:licenses": "license-checker --production --summary --failOn=GPLv3",
@@ -68,6 +68,7 @@
     "storybook": "^7.0.7",
     "svgo": "^3.0.2",
     "typescript": "^5.0.4",
+    "vite-plugin-turbosnap": "^1.0.2",
     "vitest": "^0.30.1",
     "vitest-github-actions-reporter": "^0.10.0"
   },