@grafana/create-plugin 7.8.1 → 7.9.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # Changelog
 
+## [7.9.0](https://github.com/grafana/plugin-tools/compare/@grafana/create-plugin@7.8.1...@grafana/create-plugin@7.9.0) (2026-07-14)
+
+
+### Features
+
+* **deps:** bump grafana libs to 13.1.0 in templates ([#2750](https://github.com/grafana/plugin-tools/issues/2750)) ([dab0f70](https://github.com/grafana/plugin-tools/commit/dab0f70ec9816b56d6fe73230fd24d0e2b76b03e))
+
+
+### Bug Fixes
+
+* output single license file when building plugin ([#2770](https://github.com/grafana/plugin-tools/issues/2770)) ([fd20ced](https://github.com/grafana/plugin-tools/commit/fd20cedfffc053e69898081740038544db2c7470))
+
 ## [7.8.1](https://github.com/grafana/plugin-tools/compare/@grafana/create-plugin@7.8.0...@grafana/create-plugin@7.8.1) (2026-07-09)
 
 

package/dist/codemods/migrations/migrations.js

@@ -66,6 +66,12 @@ var defaultMigrations = [
     version: "7.6.3",
     description: "Security: replace insecure inline `npx --yes @grafana/sign-plugin@latest` sign script with a locked @grafana/sign-plugin devDependency to prevent arbitrary code execution from a compromised @latest publish.",
     scriptPath: import.meta.resolve("./scripts/011-secure-sign-script.js")
+  },
+  {
+    name: "012-terser-license-file",
+    version: "7.8.2",
+    description: "Emit a single LICENSE.txt file for all licenses in bundled code.",
+    scriptPath: import.meta.resolve("./scripts/012-terser-license-file.js")
   }
   // Do not use LEGACY_UPDATE_CUTOFF_VERSION for new migrations. It is only used above to force migrations to run
   // for those written before the switch to updates as migrations.

package/dist/codemods/migrations/scripts/012-terser-license-file.js

@@ -0,0 +1,60 @@
+import { join } from 'node:path';
+import * as recast from 'recast';
+import { migrationsDebug } from '../../utils.js';
+import { parseAsTypescript, findObjectProperty, printAST } from '../../utils.ast.js';
+
+const { builders } = recast.types;
+const BUNDLER_CONFIG_PATHS = [
+  join(".config", "webpack", "webpack.config.ts"),
+  join(".config", "rspack", "rspack.config.ts")
+];
+function migrate(context) {
+  for (const configPath of BUNDLER_CONFIG_PATHS) {
+    migrateBundlerConfig(context, configPath);
+  }
+  return context;
+}
+function migrateBundlerConfig(context, configPath) {
+  if (!context.doesFileExist(configPath)) {
+    return;
+  }
+  const source = context.getFile(configPath);
+  if (!source) {
+    return;
+  }
+  if (source.includes("extractComments")) {
+    return;
+  }
+  const parsed = parseAsTypescript(source);
+  if (!parsed.success) {
+    migrationsDebug(`Failed to parse ${configPath}. Error: ${parsed.error.message}`);
+    return;
+  }
+  let hasChanges = false;
+  recast.visit(parsed.ast, {
+    visitNewExpression(path) {
+      const { node } = path;
+      if (node.callee.type === "Identifier" && node.callee.name === "TerserPlugin" && node.arguments.length > 0) {
+        const optionsArg = node.arguments[0];
+        if (optionsArg.type === "ObjectExpression" && !findObjectProperty(optionsArg, "extractComments")) {
+          const extractCommentsProperty = builders.property(
+            "init",
+            builders.identifier("extractComments"),
+            builders.objectExpression([
+              builders.property("init", builders.identifier("banner"), builders.literal(false)),
+              builders.property("init", builders.identifier("filename"), builders.literal("LICENSE.txt"))
+            ])
+          );
+          optionsArg.properties.unshift(extractCommentsProperty);
+          hasChanges = true;
+        }
+      }
+      return this.traverse(path);
+    }
+  });
+  if (hasChanges) {
+    context.updateFile(configPath, printAST(parsed.ast));
+  }
+}
+
+export { migrate as default };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@grafana/create-plugin",
-  "version": "7.8.1",
+  "version": "7.9.0",
   "repository": {
     "type": "git",
     "directory": "packages/create-plugin",
@@ -51,7 +51,7 @@
     "@types/semver": "7.7.1",
     "@types/tmp": "0.2.6",
     "@types/which": "3.0.4",
-    "tmp": "0.2.6"
+    "tmp": "0.2.7"
   },
   "engines": {
     "node": ">=20"

package/src/codemods/migrations/migrations.ts

@@ -78,6 +78,12 @@ export default [
       'Security: replace insecure inline `npx --yes @grafana/sign-plugin@latest` sign script with a locked @grafana/sign-plugin devDependency to prevent arbitrary code execution from a compromised @latest publish.',
     scriptPath: import.meta.resolve('./scripts/011-secure-sign-script.js'),
   },
+  {
+    name: '012-terser-license-file',
+    version: '7.8.2',
+    description: 'Emit a single LICENSE.txt file for all licenses in bundled code.',
+    scriptPath: import.meta.resolve('./scripts/012-terser-license-file.js'),
+  },
   // Do not use LEGACY_UPDATE_CUTOFF_VERSION for new migrations. It is only used above to force migrations to run
   // for those written before the switch to updates as migrations.
 ] satisfies Migration[];

package/src/codemods/migrations/scripts/012-terser-license-file.test.ts

@@ -0,0 +1,170 @@
+import { describe, expect, it } from 'vitest';
+import migrate from './012-terser-license-file.js';
+import { Context } from '../../context.js';
+
+const WEBPACK_CONFIG_PATH = '.config/webpack/webpack.config.ts';
+const RSPACK_CONFIG_PATH = '.config/rspack/rspack.config.ts';
+
+const BUNDLER_CONFIG = `/*
+ * ⚠️⚠️⚠️ THIS FILE WAS SCAFFOLDED BY \`@grafana/create-plugin\`. DO NOT EDIT THIS FILE DIRECTLY. ⚠️⚠️⚠️
+ *
+ * In order to extend the configuration follow the steps in
+ * https://grafana.com/developers/plugin-tools/how-to-guides/extend-configurations#extend-the-webpack-config
+ */
+
+import TerserPlugin from 'terser-webpack-plugin';
+import { type Configuration } from 'webpack';
+
+const config = async (env: Record<string, unknown>): Promise<Configuration> => ({
+  optimization: {
+    minimize: Boolean(env.production),
+    minimizer: [
+      new TerserPlugin({
+        terserOptions: {
+          format: {
+            comments: (_, { type, value }) => type === 'comment2' && value.trim().startsWith('[create-plugin]'),
+          },
+          compress: {
+            drop_console: ['log', 'info'],
+          },
+        },
+      }),
+    ],
+  },
+});
+
+export default config;
+`;
+
+const MIGRATED_BUNDLER_CONFIG = `/*
+ * ⚠️⚠️⚠️ THIS FILE WAS SCAFFOLDED BY \`@grafana/create-plugin\`. DO NOT EDIT THIS FILE DIRECTLY. ⚠️⚠️⚠️
+ *
+ * In order to extend the configuration follow the steps in
+ * https://grafana.com/developers/plugin-tools/how-to-guides/extend-configurations#extend-the-webpack-config
+ */
+
+import TerserPlugin from 'terser-webpack-plugin';
+import { type Configuration } from 'webpack';
+
+const config = async (env: Record<string, unknown>): Promise<Configuration> => ({
+  optimization: {
+    minimize: Boolean(env.production),
+    minimizer: [
+      new TerserPlugin({
+        extractComments: {
+          banner: false,
+          filename: 'LICENSE.txt',
+        },
+
+        terserOptions: {
+          format: {
+            comments: (_, { type, value }) => type === 'comment2' && value.trim().startsWith('[create-plugin]'),
+          },
+          compress: {
+            drop_console: ['log', 'info'],
+          },
+        },
+      }),
+    ],
+  },
+});
+
+export default config;
+`;
+
+const NO_TERSER_CONFIG = `import { type Configuration } from 'webpack';
+
+const config = async (): Promise<Configuration> => ({
+  optimization: {
+    minimize: true,
+  },
+});
+
+export default config;
+`;
+
+describe('012-terser-license-file', () => {
+  it('should add extractComments before terserOptions in the webpack config', () => {
+    const context = new Context('/virtual');
+    context.addFile(WEBPACK_CONFIG_PATH, BUNDLER_CONFIG);
+
+    const result = migrate(context);
+    const updated = result.getFile(WEBPACK_CONFIG_PATH) ?? '';
+
+    expect(updated).toContain('extractComments');
+    expect(updated).toContain('banner: false');
+    expect(updated).toContain("filename: 'LICENSE.txt'");
+    expect(updated.indexOf('extractComments')).toBeLessThan(updated.indexOf('terserOptions'));
+  });
+
+  it('should add extractComments before terserOptions in the rspack config', () => {
+    const context = new Context('/virtual');
+    context.addFile(RSPACK_CONFIG_PATH, BUNDLER_CONFIG);
+
+    const result = migrate(context);
+    const updated = result.getFile(RSPACK_CONFIG_PATH) ?? '';
+
+    expect(updated).toContain('extractComments');
+    expect(updated).toContain('banner: false');
+    expect(updated).toContain("filename: 'LICENSE.txt'");
+    expect(updated.indexOf('extractComments')).toBeLessThan(updated.indexOf('terserOptions'));
+  });
+
+  it('should migrate both bundler configs when both exist', () => {
+    const context = new Context('/virtual');
+    context.addFile(WEBPACK_CONFIG_PATH, BUNDLER_CONFIG);
+    context.addFile(RSPACK_CONFIG_PATH, BUNDLER_CONFIG);
+
+    const result = migrate(context);
+
+    expect(result.getFile(WEBPACK_CONFIG_PATH)).toContain('extractComments');
+    expect(result.getFile(RSPACK_CONFIG_PATH)).toContain('extractComments');
+  });
+
+  it('should print the extractComments block with matching formatting', () => {
+    const context = new Context('/virtual');
+    context.addFile(WEBPACK_CONFIG_PATH, BUNDLER_CONFIG);
+
+    const result = migrate(context);
+
+    expect(result.getFile(WEBPACK_CONFIG_PATH)).toBe(MIGRATED_BUNDLER_CONFIG);
+  });
+
+  it('should be idempotent', async () => {
+    const context = new Context('/virtual');
+    context.addFile(WEBPACK_CONFIG_PATH, BUNDLER_CONFIG);
+    context.addFile(RSPACK_CONFIG_PATH, BUNDLER_CONFIG);
+
+    await expect(migrate).toBeIdempotent(context);
+  });
+
+  it('should not modify a config with a pre-existing extractComments setting', () => {
+    const customizedConfig = BUNDLER_CONFIG.replace(
+      'terserOptions: {',
+      'extractComments: false,\n        terserOptions: {'
+    );
+    const context = new Context('/virtual');
+    context.addFile(WEBPACK_CONFIG_PATH, customizedConfig);
+
+    const result = migrate(context);
+
+    expect(result.getFile(WEBPACK_CONFIG_PATH)).toBe(customizedConfig);
+  });
+
+  it('should do nothing when no bundler config exists', () => {
+    const context = new Context('/virtual');
+
+    const result = migrate(context);
+
+    expect(result.hasChanges()).toBe(false);
+  });
+
+  it('should not modify a config without a TerserPlugin', () => {
+    const context = new Context('/virtual');
+    context.addFile(WEBPACK_CONFIG_PATH, NO_TERSER_CONFIG);
+
+    const result = migrate(context);
+
+    expect(result.getFile(WEBPACK_CONFIG_PATH)).toBe(NO_TERSER_CONFIG);
+  });
+});

package/src/codemods/migrations/scripts/012-terser-license-file.ts

@@ -0,0 +1,75 @@
+import { join } from 'node:path';
+import * as recast from 'recast';
+import type { Context } from '../../context.js';
+import { migrationsDebug } from '../../utils.js';
+import { findObjectProperty, parseAsTypescript, printAST } from '../../utils.ast.js';
+
+const { builders } = recast.types;
+
+const BUNDLER_CONFIG_PATHS = [
+  join('.config', 'webpack', 'webpack.config.ts'),
+  join('.config', 'rspack', 'rspack.config.ts'),
+];
+
+export default function migrate(context: Context): Context {
+  for (const configPath of BUNDLER_CONFIG_PATHS) {
+    migrateBundlerConfig(context, configPath);
+  }
+
+  return context;
+}
+
+function migrateBundlerConfig(context: Context, configPath: string): void {
+  if (!context.doesFileExist(configPath)) {
+    return;
+  }
+
+  const source = context.getFile(configPath);
+  if (!source) {
+    return;
+  }
+
+  // Any existing mention of extractComments (including user-supplied values
+  // like `extractComments: false`) means we leave the file untouched.
+  if (source.includes('extractComments')) {
+    return;
+  }
+
+  const parsed = parseAsTypescript(source);
+  if (!parsed.success) {
+    migrationsDebug(`Failed to parse ${configPath}. Error: ${parsed.error.message}`);
+    return;
+  }
+
+  let hasChanges = false;
+
+  recast.visit(parsed.ast, {
+    visitNewExpression(path) {
+      const { node } = path;
+
+      if (node.callee.type === 'Identifier' && node.callee.name === 'TerserPlugin' && node.arguments.length > 0) {
+        const optionsArg = node.arguments[0];
+
+        if (optionsArg.type === 'ObjectExpression' && !findObjectProperty(optionsArg, 'extractComments')) {
+          const extractCommentsProperty = builders.property(
+            'init',
+            builders.identifier('extractComments'),
+            builders.objectExpression([
+              builders.property('init', builders.identifier('banner'), builders.literal(false)),
+              builders.property('init', builders.identifier('filename'), builders.literal('LICENSE.txt')),
+            ])
+          );
+
+          optionsArg.properties.unshift(extractCommentsProperty);
+          hasChanges = true;
+        }
+      }
+
+      return this.traverse(path);
+    },
+  });
+
+  if (hasChanges) {
+    context.updateFile(configPath, printAST(parsed.ast));
+  }
+}

package/templates/common/.config/docker-compose-base.yaml

@@ -7,7 +7,7 @@ services:
       context: .
       args:
         grafana_image: ${GRAFANA_IMAGE:-{{~grafanaImage~}} }
-        grafana_version: ${GRAFANA_VERSION:-13.0.2}
+        grafana_version: ${GRAFANA_VERSION:-13.1.0}
         development: ${DEVELOPMENT:-false}
         anonymous_auth_enabled: ${ANONYMOUS_AUTH_ENABLED:-true}
     ports:

package/templates/common/.config/rspack/rspack.config.ts

@@ -118,6 +118,11 @@ const config = async (env): Promise<Configuration> => {
       minimize: Boolean(env.production),
       minimizer: [
         new TerserPlugin({
+          // Emit a single LICENSE.txt file for all comments.
+          extractComments: {
+            banner: false,
+            filename: 'LICENSE.txt',
+          },
           terserOptions: {
             format: {
               comments: (_, { type, value }) => type === 'comment2' && value.trim().startsWith('[create-plugin]'),

package/templates/common/.config/webpack/webpack.config.ts

@@ -130,6 +130,11 @@ const config = async (env: Env): Promise<Configuration> => {
       minimize: Boolean(env.production),
       minimizer: [
         new TerserPlugin({
+          // Emit a single LICENSE.txt file for all comments.
+          extractComments: {
+            banner: false,
+            filename: 'LICENSE.txt',
+          },
           terserOptions: {
             format: {
               comments: (_, { type, value }) => type === 'comment2' && value.trim().startsWith('[create-plugin]'),

package/templates/common/_package.json

@@ -74,11 +74,11 @@
   },
   "dependencies": {
     "@emotion/css": "11.10.6",
-    "@grafana/data": "13.0.2",
-    "@grafana/i18n": "13.0.2",
-    "@grafana/runtime": "13.0.2",
-    "@grafana/ui": "13.0.2",
-    "@grafana/schema": "13.0.2",{{#if_eq pluginType "scenesapp" }}
+    "@grafana/data": "13.1.0",
+    "@grafana/i18n": "13.1.0",
+    "@grafana/runtime": "13.1.0",
+    "@grafana/ui": "13.1.0",
+    "@grafana/schema": "13.1.0",{{#if_eq pluginType "scenesapp" }}
     "@grafana/scenes": "{{ scenesVersion }}",{{/if_eq}}
     "react": "^18.3.0",
     "react-dom": "^18.3.0"{{#if isAppType}},