This is a React component that renders a clickable world map. The continent clicked on will return the languages to the onContinentClick() function provided.
To clone the repository, run the following command:
git clone https://github.com/unfoldingWord/world-language-map-rcl.git
To install the dependencies and build the project, we recommend using pnpm. If you don't have pnpm installed, you can install it by running:
npm install -g pnpm
Once pnpm is installed, navigate to the project directory and run the following command to install the dependencies:
pnpm install
To run the development server, use the following command:
pnpm dev
This will start the development server and you can view the component in your browser at http://localhost:5173
.
To use WorldLanguageMap as a 3rd party app, follow these steps:
- Install the package from npm:
npm install world-language-map-rcl
- Import the component into your project:
import { WorldLanguageMap } from 'world-language-map-rcl';
- Use the component in your code:
<WorldLanguageMap />
The WorldLanguageMap component accepts the following props:
filterByCatalog
subjects
(optional, defaults to all subjects): An array of strings representing the subjects to filter the catalog items.metadataTypes
(optional, defaults to all metadata types)stage
(optional, defaults to "prod"): A string that can be either "prod" (all releases), "latest" (master and all releases), or "other" (all branches, not just master) to specify the stage of the catalog items.dcsApiUrl
(optional, defaults to https://git.door43.org/api/v1): A string representing the URL of the DCS API.
This project is licensed under the MIT License.