@cube-drone/marquee-html-renderer 0.7.0 → 0.7.2

package/dist/profile.d.ts

@@ -2,6 +2,10 @@ import type { Attrs } from "@cube-drone/marquee-parser";
 export interface MediaResolution {
     kind: "image" | "audio" | "video";
     url: string;
+    /** A video that is really a silent animation (a gif that became a video):
+     * drawn looping, muted, autoplaying, with no controls. The embedder decides -
+     * the language only carries the choice. Ignored for images and audio. */
+    loop?: boolean;
 }
 export type TurbolinkLevel = "full" | "title" | "bare";
 /** What an emoji slug becomes: replacement text, or a custom-emoji image. */

package/dist/profile.js

@@ -2,10 +2,12 @@
 // meaning, the embedder defines policy. Every render-time capability
 // decision routes through here; the renderer itself never fetches, never
 // guesses trust, never widens a scheme allowlist.
+// Mirror of the Rust renderer's table (rust/html_renderer/src/profile.rs). `apng` and
+// `opus` joined 2026-09-03: ringtome mints both and they rendered as the placeholder.
 const MEDIA_KINDS = {
     png: "image", jpg: "image", jpeg: "image", gif: "image", webp: "image",
-    avif: "image", svg: "image",
-    mp3: "audio", ogg: "audio", wav: "audio", flac: "audio", m4a: "audio",
+    avif: "image", apng: "image", svg: "image",
+    mp3: "audio", ogg: "audio", opus: "audio", wav: "audio", flac: "audio", m4a: "audio",
     mp4: "video", webm: "video",
 };
 function scheme(target) {

package/dist/render.js

@@ -205,7 +205,9 @@ function embed(target, alt, profile) {
             case "audio":
                 return `<audio class="mq-embed" controls src="${url}" aria-label="${escapeAttr(alt)}"></audio>`;
             case "video":
-                return `<video class="mq-embed" controls src="${url}" aria-label="${escapeAttr(alt)}"></video>`;
+                return media.loop === true
+                    ? `<video class="mq-embed" autoplay loop muted playsinline src="${url}" aria-label="${escapeAttr(alt)}"></video>`
+                    : `<video class="mq-embed" controls src="${url}" aria-label="${escapeAttr(alt)}"></video>`;
         }
     }
     // The contractual shrug applied to media: degrade to a labeled link, or

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cube-drone/marquee-html-renderer",
-  "version": "0.7.0",
+  "version": "0.7.2",
   "description": "Reference static HTML renderer for the Marquee markup language",
   "license": "MPL-2.0",
   "repository": {
@@ -35,12 +35,12 @@
     "prepack": "npm run build"
   },
   "dependencies": {
-    "@cube-drone/marquee-parser": "^0.7.0"
+    "@cube-drone/marquee-parser": "^0.7.2"
   },
   "devDependencies": {
-    "@cube-drone/marquee-css": "^0.7.0",
-    "@cube-drone/marquee-fonts": "^0.7.0",
-    "@cube-drone/marquee-turbolink": "^0.7.0",
+    "@cube-drone/marquee-css": "^0.7.2",
+    "@cube-drone/marquee-fonts": "^0.7.2",
+    "@cube-drone/marquee-turbolink": "^0.7.2",
     "@types/node": "^24.0.0",
     "typescript": "^5.9.0"
   }

package/src/profile.ts

@@ -8,6 +8,10 @@ import type { Attrs } from "@cube-drone/marquee-parser";
 export interface MediaResolution {
   kind: "image" | "audio" | "video";
   url: string;
+  /** A video that is really a silent animation (a gif that became a video):
+   * drawn looping, muted, autoplaying, with no controls. The embedder decides -
+   * the language only carries the choice. Ignored for images and audio. */
+  loop?: boolean;
 }
 
 export type TurbolinkLevel = "full" | "title" | "bare";
@@ -44,10 +48,12 @@ export interface Profile {
   span(name: string, attrs: Attrs, renderedChildren: string): string | null;
 }
 
+// Mirror of the Rust renderer's table (rust/html_renderer/src/profile.rs). `apng` and
+// `opus` joined 2026-09-03: ringtome mints both and they rendered as the placeholder.
 const MEDIA_KINDS: Record<string, MediaResolution["kind"]> = {
   png: "image", jpg: "image", jpeg: "image", gif: "image", webp: "image",
-  avif: "image", svg: "image",
-  mp3: "audio", ogg: "audio", wav: "audio", flac: "audio", m4a: "audio",
+  avif: "image", apng: "image", svg: "image",
+  mp3: "audio", ogg: "audio", opus: "audio", wav: "audio", flac: "audio", m4a: "audio",
   mp4: "video", webm: "video",
 };
 

package/src/render.ts

@@ -232,7 +232,9 @@ function embed(target: string, alt: string, profile: Profile): string {
       case "audio":
         return `<audio class="mq-embed" controls src="${url}" aria-label="${escapeAttr(alt)}"></audio>`;
       case "video":
-        return `<video class="mq-embed" controls src="${url}" aria-label="${escapeAttr(alt)}"></video>`;
+        return media.loop === true
+          ? `<video class="mq-embed" autoplay loop muted playsinline src="${url}" aria-label="${escapeAttr(alt)}"></video>`
+          : `<video class="mq-embed" controls src="${url}" aria-label="${escapeAttr(alt)}"></video>`;
     }
   }
   // The contractual shrug applied to media: degrade to a labeled link, or