@nuasite/cms 0.20.1 → 0.20.4

package/package.json

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

package/src/dev-middleware.ts

@@ -111,12 +111,11 @@ export function createDevMiddleware(
 
 			const route = url.replace('/_nua/cms/', '').split('?')[0]!
 
-			handleCmsApiRoute(route, req, res, manifestWriter, config.contentDir, options.mediaAdapter).catch(
-				(error) => {
+			handleCmsApiRoute(route, req, res, manifestWriter, config.contentDir, options.mediaAdapter)
+				.catch((error) => {
 					console.error('[astro-cms] API error:', error)
 					sendError(res, 'Internal server error', 500)
-				},
-			)
+				})
 		})
 	}
 

package/src/editor/api.ts

@@ -4,7 +4,6 @@ import { setAvailableTextStyles } from './text-styling'
 import type {
 	CmsManifest,
 	ComponentInsertOperation,
-	DeploymentStatusResponse,
 	SaveBatchRequest,
 	SaveBatchResponse,
 	UpdateMarkdownPageRequest,
@@ -20,68 +19,6 @@ export interface GetMarkdownContentResponse {
 	filePath: string
 }
 
-/**
- * Types for CMS AI chat communication (SSE events)
- */
-export interface CmsAiChatRequest {
-	prompt: string
-	elementId?: string
-	currentContent?: string
-	pageUrl: string
-	/** Source file context for the element being edited */
-	context?: string
-	sessionId?: string
-}
-
-export type CmsAiEvent =
-	| CmsAiTokenEvent
-	| CmsAiStatusEvent
-	| CmsAiActionEvent
-	| CmsAiErrorEvent
-	| CmsAiDoneEvent
-
-export interface CmsAiTokenEvent {
-	type: 'token'
-	token: string
-	fullText: string
-}
-
-export interface CmsAiStatusEvent {
-	type: 'status'
-	status: 'thinking' | 'coding' | 'building' | 'deploying' | 'complete'
-	message?: string
-}
-
-export interface CmsAiActionEvent {
-	type: 'action'
-	action: CmsAiAction
-}
-
-export type CmsAiAction =
-	| { name: 'refresh' }
-	| { name: 'preview'; url: string }
-	| { name: 'commit'; sha: string; message: string }
-	| { name: 'apply-edit'; elementId: string; content: string; htmlContent?: string }
-
-export interface CmsAiErrorEvent {
-	type: 'error'
-	error: string
-	code?: string
-}
-
-export interface CmsAiDoneEvent {
-	type: 'done'
-	summary?: string
-}
-
-export interface CmsAiStreamCallbacks {
-	onToken?: (token: string, fullText: string) => void
-	onStatus?: (status: CmsAiStatusEvent['status'], message?: string) => void
-	onAction?: (action: CmsAiAction) => void
-	onError?: (error: string, code?: string) => void
-	onDone?: (summary?: string) => void
-}
-
 /**
  * Get the manifest URL for the current page
  * For example: /about -> /about.json
@@ -325,194 +262,6 @@ export async function removeComponent(
 	return res.json()
 }
 
-/**
- * Parse SSE data line to event
- */
-export function parseSseEvent(data: string): CmsAiEvent | null {
-	if (data === '[DONE]') {
-		return { type: 'done' }
-	}
-	try {
-		return JSON.parse(data) as CmsAiEvent
-	} catch {
-		return null
-	}
-}
-
-/**
- * Stream AI chat response from the server using SSE
- * Provides rich events including status updates, actions (refresh, preview), and streaming tokens
- */
-export async function streamAiChat(
-	apiBase: string,
-	request: CmsAiChatRequest,
-	callbacks: CmsAiStreamCallbacks,
-	abortSignal?: AbortSignal,
-): Promise<void> {
-	const controller = new AbortController()
-	const timeoutId = setTimeout(() => controller.abort(), API.AI_STREAM_TIMEOUT_MS)
-
-	// Allow external abort signal to also abort the request
-	if (abortSignal) {
-		abortSignal.addEventListener('abort', () => controller.abort())
-	}
-
-	let doneCalled = false
-
-	try {
-		const res = await fetch(`${apiBase}/ai/chat`, {
-			method: 'POST',
-			credentials: 'include',
-			headers: {
-				'Content-Type': 'application/json',
-			},
-			body: JSON.stringify(request),
-			signal: controller.signal,
-		})
-
-		if (!res.ok) {
-			const text = await res.text().catch(() => '')
-			callbacks.onError?.(text || `Request failed (${res.status})`, String(res.status))
-			return
-		}
-
-		if (!res.body) {
-			callbacks.onError?.('No response body')
-			return
-		}
-
-		const reader = res.body.getReader()
-		const decoder = new TextDecoder()
-		let buffer = ''
-
-		while (true) {
-			const { done, value } = await reader.read()
-
-			if (done) {
-				break
-			}
-
-			buffer += decoder.decode(value, { stream: true })
-			const lines = buffer.split('\n')
-
-			// Keep the last incomplete line in the buffer
-			buffer = lines.pop() || ''
-
-			for (const line of lines) {
-				if (line.startsWith('data: ')) {
-					const data = line.slice(6).trim()
-					if (!data) continue
-
-					const event = parseSseEvent(data)
-					if (!event) continue
-
-					switch (event.type) {
-						case 'token':
-							callbacks.onToken?.(event.token, event.fullText)
-							break
-						case 'status':
-							callbacks.onStatus?.(event.status, event.message)
-							break
-						case 'action':
-							callbacks.onAction?.(event.action)
-							break
-						case 'error':
-							callbacks.onError?.(event.error, event.code)
-							break
-						case 'done':
-							if (!doneCalled) {
-								doneCalled = true
-								callbacks.onDone?.(event.summary)
-							}
-							return
-					}
-				}
-			}
-		}
-
-		// Process any remaining buffer
-		if (buffer.startsWith('data: ')) {
-			const data = buffer.slice(6).trim()
-			if (data) {
-				const event = parseSseEvent(data)
-				if (event?.type === 'done' && !doneCalled) {
-					doneCalled = true
-					callbacks.onDone?.(event.summary)
-				}
-			}
-		}
-
-		if (!doneCalled) {
-			doneCalled = true
-			callbacks.onDone?.()
-		}
-	} catch (error) {
-		if (error instanceof Error && error.name === 'AbortError') {
-			callbacks.onError?.('Request timed out or was cancelled', 'TIMEOUT')
-			return
-		}
-		callbacks.onError?.(error instanceof Error ? error.message : 'Unknown error')
-	} finally {
-		clearTimeout(timeoutId)
-	}
-}
-
-/**
- * Chat message type from history endpoint
- */
-export interface ChatHistoryMessage {
-	id: string
-	role: 'user' | 'assistant' | 'tool'
-	content: string | null
-	created_at: string
-	channel?: string
-	identifier?: string
-}
-
-export interface ChatHistoryResponse {
-	messages: ChatHistoryMessage[]
-	hasMore: boolean
-}
-
-/**
- * Fetch AI chat history for the current project
- */
-export async function getChatHistory(
-	apiBase: string,
-	limit = 50,
-): Promise<ChatHistoryResponse> {
-	const res = await fetchWithTimeout(`${apiBase}/ai/chat/history?limit=${limit}`, {
-		method: 'GET',
-		credentials: 'include',
-	})
-
-	if (!res.ok) {
-		const text = await res.text().catch(() => '')
-		throw new Error(`Failed to fetch chat history (${res.status}): ${text || res.statusText}`)
-	}
-
-	return res.json()
-}
-
-/**
- * Fetch deployment status for the current project
- */
-export async function getDeploymentStatus(
-	apiBase: string,
-): Promise<DeploymentStatusResponse> {
-	const res = await fetchWithTimeout(`${apiBase}/deployment/status`, {
-		method: 'GET',
-		credentials: 'include',
-	})
-
-	if (!res.ok) {
-		const text = await res.text().catch(() => '')
-		throw new Error(`Failed to fetch deployment status (${res.status}): ${text || res.statusText}`)
-	}
-
-	return res.json()
-}
-
 /**
  * Fetch markdown content from a file
  */

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

@@ -2,8 +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 { startDeploymentPolling } from '../editor'
+import { schedulePageReload, STORAGE_KEYS, Z_INDEX } from '../constants'
 import { createMarkdownPage } from '../markdown-api'
 import {
 	config,
@@ -72,15 +71,6 @@ export function MarkdownEditorOverlay() {
 		}
 	}, [isCreateMode, slugManuallyEdited, page?.frontmatter.title, page?.frontmatter.name])
 
-	const handleDeploymentComplete = useCallback(
-		(status: 'completed' | 'failed' | 'timeout') => {
-			if (status === 'failed') {
-				showToast('Deployment failed', 'error')
-			}
-		},
-		[],
-	)
-
 	/** Find the [data-cms-markdown] wrapper element on the actual page (not CMS UI). */
 	const findMarkdownWrapper = useCallback((): HTMLElement | null => {
 		const SKIP_TAGS = new Set(['BODY', 'HTML', 'BUTTON', 'SPAN', 'A'])
@@ -133,14 +123,12 @@ export function MarkdownEditorOverlay() {
 					isMarkdownPreview.value = false
 					setIsSaving(false)
 
-					showToast('Content saved, deploying...', 'success')
+					showToast('Content saved', 'success')
 					// Clear pending entry navigation so editor doesn't auto-open after save
 					sessionStorage.removeItem(STORAGE_KEYS.PENDING_ENTRY_NAVIGATION)
-					// Close the editor immediately — the toolbar will show deploying state
 					resetMarkdownEditorState()
-					startDeploymentPolling(config.value, {
-						onComplete: handleDeploymentComplete,
-					})
+
+					schedulePageReload()
 				} else {
 					showToast(result.error || 'Failed to save markdown', 'error')
 					setIsSaving(false)
@@ -151,7 +139,7 @@ export function MarkdownEditorOverlay() {
 				setIsSaving(false)
 			}
 		},
-		[isSaving, isPreview, handleDeploymentComplete, findMarkdownWrapper],
+		[isSaving, isPreview, findMarkdownWrapper],
 	)
 
 	const handleCreate = useCallback(async () => {
@@ -207,16 +195,11 @@ export function MarkdownEditorOverlay() {
 					}
 				}
 
-				showToast('Page created, deploying...', 'success')
+				showToast('Page created', 'success')
 				resetMarkdownEditorState()
-				startDeploymentPolling(config.value, {
-					onComplete: (status) => {
-						handleDeploymentComplete(status)
-						if (status === 'completed' && redirectUrl) {
-							startRedirectCountdown(redirectUrl, title.trim())
-						}
-					},
-				})
+				if (redirectUrl) {
+					startRedirectCountdown(redirectUrl, title.trim())
+				}
 			} else {
 				showToast(result.error || 'Failed to create page', 'error')
 			}
@@ -226,7 +209,7 @@ export function MarkdownEditorOverlay() {
 		} finally {
 			setIsSaving(false)
 		}
-	}, [isSaving, handleDeploymentComplete])
+	}, [isSaving])
 
 	const handlePreview = useCallback(() => {
 		const activeId = markdownEditorState.value.activeElementId

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/components/toolbar.tsx

@@ -13,7 +13,6 @@ export interface ToolbarCallbacks {
 	onDiscard: () => void
 	onSelectElement?: () => void
 	onMediaLibrary?: () => void
-	onDismissDeployment?: () => void
 	onNavigateChange?: () => void
 	onEditContent?: () => void
 	onToggleHighlights?: () => void
@@ -39,80 +38,11 @@ const GridIcon = () => (
 	</svg>
 )
 
-const DeploymentStatusIndicator = ({ onDismiss }: { onDismiss?: () => void }) => {
-	const deploymentStatus = signals.deploymentStatus.value
-	const lastDeployedAt = signals.lastDeployedAt.value
-
-	if (!deploymentStatus) {
-		return null
-	}
-
-	const isActive = deploymentStatus === 'pending' || deploymentStatus === 'queued' || deploymentStatus === 'running'
-	const isCompleted = deploymentStatus === 'completed'
-	const isFailed = deploymentStatus === 'failed'
-
-	if (!isActive && !isCompleted && !isFailed) {
-		return null
-	}
-
-	const formatTimeAgo = (dateStr: string) => {
-		const date = new Date(dateStr)
-		const now = new Date()
-		const diffMs = now.getTime() - date.getTime()
-		const diffSec = Math.floor(diffMs / 1000)
-		const diffMin = Math.floor(diffSec / 60)
-
-		if (diffMin < 1) return 'just now'
-		if (diffMin === 1) return '1m ago'
-		if (diffMin < 60) return `${diffMin}m ago`
-		const diffHour = Math.floor(diffMin / 60)
-		if (diffHour === 1) return '1h ago'
-		return `${diffHour}h ago`
-	}
-
-	return (
-		<div
-			class={cn(
-				'flex items-center gap-1.5 sm:gap-2 px-3 py-2 sm:px-5 sm:py-2.5 text-sm font-medium rounded-cms-pill transition-all',
-				isActive && 'text-white/80',
-				isCompleted && 'bg-cms-primary text-cms-primary-text',
-				isFailed && 'bg-cms-error/20 text-cms-error cursor-pointer hover:bg-cms-error/30',
-			)}
-			onClick={isFailed ? onDismiss : undefined}
-			title={isFailed ? 'Click to dismiss' : undefined}
-		>
-			{isActive && (
-				<>
-					<span class="inline-block w-3.5 h-3.5 border-2 border-white/80 border-t-transparent rounded-full animate-spin" />
-					<span class="hidden sm:inline">Deploying</span>
-				</>
-			)}
-			{isCompleted && (
-				<>
-					<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-						<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M5 13l4 4L19 7" />
-					</svg>
-					<span class="hidden sm:inline">Live{lastDeployedAt ? ` ${formatTimeAgo(lastDeployedAt)}` : ''}</span>
-				</>
-			)}
-			{isFailed && (
-				<>
-					<svg class="w-4 h-4 sm:hidden" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-						<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
-					</svg>
-					<span class="hidden sm:inline">Failed</span>
-				</>
-			)}
-		</div>
-	)
-}
-
 export const Toolbar = ({ callbacks, collectionDefinitions }: ToolbarProps) => {
 	const isEditing = signals.isEditing.value
 	const showingOriginal = signals.showingOriginal.value
 	const dirtyCount = signals.totalDirtyCount.value
 	const isSaving = signals.isSaving.value
-	const deploymentStatus = signals.deploymentStatus.value
 	const showEditableHighlights = signals.showEditableHighlights.value
 	const isPreviewingMarkdown = signals.isMarkdownPreview.value
 	const currentPageCollection = signals.currentPageCollection.value
@@ -123,8 +53,6 @@ export const Toolbar = ({ callbacks, collectionDefinitions }: ToolbarProps) => {
 
 	if (isPreviewingMarkdown) return null
 
-	const showDeploymentStatus = deploymentStatus !== null
-
 	const stopPropagation = (e: Event) => e.stopPropagation()
 
 	const handleDiscard = async () => {
@@ -298,9 +226,6 @@ export const Toolbar = ({ callbacks, collectionDefinitions }: ToolbarProps) => {
 
 				{/* Primary actions group */}
 				<div class="flex items-center gap-2 sm:gap-1.5">
-					{/* Deployment Status */}
-					{showDeploymentStatus && <DeploymentStatusIndicator onDismiss={callbacks.onDismissDeployment} />}
-
 					{/* Saving indicator */}
 					{isSaving && !showingOriginal && (
 						<div class="flex items-center gap-1.5 px-3 py-2 sm:px-5 sm:py-2.5 text-sm font-medium text-white/80">

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
  */
@@ -67,8 +80,6 @@ export const LAYOUT = {
 	BLOCK_EDITOR_WIDTH: 400,
 	/** Block editor approximate height for positioning */
 	BLOCK_EDITOR_HEIGHT: 500,
-	/** AI chat panel width */
-	AI_CHAT_WIDTH: 400,
 } as const
 
 /**
@@ -77,8 +88,6 @@ export const LAYOUT = {
 export const API = {
 	/** Default request timeout in milliseconds */
 	REQUEST_TIMEOUT_MS: 30000,
-	/** AI streaming request timeout in milliseconds */
-	AI_STREAM_TIMEOUT_MS: 120000,
 	/** Maximum retry attempts for failed requests */
 	MAX_RETRIES: 3,
 	/** Base delay for exponential backoff (ms) */