@tongue-core/studio 0.1.0-rc.1 → 0.1.0-rc.2

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Backpine
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/assets/studio.css

@@ -84,6 +84,11 @@ button:focus-visible { outline: 2px solid var(--accent); outline-offset: 1px; }
 .stage-canvas { display: block; width: 100%; height: 100%; }
 .stage-note { position: absolute; inset: 0; display: grid; place-items: center; color: var(--muted); padding: 24px; text-align: center; }
 .stage-note.bad { color: var(--bad); }
+/* A failed build, over the last frame that built: the message as the compiler wrote it. */
+.stage-error { position: absolute; left: 12px; right: 12px; bottom: 12px; max-height: 50%; overflow: auto; padding: 12px 14px; border: 1px solid var(--line); border-left: 2px solid var(--bad); border-radius: 8px; background: rgba(10, 10, 10, 0.94); color: var(--soft); font-size: 12px; }
+.stage-error strong { display: block; margin-bottom: 6px; color: var(--bad); font-weight: 600; }
+.stage-error pre { margin: 0 0 8px; color: var(--text); white-space: pre-wrap; word-break: break-word; font: 12px/1.5 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }
+.stage-error span { color: var(--muted); }
 .stage-drafting { position: absolute; right: 28px; bottom: 26px; color: var(--muted); font-size: 11px; letter-spacing: 0.04em; opacity: 0; transition: opacity 120ms; }
 .stage[data-exact="no"] .stage-drafting { opacity: 1; transition-delay: 250ms; }
 

package/dist/automation.js

@@ -6,9 +6,11 @@ export function studioHandle(registry, timeline, player) {
             const f = player.film;
             return f ? { project: f.build.project, length: f.doc.film.length, fps: f.doc.film.fps, clips: registry.get(timeline.model)?.clips.size ?? 0 } : null;
         },
+        // Against the player's own playhead: it moves the moment a seek is asked for, while the timeline
+        // hears of it on the next tick, so a seek just made isn't mistaken for one already shown.
         settled: () => {
             const r = registry.get(timeline.readiness), shown = registry.get(timeline.shown);
-            return r !== null && r.ready + r.failed === r.files && shown !== null && shown.exact && shown.frame === registry.get(timeline.playhead);
+            return r !== null && r.ready + r.failed === r.files && shown !== null && shown.exact && shown.frame === player.frame && registry.get(timeline.playhead) === player.frame;
         },
         seek: (frame) => registry.set(timeline.commands, { type: "seek", frame }),
         play: () => registry.set(timeline.commands, { type: "play" }),

package/dist/page.js

@@ -6,7 +6,7 @@ export function studioPage(o) {
     return `<!doctype html>
 <html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1">
 <title>${escapeHtml(o.title)} · Tongue Studio</title>
-<link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect width='32' height='32' rx='8' fill='%23ff6b4a'/%3E%3Cpath d='M9 12h14M16 12v11' stroke='%230b0c0f' stroke-width='3.2' stroke-linecap='round'/%3E%3C/svg%3E">
+<link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect width='32' height='32' rx='8' fill='%23f4739b'/%3E%3Cpath d='M9 12h14M16 12v11' stroke='%230a0a0a' stroke-width='3.2' stroke-linecap='round'/%3E%3C/svg%3E">
 <link rel="stylesheet" href="${escapeHtml(o.stylesheet)}">
 </head><body><div id="studio"></div>
 <script>window.TONGUE_STUDIO = ${config};</script>

package/dist/studio.js

@@ -47,7 +47,7 @@ export function Studio(props) {
                 player.reload().catch((e) => setLoadError(e instanceof Error ? e.message : String(e)));
         });
     }, [config.events, player]);
-    return (_jsxs(TimelineProvider, { timeline: timeline, registry: registry, previews: player, previewsVersion: loads, children: [_jsx(Keys, {}), _jsxs("div", { className: "studio", children: [_jsx(TopBar, { config: config, film: film, build: build, loadError: loadError }), _jsxs("div", { className: "studio-main", children: [_jsx(Stage, { canvas: canvas, film: film, loadError: loadError }), _jsx(Inspector, { film: film, errors: errors })] }), _jsx(TransportBar, { film: film }), _jsx(TimelinePanel, {})] })] }));
+    return (_jsxs(TimelineProvider, { timeline: timeline, registry: registry, previews: player, previewsVersion: loads, children: [_jsx(Keys, {}), _jsxs("div", { className: "studio", children: [_jsx(TopBar, { config: config, film: film, build: build, loadError: loadError }), _jsxs("div", { className: "studio-main", children: [_jsx(Stage, { canvas: canvas, film: film, loadError: loadError, buildError: build.kind === "failed" ? build.message : null }), _jsx(Inspector, { film: film, errors: errors })] }), _jsx(TransportBar, { film: film }), _jsx(TimelinePanel, {})] })] }));
 }
 function Keys() {
     useTimelineKeys();
@@ -94,7 +94,7 @@ function Stage(props) {
     useAtomEffect(timeline.shown, (s) => { if (stage.current)
         stage.current.dataset["exact"] = s?.exact ? "yes" : "no"; });
     const aspect = props.film ? `${props.film.doc.film.width} / ${props.film.doc.film.height}` : "16 / 9";
-    return (_jsxs("section", { className: "stage", ref: stage, children: [_jsxs("div", { className: "stage-frame", style: { aspectRatio: aspect }, children: [_jsx("canvas", { ref: props.canvas, className: "stage-canvas" }), !props.film && !props.loadError ? _jsx("div", { className: "stage-note", children: "Opening the film\u2026" }) : null, props.loadError ? _jsx("div", { className: "stage-note bad", children: props.loadError }) : null] }), _jsx("div", { className: "stage-drafting", "aria-hidden": "true", children: "drawing\u2026" })] }));
+    return (_jsxs("section", { className: "stage", ref: stage, children: [_jsxs("div", { className: "stage-frame", style: { aspectRatio: aspect }, children: [_jsx("canvas", { ref: props.canvas, className: "stage-canvas" }), !props.film && !props.loadError ? _jsx("div", { className: "stage-note", children: "Opening the film\u2026" }) : null, props.loadError ? _jsx("div", { className: "stage-note bad", children: props.loadError }) : null, props.buildError ? (_jsxs("div", { className: "stage-error", role: "alert", children: [_jsx("strong", { children: "Build failed" }), _jsx("pre", { children: props.buildError }), _jsx("span", { children: "The last build that worked stays up; save a fix and it reloads." })] })) : null] }), _jsx("div", { className: "stage-drafting", "aria-hidden": "true", children: "drawing\u2026" })] }));
 }
 // ---------------------------------------------------------------- transport
 function TransportBar(props) {

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@tongue-core/studio",
-  "version": "0.1.0-rc.1",
+  "version": "0.1.0-rc.2",
   "description": "Tongue's studio: a film's player, timeline and inspector in the browser, built only from @tongue-core/ui. Served by `tongue studio`, for a project on this machine or a build anywhere.",
   "type": "module",
-  "license": "UNLICENSED",
+  "license": "MIT",
   "author": "Backpine",
   "repository": {
     "type": "git",
@@ -28,8 +28,8 @@
   ],
   "dependencies": {
     "@effect/atom-react": "4.0.6",
-    "@tongue-core/project": "0.1.0-rc.1",
-    "@tongue-core/ui": "0.1.0-rc.1",
+    "@tongue-core/project": "0.1.0-rc.2",
+    "@tongue-core/ui": "0.1.0-rc.2",
     "effect": "4.0.6",
     "react": "19.3.0",
     "react-dom": "19.3.0"