@markdy/astro 0.8.2 → 0.8.4
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/README.md +3 -3
- package/package.json +2 -2
- package/src/Markdy.astro +2 -2
package/README.md
CHANGED
|
@@ -37,7 +37,7 @@ Astro integration provides an island wrapper for lazy client-side hydration.
|
|
|
37
37
|
import { Markdy } from "@markdy/astro";
|
|
38
38
|
|
|
39
39
|
const code = `
|
|
40
|
-
scene "Request" theme=
|
|
40
|
+
scene "Request" theme=paper width=800 height=400
|
|
41
41
|
browser Web
|
|
42
42
|
service API
|
|
43
43
|
beat main:
|
|
@@ -55,7 +55,7 @@ const code = `
|
|
|
55
55
|
import { Markdy } from "@markdy/astro";
|
|
56
56
|
|
|
57
57
|
export const code = `
|
|
58
|
-
scene "Request" theme=
|
|
58
|
+
scene "Request" theme=paper width=600 height=300
|
|
59
59
|
browser Web
|
|
60
60
|
service API
|
|
61
61
|
beat main:
|
|
@@ -89,7 +89,7 @@ export const code = `
|
|
|
89
89
|
|
|
90
90
|
1. **Server:** renders a sized placeholder `<div>` with a `▶ markdy` label
|
|
91
91
|
2. **Client:** an `IntersectionObserver` watches all `.markdy-root` elements
|
|
92
|
-
3. **On viewport entry:** the observer fires, clears the placeholder, and calls `
|
|
92
|
+
3. **On viewport entry:** the observer fires, clears the placeholder, and calls `createDiagram()` from `@markdy/renderer-dom`
|
|
93
93
|
4. **View Transitions:** listens for `astro:page-load` to re-observe newly added elements
|
|
94
94
|
|
|
95
95
|
## Documentation
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@markdy/astro",
|
|
3
|
-
"version": "0.8.
|
|
3
|
+
"version": "0.8.4",
|
|
4
4
|
"description": "Astro island component for animated MarkdyScript architecture diagrams.",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"type": "module",
|
|
@@ -37,7 +37,7 @@
|
|
|
37
37
|
"access": "public"
|
|
38
38
|
},
|
|
39
39
|
"dependencies": {
|
|
40
|
-
"@markdy/renderer-dom": "0.8.
|
|
40
|
+
"@markdy/renderer-dom": "0.8.4"
|
|
41
41
|
},
|
|
42
42
|
"peerDependencies": {
|
|
43
43
|
"astro": ">=4.0.0"
|
package/src/Markdy.astro
CHANGED
|
@@ -255,13 +255,13 @@ const {
|
|
|
255
255
|
const playbackRate = Number(el.dataset.markdyPlaybackRate ?? "1");
|
|
256
256
|
|
|
257
257
|
// Code-split: renderer-dom is NOT part of the initial page bundle.
|
|
258
|
-
const {
|
|
258
|
+
const { createDiagram } = await import("@markdy/renderer-dom");
|
|
259
259
|
|
|
260
260
|
// Clear the SSR placeholder and mount the canvas atomically after the
|
|
261
261
|
// async import resolves, so there is no flash of empty content.
|
|
262
262
|
el.innerHTML = "";
|
|
263
263
|
|
|
264
|
-
|
|
264
|
+
createDiagram({
|
|
265
265
|
container: el,
|
|
266
266
|
code,
|
|
267
267
|
assets,
|