plugins: Migrate plugins to vite

frontend/package.json

@@ -165,10 +165,10 @@
  "../app/**/*.{js,jsx,ts,tsx,json,css,scss,md}": [
  "prettier --config package.json --write"
  ],
- "../plugins/headlamp-plugin/{bin,lib,template}/**/*.{ts,tsx}": [
+ "../plugins/headlamp-plugin/{bin,lib}/**/*.{ts,tsx}": [
  "eslint -c package.json --fix"
  ],
- "../plugins/headlamp-plugin/{bin,lib,template}/**/*.{js,jsx,ts,tsx,json,css,scss,md}": [
+ "../plugins/headlamp-plugin/{bin,lib}/**/*.{js,jsx,ts,tsx,json,css,scss,md}": [
  "prettier --config package.json --write"
  ],
  "../plugins/examples/**/*.{ts,tsx}": [

frontend/src/plugin/index.ts

@@ -318,7 +318,7 @@ export async function fetchAndExecutePlugins(
  // Execute plugins inside a context (not in global/window)
  (function (str: string) {
  try {
- const result = eval(str);
+ const result = eval(str + `\n//# sourceURL=main.js`);
  return result;
  } catch (e) {
  // We just continue if there is an error.

frontend/vite.config.ts

@@ -22,6 +22,9 @@ export default defineConfig({
  cors: true,
  },
  plugins: [
+ nodePolyfills({
+ include: ['process', 'buffer', 'stream'],
+ }),
  svgr({
  svgrOptions: {
  prettier: false,
@@ -34,9 +37,6 @@ export default defineConfig({
  },
  }),
  react(),
- nodePolyfills({
- include: ['process', 'buffer', 'stream'],
- }),
  ],
  test: {
  globals: true,

plugins/examples/dynamic-clusters/package.json

@@ -31,5 +31,11 @@
  },
  "devDependencies": {
  "@kinvolk/headlamp-plugin": "^0.9.2"
+ },
+ "dependencies": {
+ "js-yaml": "^4.1.0"
+ },
+ "overrides": {
+ "domain-browser": "npm:dry-uninstall"
  }
 }

plugins/examples/dynamic-clusters/src/index.tsx

@@ -42,7 +42,7 @@ function ClusterCreationButton() {
  const isValidKubeconfig = (base64Kubeconfig: string): string | null => {
  try {
  // Decode the base64-encoded kubeconfig
- const kubeconfig = Buffer.from(base64Kubeconfig, 'base64').toString('utf-8');
+ const kubeconfig = atob(base64Kubeconfig);
 
  // Attempt to parse the kubeconfig as YAML
  const kubeconfigObject: any = yaml.load(kubeconfig);