From 404e502e3aae140a0fd5ac6464328b192471df7a Mon Sep 17 00:00:00 2001 From: Gauthier Roebroeck Date: Tue, 24 Mar 2026 14:48:56 +0800 Subject: [PATCH] upgrade storybook --- next-ui/.storybook/vitest.setup.ts | 7 -- next-ui/package-lock.json | 162 +++++++++++++---------------- next-ui/package.json | 16 +-- next-ui/vite.config.mts | 1 - 4 files changed, 78 insertions(+), 108 deletions(-) delete mode 100644 next-ui/.storybook/vitest.setup.ts diff --git a/next-ui/.storybook/vitest.setup.ts b/next-ui/.storybook/vitest.setup.ts deleted file mode 100644 index bf4d1c4c..00000000 --- a/next-ui/.storybook/vitest.setup.ts +++ /dev/null @@ -1,7 +0,0 @@ -import * as a11yAddonAnnotations from '@storybook/addon-a11y/preview' -import { setProjectAnnotations } from '@storybook/vue3-vite' -import * as projectAnnotations from './preview' - -// This is an important step to apply the right configuration when testing your stories. -// More info at: https://storybook.js.org/docs/api/portable-stories/portable-stories-vitest#setprojectannotations -setProjectAnnotations([a11yAddonAnnotations, projectAnnotations]) diff --git a/next-ui/package-lock.json b/next-ui/package-lock.json index 54bf00be..61898ad2 100644 --- a/next-ui/package-lock.json +++ b/next-ui/package-lock.json @@ -28,16 +28,16 @@ "vuetify": "^4.0.2" }, "devDependencies": { - "@chromatic-com/storybook": "^5.0.1", + "@chromatic-com/storybook": "^5.0.2", "@eslint/js": "^9.39.2", "@formatjs/cli": "^6.13.1", "@iconify-json/mdi": "^1.2.3", "@pinia/colada-devtools": "^0.4.5", - "@storybook/addon-a11y": "^10.2.17", - "@storybook/addon-docs": "^10.2.17", - "@storybook/addon-themes": "^10.2.17", - "@storybook/addon-vitest": "^10.2.17", - "@storybook/vue3-vite": "^10.2.17", + "@storybook/addon-a11y": "^10.3.3", + "@storybook/addon-docs": "^10.3.3", + "@storybook/addon-themes": "^10.3.3", + "@storybook/addon-vitest": "^10.3.3", + "@storybook/vue3-vite": "^10.3.3", "@testing-library/vue": "^8.1.0", "@tsconfig/node22": "^22.0.5", "@types/node": "^25.4.0", @@ -52,7 +52,7 @@ "eslint": "^9.39.2", "eslint-config-prettier": "^10.1.8", "eslint-plugin-formatjs": "^6.3.0", - "eslint-plugin-storybook": "^10.2.17", + "eslint-plugin-storybook": "^10.3.3", "eslint-plugin-vue": "^10.8.0", "happy-dom": "^20.8.3", "msw": "^2.12.10", @@ -64,7 +64,7 @@ "prettier": "^3.8.1", "sass": "^1.98.0", "sass-embedded": "^1.98.0", - "storybook": "^10.2.17", + "storybook": "^10.3.3", "typescript": "^5.9.3", "unocss": "^66.6.6", "unplugin-auto-import": "^21.0.0", @@ -80,9 +80,9 @@ } }, "node_modules/@adobe/css-tools": { - "version": "4.4.3", - "resolved": "https://registry.npmjs.org/@adobe/css-tools/-/css-tools-4.4.3.tgz", - "integrity": "sha512-VQKMkwriZbaOgVCby1UDY/LDk5fIjhQicCvVPFqfe+69fWaPWydbWJ3wRt59/YzIwda1I81loas3oCoHxnqvdA==", + "version": "4.4.4", + "resolved": "https://registry.npmjs.org/@adobe/css-tools/-/css-tools-4.4.4.tgz", + "integrity": "sha512-Elp+iwUx5rN5+Y8xLt5/GRoG20WGoDCQ/1Fb+1LiGtvwbDavuSk0jhD/eZdckHAuzcDzccnkv+rEjyWfRx18gg==", "dev": true, "license": "MIT" }, @@ -221,9 +221,9 @@ "license": "(Apache-2.0 AND BSD-3-Clause)" }, "node_modules/@chromatic-com/storybook": { - "version": "5.0.1", - "resolved": "https://registry.npmjs.org/@chromatic-com/storybook/-/storybook-5.0.1.tgz", - "integrity": "sha512-v80QBwVd8W6acH5NtDgFlUevIBaMZAh1pYpBiB40tuNzS242NTHeQHBDGYwIAbWKDnt1qfjJpcpL6pj5kAr4LA==", + "version": "5.0.2", + "resolved": "https://registry.npmjs.org/@chromatic-com/storybook/-/storybook-5.0.2.tgz", + "integrity": "sha512-uLd5gyvcz8q83GI0rYWjml45ryO3ZJwZLretLEZvWFJ3UlFk5C5Km9cwRcKZgZp0F3zYwbb8nEe6PJdgA1eKxg==", "dev": true, "license": "MIT", "dependencies": { @@ -238,7 +238,7 @@ "yarn": ">=1.22.18" }, "peerDependencies": { - "storybook": "^0.0.0-0 || ^10.1.0 || ^10.1.0-0 || ^10.2.0-0 || ^10.3.0-0" + "storybook": "^0.0.0-0 || ^10.1.0 || ^10.1.0-0 || ^10.2.0-0 || ^10.3.0-0 || ^10.4.0-0" } }, "node_modules/@chromatic-com/storybook/node_modules/ansi-regex": { @@ -2887,9 +2887,9 @@ "license": "MIT" }, "node_modules/@storybook/addon-a11y": { - "version": "10.2.17", - "resolved": "https://registry.npmjs.org/@storybook/addon-a11y/-/addon-a11y-10.2.17.tgz", - "integrity": "sha512-J0ogEc4/XFC+Ytz+X1we6TOKreEk/shgUs/mtxdsLa0xJ6bp2n2OQPSjNtQHH/nK4SRBSfHWPm8ztfcXTzeG9w==", + "version": "10.3.3", + "resolved": "https://registry.npmjs.org/@storybook/addon-a11y/-/addon-a11y-10.3.3.tgz", + "integrity": "sha512-1yELCE8NXUJKcfS2k97pujtVw4z95PCwyoy2I6VAPiG/nRnJI8M6ned08YmCMEJhLBgGA1+GBh9HO4uk+xPcYA==", "dev": true, "license": "MIT", "dependencies": { @@ -2901,20 +2901,20 @@ "url": "https://opencollective.com/storybook" }, "peerDependencies": { - "storybook": "^10.2.17" + "storybook": "^10.3.3" } }, "node_modules/@storybook/addon-docs": { - "version": "10.2.17", - "resolved": "https://registry.npmjs.org/@storybook/addon-docs/-/addon-docs-10.2.17.tgz", - "integrity": "sha512-c414xi7rxlaHn92qWOxtEkcOMm0/+cvBui0gUsgiWOZOM8dHChGZ/RjMuf1pPDyOrSsybLsPjZhP0WthsMDkdQ==", + "version": "10.3.3", + "resolved": "https://registry.npmjs.org/@storybook/addon-docs/-/addon-docs-10.3.3.tgz", + "integrity": "sha512-trJQTpOtuOEuNv1Rn8X2Sopp5hSPpb0u0soEJ71BZAbxe4d2Y1d/1MYcxBdRKwncum6sCTsnxTpqQ/qvSJKlTQ==", "dev": true, "license": "MIT", "dependencies": { "@mdx-js/react": "^3.0.0", - "@storybook/csf-plugin": "10.2.17", + "@storybook/csf-plugin": "10.3.3", "@storybook/icons": "^2.0.1", - "@storybook/react-dom-shim": "10.2.17", + "@storybook/react-dom-shim": "10.3.3", "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0", "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0", "ts-dedent": "^2.0.0" @@ -2924,13 +2924,13 @@ "url": "https://opencollective.com/storybook" }, "peerDependencies": { - "storybook": "^10.2.17" + "storybook": "^10.3.3" } }, "node_modules/@storybook/addon-themes": { - "version": "10.2.17", - "resolved": "https://registry.npmjs.org/@storybook/addon-themes/-/addon-themes-10.2.17.tgz", - "integrity": "sha512-5AJ6h/i967CEDG3DNstfgKo9ysDNIOb1pnbn8VbcD/Fw8D2dZm7pLkTAQOnxu6lFQaIU10DIiVp7cviBMasDUg==", + "version": "10.3.3", + "resolved": "https://registry.npmjs.org/@storybook/addon-themes/-/addon-themes-10.3.3.tgz", + "integrity": "sha512-6PgH1o7yNnWRVj4lAT1DNcX/eZXKgzjhfmzgWh3oFpPfDDvUzpFxx+MClM5f/ZieIbyQscxEuq8li7+e/F5VEQ==", "dev": true, "license": "MIT", "dependencies": { @@ -2941,13 +2941,13 @@ "url": "https://opencollective.com/storybook" }, "peerDependencies": { - "storybook": "^10.2.17" + "storybook": "^10.3.3" } }, "node_modules/@storybook/addon-vitest": { - "version": "10.2.17", - "resolved": "https://registry.npmjs.org/@storybook/addon-vitest/-/addon-vitest-10.2.17.tgz", - "integrity": "sha512-47mo952M/dHZQn1yTVMEUnri5KuIwWynPqamv6Q9KFXrSPOnBt/8IdrTcPUXFo5XO1ZmIWclgQjJtIvGe4z+ag==", + "version": "10.3.3", + "resolved": "https://registry.npmjs.org/@storybook/addon-vitest/-/addon-vitest-10.3.3.tgz", + "integrity": "sha512-9bbUAgraZhHh35WuWJn/83B0KvkcsP8dNpzbhssMeWQTfu92TR3DqRNeGTNSlyZvhbGfwiwT3TfBzzM4dX1feg==", "dev": true, "license": "MIT", "dependencies": { @@ -2962,7 +2962,7 @@ "@vitest/browser": "^3.0.0 || ^4.0.0", "@vitest/browser-playwright": "^4.0.0", "@vitest/runner": "^3.0.0 || ^4.0.0", - "storybook": "^10.2.17", + "storybook": "^10.3.3", "vitest": "^3.0.0 || ^4.0.0" }, "peerDependenciesMeta": { @@ -2981,13 +2981,13 @@ } }, "node_modules/@storybook/builder-vite": { - "version": "10.2.17", - "resolved": "https://registry.npmjs.org/@storybook/builder-vite/-/builder-vite-10.2.17.tgz", - "integrity": "sha512-m/OBveTLm5ds/tUgHmmbKzgSi/oeCpQwm5rZa49vP2BpAd41Q7ER6TzkOoISzPoNNMAcbVmVc5vn7k6hdbPSHw==", + "version": "10.3.3", + "resolved": "https://registry.npmjs.org/@storybook/builder-vite/-/builder-vite-10.3.3.tgz", + "integrity": "sha512-awspKCTZvXyeV3KabL0id62mFbxR5u/5yyGQultwCiSb2/yVgBfip2MAqLyS850pvTiB6QFVM9deOyd2/G/bEA==", "dev": true, "license": "MIT", "dependencies": { - "@storybook/csf-plugin": "10.2.17", + "@storybook/csf-plugin": "10.3.3", "ts-dedent": "^2.0.0" }, "funding": { @@ -2995,14 +2995,14 @@ "url": "https://opencollective.com/storybook" }, "peerDependencies": { - "storybook": "^10.2.17", - "vite": "^5.0.0 || ^6.0.0 || ^7.0.0" + "storybook": "^10.3.3", + "vite": "^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0" } }, "node_modules/@storybook/csf-plugin": { - "version": "10.2.17", - "resolved": "https://registry.npmjs.org/@storybook/csf-plugin/-/csf-plugin-10.2.17.tgz", - "integrity": "sha512-crHH8i/4mwzeXpWRPgwvwX2vjytW42zyzTRySUax5dTU8o9sjk4y+Z9hkGx3Nmu1TvqseS8v1Z20saZr/tQcWw==", + "version": "10.3.3", + "resolved": "https://registry.npmjs.org/@storybook/csf-plugin/-/csf-plugin-10.3.3.tgz", + "integrity": "sha512-Utlh7zubm+4iOzBBfzLW4F4vD99UBtl2Do4edlzK2F7krQIcFvR2ontjAE8S1FQVLZAC3WHalCOS+Ch8zf3knA==", "dev": true, "license": "MIT", "dependencies": { @@ -3015,7 +3015,7 @@ "peerDependencies": { "esbuild": "*", "rollup": "*", - "storybook": "^10.2.17", + "storybook": "^10.3.3", "vite": "*", "webpack": "*" }, @@ -3053,9 +3053,9 @@ } }, "node_modules/@storybook/react-dom-shim": { - "version": "10.2.17", - "resolved": "https://registry.npmjs.org/@storybook/react-dom-shim/-/react-dom-shim-10.2.17.tgz", - "integrity": "sha512-x9Kb7eUSZ1zGsEw/TtWrvs1LwWIdNp8qoOQCgPEjdB07reSJcE8R3+ASWHJThmd4eZf66ZALPJyerejake4Osw==", + "version": "10.3.3", + "resolved": "https://registry.npmjs.org/@storybook/react-dom-shim/-/react-dom-shim-10.3.3.tgz", + "integrity": "sha512-lkhuh4G3UTreU9M3Iz5Dt32c6U+l/4XuvqLtbe1sDHENZH6aPj7y0b5FwnfHyvuTvYRhtbo29xZrF5Bp9kCC0w==", "dev": true, "license": "MIT", "funding": { @@ -3065,13 +3065,13 @@ "peerDependencies": { "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0", "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0", - "storybook": "^10.2.17" + "storybook": "^10.3.3" } }, "node_modules/@storybook/vue3": { - "version": "10.2.17", - "resolved": "https://registry.npmjs.org/@storybook/vue3/-/vue3-10.2.17.tgz", - "integrity": "sha512-o0wTCgCmKA8/3naC4RbanW0WKl/F1bXs1QM9S6pAkqwg7CSfcRjkMXGMWq4Tb9q9B4UPoP61JQGdkkKPN5N+FA==", + "version": "10.3.3", + "resolved": "https://registry.npmjs.org/@storybook/vue3/-/vue3-10.3.3.tgz", + "integrity": "sha512-crlsH9mjwKg9i/5mVAf/PEqjkHa2FeNoXqfAGzQVelElLZ71R18dEBGGkqGpaHU2ziVlvYKSBWALAU5zT9UZQQ==", "dev": true, "license": "MIT", "dependencies": { @@ -3084,19 +3084,19 @@ "url": "https://opencollective.com/storybook" }, "peerDependencies": { - "storybook": "^10.2.17", + "storybook": "^10.3.3", "vue": "^3.0.0" } }, "node_modules/@storybook/vue3-vite": { - "version": "10.2.17", - "resolved": "https://registry.npmjs.org/@storybook/vue3-vite/-/vue3-vite-10.2.17.tgz", - "integrity": "sha512-lwQld8w2w+B2xu+rguRn6uSur4gd9BPw2ZXkc1eALnxb5ftDUM3Z9Pylrm58KohCS3JiNFh8KJsu2b+ZxZ319Q==", + "version": "10.3.3", + "resolved": "https://registry.npmjs.org/@storybook/vue3-vite/-/vue3-vite-10.3.3.tgz", + "integrity": "sha512-jVZIHutDBpYMx62CFDSPHUe5Y+uuabP5VBItrZbEPf8sqx4mcDXc6wsV0SYcYh7fw0q+5YVfYiGASkoVk3i/VA==", "dev": true, "license": "MIT", "dependencies": { - "@storybook/builder-vite": "10.2.17", - "@storybook/vue3": "10.2.17", + "@storybook/builder-vite": "10.3.3", + "@storybook/vue3": "10.3.3", "magic-string": "^0.30.0", "typescript": "^5.9.3", "vue-component-meta": "^2.0.0", @@ -3107,8 +3107,8 @@ "url": "https://opencollective.com/storybook" }, "peerDependencies": { - "storybook": "^10.2.17", - "vite": "^5.0.0 || ^6.0.0 || ^7.0.0" + "storybook": "^10.3.3", + "vite": "^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0" } }, "node_modules/@storybook/vue3/node_modules/type-fest": { @@ -3145,18 +3145,17 @@ } }, "node_modules/@testing-library/jest-dom": { - "version": "6.6.3", - "resolved": "https://registry.npmjs.org/@testing-library/jest-dom/-/jest-dom-6.6.3.tgz", - "integrity": "sha512-IteBhl4XqYNkM54f4ejhLRJiZNqcSCoXUOG2CPK7qbD322KjQozM4kHQOfkG2oln9b9HTYqs+Sae8vBATubxxA==", + "version": "6.9.1", + "resolved": "https://registry.npmjs.org/@testing-library/jest-dom/-/jest-dom-6.9.1.tgz", + "integrity": "sha512-zIcONa+hVtVSSep9UT3jZ5rizo2BsxgyDYU7WFD5eICBE7no3881HGeb/QkGfsJs6JTkY1aQhT7rIPC7e+0nnA==", "dev": true, "license": "MIT", "dependencies": { "@adobe/css-tools": "^4.4.0", "aria-query": "^5.0.0", - "chalk": "^3.0.0", "css.escape": "^1.5.1", "dom-accessibility-api": "^0.6.3", - "lodash": "^4.17.21", + "picocolors": "^1.1.1", "redent": "^3.0.0" }, "engines": { @@ -3165,20 +3164,6 @@ "yarn": ">=1" } }, - "node_modules/@testing-library/jest-dom/node_modules/chalk": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/chalk/-/chalk-3.0.0.tgz", - "integrity": "sha512-4D3B6Wf41KOYRFdszmDqMCGq5VV/uMAB273JILmO+3jAlh8X4qDtdtgCR3fxtbLEMzSx22QdhnDcJvu2u1fVwg==", - "dev": true, - "license": "MIT", - "dependencies": { - "ansi-styles": "^4.1.0", - "supports-color": "^7.1.0" - }, - "engines": { - "node": ">=8" - } - }, "node_modules/@testing-library/jest-dom/node_modules/dom-accessibility-api": { "version": "0.6.3", "resolved": "https://registry.npmjs.org/dom-accessibility-api/-/dom-accessibility-api-0.6.3.tgz", @@ -6285,9 +6270,9 @@ } }, "node_modules/eslint-plugin-storybook": { - "version": "10.2.17", - "resolved": "https://registry.npmjs.org/eslint-plugin-storybook/-/eslint-plugin-storybook-10.2.17.tgz", - "integrity": "sha512-LtzVBHcq+RbrhTnF1rFNpc5bmg/kmdDsw/6bIKOnyDY4r0g5ldZSNN3R/fxLrhFOL2DhmmDywN9lcFNqHCP3vQ==", + "version": "10.3.3", + "resolved": "https://registry.npmjs.org/eslint-plugin-storybook/-/eslint-plugin-storybook-10.3.3.tgz", + "integrity": "sha512-jo8wZvKaJlxxrNvf4hCsROJP3CdlpaLiYewAs5Ww+PJxCrLelIi5XVHWOAgBvvr3H9WDKvUw8xuvqPYqAlpkFg==", "dev": true, "license": "MIT", "dependencies": { @@ -6295,7 +6280,7 @@ }, "peerDependencies": { "eslint": ">=8", - "storybook": "^10.2.17" + "storybook": "^10.3.3" } }, "node_modules/eslint-plugin-vue": { @@ -8010,13 +7995,6 @@ "url": "https://github.com/sponsors/sindresorhus" } }, - "node_modules/lodash": { - "version": "4.17.23", - "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.23.tgz", - "integrity": "sha512-LgVTMpQtIopCi79SJeDiP0TfWi5CNEc/L/aRdTh3yIvmZXTnheWpKjSZhnvMl8iXbC1tFg9gdHHDMLoV7CnG+w==", - "dev": true, - "license": "MIT" - }, "node_modules/lodash.merge": { "version": "4.6.2", "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz", @@ -10554,15 +10532,15 @@ } }, "node_modules/storybook": { - "version": "10.2.17", - "resolved": "https://registry.npmjs.org/storybook/-/storybook-10.2.17.tgz", - "integrity": "sha512-yueTpl5YJqLzQqs3CanxNdAAfFU23iP0j+JVJURE4ghfEtRmWfWoZWLGkVcyjmgum7UmjwAlqRuOjQDNvH89kw==", + "version": "10.3.3", + "resolved": "https://registry.npmjs.org/storybook/-/storybook-10.3.3.tgz", + "integrity": "sha512-tMoRAts9EVqf+mEMPLC6z1DPyHbcPe+CV1MhLN55IKsl0HxNjvVGK44rVPSePbltPE6vIsn4bdRj6CCUt8SJwQ==", "dev": true, "license": "MIT", "dependencies": { "@storybook/global": "^5.0.0", "@storybook/icons": "^2.0.1", - "@testing-library/jest-dom": "^6.6.3", + "@testing-library/jest-dom": "^6.9.1", "@testing-library/user-event": "^14.6.1", "@vitest/expect": "3.2.4", "@vitest/spy": "3.2.4", diff --git a/next-ui/package.json b/next-ui/package.json index 19b6f8d7..a15a5740 100644 --- a/next-ui/package.json +++ b/next-ui/package.json @@ -49,16 +49,16 @@ "vuetify": "^4.0.2" }, "devDependencies": { - "@chromatic-com/storybook": "^5.0.1", + "@chromatic-com/storybook": "^5.0.2", "@eslint/js": "^9.39.2", "@formatjs/cli": "^6.13.1", "@iconify-json/mdi": "^1.2.3", "@pinia/colada-devtools": "^0.4.5", - "@storybook/addon-a11y": "^10.2.17", - "@storybook/addon-docs": "^10.2.17", - "@storybook/addon-themes": "^10.2.17", - "@storybook/addon-vitest": "^10.2.17", - "@storybook/vue3-vite": "^10.2.17", + "@storybook/addon-a11y": "^10.3.3", + "@storybook/addon-docs": "^10.3.3", + "@storybook/addon-themes": "^10.3.3", + "@storybook/addon-vitest": "^10.3.3", + "@storybook/vue3-vite": "^10.3.3", "@testing-library/vue": "^8.1.0", "@tsconfig/node22": "^22.0.5", "@types/node": "^25.4.0", @@ -73,7 +73,7 @@ "eslint": "^9.39.2", "eslint-config-prettier": "^10.1.8", "eslint-plugin-formatjs": "^6.3.0", - "eslint-plugin-storybook": "^10.2.17", + "eslint-plugin-storybook": "^10.3.3", "eslint-plugin-vue": "^10.8.0", "happy-dom": "^20.8.3", "msw": "^2.12.10", @@ -85,7 +85,7 @@ "prettier": "^3.8.1", "sass": "^1.98.0", "sass-embedded": "^1.98.0", - "storybook": "^10.2.17", + "storybook": "^10.3.3", "typescript": "^5.9.3", "unocss": "^66.6.6", "unplugin-auto-import": "^21.0.0", diff --git a/next-ui/vite.config.mts b/next-ui/vite.config.mts index 37c6b853..f3e7642c 100644 --- a/next-ui/vite.config.mts +++ b/next-ui/vite.config.mts @@ -124,7 +124,6 @@ export default defineConfig(({ mode }) => ({ provider: playwright(), instances: [{ browser: 'chromium' }], }, - setupFiles: ['.storybook/vitest.setup.ts'], globals: true, server: { deps: {