@upstart.gg/vite-plugins 0.0.37

package/dist/vite-plugin-upstart-editor/runtime/hover-overlay.js

@@ -0,0 +1,91 @@
+import { sendToParent } from "./utils.js";
+import { getCurrentMode } from "./index.js";
+
+//#region src/vite-plugin-upstart-editor/runtime/hover-overlay.ts
+let overlay = null;
+let currentTarget = null;
+let isInitialized = false;
+let rafId = null;
+/**
+* Initialize hover overlay.
+*/
+function initHoverOverlay() {
+	if (typeof document === "undefined") return;
+	if (isInitialized) return;
+	console.log("[Upstart Editor] Initializing hover overlay...");
+	document.addEventListener("mouseover", handleMouseOver);
+	document.addEventListener("mouseout", handleMouseOut);
+	window.addEventListener("scroll", scheduleOverlayUpdate, { passive: true });
+	window.addEventListener("resize", scheduleOverlayUpdate, { passive: true });
+	isInitialized = true;
+}
+/**
+* Hide all overlays.
+*/
+function hideOverlays() {
+	if (overlay) {
+		overlay.style.display = "none";
+		currentTarget = null;
+	}
+}
+function handleMouseOver(event) {
+	if (getCurrentMode() !== "edit") return;
+	const target = event.target;
+	if (!target) return;
+	const component = target.closest("[data-upstart-component]");
+	if (!component) return;
+	if (!overlay) createOverlay();
+	currentTarget = component;
+	positionOverlay(component);
+	const hash = component.dataset.upstartHash;
+	if (hash) {
+		const rect = component.getBoundingClientRect();
+		sendToParent({
+			type: "element-hovered",
+			hash,
+			bounds: {
+				top: rect.top,
+				left: rect.left,
+				width: rect.width,
+				height: rect.height,
+				right: rect.right,
+				bottom: rect.bottom
+			}
+		});
+	}
+}
+function handleMouseOut(event) {
+	const target = event.target;
+	const relatedTarget = event.relatedTarget;
+	if (!target) return;
+	const component = target.closest("[data-upstart-component]");
+	if (!component) return;
+	if (relatedTarget && component.contains(relatedTarget)) return;
+	hideOverlays();
+}
+function createOverlay() {
+	overlay = document.createElement("div");
+	overlay.id = "upstart-hover-overlay";
+	overlay.style.cssText = "position: absolute; pointer-events: none; border: 2px solid #3b82f6; background: rgba(59, 130, 246, 0.05); border-radius: 4px; z-index: 9999; transition: all 0.1s ease; display: none;";
+	document.body.appendChild(overlay);
+}
+function positionOverlay(element) {
+	if (!overlay) return;
+	const rect = element.getBoundingClientRect();
+	overlay.style.top = `${rect.top + window.scrollY}px`;
+	overlay.style.left = `${rect.left + window.scrollX}px`;
+	overlay.style.width = `${rect.width}px`;
+	overlay.style.height = `${rect.height}px`;
+	overlay.style.display = "block";
+}
+function scheduleOverlayUpdate() {
+	if (rafId !== null) return;
+	rafId = requestAnimationFrame(() => {
+		rafId = null;
+		if (currentTarget && overlay && overlay.style.display === "block") positionOverlay(currentTarget);
+	});
+}
+
+//#endregion
+export { hideOverlays, initHoverOverlay };
+//# sourceMappingURL=hover-overlay.js.map

package/dist/vite-plugin-upstart-editor/runtime/hover-overlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hover-overlay.js","names":["overlay: HTMLDivElement | null","currentTarget: HTMLElement | null","rafId: number | null"],"sources":["../../../src/vite-plugin-upstart-editor/runtime/hover-overlay.ts"],"sourcesContent":["import { getCurrentMode } from \"./index.js\";\nimport { sendToParent } from \"./utils.js\";\n\nlet overlay: HTMLDivElement | null = null;\nlet currentTarget: HTMLElement | null = null;\nlet isInitialized = false;\nlet rafId: number | null = null;\n\n/**\n * Initialize hover overlay.\n */\nexport function initHoverOverlay(): void {\n  if (typeof document === \"undefined\") {\n    return;\n  }\n\n  if (isInitialized) {\n    return;\n  }\n\n  console.log(\"[Upstart Editor] Initializing hover overlay...\");\n\n  document.addEventListener(\"mouseover\", handleMouseOver);\n  document.addEventListener(\"mouseout\", handleMouseOut);\n  window.addEventListener(\"scroll\", scheduleOverlayUpdate, { passive: true });\n  window.addEventListener(\"resize\", scheduleOverlayUpdate, { passive: true });\n\n  isInitialized = true;\n}\n\n/**\n * Hide all overlays.\n */\nexport function hideOverlays(): void {\n  if (overlay) {\n    overlay.style.display = \"none\";\n    currentTarget = null;\n  }\n}\n\nfunction handleMouseOver(event: MouseEvent): void {\n  if (getCurrentMode() !== \"edit\") {\n    return;\n  }\n\n  const target = event.target as HTMLElement | null;\n  if (!target) {\n    return;\n  }\n\n  const component = target.closest<HTMLElement>(\"[data-upstart-component]\");\n  if (!component) {\n    return;\n  }\n\n  if (!overlay) {\n    createOverlay();\n  }\n\n  currentTarget = component;\n  positionOverlay(component);\n\n  const hash = component.dataset.upstartHash;\n  if (hash) {\n    const rect = component.getBoundingClientRect();\n    sendToParent({\n      type: \"element-hovered\",\n      hash,\n      bounds: {\n        top: rect.top,\n        left: rect.left,\n        width: rect.width,\n        height: rect.height,\n        right: rect.right,\n        bottom: rect.bottom,\n      },\n    });\n  }\n}\n\nfunction handleMouseOut(event: MouseEvent): void {\n  const target = event.target as HTMLElement | null;\n  const relatedTarget = event.relatedTarget as HTMLElement | null;\n\n  if (!target) {\n    return;\n  }\n\n  const component = target.closest<HTMLElement>(\"[data-upstart-component]\");\n  if (!component) {\n    return;\n  }\n\n  if (relatedTarget && component.contains(relatedTarget)) {\n    return;\n  }\n\n  hideOverlays();\n}\n\nfunction createOverlay(): void {\n  overlay = document.createElement(\"div\");\n  overlay.id = \"upstart-hover-overlay\";\n  overlay.style.cssText =\n    \"position: absolute; pointer-events: none; border: 2px solid #3b82f6; \" +\n    \"background: rgba(59, 130, 246, 0.05); border-radius: 4px; z-index: 9999; \" +\n    \"transition: all 0.1s ease; display: none;\";\n  document.body.appendChild(overlay);\n}\n\nfunction positionOverlay(element: HTMLElement): void {\n  if (!overlay) {\n    return;\n  }\n\n  const rect = element.getBoundingClientRect();\n  overlay.style.top = `${rect.top + window.scrollY}px`;\n  overlay.style.left = `${rect.left + window.scrollX}px`;\n  overlay.style.width = `${rect.width}px`;\n  overlay.style.height = `${rect.height}px`;\n  overlay.style.display = \"block\";\n}\n\nfunction scheduleOverlayUpdate(): void {\n  if (rafId !== null) {\n    return;\n  }\n\n  rafId = requestAnimationFrame(() => {\n    rafId = null;\n    if (currentTarget && overlay && overlay.style.display === \"block\") {\n      positionOverlay(currentTarget);\n    }\n  });\n}\n"],"mappings":";;;;AAGA,IAAIA,UAAiC;AACrC,IAAIC,gBAAoC;AACxC,IAAI,gBAAgB;AACpB,IAAIC,QAAuB;;;;AAK3B,SAAgB,mBAAyB;AACvC,KAAI,OAAO,aAAa,YACtB;AAGF,KAAI,cACF;AAGF,SAAQ,IAAI,iDAAiD;AAE7D,UAAS,iBAAiB,aAAa,gBAAgB;AACvD,UAAS,iBAAiB,YAAY,eAAe;AACrD,QAAO,iBAAiB,UAAU,uBAAuB,EAAE,SAAS,MAAM,CAAC;AAC3E,QAAO,iBAAiB,UAAU,uBAAuB,EAAE,SAAS,MAAM,CAAC;AAE3E,iBAAgB;;;;;AAMlB,SAAgB,eAAqB;AACnC,KAAI,SAAS;AACX,UAAQ,MAAM,UAAU;AACxB,kBAAgB;;;AAIpB,SAAS,gBAAgB,OAAyB;AAChD,KAAI,gBAAgB,KAAK,OACvB;CAGF,MAAM,SAAS,MAAM;AACrB,KAAI,CAAC,OACH;CAGF,MAAM,YAAY,OAAO,QAAqB,2BAA2B;AACzE,KAAI,CAAC,UACH;AAGF,KAAI,CAAC,QACH,gBAAe;AAGjB,iBAAgB;AAChB,iBAAgB,UAAU;CAE1B,MAAM,OAAO,UAAU,QAAQ;AAC/B,KAAI,MAAM;EACR,MAAM,OAAO,UAAU,uBAAuB;AAC9C,eAAa;GACX,MAAM;GACN;GACA,QAAQ;IACN,KAAK,KAAK;IACV,MAAM,KAAK;IACX,OAAO,KAAK;IACZ,QAAQ,KAAK;IACb,OAAO,KAAK;IACZ,QAAQ,KAAK;IACd;GACF,CAAC;;;AAIN,SAAS,eAAe,OAAyB;CAC/C,MAAM,SAAS,MAAM;CACrB,MAAM,gBAAgB,MAAM;AAE5B,KAAI,CAAC,OACH;CAGF,MAAM,YAAY,OAAO,QAAqB,2BAA2B;AACzE,KAAI,CAAC,UACH;AAGF,KAAI,iBAAiB,UAAU,SAAS,cAAc,CACpD;AAGF,eAAc;;AAGhB,SAAS,gBAAsB;AAC7B,WAAU,SAAS,cAAc,MAAM;AACvC,SAAQ,KAAK;AACb,SAAQ,MAAM,UACZ;AAGF,UAAS,KAAK,YAAY,QAAQ;;AAGpC,SAAS,gBAAgB,SAA4B;AACnD,KAAI,CAAC,QACH;CAGF,MAAM,OAAO,QAAQ,uBAAuB;AAC5C,SAAQ,MAAM,MAAM,GAAG,KAAK,MAAM,OAAO,QAAQ;AACjD,SAAQ,MAAM,OAAO,GAAG,KAAK,OAAO,OAAO,QAAQ;AACnD,SAAQ,MAAM,QAAQ,GAAG,KAAK,MAAM;AACpC,SAAQ,MAAM,SAAS,GAAG,KAAK,OAAO;AACtC,SAAQ,MAAM,UAAU;;AAG1B,SAAS,wBAA8B;AACrC,KAAI,UAAU,KACZ;AAGF,SAAQ,4BAA4B;AAClC,UAAQ;AACR,MAAI,iBAAiB,WAAW,QAAQ,MAAM,YAAY,QACxD,iBAAgB,cAAc;GAEhC"}

package/dist/vite-plugin-upstart-editor/runtime/index.d.ts

@@ -0,0 +1,22 @@
+import { EditorMessage, EditorMode, UpstartEditorMessage } from "./types.js";
+import { initClickHandler } from "./click-handler.js";
+import { initHoverOverlay } from "./hover-overlay.js";
+import { initTextEditor } from "./text-editor.js";
+import { sendToParent } from "./utils.js";
+
+//#region src/vite-plugin-upstart-editor/runtime/index.d.ts
+/**
+ * Get the current editor mode.
+ */
+declare function getCurrentMode(): EditorMode;
+/**
+ * Set the current editor mode.
+ */
+declare function setMode(mode: EditorMode): void;
+/**
+ * Initialize the Upstart editor runtime.
+ */
+declare function initUpstartEditor(): void;
+//#endregion
+export { type EditorMessage, type UpstartEditorMessage, getCurrentMode, initClickHandler, initHoverOverlay, initTextEditor, initUpstartEditor, sendToParent, setMode };
+//# sourceMappingURL=index.d.ts.map

package/dist/vite-plugin-upstart-editor/runtime/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/vite-plugin-upstart-editor/runtime/index.ts"],"sourcesContent":[],"mappings":";;;;;;;;;;iBAYgB,cAAA,CAAA,GAAkB;;;AAAlC;AAOgB,iBAAA,OAAA,CAAc,IAAU,EAAV,UAAU,CAAA,EAAA,IAAA;AAaxC;;;iBAAgB,iBAAA,CAAA"}

package/dist/vite-plugin-upstart-editor/runtime/index.js

@@ -0,0 +1,62 @@
+import { sendToParent } from "./utils.js";
+import { initClickHandler } from "./click-handler.js";
+import { hideOverlays, initHoverOverlay } from "./hover-overlay.js";
+import { destroyAllActiveEditors, initTextEditor } from "./text-editor.js";
+
+//#region src/vite-plugin-upstart-editor/runtime/index.ts
+let currentMode = "preview";
+let isInitialized = false;
+/**
+* Get the current editor mode.
+*/
+function getCurrentMode() {
+	return currentMode;
+}
+/**
+* Set the current editor mode.
+*/
+function setMode(mode) {
+	currentMode = mode;
+	if (mode === "edit") enableEditMode();
+	else disableEditMode();
+}
+/**
+* Initialize the Upstart editor runtime.
+*/
+function initUpstartEditor() {
+	if (typeof window === "undefined") return;
+	if (isInitialized) return;
+	try {
+		console.log("[Upstart Editor] Initializing...");
+		currentMode = "preview";
+		isInitialized = true;
+		window.addEventListener("message", handleParentMessage);
+		initTextEditor();
+		initClickHandler();
+		initHoverOverlay();
+		sendToParent({ type: "editor-ready" });
+	} catch (error) {
+		console.error("[Upstart Editor] Initialization failed:", error);
+		sendToParent({
+			type: "editor-error",
+			error: error instanceof Error ? error.message : "Unknown error"
+		});
+	}
+}
+function handleParentMessage(event) {
+	const message = event.data;
+	if (!message || message.source !== "upstart-editor-parent") return;
+	if (message.type === "set-mode") setMode(message.mode);
+}
+function enableEditMode() {
+	console.log("[Upstart Editor] Edit mode enabled");
+}
+function disableEditMode() {
+	console.log("[Upstart Editor] Preview mode enabled");
+	destroyAllActiveEditors();
+	hideOverlays();
+}
+
+//#endregion
+export { getCurrentMode, initClickHandler, initHoverOverlay, initTextEditor, initUpstartEditor, sendToParent, setMode };
+//# sourceMappingURL=index.js.map

package/dist/vite-plugin-upstart-editor/runtime/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["currentMode: EditorMode"],"sources":["../../../src/vite-plugin-upstart-editor/runtime/index.ts"],"sourcesContent":["import { initClickHandler } from \"./click-handler.js\";\nimport { initHoverOverlay, hideOverlays } from \"./hover-overlay.js\";\nimport { initTextEditor, destroyAllActiveEditors } from \"./text-editor.js\";\nimport { sendToParent } from \"./utils.js\";\nimport type { EditorMode, UpstartParentMessage } from \"./types.js\";\n\nlet currentMode: EditorMode = \"preview\";\nlet isInitialized = false;\n\n/**\n * Get the current editor mode.\n */\nexport function getCurrentMode(): EditorMode {\n  return currentMode;\n}\n\n/**\n * Set the current editor mode.\n */\nexport function setMode(mode: EditorMode): void {\n  currentMode = mode;\n\n  if (mode === \"edit\") {\n    enableEditMode();\n  } else {\n    disableEditMode();\n  }\n}\n\n/**\n * Initialize the Upstart editor runtime.\n */\nexport function initUpstartEditor(): void {\n  if (typeof window === \"undefined\") {\n    return;\n  }\n\n  if (isInitialized) {\n    return;\n  }\n\n  try {\n    console.log(\"[Upstart Editor] Initializing...\");\n\n    currentMode = \"preview\";\n    isInitialized = true;\n\n    window.addEventListener(\"message\", handleParentMessage);\n\n    initTextEditor();\n    initClickHandler();\n    initHoverOverlay();\n\n    sendToParent({ type: \"editor-ready\" });\n  } catch (error) {\n    console.error(\"[Upstart Editor] Initialization failed:\", error);\n    sendToParent({\n      type: \"editor-error\",\n      error: error instanceof Error ? error.message : \"Unknown error\",\n    });\n  }\n}\n\nfunction handleParentMessage(event: MessageEvent): void {\n  const message = event.data as UpstartParentMessage | undefined;\n\n  if (!message || message.source !== \"upstart-editor-parent\") {\n    return;\n  }\n\n  if (message.type === \"set-mode\") {\n    setMode(message.mode);\n  }\n}\n\nfunction enableEditMode(): void {\n  console.log(\"[Upstart Editor] Edit mode enabled\");\n}\n\nfunction disableEditMode(): void {\n  console.log(\"[Upstart Editor] Preview mode enabled\");\n  destroyAllActiveEditors();\n  hideOverlays();\n}\n\nexport { initTextEditor } from \"./text-editor.js\";\nexport { initClickHandler } from \"./click-handler.js\";\nexport { initHoverOverlay } from \"./hover-overlay.js\";\nexport { sendToParent } from \"./utils.js\";\nexport type { EditorMessage, UpstartEditorMessage } from \"./types.js\";\n"],"mappings":";;;;;;AAMA,IAAIA,cAA0B;AAC9B,IAAI,gBAAgB;;;;AAKpB,SAAgB,iBAA6B;AAC3C,QAAO;;;;;AAMT,SAAgB,QAAQ,MAAwB;AAC9C,eAAc;AAEd,KAAI,SAAS,OACX,iBAAgB;KAEhB,kBAAiB;;;;;AAOrB,SAAgB,oBAA0B;AACxC,KAAI,OAAO,WAAW,YACpB;AAGF,KAAI,cACF;AAGF,KAAI;AACF,UAAQ,IAAI,mCAAmC;AAE/C,gBAAc;AACd,kBAAgB;AAEhB,SAAO,iBAAiB,WAAW,oBAAoB;AAEvD,kBAAgB;AAChB,oBAAkB;AAClB,oBAAkB;AAElB,eAAa,EAAE,MAAM,gBAAgB,CAAC;UAC/B,OAAO;AACd,UAAQ,MAAM,2CAA2C,MAAM;AAC/D,eAAa;GACX,MAAM;GACN,OAAO,iBAAiB,QAAQ,MAAM,UAAU;GACjD,CAAC;;;AAIN,SAAS,oBAAoB,OAA2B;CACtD,MAAM,UAAU,MAAM;AAEtB,KAAI,CAAC,WAAW,QAAQ,WAAW,wBACjC;AAGF,KAAI,QAAQ,SAAS,WACnB,SAAQ,QAAQ,KAAK;;AAIzB,SAAS,iBAAuB;AAC9B,SAAQ,IAAI,qCAAqC;;AAGnD,SAAS,kBAAwB;AAC/B,SAAQ,IAAI,wCAAwC;AACpD,0BAAyB;AACzB,eAAc"}

package/dist/vite-plugin-upstart-editor/runtime/text-editor.d.ts

@@ -0,0 +1,15 @@
+import { UpstartEditorOptions } from "./types.js";
+
+//#region src/vite-plugin-upstart-editor/runtime/text-editor.d.ts
+
+/**
+ * Initialize TipTap text editing for elements marked as editable.
+ */
+declare function initTextEditor(options?: UpstartEditorOptions): void;
+/**
+ * Destroy all active editors.
+ */
+declare function destroyAllActiveEditors(): void;
+//#endregion
+export { destroyAllActiveEditors, initTextEditor };
+//# sourceMappingURL=text-editor.d.ts.map

package/dist/vite-plugin-upstart-editor/runtime/text-editor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-editor.d.ts","names":[],"sources":["../../../src/vite-plugin-upstart-editor/runtime/text-editor.ts"],"sourcesContent":[],"mappings":";;;;;;AA6BA;AA+BgB,iBA/BA,cAAA,CA+BuB,OAAA,CAAA,EA/BC,oBA+BD,CAAA,EAAA,IAAA;;;;iBAAvB,uBAAA,CAAA"}

package/dist/vite-plugin-upstart-editor/runtime/text-editor.js

@@ -0,0 +1,292 @@
+import { sendToParent } from "./utils.js";
+import { getCurrentMode } from "./index.js";
+import { Editor } from "@tiptap/core";
+import { BubbleMenu } from "@tiptap/extension-bubble-menu";
+import Placeholder from "@tiptap/extension-placeholder";
+import StarterKit from "@tiptap/starter-kit";
+
+//#region src/vite-plugin-upstart-editor/runtime/text-editor.ts
+const DEFAULT_OPTIONS = {
+	richTextElements: [
+		"p",
+		"div",
+		"article",
+		"section"
+	],
+	plainTextElements: [
+		"button",
+		"a",
+		"span",
+		"h1",
+		"h2",
+		"h3",
+		"h4",
+		"h5",
+		"h6",
+		"label"
+	],
+	bubbleMenu: true,
+	placeholder: "Start typing...",
+	autoSaveDelay: 1e3
+};
+const activeEditors = /* @__PURE__ */ new Map();
+const saveTimeouts = /* @__PURE__ */ new Map();
+const styleCache = /* @__PURE__ */ new WeakMap();
+let isInitialized = false;
+let shortcutsRegistered = false;
+/**
+* Initialize TipTap text editing for elements marked as editable.
+*/
+function initTextEditor(options = {}) {
+	if (typeof window === "undefined") return;
+	if (isInitialized) return;
+	try {
+		const resolvedOptions = {
+			...DEFAULT_OPTIONS,
+			...options
+		};
+		document.querySelectorAll("[data-upstart-editable-text=\"true\"]").forEach((element) => setupEditableElement(element, resolvedOptions));
+		registerKeyboardShortcuts();
+		isInitialized = true;
+		console.log("[Upstart Editor] Text editor initialized");
+	} catch (error) {
+		console.error("[Upstart Editor] Failed to initialize text editor:", error);
+		sendToParent({
+			type: "editor-error",
+			error: error instanceof Error ? error.message : "Unknown error"
+		});
+	}
+}
+/**
+* Destroy all active editors.
+*/
+function destroyAllActiveEditors() {
+	for (const hash of activeEditors.keys()) destroyEditor(hash);
+}
+function setupEditableElement(element, options) {
+	const hash = getEditableHash(element);
+	if (!hash) return;
+	cacheStyles(element);
+	element.style.transition = "outline 0.15s ease";
+	element.addEventListener("dblclick", (event) => {
+		if (getCurrentMode() !== "edit") return;
+		event.preventDefault();
+		event.stopPropagation();
+		if (activeEditors.has(hash)) return;
+		activateEditor(element, hash, options);
+	});
+	element.addEventListener("mouseenter", () => {
+		if (getCurrentMode() !== "edit") return;
+		if (!activeEditors.has(hash)) applyHoverStyles(element);
+	});
+	element.addEventListener("mouseleave", () => {
+		if (!activeEditors.has(hash)) restoreStyles(element);
+	});
+}
+function activateEditor(element, hash, options) {
+	const editor = shouldUseRichText(element, options) ? createRichTextEditor(element, hash, options) : createPlainTextEditor(element, hash, options);
+	applyActiveStyles(element);
+	activeEditors.set(hash, {
+		editor,
+		element,
+		hash
+	});
+}
+function createPlainTextEditor(element, hash, options) {
+	return new Editor({
+		element,
+		extensions: [StarterKit.configure({
+			heading: false,
+			bold: false,
+			italic: false,
+			strike: false,
+			blockquote: false,
+			bulletList: false,
+			orderedList: false,
+			listItem: false,
+			codeBlock: false,
+			horizontalRule: false
+		}), Placeholder.configure({ placeholder: "Click to edit..." })],
+		content: element.textContent ?? "",
+		editorProps: { attributes: {
+			class: "upstart-editor-active",
+			style: "outline: 2px solid #3b82f6; outline-offset: 2px;"
+		} },
+		onUpdate: ({ editor }) => {
+			debouncedSave(hash, editor.getText(), options.autoSaveDelay);
+		},
+		onBlur: ({ editor }) => {
+			saveText(hash, editor.getText());
+			destroyEditor(hash);
+		},
+		onCreate: ({ editor }) => {
+			editor.commands.focus("end");
+		}
+	});
+}
+function createRichTextEditor(element, hash, options) {
+	const bubbleMenuElement = createBubbleMenuElement();
+	const extensions = [StarterKit, Placeholder.configure({ placeholder: options.placeholder })];
+	if (options.bubbleMenu) extensions.push(BubbleMenu.configure({ element: bubbleMenuElement }));
+	return new Editor({
+		element,
+		extensions,
+		content: element.innerHTML,
+		editorProps: { attributes: {
+			class: "upstart-editor-active",
+			style: "outline: 2px solid #3b82f6; outline-offset: 2px;"
+		} },
+		onUpdate: ({ editor: updatedEditor }) => {
+			debouncedSave(hash, updatedEditor.getHTML(), options.autoSaveDelay);
+		},
+		onBlur: ({ editor: updatedEditor }) => {
+			saveText(hash, updatedEditor.getHTML());
+			destroyEditor(hash);
+		},
+		onCreate: ({ editor: createdEditor }) => {
+			if (options.bubbleMenu) wireBubbleMenu(bubbleMenuElement, createdEditor);
+			createdEditor.commands.focus("end");
+		}
+	});
+}
+function shouldUseRichText(element, options) {
+	const tagName = element.tagName.toLowerCase();
+	if (options.plainTextElements.includes(tagName)) return false;
+	if (options.richTextElements.includes(tagName)) return true;
+	return true;
+}
+function debouncedSave(hash, content, delay) {
+	const existingTimeout = saveTimeouts.get(hash);
+	if (existingTimeout) clearTimeout(existingTimeout);
+	const timeoutId = window.setTimeout(() => {
+		sendToParent({
+			type: "text-update",
+			hash,
+			newText: content
+		});
+	}, delay);
+	saveTimeouts.set(hash, timeoutId);
+}
+function saveText(hash, newText) {
+	try {
+		sendToParent({
+			type: "text-save",
+			hash,
+			newText
+		});
+		console.log("[Upstart Editor] Text save message sent:", hash);
+	} catch (error) {
+		console.error("[Upstart Editor] Failed to send save message:", error);
+		sendToParent({
+			type: "editor-error",
+			error: error instanceof Error ? error.message : "Unknown error"
+		});
+	}
+}
+function destroyEditor(hash) {
+	const instance = activeEditors.get(hash);
+	if (!instance) return;
+	instance.editor.destroy();
+	restoreStyles(instance.element);
+	activeEditors.delete(hash);
+	const existingTimeout = saveTimeouts.get(hash);
+	if (existingTimeout) {
+		clearTimeout(existingTimeout);
+		saveTimeouts.delete(hash);
+	}
+}
+function registerKeyboardShortcuts() {
+	if (shortcutsRegistered) return;
+	document.addEventListener("keydown", (event) => {
+		if (event.key === "Escape") blurAllEditors();
+		if ((event.metaKey || event.ctrlKey) && event.key === "Enter") blurAllEditors();
+	});
+	shortcutsRegistered = true;
+}
+function blurAllEditors() {
+	activeEditors.forEach((instance) => {
+		instance.editor.commands.blur();
+	});
+}
+function getEditableHash(element) {
+	return element.dataset.upstartHash ?? null;
+}
+function cacheStyles(element) {
+	if (styleCache.has(element)) return;
+	styleCache.set(element, {
+		outline: element.style.outline || "",
+		outlineOffset: element.style.outlineOffset || "",
+		cursor: element.style.cursor || "",
+		transition: element.style.transition || ""
+	});
+}
+function applyHoverStyles(element) {
+	cacheStyles(element);
+	element.style.outline = "1px dashed #3b82f6";
+	element.style.outlineOffset = "2px";
+	element.style.cursor = "text";
+}
+function applyActiveStyles(element) {
+	cacheStyles(element);
+	element.style.outline = "2px solid #3b82f6";
+	element.style.outlineOffset = "2px";
+	element.style.cursor = "text";
+}
+function restoreStyles(element) {
+	const cached = styleCache.get(element);
+	if (!cached) {
+		element.style.outline = "";
+		element.style.outlineOffset = "";
+		element.style.cursor = "";
+		element.style.transition = "";
+		return;
+	}
+	element.style.outline = cached.outline;
+	element.style.outlineOffset = cached.outlineOffset;
+	element.style.cursor = cached.cursor;
+	element.style.transition = cached.transition;
+}
+function createBubbleMenuElement() {
+	const menu = document.createElement("div");
+	menu.className = "upstart-editor-bubble-menu";
+	menu.style.cssText = "display: flex; gap: 6px; padding: 6px 8px; background: #111827; color: #ffffff; border-radius: 6px; font-size: 12px; box-shadow: 0 6px 16px rgba(0,0,0,0.2);";
+	for (const { label, command } of [
+		{
+			label: "B",
+			command: "bold"
+		},
+		{
+			label: "I",
+			command: "italic"
+		},
+		{
+			label: "S",
+			command: "strike"
+		}
+	]) {
+		const button = document.createElement("button");
+		button.type = "button";
+		button.textContent = label;
+		button.dataset.command = command;
+		button.style.cssText = "background: transparent; border: none; color: inherit; cursor: pointer; font-weight: 600;";
+		menu.appendChild(button);
+	}
+	return menu;
+}
+function wireBubbleMenu(menu, editor) {
+	menu.addEventListener("mousedown", (event) => {
+		event.preventDefault();
+	});
+	menu.addEventListener("click", (event) => {
+		const command = event.target?.dataset.command;
+		if (!command) return;
+		const chain = editor.chain().focus();
+		if (command === "bold") chain.toggleBold().run();
+		if (command === "italic") chain.toggleItalic().run();
+		if (command === "strike") chain.toggleStrike().run();
+	});
+}
+
+//#endregion
+export { destroyAllActiveEditors, initTextEditor };
+//# sourceMappingURL=text-editor.js.map

package/dist/vite-plugin-upstart-editor/runtime/text-editor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-editor.js","names":["DEFAULT_OPTIONS: Required<UpstartEditorOptions>","extensions: Extension[]"],"sources":["../../../src/vite-plugin-upstart-editor/runtime/text-editor.ts"],"sourcesContent":["import { Editor } from \"@tiptap/core\";\nimport type { Extension } from \"@tiptap/core\";\nimport { BubbleMenu } from \"@tiptap/extension-bubble-menu\";\nimport Placeholder from \"@tiptap/extension-placeholder\";\nimport StarterKit from \"@tiptap/starter-kit\";\nimport { getCurrentMode } from \"./index.js\";\nimport { sendToParent } from \"./utils.js\";\nimport type { EditorInstance, UpstartEditorOptions } from \"./types.js\";\n\nconst DEFAULT_OPTIONS: Required<UpstartEditorOptions> = {\n  richTextElements: [\"p\", \"div\", \"article\", \"section\"],\n  plainTextElements: [\"button\", \"a\", \"span\", \"h1\", \"h2\", \"h3\", \"h4\", \"h5\", \"h6\", \"label\"],\n  bubbleMenu: true,\n  placeholder: \"Start typing...\",\n  autoSaveDelay: 1000,\n};\n\nconst activeEditors = new Map<string, EditorInstance>();\nconst saveTimeouts = new Map<string, number>();\nconst styleCache = new WeakMap<\n  HTMLElement,\n  { outline: string; outlineOffset: string; cursor: string; transition: string }\n>();\nlet isInitialized = false;\nlet shortcutsRegistered = false;\n\n/**\n * Initialize TipTap text editing for elements marked as editable.\n */\nexport function initTextEditor(options: UpstartEditorOptions = {}): void {\n  if (typeof window === \"undefined\") {\n    return;\n  }\n\n  if (isInitialized) {\n    return;\n  }\n\n  try {\n    const resolvedOptions = { ...DEFAULT_OPTIONS, ...options };\n    const editables = document.querySelectorAll<HTMLElement>('[data-upstart-editable-text=\"true\"]');\n\n    editables.forEach((element) => setupEditableElement(element, resolvedOptions));\n\n    registerKeyboardShortcuts();\n    isInitialized = true;\n\n    console.log(\"[Upstart Editor] Text editor initialized\");\n  } catch (error) {\n    console.error(\"[Upstart Editor] Failed to initialize text editor:\", error);\n    sendToParent({\n      type: \"editor-error\",\n      error: error instanceof Error ? error.message : \"Unknown error\",\n    });\n  }\n}\n\n/**\n * Destroy all active editors.\n */\nexport function destroyAllActiveEditors(): void {\n  for (const hash of activeEditors.keys()) {\n    destroyEditor(hash);\n  }\n}\n\nfunction setupEditableElement(element: HTMLElement, options: Required<UpstartEditorOptions>): void {\n  const hash = getEditableHash(element);\n  if (!hash) {\n    return;\n  }\n\n  cacheStyles(element);\n  element.style.transition = \"outline 0.15s ease\";\n\n  element.addEventListener(\"dblclick\", (event) => {\n    if (getCurrentMode() !== \"edit\") {\n      return;\n    }\n\n    event.preventDefault();\n    event.stopPropagation();\n\n    if (activeEditors.has(hash)) {\n      return;\n    }\n\n    activateEditor(element, hash, options);\n  });\n\n  element.addEventListener(\"mouseenter\", () => {\n    if (getCurrentMode() !== \"edit\") {\n      return;\n    }\n\n    if (!activeEditors.has(hash)) {\n      applyHoverStyles(element);\n    }\n  });\n\n  element.addEventListener(\"mouseleave\", () => {\n    if (!activeEditors.has(hash)) {\n      restoreStyles(element);\n    }\n  });\n}\n\nfunction activateEditor(element: HTMLElement, hash: string, options: Required<UpstartEditorOptions>): void {\n  const isRichText = shouldUseRichText(element, options);\n  const editor = isRichText\n    ? createRichTextEditor(element, hash, options)\n    : createPlainTextEditor(element, hash, options);\n\n  applyActiveStyles(element);\n  activeEditors.set(hash, { editor, element, hash });\n}\n\nfunction createPlainTextEditor(\n  element: HTMLElement,\n  hash: string,\n  options: Required<UpstartEditorOptions>,\n): Editor {\n  return new Editor({\n    element,\n    extensions: [\n      StarterKit.configure({\n        heading: false,\n        bold: false,\n        italic: false,\n        strike: false,\n        blockquote: false,\n        bulletList: false,\n        orderedList: false,\n        listItem: false,\n        codeBlock: false,\n        horizontalRule: false,\n      }),\n      Placeholder.configure({\n        placeholder: \"Click to edit...\",\n      }),\n    ],\n    content: element.textContent ?? \"\",\n    editorProps: {\n      attributes: {\n        class: \"upstart-editor-active\",\n        style: \"outline: 2px solid #3b82f6; outline-offset: 2px;\",\n      },\n    },\n    onUpdate: ({ editor }) => {\n      debouncedSave(hash, editor.getText(), options.autoSaveDelay);\n    },\n    onBlur: ({ editor }) => {\n      saveText(hash, editor.getText());\n      destroyEditor(hash);\n    },\n    onCreate: ({ editor }) => {\n      editor.commands.focus(\"end\");\n    },\n  });\n}\n\nfunction createRichTextEditor(\n  element: HTMLElement,\n  hash: string,\n  options: Required<UpstartEditorOptions>,\n): Editor {\n  const bubbleMenuElement = createBubbleMenuElement();\n  const extensions: Extension[] = [\n    StarterKit,\n    Placeholder.configure({\n      placeholder: options.placeholder,\n    }),\n  ];\n\n  if (options.bubbleMenu) {\n    extensions.push(\n      BubbleMenu.configure({\n        element: bubbleMenuElement,\n      }),\n    );\n  }\n\n  const editor = new Editor({\n    element,\n    extensions,\n    content: element.innerHTML,\n    editorProps: {\n      attributes: {\n        class: \"upstart-editor-active\",\n        style: \"outline: 2px solid #3b82f6; outline-offset: 2px;\",\n      },\n    },\n    onUpdate: ({ editor: updatedEditor }) => {\n      debouncedSave(hash, updatedEditor.getHTML(), options.autoSaveDelay);\n    },\n    onBlur: ({ editor: updatedEditor }) => {\n      saveText(hash, updatedEditor.getHTML());\n      destroyEditor(hash);\n    },\n    onCreate: ({ editor: createdEditor }) => {\n      if (options.bubbleMenu) {\n        wireBubbleMenu(bubbleMenuElement, createdEditor);\n      }\n      createdEditor.commands.focus(\"end\");\n    },\n  });\n\n  return editor;\n}\n\nfunction shouldUseRichText(element: HTMLElement, options: Required<UpstartEditorOptions>): boolean {\n  const tagName = element.tagName.toLowerCase();\n\n  if (options.plainTextElements.includes(tagName)) {\n    return false;\n  }\n\n  if (options.richTextElements.includes(tagName)) {\n    return true;\n  }\n\n  return true;\n}\n\nfunction debouncedSave(hash: string, content: string, delay: number): void {\n  const existingTimeout = saveTimeouts.get(hash);\n  if (existingTimeout) {\n    clearTimeout(existingTimeout);\n  }\n\n  const timeoutId = window.setTimeout(() => {\n    sendToParent({\n      type: \"text-update\",\n      hash,\n      newText: content,\n    });\n  }, delay);\n\n  saveTimeouts.set(hash, timeoutId);\n}\n\nfunction saveText(hash: string, newText: string): void {\n  try {\n    sendToParent({\n      type: \"text-save\",\n      hash,\n      newText,\n    });\n\n    console.log(\"[Upstart Editor] Text save message sent:\", hash);\n  } catch (error) {\n    console.error(\"[Upstart Editor] Failed to send save message:\", error);\n    sendToParent({\n      type: \"editor-error\",\n      error: error instanceof Error ? error.message : \"Unknown error\",\n    });\n  }\n}\n\nfunction destroyEditor(hash: string): void {\n  const instance = activeEditors.get(hash);\n  if (!instance) {\n    return;\n  }\n\n  instance.editor.destroy();\n  restoreStyles(instance.element);\n  activeEditors.delete(hash);\n\n  const existingTimeout = saveTimeouts.get(hash);\n  if (existingTimeout) {\n    clearTimeout(existingTimeout);\n    saveTimeouts.delete(hash);\n  }\n}\n\nfunction registerKeyboardShortcuts(): void {\n  if (shortcutsRegistered) {\n    return;\n  }\n\n  document.addEventListener(\"keydown\", (event) => {\n    if (event.key === \"Escape\") {\n      blurAllEditors();\n    }\n\n    if ((event.metaKey || event.ctrlKey) && event.key === \"Enter\") {\n      blurAllEditors();\n    }\n  });\n\n  shortcutsRegistered = true;\n}\n\nfunction blurAllEditors(): void {\n  activeEditors.forEach((instance) => {\n    instance.editor.commands.blur();\n  });\n}\n\nfunction getEditableHash(element: HTMLElement): string | null {\n  return element.dataset.upstartHash ?? null;\n}\n\nfunction cacheStyles(element: HTMLElement): void {\n  if (styleCache.has(element)) {\n    return;\n  }\n\n  styleCache.set(element, {\n    outline: element.style.outline || \"\",\n    outlineOffset: element.style.outlineOffset || \"\",\n    cursor: element.style.cursor || \"\",\n    transition: element.style.transition || \"\",\n  });\n}\n\nfunction applyHoverStyles(element: HTMLElement): void {\n  cacheStyles(element);\n  element.style.outline = \"1px dashed #3b82f6\";\n  element.style.outlineOffset = \"2px\";\n  element.style.cursor = \"text\";\n}\n\nfunction applyActiveStyles(element: HTMLElement): void {\n  cacheStyles(element);\n  element.style.outline = \"2px solid #3b82f6\";\n  element.style.outlineOffset = \"2px\";\n  element.style.cursor = \"text\";\n}\n\nfunction restoreStyles(element: HTMLElement): void {\n  const cached = styleCache.get(element);\n  if (!cached) {\n    element.style.outline = \"\";\n    element.style.outlineOffset = \"\";\n    element.style.cursor = \"\";\n    element.style.transition = \"\";\n    return;\n  }\n\n  element.style.outline = cached.outline;\n  element.style.outlineOffset = cached.outlineOffset;\n  element.style.cursor = cached.cursor;\n  element.style.transition = cached.transition;\n}\n\nfunction createBubbleMenuElement(): HTMLDivElement {\n  const menu = document.createElement(\"div\");\n  menu.className = \"upstart-editor-bubble-menu\";\n  menu.style.cssText =\n    \"display: flex; gap: 6px; padding: 6px 8px; background: #111827; color: #ffffff; \" +\n    \"border-radius: 6px; font-size: 12px; box-shadow: 0 6px 16px rgba(0,0,0,0.2);\";\n\n  const buttons = [\n    { label: \"B\", command: \"bold\" },\n    { label: \"I\", command: \"italic\" },\n    { label: \"S\", command: \"strike\" },\n  ];\n\n  for (const { label, command } of buttons) {\n    const button = document.createElement(\"button\");\n    button.type = \"button\";\n    button.textContent = label;\n    button.dataset.command = command;\n    button.style.cssText =\n      \"background: transparent; border: none; color: inherit; cursor: pointer; font-weight: 600;\";\n    menu.appendChild(button);\n  }\n\n  return menu;\n}\n\nfunction wireBubbleMenu(menu: HTMLDivElement, editor: Editor): void {\n  menu.addEventListener(\"mousedown\", (event) => {\n    event.preventDefault();\n  });\n\n  menu.addEventListener(\"click\", (event) => {\n    const target = event.target as HTMLElement | null;\n    const command = target?.dataset.command;\n\n    if (!command) {\n      return;\n    }\n\n    const chain = editor.chain().focus();\n\n    if (command === \"bold\") {\n      chain.toggleBold().run();\n    }\n\n    if (command === \"italic\") {\n      chain.toggleItalic().run();\n    }\n\n    if (command === \"strike\") {\n      chain.toggleStrike().run();\n    }\n  });\n}\n"],"mappings":"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"}

package/dist/vite-plugin-upstart-editor/runtime/types.d.ts

@@ -0,0 +1,126 @@
+import { Editor } from "@tiptap/core";
+
+//#region src/vite-plugin-upstart-editor/runtime/types.d.ts
+
+/**
+ * Editor mode
+ */
+type EditorMode = "preview" | "edit";
+/**
+ * Element bounds used for UI positioning.
+ */
+interface ElementBounds {
+  top: number;
+  left: number;
+  width: number;
+  height: number;
+  right: number;
+  bottom: number;
+}
+/**
+ * Represents an active editor instance.
+ */
+interface EditorInstance {
+  editor: Editor;
+  element: HTMLElement;
+  hash: string;
+}
+/**
+ * Messages sent from iframe to parent editor.
+ */
+type EditorMessage = {
+  type: "text-update";
+  hash: string;
+  newText: string;
+} | {
+  type: "text-save";
+  hash: string;
+  newText: string;
+} | {
+  type: "editor-ready";
+} | {
+  type: "editor-error";
+  error: string;
+} | {
+  type: "element-hovered";
+  hash: string;
+  bounds: ElementBounds;
+} | {
+  type: "element-clicked";
+  hash: string;
+  componentName: string;
+  filePath: string;
+  currentClassName: string;
+  bounds: ElementBounds;
+};
+/**
+ * Messages sent from parent to iframe.
+ */
+type ParentMessage = {
+  type: "set-mode";
+  mode: EditorMode;
+};
+/**
+ * Message wrapper sent via postMessage from iframe.
+ */
+interface UpstartEditorMessage {
+  source: "upstart-editor";
+  type: EditorMessage["type"];
+  [key: string]: any;
+}
+/**
+ * Message wrapper sent via postMessage from parent.
+ */
+interface UpstartParentMessage {
+  source: "upstart-editor-parent";
+  type: ParentMessage["type"];
+  [key: string]: any;
+}
+/**
+ * Configuration options for the Upstart Editor runtime.
+ */
+interface UpstartEditorOptions {
+  /**
+   * Elements that should use rich text editing (with formatting).
+   * @default ['p', 'div', 'article', 'section']
+   */
+  richTextElements?: string[];
+  /**
+   * Elements that should use plain text editing (no formatting).
+   * @default ['button', 'a', 'span', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'label']
+   */
+  plainTextElements?: string[];
+  /**
+   * Enable bubble menu for text selection.
+   * @default true
+   */
+  bubbleMenu?: boolean;
+  /**
+   * Placeholder text for empty editors.
+   * @default 'Start typing...'
+   */
+  placeholder?: string;
+  /**
+   * Auto-save delay in milliseconds.
+   * @default 1000
+   */
+  autoSaveDelay?: number;
+}
+/**
+ * Build-time plugin options.
+ */
+interface UpstartEditorPluginOptions {
+  /**
+   * Enable or disable the editor.
+   * @default false
+   */
+  enabled?: boolean;
+  /**
+   * Automatically inject editor initialization code.
+   * @default true
+   */
+  autoInject?: boolean;
+}
+//#endregion
+export { EditorInstance, EditorMessage, EditorMode, ElementBounds, ParentMessage, UpstartEditorMessage, UpstartEditorOptions, UpstartEditorPluginOptions, UpstartParentMessage };
+//# sourceMappingURL=types.d.ts.map

package/dist/vite-plugin-upstart-editor/runtime/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","names":[],"sources":["../../../src/vite-plugin-upstart-editor/runtime/types.ts"],"sourcesContent":[],"mappings":";;;;;;AAKA;AAKiB,KALL,UAAA,GAKkB,SAAA,GAAA,MAAA;AAY9B;AASA;AAkBA;AAKiB,UA5CA,aAAA,CA4CoB;EASpB,GAAA,EAAA,MAAA;EASA,IAAA,EAAA,MAAA;EAmCA,KAAA,EAAA,MAAA;;;;;;;;UArFA,cAAA;UACP;WACC;;;;;;KAOC,aAAA;;;;;;;;;;;;;;;;UAKyC;;;;;;;UAOvC;;;;;KAMF,aAAA;;QAA0C;;;;;UAKrC,oBAAA;;QAET;;;;;;UAOS,oBAAA;;QAET;;;;;;UAOS,oBAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UAmCA,0BAAA"}