@mulmoclaude/mulmoscript-plugin 4.0.0 → 4.1.0

package/dist/vue.cjs

@@ -3,7 +3,7 @@ Object.defineProperties(exports, {
 	[Symbol.toStringTag]: { value: "Module" }
 });
 const require_plugin = require("./plugin-BLp8tSYt.cjs");
-const require_contract = require("./contract-DxKVCRQk.cjs");
+const require_contract = require("./contract-BhN3yKJC.cjs");
 let _mulmocast_types = require("@mulmocast/types");
 let vue = require("vue");
 let _mulmocast_beat_editor = require("@mulmocast/beat-editor");
@@ -213,6 +213,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;
@@ -259,9 +268,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(require_contract.SCRIPT_CHANGED_EVENT, (payload) => {
+			const event = parseScriptChangedEvent(payload);
+			if (!event) return;
+			if (!require_contract.shouldReloadForScriptChange(event, filePath(), ownOrigin)) return;
+			handler();
+		});
+	}
 	return {
 		call,
-		onGenerationEvent
+		onGenerationEvent,
+		onScriptChanged
 	};
 }
 //#endregion
@@ -555,6 +580,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 = (0, vue.computed)(() => isAllSlideDeck(effectiveScript.value));
 	const deckScriptInput = (0, vue.computed)(() => effectiveScript.value);
@@ -574,7 +610,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);
@@ -591,11 +628,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
@@ -1538,12 +1589,15 @@ var View_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue.def
 				}
 			});
 		}
-		const { isDeck, deckScriptInput, onDeckUpdate, flushPendingDeckSave } = useDeckEditor({
+		const { isDeck, deckScriptInput, onDeckUpdate, flushPendingDeckSave, watchForeignWrites } = useDeckEditor({
 			api,
 			filePath,
 			effectiveScript,
 			commitScript
 		});
+		const unsubscribeForeignWrites = watchForeignWrites(() => {
+			refreshScriptFromDisk();
+		});
 		const deckBeats = (0, vue.computed)(() => (0, _mulmocast_beat_editor.beatsOf)(deckScriptInput.value));
 		function onDeckBeatsUpdate(beats) {
 			onDeckUpdate((0, _mulmocast_beat_editor.withBeats)(deckScriptInput.value, beats));
@@ -1552,6 +1606,7 @@ var View_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue.def
 			flushPendingDeckSave();
 			resetBeatMovies();
 			unsubscribeGenerationEvents();
+			unsubscribeForeignWrites();
 		});
 		const loadedSource = (0, vue.ref)("");
 		const sourceChanged = (0, vue.computed)(() => editableSource.value !== loadedSource.value);
@@ -2229,7 +2284,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 = {