update via create-plugin

ran

```
npx @grafana/create-plugin@latest update
```

as suggested by

https://grafana.com/developers/plugin-tools/migration-guides/update-create-plugin-versions

followed by a

```
yarn install
```

But the commands in `pacakge.json` are not fully standard so they had to
be adapted to take our local webpack config and execute the
`utils/plugin_json_*` scripts.

Typescript found one more problem in src/utils.ts which was fixed.

Author: BenediktSeidl

.config/.eslintrc

@@ -4,7 +4,7 @@
  * In order to extend the configuration follow the steps in
  * https://grafana.github.io/plugin-tools/docs/advanced-configuration#extending-the-eslint-config
  */
-{
+ {
   "extends": ["@grafana/eslint-config"],
   "root": true,
   "rules": {

.config/README.md

@@ -60,7 +60,7 @@ A common issue found with the current jest config involves importing an npm pack
 
 ```javascript
 process.env.TZ = 'UTC';
-const { grafanaESModules, nodeModulesToTransform } = require('./jest/utils');
+const { grafanaESModules, nodeModulesToTransform } = require('./config/jest/utils');
 
 module.exports = {
   // Jest configuration provided by Grafana
@@ -142,7 +142,7 @@ We need to update the `scripts` in the `package.json` to use the extended Webpac
 
 ### Configure grafana image to use when running docker
 
-By default `grafana-enterprise` will be used as the docker image for all docker related commands. If you want to override this behaviour simply alter the `docker-compose.yaml` by adding the following build arg `grafana_image`.
+By default `grafana-enterprise` will be used as the docker image for all docker related commands. If you want to override this behaviour simply alter the `docker-compose.yaml` by adding the following build arg `grafana_image`. 
 
 **Example:**
 
@@ -161,4 +161,4 @@ services:
 
 In this example we are assigning the environment variable `GRAFANA_IMAGE` to the build arg `grafana_image` with a default value of `grafana`. This will give you the possibility to set the value while running the docker-compose commands which might be convinent in some scenarios.
 
----
+---

.config/jest.config.js

@@ -25,7 +25,7 @@ module.exports = {
     '^.+\\.(t|j)sx?$': [
       '@swc/jest',
       {
-        sourceMaps: true,
+        sourceMaps: 'inline',
         jsc: {
           parser: {
             syntax: 'typescript',

.config/jest/utils.js

@@ -12,13 +12,16 @@ const nodeModulesToTransform = (moduleNames) => `node_modules\/(?!(${moduleNames
 
 // Array of known nested grafana package dependencies that only bundle an ESM version
 const grafanaESModules = [
+  '.pnpm', // Support using pnpm symlinked packages
+  '@grafana/schema',
   'd3',
   'd3-color',
   'd3-force',
   'd3-interpolate',
   'd3-scale-chromatic',
   'ol',
   'react-colorful',
+  'rxjs',
   'uuid',
 ];
 

.config/webpack/utils.ts

@@ -1,10 +1,26 @@
 import { SOURCE_DIR } from './constants';
 import fs from 'fs';
-import glob from 'glob';
+import { glob } from 'glob';
+import os from 'os';
 import path from 'path';
+import process from 'process';
 import util from 'util';
 
-const globAsync = util.promisify(glob);
+export function isWSL() {
+  if (process.platform !== 'linux') {
+    return false;
+  }
+
+  if (os.release().toLowerCase().includes('microsoft')) {
+    return true;
+  }
+
+  try {
+    return fs.readFileSync('/proc/version', 'utf8').toLowerCase().includes('microsoft');
+  } catch {
+    return false;
+  }
+}
 
 export function getPackageJson() {
   return require(path.resolve(process.cwd(), 'package.json'));
@@ -21,12 +37,12 @@ export function hasReadme() {
 // Support bundling nested plugins by finding all plugin.json files in src directory
 // then checking for a sibling module.[jt]sx? file.
 export async function getEntries(): Promise<Record<string, string>> {
-  const pluginsJson = await globAsync('**/src/**/plugin.json', { absolute: true });
+  const pluginsJson = await glob('**/src/**/plugin.json', { absolute: true });
 
   const plugins = await Promise.all(
     pluginsJson.map((pluginJson) => {
       const folder = path.dirname(pluginJson);
-      return globAsync(`${folder}/module.{ts,tsx,js,jsx}`, { absolute: true });
+      return glob(`${folder}/module.{ts,tsx,js,jsx}`, { absolute: true });
     })
   );