@itcase/storybook-config 1.0.15 → 1.0.16

package/config/addonsNextJs.js

@@ -3,6 +3,8 @@ const ADDONS_NEXTJS = [
   '@storybook/addon-essentials',
   '@storybook/addon-interactions',
   '@itcase/storybook-addon-auth',
+  '@storybook/addon-designs',
+  'storybook-addon-source-link'
 ]
 
 export { ADDONS_NEXTJS }

package/config/addonsReact.js

@@ -3,6 +3,8 @@ const ADDONS_REACT = [
   '@storybook/addon-essentials',
   '@storybook/addon-themes',
   '@storybook/addon-interactions',
+  '@storybook/addon-designs',
+  'storybook-addon-source-link',
   {
     name: '@storybook/addon-styling-webpack',
     options: {

package/config/addonsReactVite.js

@@ -2,6 +2,8 @@ const ADDONS_REACT_VITE = [
   '@storybook/addon-links',
   '@storybook/addon-essentials',
   '@storybook/addon-interactions',
+  '@storybook/addon-designs',
+  'storybook-addon-source-link'
 ]
 
 export { ADDONS_REACT_VITE }

package/config/index.js

@@ -9,6 +9,7 @@ import { FRAMEWORK_REACT_VITE } from './frameworkReactVite'
 import { MAIN_CONFIG } from './mainConfig'
 import { MAIN_CONFIG_VITE } from './mainConfigVite'
 import { REFS } from './refs'
+import { SOURCELINK } from './sourceLink'
 import { STATIC_DIRS_NEXTJS } from './staticDirsNextJs'
 import { STATIC_DIRS_REACT } from './staticDirsReact'
 import { STATIC_DIRS_REACT_VITE } from './staticDirsReactVite'
@@ -25,6 +26,7 @@ export {
   FRAMEWORK_REACT,
   FRAMEWORK_REACT_VITE,
   ADDONS_REACT,
+  SOURCELINK,
   ADDONS_REACT_VITE,
   BACKGROUNDS,
   MAIN_CONFIG,

package/config/sourceLink.js

@@ -0,0 +1,25 @@
+import { getFileUrl } from 'storybook-addon-source-link'
+
+const SOURCELINK = {
+  links: {
+    before: { label: '', href: '', order: 0, icon: '' },
+    'component-vscode': ({ importPath, rootPath }) => {
+      if (!rootPath) return undefined
+      const componentPath = importPath.replace(/\.stories\.(js|tsx)?$/, '.js')
+      const labelPath = 'Source — ' + importPath.replace(/\.stories\.(js|tsx)?$/, '')
+      const componentFileUrl = getFileUrl(rootPath, componentPath)
+      const href = `vscode://${componentFileUrl.href}`
+      return { label: labelPath, href, icon: 'VSCodeIcon' }
+    },
+    'story-vscode': ({ importPath, rootPath }) => {
+      if (!rootPath) return undefined
+      const fileUrl = getFileUrl(rootPath, importPath)
+      const labelPath = 'Story — ' + importPath.replace(/\.(js|tsx)?$/, '')
+      const href = `vscode://${fileUrl.href}`
+      return { label: labelPath, href, icon: 'StorybookIcon' }
+    },
+    'addon-powered-by': { label: '', href: '', order: 1000, icon: '' },
+  },
+}
+
+export { SOURCELINK }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itcase/storybook-config",
-  "version": "1.0.15",
+  "version": "1.0.16",
   "author": "ITCase",
   "description": "Code style linter configuration presets",
   "engines": {
@@ -34,6 +34,8 @@
   },
   "dependencies": {
     "@itcase/config": "^1.0.6",
+    "@storybook/addon-designs": "^8.1.0",
+    "storybook-addon-source-link": "^0.2.1",
     "@itcase/storybook-addon-auth": "^1.0.4",
     "@storybook/addon-actions": "^8.5.3",
     "@storybook/addon-controls": "^8.5.3",