build(#10336): staticify assets

packages/frontend/.storybook/main.ts

@@ -1,6 +1,7 @@
 import { resolve } from 'node:path';
 import type { StorybookConfig } from '@storybook/vue3-vite';
 import { mergeConfig } from 'vite';
+import { viteStaticCopy } from 'vite-plugin-static-copy';
 const config = {
 	stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|ts|tsx)'],
 	addons: [
@@ -22,7 +23,16 @@ const config = {
 	},
 	async viteFinal(config, options) {
 		return mergeConfig(config, {
-			assetsInclude: [resolve(__dirname, '../node_modules/@tabler/icons-webfont/**/*.{css,eot,ttf,woff,woff2}')],
+			plugins: [
+				viteStaticCopy({
+					targets: [
+						{
+							src: resolve(__dirname, '../node_modules/@tabler/icons-webfont/**/*.{css,eot,ttf,woff,woff2}'),
+							dest: 'node_modules/@tabler/icons-webfont',
+						},
+					],
+				}),
+			],
 			build: {
 				target: [
 					'chrome108',

packages/frontend/.storybook/preview-head.html

@@ -1,4 +1,4 @@
-<link rel="stylesheet" href="../node_modules/@tabler/icons-webfont/tabler-icons.min.css">
+<link rel="stylesheet" href="./node_modules/@tabler/icons-webfont/tabler-icons.min.css">
 <script>
   window.global = window;
 </script>

packages/frontend/.storybook/preview.ts

@@ -7,9 +7,6 @@ import { commonHandlers, onUnhandledRequest } from './mocks';
 import themes from './themes';
 import '../src/style.scss';
 
-// TODO: HMR が壊れているのを直す
-import.meta.hot.invalidate();
-
 const appInitialized = Symbol();
 
 let moduleInitialized = false;

packages/frontend/package.json

@@ -129,6 +129,7 @@
 		"storybook": "7.0.0-rc.10",
 		"storybook-addon-misskey-theme": "github:misskey-dev/storybook-addon-misskey-theme",
 		"summaly": "github:misskey-dev/summaly",
+		"vite-plugin-static-copy": "^0.13.1",
 		"vitest": "^0.29.8",
 		"vitest-fetch-mock": "^0.2.2",
 		"vue-eslint-parser": "9.1.0",