@markdy/renderer-dom 0.5.0 → 0.5.1

package/dist/index.d.ts

@@ -26,6 +26,8 @@ interface PlayerOptions {
     autoplay?: boolean;
     /** Loop the animation when it reaches the end. Defaults to true. */
     loop?: boolean;
+    /** Show a small "Powered by Markdy" badge below the animation. Defaults to true. */
+    copyright?: boolean;
 }
 interface Player {
     play(): void;

package/dist/index.js

@@ -637,7 +637,7 @@ function buildAction(ev, el, s, baseOpts, delayMs, durMs, ast, states, scene, as
 
 // src/player.ts
 function createPlayer(opts) {
-  const { container, code, assets: assetOverrides = {}, autoplay = true, loop = true } = opts;
+  const { container, code, assets: assetOverrides = {}, autoplay = true, loop = true, copyright = true } = opts;
   const ast = parse(code);
   const viewport = document.createElement("div");
   Object.assign(viewport.style, {
@@ -647,6 +647,32 @@ function createPlayer(opts) {
     overflow: "hidden"
   });
   container.appendChild(viewport);
+  let badge = null;
+  if (copyright) {
+    badge = document.createElement("a");
+    badge.href = "https://markdy.com";
+    badge.target = "_blank";
+    badge.rel = "noopener noreferrer";
+    badge.textContent = "Powered by Markdy";
+    Object.assign(badge.style, {
+      display: "block",
+      textAlign: "right",
+      fontSize: "10px",
+      fontFamily: "system-ui, -apple-system, sans-serif",
+      color: "#999",
+      textDecoration: "none",
+      padding: "3px 6px 0",
+      opacity: "0.7",
+      transition: "opacity 0.2s"
+    });
+    badge.addEventListener("mouseenter", () => {
+      badge.style.opacity = "1";
+    });
+    badge.addEventListener("mouseleave", () => {
+      badge.style.opacity = "0.7";
+    });
+    container.appendChild(badge);
+  }
   const scene = document.createElement("div");
   Object.assign(scene.style, {
     position: "absolute",
@@ -760,6 +786,7 @@ function createPlayer(opts) {
       player.pause();
       for (const anim of allAnims) anim.cancel();
       resizeObserver.disconnect();
+      if (badge?.parentNode === container) container.removeChild(badge);
       if (viewport.parentNode === container) container.removeChild(viewport);
     }
   };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@markdy/renderer-dom",
-  "version": "0.5.0",
+  "version": "0.5.1",
   "description": "Web Animations API renderer for MarkdyScript scenes.",
   "license": "MIT",
   "type": "module",
@@ -43,7 +43,7 @@
     "access": "public"
   },
   "dependencies": {
-    "@markdy/core": "0.5.0"
+    "@markdy/core": "0.5.1"
   },
   "devDependencies": {
     "tsup": "^8.5.1",