From d1417dcd1e9bf7ef8f17ed18ad70cad5ec65740c Mon Sep 17 00:00:00 2001
From: Austin Pond <austin.pond@grafana.com>
Date: Mon, 24 Nov 2025 10:18:03 -0500
Subject: [PATCH] [cli] Remove frontend-static templates as they are no longer
 used.

---
 .../frontend-static/.config/.eslintrc         |  13 --
 .../frontend-static/.config/.prettierrc.js    |  16 --
 .../frontend-static/.config/Dockerfile        |  16 --
 .../frontend-static/.config/README.md         | 164 --------------
 .../frontend-static/.config/jest-setup.js     |  25 --
 .../frontend-static/.config/jest.config.js    |  43 ----
 .../.config/jest/mocks/react-inlinesvg.tsx    |  25 --
 .../frontend-static/.config/jest/utils.js     |  31 ---
 .../frontend-static/.config/tsconfig.json     |  26 ---
 .../frontend-static/.config/types/custom.d.ts |  37 ---
 .../.config/webpack/constants.ts              |   2 -
 .../frontend-static/.config/webpack/utils.ts  |  59 -----
 .../.config/webpack/webpack.config.ts         | 213 ------------------
 .../templates/frontend-static/.eslintrc       |   3 -
 .../templates/frontend-static/.nvmrc          |   1 -
 .../templates/frontend-static/.prettierrc.js  |   4 -
 .../templates/frontend-static/CHANGELOG.md    |   5 -
 .../templates/frontend-static/LICENSE         |   0
 .../templates/frontend-static/README.md       |   3 -
 .../templates/frontend-static/jest-setup.js   |   2 -
 .../templates/frontend-static/jest.config.js  |   8 -
 .../templates/frontend-static/src/App.tsx     |  13 --
 .../src/components/Routes/Routes.tsx          |  20 --
 .../src/components/Routes/index.tsx           |   1 -
 .../templates/frontend-static/src/module.ts   |   5 -
 .../frontend-static/src/pages/index.tsx       |   1 -
 .../frontend-static/src/pages/main.tsx        |  24 --
 .../templates/frontend-static/src/types.ts    |  10 -
 .../frontend-static/src/utils/utils.plugin.ts |  17 --
 .../src/utils/utils.routing.ts                |  62 -----
 .../templates/frontend-static/tsconfig.json   |   3 -
 31 files changed, 852 deletions(-)
 delete mode 100644 cmd/grafana-app-sdk/templates/frontend-static/.config/.eslintrc
 delete mode 100644 cmd/grafana-app-sdk/templates/frontend-static/.config/.prettierrc.js
 delete mode 100644 cmd/grafana-app-sdk/templates/frontend-static/.config/Dockerfile
 delete mode 100644 cmd/grafana-app-sdk/templates/frontend-static/.config/README.md
 delete mode 100644 cmd/grafana-app-sdk/templates/frontend-static/.config/jest-setup.js
 delete mode 100644 cmd/grafana-app-sdk/templates/frontend-static/.config/jest.config.js
 delete mode 100644 cmd/grafana-app-sdk/templates/frontend-static/.config/jest/mocks/react-inlinesvg.tsx
 delete mode 100644 cmd/grafana-app-sdk/templates/frontend-static/.config/jest/utils.js
 delete mode 100644 cmd/grafana-app-sdk/templates/frontend-static/.config/tsconfig.json
 delete mode 100644 cmd/grafana-app-sdk/templates/frontend-static/.config/types/custom.d.ts
 delete mode 100644 cmd/grafana-app-sdk/templates/frontend-static/.config/webpack/constants.ts
 delete mode 100644 cmd/grafana-app-sdk/templates/frontend-static/.config/webpack/utils.ts
 delete mode 100644 cmd/grafana-app-sdk/templates/frontend-static/.config/webpack/webpack.config.ts
 delete mode 100644 cmd/grafana-app-sdk/templates/frontend-static/.eslintrc
 delete mode 100644 cmd/grafana-app-sdk/templates/frontend-static/.nvmrc
 delete mode 100644 cmd/grafana-app-sdk/templates/frontend-static/.prettierrc.js
 delete mode 100644 cmd/grafana-app-sdk/templates/frontend-static/CHANGELOG.md
 delete mode 100644 cmd/grafana-app-sdk/templates/frontend-static/LICENSE
 delete mode 100644 cmd/grafana-app-sdk/templates/frontend-static/README.md
 delete mode 100644 cmd/grafana-app-sdk/templates/frontend-static/jest-setup.js
 delete mode 100644 cmd/grafana-app-sdk/templates/frontend-static/jest.config.js
 delete mode 100644 cmd/grafana-app-sdk/templates/frontend-static/src/App.tsx
 delete mode 100644 cmd/grafana-app-sdk/templates/frontend-static/src/components/Routes/Routes.tsx
 delete mode 100644 cmd/grafana-app-sdk/templates/frontend-static/src/components/Routes/index.tsx
 delete mode 100644 cmd/grafana-app-sdk/templates/frontend-static/src/module.ts
 delete mode 100644 cmd/grafana-app-sdk/templates/frontend-static/src/pages/index.tsx
 delete mode 100644 cmd/grafana-app-sdk/templates/frontend-static/src/pages/main.tsx
 delete mode 100644 cmd/grafana-app-sdk/templates/frontend-static/src/types.ts
 delete mode 100644 cmd/grafana-app-sdk/templates/frontend-static/src/utils/utils.plugin.ts
 delete mode 100644 cmd/grafana-app-sdk/templates/frontend-static/src/utils/utils.routing.ts
 delete mode 100644 cmd/grafana-app-sdk/templates/frontend-static/tsconfig.json

diff --git a/cmd/grafana-app-sdk/templates/frontend-static/.config/.eslintrc b/cmd/grafana-app-sdk/templates/frontend-static/.config/.eslintrc
deleted file mode 100644
index 15ae260a..00000000
--- a/cmd/grafana-app-sdk/templates/frontend-static/.config/.eslintrc
+++ /dev/null
@@ -1,13 +0,0 @@
-/*
- * ⚠️⚠️⚠️ 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/create-a-plugin/extend-a-plugin/extend-configurations#extend-the-eslint-config
- */
- {
-  "extends": ["@grafana/eslint-config"],
-  "root": true,
-  "rules": {
-    "react/prop-types": "off"
-  }
-}
diff --git a/cmd/grafana-app-sdk/templates/frontend-static/.config/.prettierrc.js b/cmd/grafana-app-sdk/templates/frontend-static/.config/.prettierrc.js
deleted file mode 100644
index 66a76ec5..00000000
--- a/cmd/grafana-app-sdk/templates/frontend-static/.config/.prettierrc.js
+++ /dev/null
@@ -1,16 +0,0 @@
-/*
- * ⚠️⚠️⚠️ THIS FILE WAS SCAFFOLDED BY `@grafana/create-plugin`. DO NOT EDIT THIS FILE DIRECTLY. ⚠️⚠️⚠️
- *
- * In order to extend the configuration follow the steps in .config/README.md
- */
-
-module.exports = {
-  "endOfLine": "auto",
-  "printWidth": 120,
-  "trailingComma": "es5",
-  "semi": true,
-  "jsxSingleQuote": false,
-  "singleQuote": true,
-  "useTabs": false,
-  "tabWidth": 2
-};
\ No newline at end of file
diff --git a/cmd/grafana-app-sdk/templates/frontend-static/.config/Dockerfile b/cmd/grafana-app-sdk/templates/frontend-static/.config/Dockerfile
deleted file mode 100644
index 09838e17..00000000
--- a/cmd/grafana-app-sdk/templates/frontend-static/.config/Dockerfile
+++ /dev/null
@@ -1,16 +0,0 @@
-ARG grafana_version=latest@sha256:0fa9cbdd2826d3866238a22f12330aa70f263129324509756fe0ee1b570a8e21
-ARG grafana_image=grafana-enterprise
-
-FROM grafana/${grafana_image}:${grafana_version}
-
-# Make it as simple as possible to access the grafana instance for development purposes
-# Do NOT enable these settings in a public facing / production grafana instance
-ENV GF_AUTH_ANONYMOUS_ORG_ROLE "Admin"
-ENV GF_AUTH_ANONYMOUS_ENABLED "true"
-ENV GF_AUTH_BASIC_ENABLED "false"
-# Set development mode so plugins can be loaded without the need to sign
-ENV GF_DEFAULT_APP_MODE "development"
-
-# Inject livereload script into grafana index.html
-USER root
-RUN sed -i 's/<\/body><\/html>/<script src=\"http:\/\/localhost:35729\/livereload.js\"><\/script><\/body><\/html>/g' /usr/share/grafana/public/views/index.html
\ No newline at end of file
diff --git a/cmd/grafana-app-sdk/templates/frontend-static/.config/README.md b/cmd/grafana-app-sdk/templates/frontend-static/.config/README.md
deleted file mode 100644
index a23b6d17..00000000
--- a/cmd/grafana-app-sdk/templates/frontend-static/.config/README.md
+++ /dev/null
@@ -1,164 +0,0 @@
-# Default build configuration by Grafana
-
-**This is an auto-generated directory and is not intended to be changed! ⚠️**
-
-The `.config/` directory holds basic configuration for the different tools
-that are used to develop, test and build the project. In order to make it updates easier we ask you to
-not edit files in this folder to extend configuration.
-
-## How to extend the basic configs?
-
-Bear in mind that you are doing it at your own risk, and that extending any of the basic configuration can lead
-to issues around working with the project.
-
-### Extending the ESLint config
-
-Edit the `.eslintrc` file in the project root in order to extend the ESLint configuration.
-
-**Example:**
-
-```json
-{
-  "extends": "./.config/.eslintrc",
-  "rules": {
-    "react/prop-types": "off"
-  }
-}
-```
-
----
-
-### Extending the Prettier config
-
-Edit the `.prettierrc.js` file in the project root in order to extend the Prettier configuration.
-
-**Example:**
-
-```javascript
-module.exports = {
-  // Prettier configuration provided by Grafana scaffolding
-  ...require('./.config/.prettierrc.js'),
-
-  semi: false,
-};
-```
-
----
-
-### Extending the Jest config
-
-There are two configuration in the project root that belong to Jest: `jest-setup.js` and `jest.config.js`.
-
-**`jest-setup.js`:** A file that is run before each test file in the suite is executed. We are using it to
-set up the Jest DOM for the testing library and to apply some polyfills. ([link to Jest docs](https://jestjs.io/docs/configuration#setupfilesafterenv-array))
-
-**`jest.config.js`:** The main Jest configuration file that extends the Grafana recommended setup. ([link to Jest docs](https://jestjs.io/docs/configuration))
-
-#### ESM errors with Jest
-
-A common issue with the current jest config involves importing an npm package that only offers an ESM build. These packages cause jest to error with `SyntaxError: Cannot use import statement outside a module`. To work around this, we provide a list of known packages to pass to the `[transformIgnorePatterns](https://jestjs.io/docs/configuration#transformignorepatterns-arraystring)` jest configuration property. If need be, this can be extended in the following way:
-
-```javascript
-process.env.TZ = 'UTC';
-const { grafanaESModules, nodeModulesToTransform } = require('./config/jest/utils');
-
-module.exports = {
-  // Jest configuration provided by Grafana
-  ...require('./.config/jest.config'),
-  // Inform jest to only transform specific node_module packages.
-  transformIgnorePatterns: [nodeModulesToTransform([...grafanaESModules, 'packageName'])],
-};
-```
-
----
-
-### Extending the TypeScript config
-
-Edit the `tsconfig.json` file in the project root in order to extend the TypeScript configuration.
-
-**Example:**
-
-```json
-{
-  "extends": "./.config/tsconfig.json",
-  "compilerOptions": {
-    "preserveConstEnums": true
-  }
-}
-```
-
----
-
-### Extending the Webpack config
-
-Follow these steps to extend the basic Webpack configuration that lives under `.config/`:
-
-#### 1. Create a new Webpack configuration file
-
-Create a new config file that is going to extend the basic one provided by Grafana.
-It can live in the project root, e.g. `webpack.config.ts`.
-
-#### 2. Merge the basic config provided by Grafana and your custom setup
-
-We are going to use [`webpack-merge`](https://github.com/survivejs/webpack-merge) for this.
-
-```typescript
-// webpack.config.ts
-import type { Configuration } from 'webpack';
-import { merge } from 'webpack-merge';
-import grafanaConfig from './.config/webpack/webpack.config';
-
-const config = async (env): Promise<Configuration> => {
-  const baseConfig = await grafanaConfig(env);
-
-  return merge(baseConfig, {
-    // Add custom config here...
-    output: {
-      asyncChunks: true,
-    },
-  });
-};
-
-export default config;
-```
-
-#### 3. Update the `package.json` to use the new Webpack config
-
-We need to update the `scripts` in the `package.json` to use the extended Webpack configuration.
-
-**Update for `build`:**
-
-```diff
--"build": "webpack -c ./.config/webpack/webpack.config.ts --env production",
-+"build": "webpack -c ./webpack.config.ts --env production",
-```
-
-**Update for `dev`:**
-
-```diff
--"dev": "webpack -w -c ./.config/webpack/webpack.config.ts --env development",
-+"dev": "webpack -w -c ./webpack.config.ts --env development",
-```
-
-### 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 behavior, simply alter the `docker-compose.yaml` by adding the following build arg `grafana_image`.
-
-**Example:**
-
-```yaml
-version: '3.7'
-
-services:
-  grafana:
-    container_name: 'myorg-basic-app'
-    build:
-      context: ./.config
-      args:
-        grafana_version: ${GRAFANA_VERSION:-9.1.2}
-        grafana_image: ${GRAFANA_IMAGE:-grafana}
-```
-
-In this example, we assign the environment variable `GRAFANA_IMAGE` to the build arg `grafana_image` with a default value of `grafana`. This will allow you to set the value while running the docker-compose commands, which might be convenient in some scenarios.
-
----
diff --git a/cmd/grafana-app-sdk/templates/frontend-static/.config/jest-setup.js b/cmd/grafana-app-sdk/templates/frontend-static/.config/jest-setup.js
deleted file mode 100644
index 1b9fc2f8..00000000
--- a/cmd/grafana-app-sdk/templates/frontend-static/.config/jest-setup.js
+++ /dev/null
@@ -1,25 +0,0 @@
-/*
- * ⚠️⚠️⚠️ 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/create-a-plugin/extend-a-plugin/extend-configurations#extend-the-jest-config
- */
-
-import '@testing-library/jest-dom';
-
-// https://jestjs.io/docs/manual-mocks#mocking-methods-which-are-not-implemented-in-jsdom
-Object.defineProperty(global, 'matchMedia', {
-  writable: true,
-  value: jest.fn().mockImplementation((query) => ({
-    matches: false,
-    media: query,
-    onchange: null,
-    addListener: jest.fn(), // deprecated
-    removeListener: jest.fn(), // deprecated
-    addEventListener: jest.fn(),
-    removeEventListener: jest.fn(),
-    dispatchEvent: jest.fn(),
-  })),
-});
-
-HTMLCanvasElement.prototype.getContext = () => {};
diff --git a/cmd/grafana-app-sdk/templates/frontend-static/.config/jest.config.js b/cmd/grafana-app-sdk/templates/frontend-static/.config/jest.config.js
deleted file mode 100644
index 94489cb2..00000000
--- a/cmd/grafana-app-sdk/templates/frontend-static/.config/jest.config.js
+++ /dev/null
@@ -1,43 +0,0 @@
-/*
- * ⚠️⚠️⚠️ 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/create-a-plugin/extend-a-plugin/extend-configurations#extend-the-jest-config
- */
-
-const path = require('path');
-const { grafanaESModules, nodeModulesToTransform } = require('./jest/utils');
-
-module.exports = {
-  moduleNameMapper: {
-    '\\.(css|scss|sass)$': 'identity-obj-proxy',
-    'react-inlinesvg': path.resolve(__dirname, 'jest', 'mocks', 'react-inlinesvg.tsx'),
-  },
-  modulePaths: ['<rootDir>/src'],
-  setupFilesAfterEnv: ['<rootDir>/jest-setup.js'],
-  testEnvironment: 'jest-environment-jsdom',
-  testMatch: [
-    '<rootDir>/src/**/__tests__/**/*.{js,jsx,ts,tsx}',
-    '<rootDir>/src/**/*.{spec,test,jest}.{js,jsx,ts,tsx}',
-    '<rootDir>/src/**/*.{spec,test,jest}.{js,jsx,ts,tsx}',
-  ],
-  transform: {
-    '^.+\\.(t|j)sx?$': [
-      '@swc/jest',
-      {
-        sourceMaps: 'inline',
-        jsc: {
-          parser: {
-            syntax: 'typescript',
-            tsx: true,
-            decorators: false,
-            dynamicImport: true,
-          },
-        },
-      },
-    ],
-  },
-  // Jest will throw `Cannot use import statement outside module` if it tries to load an
-  // ES module without it being transformed first. ./config/README.md#esm-errors-with-jest
-  transformIgnorePatterns: [nodeModulesToTransform(grafanaESModules)],
-};
diff --git a/cmd/grafana-app-sdk/templates/frontend-static/.config/jest/mocks/react-inlinesvg.tsx b/cmd/grafana-app-sdk/templates/frontend-static/.config/jest/mocks/react-inlinesvg.tsx
deleted file mode 100644
index d540f3aa..00000000
--- a/cmd/grafana-app-sdk/templates/frontend-static/.config/jest/mocks/react-inlinesvg.tsx
+++ /dev/null
@@ -1,25 +0,0 @@
-// Due to the grafana/ui Icon component making fetch requests to
-// `/public/img/icon/<icon_name>.svg` we need to mock react-inlinesvg to prevent
-// the failed fetch requests from displaying errors in console.
-
-import React from 'react';
-
-type Callback = (...args: any[]) => void;
-
-export interface StorageItem {
-  content: string;
-  queue: Callback[];
-  status: string;
-}
-
-export const cacheStore: { [key: string]: StorageItem } = Object.create(null);
-
-const SVG_FILE_NAME_REGEX = /(.+)\/(.+)\.svg$/;
-
-const InlineSVG = ({ src }: { src: string }) => {
-  // testId will be the file name without extension (e.g. `public/img/icons/angle-double-down.svg` -> `angle-double-down`)
-  const testId = src.replace(SVG_FILE_NAME_REGEX, '$2');
-  return <svg xmlns="http://www.w3.org/2000/svg" data-testid={testId} viewBox="0 0 24 24" />;
-};
-
-export default InlineSVG;
diff --git a/cmd/grafana-app-sdk/templates/frontend-static/.config/jest/utils.js b/cmd/grafana-app-sdk/templates/frontend-static/.config/jest/utils.js
deleted file mode 100644
index fdca0dec..00000000
--- a/cmd/grafana-app-sdk/templates/frontend-static/.config/jest/utils.js
+++ /dev/null
@@ -1,31 +0,0 @@
-/*
- * ⚠️⚠️⚠️ THIS FILE WAS SCAFFOLDED BY `@grafana/create-plugin`. DO NOT EDIT THIS FILE DIRECTLY. ⚠️⚠️⚠️
- *
- * In order to extend the configuration follow the steps in .config/README.md
- */
-
-/*
- * This utility function is useful in combination with jest `transformIgnorePatterns` config
- * to transform specific packages (e.g.ES modules) in a projects node_modules folder.
- */
-const nodeModulesToTransform = (moduleNames) => `node_modules\/(?!.*(${moduleNames.join('|')})\/.*)`;
-
-// 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',
-];
-
-module.exports = {
-  nodeModulesToTransform,
-  grafanaESModules,
-};
diff --git a/cmd/grafana-app-sdk/templates/frontend-static/.config/tsconfig.json b/cmd/grafana-app-sdk/templates/frontend-static/.config/tsconfig.json
deleted file mode 100644
index a606c5cf..00000000
--- a/cmd/grafana-app-sdk/templates/frontend-static/.config/tsconfig.json
+++ /dev/null
@@ -1,26 +0,0 @@
-/*
- * ⚠️⚠️⚠️ 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/create-a-plugin/extend-a-plugin/extend-configurations#extend-the-typescript-config
- */
- {
-  "compilerOptions": {
-    "alwaysStrict": true,
-    "declaration": false,
-    "rootDir": "../src",
-    "baseUrl": "../src",
-    "typeRoots": ["../node_modules/@types"],
-    "resolveJsonModule": true
-  },
-  "ts-node": {
-    "compilerOptions": {
-      "module": "commonjs",
-      "target": "es5",
-      "esModuleInterop": true
-    },
-    "transpileOnly": true
-  },
-  "include": ["../src", "./types"],
-  "extends": "@grafana/tsconfig"
-}
diff --git a/cmd/grafana-app-sdk/templates/frontend-static/.config/types/custom.d.ts b/cmd/grafana-app-sdk/templates/frontend-static/.config/types/custom.d.ts
deleted file mode 100644
index 64e6eaa6..00000000
--- a/cmd/grafana-app-sdk/templates/frontend-static/.config/types/custom.d.ts
+++ /dev/null
@@ -1,37 +0,0 @@
-// Image declarations
-declare module '*.gif' {
-  const src: string;
-  export default src;
-}
-
-declare module '*.jpg' {
-  const src: string;
-  export default src;
-}
-
-declare module '*.jpeg' {
-  const src: string;
-  export default src;
-}
-
-declare module '*.png' {
-  const src: string;
-  export default src;
-}
-
-declare module '*.webp' {
-  const src: string;
-  export default src;
-}
-
-declare module '*.svg' {
-  const content: string;
-  export default content;
-}
-
-// Font declarations
-declare module '*.woff';
-declare module '*.woff2';
-declare module '*.eot';
-declare module '*.ttf';
-declare module '*.otf';
diff --git a/cmd/grafana-app-sdk/templates/frontend-static/.config/webpack/constants.ts b/cmd/grafana-app-sdk/templates/frontend-static/.config/webpack/constants.ts
deleted file mode 100644
index 071e4fd3..00000000
--- a/cmd/grafana-app-sdk/templates/frontend-static/.config/webpack/constants.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export const SOURCE_DIR = 'src';
-export const DIST_DIR = 'dist';
diff --git a/cmd/grafana-app-sdk/templates/frontend-static/.config/webpack/utils.ts b/cmd/grafana-app-sdk/templates/frontend-static/.config/webpack/utils.ts
deleted file mode 100644
index 144ea195..00000000
--- a/cmd/grafana-app-sdk/templates/frontend-static/.config/webpack/utils.ts
+++ /dev/null
@@ -1,59 +0,0 @@
-import fs from 'fs';
-import process from 'process';
-import os from 'os';
-import path from 'path';
-import util from 'util';
-import { glob } from 'glob';
-import { SOURCE_DIR } from './constants';
-
-
-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'));
-}
-
-export function getPluginJson() {
-  return require(path.resolve(process.cwd(), `${SOURCE_DIR}/plugin.json`));
-}
-
-export function hasReadme() {
-  return fs.existsSync(path.resolve(process.cwd(), SOURCE_DIR, 'README.md'));
-}
-
-// 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 glob('**/src/**/plugin.json', { absolute: true });
-
-  const plugins = await Promise.all(pluginsJson.map((pluginJson) => {
-      const folder = path.dirname(pluginJson);
-      return glob(`${folder}/module.{ts,tsx,js,jsx}`, { absolute: true });
-    })
-  );
-
-  return plugins.reduce((result, modules) => {
-    return modules.reduce((result, module) => {
-      const pluginPath = path.dirname(module);
-      const pluginName = path.relative(process.cwd(), pluginPath).replace(/src\/?/i, '');
-      const entryName = pluginName === '' ? 'module' : `${pluginName}/module`;
-
-      result[entryName] = module;
-      return result;
-    }, result);
-  }, {});
-}
diff --git a/cmd/grafana-app-sdk/templates/frontend-static/.config/webpack/webpack.config.ts b/cmd/grafana-app-sdk/templates/frontend-static/.config/webpack/webpack.config.ts
deleted file mode 100644
index de177ef5..00000000
--- a/cmd/grafana-app-sdk/templates/frontend-static/.config/webpack/webpack.config.ts
+++ /dev/null
@@ -1,213 +0,0 @@
-/*
- * ⚠️⚠️⚠️ 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/create-a-plugin/extend-a-plugin/extend-configurations#extend-the-webpack-config
- */
-
-import CopyWebpackPlugin from 'copy-webpack-plugin';
-import ESLintPlugin from 'eslint-webpack-plugin';
-import ForkTsCheckerWebpackPlugin from 'fork-ts-checker-webpack-plugin';
-import LiveReloadPlugin from 'webpack-livereload-plugin';
-import path from 'path';
-import ReplaceInFileWebpackPlugin from 'replace-in-file-webpack-plugin';
-import { Configuration } from 'webpack';
-
-import { getPackageJson, getPluginJson, hasReadme, getEntries, isWSL } from './utils';
-import { SOURCE_DIR, DIST_DIR } from './constants';
-
-const pluginJson = getPluginJson();
-
-const config = async (env): Promise<Configuration> => {
-  const baseConfig: Configuration = {
-    cache: {
-      type: 'filesystem',
-      buildDependencies: {
-        config: [__filename],
-      },
-    },
-
-    context: path.join(process.cwd(), SOURCE_DIR),
-
-    devtool: env.production ? 'source-map' : 'eval-source-map',
-
-    entry: await getEntries(),
-
-    externals: [
-      'lodash',
-      'jquery',
-      'moment',
-      'slate',
-      'emotion',
-      '@emotion/react',
-      '@emotion/css',
-      'prismjs',
-      'slate-plain-serializer',
-      '@grafana/slate-react',
-      'react',
-      'react-dom',
-      'react-redux',
-      'redux',
-      'rxjs',
-      'react-router',
-      'react-router-dom',
-      'd3',
-      'angular',
-      '@grafana/ui',
-      '@grafana/runtime',
-      '@grafana/data',
-
-      // Mark legacy SDK imports as external if their name starts with the "grafana/" prefix
-      ({ request }, callback) => {
-        const prefix = 'grafana/';
-        const hasPrefix = (request) => request.indexOf(prefix) === 0;
-        const stripPrefix = (request) => request.substr(prefix.length);
-
-        if (hasPrefix(request)) {
-          return callback(undefined, stripPrefix(request));
-        }
-
-        callback();
-      },
-    ],
-
-    mode: env.production ? 'production' : 'development',
-
-    module: {
-      rules: [
-        {
-          exclude: /(node_modules)/,
-          test: /\.[tj]sx?$/,
-          use: {
-            loader: 'swc-loader',
-            options: {
-              jsc: {
-                baseUrl: './src',
-                target: 'es2015',
-                loose: false,
-                parser: {
-                  syntax: 'typescript',
-                  tsx: true,
-                  decorators: false,
-                  dynamicImport: true,
-                },
-              },
-            },
-          },
-        },
-        {
-          test: /\.css$/,
-          use: ["style-loader", "css-loader"]
-        },
-        {
-          test: /\.s[ac]ss$/,
-          use: ['style-loader', 'css-loader', 'sass-loader'],
-        },
-        {
-          test: /\.(png|jpe?g|gif|svg)$/,
-          type: 'asset/resource',
-          generator: {
-            // Keep publicPath relative for host.com/grafana/ deployments
-            publicPath: `public/plugins/${pluginJson.id}/img/`,
-            outputPath: 'img/',
-            filename: Boolean(env.production) ? '[hash][ext]' : '[name][ext]',
-          },
-        },
-        {
-          test: /\.(woff|woff2|eot|ttf|otf)(\?v=\d+\.\d+\.\d+)?$/,
-          type: 'asset/resource',
-          generator: {
-            // Keep publicPath relative for host.com/grafana/ deployments
-            publicPath: `public/plugins/${pluginJson.id}/fonts/`,
-            outputPath: 'fonts/',
-            filename: Boolean(env.production) ? '[hash][ext]' : '[name][ext]',
-          },
-        },
-      ],
-    },
-
-    output: {
-      clean: {
-        keep: new RegExp(`(.*?_(amd64|arm(64)?)(.exe)?|go_plugin_build_manifest)`),
-      },
-      filename: '[name].js',
-      library: {
-        type: 'amd',
-      },
-      path: path.resolve(process.cwd(), DIST_DIR),
-      publicPath: `public/plugins/${pluginJson.id}/`,
-    },
-
-    plugins: [
-      new CopyWebpackPlugin({
-        patterns: [
-          // If src/README.md exists use it; otherwise the root README
-          // To `compiler.options.output`
-          { from: hasReadme() ? 'README.md' : '../README.md', to: '.', force: true },
-          { from: 'plugin.json', to: '.' },
-          { from: '../LICENSE', to: '.' },
-          { from: '../CHANGELOG.md', to: '.', force: true },
-          { from: '**/*.json', to: '.' }, // TODO<Add an error for checking the basic structure of the repo>
-          { from: '**/*.svg', to: '.', noErrorOnMissing: true }, // Optional
-          { from: '**/*.png', to: '.', noErrorOnMissing: true }, // Optional
-          { from: '**/*.html', to: '.', noErrorOnMissing: true }, // Optional
-          { from: 'img/**/*', to: '.', noErrorOnMissing: true }, // Optional
-          { from: 'libs/**/*', to: '.', noErrorOnMissing: true }, // Optional
-          { from: 'static/**/*', to: '.', noErrorOnMissing: true }, // Optional
-        ],
-      }),
-      // Replace certain template-variables in the README and plugin.json
-      new ReplaceInFileWebpackPlugin([
-        {
-          dir: DIST_DIR,
-          files: ['plugin.json', 'README.md'],
-          rules: [
-            {
-              search: /\%VERSION\%/g,
-              replace: getPackageJson().version,
-            },
-            {
-              search: /\%TODAY\%/g,
-              replace: new Date().toISOString().substring(0, 10),
-            },
-            {
-              search: /\%PLUGIN_ID\%/g,
-              replace: pluginJson.id,
-            },
-          ],
-        },
-      ]),
-      new ForkTsCheckerWebpackPlugin({
-        async: Boolean(env.development),
-        issue: {
-          include: [{ file: '**/*.{ts,tsx}' }],
-        },
-        typescript: { configFile: path.join(process.cwd(), 'tsconfig.json') },
-      }),
-      new ESLintPlugin({
-        extensions: ['.ts', '.tsx'],
-        lintDirtyModulesOnly: Boolean(env.development), // don't lint on start, only lint changed files
-      }),
-      ...(env.development ? [new LiveReloadPlugin()] : []),
-    ],
-
-    resolve: {
-      extensions: ['.js', '.jsx', '.ts', '.tsx'],
-      // handle resolving "rootDir" paths
-      modules: [path.resolve(process.cwd(), 'src'), 'node_modules'],
-      unsafeCache: true,
-    },
-  };
-
-  if (isWSL()) {
-    baseConfig.watchOptions = {
-      poll: 3000,
-      ignored: /node_modules/,
-    };
-  }
-
-  return baseConfig;
-
-};
-
-export default config;
diff --git a/cmd/grafana-app-sdk/templates/frontend-static/.eslintrc b/cmd/grafana-app-sdk/templates/frontend-static/.eslintrc
deleted file mode 100644
index 01e61dfc..00000000
--- a/cmd/grafana-app-sdk/templates/frontend-static/.eslintrc
+++ /dev/null
@@ -1,3 +0,0 @@
-{
-  "extends": "./.config/.eslintrc"
-}
\ No newline at end of file
diff --git a/cmd/grafana-app-sdk/templates/frontend-static/.nvmrc b/cmd/grafana-app-sdk/templates/frontend-static/.nvmrc
deleted file mode 100644
index 19c7bdba..00000000
--- a/cmd/grafana-app-sdk/templates/frontend-static/.nvmrc
+++ /dev/null
@@ -1 +0,0 @@
-16
\ No newline at end of file
diff --git a/cmd/grafana-app-sdk/templates/frontend-static/.prettierrc.js b/cmd/grafana-app-sdk/templates/frontend-static/.prettierrc.js
deleted file mode 100644
index aaa5045c..00000000
--- a/cmd/grafana-app-sdk/templates/frontend-static/.prettierrc.js
+++ /dev/null
@@ -1,4 +0,0 @@
-module.exports = {
-  // Prettier configuration provided by Grafana scaffolding
-  ...require("./.config/.prettierrc.js")
-};
\ No newline at end of file
diff --git a/cmd/grafana-app-sdk/templates/frontend-static/CHANGELOG.md b/cmd/grafana-app-sdk/templates/frontend-static/CHANGELOG.md
deleted file mode 100644
index 4451c494..00000000
--- a/cmd/grafana-app-sdk/templates/frontend-static/CHANGELOG.md
+++ /dev/null
@@ -1,5 +0,0 @@
-# Changelog
-
-## 1.0.0 (Unreleased)
-
-Initial release.
\ No newline at end of file
diff --git a/cmd/grafana-app-sdk/templates/frontend-static/LICENSE b/cmd/grafana-app-sdk/templates/frontend-static/LICENSE
deleted file mode 100644
index e69de29b..00000000
diff --git a/cmd/grafana-app-sdk/templates/frontend-static/README.md b/cmd/grafana-app-sdk/templates/frontend-static/README.md
deleted file mode 100644
index 52435235..00000000
--- a/cmd/grafana-app-sdk/templates/frontend-static/README.md
+++ /dev/null
@@ -1,3 +0,0 @@
-# Plugin
-
-TODO
\ No newline at end of file
diff --git a/cmd/grafana-app-sdk/templates/frontend-static/jest-setup.js b/cmd/grafana-app-sdk/templates/frontend-static/jest-setup.js
deleted file mode 100644
index 35a700b7..00000000
--- a/cmd/grafana-app-sdk/templates/frontend-static/jest-setup.js
+++ /dev/null
@@ -1,2 +0,0 @@
-// Jest setup provided by Grafana scaffolding
-import './.config/jest-setup';
diff --git a/cmd/grafana-app-sdk/templates/frontend-static/jest.config.js b/cmd/grafana-app-sdk/templates/frontend-static/jest.config.js
deleted file mode 100644
index 79fd52a1..00000000
--- a/cmd/grafana-app-sdk/templates/frontend-static/jest.config.js
+++ /dev/null
@@ -1,8 +0,0 @@
-// force timezone to UTC to allow tests to work regardless of local timezone
-// generally used by snapshots, but can affect specific tests
-process.env.TZ = 'UTC';
-
-module.exports = {
-  // Jest configuration provided by Grafana scaffolding
-  ...require('./.config/jest.config'),
-};
diff --git a/cmd/grafana-app-sdk/templates/frontend-static/src/App.tsx b/cmd/grafana-app-sdk/templates/frontend-static/src/App.tsx
deleted file mode 100644
index 0d765009..00000000
--- a/cmd/grafana-app-sdk/templates/frontend-static/src/App.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-import * as React from 'react';
-import { AppRootProps } from '@grafana/data';
-import { PluginPropsContext } from 'utils/utils.plugin';
-import { Routes } from 'components/Routes';
-import { JsonData } from './types';
-
-export const App = (props: AppRootProps<JsonData>) => {
-    return (
-        <PluginPropsContext.Provider value={props}>
-            <Routes />
-        </PluginPropsContext.Provider>
-    );
-};
diff --git a/cmd/grafana-app-sdk/templates/frontend-static/src/components/Routes/Routes.tsx b/cmd/grafana-app-sdk/templates/frontend-static/src/components/Routes/Routes.tsx
deleted file mode 100644
index 3e1ca2d5..00000000
--- a/cmd/grafana-app-sdk/templates/frontend-static/src/components/Routes/Routes.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import * as React from 'react';
-import { Route, Switch, Redirect } from 'react-router-dom';
-import { useNavigation, prefixRoute } from 'utils/utils.routing';
-import { ROUTES } from '../../constants';
-import { MainPage } from '../../pages';
-
-export const Routes = () => {
-  useNavigation();
-
-  return (
-    <Switch>
-      <Route exact path={prefixRoute(ROUTES.Main)} component={MainPage} />
-
-      {/* Default page */}
-      <Route exact path="*">
-        <Redirect to={prefixRoute(ROUTES.Main)} />
-      </Route>
-    </Switch>
-  );
-};
diff --git a/cmd/grafana-app-sdk/templates/frontend-static/src/components/Routes/index.tsx b/cmd/grafana-app-sdk/templates/frontend-static/src/components/Routes/index.tsx
deleted file mode 100644
index 2f80a5cc..00000000
--- a/cmd/grafana-app-sdk/templates/frontend-static/src/components/Routes/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export * from './Routes';
diff --git a/cmd/grafana-app-sdk/templates/frontend-static/src/module.ts b/cmd/grafana-app-sdk/templates/frontend-static/src/module.ts
deleted file mode 100644
index 6f5efa5a..00000000
--- a/cmd/grafana-app-sdk/templates/frontend-static/src/module.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-import { AppPlugin, AppRootProps } from '@grafana/data';
-import { ComponentClass } from 'react';
-import { App } from './App';
-
-export const plugin = new AppPlugin().setRootPage(App as unknown as ComponentClass<AppRootProps>);
diff --git a/cmd/grafana-app-sdk/templates/frontend-static/src/pages/index.tsx b/cmd/grafana-app-sdk/templates/frontend-static/src/pages/index.tsx
deleted file mode 100644
index aad1ca83..00000000
--- a/cmd/grafana-app-sdk/templates/frontend-static/src/pages/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export * from './main';
diff --git a/cmd/grafana-app-sdk/templates/frontend-static/src/pages/main.tsx b/cmd/grafana-app-sdk/templates/frontend-static/src/pages/main.tsx
deleted file mode 100644
index d214d632..00000000
--- a/cmd/grafana-app-sdk/templates/frontend-static/src/pages/main.tsx
+++ /dev/null
@@ -1,24 +0,0 @@
-import * as React from 'react';
-import { css } from '@emotion/css';
-import { GrafanaTheme2 } from '@grafana/data';
-import { useStyles2 } from '@grafana/ui';
-
-
-// TodoList represents the plugin page that list todos.
-// Within this page the user can list, create and delete todos.
-export const MainPage = () => {
-  useStyles2(getStyles);
-
-  return (
-      <div>
-        <h1>Main Landing Page</h1>
-        <div>This is your main landing page</div>
-      </div>
-  );
-};
-
-const getStyles = (theme: GrafanaTheme2) => ({
-  marginTop: css`
-    margin-top: ${theme.spacing(2)};
-  `,
-});
diff --git a/cmd/grafana-app-sdk/templates/frontend-static/src/types.ts b/cmd/grafana-app-sdk/templates/frontend-static/src/types.ts
deleted file mode 100644
index 101644b4..00000000
--- a/cmd/grafana-app-sdk/templates/frontend-static/src/types.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-export type NavItem = {
-  id: string;
-  text: string;
-  icon?: string;
-  url?: string;
-};
-
-export type JsonData = {
-  grafana_instance_id: string;
-};
diff --git a/cmd/grafana-app-sdk/templates/frontend-static/src/utils/utils.plugin.ts b/cmd/grafana-app-sdk/templates/frontend-static/src/utils/utils.plugin.ts
deleted file mode 100644
index 2687f4b7..00000000
--- a/cmd/grafana-app-sdk/templates/frontend-static/src/utils/utils.plugin.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-import React, { useContext } from 'react';
-import { AppRootProps } from '@grafana/data';
-
-// This is used to be able to retrieve the root plugin props anywhere inside the app.
-export const PluginPropsContext = React.createContext<AppRootProps | null>(null);
-
-export const usePluginProps = () => {
-  const pluginProps = useContext(PluginPropsContext);
-
-  return pluginProps;
-};
-
-export const usePluginMeta = () => {
-  const pluginProps = usePluginProps();
-
-  return pluginProps?.meta;
-};
diff --git a/cmd/grafana-app-sdk/templates/frontend-static/src/utils/utils.routing.ts b/cmd/grafana-app-sdk/templates/frontend-static/src/utils/utils.routing.ts
deleted file mode 100644
index c8771f1c..00000000
--- a/cmd/grafana-app-sdk/templates/frontend-static/src/utils/utils.routing.ts
+++ /dev/null
@@ -1,62 +0,0 @@
-import { useEffect } from 'react';
-import { useLocation } from 'react-router-dom';
-import { NavModel, NavModelItem } from '@grafana/data';
-import { usePluginProps } from './utils.plugin';
-import { NAVIGATION, NAVIGATION_TITLE, NAVIGATION_SUBTITLE, PLUGIN_BASE_URL } from '../constants';
-
-// Displays a top navigation tab-bar if needed
-export function useNavigation() {
-  const pluginProps = usePluginProps();
-  const location = useLocation();
-
-  useEffect(() => {
-    if (!pluginProps) {
-      console.error('Root plugin props are not available in the context.');
-      return;
-    }
-
-    const activeId = Object.keys(NAVIGATION).find((routeId) => location.pathname.includes(routeId)) || '';
-    const activeNavItem = NAVIGATION[activeId];
-    const { onNavChanged, meta, basename } = pluginProps;
-
-    // Disable tab navigation
-    // (the route is not registered as a navigation item)
-    if (!activeNavItem) {
-      onNavChanged(undefined as unknown as NavModel);
-    }
-
-    // Show tabbed navigation with the active tab
-    else {
-      onNavChanged(
-          getNavModel({
-            activeId,
-            basePath: basename,
-            logoUrl: meta.info.logos.large,
-          })
-      );
-    }
-  }, [location.pathname, pluginProps]);
-}
-
-// Prefixes the route with the base URL of the plugin
-export function prefixRoute(route: string): string {
-  return `${PLUGIN_BASE_URL}/${route}`;
-}
-
-export function getNavModel({ activeId, basePath, logoUrl }: { activeId: string; basePath: string; logoUrl: string }) {
-  const main = {
-    text: NAVIGATION_TITLE,
-    subTitle: NAVIGATION_SUBTITLE,
-    url: basePath,
-    img: logoUrl,
-    children: Object.values(NAVIGATION).map((navItem) => ({
-      ...navItem,
-      active: navItem.id === activeId,
-    })),
-  } as NavModelItem;
-
-  return {
-    main,
-    node: main,
-  };
-}
diff --git a/cmd/grafana-app-sdk/templates/frontend-static/tsconfig.json b/cmd/grafana-app-sdk/templates/frontend-static/tsconfig.json
deleted file mode 100644
index d294745a..00000000
--- a/cmd/grafana-app-sdk/templates/frontend-static/tsconfig.json
+++ /dev/null
@@ -1,3 +0,0 @@
-{
-  "extends": "./.config/tsconfig.json"
-}
\ No newline at end of file