chore(soba): update storybook

nartc · nartc · commit 8227b3cf72d2 · 2025-06-12T17:09:38.000-05:00
diff --git a/doctor-storybook.log b/doctor-storybook.log
@@ -1,27 +1,16 @@
 🩺 The doctor is checking the health of your Storybook..
-╭ Incompatible packages found ─────────────────────────────────────────────────────────────────────────────────╮
-│                                                                                                              │
-│   You are currently using Storybook 9.0.9 but you have packages which are incompatible with it:              │
-│   - @chromatic-com/storybook@3.2.6 which depends on ^8.2.0 || ^8.3.0-0 || ^8.4.0-0 || ^8.5.0-0 || ^8.6.0-0   │
-│   - @storybook/addon-interactions@8.6.14 which depends on 8.6.14                                             │
-│    Repo: https://github.com/storybookjs/storybook/tree/next/code/addons/interactions                         │
-│   - @storybook/core-server@8.6.14 which depends on ^8.2.0 || ^8.3.0-0 || ^8.4.0-0 || ^8.5.0-0 || ^8.6.0-0    │
-│    Repo: https://github.com/storybookjs/storybook/tree/next/code/lib/core-server                             │
-│   - @storybook/manager-api@8.6.14 which depends on ^8.2.0 || ^8.3.0-0 || ^8.4.0-0 || ^8.5.0-0 || ^8.6.0-0    │
-│    Repo: https://github.com/storybookjs/storybook/tree/next/code/lib/manager-api                             │
-│   - @storybook/test@8.6.14 which depends on 8.6.14                                                           │
-│    Repo: https://github.com/storybookjs/storybook/tree/next/code/lib/test                                    │
-│   - @storybook/theming@8.6.14 which depends on ^8.2.0 || ^8.3.0-0 || ^8.4.0-0 || ^8.5.0-0 || ^8.6.0-0        │
-│    Repo: https://github.com/storybookjs/storybook/tree/next/code/lib/theming                                 │
-│   - storybook-addon-deep-controls@0.9.2 which depends on 7.x.x || 8.x.x                                      │
-│    Repo: https://github.com/eliasm307/storybook-addon-deep-controls#readme                                   │
-│                                                                                                              │
-│                                                                                                              │
-│   Please consider updating your packages or contacting the maintainers for compatibility details.            │
-│   For more on Storybook 9 compatibility, see the linked GitHub issue:                                        │
-│   https://github.com/storybookjs/storybook/issues/30944                                                      │
-│                                                                                                              │
-╰──────────────────────────────────────────────────────────────────────────────────────────────────────────────╯
+╭ Incompatible packages found ────────────────────────────────────────────────────────────────────────╮
+│                                                                                                     │
+│   You are currently using Storybook 9.0.9 but you have packages which are incompatible with it:     │
+│   - storybook-addon-deep-controls@0.9.3 which depends on 7.x.x || 8.x.x                             │
+│    Repo: https://github.com/eliasm307/storybook-addon-deep-controls#readme                          │
+│                                                                                                     │
+│                                                                                                     │
+│   Please consider updating your packages or contacting the maintainers for compatibility details.   │
+│   For more on Storybook 9 compatibility, see the linked GitHub issue:                               │
+│   https://github.com/storybookjs/storybook/issues/30944                                             │
+│                                                                                                     │
+╰─────────────────────────────────────────────────────────────────────────────────────────────────────╯
 
 You can always recheck the health of your project by running:
 npx storybook doctor
diff --git a/libs/soba/.storybook/documentation-template.mdx b/libs/soba/.storybook/documentation-template.mdx
@@ -1,4 +1,4 @@
-import { Meta, Title, Subtitle, Description, Primary, Controls } from '@storybook/blocks';
+import { Meta, Title, Subtitle, Description, Primary, Controls } from '@storybook/addon-docs/blocks';
 
 {/\*
 
diff --git a/libs/soba/.storybook/manager.ts b/libs/soba/.storybook/manager.ts
@@ -1,4 +1,4 @@
-import { addons } from '@storybook/manager-api';
+import { addons } from 'storybook/manager-api';
 import theme from './theme';
 
 addons.setConfig({ theme });
diff --git a/libs/soba/.storybook/theme.ts b/libs/soba/.storybook/theme.ts
@@ -1,4 +1,4 @@
-import { create } from '@storybook/theming';
+import { create } from 'storybook/theming';
 
 export default create({
 	base: 'light',
diff --git a/package.json b/package.json
@@ -1,164 +1,160 @@
 {
-	"name": "@platform/source",
-	"version": "0.0.0",
-	"license": "MIT",
-	"scripts": {
-		"**comments**": "these scripts are here for convenience to debugging",
-		"generate-json": "node tools/scripts/json/index.mjs",
-		"generate-soba": "node tools/scripts/generate-soba-json.mjs",
-		"commit": "czg",
-		"package_old": "nx run-many -t build --projects=core,cannon,postprocessing,soba,rapier,plugin-old && nx generate-json @platform/source",
-		"package": "nx run-many -t build --projects=core,cannon,postprocessing,soba,rapier,plugin,tweakpane,theatre && nx generate-json @platform/source --skip-nx-cache"
-	},
-	"private": true,
-	"devDependencies": {
-		"@angular-devkit/build-angular": "20.0.2",
-		"@angular-devkit/core": "20.0.2",
-		"@angular-devkit/schematics": "20.0.2",
-		"@angular-eslint/eslint-plugin": "20.0.0",
-		"@angular-eslint/eslint-plugin-template": "20.0.0",
-		"@angular-eslint/template-parser": "20.0.0",
-		"@angular/build": "20.0.2",
-		"@angular/cli": "~20.0.0",
-		"@angular/compiler-cli": "20.0.3",
-		"@angular/language-service": "20.0.3",
-		"@chromatic-com/storybook": "^3.2.6",
-		"@eslint/eslintrc": "^2.1.1",
-		"@nx/angular": "21.2.0",
-		"@nx/cypress": "21.2.0",
-		"@nx/devkit": "21.2.0",
-		"@nx/eslint": "21.2.0",
-		"@nx/eslint-plugin": "21.2.0",
-		"@nx/jest": "21.2.0",
-		"@nx/js": "21.2.0",
-		"@nx/plugin": "21.2.0",
-		"@nx/storybook": "21.2.0",
-		"@nx/vite": "21.2.0",
-		"@nx/web": "21.2.0",
-		"@nx/workspace": "21.2.0",
-		"@phenomnomnominal/tsquery": "^6.1.3",
-		"@rosskevin/gltfjsx": "^7.1.3",
-		"@schematics/angular": "20.0.2",
-		"@storybook/addon-docs": "^9.0.9",
-		"@storybook/angular": "9.0.9",
-		"@storybook/core-server": "^8.6.14",
-		"@storybook/manager-api": "^8.6.14",
-		"@storybook/test": "^8.6.14",
-		"@storybook/test-runner": "0.22.0",
-		"@storybook/theming": "^8.6.14",
-		"@swc-node/register": "1.10.10",
-		"@swc/cli": "0.7.7",
-		"@swc/core": "1.11.29",
-		"@tweakpane/core": "^2.0.5",
-		"@types/jest": "29.5.14",
-		"@types/node": "20.14.12",
-		"@types/three": "^0.176.0",
-		"@typescript-eslint/utils": "8.32.1",
-		"autoprefixer": "^10.4.21",
-		"cypress": "14.3.3",
-		"cz-git": "^1.11.1",
-		"czg": "^1.11.1",
-		"dotenv-cli": "^8.0.0",
-		"enquirer": "^2.4.1",
-		"eslint": "9.27.0",
-		"eslint-config-prettier": "10.1.5",
-		"eslint-plugin-cypress": "^2.13.4",
-		"eslint-plugin-storybook": "9.0.9",
-		"glslify-loader": "^2.0.0",
-		"jest": "29.7.0",
-		"jest-environment-jsdom": "29.7.0",
-		"jest-environment-node": "^29.7.0",
-		"jest-preset-angular": "14.6.0",
-		"jiti": "2.4.2",
-		"jsdom": "^24.1.1",
-		"jsonc-eslint-parser": "^2.4.0",
-		"ng-packagr": "20.0.0",
-		"node-three-gltf": "^2.0.2",
-		"nx": "21.2.0",
-		"postcss": "^8.5.3",
-		"postcss-import": "~16.1.0",
-		"postcss-preset-env": "~9.6.0",
-		"postcss-url": "~10.1.3",
-		"postprocessing": "^6.37.3",
-		"prettier": "^3.5.3",
-		"prettier-plugin-organize-imports": "^4.1.0",
-		"storybook": "9.0.9",
-		"storybook-addon-deep-controls": "^0.9.2",
-		"tailwindcss": "^3.4.17",
-		"three": "^0.176.0",
-		"ts-jest": "^29.3.4",
-		"ts-morph": "^26.0.0",
-		"ts-node": "10.9.2",
-		"tweakpane": "^4.0.5",
-		"typescript": "5.8.3",
-		"typescript-eslint": "^8.32.1",
-		"vite": "6.3.5",
-		"vitest-webgl-canvas-mock": "^1.1.0"
-	},
-	"dependencies": {
-		"@angular/animations": "20.0.3",
-		"@angular/common": "20.0.3",
-		"@angular/compiler": "20.0.3",
-		"@angular/core": "20.0.3",
-		"@angular/forms": "20.0.3",
-		"@angular/platform-browser": "20.0.3",
-		"@angular/platform-browser-dynamic": "20.0.3",
-		"@angular/platform-server": "20.0.3",
-		"@angular/router": "20.0.3",
-		"@dimforge/rapier3d-compat": "^0.17.1",
-		"@monogrid/gainmap-js": "^3.1.0",
-		"@pmndrs/cannon-worker-api": "^2.4.0",
-		"@pmndrs/vanilla": "^1.20.4",
-		"@swc/helpers": "0.5.17",
-		"@theatre/core": "^0.7.2",
-		"@theatre/studio": "^0.7.2",
-		"camera-controls": "^2.10.1",
-		"cannon-es": "^0.20.0",
-		"cannon-es-debugger": "^1.0.0",
-		"front-matter": "^4.0.2",
-		"gl-noise": "^1.6.1",
-		"gsap": "^3.13.0",
-		"hls.js": "^1.6.2",
-		"maath": "^0.10.8",
-		"meshline": "^3.3.1",
-		"n8ao": "^1.10.0",
-		"ngxtension": "^5.0.0",
-		"rxjs": "~7.8.2",
-		"stats-gl": "^3.6.0",
-		"three-custom-shader-material": "~6.3.7",
-		"three-mesh-bvh": "^0.9.0",
-		"three-stdlib": "^2.36.0",
-		"troika-three-text": "^0.52.4",
-		"tslib": "^2.8.1",
-		"zone.js": "0.15.1"
-	},
-	"web-types": [
-		"node_modules/angular-three/web-types.json",
-		"node_modules/angular-three-soba/web-types.json"
-	],
-	"config": {
-		"commitizen": {
-			"path": "node_modules/cz-git",
-			"czConfig": "cz.config.js"
-		}
-	},
-	"packageManager": "pnpm@9.15.4",
-	"nx": {
-		"targets": {
-			"generate-json": {
-				"executor": "nx:run-commands",
-				"options": {
-					"commands": [
-						"node ./tools/scripts/json/index.mjs"
-					],
-					"parallel": true
-				}
-			}
-		}
-	},
-	"pnpm": {
-		"patchedDependencies": {
-			"@nx/angular": "patches/@nx__angular.patch"
-		}
-	}
-}
+  "name": "@platform/source",
+  "version": "0.0.0",
+  "license": "MIT",
+  "scripts": {
+    "**comments**": "these scripts are here for convenience to debugging",
+    "generate-json": "node tools/scripts/json/index.mjs",
+    "generate-soba": "node tools/scripts/generate-soba-json.mjs",
+    "commit": "czg",
+    "package_old": "nx run-many -t build --projects=core,cannon,postprocessing,soba,rapier,plugin-old && nx generate-json @platform/source",
+    "package": "nx run-many -t build --projects=core,cannon,postprocessing,soba,rapier,plugin,tweakpane,theatre && nx generate-json @platform/source --skip-nx-cache"
+  },
+  "private": true,
+  "devDependencies": {
+    "@angular-devkit/build-angular": "20.0.2",
+    "@angular-devkit/core": "20.0.2",
+    "@angular-devkit/schematics": "20.0.2",
+    "@angular-eslint/eslint-plugin": "20.0.0",
+    "@angular-eslint/eslint-plugin-template": "20.0.0",
+    "@angular-eslint/template-parser": "20.0.0",
+    "@angular/build": "20.0.2",
+    "@angular/cli": "~20.0.0",
+    "@angular/compiler-cli": "20.0.3",
+    "@angular/language-service": "20.0.3",
+    "@chromatic-com/storybook": "^4.0.0",
+    "@eslint/eslintrc": "^2.1.1",
+    "@nx/angular": "21.2.0",
+    "@nx/cypress": "21.2.0",
+    "@nx/devkit": "21.2.0",
+    "@nx/eslint": "21.2.0",
+    "@nx/eslint-plugin": "21.2.0",
+    "@nx/jest": "21.2.0",
+    "@nx/js": "21.2.0",
+    "@nx/plugin": "21.2.0",
+    "@nx/storybook": "21.2.0",
+    "@nx/vite": "21.2.0",
+    "@nx/web": "21.2.0",
+    "@nx/workspace": "21.2.0",
+    "@phenomnomnominal/tsquery": "^6.1.3",
+    "@rosskevin/gltfjsx": "^7.1.3",
+    "@schematics/angular": "20.0.2",
+    "@storybook/addon-docs": "^9.0.9",
+    "@storybook/angular": "9.0.9",
+    "@storybook/test-runner": "0.23.0",
+    "@swc-node/register": "1.10.10",
+    "@swc/cli": "0.7.7",
+    "@swc/core": "1.11.29",
+    "@tweakpane/core": "^2.0.5",
+    "@types/jest": "29.5.14",
+    "@types/node": "20.14.12",
+    "@types/three": "^0.176.0",
+    "@typescript-eslint/utils": "8.32.1",
+    "autoprefixer": "^10.4.21",
+    "cypress": "14.3.3",
+    "cz-git": "^1.11.1",
+    "czg": "^1.11.1",
+    "dotenv-cli": "^8.0.0",
+    "enquirer": "^2.4.1",
+    "eslint": "9.27.0",
+    "eslint-config-prettier": "10.1.5",
+    "eslint-plugin-cypress": "^2.13.4",
+    "eslint-plugin-storybook": "9.0.9",
+    "glslify-loader": "^2.0.0",
+    "jest": "29.7.0",
+    "jest-environment-jsdom": "29.7.0",
+    "jest-environment-node": "^29.7.0",
+    "jest-preset-angular": "14.6.0",
+    "jiti": "2.4.2",
+    "jsdom": "^24.1.1",
+    "jsonc-eslint-parser": "^2.4.0",
+    "ng-packagr": "20.0.0",
+    "node-three-gltf": "^2.0.2",
+    "nx": "21.2.0",
+    "postcss": "^8.5.3",
+    "postcss-import": "~16.1.0",
+    "postcss-preset-env": "~9.6.0",
+    "postcss-url": "~10.1.3",
+    "postprocessing": "^6.37.3",
+    "prettier": "^3.5.3",
+    "prettier-plugin-organize-imports": "^4.1.0",
+    "storybook": "9.0.9",
+    "storybook-addon-deep-controls": "^0.9.3",
+    "tailwindcss": "^3.4.17",
+    "three": "^0.176.0",
+    "ts-jest": "^29.3.4",
+    "ts-morph": "^26.0.0",
+    "ts-node": "10.9.2",
+    "tweakpane": "^4.0.5",
+    "typescript": "5.8.3",
+    "typescript-eslint": "^8.32.1",
+    "vite": "6.3.5",
+    "vitest-webgl-canvas-mock": "^1.1.0"
+  },
+  "dependencies": {
+    "@angular/animations": "20.0.3",
+    "@angular/common": "20.0.3",
+    "@angular/compiler": "20.0.3",
+    "@angular/core": "20.0.3",
+    "@angular/forms": "20.0.3",
+    "@angular/platform-browser": "20.0.3",
+    "@angular/platform-browser-dynamic": "20.0.3",
+    "@angular/platform-server": "20.0.3",
+    "@angular/router": "20.0.3",
+    "@dimforge/rapier3d-compat": "^0.17.1",
+    "@monogrid/gainmap-js": "^3.1.0",
+    "@pmndrs/cannon-worker-api": "^2.4.0",
+    "@pmndrs/vanilla": "^1.20.4",
+    "@swc/helpers": "0.5.17",
+    "@theatre/core": "^0.7.2",
+    "@theatre/studio": "^0.7.2",
+    "camera-controls": "^2.10.1",
+    "cannon-es": "^0.20.0",
+    "cannon-es-debugger": "^1.0.0",
+    "front-matter": "^4.0.2",
+    "gl-noise": "^1.6.1",
+    "gsap": "^3.13.0",
+    "hls.js": "^1.6.2",
+    "maath": "^0.10.8",
+    "meshline": "^3.3.1",
+    "n8ao": "^1.10.0",
+    "ngxtension": "^5.0.0",
+    "rxjs": "~7.8.2",
+    "stats-gl": "^3.6.0",
+    "three-custom-shader-material": "~6.3.7",
+    "three-mesh-bvh": "^0.9.0",
+    "three-stdlib": "^2.36.0",
+    "troika-three-text": "^0.52.4",
+    "tslib": "^2.8.1",
+    "zone.js": "0.15.1"
+  },
+  "web-types": [
+    "node_modules/angular-three/web-types.json",
+    "node_modules/angular-three-soba/web-types.json"
+  ],
+  "config": {
+    "commitizen": {
+      "path": "node_modules/cz-git",
+      "czConfig": "cz.config.js"
+    }
+  },
+  "packageManager": "pnpm@9.15.4",
+  "nx": {
+    "targets": {
+      "generate-json": {
+        "executor": "nx:run-commands",
+        "options": {
+          "commands": [
+            "node ./tools/scripts/json/index.mjs"
+          ],
+          "parallel": true
+        }
+      }
+    }
+  },
+  "pnpm": {
+    "patchedDependencies": {
+      "@nx/angular": "patches/@nx__angular.patch"
+    }
+  }
+}
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-import { Meta, Title, Subtitle, Description, Primary, Controls } from '@storybook/blocks';`
	`1`	`+import { Meta, Title, Subtitle, Description, Primary, Controls } from '@storybook/addon-docs/blocks';`
`2`	`2`
`3`	`3`	`{/\*`
`4`	`4`
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-import { addons } from '@storybook/manager-api';`
	`1`	`+import { addons } from 'storybook/manager-api';`
`2`	`2`	`import theme from './theme';`
`3`	`3`
`4`	`4`	`addons.setConfig({ theme });`
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-import { create } from '@storybook/theming';`
	`1`	`+import { create } from 'storybook/theming';`
`2`	`2`
`3`	`3`	`export default create({`
`4`	`4`	`base: 'light',`