Implementation:Truera Trulens Otel Record Viewer Dependencies
| Knowledge Sources | |
|---|---|
| Domains | Frontend Dependencies |
| Last Updated | 2026-02-14 08:00 GMT |
Overview
NPM dependency lockfile that pins exact versions for all packages used by the OpenTelemetry (OTEL) record_viewer React component of the TruLens dashboard.
Description
The package-lock.json file at src/dashboard/react_components/record_viewer_otel/ is an auto-generated NPM lockfile (lockfileVersion 3) for the recordviewer package (version 0.0.0). It ensures deterministic and reproducible dependency resolution for the OTEL-specific record_viewer React component, which is part of the TruLens dashboard UI.
This lockfile pins the exact resolved versions, integrity hashes, and dependency trees for all direct and transitive dependencies of the OTEL record_viewer component. It contains approximately 11,293 lines.
The OTEL record_viewer component is a variant of the standard record_viewer that is designed to work with OpenTelemetry-based trace data. It is also a Streamlit custom component built with React that provides a visual interface for inspecting TruLens evaluation records captured through the OTEL instrumentation pipeline.
Usage
This file is consumed by npm install (or npm ci) to install the exact dependency versions specified. It should not be manually edited. It is regenerated whenever npm install is run after changes to package.json.
Code Reference
Source Location
- Repository: Truera_Trulens
- File: src/dashboard/react_components/record_viewer_otel/package-lock.json
- Lines: 1-11293
Package Metadata
{
"name": "recordviewer",
"version": "0.0.0",
"lockfileVersion": 3,
"requires": true
}
Key Dependencies
The following direct dependencies are declared for the OTEL record_viewer component:
| Package | Version Range | Purpose |
|---|---|---|
@emotion/react |
^11.11.1 |
CSS-in-JS styling library for React (used by MUI). |
@emotion/styled |
^11.11.0 |
Styled component API for Emotion. |
@microlink/react-json-view |
^1.26.1 |
Interactive JSON viewer component for displaying record data. |
@mui/icons-material |
^6.0.2 |
Material UI icon set. |
@mui/material |
^6.0.2 |
Material UI component library for the dashboard interface. |
@mui/x-tree-view |
^7.15.0 |
Material UI tree view component for hierarchical record display. |
clsx |
^2.1.0 |
Utility for constructing CSS class names conditionally. |
react |
^18.2.0 |
Core React library. |
react-dom |
^18.2.0 |
React DOM rendering. |
streamlit-component-lib |
^1.3.0 |
Streamlit custom component communication library. |
Dependency Characteristics
- Lockfile Version: 3 (compatible with npm 9+; newer format than the standard record_viewer which uses lockfileVersion 2).
- Total Lines: Approximately 11,293, smaller than the standard record_viewer lockfile (18,512 lines), indicating a leaner transitive dependency tree.
- Purpose: Ensures that all developers and CI/CD pipelines install the exact same dependency versions, preventing inconsistencies across environments.
- React Version: Targets React 18.x.
- UI Framework: Built on Material UI (MUI) v6, consistent with the standard record_viewer component.
Differences from Standard Record Viewer
| Attribute | record_viewer | record_viewer_otel |
|---|---|---|
| Lockfile Version | 2 | 3 |
| Total Lines | ~18,512 | ~11,293 |
| @microlink/react-json-view | ^1.23.0 |
^1.26.1 (newer)
|
| Instrumentation Target | Standard TruLens records | OpenTelemetry-based trace records |
The OTEL variant uses the same core dependencies (React 18, MUI v6, Emotion, Streamlit component lib) but has a smaller overall dependency footprint, and uses a newer lockfile format and a more recent version of the JSON viewer component.