@grafana/create-plugin 6.8.0-canary.2356.20815895884.0 → 6.8.0

package/templates/common/_package.json

@@ -17,65 +17,67 @@
   "license": "Apache-2.0",
   "devDependencies": {
     "@grafana/eslint-config": "^9.0.0",
-    "@grafana/plugin-e2e": "^3.1.0",
+    "@grafana/plugin-e2e": "^3.1.4",
     "@grafana/tsconfig": "^2.0.1",
-    "@playwright/test": "^1.52.0",{{#if useExperimentalRspack}}
-    "@rspack/core": "^1.3.0",
-    "@rspack/cli": "^1.3.0",{{/if}}
-    "@stylistic/eslint-plugin-ts": "^2.9.0",
-    "@swc/core": "^1.14.0",
+    "@playwright/test": "^1.57.0",{{#if useExperimentalRspack}}
+    "@rspack/core": "^1.6.0",
+    "@rspack/cli": "^1.6.0",{{/if}}
+    "@stylistic/eslint-plugin-ts": "^4.4.0",
+    "@swc/core": "^1.15.0",
     "@swc/helpers": "^0.5.0",
-    "@swc/jest": "^0.2.26",
-    "@testing-library/jest-dom": "6.1.4",
-    "@testing-library/react": "14.0.0",
+    "@swc/jest": "^0.2.0",
+    "@testing-library/jest-dom": "^6.6.0",
+    "@testing-library/react": "^16.3.0",
     "@types/jest": "^29.5.0",
-    "@types/node": "^20.8.7",
+    "@types/node": "^24.0.0",
     "@types/react": "^18.3.0",
-    "@types/react-dom": "^18.3.0",
-    "@typescript-eslint/eslint-plugin": "^8.3.0",
-    "@typescript-eslint/parser": "^8.3.0",{{#unless useExperimentalRspack}}
-    "copy-webpack-plugin": "^11.0.0",{{/unless}}
-    "css-loader": "^6.7.3",
-    "eslint": "^9.0.0",
-    "eslint-config-prettier": "^8.8.0",
-    "eslint-plugin-jsdoc": "^51.2.3",
-    "eslint-plugin-react": "^7.37.5",
+    "@types/react-dom": "^18.3.0",{{#if useExperimentalRspack}}
+    "@types/ws": "^8.18.1",{{/if}}
+    "@typescript-eslint/eslint-plugin": "^8.38.0",
+    "@typescript-eslint/parser": "^8.38.0",{{#unless useExperimentalRspack}}
+    "copy-webpack-plugin": "^13.0.0",{{/unless}}
+    "css-loader": "^7.1.0",
+    "eslint": "^9.32.0",
+    "eslint-config-prettier": "^10.1.0",
+    "eslint-plugin-jsdoc": "^52.0.0",
+    "eslint-plugin-react": "^7.37.0",
     "eslint-plugin-react-hooks": "^7.0.0",
     "eslint-webpack-plugin": "^5.0.0",{{#unless useExperimentalRspack}}
-    "fork-ts-checker-webpack-plugin": "^8.0.0",{{/unless}}
-    "glob": "^10.2.7",
-    "identity-obj-proxy": "3.0.0",
+    "fork-ts-checker-webpack-plugin": "^9.1.0",{{/unless}}
+    "glob": "^11.1.0",
+    "identity-obj-proxy": "^3.0.0",
     "imports-loader": "^5.0.0",
-    "jest": "^29.5.0",
-    "jest-environment-jsdom": "^29.5.0",
-    "prettier": "^2.8.7",
-    "replace-in-file-webpack-plugin": "^1.0.6",{{#if useExperimentalRspack}}
-    "rspack-plugin-virtual-module": "^0.1.13",{{/if}}
-    "sass": "1.63.2",
-    "sass-loader": "13.3.1",
-    "semver": "^7.6.3",
-    "style-loader": "3.3.3",{{#unless useExperimentalRspack}}
-    "swc-loader": "^0.2.3",{{/unless}}
-    "terser-webpack-plugin": "^5.3.10",
-    "ts-node": "^10.9.2",{{#if useExperimentalRspack}}
-    "ts-checker-rspack-plugin": "^1.0.0",{{/if}}
-    "typescript": "5.5.4",
-    "webpack": "^5.94.0"{{#unless useExperimentalRspack}},
-    "webpack-cli": "^5.1.4",
+    "jest": "^29.7.0",
+    "jest-environment-jsdom": "^29.7.0",
+    "prettier": "^3.6.0",
+    "replace-in-file-webpack-plugin": "^1.0.0",{{#if useExperimentalRspack}}
+    "rspack-plugin-virtual-module": "^1.0.0",{{/if}}
+    "sass": "^1.89.0",
+    "sass-loader": "^16.0.0",
+    "semver": "^7.7.0",
+    "style-loader": "^4.0.0",{{#unless useExperimentalRspack}}
+    "swc-loader": "^0.2.0",{{/unless}}
+    "terser-webpack-plugin": "^5.3.0",
+    "ts-node": "^10.9.0",{{#if useExperimentalRspack}}
+    "ts-checker-rspack-plugin": "^1.2.0",{{/if}}
+    "typescript": "5.9.2",
+    "webpack": "^5.101.0"{{#unless useExperimentalRspack}},
+    "webpack-cli": "^6.0.0",
     "webpack-livereload-plugin": "^3.0.2",
     "webpack-subresource-integrity": "^5.1.0",
-    "webpack-virtual-modules": "^0.6.2"{{/unless}}
+    "webpack-virtual-modules": "^0.6.2"{{/unless}}{{#if useExperimentalRspack}},
+    "ws": "^8.13.0"{{/if}}
   },
   "engines": {
     "node": ">=22"
   },
   "dependencies": {
     "@emotion/css": "11.10.6",
-    "@grafana/data": "^12.3.1",
-    "@grafana/i18n": "^12.3.1",
-    "@grafana/runtime": "^12.3.1",
-    "@grafana/ui": "^12.3.1",
-    "@grafana/schema": "^12.3.1",{{#if_eq pluginType "scenesapp" }}
+    "@grafana/data": "^12.3.2",
+    "@grafana/i18n": "^12.3.2",
+    "@grafana/runtime": "^12.3.2",
+    "@grafana/ui": "^12.3.2",
+    "@grafana/schema": "^12.3.2",{{#if_eq pluginType "scenesapp" }}
     "@grafana/scenes": "{{ scenesVersion }}",{{/if_eq}}
     "react": "^18.3.0",
     "react-dom": "^18.3.0"{{#if isAppType}},

package/templates/github/workflows/bundle-stats.yml

@@ -20,7 +20,7 @@ jobs:
 
     steps:
       - name: Checkout repository
-        uses: actions/checkout@v5
+        uses: actions/checkout@v6
         with:
           persist-credentials: false
 

package/templates/github/workflows/ci.yml

@@ -25,7 +25,7 @@ jobs:
     env:
       GRAFANA_ACCESS_POLICY_TOKEN: $\{{ secrets.GRAFANA_ACCESS_POLICY_TOKEN }}
     steps:
-      - uses: actions/checkout@v5
+      - uses: actions/checkout@v6
         with:
           persist-credentials: false
 {{#if_eq packageManagerName "pnpm"}}
@@ -63,14 +63,14 @@ jobs:
         if: steps.check-for-backend.outputs.has-backend == 'true'
         uses: actions/setup-go@v6
         with:
-          go-version: '1.22'
+          go-version-file: go.mod
 
-      - name: Test backend
+      - name: Lint backend
         if: steps.check-for-backend.outputs.has-backend == 'true'
-        uses: magefile/mage-action@6f50bbb8ea47d56e62dee92392788acbc8192d0b # v3.1.0
+        uses: golangci/golangci-lint-action@9fae48acfc02a90574d7c304a1758ef9895495fa # v7.0.1
         with:
           version: latest
-          args: coverage
+          args: ./...
 
       - name: Build backend
         if: steps.check-for-backend.outputs.has-backend == 'true'
@@ -79,6 +79,13 @@ jobs:
           version: latest
           args: buildAll
 
+      - name: Test backend
+        if: steps.check-for-backend.outputs.has-backend == 'true'
+        uses: magefile/mage-action@6f50bbb8ea47d56e62dee92392788acbc8192d0b # v3.1.0
+        with:
+          version: latest
+          args: test
+
       - name: Check for E2E
         id: check-for-e2e
         run: |
@@ -122,7 +129,7 @@ jobs:
           ARCHIVE: $\{{ steps.metadata.outputs.archive }}
 
       - name: Archive Build
-        uses: actions/upload-artifact@v5
+        uses: actions/upload-artifact@v6
         with:
           name: $\{{ steps.metadata.outputs.plugin-id }}-$\{{ steps.metadata.outputs.plugin-version }}
           path: $\{{ steps.metadata.outputs.plugin-id }}
@@ -140,7 +147,7 @@ jobs:
       matrix: $\{{ steps.resolve-versions.outputs.matrix }}
     steps:
       - name: Checkout
-        uses: actions/checkout@v5
+        uses: actions/checkout@v6
         with:
           persist-credentials: false
 
@@ -162,12 +169,12 @@ jobs:
     name: e2e test $\{{ matrix.GRAFANA_IMAGE.name }}@$\{{ matrix.GRAFANA_IMAGE.VERSION }}
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v5
+      - uses: actions/checkout@v6
         with:
           persist-credentials: false
 
       - name: Download plugin
-        uses: actions/download-artifact@v6
+        uses: actions/download-artifact@v7
         with:
           path: dist
           name: $\{{ needs.build.outputs.plugin-id }}-$\{{ needs.build.outputs.plugin-version }}
@@ -242,7 +249,7 @@ jobs:
     needs: [playwright-tests]
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v5
+      - uses: actions/checkout@v6
         with:
           # required for playwright-gh-pages
           persist-credentials: true

package/templates/github/workflows/is-compatible.yml

@@ -7,7 +7,7 @@ jobs:
     permissions:
       contents: read
     steps:
-      - uses: actions/checkout@v5
+      - uses: actions/checkout@v6
         with:
           persist-credentials: false
 
@@ -18,7 +18,7 @@ jobs:
 {{/if_eq}}
 
       - name: Setup Node.js environment
-        uses: actions/setup-node@2028fbc5c25fe9cf00d9f06a71cc4710d4507903 # v6.0.0
+        uses: actions/setup-node@395ad3262231945c25e8478fd5baf05154b1d79f # v6.1.0
         with:
           node-version: '22'
           cache: '{{ packageManagerName }}'

package/templates/github/workflows/release.yml

@@ -16,7 +16,7 @@ jobs:
       contents: write
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v5
+      - uses: actions/checkout@v6
         with:
           persist-credentials: false
 

package/dist/codemods/additions/scripts/bundle-grafana-ui/index.js

@@ -1,174 +0,0 @@
-import * as v from 'valibot';
-import * as recast from 'recast';
-import { coerce, gte } from 'semver';
-import { additionsDebug } from '../../../utils.js';
-import { getBundlerConfig } from '../../../utils.bundler-config.js';
-import { updateExternalsArray } from '../../../utils.externals.js';
-
-const { builders } = recast.types;
-const PLUGIN_JSON_PATH = "src/plugin.json";
-const MIN_GRAFANA_VERSION = "10.2.0";
-const schema = v.object({});
-function bundleGrafanaUI(context, _options) {
-  additionsDebug("Running bundle-grafana-ui addition...");
-  ensureMinGrafanaVersion(context);
-  updateExternalsArray(context, createBundleGrafanaUIModifier());
-  updateResolveExtensions(context);
-  updateModuleRules(context);
-  return context;
-}
-function isGrafanaRegex(element, pattern) {
-  if (element.type === "RegExpLiteral") {
-    const regexNode = element;
-    return regexNode.pattern === pattern && regexNode.flags === "i";
-  }
-  if (element.type === "Literal" && "regex" in element && element.regex) {
-    const regex = element.regex;
-    return regex.pattern === pattern && regex.flags === "i";
-  }
-  return false;
-}
-function removeGrafanaUiAndAddReactInlineSvg(externalsArray) {
-  let hasChanges = false;
-  let hasGrafanaUiExternal = false;
-  let hasReactInlineSvg = false;
-  for (const element of externalsArray.elements) {
-    if (!element) {
-      continue;
-    }
-    if (isGrafanaRegex(element, "^@grafana\\/ui")) {
-      hasGrafanaUiExternal = true;
-    }
-    if ((element.type === "Literal" || element.type === "StringLiteral") && "value" in element && typeof element.value === "string" && element.value === "react-inlinesvg") {
-      hasReactInlineSvg = true;
-    }
-  }
-  if (hasGrafanaUiExternal) {
-    externalsArray.elements = externalsArray.elements.filter((element) => {
-      if (!element) {
-        return true;
-      }
-      return !isGrafanaRegex(element, "^@grafana\\/ui");
-    });
-    hasChanges = true;
-    additionsDebug("Removed /^@grafana\\/ui/i from externals array");
-  }
-  if (!hasReactInlineSvg) {
-    let insertIndex = -1;
-    for (let i = 0; i < externalsArray.elements.length; i++) {
-      const element = externalsArray.elements[i];
-      if (element && isGrafanaRegex(element, "^@grafana\\/data")) {
-        insertIndex = i + 1;
-        break;
-      }
-    }
-    if (insertIndex >= 0) {
-      externalsArray.elements.splice(insertIndex, 0, builders.literal("react-inlinesvg"));
-    } else {
-      externalsArray.elements.push(builders.literal("react-inlinesvg"));
-    }
-    hasChanges = true;
-    additionsDebug("Added 'react-inlinesvg' to externals array");
-  }
-  return hasChanges;
-}
-function createBundleGrafanaUIModifier() {
-  return (externalsArray) => {
-    return removeGrafanaUiAndAddReactInlineSvg(externalsArray);
-  };
-}
-function updateResolveExtensions(context) {
-  const config = getBundlerConfig(context);
-  if (!config) {
-    return;
-  }
-  const { path: configPath, content } = config;
-  if (content.includes("'.mjs'") || content.includes('".mjs"')) {
-    return;
-  }
-  const updated = content.replace(/(extensions:\s*\[)([^\]]+)(\])/, (match, prefix, extensions, suffix) => {
-    if (extensions.includes(".mjs")) {
-      return match;
-    }
-    return `${prefix}${extensions}, '.mjs'${suffix}`;
-  });
-  if (updated !== content) {
-    context.updateFile(configPath, updated);
-    additionsDebug("Added '.mjs' to resolve.extensions");
-  }
-}
-function updateModuleRules(context) {
-  const config = getBundlerConfig(context);
-  if (!config) {
-    return;
-  }
-  const { path: configPath, content } = config;
-  if (content.includes("test: /\\.mjs$") || content.includes("test: /\\\\.mjs$")) {
-    return;
-  }
-  const mjsRule = `{
-        test: /\\.mjs$/,
-        include: /node_modules/,
-        resolve: {
-          fullySpecified: false,
-        },
-        type: 'javascript/auto',
-      },`;
-  let updated = content;
-  if (content.match(/rules:\s*\[\s*\]/)) {
-    updated = content.replace(/(rules:\s*\[\s*)(\])/, `$1${mjsRule}
-      $2`);
-  } else {
-    updated = content.replace(/(rules:\s*\[\s*)(\{[\s\S]*?\}),(\s*)/, (match, prefix, firstRule, suffix) => {
-      if (match.includes("test: /\\.mjs$")) {
-        return match;
-      }
-      return `${prefix}${firstRule},
-      ${mjsRule}${suffix}`;
-    });
-  }
-  if (updated !== content) {
-    context.updateFile(configPath, updated);
-    additionsDebug("Added module rule for .mjs files in node_modules with resolve.fullySpecified: false");
-  }
-}
-function ensureMinGrafanaVersion(context) {
-  if (!context.doesFileExist(PLUGIN_JSON_PATH)) {
-    additionsDebug(`${PLUGIN_JSON_PATH} not found, skipping version check`);
-    return;
-  }
-  const pluginJsonRaw = context.getFile(PLUGIN_JSON_PATH);
-  if (!pluginJsonRaw) {
-    return;
-  }
-  try {
-    const pluginJson = JSON.parse(pluginJsonRaw);
-    if (!pluginJson.dependencies) {
-      pluginJson.dependencies = {};
-    }
-    const currentGrafanaDep = pluginJson.dependencies.grafanaDependency || ">=9.0.0";
-    const currentVersion = coerce(currentGrafanaDep.replace(/^[><=]+/, ""));
-    const minVersion = coerce(MIN_GRAFANA_VERSION);
-    if (!currentVersion || !minVersion || !gte(currentVersion, minVersion)) {
-      const oldVersion = pluginJson.dependencies.grafanaDependency || "not set";
-      pluginJson.dependencies.grafanaDependency = `>=${MIN_GRAFANA_VERSION}`;
-      context.updateFile(PLUGIN_JSON_PATH, JSON.stringify(pluginJson, null, 2));
-      additionsDebug(
-        `Updated grafanaDependency from "${oldVersion}" to ">=${MIN_GRAFANA_VERSION}" - bundling @grafana/ui requires Grafana ${MIN_GRAFANA_VERSION} or higher`
-      );
-      console.log(
-        `
-\u26A0\uFE0F  Updated grafanaDependency to ">=${MIN_GRAFANA_VERSION}" because bundling @grafana/ui is only supported from Grafana ${MIN_GRAFANA_VERSION} onwards.
-`
-      );
-    } else {
-      additionsDebug(
-        `grafanaDependency "${currentGrafanaDep}" already meets minimum requirement of ${MIN_GRAFANA_VERSION}`
-      );
-    }
-  } catch (error) {
-    additionsDebug(`Error updating ${PLUGIN_JSON_PATH}:`, error);
-  }
-}
-
-export { bundleGrafanaUI as default, schema };

package/dist/codemods/utils.bundler-config.js

@@ -1,19 +0,0 @@
-import 'recast';
-import 'recast/parsers/typescript.js';
-import './utils.js';
-
-const WEBPACK_CONFIG_PATH = ".config/webpack/webpack.config.ts";
-const RSPACK_CONFIG_PATH = ".config/rspack/rspack.config.ts";
-function getBundlerConfig(context) {
-  const configPath = context.doesFileExist(RSPACK_CONFIG_PATH) ? RSPACK_CONFIG_PATH : context.doesFileExist(WEBPACK_CONFIG_PATH) ? WEBPACK_CONFIG_PATH : null;
-  if (!configPath) {
-    return null;
-  }
-  const content = context.getFile(configPath);
-  if (!content) {
-    return null;
-  }
-  return { path: configPath, content };
-}
-
-export { getBundlerConfig };

package/dist/codemods/utils.externals.js

@@ -1,116 +0,0 @@
-import * as recast from 'recast';
-import * as typeScriptParser from 'recast/parsers/typescript.js';
-import { additionsDebug } from './utils.js';
-
-const EXTERNALS_PATH = ".config/bundler/externals.ts";
-const WEBPACK_CONFIG_PATH = ".config/webpack/webpack.config.ts";
-function updateExternalsArray(context, modifier) {
-  if (context.doesFileExist(EXTERNALS_PATH)) {
-    additionsDebug(`Found ${EXTERNALS_PATH}, updating externals array...`);
-    const externalsContent = context.getFile(EXTERNALS_PATH);
-    if (externalsContent) {
-      try {
-        const ast = recast.parse(externalsContent, {
-          parser: typeScriptParser
-        });
-        let hasChanges = false;
-        recast.visit(ast, {
-          visitVariableDeclarator(path) {
-            const { node } = path;
-            if (node.id.type === "Identifier" && node.id.name === "externals" && node.init && node.init.type === "ArrayExpression") {
-              additionsDebug("Found externals array in externals.ts");
-              if (modifier(node.init)) {
-                hasChanges = true;
-              }
-            }
-            return this.traverse(path);
-          }
-        });
-        if (hasChanges) {
-          const output = recast.print(ast, {
-            tabWidth: 2,
-            trailingComma: true,
-            lineTerminator: "\n"
-          });
-          context.updateFile(EXTERNALS_PATH, output.code);
-          additionsDebug(`Updated ${EXTERNALS_PATH}`);
-          return true;
-        }
-        return false;
-      } catch (error) {
-        additionsDebug(`Error updating ${EXTERNALS_PATH}:`, error);
-        return false;
-      }
-    }
-  }
-  additionsDebug(`Checking for ${WEBPACK_CONFIG_PATH}...`);
-  if (context.doesFileExist(WEBPACK_CONFIG_PATH)) {
-    additionsDebug(`Found ${WEBPACK_CONFIG_PATH}, checking for inline externals...`);
-    const webpackContent = context.getFile(WEBPACK_CONFIG_PATH);
-    if (webpackContent) {
-      try {
-        const ast = recast.parse(webpackContent, {
-          parser: typeScriptParser
-        });
-        let hasChanges = false;
-        let foundExternals = false;
-        recast.visit(ast, {
-          visitObjectExpression(path) {
-            const { node } = path;
-            const properties = node.properties;
-            if (properties) {
-              for (const prop of properties) {
-                if (prop && (prop.type === "Property" || prop.type === "ObjectProperty")) {
-                  const key = "key" in prop ? prop.key : null;
-                  const value = "value" in prop ? prop.value : null;
-                  if (key && key.type === "Identifier" && key.name === "externals" && value && value.type === "ArrayExpression") {
-                    foundExternals = true;
-                    additionsDebug("Found externals property in webpack.config.ts");
-                    if (modifier(value)) {
-                      hasChanges = true;
-                    }
-                  }
-                }
-              }
-            }
-            return this.traverse(path);
-          },
-          visitProperty(path) {
-            const { node } = path;
-            if (node.key && node.key.type === "Identifier" && node.key.name === "externals" && node.value && node.value.type === "ArrayExpression") {
-              if (!foundExternals) {
-                foundExternals = true;
-                additionsDebug("Found externals property in webpack.config.ts (via visitProperty)");
-              }
-              if (modifier(node.value)) {
-                hasChanges = true;
-              }
-            }
-            return this.traverse(path);
-          }
-        });
-        if (!foundExternals) {
-          additionsDebug("No externals property found in webpack.config.ts");
-        }
-        if (hasChanges) {
-          const output = recast.print(ast, {
-            tabWidth: 2,
-            trailingComma: true,
-            lineTerminator: "\n"
-          });
-          context.updateFile(WEBPACK_CONFIG_PATH, output.code);
-          additionsDebug(`Updated ${WEBPACK_CONFIG_PATH}`);
-          return true;
-        }
-        return false;
-      } catch (error) {
-        additionsDebug(`Error updating ${WEBPACK_CONFIG_PATH}:`, error);
-        return false;
-      }
-    }
-  }
-  additionsDebug("No externals configuration found");
-  return false;
-}
-
-export { updateExternalsArray };

package/src/codemods/additions/scripts/bundle-grafana-ui/README.md

@@ -1,68 +0,0 @@
-# Bundle Grafana UI Addition
-
-Configures a Grafana plugin to bundle `@grafana/ui` instead of using the version of `@grafana/ui` provided by the Grafana runtime environment.
-
-## Usage
-
-```bash
-npx @grafana/create-plugin add bundle-grafana-ui
-```
-
-## Requirements
-
-- **Grafana >= 10.2.0**: Bundling `@grafana/ui` is only supported from Grafana 10.2.0 onwards. If your plugin's `grafanaDependency` is set to a version lower than 10.2.0, the script will automatically update it to `>=10.2.0` and display a warning message.
-
-## What This Addition Does
-
-By default, Grafana plugins use `@grafana/ui` as an external dependency provided by Grafana at runtime. This addition modifies your plugin's bundler configuration to include `@grafana/ui` in your plugin bundle instead.
-
-This addition:
-
-1. **Updates `src/plugin.json`** - Ensures `grafanaDependency` is set to `>=10.2.0` or higher
-2. **Removes `/^@grafana\/ui/i` from externals** - This tells the bundler to include `@grafana/ui` in your plugin bundle rather than expecting Grafana to provide it
-3. **Adds `'react-inlinesvg'` to externals** - Since `@grafana/ui` uses `react-inlinesvg` internally and Grafana provides it at runtime, we add it to externals to avoid bundling it twice
-4. **Updates bundler resolve configuration** - Adds `.mjs` to `resolve.extensions` and sets `resolve.fullySpecified: false` to handle ESM imports from `@grafana/ui` and its dependencies (e.g., `rc-picker`, `ol/format/WKT`)
-
-## When to Use This
-
-Consider bundling `@grafana/ui` when:
-
-- You want to ensure consistent behavior across different Grafana versions
-- You're experiencing compatibility issues with the Grafana-provided `@grafana/ui`
-
-## Trade-offs
-
-**Pros:**
-
-- Full control over the `@grafana/ui` version your plugin uses
-- Consistent behavior regardless of Grafana version
-
-**Cons:**
-
-- Larger plugin bundle size
-- Potential visual inconsistencies if your bundled version differs significantly from Grafana's version
-- You'll need to manually update `@grafana/ui` in your plugin dependencies
-
-## Files Modified
-
-```
-your-plugin/
-├── src/
-│   └── plugin.json             # Modified: grafanaDependency updated if needed
-├── .config/
-│   ├── bundler/
-│   │   └── externals.ts        # Modified: removes @grafana/ui, adds react-inlinesvg
-│   └── rspack/
-│       └── rspack.config.ts     # Modified: resolve.extensions and resolve.fullySpecified updated
-```
-
-Or for legacy structure:
-
-```
-your-plugin/
-├── src/
-│   └── plugin.json             # Modified: grafanaDependency updated if needed
-├── .config/
-│   └── webpack/
-│       └── webpack.config.ts   # Modified: externals array and resolve configuration updated
-```