@nuasite/cms 0.20.2 → 0.20.4

package/package.json

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

package/src/dev-middleware.ts

@@ -44,9 +44,6 @@ interface ViteDevServerLike {
 		on: (event: string, listener: (...args: any[]) => void) => any
 		removeListener: (event: string, listener: (...args: any[]) => void) => any
 	}
-	ws?: {
-		send: (payload: { type: string; path?: string }) => void
-	}
 }
 
 /**
@@ -115,14 +112,6 @@ export function createDevMiddleware(
 			const route = url.replace('/_nua/cms/', '').split('?')[0]!
 
 			handleCmsApiRoute(route, req, res, manifestWriter, config.contentDir, options.mediaAdapter)
-				.then(() => {
-					// Explicitly trigger full-reload after content-modifying routes.
-					// In sandboxed environments (e.g. E2B), chokidar file watcher events
-					// may not fire reliably, so we send the HMR event directly.
-					if (req.method === 'POST' && server.ws) {
-						server.ws.send({ type: 'full-reload' })
-					}
-				})
 				.catch((error) => {
 					console.error('[astro-cms] API error:', error)
 					sendError(res, 'Internal server error', 500)

package/src/editor/components/markdown-editor-overlay.tsx

@@ -2,7 +2,7 @@ import { type Editor, editorViewCtx } from '@milkdown/core'
 import { useCallback, useEffect, useRef, useState } from 'preact/hooks'
 import { slugify } from '../../shared'
 import { updateMarkdownPage } from '../api'
-import { STORAGE_KEYS, Z_INDEX } from '../constants'
+import { schedulePageReload, STORAGE_KEYS, Z_INDEX } from '../constants'
 import { createMarkdownPage } from '../markdown-api'
 import {
 	config,
@@ -127,6 +127,8 @@ export function MarkdownEditorOverlay() {
 					// Clear pending entry navigation so editor doesn't auto-open after save
 					sessionStorage.removeItem(STORAGE_KEYS.PENDING_ENTRY_NAVIGATION)
 					resetMarkdownEditorState()
+
+					schedulePageReload()
 				} else {
 					showToast(result.error || 'Failed to save markdown', 'error')
 					setIsSaving(false)

package/src/editor/components/reference-picker.tsx

@@ -1,5 +1,5 @@
 import { useCallback, useEffect, useMemo, useRef, useState } from 'preact/hooks'
-import { clampPanelPosition, Z_INDEX } from '../constants'
+import { clampPanelPosition, schedulePageReload, Z_INDEX } from '../constants'
 import { updateMarkdownPage } from '../markdown-api'
 import { closeReferencePicker, config, manifest, referencePickerState, showToast } from '../signals'
 
@@ -57,6 +57,7 @@ export function ReferencePicker() {
 			})
 			if (result.success) {
 				showToast('Reference updated', 'success')
+				schedulePageReload()
 			} else {
 				showToast(result.error || 'Failed to update reference', 'error')
 			}

package/src/editor/components/seo-editor.tsx

@@ -1,5 +1,6 @@
 import { useCallback, useState } from 'preact/hooks'
 import { saveBatchChanges } from '../api'
+import { schedulePageReload } from '../constants'
 import { isApplyingUndoRedo, recordChange } from '../history'
 import {
 	clearPendingSeoChanges,
@@ -226,6 +227,7 @@ export function SeoEditor() {
 				showToast(`Saved ${result.updated} SEO change(s) successfully!`, 'success')
 				clearPendingSeoChanges()
 				closeSeoEditor()
+				schedulePageReload()
 			}
 		} catch (error) {
 			showToast(error instanceof Error ? error.message : 'Failed to save SEO changes', 'error')

package/src/editor/constants.ts

@@ -43,8 +43,21 @@ export const TIMING = {
 	PREVIEW_ERROR_DURATION_MS: 5000,
 	/** Delay before focusing input after expansion (ms) */
 	FOCUS_DELAY_MS: 50,
+	/** Delay before reloading the page after a content-modifying save (ms) */
+	RELOAD_DELAY_MS: 100,
+	/** Longer reload delay to allow collapse animation to play (ms) */
+	RELOAD_COLLAPSE_DELAY_MS: 300,
 } as const
 
+/**
+ * Schedule a page reload after a content-modifying save.
+ * In normal dev, Vite HMR (via chokidar) usually reloads the page before this fires.
+ * In sandboxed environments (e.g. E2B) where HMR is unavailable, this ensures the page still refreshes.
+ */
+export function schedulePageReload(delayMs: number = TIMING.RELOAD_DELAY_MS) {
+	setTimeout(() => location.reload(), delayMs)
+}
+
 /**
  * Layout constants for UI positioning
  */

package/src/editor/editor.ts

@@ -1,5 +1,5 @@
 import { fetchManifest, getMarkdownContent, saveBatchChanges } from './api'
-import { CSS, TIMING } from './constants'
+import { CSS, schedulePageReload, TIMING } from './constants'
 import {
 	cleanupHighlightSystem,
 	disableAllInteractiveElements,
@@ -877,6 +877,9 @@ export async function saveAllChanges(
 		}
 
 		onStateChange?.()
+
+		schedulePageReload()
+
 		return { success: true, updated: result.updated }
 	} catch (err) {
 		console.error('[CMS] Save failed:', err)

package/src/editor/hooks/useBlockEditorHandlers.ts

@@ -1,4 +1,5 @@
 import { useCallback, useState } from 'preact/hooks'
+import { schedulePageReload, TIMING } from '../constants'
 import { logDebug } from '../dom'
 import { getComponentInstances } from '../manifest'
 import * as signals from '../signals'
@@ -152,6 +153,7 @@ export function useBlockEditorHandlers({
 					}
 
 					showToast(`Item added ${position} current item`, 'success')
+					schedulePageReload()
 				} else {
 					// Standard component insertion
 					const response = await fetch(`${config.apiBase}/insert-component`, {
@@ -176,6 +178,7 @@ export function useBlockEditorHandlers({
 					}
 
 					showToast(`${componentName} inserted ${position} component`, 'success')
+					schedulePageReload()
 				}
 			} catch (error) {
 				console.error('[CMS] Failed to insert component:', error)
@@ -234,10 +237,11 @@ export function useBlockEditorHandlers({
 
 				showToast(arrayMode ? 'Item removed' : 'Component removed', 'success')
 
-				// Visually collapse and hide the component until HMR refreshes the page
+				// Visually collapse the component then reload to pick up file changes
 				if (componentEl) {
 					collapseElement(componentEl)
 				}
+				schedulePageReload(TIMING.RELOAD_COLLAPSE_DELAY_MS)
 			} catch (error) {
 				console.error('[CMS] Failed to remove component:', error)
 				showToast(arrayMode ? 'Failed to remove item' : 'Failed to remove component', 'error')