From b0d1468ad46742e856770ecf251890f7adad53f0 Mon Sep 17 00:00:00 2001 From: John Kreitlow <863023+radium-v@users.noreply.github.com> Date: Tue, 19 Nov 2024 09:15:03 -0800 Subject: [PATCH 1/5] switch from html-webpack5 to html-vite --- package.json | 1 + packages/web-components/package.json | 2 - yarn.lock | 107 +++++++++++++++++++-------- 3 files changed, 77 insertions(+), 33 deletions(-) diff --git a/package.json b/package.json index c50f53823e2dd..5989de326c670 100644 --- a/package.json +++ b/package.json @@ -104,6 +104,7 @@ "@storybook/react": "7.6.20", "@storybook/react-webpack5": "7.6.20", "@storybook/theming": "7.6.20", + "@storybook/html-vite": "7.6.20", "@swc/cli": "0.3.14", "@swc/core": "1.5.7", "@swc/helpers": "0.5.1", diff --git a/packages/web-components/package.json b/packages/web-components/package.json index 4b79588c2a395..9b8231dbb0042 100644 --- a/packages/web-components/package.json +++ b/packages/web-components/package.json @@ -94,8 +94,6 @@ "devDependencies": { "@microsoft/fast-element": "2.0.0", "@tensile-perf/web-components": "~0.2.0", - "@storybook/html": "7.6.20", - "@storybook/html-webpack5": "7.6.20", "chromedriver": "^125.0.0" }, "dependencies": { diff --git a/yarn.lock b/yarn.lock index 778a15f50d30c..a5ffd277f0b9c 100644 --- a/yarn.lock +++ b/yarn.lock @@ -3969,6 +3969,15 @@ dependencies: memoizerific "^1.11.3" +"@storybook/addons@7.6.20": + version "7.6.20" + resolved "https://registry.yarnpkg.com/@storybook/addons/-/addons-7.6.20.tgz#5aab8614ff913b93bbff68946e03c25f48c297be" + integrity sha512-ilXE2CrdI+Z/nJ4Ur5lTCk2yM/DzzLpAeUxIq1TDk5lsMcjYJIH5/pmpFMM/uCsvd8TLRCZsAAju1tbhzXVy1w== + dependencies: + "@storybook/manager-api" "7.6.20" + "@storybook/preview-api" "7.6.20" + "@storybook/types" "7.6.20" + "@storybook/blocks@7.6.20": version "7.6.20" resolved "https://registry.yarnpkg.com/@storybook/blocks/-/blocks-7.6.20.tgz#1cc142f1c238616f0f3a9f900965c651e7ee7c52" @@ -4020,6 +4029,28 @@ process "^0.11.10" util "^0.12.4" +"@storybook/builder-vite@7.6.20": + version "7.6.20" + resolved "https://registry.yarnpkg.com/@storybook/builder-vite/-/builder-vite-7.6.20.tgz#4e46e658640049afccbb75d28ff52a72020edb8d" + integrity sha512-q3vf8heE7EaVYTWlm768ewaJ9lh6v/KfoPPeHxXxzSstg4ByP9kg4E1mrfAo/l6broE9E9zo3/Q4gsM/G/rw8Q== + dependencies: + "@storybook/channels" "7.6.20" + "@storybook/client-logger" "7.6.20" + "@storybook/core-common" "7.6.20" + "@storybook/csf-plugin" "7.6.20" + "@storybook/node-logger" "7.6.20" + "@storybook/preview" "7.6.20" + "@storybook/preview-api" "7.6.20" + "@storybook/types" "7.6.20" + "@types/find-cache-dir" "^3.2.1" + browser-assert "^1.2.1" + es-module-lexer "^0.9.3" + express "^4.17.3" + find-cache-dir "^3.0.0" + fs-extra "^11.1.0" + magic-string "^0.30.0" + rollup "^2.25.0 || ^3.3.0" + "@storybook/builder-webpack5@7.6.20": version "7.6.20" resolved "https://registry.yarnpkg.com/@storybook/builder-webpack5/-/builder-webpack5-7.6.20.tgz#416bb22db997f206cca6da657c43ce2749675a0b" @@ -4122,6 +4153,14 @@ ts-dedent "^2.0.0" util-deprecate "^1.0.2" +"@storybook/client-api@7.6.20": + version "7.6.20" + resolved "https://registry.yarnpkg.com/@storybook/client-api/-/client-api-7.6.20.tgz#1b39a3d0c31696fd47df487f047cbbb2e7cc5d00" + integrity sha512-q7fG11XesBG+kDMMjUHiVOIKhFRawfyUEb+8YJpGHqWCzMk4obpNwK+YjGua9vsRsen6yhMqJ/KSZmDvnR6x9g== + dependencies: + "@storybook/client-logger" "7.6.20" + "@storybook/preview-api" "7.6.20" + "@storybook/client-logger@7.6.20": version "7.6.20" resolved "https://registry.yarnpkg.com/@storybook/client-logger/-/client-logger-7.6.20.tgz#1d6e93443091cccd50e269371aa786172d0c4659" @@ -4319,17 +4358,19 @@ resolved "https://registry.yarnpkg.com/@storybook/global/-/global-5.0.0.tgz#b793d34b94f572c1d7d9e0f44fac4e0dbc9572ed" integrity sha512-FcOqPAXACP0I3oJ/ws6/rrPT9WGhu915Cg8D02a9YxLo0DE9zI+a9A5gRGvmQ09fiWPukqI8ZAEoQEdWUKMQdQ== -"@storybook/html-webpack5@7.6.20": +"@storybook/html-vite@7.6.20": version "7.6.20" - resolved "https://registry.yarnpkg.com/@storybook/html-webpack5/-/html-webpack5-7.6.20.tgz#437e890ed5292ff4849544aba7afaac273f19f1b" - integrity sha512-INQSJLfftA2HPBF2gcbyWNR2Xx2fgYTW43n2coQGCIydqq9PgTki8YV0T3bjEDl0+FEvbHAHD+nHq28yyeQZZA== + resolved "https://registry.yarnpkg.com/@storybook/html-vite/-/html-vite-7.6.20.tgz#cb701ffab3eeb09952ecdafed776e3dff7193cd3" + integrity sha512-JAk5uvY5rrr8DwVzczHqb2SO3IiOKePdIXF3esUJb0yomPviAL87u4WALEaa7TdeUBO3q0ZQmmR35CXrDbSXbQ== dependencies: - "@storybook/builder-webpack5" "7.6.20" - "@storybook/core-common" "7.6.20" - "@storybook/global" "^5.0.0" + "@storybook/addons" "7.6.20" + "@storybook/builder-vite" "7.6.20" + "@storybook/client-api" "7.6.20" + "@storybook/core-server" "7.6.20" "@storybook/html" "7.6.20" - "@storybook/preset-html-webpack" "7.6.20" - "@types/node" "^18.0.0" + "@storybook/node-logger" "7.6.20" + "@storybook/preview-web" "7.6.20" + magic-string "^0.30.0" "@storybook/html@7.6.20": version "7.6.20" @@ -4383,16 +4424,6 @@ resolved "https://registry.yarnpkg.com/@storybook/postinstall/-/postinstall-7.6.20.tgz#5a77ce7913375b11bd7c72388798854bd8507b91" integrity sha512-AN4WPeNma2xC2/K/wP3I/GMbBUyeSGD3+86ZFFJFO1QmE/Zea6E+1aVlTd1iKHQUcNkZ9bZTrqkhPGVYx10pIw== -"@storybook/preset-html-webpack@7.6.20": - version "7.6.20" - resolved "https://registry.yarnpkg.com/@storybook/preset-html-webpack/-/preset-html-webpack-7.6.20.tgz#46e700ddff5c91a5c2cd4d821a54a7251049c8a5" - integrity sha512-udLnAP4EKAlZcsZW1vwYao2KjRTKd8Ml9Eow/l8jg+odw9kFeLBX4NIjYAaD4vQXXFdn2Vw1vK8FOqvOJT/OpA== - dependencies: - "@storybook/core-webpack" "7.6.20" - "@types/node" "^18.0.0" - html-loader "^3.1.0" - webpack "5" - "@storybook/preset-react-webpack@7.6.20": version "7.6.20" resolved "https://registry.yarnpkg.com/@storybook/preset-react-webpack/-/preset-react-webpack-7.6.20.tgz#6d535c77139a29d698964efa990363e7949aa1f9" @@ -4436,6 +4467,14 @@ ts-dedent "^2.0.0" util-deprecate "^1.0.2" +"@storybook/preview-web@7.6.20": + version "7.6.20" + resolved "https://registry.yarnpkg.com/@storybook/preview-web/-/preview-web-7.6.20.tgz#413a291db5c292b750a42f8dd3018f8e74e1066c" + integrity sha512-Gvac4q3Fq2w9C7r88e3hKl+97vZfokHlmogeOfr86+6PCF9mK9qN+xhbf0DpifS/ArQdEjhNbcnvJS4zeJ9OeA== + dependencies: + "@storybook/client-logger" "7.6.20" + "@storybook/preview-api" "7.6.20" + "@storybook/preview@7.6.20": version "7.6.20" resolved "https://registry.yarnpkg.com/@storybook/preview/-/preview-7.6.20.tgz#df39739dce6e183efaf06a8c15a9459f019e631b" @@ -10654,6 +10693,11 @@ es-iterator-helpers@^1.0.19: iterator.prototype "^1.1.2" safe-array-concat "^1.1.2" +es-module-lexer@^0.9.3: + version "0.9.3" + resolved "https://registry.yarnpkg.com/es-module-lexer/-/es-module-lexer-0.9.3.tgz#6f13db00cc38417137daf74366f535c8eb438f19" + integrity sha512-1HQ2M2sPtxwnvOvT1ZClHyQDiggdNjURWpY2we6aMKCQiUVxTmVs2UYPLIrD84sS+kMdUwfBSylbJPwNnBrnHQ== + es-module-lexer@^1.2.1, es-module-lexer@^1.3.1, es-module-lexer@^1.4.1, es-module-lexer@^1.5.3: version "1.5.4" resolved "https://registry.yarnpkg.com/es-module-lexer/-/es-module-lexer-1.5.4.tgz#a8efec3a3da991e60efa6b633a7cad6ab8d26b78" @@ -13438,14 +13482,6 @@ html-escaper@^2.0.0, html-escaper@^2.0.2: resolved "https://registry.yarnpkg.com/html-escaper/-/html-escaper-2.0.2.tgz#dfd60027da36a36dfcbe236262c00a5822681453" integrity sha512-H2iMtd0I4Mt5eYiapRdIDjp+XzelXQ0tFE4JS7YFwFevXXMmOp9myNrUvCg0D6ws8iqkRPBfKHgbwig1SmlLfg== -html-loader@^3.1.0: - version "3.1.2" - resolved "https://registry.yarnpkg.com/html-loader/-/html-loader-3.1.2.tgz#5dc7e52d110b97c381468ac3354efd9bfa36c9fd" - integrity sha512-9WQlLiAV5N9fCna4MUmBW/ifaUbuFZ2r7IZmtXzhyfyi4zgPEjXsmsYCKs+yT873MzRj+f1WMjuAiPNA7C6Tcw== - dependencies: - html-minifier-terser "^6.0.2" - parse5 "^6.0.1" - html-minifier-terser@^6.0.2: version "6.1.0" resolved "https://registry.yarnpkg.com/html-minifier-terser/-/html-minifier-terser-6.1.0.tgz#bfc818934cc07918f6b3669f5774ecdfd48f32ab" @@ -16411,6 +16447,13 @@ magic-string@^0.25.2: dependencies: sourcemap-codec "^1.4.4" +magic-string@^0.30.0: + version "0.30.17" + resolved "https://registry.yarnpkg.com/magic-string/-/magic-string-0.30.17.tgz#450a449673d2460e5bbcfba9a61916a1714c7453" + integrity sha512-sNPKHvyjVf7gyjwS4xGTaW/mCnF8wnjtifKBEhxfZ7E/S8tQ0rssrwGNn6q8JH/ohItJfSQp9mBtQYuTlH5QnA== + dependencies: + "@jridgewell/sourcemap-codec" "^1.5.0" + magic-string@^0.30.5: version "0.30.11" resolved "https://registry.yarnpkg.com/magic-string/-/magic-string-0.30.11.tgz#301a6f93b3e8c2cb13ac1a7a673492c0dfd12954" @@ -18636,11 +18679,6 @@ parse5@^5.1.0: resolved "https://registry.yarnpkg.com/parse5/-/parse5-5.1.1.tgz#f68e4e5ba1852ac2cadc00f4555fff6c2abb6178" integrity sha512-ugq4DFI0Ptb+WWjAdOK16+u/nHfiIrcE+sh8kZMaM0WllQKLI9rOUq6c2b7cwPkXdzfQESqvoqK6ug7U/Yyzug== -parse5@^6.0.1: - version "6.0.1" - resolved "https://registry.yarnpkg.com/parse5/-/parse5-6.0.1.tgz#e1a1c085c569b3dc08321184f19a39cc27f7c30b" - integrity sha512-Ofn/CTFzRGTTxwpNEs9PP93gXShHcTq255nzRYSKe8AkVpZY7e1fpmTfOyoIvjP5HG7Z2ZM7VS9PPhQGW2pOpw== - parse5@^7.0.0, parse5@^7.1.1: version "7.1.2" resolved "https://registry.yarnpkg.com/parse5/-/parse5-7.1.2.tgz#0736bebbfd77793823240a23b7fc5e010b7f8e32" @@ -20749,6 +20787,13 @@ rollup@2.79.2: optionalDependencies: fsevents "~2.3.2" +"rollup@^2.25.0 || ^3.3.0": + version "3.29.5" + resolved "https://registry.yarnpkg.com/rollup/-/rollup-3.29.5.tgz#8a2e477a758b520fb78daf04bca4c522c1da8a54" + integrity sha512-GVsDdsbJzzy4S/v3dqWPJ7EfvZJfCHiDqe80IyrF59LYuP+e6U1LJoUqeuqRbwAWoMNoXivMNeNAOf5E22VA1w== + optionalDependencies: + fsevents "~2.3.2" + rollup@^4.23.0: version "4.28.0" resolved "https://registry.yarnpkg.com/rollup/-/rollup-4.28.0.tgz#eb8d28ed43ef60a18f21d0734d230ee79dd0de77" From 3313868c1ac98c5a9e3756cdeff572c3117891bb Mon Sep 17 00:00:00 2001 From: John Kreitlow <863023+radium-v@users.noreply.github.com> Date: Tue, 19 Nov 2024 09:17:07 -0800 Subject: [PATCH 2/5] update storybook config files --- packages/web-components/.storybook/main.cjs | 88 ------------------- packages/web-components/.storybook/main.ts | 27 ++++++ .../.storybook/{manager.mjs => manager.ts} | 2 +- .../.storybook/{preview.mjs => preview.ts} | 9 +- .../.storybook/{theme.mjs => theme.ts} | 3 +- .../web-components/.storybook/tsconfig.json | 3 +- 6 files changed, 35 insertions(+), 97 deletions(-) delete mode 100644 packages/web-components/.storybook/main.cjs create mode 100644 packages/web-components/.storybook/main.ts rename packages/web-components/.storybook/{manager.mjs => manager.ts} (86%) rename packages/web-components/.storybook/{preview.mjs => preview.ts} (87%) rename packages/web-components/.storybook/{theme.mjs => theme.ts} (85%) diff --git a/packages/web-components/.storybook/main.cjs b/packages/web-components/.storybook/main.cjs deleted file mode 100644 index 9cc493772e60e..0000000000000 --- a/packages/web-components/.storybook/main.cjs +++ /dev/null @@ -1,88 +0,0 @@ -const path = require('path'); -const CircularDependencyPlugin = require('circular-dependency-plugin'); -const { TsconfigPathsPlugin } = require('tsconfig-paths-webpack-plugin'); - -const tsBin = require.resolve('typescript'); -const tsConfigPath = path.resolve(__dirname, '../../../tsconfig.base.wc.json'); - -const tsPaths = new TsconfigPathsPlugin({ - configFile: tsConfigPath, -}); - -module.exports = - /** @type {import('@storybook/html-webpack5').StorybookConfig} */ - ({ - features: { - // On-demand code splitting is disabled for now, as it causes issues e2e tests. - storyStoreV7: false, - }, - // helpers.stories.ts is a file that contains helper functions for stories, - // and should not be treated as a story itself. - stories: ['../src/**/!(helpers)*.stories.@(ts|mdx)'], - staticDirs: ['../public'], - core: { - disableTelemetry: true, - }, - framework: '@storybook/html-webpack5', - addons: [ - { - name: '@storybook/addon-essentials', - options: { - backgrounds: false, - viewport: false, - toolbars: false, - actions: true, - }, - }, - ], - webpackFinal: async config => { - config.resolve = config.resolve ?? {}; - config.resolve.extensions = config.resolve.extensions ?? []; - config.resolve.plugins = config.resolve.plugins ?? []; - config.module = config.module ?? {}; - config.plugins = config.plugins ?? []; - - config.resolve.extensionAlias = { - '.js': ['.js', '.ts'], - '.mjs': ['.mjs', '.mts'], - }; - config.resolve.extensions.push(...['.ts', '.js']); - config.resolve.plugins.push(tsPaths); - config.module.rules = config.module.rules ?? []; - config.module.rules.push( - { - test: /\.([cm]?ts|tsx)$/, - loader: 'ts-loader', - sideEffects: true, - options: { - transpileOnly: true, - compiler: tsBin, - }, - }, - // Following config is needed to be able to resolve @storybook packages imported in specified files that don't ship valid ESM - // It also enables importing other packages without proper ESM extensions, but that should be avoided ! - // @see https://webpack.js.org/configuration/module/#resolvefullyspecified - { - test: /\.m?js/, - resolve: { fullySpecified: false }, - }, - ); - - config.plugins.push( - new CircularDependencyPlugin({ - exclude: /node_modules/, - failOnError: process.env.NODE_ENV === 'production', - }), - ); - - // Disable ProgressPlugin which logs verbose webpack build progress. Warnings and Errors are still logged. - if (process.env.TF_BUILD) { - config.plugins = config.plugins.filter(value => value && value.constructor.name !== 'ProgressPlugin'); - } - - return config; - }, - docs: { - autodocs: true, - }, - }); diff --git a/packages/web-components/.storybook/main.ts b/packages/web-components/.storybook/main.ts new file mode 100644 index 0000000000000..9ab6968d07036 --- /dev/null +++ b/packages/web-components/.storybook/main.ts @@ -0,0 +1,27 @@ +import type { StorybookConfig } from '@storybook/html-vite'; + +export default { + // helpers.stories.ts is a file that contains helper functions for stories, + // and should not be treated as a story itself. + stories: ['../src/**/!(helpers)*.stories.@(ts|mdx)'], + staticDirs: ['../public'], + core: { + disableTelemetry: true, + disableWhatsNewNotifications: true, + }, + framework: '@storybook/html-vite', + addons: [ + { + name: '@storybook/addon-essentials', + options: { + backgrounds: false, + viewport: false, + toolbars: false, + actions: true, + }, + }, + ], + docs: { + autodocs: true, + }, +} satisfies StorybookConfig; diff --git a/packages/web-components/.storybook/manager.mjs b/packages/web-components/.storybook/manager.ts similarity index 86% rename from packages/web-components/.storybook/manager.mjs rename to packages/web-components/.storybook/manager.ts index 73873977355b4..43d5f8c331bed 100644 --- a/packages/web-components/.storybook/manager.mjs +++ b/packages/web-components/.storybook/manager.ts @@ -1,5 +1,5 @@ import { addons } from '@storybook/manager-api'; -import webcomponentsTheme from './theme.mjs'; +import webcomponentsTheme from './theme.js'; addons.setConfig({ previewTabs: { diff --git a/packages/web-components/.storybook/preview.mjs b/packages/web-components/.storybook/preview.ts similarity index 87% rename from packages/web-components/.storybook/preview.mjs rename to packages/web-components/.storybook/preview.ts index 5b8d1fe1ad2ef..313c02b1a53f0 100644 --- a/packages/web-components/.storybook/preview.mjs +++ b/packages/web-components/.storybook/preview.ts @@ -1,8 +1,9 @@ import { teamsDarkTheme, teamsLightTheme, webDarkTheme, webLightTheme } from '@fluentui/tokens'; +import type { StoryContext } from '@storybook/html'; import * as prettier from 'prettier'; import prettierPluginHTML from 'prettier/parser-html.js'; import { setTheme } from '../src/theme/set-theme.js'; -import webcomponentsTheme from './theme.mjs'; +import webcomponentsTheme from './theme.js'; import '../src/index-rollup.js'; import './docs-root.css'; @@ -16,8 +17,8 @@ const themes = { 'teams-dark': teamsDarkTheme, }; -function changeTheme(/** @type {Event} */ e) { - setTheme(themes[/** @type {keyof themes} */ (/** @type {HTMLInputElement}*/ (e.target).value)]); +function changeTheme(e: Event) { + setTheme(themes[(e.target as HTMLSelectElement).value as keyof typeof themes]); } // This is needed in Playwright. @@ -43,7 +44,7 @@ export const parameters = { source: { // To get around the inability to change Prettier options in the source addon, this transform function // imports the standalone Prettier and uses it to format the source with the desired options. - transform(/** @type {string} */ src, /** @type {import('@storybook/html').StoryContext} */ storyContext) { + transform(src: string, storyContext: StoryContext) { if (!src) { const fragment = storyContext.originalStoryFn(storyContext.allArgs, storyContext); if (!(fragment instanceof DocumentFragment) && !(fragment instanceof HTMLElement)) { diff --git a/packages/web-components/.storybook/theme.mjs b/packages/web-components/.storybook/theme.ts similarity index 85% rename from packages/web-components/.storybook/theme.mjs rename to packages/web-components/.storybook/theme.ts index 16836fbf5589d..70bbec466da17 100644 --- a/packages/web-components/.storybook/theme.mjs +++ b/packages/web-components/.storybook/theme.ts @@ -20,7 +20,7 @@ export default create({ // Typography fontBase: - '"Segoe UI", "Segoe UI Web (West European)", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;', + '"Segoe UI", "Segoe UI Web (West European)", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;', fontCode: 'monospace', // Text colors @@ -32,4 +32,3 @@ export default create({ inputTextColor: 'black', inputBorderRadius: 4, }); - diff --git a/packages/web-components/.storybook/tsconfig.json b/packages/web-components/.storybook/tsconfig.json index 78905f4f65971..14a9d4ffb0ef6 100644 --- a/packages/web-components/.storybook/tsconfig.json +++ b/packages/web-components/.storybook/tsconfig.json @@ -3,8 +3,7 @@ "compilerOptions": { "allowJs": true, "checkJs": true, - "noEmit": true, - "types": ["node"] + "noEmit": true }, "include": ["*", "../public", "../src/**/*.stories.*"] } From 9ad4d8698b1427c456d6c7296535321c15c9891a Mon Sep 17 00:00:00 2001 From: John Kreitlow <863023+radium-v@users.noreply.github.com> Date: Tue, 19 Nov 2024 10:29:47 -0800 Subject: [PATCH 3/5] fix define imports in preview module --- packages/web-components/.storybook/preview.ts | 11 +++++++++-- 1 file changed, 9 insertions(+), 2 deletions(-) diff --git a/packages/web-components/.storybook/preview.ts b/packages/web-components/.storybook/preview.ts index 313c02b1a53f0..71f3ba6badaef 100644 --- a/packages/web-components/.storybook/preview.ts +++ b/packages/web-components/.storybook/preview.ts @@ -1,12 +1,19 @@ +/// + import { teamsDarkTheme, teamsLightTheme, webDarkTheme, webLightTheme } from '@fluentui/tokens'; import type { StoryContext } from '@storybook/html'; import * as prettier from 'prettier'; import prettierPluginHTML from 'prettier/parser-html.js'; import { setTheme } from '../src/theme/set-theme.js'; +import './docs-root.css'; import webcomponentsTheme from './theme.js'; -import '../src/index-rollup.js'; -import './docs-root.css'; +// Import all component definitions. This is a vite-specific feature: +// https://vitejs.dev/guide/features.html#glob-import +const modules = import.meta.glob(['../src/**/define.ts']); +for (const path in modules) { + modules[path](); +} const FAST_EXPRESSION_COMMENTS = //g; // Matches comments that contain FAST expressions From 0ddda59e450fc80f8e934043fe228417569c34e4 Mon Sep 17 00:00:00 2001 From: John Kreitlow <863023+radium-v@users.noreply.github.com> Date: Tue, 19 Nov 2024 09:19:00 -0800 Subject: [PATCH 4/5] add changefile --- ...eb-components-2dd018e1-9fde-44ea-b302-5473eb582511.json | 7 +++++++ 1 file changed, 7 insertions(+) create mode 100644 change/@fluentui-web-components-2dd018e1-9fde-44ea-b302-5473eb582511.json diff --git a/change/@fluentui-web-components-2dd018e1-9fde-44ea-b302-5473eb582511.json b/change/@fluentui-web-components-2dd018e1-9fde-44ea-b302-5473eb582511.json new file mode 100644 index 0000000000000..f2e5b6134a299 --- /dev/null +++ b/change/@fluentui-web-components-2dd018e1-9fde-44ea-b302-5473eb582511.json @@ -0,0 +1,7 @@ +{ + "type": "none", + "comment": "switch storybook framework from html-webpack5 to html-vite", + "packageName": "@fluentui/web-components", + "email": "863023+radium-v@users.noreply.github.com", + "dependentChangeType": "none" +} From 08af0b11f3fd751c0c306c705d74ad849a2ac0a8 Mon Sep 17 00:00:00 2001 From: John Kreitlow <863023+radium-v@users.noreply.github.com> Date: Wed, 8 Jan 2025 21:10:46 -0800 Subject: [PATCH 5/5] update lockfile --- yarn.lock | 18 ++---------------- 1 file changed, 2 insertions(+), 16 deletions(-) diff --git a/yarn.lock b/yarn.lock index a5ffd277f0b9c..8b4b47bba1612 100644 --- a/yarn.lock +++ b/yarn.lock @@ -16447,20 +16447,13 @@ magic-string@^0.25.2: dependencies: sourcemap-codec "^1.4.4" -magic-string@^0.30.0: +magic-string@^0.30.0, magic-string@^0.30.5: version "0.30.17" resolved "https://registry.yarnpkg.com/magic-string/-/magic-string-0.30.17.tgz#450a449673d2460e5bbcfba9a61916a1714c7453" integrity sha512-sNPKHvyjVf7gyjwS4xGTaW/mCnF8wnjtifKBEhxfZ7E/S8tQ0rssrwGNn6q8JH/ohItJfSQp9mBtQYuTlH5QnA== dependencies: "@jridgewell/sourcemap-codec" "^1.5.0" -magic-string@^0.30.5: - version "0.30.11" - resolved "https://registry.yarnpkg.com/magic-string/-/magic-string-0.30.11.tgz#301a6f93b3e8c2cb13ac1a7a673492c0dfd12954" - integrity sha512-+Wri9p0QHMy+545hKww7YAu5NyzF8iomPL/RQazugQ9+Ez4Ic3mERMd8ZTX5rfK944j+560ZJi8iAwgak1Ac7A== - dependencies: - "@jridgewell/sourcemap-codec" "^1.5.0" - make-dir@^1.0.0: version "1.3.0" resolved "https://registry.yarnpkg.com/make-dir/-/make-dir-1.3.0.tgz#79c1033b80515bd6d24ec9933e860ca75ee27f0c" @@ -20780,20 +20773,13 @@ rollup-pluginutils@^2.8.1, rollup-pluginutils@^2.8.2: dependencies: estree-walker "^0.6.1" -rollup@2.79.2: +rollup@2.79.2, "rollup@^2.25.0 || ^3.3.0": version "2.79.2" resolved "https://registry.yarnpkg.com/rollup/-/rollup-2.79.2.tgz#f150e4a5db4b121a21a747d762f701e5e9f49090" integrity sha512-fS6iqSPZDs3dr/y7Od6y5nha8dW1YnbgtsyotCVvoFGKbERG++CVRFv1meyGDE1SNItQA8BrnCw7ScdAhRJ3XQ== optionalDependencies: fsevents "~2.3.2" -"rollup@^2.25.0 || ^3.3.0": - version "3.29.5" - resolved "https://registry.yarnpkg.com/rollup/-/rollup-3.29.5.tgz#8a2e477a758b520fb78daf04bca4c522c1da8a54" - integrity sha512-GVsDdsbJzzy4S/v3dqWPJ7EfvZJfCHiDqe80IyrF59LYuP+e6U1LJoUqeuqRbwAWoMNoXivMNeNAOf5E22VA1w== - optionalDependencies: - fsevents "~2.3.2" - rollup@^4.23.0: version "4.28.0" resolved "https://registry.yarnpkg.com/rollup/-/rollup-4.28.0.tgz#eb8d28ed43ef60a18f21d0734d230ee79dd0de77"