@dskripchenko/embed 1.2.0 → 1.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -1,6 +1,49 @@
1
1
  # @dskripchenko/embed
2
2
 
3
- ## 1.2.0 — Unreleased
3
+ ## 1.4.0 — Unreleased
4
+
5
+ ### Added
6
+ - **More diagram syntaxes**: `<dsk-diagram>` and blocks draw PlantUML
7
+ (```` ```plantuml ````, ```` ```puml ````), Graphviz DOT (```` ```dot ````,
8
+ ```` ```graphviz ````), D2, DBML, Structurizr DSL and Wardley maps
9
+ (@dskripchenko/diagrams 1.3.0); `syntax` names the syntax when it is not
10
+ recognised from the source.
11
+ - **`<dsk-bpmn>` and `<dsk-dmn>`** (new `bpmn` plugin, @dskripchenko/bpmn
12
+ 0.4.0): BPMN 2.0 processes and DMN decisions as laid out in their modeler —
13
+ a view with pan, zoom, highlight and clicks, or with `editable` the editor
14
+ (`name` keeps the XML in a form field). ```` ```bpmn ```` and
15
+ ```` ```dmn ```` blocks draw the diagram (and DMN decision tables).
16
+ - **`<dsk-drawio>`** (new `drawio` plugin, @dskripchenko/drawio 0.1.0):
17
+ draw.io files — compressed or plain pages, `.drawio.svg` — with page tabs;
18
+ ```` ```drawio ```` blocks. No Vue.
19
+ - **`<dsk-asyncapi>`** and ```` ```asyncapi ```` blocks: AsyncAPI 2.x / 3.0
20
+ references (@dskripchenko/openapi 1.2.0).
21
+ - Per-plugin bundles `bundles/bpmn.js` and `bundles/drawio.js`.
22
+ - The new elements in the base styles: block boxes, hidden source before the
23
+ upgrade, loading placeholders, full screen (BPMN / DMN fill the screen,
24
+ AsyncAPI follows `--dsk-openapi-height`), and draw.io page tabs.
25
+
26
+ ### Changed
27
+ - Runtime: @dskripchenko/ui 1.17.0, diagrams 1.3.0, flow 1.2.0 (EPC, DFD
28
+ and IDEF0 notations), openapi 1.2.0; bpmn 0.4.0 and drawio 0.1.0 added to
29
+ the import map.
30
+
31
+ ## 1.3.0 — 2026-10-30
32
+
33
+ ### Added
34
+ - **Per-plugin bundles** — `dist/bundles/<plugin>.js` (`media`, `diagram`,
35
+ `openapi`, `flow`, `markdown`, `editor`, `board`): one plugin with Vue and
36
+ the kit, defining only its elements and block languages. Several on a page
37
+ share one `DskEmbed`: a bundle loaded later adds its plugins, and blocks of
38
+ its languages in markdown and the editor start to draw.
39
+ - `DskEmbed.extend(plugins)` and `DskEmbed.plugins()`.
40
+
41
+ ### Changed
42
+ - The bundles put each stylesheet in once by its own id (`tokens`,
43
+ `themes`, `kit`, `openapi`, `flow`, `editor`, `board`) instead of one
44
+ combined `kit` style.
45
+
46
+ ## 1.2.0 — 2026-10-29
4
47
 
5
48
  ### Added
6
49
  - **Full screen** for `<dsk-diagram>`, `<dsk-flow>`, `<dsk-board>` and
package/README.md CHANGED
@@ -43,15 +43,18 @@ video; the markdown's diagram is live; the editor submits HTML with the form.
43
43
  |---|---|---|
44
44
  | `<dsk-video>` | player: sources and quality menu, subtitles, chapters, thumbnails, HLS | [`@dskripchenko/ui`](https://github.com/dskripchenko/ui) |
45
45
  | `<dsk-audio>` | player, playlist, waveform | `@dskripchenko/ui` |
46
- | `<dsk-diagram>` | Mermaid → SVG, 11 diagram types, no Vue loaded | [`@dskripchenko/diagrams`](https://github.com/dskripchenko/diagrams) |
46
+ | `<dsk-diagram>` | Mermaid, PlantUML, Graphviz DOT, D2, DBML, Structurizr, Wardley → SVG, no Vue loaded | [`@dskripchenko/diagrams`](https://github.com/dskripchenko/diagrams) |
47
47
  | `<dsk-openapi>` | full reference (several specs), one operation, or a live API block | [`@dskripchenko/openapi`](https://github.com/dskripchenko/openapi) |
48
48
  | `<dsk-flow>` | process view with monitoring, toggles and sub-processes over plain HTTP — or the editor | [`@dskripchenko/flow`](https://github.com/dskripchenko/flow) |
49
+ | `<dsk-asyncapi>` | AsyncAPI 2.x / 3.0 reference of an event-driven API | `@dskripchenko/openapi` |
50
+ | `<dsk-bpmn>`, `<dsk-dmn>` | BPMN processes and DMN decisions as laid out in the modeler — a view or the editor | [`@dskripchenko/bpmn`](https://github.com/dskripchenko/bpmn) |
51
+ | `<dsk-drawio>` | draw.io files to SVG, page tabs, no Vue loaded | [`@dskripchenko/drawio`](https://github.com/dskripchenko/drawio) |
49
52
  | `<dsk-board>` | infinite whiteboard: shapes, stickies, frames, connectors, pen — a view, an editor, or a shared board edited in real time | [`@dskripchenko/board`](https://github.com/dskripchenko/board) |
50
- | `<dsk-markdown>` | markdown with live `mermaid` / `openapi` / `flow` / `board` / `video` / `audio` blocks | `@dskripchenko/ui` |
53
+ | `<dsk-markdown>` | markdown with live blocks: diagrams in every syntax above, `bpmn`, `dmn`, `drawio`, `openapi`, `asyncapi`, `flow`, `board`, `video`, `audio` | `@dskripchenko/ui` |
51
54
  | `<dsk-editor>` | WYSIWYG with the same live blocks; a form field | [`@dskripchenko/wysiwyg`](https://github.com/dskripchenko/wysiwyg) |
52
55
 
53
56
  All of them: attributes ↔ properties, `dsk:*` events, `ready`, `loading="lazy"`,
54
- light DOM (your CSS applies); diagrams, flows, boards and references open full screen. → [Elements](docs/en/elements.md)
57
+ light DOM (your CSS applies); diagrams, processes, flows, boards and references open full screen. → [Elements](docs/en/elements.md)
55
58
 
56
59
  ## Working together
57
60
 
@@ -75,6 +78,7 @@ light DOM (your CSS applies); diagrams, flows, boards and references open full s
75
78
  |---|---|---|
76
79
  | `dist/embed.js` — the loader | **9.1 KB** | Classic script; elements, API, import map. Everything else on demand. |
77
80
  | `dist/embed.bundle.js` — the fat bundle | **563 KB** (2.0 MB) | Everything inside; no import map, no further requests. |
81
+ | `dist/bundles/<plugin>.js` — one plugin each | **91–227 KB** | Vue and the kit inside; several on a page share one runtime. → [Getting started](docs/en/getting-started.md#per-plugin-bundles) |
78
82
 
79
83
  What the loader fetches on demand (gzip -9 of the published files; jsDelivr
80
84
  serves Brotli, a little smaller):