Upgrade storybook to 8.0.1

.storybook/main.js

@@ -1,19 +1,38 @@
-module.exports = {
+import path from 'path';
+
+export default {
   "stories": [
-    "../src/stories/**/*.stories.mdx",
-    "../src/stories/**/*.stories.@(js|jsx|ts|tsx)"
+    "../src/stories"
   ],
+
   "addons": [
-    "@storybook/addon-links",
-    "@storybook/addon-essentials",
-    "@storybook/addon-interactions",
-    "@storybook/addon-viewport",
+    "@storybook/addon-essentials"
   ],
-  staticDirs: [
-    '../public'
+
+  "staticDirs": [
+    '../public',
+    '../src/assets'
   ],
-  "framework": "@storybook/html",
-  "core": {
-    "builder": "@storybook/builder-webpack5"
+
+  "framework": {
+    name: "@storybook/html-webpack5"
   },
+
+  "webpackFinal": (config) => {
+
+    config.amd = false;
+
+    return {
+      ...config,
+      resolve: {
+        alias: {
+          '@': path.join(__dirname, '../src/assets/')
+        },
+        roots: [
+          path.join(__dirname, '../src/assets/'),
+          path.join(__dirname, '../public')
+        ]
+      }
+    }
+  }
 }

.storybook/preview-head.html

@@ -1,15 +1,15 @@
-<script src="./javascripts/jquery-3.6.1-ui-1.13.2-ujs-6.1.7.js"></script>
+<script src="/javascripts/jquery-3.6.1-ui-1.13.2-ujs-6.1.7.js"></script>
 
-<script src="./javascripts/tribute-5.1.3.min.js"></script>
-<script src="./javascripts/tablesort-5.2.1.min.js"></script>
-<script src="./javascripts/tablesort-5.2.1.number.min.js"></script>
+<script src="/javascripts/tribute-5.1.3.min.js"></script>
+<script src="/javascripts/tablesort-5.2.1.min.js"></script>
+<script src="/javascripts/tablesort-5.2.1.number.min.js"></script>
 
-<script src="./javascripts/application.js"></script>
-<script src="./javascripts/responsive.js"></script>
+<script src="/javascripts/application.js"></script>
+<script src="/javascripts/responsive.js"></script>
 
-<script src="./javascripts/jstoolbar/jstoolbar.js"></script>
-<script src="./javascripts/jstoolbar/common_mark.js"></script>
-<script src="./javascripts/jstoolbar/lang/jstoolbar-ja.js"></script>
+<script src="/javascripts/jstoolbar/jstoolbar.js"></script>
+<script src="/javascripts/jstoolbar/common_mark.js"></script>
+<script src="/javascripts/jstoolbar/lang/jstoolbar-ja.js"></script>
 <script>
   window.addEventListener('DOMContentLoaded', () => {
     $.ready();

.storybook/preview.js

@@ -1,6 +1,6 @@
-import '../public/stylesheets/jquery/jquery-ui-1.13.2.css'
-import '../public/stylesheets/application.css'
-import '../public/stylesheets/responsive.css'
+import '@/stylesheets/jquery/jquery-ui-1.13.2.css';
+import '@/stylesheets/application.css';
+import '@/stylesheets/responsive.css';
 
 export const parameters = {
   actions: { argTypesRegex: "^on[A-Z].*" },