@kylincloud/flamegraph 0.35.6 → 0.35.7

package/package.json

@@ -1,10 +1,11 @@
 {
   "name": "@kylincloud/flamegraph",
-  "version": "0.35.6",
+  "version": "0.35.7",
   "description": "KylinCloud flamegraph renderer (Pyroscope-based)",
   "license": "Apache-2.0",
-  "main": "dist/index.cjs.js",
+  "main": "dist/index.node.cjs.js",
   "module": "dist/index.esm.js",
+  "browser": "dist/index.esm.js",
   "types": "dist/index.d.ts",
   "sideEffects": [
     "*.css",
@@ -14,10 +15,8 @@
     ".": {
       "types": "./dist/index.d.ts",
       "import": "./dist/index.esm.js",
-      "require": "./dist/index.cjs.js"
-    },
-    "./dist/index.esm.css": "./dist/index.esm.css",
-    "./dist/index.cjs.css": "./dist/index.cjs.css"
+      "require": "./dist/index.node.cjs.js"
+    }
   },
   "files": [
     "dist/**/*",
@@ -27,41 +26,37 @@
     "LICENSE",
     "package.json"
   ],
-  "scripts": {
-    "clean": "rm -rf dist",
-    "build": "pnpm run clean && pnpm run build:types && pnpm run build:js",
-    "build:types": "tsc -p tsconfig.build.json --emitDeclarationOnly",
-    "build:js": "node scripts/build-esbuild.mjs",
-    "type-check": "tsc -p tsconfig.build.json --noEmit",
-    "export:vendor": "npm run build && node scripts/export-vendor.mjs",
-    "lint": "eslint ./ --cache --fix"
-  },
   "peerDependencies": {
+    "@pyroscope/models": "^0.4.7",
+    "graphviz-react": "^1.2.5",
     "react": ">=16.14.0",
-    "react-dom": ">=16.14.0"
+    "react-dom": ">=16.14.0",
+    "true-myth": "^5.1.2",
+    "zod": "^3.11.6"
   },
   "dependencies": {
     "@fortawesome/free-solid-svg-icons": "^7.1.0",
     "@fortawesome/react-fontawesome": "^3.1.1",
-    "@pyroscope/models": "^0.4.7",
     "@react-hook/resize-observer": "^2.0.2",
     "@szhsin/react-menu": "^4.5.1",
     "classnames": "^2.5.1",
     "clsx": "^2.1.1",
     "color": "^5.0.3",
     "d3-scale": "^4.0.2",
-    "graphviz-react": "^1.2.5",
     "lodash.debounce": "^4.0.8",
     "lodash.groupby": "^4.6.0",
     "lodash.map": "^4.6.0",
     "react-debounce-input": "^3.3.0",
     "react-svg-spinner": "^1.0.4",
-    "true-myth": "^5.1.2",
-    "ts-essentials": "^10.1.1",
-    "zod": "^3.22.4"
+    "ts-essentials": "^10.1.1"
   },
   "devDependencies": {
     "@fortawesome/fontawesome-common-types": "^7.1.0",
+    "@rollup/plugin-commonjs": "^29.0.0",
+    "@rollup/plugin-json": "^6.1.0",
+    "@rollup/plugin-node-resolve": "^16.0.3",
+    "@rollup/plugin-terser": "^0.4.4",
+    "@rollup/plugin-typescript": "^12.3.0",
     "@types/classnames": "^2.3.4",
     "@types/color": "^4.2.0",
     "@types/d3-scale": "^4.0.9",
@@ -71,14 +66,21 @@
     "@types/node": "^24.10.1",
     "@types/react": "18.2.66",
     "@types/react-dom": "18.2.22",
-    "esbuild": "^0.27.1",
-    "esbuild-sass-plugin": "^3.3.1",
     "eslint": "^9.0.0",
     "postcss": "^8.5.6",
-    "postcss-modules": "^6.0.1",
     "rollup": "^4.53.3",
+    "rollup-plugin-postcss": "^4.0.2",
     "sass": "^1.94.2",
     "tslib": "^2.8.1",
     "typescript": "5.4.5"
+  },
+  "scripts": {
+    "clean": "rm -rf dist",
+    "build": "pnpm run clean && pnpm run build:types && pnpm run build:js && pnpm run build:assets",
+    "build:types": "tsc -p tsconfig.build.json --emitDeclarationOnly",
+    "build:js": "rollup -c",
+    "build:assets": "cp src/logo-v3-small.svg dist/logo-v3-small.svg || true",
+    "type-check": "tsc -p tsconfig.build.json --noEmit",
+    "lint": "eslint ./ --cache --fix"
   }
 }

package/src/index.node.ts

@@ -1,19 +1,28 @@
-/* eslint-disable import/prefer-default-export */
-// eslint-disable-next-line import/no-extraneous-dependencies
-import Box from './shims/Box';
-import Flamegraph from './FlameGraph/FlameGraphComponent/Flamegraph';
-import { DefaultPalette } from './FlameGraph/FlameGraphComponent/colorPalette';
-import { FlamegraphRenderer } from './FlamegraphRenderer';
-import { convertJaegerTraceToProfile } from './convert/convertJaegerTraceToProfile';
-import { diffTwoProfiles } from './convert/diffTwoProfiles';
-import { subtract } from './convert/subtract';
+// src/index.node.ts
 
+// Node 入口：不引入全局样式，只导出组件和工具函数
+import Box from './shims/Box'
+import Flamegraph from './FlameGraph/FlameGraphComponent/Flamegraph'
+import { FlamegraphRenderer } from './FlamegraphRenderer'
+import { DefaultPalette } from './FlameGraph/FlameGraphComponent/colorPalette'
+import { convertJaegerTraceToProfile } from './convert/convertJaegerTraceToProfile'
+import { diffTwoProfiles } from './convert/diffTwoProfiles'
+
+// ---- 对外导出 API（值） ----
 export {
   Flamegraph,
-  DefaultPalette,
   FlamegraphRenderer,
   Box,
+  DefaultPalette,
   convertJaegerTraceToProfile,
-  diffTwoProfiles,
-  subtract,
-};
+  diffTwoProfiles
+}
+
+// ---- 对外导出 i18n 能力 ----
+export {
+  defaultMessages as flamegraphDefaultMessages,
+  zhCNMessages as flamegraphZhCNMessages,
+  FlamegraphI18nProvider
+} from './i18n'
+
+export type { FlamegraphMessages } from './i18n'

package/src/index.tsx

@@ -1,10 +1,36 @@
 // src/index.tsx
 
-// 主渲染组件
-export { default as FlamegraphRenderer } from './FlameGraph/FlameGraphRenderer';
+// 把全局样式纳入构建流程：使用方只要 import 本库，就会自动注入样式
+import './sass/flamegraph.scss'
 
-// 容器组件
-export { default as Box } from './shims/Box';
+// 基础 UI 组件 & 渲染器
+import Box from './shims/Box'
+import Flamegraph from './FlameGraph/FlameGraphComponent/Flamegraph'
+import { FlamegraphRenderer } from './FlamegraphRenderer'
+import { DefaultPalette } from './FlameGraph/FlameGraphComponent/colorPalette'
 
-// i18n（包含 flamegraphZhCNMessages 等）
-export * from './i18n';
+// 数据转换工具
+import { convertJaegerTraceToProfile } from './convert/convertJaegerTraceToProfile'
+import { diffTwoProfiles } from './convert/diffTwoProfiles'
+
+// ---- 对外导出 API（值） ----
+export {
+  // 组件
+  Flamegraph,
+  FlamegraphRenderer,
+  Box,
+  DefaultPalette,
+  // 工具函数
+  convertJaegerTraceToProfile,
+  diffTwoProfiles
+}
+
+// ---- 对外导出 i18n 能力 ----
+export {
+  defaultMessages as flamegraphDefaultMessages,
+  zhCNMessages as flamegraphZhCNMessages,
+  FlamegraphI18nProvider
+} from './i18n'
+
+// 只导出类型（不会出现在 JS 里）
+export type { FlamegraphMessages } from './i18n'