Use consistent vite plugin names

This will make them easier to understand in debug logs, for instance.

code/frameworks/react-vite/src/plugins/react-docgen.ts

@@ -32,7 +32,7 @@ export function reactDocgen({
   const filter = createFilter(include, exclude);
 
   return {
-    name: 'react-docgen',
+    name: 'storybook:react-docgen-plugin',
     enforce: 'pre',
     async transform(src: string, id: string) {
       const relPath = path.relative(cwd, id);

code/frameworks/svelte-vite/src/plugins/csf-plugin.ts

@@ -15,7 +15,7 @@ export default function csfPlugin(svelteOptions?: Options) {
   const filter = createFilter(include);
 
   return {
-    name: 'storybook-addon-svelte-csf',
+    name: 'storybook:addon-svelte-csf-plugin',
     enforce: 'post',
     async transform(code: string, id: string) {
       if (!filter(id)) return undefined;

code/frameworks/svelte-vite/src/plugins/svelte-docgen.ts

@@ -49,7 +49,7 @@ export function svelteDocgen(svelteOptions: Record<string, any>): Plugin {
   const filter = createFilter(include);
 
   return {
-    name: 'svelte-docgen',
+    name: 'storybook:svelte-docgen-plugin',
     async transform(src: string, id: string) {
       if (!filter(id)) return undefined;
 

code/frameworks/vue3-vite/src/plugins/vue-docgen.ts

@@ -8,7 +8,7 @@ export function vueDocgen(): Plugin {
   const filter = createFilter(include);
 
   return {
-    name: 'vue-docgen',
+    name: 'storybook:vue-docgen-plugin',
 
     async transform(src: string, id: string) {
       if (!filter(id)) return undefined;

code/lib/builder-vite/src/plugins/code-generator-plugin.ts

@@ -26,7 +26,7 @@ export function codeGeneratorPlugin(options: ExtendedOptions): Plugin {
 
   // noinspection JSUnusedGlobalSymbols
   return {
-    name: 'storybook-vite-code-generator-plugin',
+    name: 'storybook:code-generator-plugin',
     enforce: 'pre',
     configureServer(server) {
       // invalidate the whole vite-app.js script on every file change.

code/lib/builder-vite/src/plugins/inject-export-order-plugin.ts

@@ -6,7 +6,7 @@ const include = [/\.stories\.([tj])sx?$/, /(stories|story).mdx$/];
 const filter = createFilter(include);
 
 export const injectExportOrderPlugin = {
-  name: 'storybook-vite-inject-export-order-plugin',
+  name: 'storybook:inject-export-order-plugin',
   // This should only run after the typescript has been transpiled
   enforce: 'post',
   async transform(code: string, id: string) {

code/lib/builder-vite/src/plugins/mdx-plugin.ts

@@ -36,7 +36,7 @@ export function mdxPlugin(options: Options): Plugin {
   const filter = createFilter(include);
 
   return {
-    name: 'storybook-vite-mdx-plugin',
+    name: 'storybook:mdx-plugin',
     enforce: 'pre',
     configResolved({ plugins }) {
       // @vitejs/plugin-react-refresh has been upgraded to @vitejs/plugin-react,

code/lib/builder-vite/src/plugins/source-loader-plugin.ts

@@ -21,7 +21,7 @@ const replaceAll = (str: string, search: string, replacement: string) => {
 export function sourceLoaderPlugin(config: ExtendedOptions): Plugin | Plugin[] {
   if (config.configType === 'DEVELOPMENT') {
     return {
-      name: 'storybook-vite-source-loader-plugin',
+      name: 'storybook:source-loader-plugin',
       enforce: 'pre',
       async transform(src: string, id: string) {
         if (id.match(storyPattern)) {

code/lib/builder-vite/src/plugins/strip-story-hmr-boundaries.ts

@@ -10,7 +10,7 @@ import MagicString from 'magic-string';
 export function stripStoryHMRBoundary(): Plugin {
   const filter = createFilter(/\.stories\.([tj])sx?$/);
   return {
-    name: 'storybook:strip-hmr-boundary',
+    name: 'storybook:strip-hmr-boundary-plugin',
     enforce: 'post',
     async transform(src: string, id: string) {
       if (!filter(id)) return undefined;