# BSR UIKIT
Builds general ui- and form elements in hbs design

# Start Demo Mode locally

```bash
$ npm start
```
or 

```bash
$ yarn start
```

# Build locally

```bash
$ npm run build
```

# Entwicklung
Zum Entwickeln kann der aktuelle Stand mit yarn link in ein anderes Projekt eingbunden werden.
Beispiel für das Linken der UI-Kit


In den ui-kit: yarn link ausführen


In den um-component: yarn watch ausführen, damit alle Änderungen, die in den ui-kit gemacht werden, live im SD2 angezeigt werden

Sollte yarn watch in den ui-kit nicht laufen, kann das an einer unpassenden Node-Version liegen. Dafür kann der nvm (node-version-manager) installiert werden, mit dem problemlos zwischen Node-Versionen gewechselt werden kann. Aktuell funktioniert node-14.



Im React App Ordner des Ziel-Projekts: yarn link @pinuts/ui-kit ausführen

Sollten die Menu-Änderungen nicht direkt sichtbar sein, kann das daran liegen, dass webpack ein gecachtes Bundle verwendet. Dafür einmal den .cache Ordner in app/node_nodules/.cache löschen und die App neu starten.



Bekommt man lokal einen react/jsx-runtime Fehler, ist ein Trick, react/jsx-runtime in die ui-kit in die Peer Dependencies in der package.json zu schreiben:
!!! ABER VORSICHT: das darf NICHT gepusht werden !!!!
"react/jsx-runtime": "^18.2.0"


Projekt unlinken:

Im App-Ordner des Ziel-Projektes : yarn unlink @pinuts/ui-kit
node-modules löschen
node-modules mit "yarn install" neu installieren