@smartnet360/svelte-components
v0.0.147
Published
Private SvelteKit component library for RF planning and network visualization tools.
Readme
RF Tool Components
Private SvelteKit component library for RF planning and network visualization tools.
Installation
npm install @smartnet360/svelte-componentsComponents
Core Components (@smartnet360/svelte-components/core)
| Component | Description | |-----------|-------------| | Desktop | Grid orchestrator for multi-panel layouts with component assignment | | Charts | Plotly-based chart system with tabs/scrollspy modes | | CellTable | Tabulator-based cell data table with grouping and filtering | | TreeView | Hierarchical tree component for data navigation | | Settings | Configuration panels and settings management | | CoverageMap | Coverage visualization component |
Map Components
| Package | Description | |---------|-------------| | map-v2 | Legacy map implementation | | map-v3 | Current map implementation with cell/site features |
Shared Utilities (@smartnet360/svelte-components/shared)
| Module | Description | |--------|-------------| | demo | Cell data generator with configurable presets (small/medium/large/xlarge) | | ResizableSplitPanel | Draggable split panel component |
Development
# Install dependencies
npm install
# Run dev server
npm run dev
# Type checking
npm run check
# Build library
npm run build
# Release (patch/minor/major)
npm run release:patchDemo Routes
Demo pages available at /apps/demo/:
/apps/demo/cell-table- CellTable component/apps/demo/charts- Charts component/apps/demo/desktop- Desktop grid system
Tech Stack
- Svelte 5 with runes (
$state,$derived,$effect) - SvelteKit library mode
- TypeScript first
- Bootstrap 5 for styling
- Plotly.js for charts
- Tabulator for data tables
License
Private - SmartNet360
