How esri/jsapi-resources works
This repository is a collection of ArcGIS Maps SDK for JavaScript proof-of-concept resources, not one integrated application. Each sample demonstrates a user-facing map, dashboard, editor, worker, or assistant workflow in a framework or bundler. The graph preserves the principal layout and AI-agent samples alongside representative SDK and coding examples. Many subsystems are represented at their exact source paths but were not excerpted; their internal relationships are omitted where the evidence does not establish them.
Main entry points: src/App.tsx Dashboard · src/App.tsx Finder app · main.js Interactive map · AppProvider.tsx Metrics provider
Components 34
Map layouts
- Dashboard
layouts/dashboard-sample/src/App.tsx - Dashboard map
layouts/dashboard-sample/src/components/Map.tsx - Charts
layouts/dashboard-sample/src/components/Charts.tsx - Metrics panel
layouts/dashboard-sample/src/components/MetricsPanel.tsx - Sidebar
layouts/dashboard-sample/src/components/Sidebar.tsx - Header and footer
layouts/dashboard-sample/src/components/Header.tsx - Dashboard state
layouts/dashboard-sample/src/context/AppContext.ts - Metrics provider
layouts/dashboard-sample/src/context/AppProvider.tsx - Metric calculations
layouts/dashboard-sample/src/utils/Metrics.ts - Finder app
layouts/finder-sample/src/App.tsx - Finder map
layouts/finder-sample/src/components/Map.tsx - Results list
layouts/finder-sample/src/components/Results/ResultsList.tsx - Result filters
layouts/finder-sample/src/components/Results/ChipFilters.tsx - Drill view
layouts/finder-sample/src/components/Drill/DrillView.tsx - Finder header
layouts/finder-sample/src/components/Header.tsx - Interactive map
layouts/interactive-filter-layout/main.js - Layer filters
layouts/interactive-filter-layout/scripts/filters.js - Inset map
layouts/interactive-filter-layout/scripts/inset-map.js - Map symbols
layouts/interactive-filter-layout/scripts/symbols.js - Map theme
layouts/interactive-filter-layout/scripts/theme.js - UI helpers
layouts/interactive-filter-layout/scripts/ui-helpers.js
AI assistants
- Maintenance assistant demo
templates/ai-components-agent-utils-hil-react/src/App.tsx - Maintenance agent
templates/ai-components-agent-utils-hil-react/src/maintenanceAgent.ts - Custom maintenance demo
templates/ai-components-custom-agent-hil-react/src/App.tsx - Custom maintenance agent
templates/ai-components-custom-agent-hil-react/src/maintenanceAgent.ts - Network analysis demo
templates/ai-components-agent-utils-tools-react/src/App.tsx - Network analysis agent
templates/ai-components-agent-utils-tools-react/src/networkAnalysisAgent - Location services demo
templates/ai-components-custom-agent-tools-react/src/App.tsx - Location services agent
templates/ai-components-custom-agent-tools-react/src/locationServicesAgent - Agent LLM node
templates/ai-components-custom-agent-tools-react/src/locationServicesAgent/nodes/locationServicesLLM.ts
SDK examples
- React map sample
templates/js-maps-sdk-react/src/App.tsx - Vue map sample
templates/js-maps-sdk-vue/src/components/Map.vue - Angular map sample
templates/js-maps-sdk-angular/src/app/app.ts
Other components
- Sample user
Connections 31
- Sample user → Dashboard: uses
- Dashboard → Dashboard map: renders
layouts/dashboard-sample/src/App.tsx - Dashboard → Charts: renders
layouts/dashboard-sample/src/App.tsx - Dashboard → Metrics panel: renders
layouts/dashboard-sample/src/App.tsx - Dashboard → Sidebar: renders
layouts/dashboard-sample/src/App.tsx - Dashboard → Header and footer: renders
layouts/dashboard-sample/src/App.tsx - Dashboard → Dashboard state: reads state
layouts/dashboard-sample/src/App.tsx - Metrics provider → Dashboard state: provides state
layouts/dashboard-sample/src/context/AppProvider.tsx - Metrics provider → Metric calculations: uses calculations
layouts/dashboard-sample/src/context/AppProvider.tsx - Sample user → Finder app: uses
- Finder app → Finder map: renders
layouts/finder-sample/src/App.tsx - Finder app → Results list: renders
layouts/finder-sample/src/App.tsx - Finder app → Result filters: renders
layouts/finder-sample/src/App.tsx - Finder app → Drill view: renders
layouts/finder-sample/src/App.tsx - Finder app → Finder header: renders
layouts/finder-sample/src/App.tsx - Sample user → Interactive map: uses
- Interactive map → Layer filters: configures layers
layouts/interactive-filter-layout/main.js - Interactive map → Inset map: sets up map
layouts/interactive-filter-layout/main.js - Interactive map → UI helpers: renders previews
layouts/interactive-filter-layout/main.js - Sample user → Maintenance assistant demo: uses
- Maintenance assistant demo → Maintenance agent: registers agent
templates/ai-components-agent-utils-hil-react/src/App.tsx - Sample user → Custom maintenance demo: uses
- Custom maintenance demo → Custom maintenance agent: registers agent
templates/ai-components-custom-agent-hil-react/src/App.tsx - Sample user → Network analysis demo: uses
- Network analysis demo → Network analysis agent: registers agent
templates/ai-components-agent-utils-tools-react/src/App.tsx - Sample user → Location services demo: uses
- Location services demo → Location services agent: registers agent
templates/ai-components-custom-agent-tools-react/src/App.tsx - Agent LLM node → Location services agent: uses tools
templates/ai-components-custom-agent-tools-react/src/locationServicesAgent/nodes/locationServicesLLM.ts - Sample user → React map sample: uses
- Sample user → Vue map sample: uses
- Sample user → Angular map sample: uses