{"id":48891396,"url":"https://github.com/emaarco/slidev-addon-dmn","last_synced_at":"2026-04-16T08:05:16.870Z","repository":{"id":346562919,"uuid":"1190377454","full_name":"emaarco/slidev-addon-dmn","owner":"emaarco","description":"📊 Display DMN diagrams directly in Slidev. No more blurry screenshots - just reference your files and see them right in your slides. Powered by dmn.io 🚀","archived":false,"fork":false,"pushed_at":"2026-04-02T06:11:55.000Z","size":555,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2026-04-02T07:55:27.783Z","etag":null,"topics":["dmn","dmn-js","slidev"],"latest_commit_sha":null,"homepage":"https://emaarco.github.io/slidev-addon-dmn","language":"Vue","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/emaarco.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":".github/CODEOWNERS","security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2026-03-24T08:19:52.000Z","updated_at":"2026-04-02T06:11:52.000Z","dependencies_parsed_at":null,"dependency_job_id":null,"html_url":"https://github.com/emaarco/slidev-addon-dmn","commit_stats":null,"previous_names":["emaarco/slidev-addon-dmn"],"tags_count":1,"template":false,"template_full_name":null,"purl":"pkg:github/emaarco/slidev-addon-dmn","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/emaarco%2Fslidev-addon-dmn","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/emaarco%2Fslidev-addon-dmn/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/emaarco%2Fslidev-addon-dmn/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/emaarco%2Fslidev-addon-dmn/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/emaarco","download_url":"https://codeload.github.com/emaarco/slidev-addon-dmn/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/emaarco%2Fslidev-addon-dmn/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31876860,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-16T07:36:03.521Z","status":"ssl_error","status_checked_at":"2026-04-16T07:35:53.576Z","response_time":69,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["dmn","dmn-js","slidev"],"created_at":"2026-04-16T08:04:21.322Z","updated_at":"2026-04-16T08:05:16.864Z","avatar_url":"https://github.com/emaarco.png","language":"Vue","funding_links":[],"categories":["Integrations"],"sub_categories":[],"readme":"# 📊 slidev-addon-dmn\n\n[![npm version](https://img.shields.io/npm/v/slidev-addon-dmn)](https://www.npmjs.com/package/slidev-addon-dmn)\n[![license](https://img.shields.io/npm/l/slidev-addon-dmn)](https://github.com/emaarco/slidev-addon-dmn/blob/main/LICENSE)\n[![live demo](https://img.shields.io/badge/live%20demo-GitHub%20Pages-blue)](https://emaarco.github.io/slidev-addon-dmn/)\n\nDisplay DMN decision tables and DRD diagrams in your [Slidev](https://sli.dev/) presentations. Whether you're presenting decision logic, explaining business rules, or teaching DMN concepts — this addon has you covered! 💡\n\nPowered by [dmn-js](https://bpmn.io/toolkit/dmn-js/) from bpmn.io.\n\n## 🚀 Quick Start\n\n1. Install the addon in your Slidev project\n2. Place your `.dmn` files in the `public/` folder\n3. Use the `\u003cDmnDrd\u003e` or `\u003cDmnTable\u003e` components in your slides\n\nThat's it — your DMN diagrams are ready to present!\n\n## Example Slide\n\n![Example DMN diagram in Slidev](./public/addon.gif)\n\n## 📦 Installation\n\n```bash\nnpm install slidev-addon-dmn\n```\n\nThen register the addon in your slide's frontmatter:\n\n```yaml\n---\naddons:\n  - slidev-addon-dmn\n---\n```\n\nOr in your `package.json`:\n\n```json\n{\n  \"slidev\": {\n    \"addons\": [\"slidev-addon-dmn\"]\n  }\n}\n```\n\n## 🧩 Components\n\nThis addon provides two complementary components for different use cases:\n\n- **`\u003cDmnDrd\u003e`** - Static DRD rendering for PDFs, presentations, and documentation\n- **`\u003cDmnTable\u003e`** - Decision Table rendering for visualizing business rules\n\n## 🔧 Component Reference\n\n### DmnDrd Component\n\nRenders Decision Requirements Diagrams as static SVG images. Perfect for PDF exports and presentations.\n\n```vue\n\u003cDmnDrd\n  dmnFilePath=\"./my-decisions.dmn\"\n  width=\"100%\"\n  height=\"400px\"\n/\u003e\n```\n\n**Props:**\n\n| Name | Type | Default | Description |\n|------|------|---------|-------------|\n| `dmnFilePath` | `string` | *required* | Path to the `.dmn` file (relative to `public/`) |\n| `width` | `string` | `'100%'` | Maximum width of the diagram |\n| `height` | `string` | `'auto'` | Height of the diagram |\n| `fontSize` | `string` | `'12px'` | Font size of the diagram labels |\n\n### DmnTable Component\n\nRenders DMN Decision Tables directly in the slide. Perfect for presenting business rules and decision logic.\n\n```vue\n\u003cDmnTable\n  dmnFilePath=\"./my-decisions.dmn\"\n  width=\"100%\"\n  decisionId=\"Decision_Dish\"\n/\u003e\n```\n\n**Props:**\n\n| Name | Type | Default | Description |\n|------|------|---------|-------------|\n| `dmnFilePath` | `string` | *required* | Path to the `.dmn` file (relative to `public/`) |\n| `width` | `string` | `'100%'` | Width of the table container |\n| `height` | `string` | `'auto'` | Height of the table container (defaults to 500px when 'auto') |\n| `decisionId` | `string` | *first found* | ID of the decision to display (optional, defaults to the first decision table) |\n| `fontSize` | `string` | `'12px'` | Font size of the table content |\n| `showAnnotations` | `boolean` | `false` | Show or hide the annotations column |\n\n## 💡 Tips\n\n- **File location**: DMN files must be placed in the `public/` folder\n- **Supported formats**: Standard DMN 1.3 XML files (exported from Camunda Modeler, bpmn.io, etc.)\n- **Multiple decisions**: Use the `decisionId` prop to select a specific decision table when your DMN file contains multiple decisions\n- **Styling**: Use Tailwind classes via the `class` prop to control sizing\n- **Export**: The `\u003cDmnDrd\u003e` component works seamlessly with Slidev's PDF/PNG export features\n\n## 🔗 Related\n\n\u003e **Looking for BPMN?** If you're modeling business processes alongside your decisions, check out\n\u003e [slidev-addon-bpmn](https://github.com/emaarco/slidev-addon-bpmn) — the sister addon for rendering\n\u003e BPMN diagrams in Slidev!\n\n## 🤝 Contributing\n\nContributions are welcome! Feel free to report bugs, suggest features via [issues](https://github.com/emaarco/slidev-addon-dmn/issues), submit pull requests with improvements, or share your ideas and use cases.\n\nTo develop locally: clone the repo, run `npm install`, then `npm run dev` to test your changes.\n\n## 🙏 Credits\n\n- [dmn-js](https://github.com/bpmn-io/dmn-js) by [bpmn.io](https://bpmn.io/)\n- [bavaria-ipsum](https://bavaria-ipsum.de/) - for making the example slide a little more entertaining 🥨\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Femaarco%2Fslidev-addon-dmn","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Femaarco%2Fslidev-addon-dmn","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Femaarco%2Fslidev-addon-dmn/lists"}