@mulmoclaude/mulmoscript-plugin 4.0.0 → 4.1.0

package/dist/vue.js

@@ -1,5 +1,5 @@
 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";
@@ -209,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;
@@ -255,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
@@ -551,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);
@@ -570,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);
@@ -587,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
@@ -1534,12 +1585,15 @@ 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));
@@ -1548,6 +1602,7 @@ var View_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCompo
 			flushPendingDeckSave();
 			resetBeatMovies();
 			unsubscribeGenerationEvents();
+			unsubscribeForeignWrites();
 		});
 		const loadedSource = ref("");
 		const sourceChanged = computed(() => editableSource.value !== loadedSource.value);
@@ -2225,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-222045a6"]]);
+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 = {