@protoyard/decks-ui 0.0.0-stage → 1.1.1

package/dist/debug/BlockOutline.svelte.d.ts

@@ -0,0 +1,12 @@
+type $$ComponentProps = {
+    /** The deck root the stage renders in. */
+    root: HTMLElement | undefined;
+    slideId: string;
+    /** `/deck/slides/3`: block pointers are `<slidePointer>/blocks/<n>`. */
+    slidePointer: string;
+    /** The props pointer of a catalog slide, or null for a free slide. */
+    propsPointer: string | null;
+};
+declare const BlockOutline: import("svelte").Component<$$ComponentProps, {}, "">;
+type BlockOutline = ReturnType<typeof BlockOutline>;
+export default BlockOutline;

package/dist/debug/DeckDebugPanel.svelte

@@ -0,0 +1,205 @@
+<script lang="ts">
+import {
+  type AgentReferenceSource,
+  describeSlideForAgent,
+  formatAgentReference,
+} from '@protoyard/decks/agent';
+import { checkDeckStatic } from '@protoyard/decks/quality';
+import type { Deck, DeckSlide } from '@protoyard/decks/schema';
+import { copyDeckText as copyText } from '@texuli/slides/stage-core';
+import { onMount, tick } from 'svelte';
+import { Badge } from 'texuli/badge';
+import { Button } from 'texuli/button';
+import BlockOutline from './BlockOutline.svelte';
+import { deckFileName, downloadText, inertJson } from './format.js';
+
+/**
+ * "Debug for agents": the slide on screen as a coding agent needs it. The
+ * record (id, position, step, layout, JSON pointers, blocks, text) comes from
+ * `describeSlideForAgent`, the findings from `checkDeckStatic`. Four actions
+ * copy or save it; outline mode draws each block's box and pointer on the
+ * stage. A side sheet, not a modal: the deck keeps its keys, D toggles it and
+ * Esc closes it first. Every string is rendered as text; nothing is fetched.
+ */
+let {
+  deck,
+  slideId,
+  step = 0,
+  root,
+  source = null,
+  onjump,
+  onclose,
+  onnotify,
+}: {
+  deck: Deck;
+  slideId: string;
+  step?: number;
+  /** The deck root, for outline mode. */
+  root: HTMLElement | undefined;
+  /** Where the deck came from (a blueprint path, a prototype slug, a share id). */
+  source?: AgentReferenceSource | null;
+  onjump: (slideId: string) => void;
+  onclose: () => void;
+  /** Feedback for the deck's toast. */
+  onnotify: (message: string, tone?: 'info' | 'error') => void;
+} = $props();
+
+const issues = $derived(checkDeckStatic(deck).issues);
+const record = $derived(
+  describeSlideForAgent(
+    deck,
+    { slideId, step },
+    {
+      source,
+      findings: issues,
+      url: typeof window === 'undefined' ? null : window.location.href,
+    }
+  )
+);
+const rawSlide = $derived<DeckSlide | undefined>(deck.slides[record.slide.index]);
+/** Slides other than this one that have findings, in deck order. */
+const otherSlides = $derived.by(() => {
+  const counts = new Map<string, number>();
+  for (const issue of issues) {
+    if (issue.slideId && issue.slideId !== record.slide.id) {
+      counts.set(issue.slideId, (counts.get(issue.slideId) ?? 0) + 1);
+    }
+  }
+  return deck.slides
+    .filter((slide) => counts.has(slide.id))
+    .map((slide) => ({ id: slide.id, count: counts.get(slide.id) ?? 0 }));
+});
+
+let outline = $state(false);
+let closeButton = $state<HTMLElement | null>(null);
+let opener: HTMLElement | null = null;
+const uid = $props.id();
+const titleId = `py-deck-debug-${uid}`;
+
+onMount(() => {
+  opener = document.activeElement instanceof HTMLElement ? document.activeElement : null;
+  void tick().then(() => closeButton?.focus({ preventScroll: true }));
+  return () => {
+    if (opener?.isConnected) opener.focus({ preventScroll: true });
+  };
+});
+
+async function copy(text: string, what: string): Promise<void> {
+  if (await copyText(text)) onnotify(`${what} copied`);
+  else onnotify(`Could not copy the ${what.toLowerCase()}`, 'error');
+}
+
+function download(): void {
+  const ok = downloadText(inertJson(deck), deckFileName(record.deck.id));
+  onnotify(ok ? 'Deck JSON downloaded' : 'Could not save the deck JSON', ok ? 'info' : 'error');
+}
+
+/** Texuli outline buttons, kept at the 44 px touch target on phones (36 px from `sm`). */
+const buttonClass = 'min-h-11 sm:min-h-9';
+</script>
+
+{#if outline}
+  <BlockOutline
+    {root}
+    slideId={record.slide.id}
+    slidePointer={record.slide.pointer}
+    propsPointer={record.slide.propsPointer}
+  />
+{/if}
+
+<aside
+  class="absolute inset-y-0 right-0 z-40 flex w-full max-w-md flex-col border-l border-border bg-background text-foreground shadow-xl"
+  aria-labelledby={titleId}
+  data-py-deck-debug
+  data-tx-deck-chrome
+>
+  <div class="flex items-center justify-between gap-3 border-b border-border px-4 py-3">
+    <h2 id={titleId} class="text-base font-semibold">Debug for agents</h2>
+    <Button bind:ref={closeButton} variant="outline" class={buttonClass} onclick={onclose}>Close</Button>
+  </div>
+
+  <div class="flex min-h-0 flex-1 flex-col gap-4 overflow-y-auto px-4 py-4 text-sm">
+    <section aria-label="This slide">
+      <dl class="grid grid-cols-[auto_1fr] gap-x-3 gap-y-1">
+        <dt class="text-muted-foreground">Slide</dt>
+        <dd class="font-mono break-all" data-py-deck-debug-slide>{record.slide.id}</dd>
+        <dt class="text-muted-foreground">Position</dt>
+        <dd>{record.slide.hidden ? 'hidden' : `${record.slide.position} of ${record.slide.total}`}, step {record.slide.step} of {record.slide.steps}</dd>
+        <dt class="text-muted-foreground">Layout</dt>
+        <dd class="font-mono">{record.slide.layout}</dd>
+        <dt class="text-muted-foreground">Pointer</dt>
+        <dd class="font-mono break-all" data-py-deck-debug-pointer>{record.slide.pointer}</dd>
+        {#if record.slide.propsPointer}
+          <dt class="text-muted-foreground">Props</dt>
+          <dd class="font-mono break-all">{record.slide.propsPointer}</dd>
+        {/if}
+        <dt class="text-muted-foreground">Deck</dt>
+        <dd class="font-mono break-all">{record.deck.id ?? 'unnamed'}</dd>
+        <dt class="text-muted-foreground">Notes</dt>
+        <dd>{record.notes.present ? `${record.notes.characters} characters` : 'none'}</dd>
+      </dl>
+    </section>
+
+    <section aria-label="Actions" class="grid gap-2 sm:grid-cols-2">
+      <!-- The copy actions return their promise: Texuli's Button shows pending until it settles. -->
+      <Button variant="outline" class={buttonClass} data-py-deck-debug-action="reference" onclick={() => copy(formatAgentReference(record, 'line'), 'Agent reference')}>Copy agent reference</Button>
+      <Button variant="outline" class={buttonClass} data-py-deck-debug-action="prompt" onclick={() => copy(formatAgentReference(record, 'markdown'), 'Agent prompt')}>Copy as agent prompt</Button>
+      <Button variant="outline" class={buttonClass} data-py-deck-debug-action="slide-json" onclick={() => copy(inertJson(rawSlide ?? null), 'Slide JSON')}>Copy slide JSON</Button>
+      <Button variant="outline" class={buttonClass} data-py-deck-debug-action="download" onclick={download}>Download deck JSON</Button>
+      <Button
+        variant="outline"
+        class={`${buttonClass} col-span-full aria-pressed:border-primary aria-pressed:bg-primary/10`}
+        aria-pressed={outline}
+        data-py-deck-debug-action="outline"
+        onclick={() => (outline = !outline)}
+      >
+        Outline blocks
+      </Button>
+    </section>
+
+    <section aria-labelledby={`${titleId}-findings`}>
+      <h3 id={`${titleId}-findings`} class="mb-2 font-semibold">Checks on this slide</h3>
+      {#if record.findings.length === 0}
+        <p class="text-muted-foreground">No findings on this slide.</p>
+      {:else}
+        <ul class="space-y-2" data-py-deck-debug-findings>
+          {#each record.findings as finding, index (`${finding.rule}:${finding.pointer}:${index}`)}
+            <li class="rounded-md border border-border p-2">
+              <p class="flex flex-wrap items-center gap-2"><Badge variant={finding.severity === 'error' ? 'destructive' : 'warning'} label={finding.severity} /> <span class="font-mono">{finding.rule}</span></p>
+              <p class="font-mono text-xs break-all text-muted-foreground">{finding.pointer}</p>
+              <p>{finding.message}</p>
+            </li>
+          {/each}
+        </ul>
+      {/if}
+      {#if otherSlides.length > 0}
+        <h4 class="mt-3 mb-2 font-medium">Other slides with findings</h4>
+        <ul class="flex flex-wrap gap-2">
+          {#each otherSlides as other (other.id)}
+            <li>
+              <Button variant="outline" class={buttonClass} data-py-deck-debug-jump={other.id} onclick={() => onjump(other.id)}>
+                {other.id} ({other.count})
+              </Button>
+            </li>
+          {/each}
+        </ul>
+      {/if}
+    </section>
+
+    {#if record.blocks.length > 0}
+      <section aria-labelledby={`${titleId}-blocks`}>
+        <h3 id={`${titleId}-blocks`} class="mb-2 font-semibold">Blocks</h3>
+        <ul class="space-y-1 font-mono text-xs">
+          {#each record.blocks as block (block.pointer)}
+            <li class="break-all"><span class="text-muted-foreground">{block.pointer}</span> {block.type}{block.id ? ` #${block.id}` : ''}</li>
+          {/each}
+        </ul>
+      </section>
+    {/if}
+
+    <section aria-labelledby={`${titleId}-text`}>
+      <h3 id={`${titleId}-text`} class="mb-2 font-semibold">Slide text</h3>
+      <p class="whitespace-pre-wrap text-muted-foreground" data-py-deck-debug-text>{record.text || '(no text)'}</p>
+    </section>
+  </div>
+</aside>

package/dist/debug/DeckDebugPanel.svelte.d.ts

@@ -0,0 +1,18 @@
+import { type AgentReferenceSource } from '@protoyard/decks/agent';
+import type { Deck } from '@protoyard/decks/schema';
+type $$ComponentProps = {
+    deck: Deck;
+    slideId: string;
+    step?: number;
+    /** The deck root, for outline mode. */
+    root: HTMLElement | undefined;
+    /** Where the deck came from (a blueprint path, a prototype slug, a share id). */
+    source?: AgentReferenceSource | null;
+    onjump: (slideId: string) => void;
+    onclose: () => void;
+    /** Feedback for the deck's toast. */
+    onnotify: (message: string, tone?: 'info' | 'error') => void;
+};
+declare const DeckDebugPanel: import("svelte").Component<$$ComponentProps, {}, "">;
+type DeckDebugPanel = ReturnType<typeof DeckDebugPanel>;
+export default DeckDebugPanel;

package/dist/debug/availability.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Whether the deck's "Debug for agents" panel is available. Tiny on purpose:
+ * DeckApp imports this file directly, and the panel itself stays on its own
+ * lazy chunk (`./index.ts`) that loads only when it opens.
+ */
+/** `auto` (the default): dev builds or `?debug=1`. `on` and `off` are the host's choice. */
+export type DeckDebugSetting = 'auto' | 'on' | 'off';
+export interface DeckDebugContext {
+    /** True in a Vite dev server build. */
+    dev?: boolean;
+    /** The page's `location.search`. */
+    search?: string;
+}
+/** True for a Vite dev build (`import.meta.env.DEV`); false in production builds and exports. */
+export declare function isDevBuild(): boolean;
+/** `?debug=1` (or `true`) on the page URL. */
+export declare function debugQueryOn(search: string): boolean;
+/** The availability matrix: `off` always wins, `on` always shows, `auto` needs dev or `?debug=1`. */
+export declare function deckDebugAvailable(setting?: DeckDebugSetting, context?: DeckDebugContext): boolean;

package/dist/debug/availability.js

@@ -0,0 +1,27 @@
+/**
+ * Whether the deck's "Debug for agents" panel is available. Tiny on purpose:
+ * DeckApp imports this file directly, and the panel itself stays on its own
+ * lazy chunk (`./index.ts`) that loads only when it opens.
+ */
+/** True for a Vite dev build (`import.meta.env.DEV`); false in production builds and exports. */
+export function isDevBuild() {
+    return import.meta.env?.DEV === true;
+}
+/** `?debug=1` (or `true`) on the page URL. */
+export function debugQueryOn(search) {
+    try {
+        const value = new URLSearchParams(search).get('debug');
+        return value === '1' || value === 'true';
+    }
+    catch {
+        return false;
+    }
+}
+/** The availability matrix: `off` always wins, `on` always shows, `auto` needs dev or `?debug=1`. */
+export function deckDebugAvailable(setting = 'auto', context = {}) {
+    if (setting === 'off')
+        return false;
+    if (setting === 'on')
+        return true;
+    return context.dev === true || debugQueryOn(context.search ?? '');
+}

package/dist/debug/format.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Text the debug panel copies or downloads. Deck data is untrusted: JSON is
+ * written with every invisible, control and bidirectional character escaped
+ * as `\uXXXX` (JSON-equivalent, so the data round-trips), so pasted slide JSON
+ * can never reorder or hide text in an editor or a prompt (Trojan Source).
+ */
+/** Pretty JSON with every invisible character escaped (the shared definition in `@protoyard/decks/text`). */
+export { inertJson } from '@protoyard/decks/text';
+/** A safe download name: `<slug>.deck.json`. */
+export declare function deckFileName(deckId: string | null | undefined): string;
+/** Saves `text` as a file in the browser (an object URL, no network). False where that is impossible. */
+export declare function downloadText(text: string, fileName: string, doc?: Document): boolean;

package/dist/debug/format.js

@@ -0,0 +1,39 @@
+/**
+ * Text the debug panel copies or downloads. Deck data is untrusted: JSON is
+ * written with every invisible, control and bidirectional character escaped
+ * as `\uXXXX` (JSON-equivalent, so the data round-trips), so pasted slide JSON
+ * can never reorder or hide text in an editor or a prompt (Trojan Source).
+ */
+/** Pretty JSON with every invisible character escaped (the shared definition in `@protoyard/decks/text`). */
+export { inertJson } from '@protoyard/decks/text';
+/** A safe download name: `<slug>.deck.json`. */
+export function deckFileName(deckId) {
+    const slug = (deckId ?? '')
+        .toLowerCase()
+        .replace(/[^a-z0-9]+/g, '-')
+        .replace(/^-+|-+$/g, '')
+        .slice(0, 64);
+    return `${slug || 'deck'}.deck.json`;
+}
+/** Saves `text` as a file in the browser (an object URL, no network). False where that is impossible. */
+export function downloadText(text, fileName, doc = document) {
+    const win = doc.defaultView;
+    if (!win || typeof win.URL?.createObjectURL !== 'function')
+        return false;
+    try {
+        const url = win.URL.createObjectURL(new Blob([text], { type: 'application/json' }));
+        const link = doc.createElement('a');
+        link.href = url;
+        link.download = fileName;
+        link.rel = 'noopener';
+        link.style.display = 'none';
+        doc.body.append(link);
+        link.click();
+        link.remove();
+        win.setTimeout(() => win.URL.revokeObjectURL(url), 0);
+        return true;
+    }
+    catch {
+        return false;
+    }
+}

package/dist/debug/index.d.ts

@@ -0,0 +1,10 @@
+/**
+ * `@protoyard/decks-ui/debug` — the "Debug for agents" panel (ADR-038 lazy
+ * chunk): DeckApp imports it only when the panel opens, so it adds nothing to
+ * the deck entry. Availability (`deckDebugAvailable`) lives in
+ * `./availability.ts`, which the entry imports directly.
+ */
+export { type DeckDebugContext, type DeckDebugSetting, debugQueryOn, deckDebugAvailable, isDevBuild, } from './availability.ts';
+export { default as BlockOutline } from './BlockOutline.svelte';
+export { default as DeckDebugPanel } from './DeckDebugPanel.svelte';
+export { deckFileName, downloadText, inertJson } from './format.ts';

package/dist/debug/index.js

@@ -0,0 +1,10 @@
+/**
+ * `@protoyard/decks-ui/debug` — the "Debug for agents" panel (ADR-038 lazy
+ * chunk): DeckApp imports it only when the panel opens, so it adds nothing to
+ * the deck entry. Availability (`deckDebugAvailable`) lives in
+ * `./availability.ts`, which the entry imports directly.
+ */
+export { debugQueryOn, deckDebugAvailable, isDevBuild, } from "./availability.js";
+export { default as BlockOutline } from './BlockOutline.svelte';
+export { default as DeckDebugPanel } from './DeckDebugPanel.svelte';
+export { deckFileName, downloadText, inertJson } from "./format.js";

package/dist/index.d.ts

@@ -0,0 +1 @@
+export { type CanvasFit as DeckCanvasFit, fitDeckCanvas } from '@texuli/deck/engine';

package/dist/index.js

@@ -0,0 +1,7 @@
+/*
+ * `@protoyard/decks-ui` root: small, eager helpers only. DeckApp, Deck Studio
+ * and the debug panel live on their own subpaths (`./app`, `./studio`,
+ * `./debug`) so each loads lazily (ADR-038). The stage itself is
+ * `@texuli/slides` (Texuli ADR-009).
+ */
+export { fitDeckCanvas } from '@texuli/deck/engine';

package/dist/layouts/CustomSlideHost.svelte

@@ -0,0 +1,97 @@
+<script lang="ts">
+import type { CustomSlide } from '@protoyard/decks/schema';
+import { Button } from 'texuli/button';
+import { type CustomSlideRegistry, customSlideLoader, frozenCopy } from './custom-slides.js';
+
+/**
+ * A `layout: "custom"` slide. In a generated deck (level 2) it loads the
+ * component the prototype registered under `props.component` and renders it
+ * with `{ slide, step, stepCount, data }`, inside the slide canvas. A
+ * component that throws, or fails to load, shows an error card on this slide
+ * only; the deck keeps navigating. Without a registry (the player, level 1)
+ * or with `live` off (overview, print, previews) it shows a labelled card and
+ * runs no owned code.
+ */
+let {
+  slide,
+  step = 0,
+  stepCount = 0,
+  registry,
+  live = true,
+}: {
+  slide: CustomSlide;
+  step?: number;
+  stepCount?: number;
+  /** The generated deck's `src/custom-slides.ts`; absent in the player. */
+  registry?: CustomSlideRegistry | undefined;
+  /** False in thumbnails and print: show the card, never run the component. */
+  live?: boolean;
+} = $props();
+
+const id = $derived(slide.props.component);
+const loader = $derived(customSlideLoader(registry, id));
+const load = $derived(live && loader ? loader() : null);
+const ownSlide = $derived(frozenCopy(slide));
+const data = $derived(frozenCopy(slide.props.data ?? {}));
+const label = $derived(slide.title ?? id);
+</script>
+
+{#snippet card(heading: string, detail: string, tone: 'info' | 'error' = 'info')}
+  <div
+    class="grid size-full place-items-center p-16"
+    role={tone === 'error' ? 'alert' : 'note'}
+    data-py-deck-custom-card={tone}
+  >
+    <div class="max-w-4xl rounded-2xl border-2 border-dashed border-border bg-muted/40 p-8 text-center">
+      <p class="text-2xl font-semibold tracking-wide text-muted-foreground uppercase">{label}</p>
+      <p class={`mt-4 text-3xl font-semibold ${tone === 'error' ? 'text-destructive' : 'text-foreground'}`}>{heading}</p>
+      <p class="mt-4 text-2xl text-muted-foreground">{detail}</p>
+    </div>
+  </div>
+{/snippet}
+
+<div class="size-full" data-py-deck-custom={id}>
+  {#if !live}
+    {@render card('Interactive slide', `Runs the "${id}" component on the slide itself.`)}
+  {:else if !registry}
+    {@render card(
+      'Interactive slide — open the generated deck to run it',
+      `This slide runs the "${id}" component, which only a generated deck has.`
+    )}
+  {:else if !loader}
+    {@render card(
+      'This custom slide is not available',
+      `No component named "${id}" is registered in this deck's src/custom-slides.ts.`,
+      'error'
+    )}
+  {:else if load}
+    {#await load}
+      <div class="grid size-full place-items-center" role="status" aria-label="Loading the slide">
+        <span class="text-2xl text-muted-foreground">Loading the slide…</span>
+      </div>
+    {:then module}
+      {@const Slide = module.default}
+      <svelte:boundary>
+        <!-- The component owns its clicks: they never advance the deck. -->
+        <div class="size-full" data-tx-deck-interactive>
+          <Slide slide={ownSlide} {step} {stepCount} {data} />
+        </div>
+        {#snippet failed(_error, reset)}
+          <div class="grid size-full place-items-center p-16" role="alert" data-py-deck-custom-card="error">
+            <div class="max-w-4xl rounded-2xl border-2 border-destructive bg-background p-8 text-center">
+              <p class="text-3xl font-semibold text-destructive">This slide stopped working</p>
+              <p class="mt-4 text-2xl text-muted-foreground">The "{id}" component failed. The rest of the deck still works.</p>
+              <Button variant="outline" size="lg" class="mt-6 text-2xl" onclick={reset}>Try again</Button>
+            </div>
+          </div>
+        {/snippet}
+      </svelte:boundary>
+    {:catch}
+      {@render card(
+        'This slide could not be loaded',
+        `The "${id}" component did not load. The rest of the deck still works.`,
+        'error'
+      )}
+    {/await}
+  {/if}
+</div>

package/dist/layouts/CustomSlideHost.svelte.d.ts

@@ -0,0 +1,14 @@
+import type { CustomSlide } from '@protoyard/decks/schema';
+import { type CustomSlideRegistry } from './custom-slides.ts';
+type $$ComponentProps = {
+    slide: CustomSlide;
+    step?: number;
+    stepCount?: number;
+    /** The generated deck's `src/custom-slides.ts`; absent in the player. */
+    registry?: CustomSlideRegistry | undefined;
+    /** False in thumbnails and print: show the card, never run the component. */
+    live?: boolean;
+};
+declare const CustomSlideHost: import("svelte").Component<$$ComponentProps, {}, "">;
+type CustomSlideHost = ReturnType<typeof CustomSlideHost>;
+export default CustomSlideHost;

package/dist/layouts/custom-slides.d.ts

@@ -0,0 +1,28 @@
+import type { CustomSlide } from '@protoyard/decks/schema';
+import type { Component } from 'svelte';
+/**
+ * What an owned custom slide component receives: its own slide (a frozen
+ * copy), the current step, the number of steps and the slide's `data`. Never
+ * the raw deck or the runtime's write services; a prototype that wants them
+ * passes them to its component itself.
+ */
+export interface CustomSlideProps {
+    slide: Readonly<CustomSlide>;
+    /** 0 before the first reveal, up to `stepCount`. */
+    step: number;
+    /** The slide's reveal steps (its `steps` labels). */
+    stepCount: number;
+    /** `props.data`, bounded JSON (a frozen copy; `{}` when the slide has none). */
+    data: Readonly<Record<string, unknown>>;
+}
+export type CustomSlideComponent = Component<CustomSlideProps>;
+/** A lazy loader: the component's module loads the first time its slide shows. */
+export type CustomSlideLoader = () => Promise<{
+    default: CustomSlideComponent;
+}>;
+/** A generated deck's `src/custom-slides.ts`: component id → lazy loader. */
+export type CustomSlideRegistry = Readonly<Record<string, CustomSlideLoader>>;
+/** A deep-frozen copy, so a component can never change the deck's data. */
+export declare function frozenCopy<T>(value: T): Readonly<T>;
+/** The registry's loader for `id`, never one inherited from `Object.prototype`. */
+export declare function customSlideLoader(registry: CustomSlideRegistry | undefined, id: string): CustomSlideLoader | null;

package/dist/layouts/custom-slides.js

@@ -0,0 +1,20 @@
+/** A deep-frozen copy, so a component can never change the deck's data. */
+export function frozenCopy(value) {
+    const copy = structuredClone(value);
+    const freeze = (node) => {
+        if (node === null || typeof node !== 'object' || Object.isFrozen(node))
+            return;
+        Object.freeze(node);
+        for (const child of Object.values(node))
+            freeze(child);
+    };
+    freeze(copy);
+    return copy;
+}
+/** The registry's loader for `id`, never one inherited from `Object.prototype`. */
+export function customSlideLoader(registry, id) {
+    if (!registry || !Object.hasOwn(registry, id))
+        return null;
+    const loader = registry[id];
+    return typeof loader === 'function' ? loader : null;
+}

package/dist/layouts/index.d.ts

@@ -0,0 +1,7 @@
+/**
+ * `@protoyard/decks-ui/layouts`: custom slides, the one slide kind a
+ * generated deck renders with its own code. The 20 catalog layouts render on
+ * the `@texuli/slides` stage (`@texuli/slides/layouts`).
+ */
+export { default as CustomSlideHost } from './CustomSlideHost.svelte';
+export { type CustomSlideComponent, type CustomSlideLoader, type CustomSlideProps, type CustomSlideRegistry, customSlideLoader, frozenCopy, } from './custom-slides.ts';

package/dist/layouts/index.js

@@ -0,0 +1,7 @@
+/**
+ * `@protoyard/decks-ui/layouts`: custom slides, the one slide kind a
+ * generated deck renders with its own code. The 20 catalog layouts render on
+ * the `@texuli/slides` stage (`@texuli/slides/layouts`).
+ */
+export { default as CustomSlideHost } from './CustomSlideHost.svelte';
+export { customSlideLoader, frozenCopy, } from "./custom-slides.js";

package/dist/player.css

@@ -0,0 +1,6 @@
+/* Styles for a deck player: DeckApp, free and custom slides, the debug panel. The stage brings its own (`@texuli/slides/styles.css`). */
+@import "@protoyard/blocks-ui/styles.css";
+
+@source "./app";
+@source "./layouts";
+@source "./debug";

package/dist/player.css.d.ts

@@ -0,0 +1 @@
+export {};