@mulmoclaude/mulmoscript-plugin 3.1.0 → 4.1.0

package/dist/vue.js

@@ -1,7 +1,8 @@
 import { a as pluginCore, d as errorMessage, f as TOOL_DEFINITION, p as TOOL_NAME } from "./plugin-CXhOP_xU.js";
-import { t as GENERATION_EVENT } from "./contract-vY0niHkh.js";
+import { n as SCRIPT_CHANGED_EVENT, r as shouldReloadForScriptChange, t as GENERATION_EVENT } from "./contract-CIt1ZAtt.js";
 import { mulmoBeatSchema, mulmoScriptSchema } from "@mulmocast/types";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineAsyncComponent, defineComponent, inject, normalizeClass, normalizeStyle, onBeforeUnmount, onMounted, openBlock, reactive, ref, renderList, toDisplayString, unref, vModelText, vShow, watch, withDirectives, withModifiers } from "vue";
+import { beatsOf, withBeats } from "@mulmocast/beat-editor";
 import { createUseT, useRuntime } from "gui-chat-protocol/vue";
 //#region src/vue/support.ts
 function isRecord(value) {
@@ -115,8 +116,8 @@ function isBeatImageReference(beat) {
 	return beat.image?.type === "beat";
 }
 /** Pure check: is every beat in the script a `slide`-typed beat?
-*  When true, the View mounts `@mulmocast/deck-web`'s
-*  `MulmoScriptDeckEditor` instead of the per-beat list UI (#1575).
+*  When true, the View mounts `@mulmocast/beat-editor`'s
+*  `BeatListEditor` instead of the per-beat list UI (#1575).
 *  Empty / missing `beats[]` returns false — there's nothing to edit
 *  as a deck, fall through to the existing UI which renders an empty
 *  state. Mixed scripts (any non-`slide` beat) also return false; that
@@ -208,6 +209,15 @@ var GENERATION_EVENT_KINDS = /* @__PURE__ */ new Set([
 	"movie",
 	"pdf"
 ]);
+function parseScriptChangedEvent(payload) {
+	if (!isRecord(payload)) return null;
+	const { filePath, origin } = payload;
+	if (typeof filePath !== "string") return null;
+	return {
+		filePath,
+		...typeof origin === "string" ? { origin } : {}
+	};
+}
 function parseGenerationEvent(payload) {
 	if (!isRecord(payload)) return null;
 	const { kind, filePath, key, done, error } = payload;
@@ -254,9 +264,25 @@ function useMulmoScriptTransport() {
 			handler(event);
 		});
 	}
+	/**
+	* A write to this script landed — reload from disk.
+	*
+	* `ownOrigin` is this View's id. Its own writes echo back on the same channel, and acting
+	* on them would rebuild the element the caret is in on every keystroke, so they are dropped
+	* here. A write from the agent carries no origin and always reaches the handler.
+	*/
+	function onScriptChanged(filePath, ownOrigin, handler) {
+		return runtime.pubsub.subscribe(SCRIPT_CHANGED_EVENT, (payload) => {
+			const event = parseScriptChangedEvent(payload);
+			if (!event) return;
+			if (!shouldReloadForScriptChange(event, filePath(), ownOrigin)) return;
+			handler();
+		});
+	}
 	return {
 		call,
-		onGenerationEvent
+		onGenerationEvent,
+		onScriptChanged
 	};
 }
 //#endregion
@@ -550,6 +576,17 @@ function useCharacterImages({ api, filePath, chatSessionId, getImages }) {
 //#endregion
 //#region src/vue/composables/useDeckEditor.ts
 var DECK_SAVE_DEBOUNCE_MS = 300;
+/**
+* Who this editor is, on the wire.
+*
+* Every write carries it so the server's "this script changed" broadcast can be told apart
+* from someone else's. Without it a save would echo back and reload the editor mid-keystroke,
+* rebuilding the element the caret sits in.
+*
+* Per module instance rather than per component: one View is mounted at a time, and a value
+* that survives a remount keeps a save in flight from being mistaken for a foreign write.
+*/
+var EDITOR_ORIGIN = `deck-editor-${Math.random().toString(36).slice(2)}`;
 function useDeckEditor({ api, filePath, effectiveScript, commitScript }) {
 	const isDeck = computed(() => isAllSlideDeck(effectiveScript.value));
 	const deckScriptInput = computed(() => effectiveScript.value);
@@ -569,7 +606,8 @@ function useDeckEditor({ api, filePath, effectiveScript, commitScript }) {
 		if (!next || !filePath.value) return;
 		const response = await api.call("updateScript", {
 			filePath: filePath.value,
-			script: next
+			script: next,
+			origin: EDITOR_ORIGIN
 		});
 		if (!response.ok) {
 			console.error("[presentMulmoScript] deck save failed:", response.error);
@@ -586,11 +624,25 @@ function useDeckEditor({ api, filePath, effectiveScript, commitScript }) {
 			flushDeckSave();
 		}
 	}
+	/**
+	* Reload when someone else writes this script — the agent, or another window.
+	*
+	* A pending local edit is flushed first rather than dropped: the user's keystrokes are the
+	* thing they would notice losing, and the write that triggered this has already landed, so
+	* flushing cannot clobber it out of order.
+	*/
+	function watchForeignWrites(reload) {
+		return api.onScriptChanged(() => filePath.value, EDITOR_ORIGIN, () => {
+			flushPendingDeckSave();
+			reload();
+		});
+	}
 	return {
 		isDeck,
 		deckScriptInput,
 		onDeckUpdate,
-		flushPendingDeckSave
+		flushPendingDeckSave,
+		watchForeignWrites
 	};
 }
 /** Reactive message bundle for the active host locale. The plugin carries its
@@ -1372,7 +1424,7 @@ var View_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCompo
 	props: { selectedResult: {} },
 	emits: ["updateResult"],
 	setup(__props, { emit: __emit }) {
-		const MulmoScriptDeckEditor = defineAsyncComponent(() => import("@mulmocast/deck-web").then((mod) => mod.MulmoScriptDeckEditor));
+		const BeatListEditor = defineAsyncComponent(() => import("@mulmocast/beat-editor").then((mod) => mod.BeatListEditor));
 		const api = useMulmoScriptTransport();
 		const adapter = useHostAdapter();
 		const canFetchMedia = computed(() => Boolean(adapter.fetchMediaBlob));
@@ -1533,16 +1585,24 @@ var View_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCompo
 				}
 			});
 		}
-		const { isDeck, deckScriptInput, onDeckUpdate, flushPendingDeckSave } = useDeckEditor({
+		const { isDeck, deckScriptInput, onDeckUpdate, flushPendingDeckSave, watchForeignWrites } = useDeckEditor({
 			api,
 			filePath,
 			effectiveScript,
 			commitScript
 		});
+		const unsubscribeForeignWrites = watchForeignWrites(() => {
+			refreshScriptFromDisk();
+		});
+		const deckBeats = computed(() => beatsOf(deckScriptInput.value));
+		function onDeckBeatsUpdate(beats) {
+			onDeckUpdate(withBeats(deckScriptInput.value, beats));
+		}
 		onBeforeUnmount(() => {
 			flushPendingDeckSave();
 			resetBeatMovies();
 			unsubscribeGenerationEvents();
+			unsubscribeForeignWrites();
 		});
 		const loadedSource = ref("");
 		const sourceChanged = computed(() => editableSource.value !== loadedSource.value);
@@ -2015,11 +2075,10 @@ var View_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCompo
 					"onCharDrop",
 					"onRenderCharacter"
 				])) : createCommentVNode("", true),
-				unref(isDeck) ? (openBlock(), createElementBlock("div", _hoisted_14, [createVNode(unref(MulmoScriptDeckEditor), {
-					script: unref(deckScriptInput),
-					layout: "compact",
-					"onUpdate:script": unref(onDeckUpdate)
-				}, null, 8, ["script", "onUpdate:script"])])) : (openBlock(), createElementBlock("div", {
+				unref(isDeck) ? (openBlock(), createElementBlock("div", _hoisted_14, [createVNode(unref(BeatListEditor), {
+					beats: deckBeats.value,
+					"onUpdate:beats": onDeckBeatsUpdate
+				}, null, 8, ["beats"])])) : (openBlock(), createElementBlock("div", {
 					key: 3,
 					ref_key: "beatListEl",
 					ref: beatListEl,
@@ -2221,7 +2280,7 @@ var _plugin_vue_export_helper_default = (sfc, props) => {
 };
 //#endregion
 //#region src/vue/View.vue
-var View_default = /*#__PURE__*/ _plugin_vue_export_helper_default(View_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-f8c0d52b"]]);
+var View_default = /*#__PURE__*/ _plugin_vue_export_helper_default(View_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-87bf6e4c"]]);
 //#endregion
 //#region src/vue/Preview.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = {