[FEATURE] add trace heatmap chart plugin

package.json

@@ -41,6 +41,7 @@
     "tracetable",
     "tracingganttchart",
     "victorialogs",
+    "traceheatmapchart",
     "e2e"
   ],
   "peerDependencies": {

scripts/npm/npm.go

@@ -20,7 +20,7 @@ import (
 )
 
 func MustGetWorkspaces(dirPath string) []string {
-	excludedWorkspaces := []string{"e2e"}
+	excludedWorkspaces := []string{"e2e", "traceheatmapchart"}
 	workspaces := npm.MustGetWorkspaces(dirPath)
 	return slices.DeleteFunc(workspaces, func(w string) bool {
 		return slices.Contains(excludedWorkspaces, w)

traceheatmapchart/.cjs.swcrc

@@ -0,0 +1,20 @@
+{
+  "$schema": "https://json.schemastore.org/swcrc",
+  "jsc": {
+    "parser": {
+      "syntax": "typescript",
+      "tsx": true
+    },
+    "target": "es2022",
+    "transform": {
+      "react": {
+        "runtime": "automatic",
+        "useBuiltins": true
+      }
+    }
+  },
+  "module": {
+    "type": "commonjs"
+  },
+  "exclude": ["\\.(stories|test)\\."]
+}

traceheatmapchart/.eslintrc.js

@@ -0,0 +1,78 @@
+// Copyright The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+
+module.exports = {
+  extends: [
+    'eslint:recommended',
+    'plugin:react/recommended',
+    'plugin:react-hooks/recommended',
+    'plugin:jsx-a11y/recommended',
+    'plugin:@typescript-eslint/recommended',
+    'plugin:prettier/recommended',
+  ],
+
+  plugins: ['import'],
+
+  env: {
+    commonjs: true,
+    es6: true,
+    jest: true,
+    node: true,
+    browser: true,
+  },
+
+  parser: '@typescript-eslint/parser',
+
+  parserOptions: {
+    ecmaVersion: 2018,
+    sourceType: 'module',
+    ecmaFeatures: {
+      jsx: true,
+    },
+  },
+
+  settings: {
+    react: {
+      version: 'detect',
+    },
+  },
+
+  rules: {
+    'prettier/prettier': 'error',
+    '@typescript-eslint/explicit-function-return-type': 'off',
+    '@typescript-eslint/explicit-module-boundary-types': 'off',
+    '@typescript-eslint/array-type': [
+      'error',
+      {
+        default: 'array-simple',
+      },
+    ],
+    'import/order': 'error',
+    // you must disable the base rule as it can report incorrect errors
+    'no-unused-vars': 'off',
+    '@typescript-eslint/no-unused-vars': ['error', { argsIgnorePattern: '^_' }],
+
+    'react/prop-types': 'off',
+    'react-hooks/exhaustive-deps': 'error',
+    // Not necessary in React 17
+    'react/react-in-jsx-scope': 'off',
+    'react/jsx-curly-brace-presence': ['error', { props: 'never', children: 'never', propElementValues: 'always' }],
+
+    // We use this rule instead of the core eslint `no-duplicate-imports`
+    // because it avoids false errors on cases where we have a regular
+    // import and an `import type`.
+    'import/no-duplicates': 'error',
+  },
+
+  ignorePatterns: ['**/dist'],
+};

traceheatmapchart/.gitignore

@@ -0,0 +1,21 @@
+.idea/
+
+# Local
+.DS_Store
+*.local
+*.log*
+
+# Dist
+node_modules
+dist/
+
+# IDE
+.vscode/*
+!.vscode/extensions.json
+.idea
+
+# generated archives
+*.tar.gz
+
+# external CUE dependencies
+/*/cue.mod/pkg/

traceheatmapchart/.swcrc

@@ -0,0 +1,21 @@
+{
+  "$schema": "https://json.schemastore.org/swcrc",
+  "jsc": {
+    "parser": {
+      "syntax": "typescript",
+      "tsx": true
+    },
+    "target": "es2022",
+    "transform": {
+      "react": {
+        "runtime": "automatic",
+        "useBuiltins": true
+      }
+    }
+  },
+  "module": {
+    "type": "es6"
+  },
+  "sourceMaps": true,
+  "exclude": ["\\.(stories|test)\\."]
+}