@protoyard/decks-ui 0.0.0-stage → 1.1.0

package/dist/studio/studio.svelte.js

@@ -0,0 +1,85 @@
+import { parseDeckHash } from '@protoyard/decks';
+import { applyDeckEdits, compatibleLayouts, } from '@protoyard/decks/patch';
+/** Re-roots every operation of a deck patch under `pointer`. */
+export function prefixDeckPatch(patch, pointer = '') {
+    if (!pointer)
+        return patch;
+    return patch.map((op) => ({ ...op, path: `${pointer}${op.path}` }));
+}
+/**
+ * Deck Studio state: the source deck, the edits made so far, and everything
+ * derived from them — the live `preview` deck (hand it to `DeckApp`), the RFC
+ * 6902 `patch` that turns the source JSON into that preview, and any schema
+ * `issues`. Edits stay in memory: nothing is written to tables or files.
+ */
+export function createDeckStudio(sourceDeck, studioOptions = {}) {
+    const source = structuredClone(sourceDeck);
+    let edits = $state({ style: {}, slides: {} });
+    let slideId = $state(source.slides[0]?.id ?? '');
+    const result = $derived(applyDeckEdits(source, edits));
+    const preview = $derived(result.ok ? result.deck : source);
+    const patch = $derived(prefixDeckPatch(result.patch, studioOptions.pointer));
+    const patchJson = $derived(JSON.stringify(patch, null, 2));
+    const slide = $derived(preview.slides.find((item) => item.id === slideId));
+    const layoutChoices = $derived(slide ? compatibleLayouts(slide) : []);
+    const selectSlide = (id) => {
+        if (source.slides.some((item) => item.id === id))
+            slideId = id;
+    };
+    return {
+        source,
+        get edits() {
+            return edits;
+        },
+        /** The slide the slide controls edit (follows the deck's `#/<id>/<step>` hash). */
+        get slideId() {
+            return slideId;
+        },
+        /** The edited deck, or the source while the edits do not validate. */
+        get preview() {
+            return preview;
+        },
+        /** The RFC 6902 patch for the source file (rooted at `pointer`). */
+        get patch() {
+            return patch;
+        },
+        get patchJson() {
+            return patchJson;
+        },
+        get issues() {
+            return result.ok ? [] : result.issues;
+        },
+        get slide() {
+            return slide;
+        },
+        /** Layouts the current slide's content already fits, so switching never drops content. */
+        get layoutChoices() {
+            return layoutChoices;
+        },
+        setStyle(key, value) {
+            edits = { ...edits, style: { ...edits.style, [key]: value } };
+        },
+        setSlide(key, value) {
+            if (!slideId)
+                return;
+            const slides = { ...edits.slides };
+            slides[slideId] = { ...slides[slideId], [key]: value };
+            edits = { ...edits, slides };
+        },
+        selectSlide,
+        reset() {
+            edits = { style: {}, slides: {} };
+        },
+        /** Follows the deck hash so the slide controls edit what is on screen. Returns a stop function. */
+        followHash(target = window) {
+            const sync = () => {
+                const location = parseDeckHash(target.location.hash);
+                if (location)
+                    selectSlide(location.slideId);
+            };
+            sync();
+            target.addEventListener('hashchange', sync);
+            return () => target.removeEventListener('hashchange', sync);
+        },
+    };
+}

package/dist/styles.css

@@ -0,0 +1,5 @@
+/* Import after Tailwind and the Protoyard theme/UI styles. */
+/* Every deck renders shared blocks (and their step reveals), so their classes are always needed. */
+@import "@protoyard/blocks-ui/styles.css";
+
+@source "./";

package/dist/styles.css.d.ts

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

package/package.json

@@ -1,6 +1,109 @@
 {
   "name": "@protoyard/decks-ui",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
+  "version": "1.1.0",
+  "description": "Svelte 5 deck host for Protoyard: DeckApp on the @texuli/slides stage, with Protoyard's free and custom slides, Deck Studio and the Debug for agents panel, each on its own lazy subpath.",
+  "license": "MIT",
+  "type": "module",
+  "sideEffects": [
+    "**/*.css",
+    "**/*.svelte",
+    "dist/**/*.css",
+    "dist/**/*.svelte"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "svelte": "./dist/index.js",
+      "default": "./dist/index.js"
+    },
+    "./app": {
+      "types": "./dist/app/index.d.ts",
+      "svelte": "./dist/app/index.js",
+      "default": "./dist/app/index.js"
+    },
+    "./layouts": {
+      "types": "./dist/layouts/index.d.ts",
+      "svelte": "./dist/layouts/index.js",
+      "default": "./dist/layouts/index.js"
+    },
+    "./studio": {
+      "types": "./dist/studio/index.d.ts",
+      "svelte": "./dist/studio/index.js",
+      "default": "./dist/studio/index.js"
+    },
+    "./debug": {
+      "types": "./dist/debug/index.d.ts",
+      "svelte": "./dist/debug/index.js",
+      "default": "./dist/debug/index.js"
+    },
+    "./styles.css": {
+      "types": "./dist/styles.css.d.ts",
+      "svelte": "./dist/styles.css",
+      "default": "./dist/styles.css"
+    },
+    "./player.css": {
+      "types": "./dist/player.css.d.ts",
+      "svelte": "./dist/player.css",
+      "default": "./dist/player.css"
+    }
+  },
+  "dependencies": {
+    "@lucide/svelte": "^1.61.0",
+    "@protoyard/blocks": "1.1.0",
+    "@protoyard/blocks-ui": "1.1.0",
+    "@protoyard/decks": "1.1.0",
+    "@texuli/deck": "0.12.0",
+    "@texuli/slides": "0.12.0",
+    "texuli": "0.12.0"
+  },
+  "devDependencies": {
+    "svelte": "^5.57.2"
+  },
+  "peerDependencies": {
+    "svelte": "^5.57.0"
+  },
+  "protoyard": {
+    "build": {
+      "assets": [
+        "src/player.css"
+      ]
+    }
+  },
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE"
+  ],
+  "publishConfig": {
+    "access": "public",
+    "provenance": true,
+    "files": [
+      "dist",
+      "README.md",
+      "LICENSE"
+    ]
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/DailybotHQ/protoyard",
+    "directory": "packages/decks-ui"
+  },
+  "homepage": "https://protoyard.app",
+  "bugs": {
+    "url": "https://github.com/DailybotHQ/protoyard/issues"
+  },
+  "engines": {
+    "node": ">=24.20.0"
+  },
+  "keywords": [
+    "protoyard",
+    "svelte",
+    "slides",
+    "deck",
+    "presentation"
+  ],
+  "scripts": {
+    "typecheck": "svelte-check --tsconfig ./tsconfig.json --threshold error"
+  },
+  "types": "./dist/index.d.ts"
 }