@markdy/astro 1.4.5 → 1.4.7
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/package.json +2 -2
- package/src/Markdy.astro +13 -12
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@markdy/astro",
|
|
3
|
-
"version": "1.4.
|
|
3
|
+
"version": "1.4.7",
|
|
4
4
|
"description": "Astro island component for diagram-native animated MarkdyScript architecture diagrams.",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"type": "module",
|
|
@@ -39,7 +39,7 @@
|
|
|
39
39
|
"registry": "https://registry.npmjs.org"
|
|
40
40
|
},
|
|
41
41
|
"dependencies": {
|
|
42
|
-
"@markdy/renderer-dom": "1.4.
|
|
42
|
+
"@markdy/renderer-dom": "1.4.7"
|
|
43
43
|
},
|
|
44
44
|
"peerDependencies": {
|
|
45
45
|
"astro": ">=4.0.0"
|
package/src/Markdy.astro
CHANGED
|
@@ -40,9 +40,9 @@ export interface Props {
|
|
|
40
40
|
loop?: boolean;
|
|
41
41
|
/** Show the linked "Powered by Markdy" badge at the footer's right edge. */
|
|
42
42
|
copyright?: boolean;
|
|
43
|
-
/** Show a rainbow progress bar around the viewport border, or specify a custom color/gradient. Defaults to
|
|
43
|
+
/** Show a rainbow progress bar around the viewport border, or specify a custom color/gradient. Defaults to false. */
|
|
44
44
|
progressBar?: boolean | string;
|
|
45
|
-
/** Preferred flag to show/hide or set a custom color/gradient for the scene-boundary progress bar. Defaults to
|
|
45
|
+
/** Preferred flag to show/hide or set a custom color/gradient for the scene-boundary progress bar. Defaults to false. */
|
|
46
46
|
sceneBoundaryProgress?: boolean | string;
|
|
47
47
|
/** Custom progress bar color or gradient (e.g. "#3b82f6", "emerald", "#ec4899, #8b5cf6"). */
|
|
48
48
|
progressColor?: string;
|
|
@@ -79,8 +79,8 @@ const {
|
|
|
79
79
|
autoplay,
|
|
80
80
|
loop,
|
|
81
81
|
copyright,
|
|
82
|
-
progressBar,
|
|
83
|
-
sceneBoundaryProgress,
|
|
82
|
+
progressBar = false,
|
|
83
|
+
sceneBoundaryProgress = false,
|
|
84
84
|
progressColor,
|
|
85
85
|
progressBarColor,
|
|
86
86
|
playbackRate,
|
|
@@ -126,7 +126,7 @@ const codeB64 =
|
|
|
126
126
|
role="img"
|
|
127
127
|
aria-label={title}
|
|
128
128
|
aria-busy="true"
|
|
129
|
-
style={`max-width:${width}px;width:100%;aspect-ratio:${width}/${height};overflow:hidden`}
|
|
129
|
+
style={`max-width:${width}px;width:100%;aspect-ratio:${width}/${height};overflow:hidden;border-radius:12px;border:1px solid var(--md-card-border, rgba(148, 163, 184, 0.22));margin:2rem 0;box-sizing:border-box;background:${bg}`}
|
|
130
130
|
>
|
|
131
131
|
<!--
|
|
132
132
|
SSR placeholder: keeps layout stable before the island hydrates.
|
|
@@ -137,13 +137,14 @@ const codeB64 =
|
|
|
137
137
|
class="markdy-placeholder"
|
|
138
138
|
type="button"
|
|
139
139
|
aria-label={`Play ${title}`}
|
|
140
|
-
style={`width:100%;height:100%;background:${bg};display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;padding:0`}
|
|
140
|
+
style={`width:100%;height:100%;background:${bg};display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;border:none;padding:0;outline:none`}
|
|
141
141
|
>
|
|
142
|
-
<
|
|
143
|
-
style="font-family
|
|
142
|
+
<div
|
|
143
|
+
style="display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:9999px;background:rgba(15,23,42,0.04);border:1px solid rgba(148,163,184,0.2);color:#64748b;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;font-size:11px;font-weight:500;letter-spacing:0.02em;pointer-events:none;box-shadow:0 1px 2px rgba(0,0,0,0.02)"
|
|
144
144
|
>
|
|
145
|
-
|
|
146
|
-
|
|
145
|
+
<svg width="10" height="10" viewBox="0 0 24 24" fill="currentColor" style="opacity:0.8"><polygon points="6 3 20 12 6 21 6 3"></polygon></svg>
|
|
146
|
+
<span>Markdy</span>
|
|
147
|
+
</div>
|
|
147
148
|
</button>
|
|
148
149
|
|
|
149
150
|
<!--
|
|
@@ -309,11 +310,11 @@ const codeB64 =
|
|
|
309
310
|
const progressBar =
|
|
310
311
|
el.dataset.markdyProgressBar !== undefined
|
|
311
312
|
? el.dataset.markdyProgressBar !== "false"
|
|
312
|
-
:
|
|
313
|
+
: false;
|
|
313
314
|
const rawSceneBoundaryProgress = el.dataset.markdySceneBoundaryProgress;
|
|
314
315
|
const sceneBoundaryProgress =
|
|
315
316
|
rawSceneBoundaryProgress === undefined
|
|
316
|
-
?
|
|
317
|
+
? false
|
|
317
318
|
: rawSceneBoundaryProgress === "false"
|
|
318
319
|
? false
|
|
319
320
|
: rawSceneBoundaryProgress !== "true"
|