docs: add PostPreview story (#281)

* chore: delete unsupported files * docs: add PostPreview story * style: fix eslint errors
pure-js · Oct 31, 2023 · 06bab53 · 06bab53
1 parent aba2643
commit 06bab53
Show file tree

Hide file tree

Showing 17 changed files with 701 additions and 396 deletions.
diff --git a/.idea/inspectionProfiles/Project_Default.xml b/.idea/inspectionProfiles/Project_Default.xml
diff --git a/.idea/jsLibraryMappings.xml b/.idea/jsLibraryMappings.xml
diff --git a/.idea/local-microblogging-client.iml b/.idea/local-microblogging-client.iml
diff --git a/.idea/misc.xml b/.idea/misc.xml
diff --git a/.idea/modules.xml b/.idea/modules.xml
diff --git a/.idea/runConfigurations/npm_i.xml b/.idea/runConfigurations/npm_i.xml
diff --git a/.idea/runConfigurations/npm_start.xml b/.idea/runConfigurations/npm_start.xml
diff --git a/.idea/startup.xml b/.idea/startup.xml
diff --git a/.idea/vcs.xml b/.idea/vcs.xml
diff --git a/.idea/watcherTasks.xml b/.idea/watcherTasks.xml
diff --git a/.storybook/main.ts b/.storybook/main.ts
@@ -9,6 +9,8 @@ const config: StorybookConfig = {
       name: '@storybook/addon-styling',
       options: {},
     },
+    '@storybook/addon-mdx-gfm',
+    'storybook-addon-react-router-v6',
   ],
   framework: {
     name: '@storybook/react-vite',
@@ -18,4 +20,4 @@ const config: StorybookConfig = {
     autodocs: 'tag',
   },
 };
-export default config;
+export default config satisfies StorybookConfig;
diff --git a/.storybook/preview.ts b/.storybook/preview.ts
@@ -1,10 +1,23 @@
 import type { Preview } from '@storybook/react';
 
 import { withThemeByDataAttribute } from '@storybook/addon-styling';
+import { withRouter } from 'storybook-addon-react-router-v6';
 
 /* TODO: update import to your tailwind styles file */
 import '../src/index.css';
 
+const reactRouterParams = {
+  location: {
+    pathParams: { userId: '42' },
+    searchParams: { tab: 'activityLog' },
+    state: { fromPage: 'homePage' },
+  },
+  routing: {
+    path: '/users/:userId',
+    handle: 'Profile',
+  },
+};
+
 const preview: Preview = {
   parameters: {
     actions: { argTypesRegex: '^on[A-Z].*' },
@@ -14,9 +27,10 @@ const preview: Preview = {
         date: /Date$/,
       },
     },
+    reactRouter: reactRouterParams,
   },
-
   decorators: [
+    withRouter,
     // Adds theme switching support.
     // NOTE: requires setting "darkMode" to "class" in your tailwind config
     withThemeByDataAttribute({
@@ -30,4 +44,4 @@ const preview: Preview = {
   ],
 };
 
-export default preview;
+export default preview satisfies Preview;
diff --git a/package.json b/package.json
@@ -34,11 +34,12 @@
     "@storybook/addon-essentials": "^7.5.2",
     "@storybook/addon-interactions": "^7.5.2",
     "@storybook/addon-links": "^7.5.2",
-    "@storybook/addon-styling": "^1.3.0",
+    "@storybook/addon-mdx-gfm": "^7.5.2",
+    "@storybook/addon-styling": "^1.3.7",
     "@storybook/blocks": "^7.5.2",
     "@storybook/react": "^7.5.2",
     "@storybook/react-vite": "^7.5.2",
-    "@storybook/testing-library": "^0.2.0",
+    "@storybook/testing-library": "^0.2.2",
     "@tailwindcss/typography": "^0.5.7",
     "@types/react": "^18.0.15",
     "@types/react-dom": "^18.0.6",
@@ -58,14 +59,15 @@
     "eslint-plugin-jsx-a11y": "^6.7.1",
     "eslint-plugin-react": "^7.33.2",
     "eslint-plugin-react-hooks": "^4.6.0",
-    "eslint-plugin-storybook": "^0.6.12",
+    "eslint-plugin-storybook": "^0.6.15",
     "lightningcss": "^1.22.0",
     "msw": "^1.2.2",
     "postcss": "^8.4.18",
     "postcss-nesting": "12.0.1",
     "prettier": "3.0.3",
     "standard-version": "^9.5.0",
     "storybook": "^7.5.2",
+    "storybook-addon-react-router-v6": "~2.0.8",
     "tailwindcss": "^3.3.2",
     "typescript": "^5.1.3",
     "vite": "^4.5.0",