Ccube 2098

.storybook/main.ts

@@ -1,19 +1,14 @@
+import { fileURLToPath } from "node:url";
 import type { StorybookConfig } from "@storybook/react-webpack5";
-import path from "path";
+import path, { dirname } from "path";
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = dirname(__filename);
 
 const config: StorybookConfig = {
 	stories: ["../src/stories/**/*.stories.@(ts|tsx)", "../src/stories/**/*.mdx"],
-	addons: [
-		"@storybook/addon-ally",
-		"@storybook/addon-actions",
-		"@storybook/addon-backgrounds",
-		"@storybook/addon-controls",
-		"@storybook/addon-docs",
-		"@storybook/addon-toolbars",
-		"@storybook/addon-viewport",
-		"@mihkeleidast/storybook-addon-source",
-		"@storybook/addon-webpack5-compiler-swc",
-	],
+	addons: ["@storybook/addon-a11y", "@storybook/addon-docs", "@storybook/addon-webpack5-compiler-swc"],
+	features: { interactions: false, sidebarOnboardingChecklist: false },
 	staticDirs: ["../public"],
 	webpackFinal: async (config) => {
 		config.resolve!.modules = [path.resolve(__dirname, ".."), "node_modules"];
@@ -32,8 +27,5 @@ const config: StorybookConfig = {
 			},
 		},
 	}),
-	typescript: {
-		reactDocgen: "react-docgen-typescript",
-	},
 };
 export default config;

.storybook/preview.ts

@@ -1,9 +1,8 @@
-import { withJsx } from "@mihkeleidast/storybook-addon-source";
-import { INITIAL_VIEWPORTS } from "@storybook/addon-viewport";
-import type { Preview } from "@storybook/react";
+import { INITIAL_VIEWPORTS } from "storybook/viewport";
+import type { Preview } from "@storybook/react-webpack5";
 
 const preview: Preview = {
-	decorators: [withJsx],
+	decorators: [],
 	parameters: {
 		controls: { expanded: true },
 		options: {
@@ -18,7 +17,10 @@ const preview: Preview = {
 		},
 		layout: "centered",
 		viewport: {
-			viewports: INITIAL_VIEWPORTS,
+			options: INITIAL_VIEWPORTS,
+		},
+		docs: {
+			codePanel: true,
 		},
 	},
 	tags: ["autodocs"],