@toptal/davinci-storybook-addons 5.0.0 → 6.0.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @toptal/davinci-storybook-addons
 
+## 6.0.0
+
+### Major Changes
+
+- [#2669](https://github.com/toptal/davinci/pull/2669) [`5bf4768`](https://github.com/toptal/davinci/commit/5bf4768b9e4f55faf8fa2aa3fe198b2bdfea66ee) Thanks [@DaveHellsmith](https://github.com/DaveHellsmith)!
+  Migrate to Storybook 9
+  - update all @storybook/\* peer dependencies from v8 to v9
+  - remove 7 addons absorbed into Storybook 9 core (backgrounds, controls, measure, outline, toolbars, viewport, storysource)
+  - migrate import paths to Storybook 9 subpath exports (storybook/theming, storybook/manager-api, storybook/internal/types, storybook/internal/core-events)
+  - move doc block exports to @storybook/addon-docs/blocks
+  - remove webpack compiler addon references (no v9 releases)
+
 ## 5.0.0
 
 ### Major Changes
@@ -12,7 +24,7 @@
   - convert Yarn `resolutions` to `pnpm.overrides` in root `package.json`
   - update lerna `npmClient` from `yarn` to `pnpm`
   - replace `yarn` with `pnpm` in root scripts (postinstall, test, test:unit:update)
-  **HOW to update:**
+    **HOW to update:**
   - install pnpm (`corepack enable` or `npm install -g pnpm@10.6.1`)
   - replace `yarn install` with `pnpm install` in local workflows
   - replace `yarn <script>` with `pnpm <script>` when running commands

package/README.md

@@ -65,26 +65,10 @@ Here's a list of all addons used in `davinci-storybook-addons` package
 
 * [a11y](https://github.com/storybookjs/storybook/tree/master/addons/a11y)
 
-* [actions](https://github.com/storybookjs/storybook/tree/master/addons/actions)
-
-* [backgrounds](https://github.com/storybookjs/storybook/tree/master/addons/backgrounds)
-
-* [controls](https://github.com/storybookjs/storybook/tree/master/addons/controls)
-
 * [docs](https://github.com/storybookjs/storybook/tree/master/addons/docs)
 
 * [links](https://github.com/storybookjs/storybook/tree/master/addons/links)
 
-* [measure](https://github.com/storybookjs/storybook/tree/master/addons/measure)
-
-* [outline](https://github.com/storybookjs/storybook/tree/master/addons/outline)
-
-* [storysource](https://github.com/storybookjs/storybook/tree/master/addons/storysource)
-
-* [toolbars](https://github.com/storybookjs/storybook/tree/master/addons/toolbars)
-
-* [viewport](https://github.com/storybookjs/storybook/tree/master/addons/viewport)
-
 ### Custom addons
 
 * [@toptal/storybook-segment-addon](src/custom-addons/segment-analytics/README.md)

package/bin/build.mjs

@@ -1,5 +1,7 @@
 #!/usr/bin/env node
 import fs from 'fs'
+import path from 'path'
+import { fileURLToPath } from 'url'
 import { remark } from 'remark'
 import {
   text,
@@ -11,10 +13,12 @@ import {
   heading,
 } from 'mdast-builder'
 import { headingRange } from 'mdast-util-heading-range'
-import { files } from '@toptal/davinci-cli-shared'
 
 import { STORYBOOK_ADDONS, CUSTOM_ADDONS } from '../src/constants.js'
 
+const __dirname = path.dirname(fileURLToPath(import.meta.url))
+const packageRoot = path.resolve(__dirname, '..')
+
 const storybookAddonLinkSkelet =
   'https://github.com/storybookjs/storybook/tree/master/addons/'
 
@@ -49,10 +53,7 @@ const updateAddonsList = () => tree => {
 }
 
 const updateReadme = async () => {
-  const readmePath = files.getPackageFilePath(
-    '@toptal/davinci-storybook-addons',
-    'README.md'
-  )
+  const readmePath = path.join(packageRoot, 'README.md')
   const readmeContent = await fs.promises.readFile(readmePath, 'utf8')
 
   const processedContent = await remark()

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@toptal/davinci-storybook-addons",
-  "version": "5.0.0",
+  "version": "6.0.0",
   "keywords": [
     "addon",
     "essentials",
@@ -19,31 +19,21 @@
     "CHANGELOG.md"
   ],
   "dependencies": {
-    "@storybook/addon-a11y": "^8.6.9",
-    "@storybook/addon-actions": "^8.6.9",
-    "@storybook/addon-backgrounds": "^8.6.9",
-    "@storybook/addon-controls": "^8.6.9",
-    "@storybook/addon-docs": "^8.6.9",
-    "@storybook/addon-links": "^8.6.9",
-    "@storybook/addon-measure": "^8.6.9",
-    "@storybook/addon-outline": "^8.6.9",
-    "@storybook/addon-storysource": "^8.6.9",
-    "@storybook/addon-toolbars": "^8.6.9",
-    "@storybook/addon-viewport": "^8.6.9",
-    "@storybook/core-events": "^8.6.9",
-    "@storybook/manager-api": "^8.6.9",
-    "@storybook/theming": "^8.6.9",
-    "@storybook/types": "^8.6.9",
+    "@storybook/addon-a11y": "^9.1.0",
+    "@storybook/addon-docs": "^9.1.0",
+    "@storybook/addon-links": "^9.1.0",
+    "storybook": "^9.1.0",
     "@toptal/davinci-cli-shared": "^3.0.0"
   },
   "devDependencies": {
-    "@storybook/react": "^8.6.9",
+    "@storybook/react": "^9.1.0",
     "mdast-builder": "^1.1.1",
     "mdast-util-heading-range": "^3.0.0",
     "remark": "^15.0.1"
   },
   "peerDependencies": {
-    "@storybook/react": "8"
+    "@storybook/react": "9",
+    "storybook": "9"
   },
   "publishConfig": {
     "access": "public"

package/src/constants.js

@@ -1,45 +1,22 @@
 const path = require('path')
 
-// TODO: [FX-3266] remove when addons are migrated, import over from '@toptal/davinci-cli-shared/files'
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-const getPackageFilePath = (davinciPackageName, filename) => {
-  const packageIndexPath = require.resolve(davinciPackageName, {
-    paths: [process.cwd()],
-  })
-  const davinciQARoot = path.join(packageIndexPath, '../..')
+const packageRoot = path.resolve(__dirname, '..')
 
-  return path.join(davinciQARoot, filename)
+const getPackageFilePath = filename => {
+  return path.join(packageRoot, filename)
 }
 
-const STORYBOOK_ADDONS = [
-  'a11y',
-  'actions',
-  'backgrounds',
-  'controls',
-  'docs',
-  'links',
-  'measure',
-  'outline',
-  'storysource',
-  'toolbars',
-  'viewport',
-]
+const STORYBOOK_ADDONS = ['a11y', 'docs', 'links']
 
 const CUSTOM_ADDONS = [
   {
     name: '@toptal/storybook-segment-addon',
-    path: getPackageFilePath(
-      '@toptal/davinci-storybook-addons',
-      'src/custom-addons/segment-analytics'
-    ),
+    path: getPackageFilePath('src/custom-addons/segment-analytics'),
     url: 'src/custom-addons/segment-analytics/README.md',
   },
   {
     name: '@toptal/storybook-highlight-story',
-    path: getPackageFilePath(
-      '@toptal/davinci-storybook-addons',
-      'src/custom-addons/highlight-story'
-    ),
+    path: getPackageFilePath('src/custom-addons/highlight-story'),
     url: 'src/custom-addons/highlight-story/README.md',
   },
 ]

package/src/custom-addons/segment-analytics/src/register.js

@@ -1,5 +1,5 @@
-const { addons } = require('@storybook/manager-api')
-const { STORY_CHANGED } = require('@storybook/core-events')
+const { addons } = require('storybook/manager-api')
+const { STORY_CHANGED } = require('storybook/internal/core-events')
 
 const initSegment = writeKey => {
   const analytics = (window.analytics = window.analytics || [])