How xenoimpact/tachyon-showcase works
Tachyon Showcase is a Vue application demonstrating the Tachyon data-grid component, with shared mock data and grid configuration. The main user workflow is opening the introduction or a demo from the routed navigation and viewing grid capabilities; dedicated demos cover editing, filtering, trees, telemetry, virtualization, cell visuals, and Excel I/O. The sampled sources show application setup, routing, theme state, shared-data generation, collection tracking, and export-to-worker flow. Other demo internals are not sampled, so their connections are limited to documented routes.
Main entry points: router/index.ts Demo router · tachyon/index.ts Grid setup · main.ts Vue bootstrap · App.vue App shell
Components 31
Vue Showcase
- Vue bootstrap
packages/vue/src/main.ts - App shell
packages/vue/src/App.vue - Demo router
packages/vue/src/router/index.ts - Introduction
packages/vue/src/views/IntroductionView.vue - Basic grid
packages/vue/src/views/BasicGridDemo.vue - Virtual scroll
packages/vue/src/views/VirtualScrollDemo.vue - Cell editor
packages/vue/src/views/CellEditorDemo.vue - Cell visuals
packages/vue/src/views/CellVisualDemo.vue - Filter grid
packages/vue/src/views/FilterGridDemo.vue - Tree grid
packages/vue/src/views/TreeGridDemo.vue - Live telemetry
packages/vue/src/views/RealtimeTelemetryDemo.vue - Excel demo
packages/vue/src/views/ExcelIoDemo.vue - Pixel matrix
packages/vue/src/views/PixelMatrixDemo.vue - Theme state
packages/vue/src/stores/themeStore.ts
Grid Configuration
- Grid setup
packages/vue/src/config/tachyon/index.ts - Custom columns
packages/vue/src/config/tachyon/columns/TachyonCheckColumn.ts - Check renderers
packages/vue/src/config/tachyon/renderers/TachyonCheckItemRenderer.vue - Filter columns
packages/vue/src/config/tachyon/columns/TachyonSetFilterColumn.ts - Filter popup
packages/vue/src/config/tachyon/renderers/FilterSetPopup.vue - Change tracking
packages/vue/src/config/tachyon/addons/collection/CollectionManager.ts
Shared Data
- Order data
packages/shared/src/factories/orderFactory.ts - Order model
packages/shared/src/types/order.ts - Series data
packages/shared/src/factories/seriesFactory.ts - Series dataset
packages/shared/src/seriesData.ts - Tree dataset
packages/shared/src/treeData.ts - Tree factory
packages/shared/src/factories/treeNodeFactory.ts - Tree model
packages/shared/src/types/tree.ts
Excel I/O
- XLSX export
packages/vue/src/config/tachyon/addons/xlsx/export.ts - XLSX import
packages/vue/src/config/tachyon/addons/xlsx/import.ts - Workbook worker
packages/vue/src/workers/XlsxWorker.ts
Other components
- Showcase user
Connections 27
- Showcase user → Vue bootstrap: opens app
packages/vue/src/main.ts - Vue bootstrap → App shell: mounts
packages/vue/src/main.ts - Vue bootstrap → Demo router: installs router
packages/vue/src/main.ts - Vue bootstrap → Grid setup: installs grid setup
packages/vue/src/main.ts - App shell → Theme state: uses theme state
packages/vue/src/App.vue - App shell → Demo router: reads route state
packages/vue/src/App.vue - Demo router → Introduction: routes to
packages/vue/src/router/index.ts - Demo router → Basic grid: routes to
packages/vue/src/router/index.ts - Demo router → Virtual scroll: routes to
packages/vue/src/router/index.ts - Demo router → Cell editor: routes to
packages/vue/src/router/index.ts - Demo router → Cell visuals: routes to
packages/vue/src/router/index.ts - Demo router → Filter grid: routes to
packages/vue/src/router/index.ts - Demo router → Tree grid: routes to
packages/vue/src/router/index.ts - Demo router → Live telemetry: routes to
packages/vue/src/router/index.ts - Demo router → Excel demo: routes to
packages/vue/src/router/index.ts - Demo router → Pixel matrix: routes to
packages/vue/src/router/index.ts - Grid setup → Change tracking: registers addon
packages/vue/src/config/tachyon/index.ts - Grid setup → XLSX export: registers addon
packages/vue/src/config/tachyon/index.ts - Grid setup → XLSX import: registers addon
packages/vue/src/config/tachyon/index.ts - Grid setup → Custom columns: exports column
packages/vue/src/config/tachyon/index.ts - Custom columns → Check renderers: uses renderers
packages/vue/src/config/tachyon/columns/TachyonCheckColumn.ts - Filter columns → Filter popup: uses popup
packages/vue/src/config/tachyon/renderers/FilterSetPopup.vue - Order data → Order model: builds model
packages/shared/src/factories/orderFactory.ts - Series dataset → Series data: generates items
packages/shared/src/seriesData.ts - Tree dataset → Tree factory: builds nodes
packages/shared/src/treeData.ts - Tree dataset → Tree model: uses model
packages/shared/src/treeData.ts - XLSX export → Workbook worker: sends workbook data
packages/vue/src/config/tachyon/addons/xlsx/export.ts