@nuasite/cms 0.11.0 → 0.12.0

package/package.json

@@ -14,7 +14,7 @@
     "directory": "packages/astro-cms"
   },
   "license": "Apache-2.0",
-  "version": "0.11.0",
+  "version": "0.12.0",
   "module": "src/index.ts",
   "types": "src/index.ts",
   "type": "module",

package/src/editor/index.tsx

@@ -135,7 +135,44 @@ const CmsUI = () => {
 		}
 	}, [])
 
-	// Send selected element info to parent window via postMessage (when inside an iframe)
+	// Send select-mode click selection to parent window via postMessage
+	const prevSelectModeRef = useRef<string | null>(null)
+	useEffect(() => {
+		const selected = signals.selectModeElement.value
+		const id = selected?.id ?? null
+		if (id === prevSelectModeRef.current) return
+		prevSelectModeRef.current = id
+
+		if (selected) {
+			const manifestData = signals.manifest.value
+			const isComponent = selected.type === 'component'
+			const cmsId = isComponent ? null : selected.id
+			const componentId = isComponent ? selected.id : selected.element.getAttribute('data-cms-component-id') ?? undefined
+			const entry = cmsId ? manifestData.entries[cmsId] : undefined
+			const instance = componentId ? manifestData.components?.[componentId] : undefined
+			const rect = selected.element.getBoundingClientRect()
+
+			const msg: CmsElementSelectedMessage = {
+				type: 'cms-element-selected',
+				element: buildSelectedElement({
+					cmsId,
+					isComponent,
+					componentName: isComponent ? selected.label : undefined,
+					componentId,
+					tagName: selected.element.tagName.toLowerCase(),
+					rect: { x: rect.x, y: rect.y, width: rect.width, height: rect.height },
+					entry,
+					instance,
+				}),
+			}
+			postToParent(msg)
+		} else {
+			const msg: CmsElementDeselectedMessage = { type: 'cms-element-deselected' }
+			postToParent(msg)
+		}
+	})
+
+	// Send hovered element info to parent window via postMessage (when inside an iframe)
 	const prevOutlineRef = useRef<{ cmsId: string | null; isComponent: boolean }>({ cmsId: null, isComponent: false })
 	useEffect(() => {
 		const prev = prevOutlineRef.current

package/src/handlers/source-writer.ts

@@ -532,6 +532,18 @@ export function applyTextChange(
 	const updatedSnippet = sourceSnippet.replace(resolvedOriginal, resolvedNewText)
 
 	if (updatedSnippet === sourceSnippet) {
+		// Try with <br> tag normalization (browser normalizes <br /> to <br>)
+		const brNorm = (s: string) => s.replace(/<br\s*\/?>/gi, '<br>')
+		if (brNorm(sourceSnippet).includes(brNorm(resolvedOriginal))) {
+			const parts = resolvedOriginal.split(/<br\s*\/?>/gi)
+			const regexStr = parts.map((p) => escapeRegExp(p)).join('<br\\s*\\/?>')
+			const brRegex = new RegExp(regexStr)
+			const updatedWithBr = sourceSnippet.replace(brRegex, resolvedNewText)
+			if (updatedWithBr !== sourceSnippet) {
+				return { success: true, content: content.replace(sourceSnippet, updatedWithBr) }
+			}
+		}
+
 		// resolvedOriginal wasn't found in snippet - try HTML entity handling
 		const matchedText = findTextInSnippet(sourceSnippet, resolvedOriginal)
 		if (matchedText) {