@nuasite/cms 0.20.1 → 0.20.2

package/src/editor/editor.ts

@@ -1,4 +1,4 @@
-import { fetchManifest, getDeploymentStatus, getMarkdownContent, saveBatchChanges } from './api'
+import { fetchManifest, getMarkdownContent, saveBatchChanges } from './api'
 import { CSS, TIMING } from './constants'
 import {
 	cleanupHighlightSystem,
@@ -33,7 +33,7 @@ import {
 	saveImageEditsToStorage,
 } from './storage'
 import type { Attribute } from './types'
-import type { AttributeChangePayload, ChangePayload, CmsConfig, DeploymentStatusResponse, ManifestEntry, SavedAttributeEdit } from './types'
+import type { AttributeChangePayload, ChangePayload, CmsConfig, ManifestEntry, SavedAttributeEdit } from './types'
 
 // CSS attribute for markdown content elements
 const MARKDOWN_ATTRIBUTE = 'data-cms-markdown'
@@ -261,10 +261,6 @@ export async function startEditMode(
 					const targetId = innermostCms.getAttribute('data-cms-id')
 					innermostCms.focus()
 					signals.setCurrentEditingId(targetId)
-					// Update chat context if chat is open
-					if (signals.isChatOpen.value && targetId) {
-						signals.setChatContextElement(targetId)
-					}
 					logDebug(config.debug, 'Click - focusing innermost CMS element:', targetId)
 					onStateChange?.()
 				}
@@ -277,10 +273,6 @@ export async function startEditMode(
 			(e) => {
 				if (e.target === el) {
 					signals.setCurrentEditingId(cmsId)
-					// Update chat context if chat is open
-					if (signals.isChatOpen.value && cmsId) {
-						signals.setChatContextElement(cmsId)
-					}
 					logDebug(config.debug, 'Focus on', cmsId)
 					onStateChange?.()
 				}
@@ -884,9 +876,6 @@ export async function saveAllChanges(
 			return { success: false, updated: result.updated, errors: result.errors }
 		}
 
-		// Start polling for deployment status after successful save
-		startDeploymentPolling(config)
-
 		onStateChange?.()
 		return { success: true, updated: result.updated }
 	} catch (err) {
@@ -1383,185 +1372,6 @@ export function handleColorChange(
 	onStateChange?.()
 }
 
-// ============================================================================
-// Deployment Status Polling
-// ============================================================================
-
-const DEPLOYMENT_POLL_INTERVAL_MS = 3000
-const DEPLOYMENT_SUCCESS_HIDE_DELAY_MS = 5000
-const DEPLOYMENT_INITIAL_DELAY_MS = 2000
-const DEPLOYMENT_MAX_WAIT_ATTEMPTS = 10 // Keep polling for up to 30 seconds waiting for deployment to start
-
-let deploymentPollTimer: ReturnType<typeof setInterval> | null = null
-let deploymentHideTimer: ReturnType<typeof setTimeout> | null = null
-let deploymentWaitAttempts = 0
-let deploymentStartTimestamp: string | null = null
-let deploymentCallback: ((status: 'completed' | 'failed' | 'timeout') => void) | null = null
-
-export interface DeploymentPollingOptions {
-	/** Called when deployment completes, fails, or times out */
-	onComplete?: (status: 'completed' | 'failed' | 'timeout') => void
-}
-
-/**
- * Start polling for deployment status after a save operation.
- * Polls the API every 3 seconds until deployment completes or fails.
- * Waits for deployment to appear for up to 30 seconds before giving up.
- * Skips polling entirely when deployment is not available (e.g. local dev).
- */
-export async function startDeploymentPolling(config: CmsConfig, options?: DeploymentPollingOptions): Promise<void> {
-	// Clear any existing timers
-	stopDeploymentPolling()
-
-	// Do a preflight check to see if deployment is available
-	try {
-		const preflight = await getDeploymentStatus(config.apiBase)
-		if (preflight.deploymentEnabled === false) {
-			// Deployment not available (e.g. local dev) — skip polling entirely
-			return
-		}
-	} catch {
-		// If we can't even reach the endpoint, skip polling
-		return
-	}
-
-	// Reset wait attempts counter and store the timestamp when we started
-	deploymentWaitAttempts = 0
-	deploymentStartTimestamp = new Date().toISOString()
-	deploymentCallback = options?.onComplete ?? null
-
-	// Set initial status to indicate deployment started
-	signals.updateDeploymentState({
-		status: 'pending',
-		isPolling: true,
-		error: null,
-	})
-
-	const poll = async () => {
-		try {
-			const status: DeploymentStatusResponse = await getDeploymentStatus(config.apiBase)
-
-			if (status.currentDeployment) {
-				// Found an active deployment - reset wait counter
-				deploymentWaitAttempts = 0
-
-				signals.updateDeploymentState({
-					status: status.currentDeployment.status,
-				})
-
-				// Check if deployment is still active
-				const isActive = ['pending', 'queued', 'running'].includes(status.currentDeployment.status)
-
-				if (!isActive) {
-					// Deployment finished
-					const cb = deploymentCallback
-					stopDeploymentPolling()
-
-					if (status.currentDeployment.status === 'completed') {
-						// Update last deployed timestamp
-						if (status.lastSuccessfulDeployment) {
-							signals.setLastDeployedAt(status.lastSuccessfulDeployment.completedAt)
-						}
-
-						// Auto-hide after 5 seconds for successful deployments
-						deploymentHideTimer = setTimeout(() => {
-							signals.resetDeploymentState()
-						}, DEPLOYMENT_SUCCESS_HIDE_DELAY_MS)
-
-						cb?.('completed')
-					} else {
-						// For failed deployments, keep showing until user dismisses
-						cb?.('failed')
-					}
-				}
-			} else {
-				// No active deployment found
-				deploymentWaitAttempts++
-
-				// Check if we have a recent successful deployment (completed after we started polling)
-				if (status.lastSuccessfulDeployment && deploymentStartTimestamp) {
-					const lastDeployTime = new Date(status.lastSuccessfulDeployment.completedAt).getTime()
-					const startTime = new Date(deploymentStartTimestamp).getTime()
-
-					if (lastDeployTime > startTime) {
-						// Deployment completed after we started - show success
-						signals.updateDeploymentState({
-							status: 'completed',
-							lastDeployedAt: status.lastSuccessfulDeployment.completedAt,
-							isPolling: false,
-						})
-
-						// Auto-hide after 5 seconds
-						deploymentHideTimer = setTimeout(() => {
-							signals.resetDeploymentState()
-						}, DEPLOYMENT_SUCCESS_HIDE_DELAY_MS)
-
-						const cb = deploymentCallback
-						stopDeploymentPolling()
-						cb?.('completed')
-						return
-					}
-				}
-
-				// Keep waiting if we haven't exceeded max attempts
-				if (deploymentWaitAttempts >= DEPLOYMENT_MAX_WAIT_ATTEMPTS) {
-					// Give up waiting - deployment may have failed to start
-					console.warn('[CMS] No deployment found after waiting, giving up')
-					const cb = deploymentCallback
-					signals.resetDeploymentState()
-					stopDeploymentPolling()
-					cb?.('timeout')
-				}
-				// Otherwise keep polling with "pending" status
-			}
-		} catch (error) {
-			console.error('[CMS] Failed to fetch deployment status:', error)
-			signals.updateDeploymentState({
-				status: 'failed',
-				error: error instanceof Error ? error.message : 'Unknown error',
-				isPolling: false,
-			})
-			const cb = deploymentCallback
-			stopDeploymentPolling()
-			cb?.('failed')
-		}
-	}
-
-	// Delay initial poll to allow deployment to be registered
-	setTimeout(() => {
-		poll()
-		// Then poll every 3 seconds
-		deploymentPollTimer = setInterval(poll, DEPLOYMENT_POLL_INTERVAL_MS)
-	}, DEPLOYMENT_INITIAL_DELAY_MS)
-}
-
-/**
- * Stop polling for deployment status.
- */
-export function stopDeploymentPolling(): void {
-	if (deploymentPollTimer) {
-		clearInterval(deploymentPollTimer)
-		deploymentPollTimer = null
-	}
-	deploymentWaitAttempts = 0
-	deploymentStartTimestamp = null
-	deploymentCallback = null
-	signals.setDeploymentPolling(false)
-}
-
-/**
- * Dismiss the deployment status indicator.
- * Used when user clicks on a failed deployment status.
- */
-export function dismissDeploymentStatus(): void {
-	if (deploymentHideTimer) {
-		clearTimeout(deploymentHideTimer)
-		deploymentHideTimer = null
-	}
-	stopDeploymentPolling()
-	signals.resetDeploymentState()
-}
-
 // ============================================================================
 // Attribute Tracking
 // ============================================================================

package/src/editor/hooks/index.ts

@@ -6,9 +6,6 @@ export { isElementInCmsUI, usePositionTracking } from './utils'
 export { useTooltipState } from './useTooltipState'
 export type { TooltipState, UseTooltipStateOptions } from './useTooltipState'
 
-export { useAIHandlers } from './useAIHandlers'
-export type { AIHandlersOptions } from './useAIHandlers'
-
 export { useBlockEditorHandlers } from './useBlockEditorHandlers'
 export type { BlockEditorHandlersOptions } from './useBlockEditorHandlers'
 

package/src/editor/hooks/useBlockEditorHandlers.ts

@@ -1,6 +1,5 @@
 import { useCallback, useState } from 'preact/hooks'
 import { logDebug } from '../dom'
-import { startDeploymentPolling } from '../editor'
 import { getComponentInstances } from '../manifest'
 import * as signals from '../signals'
 import type { CmsConfig, CmsManifest, ComponentInstance, InsertPosition } from '../types'
@@ -178,9 +177,6 @@ export function useBlockEditorHandlers({
 
 					showToast(`${componentName} inserted ${position} component`, 'success')
 				}
-
-				// Trigger deployment polling after successful insert
-				startDeploymentPolling(config)
 			} catch (error) {
 				console.error('[CMS] Failed to insert component:', error)
 
@@ -238,10 +234,7 @@ export function useBlockEditorHandlers({
 
 				showToast(arrayMode ? 'Item removed' : 'Component removed', 'success')
 
-				// Trigger deployment polling after successful remove
-				startDeploymentPolling(config)
-
-				// Visually collapse and hide the component until page refreshes after deploy
+				// Visually collapse and hide the component until HMR refreshes the page
 				if (componentEl) {
 					collapseElement(componentEl)
 				}

package/src/editor/hooks/useTooltipState.ts

@@ -29,9 +29,8 @@ export function useTooltipState(_options?: UseTooltipStateOptions) {
 	 */
 	const showTooltipForElement = useCallback(() => {
 		const currentEditingId = signals.currentEditingId.value
-		const isProcessing = signals.isAIProcessing.value
 
-		if (!currentEditingId || isProcessing) {
+		if (!currentEditingId) {
 			setTooltipState({ elementId: null, rect: null, element: null })
 			return
 		}

package/src/editor/index.tsx

@@ -27,15 +27,7 @@ import { Toolbar } from './components/toolbar'
 import { getConfig } from './config'
 import { Z_INDEX } from './constants'
 import { disableAllInteractiveElements, enableAllInteractiveElements, logDebug } from './dom'
-import {
-	discardAllChanges,
-	dismissDeploymentStatus,
-	handleColorChange,
-	saveAllChanges,
-	startEditMode,
-	stopEditMode,
-	toggleShowOriginal,
-} from './editor'
+import { discardAllChanges, handleColorChange, saveAllChanges, startEditMode, stopEditMode, toggleShowOriginal } from './editor'
 import { canRedo, canUndo, performRedo, performUndo } from './history'
 import {
 	useBgImageHoverDetection,
@@ -244,8 +236,6 @@ const CmsUI = () => {
 				seo: signals.dirtySeoChangesCount.value,
 				total: signals.totalDirtyCount.value,
 			},
-			deploymentStatus: signals.deploymentStatus.value,
-			lastDeployedAt: signals.lastDeployedAt.value,
 			canUndo: canUndo.value,
 			canRedo: canRedo.value,
 		})
@@ -337,10 +327,6 @@ const CmsUI = () => {
 		setMediaLibraryOpen(true)
 	}, [])
 
-	const handleDismissDeployment = useCallback(() => {
-		dismissDeploymentStatus()
-	}, [])
-
 	const handleEditContent = useCallback(async () => {
 		if (!await openMarkdownEditorForCurrentPage()) {
 			signals.showToast('No collection content found on this page', 'error')
@@ -474,7 +460,6 @@ const CmsUI = () => {
 
 	// Get reactive values from signals
 	const isEditing = signals.isEditing.value
-	const isAIProcessing = signals.isAIProcessing.value
 	const blockEditorState = signals.blockEditorState.value
 	const colorEditorState = signals.colorEditorState.value
 	const manifest = signals.manifest.value
@@ -556,7 +541,6 @@ const CmsUI = () => {
 						onDiscard: handleDiscard,
 						onSelectElement: handleSelectElementToggle,
 						onMediaLibrary: handleMediaLibrary,
-						onDismissDeployment: handleDismissDeployment,
 						onNavigateChange: () => {
 							signals.navigateToNextChange()
 						},
@@ -572,7 +556,7 @@ const CmsUI = () => {
 
 			<ErrorBoundary componentName="Text Style Toolbar">
 				<TextStyleToolbar
-					visible={textSelectionState.hasSelection && isEditing && !isAIProcessing && isTextStylingAllowed}
+					visible={textSelectionState.hasSelection && isEditing && isTextStylingAllowed}
 					rect={textSelectionState.rect}
 					element={textSelectionState.element}
 					onStyleChange={updateUI}

package/src/editor/post-message.ts

@@ -109,8 +109,6 @@ export function buildPageNavigatedMessage(manifest: CmsManifest, pathname: strin
 export function buildEditorState(opts: {
 	isEditing: boolean
 	dirtyCount: CmsEditorState['dirtyCount']
-	deploymentStatus: CmsEditorState['deployment']['status']
-	lastDeployedAt: string | null
 	canUndo: boolean
 	canRedo: boolean
 }): CmsEditorState {
@@ -118,10 +116,6 @@ export function buildEditorState(opts: {
 		isEditing: opts.isEditing,
 		hasChanges: opts.dirtyCount.total > 0,
 		dirtyCount: opts.dirtyCount,
-		deployment: {
-			status: opts.deploymentStatus,
-			lastDeployedAt: opts.lastDeployedAt,
-		},
 		canUndo: opts.canUndo,
 		canRedo: opts.canRedo,
 	}

package/src/editor/signals.ts

@@ -4,11 +4,8 @@ import { fetchManifest, getMarkdownContent } from './api'
 import type { ToastMessage, ToastType } from './components/toast/types'
 import { getConfig } from './config'
 import type {
-	AIState,
-	AIStatusType,
 	AttributeEditorState,
 	BlockEditorState,
-	ChatMessage,
 	CmsConfig,
 	CmsManifest,
 	CmsSettings,
@@ -20,8 +17,6 @@ import type {
 	ConfirmDialogState,
 	CreatePageState,
 	DeletePageState,
-	DeploymentState,
-	DeploymentStatusType,
 	EditorState,
 	FieldDefinition,
 	MarkdownEditorState,
@@ -103,21 +98,6 @@ function createDirtyTracking<T extends { isDirty: boolean }>(
 }
 
 // Initial state factories
-function createInitialAIState(): AIState {
-	return {
-		isPromptVisible: false,
-		isProcessing: false,
-		targetElementId: null,
-		streamingContent: null,
-		error: null,
-		isChatOpen: false,
-		chatMessages: [],
-		chatContextElementId: null,
-		currentStatus: null,
-		statusMessage: null,
-	}
-}
-
 function createInitialBlockEditorState(): BlockEditorState {
 	return {
 		isOpen: false,
@@ -180,15 +160,6 @@ function createInitialCollectionsBrowserState(): CollectionsBrowserState {
 	}
 }
 
-function createInitialDeploymentState(): DeploymentState {
-	return {
-		status: null,
-		lastDeployedAt: null,
-		isPolling: false,
-		error: null,
-	}
-}
-
 function createInitialColorEditorState(): ColorEditorState {
 	return {
 		isOpen: false,
@@ -296,22 +267,6 @@ const _pendingImageChangesHelpers = createMapHelpers(pendingImageChanges)
 const _pendingColorChangesHelpers = createMapHelpers(pendingColorChanges)
 const _pendingBgImageChangesHelpers = createMapHelpers(pendingBgImageChanges)
 
-// ============================================================================
-// AI State Signals
-// ============================================================================
-
-export const aiState = signal<AIState>(createInitialAIState())
-
-// Convenience computed signals for AI state
-export const isAIProcessing = computed(() => aiState.value.isProcessing)
-export const isChatOpen = computed(() => aiState.value.isChatOpen)
-export const chatMessages = computed(() => aiState.value.chatMessages)
-export const chatContextElementId = computed(
-	() => aiState.value.chatContextElementId,
-)
-export const currentStatus = computed(() => aiState.value.currentStatus)
-export const statusMessage = computed(() => aiState.value.statusMessage)
-
 // ============================================================================
 // Block Editor State Signals
 // ============================================================================
@@ -450,19 +405,6 @@ export const collectionsBrowserState = signal<CollectionsBrowserState>(
 export const isCollectionsBrowserOpen = computed(() => collectionsBrowserState.value.isOpen)
 export const selectedBrowserCollection = computed(() => collectionsBrowserState.value.selectedCollection)
 
-// ============================================================================
-// Deployment State Signals
-// ============================================================================
-
-export const deploymentState = signal<DeploymentState>(
-	createInitialDeploymentState(),
-)
-
-// Convenience computed signals for deployment
-export const deploymentStatus = computed(() => deploymentState.value.status)
-export const isDeploymentPolling = computed(() => deploymentState.value.isPolling)
-export const lastDeployedAt = computed(() => deploymentState.value.lastDeployedAt)
-
 // ============================================================================
 // Redirect Countdown State
 // ============================================================================
@@ -771,83 +713,6 @@ export const deletePendingAttributeChange = _pendingAttributeChangesHelpers.dele
 export const clearPendingAttributeChanges = _pendingAttributeChangesHelpers.clear
 export const getPendingAttributeChange = _pendingAttributeChangesHelpers.get
 
-// ============================================================================
-// AI State Mutations
-// ============================================================================
-
-export function setAIPromptVisible(visible: boolean): void {
-	aiState.value = { ...aiState.value, isPromptVisible: visible }
-}
-
-export function setAIProcessing(processing: boolean): void {
-	aiState.value = { ...aiState.value, isProcessing: processing }
-}
-
-export function setAIStatus(status: AIStatusType, message?: string): void {
-	aiState.value = {
-		...aiState.value,
-		currentStatus: status,
-		statusMessage: message ?? null,
-	}
-}
-
-export function clearAIStatus(): void {
-	aiState.value = {
-		...aiState.value,
-		currentStatus: null,
-		statusMessage: null,
-	}
-}
-
-export function setAITargetElement(elementId: string | null): void {
-	aiState.value = { ...aiState.value, targetElementId: elementId }
-}
-
-export function setAIStreamingContent(content: string | null): void {
-	aiState.value = { ...aiState.value, streamingContent: content }
-}
-
-export function setAIError(error: string | null): void {
-	aiState.value = { ...aiState.value, error }
-}
-
-export function resetAIState(): void {
-	aiState.value = createInitialAIState()
-}
-
-export function setAIChatOpen(open: boolean): void {
-	aiState.value = { ...aiState.value, isChatOpen: open }
-}
-
-export function addChatMessage(message: ChatMessage): void {
-	aiState.value = {
-		...aiState.value,
-		chatMessages: [...aiState.value.chatMessages, message],
-	}
-}
-
-export function setChatMessages(messages: ChatMessage[]): void {
-	aiState.value = {
-		...aiState.value,
-		chatMessages: messages,
-	}
-}
-
-export function updateChatMessage(messageId: string, content: string): void {
-	aiState.value = {
-		...aiState.value,
-		chatMessages: aiState.value.chatMessages.map((msg) => msg.id === messageId ? { ...msg, content } : msg),
-	}
-}
-
-export function setChatContextElement(elementId: string | null): void {
-	aiState.value = { ...aiState.value, chatContextElementId: elementId }
-}
-
-export function clearChatMessages(): void {
-	aiState.value = { ...aiState.value, chatMessages: [] }
-}
-
 // ============================================================================
 // Block Editor State Mutations
 // ============================================================================
@@ -1249,34 +1114,6 @@ export async function openMarkdownEditorForEntry(
 	}
 }
 
-// ============================================================================
-// Deployment State Mutations
-// ============================================================================
-
-export function setDeploymentStatus(status: DeploymentStatusType | null): void {
-	deploymentState.value = { ...deploymentState.value, status }
-}
-
-export function setDeploymentPolling(isPolling: boolean): void {
-	deploymentState.value = { ...deploymentState.value, isPolling }
-}
-
-export function setLastDeployedAt(timestamp: string | null): void {
-	deploymentState.value = { ...deploymentState.value, lastDeployedAt: timestamp }
-}
-
-export function setDeploymentError(error: string | null): void {
-	deploymentState.value = { ...deploymentState.value, error }
-}
-
-export function updateDeploymentState(update: Partial<DeploymentState>): void {
-	deploymentState.value = { ...deploymentState.value, ...update }
-}
-
-export function resetDeploymentState(): void {
-	deploymentState.value = createInitialDeploymentState()
-}
-
 // ============================================================================
 // Color Editor State Mutations
 // ============================================================================
@@ -1530,7 +1367,6 @@ export function getStateSnapshot(): EditorState {
 		pendingComponentChanges: pendingComponentChanges.value,
 		pendingInserts: pendingInserts.value,
 		manifest: manifest.value,
-		ai: aiState.value,
 		blockEditor: blockEditorState.value,
 	}
 }
@@ -1558,7 +1394,6 @@ export function resetAllState(): void {
 		pendingComponentChanges.value = new Map()
 		pendingInserts.value = new Map()
 		manifest.value = { entries: {}, components: {}, componentDefinitions: {} }
-		aiState.value = createInitialAIState()
 		blockEditorState.value = createInitialBlockEditorState()
 		markdownEditorState.value = createInitialMarkdownEditorState()
 		mediaLibraryState.value = createInitialMediaLibraryState()
@@ -1566,7 +1401,6 @@ export function resetAllState(): void {
 		deletePageState.value = createInitialDeletePageState()
 		redirectsManagerState.value = createInitialRedirectsManagerState()
 		collectionsBrowserState.value = createInitialCollectionsBrowserState()
-		deploymentState.value = createInitialDeploymentState()
 		colorEditorState.value = createInitialColorEditorState()
 		confirmDialogState.value = createInitialConfirmDialogState()
 		seoEditorState.value = createInitialSeoEditorState()