@digital-blueprint/lunchlottery-app/vendor/toolkit/toolkit-showcase/README.md

[GitHub Repository](https://github.com/digital-blueprint/lunchlottery-app) | [npmjs package](https://www.npmjs.com/package/@digital-blueprint/lunchlottery-app) | [Unpkg CDN](https://unpkg.com/browse/@digital-blueprint/lunchlottery-app/)

# Frontend Toolkit Showcase

## Setup

```bash
npm install
```

## Local development

```bash
npm run watch-local
```

You can then open <https://127.0.0.1:8001/>.

## Adding demo pages

1. Add demo activity path to `input` list of `rollup.config.js`
2. Create `assets/*.metadata.json` file like `assets/file-handling.metadata.json`
3. Reference in `assets/*.metadata.json` file in the `activities` part of `assets/dbp-toolkit-showcase.topic.metadata.json.ejs`

## Importing demo activities

- imported demo activity has to be a `export class`
- Add the line`import readme from 'path-to-activity/README.md';`
    - example: `import readme from '@dbp-toolkit/person-select/README.md';`
- Add the line `import {ExportclassName} from 'path-to-activity/src/activity-name';`
    - example: `import {PersonSelectDemo} from '@dbp-toolkit/person-select/src/dbp-person-select-demo';`
- Add the class to scopedElements
    - example `static get scopedElements() { return { 'dbp-person-select-demo': PersonSelectDemo }; }`