update configs

Author: Lukas742

.storybook/main.ts

@@ -1,12 +1,54 @@
-//todo: check this file and enable the removed features again
-
 import { dirname, join } from 'path';
 import type { StorybookConfig } from '@storybook/react-vite';
 import remarkGfm from 'remark-gfm';
-// import { isChromatic } from './utils';
+import type { StoriesEntry } from 'storybook/internal/types';
+import { isChromatic } from './utils.ts';
 
 const isDevMode = process.env.NODE_ENV === 'development';
 
+const storyList: StoriesEntry[] = isChromatic
+  ? ['../packages/main/src/components/**/*.stories.@(tsx|jsx)']
+  : [
+      '../docs/*.mdx',
+      {
+        directory: '../docs/knowledge-base',
+        files: '*.mdx',
+        titlePrefix: 'Knowledge Base',
+      },
+      {
+        directory: '../packages/charts/src/components',
+        files: '**/*.@(mdx|stories.@(mdx|tsx))',
+        titlePrefix: 'Charts',
+      },
+      {
+        directory: '../packages/base',
+        files: '*.@(tsx|jsx)',
+        titlePrefix: 'Base',
+      },
+      {
+        directory: '../packages/cypress-commands',
+        files: '**/*.mdx',
+        titlePrefix: 'Testing with Cypress',
+      },
+      '../packages/main/**/*.mdx',
+      '../packages/main/**/*.stories.@(tsx|jsx)',
+      {
+        directory: '../packages/ai',
+        files: '**/*.@(mdx|stories.@(mdx|js|jsx|mjs|ts|tsx))',
+        titlePrefix: 'AI',
+      },
+      {
+        directory: '../packages/compat',
+        files: '**/*.@(mdx|stories.@(mdx|js|jsx|mjs|ts|tsx))',
+        titlePrefix: 'Legacy Components',
+      },
+      {
+        directory: '../patterns',
+        files: '**/*.@(mdx|stories.@(mdx|tsx))',
+        titlePrefix: 'Patterns',
+      },
+    ];
+
 const addons = [
   './addons/version-switch',
   getAbsolutePath('@storybook/react-vite'),
@@ -30,51 +72,12 @@ const config: StorybookConfig = {
     name: getAbsolutePath('@storybook/react-vite'),
     options: {},
   },
-  stories: [
-    '../docs/*.mdx',
-    {
-      directory: '../docs/knowledge-base',
-      files: '*.mdx',
-      titlePrefix: 'Knowledge Base',
-    },
-    {
-      directory: '../packages/charts/src/components',
-      files: '**/*.@(mdx|stories.@(mdx|tsx))',
-      titlePrefix: 'Charts',
-    },
-    {
-      directory: '../packages/base',
-      files: '*.@(tsx|jsx)',
-      titlePrefix: 'Base',
-    },
-    {
-      directory: '../packages/cypress-commands',
-      files: '**/*.mdx',
-      titlePrefix: 'Testing with Cypress',
-    },
-    '../packages/main/**/*.mdx',
-    '../packages/main/**/*.stories.@(tsx|jsx)',
-    {
-      directory: '../packages/ai',
-      files: '**/*.@(mdx|stories.@(mdx|js|jsx|mjs|ts|tsx))',
-      titlePrefix: 'AI',
-    },
-    {
-      directory: '../packages/compat',
-      files: '**/*.@(mdx|stories.@(mdx|js|jsx|mjs|ts|tsx))',
-      titlePrefix: 'Legacy Components',
-    },
-    {
-      directory: '../patterns',
-      files: '**/*.@(mdx|stories.@(mdx|tsx))',
-      titlePrefix: 'Patterns',
-    },
-  ],
+  stories: storyList,
   addons,
   typescript: {
     reactDocgen: 'react-docgen-typescript',
   },
-  // staticDirs: [isDevMode && 'images-dev', !isDevMode && 'images'].filter(Boolean),
+  staticDirs: isDevMode ? ['images-dev'] : ['images'],
 };
 
 export default config;

.storybook/preview.tsx

@@ -145,13 +145,13 @@ const preview: Preview = {
           'Testing with Cypress',
           ['Setup', 'Commands', 'Queries'],
           'Patterns',
-          'Charts',
-          ['Docs'],
           'Data Display',
           'Inputs',
           'Layouts & Floorplans',
           'Modals & Popovers',
           'User Feedback',
+          'Charts',
+          ['Docs'],
           'AI',
           ['Docs'],
           'Legacy Components',