Skip to content
Snippets Groups Projects
Select Git revision
  • b3c533b37fa48a3e6cc88aef5e7841cbc227f034
  • main default protected
  • renovate/lock-file-maintenance
  • demo protected
  • person-select-custom
  • dbp-translation-component
  • icon-set-mapping
  • port-i18next-parser
  • remove-sentry
  • favorites-and-recent-files
  • revert-6c632dc6
  • lit2
  • advertisement
  • wc-part
  • automagic
  • publish
  • wip-cleanup
  • demo-file-handling
18 results

toolkit-showcase

Frontend Toolkit Showcase

Setup

yarn install

Local development

yarn run watch-local

You can then open http://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 lineimport 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, }; }'