Implementation:Ucbepic Docetl Website PackageLock
| Knowledge Sources | |
|---|---|
| Domains | Configuration, Dependencies |
| Last Updated | 2026-02-08 00:00 GMT |
Overview
NPM lockfile providing exact dependency version pinning for the DocETL website frontend application (named "docwrangler").
Description
This is the package-lock.json file for the DocETL website, which is a Next.js-based frontend application internally named "docwrangler" at version 0.1.0. The lockfile uses lockfileVersion 3 and pins the exact versions of all direct and transitive npm dependencies to ensure reproducible builds. The website application relies on a substantial set of dependencies including React UI component libraries (Radix UI), AI SDK packages, data visualization tools, code editors (Monaco), and various utility libraries.
Usage
This file is automatically maintained by npm and is used during npm install to ensure that all developers and CI/CD environments install exactly the same dependency versions. It should be committed to version control and not manually edited.
Code Reference
Source Location
- Repository: Ucbepic_Docetl
- File: website/package-lock.json
- Lines: 15184
Data Structure
{
"name": "docwrangler",
"version": "0.1.0",
"lockfileVersion": 3,
"requires": true,
"packages": {
"": {
"name": "docwrangler",
"version": "0.1.0",
"dependencies": {
"@ai-sdk/azure": "^1.0.13",
"@ai-sdk/openai": "^0.0.70",
"@monaco-editor/react": "^4.6.0",
"@radix-ui/react-accordion": "^1.2.0",
"@radix-ui/react-dialog": "^1.1.2",
"@supabase/supabase-js": "^2.57.0",
"@tanstack/react-query": "^5.59.15",
"@tanstack/react-table": "^8.20.5",
"ai": "^3.4.29",
"axios": "^1.11.0",
"framer-motion": "^11.5.4",
"next": "...",
"react": "...",
"...": "..."
}
}
}
}
I/O Contract
Key Dependencies
| Category | Packages | Purpose |
|---|---|---|
| AI/LLM | @ai-sdk/azure, @ai-sdk/openai, ai, gpt-tokenizer | AI model integration and token counting |
| UI Components | @radix-ui/* (accordion, dialog, dropdown, tabs, tooltip, etc.) | Accessible UI component primitives |
| Code Editor | @monaco-editor/react | In-browser code editing for pipeline YAML |
| Data Management | @tanstack/react-query, @tanstack/react-table, @tanstack/react-virtual | Data fetching, table display, and virtualization |
| Backend Integration | @supabase/supabase-js, axios | Database access and HTTP client |
| Animation | framer-motion | UI animations and transitions |
| Styling | class-variance-authority, clsx, tailwind-merge | CSS utility management |
| Document Viewing | @cyntler/react-doc-viewer | Document file preview |
| YAML Processing | js-yaml | YAML parsing for pipeline configurations |
Usage Examples
# Install exact dependency versions from the lockfile
cd website
npm install
# Verify installed versions match the lockfile
npm ls