@pathmx/player 0.5.0

package/variants.ts

@@ -0,0 +1,36 @@
+import type { SourceDescription } from "@pathmx/core"
+import type { PlayRoute } from "./route.ts"
+
+const PLAY_VARIANTS = new Set([
+  "cover",
+  "section",
+  "quote",
+  "fact",
+  "full",
+  "end",
+])
+
+function playData(value: unknown) {
+  return value && typeof value === "object" && !Array.isArray(value)
+    ? (value as Readonly<Record<string, unknown>>)
+    : undefined
+}
+
+/** Project supported Player-only variants onto the rendered presentation frames. */
+export function applyBlockVariants(
+  route: PlayRoute,
+  description: SourceDescription,
+) {
+  const blocks = route.document.querySelectorAll<HTMLElement>(
+    ":scope > section[data-pmx-block]",
+  )
+  blocks.forEach((block, index) => {
+    block.removeAttribute("data-pmx-play-variant")
+    const variant = playData(
+      description.source.blocks[index]?.data.play,
+    )?.variant
+    if (typeof variant === "string" && PLAY_VARIANTS.has(variant)) {
+      block.dataset.pmxPlayVariant = variant
+    }
+  })
+}