# @opengeoweb/core

> GeoWeb Core library for the opengeoweb project

Latest version **20.0.0** (published 2026-09-17) · Apache-2.0 license · 0 weekly downloads

## Install

```sh
npm install @opengeoweb/core
pnpm add @opengeoweb/core
yarn add @opengeoweb/core
bun add @opengeoweb/core
```

## Health

**Score 55/100 (C)** — status: active.

Positive: no vulnerabilities; recently updated; high maintenance score.

Warnings: low downloads; no types; no esm support.

## Facts

| | |
|---|---|
| Version | 20.0.0 |
| Published | 2026-09-17 |
| First published | 2020-03-19 |
| Weekly downloads | 0 |
| License | Apache-2.0 |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Maintainers | maartenplieger, ernstdevreede, loescornelisknmi, mizzi_knmi, oyvindim, onetrium, esalie, henrikj_, karoliinahautala, haavardso, karricgi, lapanen, btorrente, sampo |

## Links

- npm: https://www.npmjs.com/package/@opengeoweb/core
- Repository: https://gitlab.com/opengeoweb/opengeoweb
- Homepage: https://gitlab.com/opengeoweb/opengeoweb#readme
- Issues: https://gitlab.com/opengeoweb/opengeoweb/issues
- npm.io page: https://npm.io/package/@opengeoweb/core

## Recent versions

- 20.0.0 (latest) — 2026-09-17
- 20.0.0-nightly-20261001 (nightly) — 2026-10-01
- 10.2.1-spike-ol.3 (spike-ol) — 2025-02-25
- 9.35.1-spike-oltanstack.0 (spike-oltanstack) — 2024-12-09
- 20.0.0-nightly-20260930 — 2026-09-30
- 20.0.0-nightly-20260929 — 2026-09-29
- 20.0.0-nightly-20260928 — 2026-09-28
- 20.0.0-nightly-20260927 — 2026-09-27
- 20.0.0-nightly-20260926 — 2026-09-26
- 20.0.0-nightly-20260925 — 2026-09-25
- 20.0.0-nightly-20260924 — 2026-09-24
- 20.0.0-nightly-20260923 — 2026-09-23
- 20.0.0-nightly-20260922 — 2026-09-22
- 20.0.0-nightly-20260921 — 2026-09-21
- 20.0.0-nightly-20260920 — 2026-09-20
- … 241 more at https://npm.io/package/@opengeoweb/core/versions

## README

![current version](https://img.shields.io/badge/dynamic/json?color=blue&label=version&query=version&url=https://gitlab.com/opengeoweb/opengeoweb/raw/master/libs/core/package.json)
![coverage](https://gitlab.com/opengeoweb/opengeoweb/badges/master/coverage.svg?job=test-core)

# Core

React component library with Core components for the opengeoweb project.
This library was generated with [Nx](https://nx.dev).

## Installation

```
npm install @opengeoweb/core @opengeoweb/store @opengeoweb/time-slider
```

## Use

You can use any component exported from core by importing them. Some components need to be wrapped in the CoreThemeProvider, or CoreThemeStoreProvider for a connected component. You can also pass in your own theme if needed. Below you can find a simplified example on how the MapViewConnect component and several mapActions could be used:

```javascript
import { useDispatch } from 'react-redux';
import {
  MapViewConnect,
  LegendConnect,
  LegendMapButtonConnect,
  CoreThemeStoreProvider,
} from '@opengeoweb/core';
import { storeMiddlewares, storeReducerMap } from '@opengeoweb/store';
import { TimeSliderConnect } from '@opengeoweb/time-slider';
import { configureStore } from '@reduxjs/toolkit';

const store = configureStore({
  reducer: {
    ...storeReducerMap,
  },
  middleware: [...storeMiddlewares],
});

const ConnectedMapWithTimeSlider = ({ mapId }) => {
  const dispatch = useDispatch();

  React.useEffect(() => {
    // set layers
    dispatch(mapActions.setLayers({ layers: [radarLayer], mapId }));
    // baseLayers
    dispatch(
      mapActions.setBaseLayers({
        mapId,
        layers: [baseLayerGrey, overLayer],
      }),
    );
  }, []);

  return (
    <CoreThemeStoreProvider store={store}>
      <LegendConnect initialActiveMapId={mapId} />
      <LegendMapButtonConnect mapId={mapId} />
      <MapViewConnect mapId={mapId} displayTimeInMap />
      <TimeSliderConnect sourceId="timeslider-1" mapId={mapId} />
    </CoreThemeStoreProvider>
  );
};

export default ConnectedMapWithTimeSlider;
```

### TypeScript Documentation

- [TypeScript Docs](https://opengeoweb.gitlab.io/opengeoweb/typescript-docs/core/)

---
_Source: https://npm.io/package/@opengeoweb/core · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._