build(#10336): staticify assets

packages/frontend/.storybook/main.ts

 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

-<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",

pnpm-lock.yaml

@@ -931,6 +931,9 @@ importers:
       summaly:
         specifier: github:misskey-dev/summaly
         version: github.com/misskey-dev/summaly/1bab7afee616429b8bbf7a7cbcbb8ebcef66d992
+      vite-plugin-static-copy:
+        specifier: ^0.13.1
+        version: 0.13.1(vite@4.2.1)
       vitest:
         specifier: ^0.29.8
         version: 0.29.8(happy-dom@8.9.0)(sass@1.60.0)
@@ -19780,6 +19783,19 @@ packages:
       - terser
     dev: true
+  /vite-plugin-static-copy@0.13.1(vite@4.2.1):
+    resolution: {integrity: sha512-KwIcGBT1aOxSq+laK3VmSngoEa3HXWj/6ZEXdv+y59eZ7p/XSuPahoDo+CfYW22JjTdnstgeKWiX+78KNgDu6g==}
+    engines: {node: ^14.18.0 || >=16.0.0}
+    peerDependencies:
+      vite: ^3.0.0 || ^4.0.0
+    dependencies:
+      chokidar: 3.5.3
+      fast-glob: 3.2.12
+      fs-extra: 11.1.0
+      picocolors: 1.0.0
+      vite: 4.2.1(@types/node@18.15.11)(sass@1.60.0)
+    dev: true
+
   /vite@4.2.1(@types/node@18.15.11)(sass@1.60.0):
     resolution: {integrity: sha512-7MKhqdy0ISo4wnvwtqZkjke6XN4taqQ2TBaTccLIpOKv7Vp2h4Y+NpmWCnGDeSvvn45KxvWgGyb0MkHvY1vgbg==}
     engines: {node: ^14.18.0 || >=16.0.0}