@basic-genomics/hivtrace-viz 1.0.0

package/dist/react/HivtraceViz.d.ts

@@ -0,0 +1,8 @@
+/**
+ * HivtraceViz React 组件
+ * 封装 iframe 和 postMessage 通信，提供简洁的 React 接口
+ */
+import type { HivtraceVizProps } from './types';
+export declare function HivtraceViz({ data, options, isDataFetched, showLoadingOnUpdate, onTrackCluster, onFullscreenChange, onReady, onError, error, className, style, emptyState, loadingState, }: HivtraceVizProps): import("react/jsx-runtime").JSX.Element;
+export default HivtraceViz;
+//# sourceMappingURL=HivtraceViz.d.ts.map

package/dist/react/HivtraceViz.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HivtraceViz.d.ts","sourceRoot":"","sources":["../../src/react/HivtraceViz.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,OAAO,KAAK,EAAE,gBAAgB,EAA6C,MAAM,SAAS,CAAC;AA2F3F,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,OAAO,EACP,aAAa,EACb,mBAA0B,EAC1B,cAAc,EACd,kBAAkB,EAClB,OAAO,EACP,OAAO,EACP,KAAK,EACL,SAAS,EACT,KAAK,EACL,UAAU,EACV,YAAY,GACb,EAAE,gBAAgB,2CAiKlB;AAED,eAAe,WAAW,CAAC"}

package/dist/react/HivtraceViz.js

@@ -0,0 +1,169 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * HivtraceViz React 组件
+ * 封装 iframe 和 postMessage 通信，提供简洁的 React 接口
+ */
+import { useEffect, useRef, useState, useCallback } from 'react';
+// iframe 静态资源路径（由 Vite 插件提供）
+const IFRAME_SRC = '/hivtrace-viz/index.html';
+// 检查网络数据是否有效
+function hasValidNetworkData(data) {
+    return Boolean(data?.trace_results?.Nodes &&
+        Object.keys(data.trace_results.Nodes).length > 0);
+}
+// 默认空状态组件
+function DefaultEmptyState() {
+    return (_jsxs("div", { style: {
+            display: 'flex',
+            flexDirection: 'column',
+            alignItems: 'center',
+            justifyContent: 'center',
+            height: '100%',
+            gap: 16,
+            padding: 32,
+            textAlign: 'center',
+        }, children: [_jsxs("svg", { width: "48", height: "48", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", style: { color: '#9ca3af' }, children: [_jsx("circle", { cx: "12", cy: "12", r: "10" }), _jsx("line", { x1: "12", y1: "8", x2: "12", y2: "12" }), _jsx("line", { x1: "12", y1: "16", x2: "12.01", y2: "16" })] }), _jsxs("div", { children: [_jsx("h3", { style: { fontSize: 18, fontWeight: 500, margin: 0 }, children: "\u5206\u6790\u7ED3\u679C\u4E0D\u5305\u542B\u6709\u6548\u5206\u5B50\u7F51\u7EDC" }), _jsx("p", { style: { fontSize: 14, color: '#6b7280', margin: '8px 0 0' }, children: "\u65E0\u6CD5\u8FDB\u884C\u53EF\u89C6\u5316" })] })] }));
+}
+// 默认加载状态组件
+function DefaultLoadingState({ message }) {
+    return (_jsx("div", { style: {
+            position: 'absolute',
+            inset: 0,
+            zIndex: 10,
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'center',
+            backgroundColor: 'rgba(255, 255, 255, 0.5)',
+            backdropFilter: 'blur(4px)',
+        }, children: _jsxs("div", { style: { textAlign: 'center' }, children: [_jsx("div", { style: {
+                        width: 48,
+                        height: 48,
+                        borderRadius: '50%',
+                        backgroundColor: '#e5e7eb',
+                        margin: '0 auto 16px',
+                        animation: 'pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite',
+                    } }), _jsx("p", { style: { color: '#6b7280' }, children: message })] }) }));
+}
+export function HivtraceViz({ data, options, isDataFetched, showLoadingOnUpdate = true, onTrackCluster, onFullscreenChange, onReady, onError, error, className, style, emptyState, loadingState, }) {
+    const iframeRef = useRef(null);
+    const [internalLoadingState, setInternalLoadingState] = useState('initial');
+    const [isIframeReady, setIsIframeReady] = useState(false);
+    const previousDataRef = useRef(data);
+    // 智能推断数据获取状态
+    const effectiveIsDataFetched = isDataFetched !== undefined
+        ? isDataFetched
+        : data !== undefined;
+    // 发送数据到 iframe
+    const sendData = useCallback((type) => {
+        const iframe = iframeRef.current;
+        if (!iframe?.contentWindow || !data)
+            return;
+        iframe.contentWindow.postMessage({
+            type,
+            graphData: data,
+            options,
+        }, '*');
+    }, [data, options]);
+    // 发送错误到 iframe
+    const sendError = useCallback((message) => {
+        const iframe = iframeRef.current;
+        if (!iframe?.contentWindow)
+            return;
+        iframe.contentWindow.postMessage({
+            type: 'HIVTRACE_ERROR',
+            message,
+        }, '*');
+    }, []);
+    // 处理 iframe 消息
+    useEffect(() => {
+        const handleMessage = (event) => {
+            const iframe = iframeRef.current;
+            if (!iframe || event.source !== iframe.contentWindow)
+                return;
+            const msg = event.data;
+            if (!msg?.type)
+                return;
+            switch (msg.type) {
+                case 'HIVTRACE_INIT_READY':
+                    setInternalLoadingState('frameReady');
+                    setIsIframeReady(true);
+                    break;
+                case 'HIVTRACE_READY':
+                    setInternalLoadingState('rendered');
+                    onReady?.();
+                    break;
+                case 'TRACK_CLUSTER':
+                    if (msg.clusterInfo && msg.allData) {
+                        onTrackCluster?.(msg.clusterInfo, msg.allData);
+                    }
+                    break;
+                case 'FULLSCREEN_CHANGE':
+                    if (typeof msg.isFullscreen === 'boolean') {
+                        onFullscreenChange?.(msg.isFullscreen);
+                    }
+                    break;
+                case 'ERROR':
+                    onError?.(msg.message || 'Unknown error');
+                    break;
+            }
+        };
+        window.addEventListener('message', handleMessage);
+        return () => window.removeEventListener('message', handleMessage);
+    }, [onTrackCluster, onFullscreenChange, onReady, onError]);
+    // iframe 加载完成时发送初始数据或错误
+    useEffect(() => {
+        if (isIframeReady && internalLoadingState === 'frameReady') {
+            if (error) {
+                // 如果有错误，发送错误到 iframe
+                sendError(error);
+            }
+            else if (data) {
+                // 否则发送数据
+                sendData('HIVTRACE_DATA');
+            }
+        }
+    }, [isIframeReady, data, error, internalLoadingState, sendData, sendError]);
+    // 数据变化时发送更新
+    useEffect(() => {
+        const dataChanged = previousDataRef.current !== data;
+        previousDataRef.current = data;
+        if (!isIframeReady || internalLoadingState !== 'rendered')
+            return;
+        if (dataChanged) {
+            if (showLoadingOnUpdate) {
+                // 显示 loading，完全重新渲染
+                setInternalLoadingState('frameReady');
+                sendData('HIVTRACE_DATA');
+            }
+            else {
+                // 静默更新，保持用户设置（展开状态等）
+                sendData('HIVTRACE_UPDATE_DATA');
+            }
+        }
+    }, [data, isIframeReady, internalLoadingState, showLoadingOnUpdate, sendData]);
+    // 数据获取状态重置时，重置内部状态
+    useEffect(() => {
+        if (!effectiveIsDataFetched) {
+            previousDataRef.current = undefined;
+        }
+    }, [effectiveIsDataFetched]);
+    // 如果数据已获取但无有效网络数据，显示空状态
+    if (effectiveIsDataFetched && !hasValidNetworkData(data)) {
+        return (_jsx("div", { className: className, style: style, children: emptyState ?? _jsx(DefaultEmptyState, {}) }));
+    }
+    // 计算是否显示加载状态
+    const shouldShowLoading = !effectiveIsDataFetched ||
+        (effectiveIsDataFetched && hasValidNetworkData(data) && internalLoadingState !== 'rendered');
+    // 获取加载消息
+    const getLoadingMessage = () => {
+        if (!effectiveIsDataFetched) {
+            return '正在获取分析数据...';
+        }
+        if (internalLoadingState === 'initial') {
+            return '正在加载可视化框架...';
+        }
+        return '正在处理数据并渲染可视化...';
+    };
+    return (_jsxs("div", { className: className, style: { position: 'relative', width: '100%', height: '100%', ...style }, children: [loadingState !== null && shouldShowLoading && (loadingState ?? _jsx(DefaultLoadingState, { message: getLoadingMessage() })), _jsx("iframe", { ref: iframeRef, src: IFRAME_SRC, style: { width: '100%', height: '100%', border: 'none' }, title: "HIV-TRACE \u5206\u5B50\u7F51\u7EDC\u53EF\u89C6\u5316", allow: "fullscreen" })] }));
+}
+export default HivtraceViz;

package/dist/react/index.d.ts

@@ -0,0 +1,3 @@
+export { HivtraceViz, default } from './HivtraceViz';
+export type { HivtraceVizProps, HivtraceVizData, HivtraceVizOptions, ClusterInfo, NetworkInfo, } from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/react/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/react/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACrD,YAAY,EACV,gBAAgB,EAChB,eAAe,EACf,kBAAkB,EAClB,WAAW,EACX,WAAW,GACZ,MAAM,SAAS,CAAC"}

package/dist/react/index.js

@@ -0,0 +1 @@
+export { HivtraceViz, default } from './HivtraceViz';

package/dist/react/types.d.ts

@@ -0,0 +1,82 @@
+/**
+ * HivtraceViz 组件类型定义
+ * 覆盖原有 HivtraceViz.tsx 和 ClusterTrackingHivtraceViz.tsx 的所有功能
+ */
+export interface HivtraceVizData {
+    trace_results?: {
+        Nodes: Record<string, unknown>;
+        Edges?: unknown[];
+        [key: string]: unknown;
+    };
+    [key: string]: unknown;
+}
+export interface HivtraceVizOptions {
+    /** 是否启用簇追踪功能 */
+    enableClusterTracking?: boolean;
+    /** 指定要展开的簇ID数组 */
+    expand?: string[];
+    /** 基因距离阈值（如 0.015 表示 1.5%） */
+    threshold?: number;
+}
+export interface ClusterInfo {
+    cluster_id: string | number;
+    node_count: number;
+    cluster_size?: number;
+    position: {
+        x?: number;
+        y?: number;
+    };
+    state: {
+        expanded: boolean;
+        fixed: boolean;
+    };
+    node_ids: string[];
+}
+export interface NetworkInfo {
+    network_info: {
+        total_nodes: number;
+        total_edges: number;
+        total_clusters: number;
+    };
+}
+export interface HivtraceVizProps {
+    /** 分析数据 */
+    data?: HivtraceVizData;
+    /** 配置选项 */
+    options?: HivtraceVizOptions;
+    /**
+     * 显式指定数据获取状态
+     * - 如果传入，使用此值决定是否显示"正在获取数据"加载状态
+     * - 如果不传，根据 data !== undefined 自动推断
+     */
+    isDataFetched?: boolean;
+    /**
+     * 数据更新时是否显示 loading
+     * - true: 数据变化时显示 loading（默认）
+     * - false: 静默更新，不显示 loading
+     */
+    showLoadingOnUpdate?: boolean;
+    /** 簇追踪回调 */
+    onTrackCluster?: (clusterInfo: ClusterInfo, networkInfo: NetworkInfo) => void;
+    /** 全屏状态变化回调 */
+    onFullscreenChange?: (isFullscreen: boolean) => void;
+    /** 可视化渲染完成回调 */
+    onReady?: () => void;
+    /** 错误回调 */
+    onError?: (message: string) => void;
+    /**
+     * 错误信息
+     * - 传入错误消息时，组件会显示错误状态而不是加载态
+     * - 可用于任何错误场景（API 失败、数据解析错误、权限错误等）
+     */
+    error?: string;
+    /** 自定义类名 */
+    className?: string;
+    /** 自定义样式 */
+    style?: React.CSSProperties;
+    /** 自定义空状态渲染 */
+    emptyState?: React.ReactNode;
+    /** 自定义加载状态渲染 */
+    loadingState?: React.ReactNode;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/react/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/react/types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,MAAM,WAAW,eAAe;IAC9B,aAAa,CAAC,EAAE;QACd,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;QAC/B,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC;QAClB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;KACxB,CAAC;IACF,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED,MAAM,WAAW,kBAAkB;IACjC,gBAAgB;IAChB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,kBAAkB;IAClB,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,8BAA8B;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,WAAW;IAC1B,UAAU,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,EAAE;QAAE,CAAC,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACrC,KAAK,EAAE;QAAE,QAAQ,EAAE,OAAO,CAAC;QAAC,KAAK,EAAE,OAAO,CAAA;KAAE,CAAC;IAC7C,QAAQ,EAAE,MAAM,EAAE,CAAC;CACpB;AAED,MAAM,WAAW,WAAW;IAC1B,YAAY,EAAE;QACZ,WAAW,EAAE,MAAM,CAAC;QACpB,WAAW,EAAE,MAAM,CAAC;QACpB,cAAc,EAAE,MAAM,CAAC;KACxB,CAAC;CACH;AAED,MAAM,WAAW,gBAAgB;IAC/B,WAAW;IACX,IAAI,CAAC,EAAE,eAAe,CAAC;IAEvB,WAAW;IACX,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAE7B;;;;OAIG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAE9B,YAAY;IACZ,cAAc,CAAC,EAAE,CAAC,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,KAAK,IAAI,CAAC;IAE9E,eAAe;IACf,kBAAkB,CAAC,EAAE,CAAC,YAAY,EAAE,OAAO,KAAK,IAAI,CAAC;IAErD,gBAAgB;IAChB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB,WAAW;IACX,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAEpC;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,YAAY;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,YAAY;IACZ,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAE5B,eAAe;IACf,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE7B,gBAAgB;IAChB,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAChC"}

package/dist/react/types.js

@@ -0,0 +1,5 @@
+/**
+ * HivtraceViz 组件类型定义
+ * 覆盖原有 HivtraceViz.tsx 和 ClusterTrackingHivtraceViz.tsx 的所有功能
+ */
+export {};

package/dist/vite-plugin/index.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Vite 插件 - 为宿主应用提供 hivtrace-viz 静态资源服务
+ */
+import type { Plugin } from 'vite';
+export interface HivtraceVizPluginOptions {
+    /**
+     * 自定义 URL 前缀，默认 '/hivtrace-viz'
+     */
+    base?: string;
+}
+export declare function hivtraceVizPlugin(options?: HivtraceVizPluginOptions): Plugin;
+export default hivtraceVizPlugin;
+//# sourceMappingURL=index.d.ts.map

package/dist/vite-plugin/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/vite-plugin/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EAAE,MAAM,EAAiB,MAAM,MAAM,CAAC;AASlD,MAAM,WAAW,wBAAwB;IACvC;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,wBAAgB,iBAAiB,CAAC,OAAO,GAAE,wBAA6B,GAAG,MAAM,CAsFhF;AAED,eAAe,iBAAiB,CAAC"}

package/dist/vite-plugin/index.js

@@ -0,0 +1,83 @@
+/**
+ * Vite 插件 - 为宿主应用提供 hivtrace-viz 静态资源服务
+ */
+import { resolve, join, dirname } from 'path';
+import { fileURLToPath } from 'url';
+import { existsSync, readFileSync, mkdirSync, cpSync } from 'fs';
+// ESM 兼容的 __dirname
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = dirname(__filename);
+export function hivtraceVizPlugin(options = {}) {
+    const base = options.base || '/hivtrace-viz';
+    // 定位包的 embed 目录（iframe 静态资源）
+    const packageRoot = resolve(__dirname, '../..');
+    const embedDir = resolve(packageRoot, 'dist/embed');
+    return {
+        name: 'vite-plugin-hivtrace-viz',
+        /**
+         * 开发服务器：提供静态文件服务
+         */
+        configureServer(server) {
+            if (!existsSync(embedDir)) {
+                console.warn(`[hivtrace-viz] embed directory not found at ${embedDir}. ` +
+                    `Run 'npm run build' in the @basic-genomics/hivtrace-viz package first.`);
+                return;
+            }
+            // 添加中间件处理 /hivtrace-viz/* 请求
+            server.middlewares.use((req, res, next) => {
+                if (!req.url?.startsWith(base)) {
+                    return next();
+                }
+                // 移除 base 前缀，获取实际文件路径
+                const relativePath = req.url.slice(base.length) || '/index.html';
+                const filePath = join(embedDir, relativePath);
+                if (existsSync(filePath)) {
+                    // 设置正确的 Content-Type
+                    const ext = filePath.split('.').pop()?.toLowerCase();
+                    const mimeTypes = {
+                        'html': 'text/html',
+                        'js': 'application/javascript',
+                        'css': 'text/css',
+                        'json': 'application/json',
+                        'woff': 'font/woff',
+                        'woff2': 'font/woff2',
+                        'ttf': 'font/ttf',
+                        'svg': 'image/svg+xml',
+                        'png': 'image/png',
+                        'eot': 'application/vnd.ms-fontobject',
+                    };
+                    if (ext && mimeTypes[ext]) {
+                        res.setHeader('Content-Type', mimeTypes[ext]);
+                    }
+                    // 读取并返回文件
+                    const content = readFileSync(filePath);
+                    res.end(content);
+                }
+                else {
+                    next();
+                }
+            });
+            console.log(`[hivtrace-viz] Serving embed resources at ${base}`);
+        },
+        /**
+         * 生产构建：复制静态资源到 dist 目录
+         */
+        closeBundle() {
+            if (!existsSync(embedDir)) {
+                console.warn(`[hivtrace-viz] embed directory not found. Skipping asset copy.`);
+                return;
+            }
+            // 复制到宿主应用的 dist 目录
+            const outputDir = resolve(process.cwd(), 'dist', base.slice(1));
+            try {
+                mkdirSync(outputDir, { recursive: true });
+                cpSync(embedDir, outputDir, { recursive: true, force: true });
+                console.log(`[hivtrace-viz] Copied embed assets to ${outputDir}`);
+            }
+            catch (e) {
+                console.error('[hivtrace-viz] Failed to copy assets:', e);
+            }
+        },
+    };
+}
+export default hivtraceVizPlugin;

package/package.json

@@ -0,0 +1,106 @@
+{
+  "name": "@basic-genomics/hivtrace-viz",
+  "version": "1.0.0",
+  "description": "HIV-TRACE molecular transmission network visualization with React integration",
+  "engines": {
+    "node": ">=18"
+  },
+  "main": "dist/hivtrace.js",
+  "exports": {
+    ".": {
+      "import": "./dist/hivtrace.js",
+      "require": "./dist/hivtrace.js"
+    },
+    "./react": {
+      "import": "./dist/react/index.js",
+      "types": "./dist/react/index.d.ts"
+    },
+    "./vite": {
+      "import": "./dist/vite-plugin/index.js",
+      "types": "./dist/vite-plugin/index.d.ts"
+    },
+    "./embed/*": "./dist/embed/*"
+  },
+  "files": [
+    "dist"
+  ],
+  "browserslist": "> 0.25%",
+  "dependencies": {
+    "@fortawesome/fontawesome-free": "^6.2.1",
+    "autocomplete.js": "^0.38.1",
+    "bootstrap": "^3.4.1",
+    "bootstrap-datepicker": "^1.10.x",
+    "d3": "3.x",
+    "downloadjs": "^1.4.7",
+    "jquery": "^3.6.1",
+    "jQuery-QueryBuilder": "^2.7.0",
+    "js-convert-case": "^4.2.0",
+    "jspanel4": "4.16.1",
+    "taffydb": "^2.7.3",
+    "topojson": "3.x",
+    "underscore": "1.x"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.20.2",
+    "@babel/preset-env": "^7.20.2",
+    "@types/fs-extra": "^11.0.4",
+    "@types/node": "^20.12.5",
+    "@types/react": "^18.3.27",
+    "@zainulbr/i18n-webpack-plugin": "^2.0.3",
+    "babel-loader": "^9.1.0",
+    "concurrently": "^7.6.0",
+    "core-js": "^3.47.0",
+    "css-loader": "^6.7.2",
+    "exports-loader": "^5.0.0",
+    "expose-loader": "^5.0.1",
+    "file-loader": "^6.2.0",
+    "fs-extra": "^11.3.3",
+    "http-server": "^14.1.1",
+    "imports-loader": "^5.0.0",
+    "mini-css-extract-plugin": "^2.7.0",
+    "process": "^0.11.10",
+    "react": "^18.2.0",
+    "sirv": "^2.0.4",
+    "style-loader": "^3.3.1",
+    "typescript": "^5.9.3",
+    "url-loader": "^4.1.1",
+    "vite": "^7.3.0",
+    "webpack": "5.76.0",
+    "webpack-cli": "^5.0.0"
+  },
+  "peerDependencies": {
+    "react": "^17.0.0 || ^18.0.0 || ^19.0.0",
+    "vite": "^4.0.0 || ^5.0.0 || ^6.0.0"
+  },
+  "peerDependenciesMeta": {
+    "react": {
+      "optional": true
+    },
+    "vite": {
+      "optional": true
+    }
+  },
+  "scripts": {
+    "dev": "npm run build:embed && export NODE_OPTIONS=--openssl-legacy-provider; concurrently \"webpack --config webpack.config.cjs --watch --mode=development\" \"node scripts/watch-embed.cjs\" \"http-server -o preview.html\"",
+    "build": "npm run build:core && npm run build:react && npm run build:vite && npm run build:embed",
+    "build:core": "export NODE_OPTIONS=--openssl-legacy-provider; webpack --config webpack.config.cjs --mode=production",
+    "build:react": "tsc -p tsconfig.react.json",
+    "build:vite": "tsc -p tsconfig.vite.json",
+    "build:embed": "node scripts/build-embed.cjs",
+    "prepublishOnly": "npm run build"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/aspect-genomics/hivtrace-viz.git"
+  },
+  "keywords": [
+    "hivtrace",
+    "visualization",
+    "molecular-network",
+    "d3",
+    "hiv",
+    "react",
+    "vite"
+  ],
+  "packageManager": "yarn@1.22.19+sha1.4ba7fc5c6e704fce2066ecbfb0b0d8976fe62447"
+}