@grafana/create-plugin 5.5.0-canary.1153.af88417.0 → 5.5.0

package/CHANGELOG.md

@@ -1,3 +1,47 @@
+# v5.5.0 (Fri Oct 04 2024)
+
+#### 🚀 Enhancement
+
+- Create Plugin: Support SRI in dynamic imported chunks [#999](https://github.com/grafana/plugin-tools/pull/999) ([@jackw](https://github.com/jackw))
+
+#### 🐛 Bug Fix
+
+- Update dependency @grafana/scenes to v5.16.3 [#1161](https://github.com/grafana/plugin-tools/pull/1161) ([@renovate[bot]](https://github.com/renovate[bot]))
+
+#### Authors: 2
+
+- [@renovate[bot]](https://github.com/renovate[bot])
+- Jack Westbrook ([@jackw](https://github.com/jackw))
+
+---
+
+# v5.4.2 (Thu Oct 03 2024)
+
+#### 🐛 Bug Fix
+
+- Create Plugin: Remove topnav feature flag from Scenes templates [#1139](https://github.com/grafana/plugin-tools/pull/1139) ([@jackw](https://github.com/jackw))
+- Update grafana patch dependencies [#1156](https://github.com/grafana/plugin-tools/pull/1156) ([@renovate[bot]](https://github.com/renovate[bot]))
+
+#### Authors: 2
+
+- [@renovate[bot]](https://github.com/renovate[bot])
+- Jack Westbrook ([@jackw](https://github.com/jackw))
+
+---
+
+# v5.4.1 (Tue Oct 01 2024)
+
+#### 🐛 Bug Fix
+
+- Update grafana dependencies [#1113](https://github.com/grafana/plugin-tools/pull/1113) ([@renovate[bot]](https://github.com/renovate[bot]))
+- Update grafana patch dependencies [#1141](https://github.com/grafana/plugin-tools/pull/1141) ([@renovate[bot]](https://github.com/renovate[bot]))
+
+#### Authors: 1
+
+- [@renovate[bot]](https://github.com/renovate[bot])
+
+---
+
 # v5.4.0 (Mon Sep 30 2024)
 
 #### 🚀 Enhancement

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@grafana/create-plugin",
-  "version": "5.5.0-canary.1153.af88417.0",
+  "version": "5.5.0",
   "repository": {
     "directory": "packages/create-plugin",
     "url": "https://github.com/grafana/plugin-tools"
@@ -88,5 +88,5 @@
   "engines": {
     "node": ">=20"
   },
-  "gitHead": "af884173ff2c58c1d9f408aafc61e6ef0b2f957b"
+  "gitHead": "889ae14643d060d2317801a561bcbd918fa94c37"
 }

package/templates/common/.config/types/custom.d.ts

@@ -35,15 +35,3 @@ declare module '*.woff2';
 declare module '*.eot';
 declare module '*.ttf';
 declare module '*.otf';
-
-// CSS declarations
-declare module '*.module.css' {
-  const classes: { [key: string]: string };
-  export default classes;
-}
-
-declare module '*.css' {
-  const content: string;
-  export default content;
-}
-

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

@@ -8,10 +8,10 @@
 import CopyWebpackPlugin from 'copy-webpack-plugin';
 import ESLintPlugin from 'eslint-webpack-plugin';
 import ForkTsCheckerWebpackPlugin from 'fork-ts-checker-webpack-plugin';
-import MiniCssExtractPlugin from 'mini-css-extract-plugin';
 import path from 'path';
 import ReplaceInFileWebpackPlugin from 'replace-in-file-webpack-plugin';
 import TerserPlugin from 'terser-webpack-plugin';
+import { SubresourceIntegrityPlugin } from "webpack-subresource-integrity";
 import { type Configuration, BannerPlugin } from 'webpack';
 import LiveReloadPlugin from 'webpack-livereload-plugin';
 import VirtualModulesPlugin from 'webpack-virtual-modules';
@@ -132,13 +132,12 @@ const config = async (env): Promise<Configuration> => {
           },
         },
         {
-          test: /\.(sa|sc|c)ss$/,
-          use: [
-            env.development ? "style-loader" : MiniCssExtractPlugin.loader,
-            "css-loader",
-            "postcss-loader",
-            "sass-loader",
-          ],
+          test: /\.css$/,
+          use: ['style-loader', 'css-loader'],
+        },
+        {
+          test: /\.s[ac]ss$/,
+          use: ['style-loader', 'css-loader', 'sass-loader'],
         },
         {
           test: /\.(png|jpe?g|gif|svg)$/,
@@ -184,6 +183,7 @@ const config = async (env): Promise<Configuration> => {
       path: path.resolve(process.cwd(), DIST_DIR),
       publicPath: `public/plugins/${pluginJson.id}/`,
       uniqueName: pluginJson.id,
+      crossOriginLoading: 'anonymous',
     },
 
     plugins: [
@@ -233,6 +233,9 @@ const config = async (env): Promise<Configuration> => {
           ],
         },
       ]),
+      new SubresourceIntegrityPlugin({
+        hashFuncNames: ["sha256"],
+      }),
       ...(env.development ? [
         new LiveReloadPlugin(),
         new ForkTsCheckerWebpackPlugin({
@@ -246,7 +249,7 @@ const config = async (env): Promise<Configuration> => {
           extensions: ['.ts', '.tsx'],
           lintDirtyModulesOnly: Boolean(env.development), // don't lint on start, only lint changed files
         }),
-      ] : [new MiniCssExtractPlugin()]),
+      ] : []),
     ],
 
     resolve: {

package/templates/common/_package.json

@@ -19,10 +19,10 @@
   "license": "Apache-2.0",
   "devDependencies": {
     "@babel/core": "^7.21.4",{{#if useCypress}}
-    "@grafana/e2e": "^11.0.4",
-    "@grafana/e2e-selectors": "^11.2.0",{{/if}}
+    "@grafana/e2e": "^11.0.6",
+    "@grafana/e2e-selectors": "^11.2.2",{{/if}}
     "@grafana/eslint-config": "^7.0.0",{{#if usePlaywright}}
-    "@grafana/plugin-e2e": "^1.7.2",{{/if}}
+    "@grafana/plugin-e2e": "^1.8.3",{{/if}}
     "@grafana/tsconfig": "^2.0.0",{{#if usePlaywright}}
     "@playwright/test": "^1.41.2",{{/if}}
     "@swc/core": "^1.3.90",
@@ -44,7 +44,6 @@
     "imports-loader": "^5.0.0",
     "jest": "^29.5.0",
     "jest-environment-jsdom": "^29.5.0",
-    "mini-css-extract-plugin": "^2.9.1",
     "prettier": "^2.8.7",
     "replace-in-file-webpack-plugin": "^1.0.6",
     "sass": "1.63.2",
@@ -58,6 +57,7 @@
     "webpack": "^5.94.0",
     "webpack-cli": "^5.1.4",
     "webpack-livereload-plugin": "^3.0.2",
+    "webpack-subresource-integrity": "^5.1.0",
     "webpack-virtual-modules": "^0.6.2"
   },
   "engines": {
@@ -65,11 +65,11 @@
   },
   "dependencies": {
     "@emotion/css": "11.10.6",
-    "@grafana/data": "^11.2.0",
-    "@grafana/runtime": "^11.2.0",
-    "@grafana/ui": "^11.2.0",
+    "@grafana/data": "^11.2.2",
+    "@grafana/runtime": "^11.2.2",
+    "@grafana/ui": "^11.2.2",
     "@grafana/schema": "^10.4.0",{{#if_eq pluginType "scenesapp"}}
-    "@grafana/scenes": "^5.14.7",{{/if_eq}}
+    "@grafana/scenes": "^5.16.3",{{/if_eq}}
     "react": "18.2.0",
     "react-dom": "18.2.0",{{#if isAppType}}
     "react-router-dom": "^{{ reactRouterVersion }}",

package/templates/common/docker-compose.yaml

@@ -7,7 +7,7 @@ services:
       context: ./.config
       args:
         grafana_image: ${GRAFANA_IMAGE:-{{~grafanaImage~}} }
-        grafana_version: ${GRAFANA_VERSION:-11.2.0}
+        grafana_version: ${GRAFANA_VERSION:-11.2.2}
         development: ${DEVELOPMENT:-false}
     ports:
       - 3000:3000/tcp

package/templates/scenes-app/src/pages/Home/Home.tsx

@@ -28,12 +28,6 @@ const HomePage = () => {
 
   return (
     <>
-      {!config.featureToggles.topnav && (
-        <Alert title="Missing topnav feature toggle">
-          Scenes are designed to work with the new navigation wrapper that will be standard in Grafana 10
-        </Alert>
-      )}
-
       {!config.datasources[DATASOURCE_REF.uid] && (
         <Alert title={`Missing ${DATASOURCE_REF.uid} datasource`}>
           These demos depend on <b>testdata</b> datasource: <code>{JSON.stringify(DATASOURCE_REF)}</code>. See{' '}