From 500558bb72d9d6c8e95c934dfbffd699872a4814 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?G=C3=A1bor=20Farkas?= <gabor.farkas@gmail.com>
Date: Mon, 29 Apr 2024 09:55:09 +0200
Subject: [PATCH] mysql decouple frontend part (#86308)

* mysql decouple frontend part

* eslint "fix"

* package version update
---
 .../app/features/plugins/built_in_plugins.ts  |  3 --
 .../app/plugins/datasource/mysql/CHANGELOG.md |  1 +
 .../app/plugins/datasource/mysql/package.json | 41 +++++++++++++++++++
 .../plugins/datasource/mysql/tsconfig.json    |  4 ++
 .../datasource/mysql/webpack.config.ts        |  4 ++
 yarn.lock                                     | 33 ++++++++++++++-
 6 files changed, 82 insertions(+), 4 deletions(-)
 create mode 100644 public/app/plugins/datasource/mysql/CHANGELOG.md
 create mode 100644 public/app/plugins/datasource/mysql/package.json
 create mode 100644 public/app/plugins/datasource/mysql/tsconfig.json
 create mode 100644 public/app/plugins/datasource/mysql/webpack.config.ts

diff --git a/public/app/features/plugins/built_in_plugins.ts b/public/app/features/plugins/built_in_plugins.ts
index 03dd4d2a603..5a0bf8ab763 100644
--- a/public/app/features/plugins/built_in_plugins.ts
+++ b/public/app/features/plugins/built_in_plugins.ts
@@ -15,8 +15,6 @@ const influxdbPlugin = async () =>
 const lokiPlugin = async () => await import(/* webpackChunkName: "lokiPlugin" */ 'app/plugins/datasource/loki/module');
 const mixedPlugin = async () =>
   await import(/* webpackChunkName: "mixedPlugin" */ 'app/plugins/datasource/mixed/module');
-const mysqlPlugin = async () =>
-  await import(/* webpackChunkName: "mysqlPlugin" */ 'app/plugins/datasource/mysql/module');
 const postgresPlugin = async () =>
   await import(/* webpackChunkName: "postgresPlugin" */ 'app/plugins/datasource/grafana-postgresql-datasource/module');
 const prometheusPlugin = async () =>
@@ -83,7 +81,6 @@ const builtInPlugins: Record<string, System.Module | (() => Promise<System.Modul
   'core:plugin/influxdb': influxdbPlugin,
   'core:plugin/loki': lokiPlugin,
   'core:plugin/mixed': mixedPlugin,
-  'core:plugin/mysql': mysqlPlugin,
   'core:plugin/grafana-postgresql-datasource': postgresPlugin,
   'core:plugin/mssql': mssqlPlugin,
   'core:plugin/prometheus': prometheusPlugin,
diff --git a/public/app/plugins/datasource/mysql/CHANGELOG.md b/public/app/plugins/datasource/mysql/CHANGELOG.md
new file mode 100644
index 00000000000..825c32f0d03
--- /dev/null
+++ b/public/app/plugins/datasource/mysql/CHANGELOG.md
@@ -0,0 +1 @@
+# Changelog
diff --git a/public/app/plugins/datasource/mysql/package.json b/public/app/plugins/datasource/mysql/package.json
new file mode 100644
index 00000000000..b9894086ecc
--- /dev/null
+++ b/public/app/plugins/datasource/mysql/package.json
@@ -0,0 +1,41 @@
+{
+  "name": "@grafana-plugins/mysql",
+  "description": "MySQL data source plugin",
+  "private": true,
+  "version": "11.1.0-pre",
+  "dependencies": {
+    "@emotion/css": "11.11.2",
+    "@grafana/data": "11.1.0-pre",
+    "@grafana/experimental": "1.7.10",
+    "@grafana/runtime": "11.1.0-pre",
+    "@grafana/sql": "11.1.0-pre",
+    "@grafana/ui": "11.1.0-pre",
+    "lodash": "4.17.21",
+    "react": "18.2.0",
+    "rxjs": "7.8.1",
+    "tslib": "2.6.2"
+  },
+  "devDependencies": {
+    "@grafana/e2e-selectors": "11.1.0-pre",
+    "@grafana/plugin-configs": "11.1.0-pre",
+    "@testing-library/react": "15.0.2",
+    "@testing-library/user-event": "14.5.2",
+    "@types/jest": "29.5.12",
+    "@types/lodash": "4.17.0",
+    "@types/node": "20.12.7",
+    "@types/react": "18.2.79",
+    "@types/testing-library__jest-dom": "5.14.9",
+    "ts-node": "10.9.2",
+    "typescript": "5.4.5",
+    "webpack": "5.91.0"
+  },
+  "peerDependencies": {
+    "@grafana/runtime": "*"
+  },
+  "scripts": {
+    "build": "webpack -c ./webpack.config.ts --env production",
+    "build:commit": "webpack -c ./webpack.config.ts --env production --env commit=$(git rev-parse --short HEAD)",
+    "dev": "webpack -w -c ./webpack.config.ts --env development"
+  },
+  "packageManager": "yarn@4.1.1"
+}
diff --git a/public/app/plugins/datasource/mysql/tsconfig.json b/public/app/plugins/datasource/mysql/tsconfig.json
new file mode 100644
index 00000000000..7daf2ee8aba
--- /dev/null
+++ b/public/app/plugins/datasource/mysql/tsconfig.json
@@ -0,0 +1,4 @@
+{
+  "extends": "@grafana/plugin-configs/tsconfig.json",
+  "include": ["."]
+}
diff --git a/public/app/plugins/datasource/mysql/webpack.config.ts b/public/app/plugins/datasource/mysql/webpack.config.ts
new file mode 100644
index 00000000000..55a880fef5c
--- /dev/null
+++ b/public/app/plugins/datasource/mysql/webpack.config.ts
@@ -0,0 +1,4 @@
+import config from '@grafana/plugin-configs/webpack.config';
+
+// eslint-disable-next-line no-barrel-files/no-barrel-files
+export default config;
diff --git a/yarn.lock b/yarn.lock
index aaba0617029..cd1e92c3cd3 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -3107,6 +3107,37 @@ __metadata:
   languageName: unknown
   linkType: soft
 
+"@grafana-plugins/mysql@workspace:public/app/plugins/datasource/mysql":
+  version: 0.0.0-use.local
+  resolution: "@grafana-plugins/mysql@workspace:public/app/plugins/datasource/mysql"
+  dependencies:
+    "@emotion/css": "npm:11.11.2"
+    "@grafana/data": "npm:11.1.0-pre"
+    "@grafana/e2e-selectors": "npm:11.1.0-pre"
+    "@grafana/experimental": "npm:1.7.10"
+    "@grafana/plugin-configs": "npm:11.1.0-pre"
+    "@grafana/runtime": "npm:11.1.0-pre"
+    "@grafana/sql": "npm:11.1.0-pre"
+    "@grafana/ui": "npm:11.1.0-pre"
+    "@testing-library/react": "npm:15.0.2"
+    "@testing-library/user-event": "npm:14.5.2"
+    "@types/jest": "npm:29.5.12"
+    "@types/lodash": "npm:4.17.0"
+    "@types/node": "npm:20.12.7"
+    "@types/react": "npm:18.2.79"
+    "@types/testing-library__jest-dom": "npm:5.14.9"
+    lodash: "npm:4.17.21"
+    react: "npm:18.2.0"
+    rxjs: "npm:7.8.1"
+    ts-node: "npm:10.9.2"
+    tslib: "npm:2.6.2"
+    typescript: "npm:5.4.5"
+    webpack: "npm:5.91.0"
+  peerDependencies:
+    "@grafana/runtime": "*"
+  languageName: unknown
+  linkType: soft
+
 "@grafana-plugins/parca@workspace:public/app/plugins/datasource/parca":
   version: 0.0.0-use.local
   resolution: "@grafana-plugins/parca@workspace:public/app/plugins/datasource/parca"
@@ -3834,7 +3865,7 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@grafana/sql@workspace:*, @grafana/sql@workspace:packages/grafana-sql":
+"@grafana/sql@npm:11.1.0-pre, @grafana/sql@workspace:*, @grafana/sql@workspace:packages/grafana-sql":
   version: 0.0.0-use.local
   resolution: "@grafana/sql@workspace:packages/grafana-sql"
   dependencies: