topola-viewer/src

Source Directory (src)

This directory contains the main source code for the Topola Viewer application. It includes the application entry point, main layout components, chart rendering logic, data source adapters, menus, side panel, translations, and utilities.

Subdirectories

• datasource: Implements data sources for loading GEDCOM files, URLs, WikiTree API data, and embedded data.
• menu: Contains components for the top navigation bar, search bar, and various menus (upload, URL, WikiTree).
• sidepanel: Contains components for the side panel, which shows individual details and chart configuration settings.
• translations: Contains JSON files with translations for supported languages.
• util: Contains utility functions for dates, GEDCOM data, analytics, and responsive design.

Files

• app.tsx: The main application component that manages state, routing, data loading orchestration, and high-level layout.
• changelog.tsx: Component that fetches and displays the recent changes in a modal dialog when the app is updated.
• chart.tsx: The primary chart rendering component using D3 and the topola library. It handles zoom, pan, and export actions.
• donatso-chart.tsx: An alternative chart view utilizing the family-chart library.
• index.tsx: The entry point of the application. It sets up polyfills, internationalization, and renders the app root.
• intro.tsx: The landing page component shown when no data is loaded. It provides instructions, examples, and privacy information.

Assets

• index.css: Global CSS styles for the application.
• topola.jpg: Image asset for the Topola logo.

Type Definitions

• family-chart.d.ts: Type definitions for the family-chart library.
• imports.d.ts: Type definitions for non-code assets (e.g., CSS imports).
• javascript-natural-sort.d.ts: Type definitions for the javascript-natural-sort library.
• lunr-languages.d.ts: Type definitions for lunr-languages plugins.
• parse-gedcom.d.ts: Type definitions for the parse-gedcom library.
• react-app-env.d.ts: Type definitions for React application environment.
• react-linkify.d.ts: Type definitions for the react-linkify library.
• vite-env.d.ts: Type definitions for Vite environment variables.