create-nextblock 0.2.30 → 0.2.33

package/templates/nextblock-template/app/cms/blocks/components/ColumnEditor.tsx

@@ -28,6 +28,19 @@ interface SortableColumnBlockProps {
   onClick: (e: React.MouseEvent<HTMLDivElement>) => void;
 }
 
+type AnyBlockContent = {
+  html_content?: string;
+  text_content?: string;
+  level?: number;
+  alt_text?: string;
+  media_id?: string;
+  text?: string;
+  url?: string;
+  title?: string;
+  columns?: number;
+  postsPerPage?: number;
+};
+
 function SortableColumnBlock({ block, index, columnIndex, onEdit, onDelete, blockType, onClick }: SortableColumnBlockProps) {
   const {
     attributes,
@@ -85,30 +98,35 @@ function SortableColumnBlock({ block, index, columnIndex, onEdit, onDelete, bloc
         </div>
       </div>
       <div className="text-xs text-gray-500 dark:text-gray-400">
-        {block.block_type === 'text' && (
-          <div dangerouslySetInnerHTML={{ __html: (block.content.html_content || 'Empty text').substring(0, 50) + (block.content.html_content && block.content.html_content.length > 50 ? '...' : '') }} />
-        )}
-        {block.block_type === 'heading' && (
-          <div>H{block.content.level || 1}: {(block.content.text_content || 'Empty heading').substring(0, 30) + (block.content.text_content && block.content.text_content.length > 30 ? '...' : '')}</div>
-        )}
-        {block.block_type === 'image' && (
-          <div>Image: {block.content.alt_text || block.content.media_id ? 'Image selected' : 'No image selected'}</div>
-        )}
-        {block.block_type === 'button' && (
-          <div>Button: {block.content.text || 'No text'} → {block.content.url || '#'}</div>
-        )}
-        {block.block_type === 'video_embed' && (
-          <div>Video: {block.content.title || block.content.url || 'No URL set'}</div>
-        )}
-        {block.block_type === 'posts_grid' && (
-          <div>Posts Grid: {block.content.columns || 3} cols, {block.content.postsPerPage || 12} posts</div>
-        )}
+        {(() => {
+          const content = block.content as AnyBlockContent;
+          return (
+            <>
+              {block.block_type === 'text' && (
+                <div dangerouslySetInnerHTML={{ __html: (content.html_content || 'Empty text').substring(0, 50) + (content.html_content && content.html_content.length > 50 ? '...' : '') }} />
+              )}
+              {block.block_type === 'heading' && (
+                <div>H{content.level || 1}: {(content.text_content || 'Empty heading').substring(0, 30) + (content.text_content && content.text_content.length > 30 ? '...' : '')}</div>
+              )}
+              {block.block_type === 'image' && (
+                <div>Image: {content.alt_text || content.media_id ? 'Image selected' : 'No image selected'}</div>
+              )}
+              {block.block_type === 'button' && (
+                <div>Button: {content.text || 'No text'} → {content.url || '#'}</div>
+              )}
+              {block.block_type === 'video_embed' && (
+                <div>Video: {content.title || content.url || 'No URL set'}</div>
+              )}
+              {block.block_type === 'posts_grid' && (
+                <div>Posts Grid: {content.columns || 3} cols, {content.postsPerPage || 12} posts</div>
+              )}
+            </>
+          );
+        })()}
       </div>
     </div>
   );
 }
-
-// Column editor component
 export interface ColumnEditorProps {
   columnIndex: number;
   blocks: ColumnBlock[];
@@ -121,7 +139,7 @@ type EditingBlock = ColumnBlock & { index: number };
 export default function ColumnEditor({ columnIndex, blocks, onBlocksChange, blockType }: ColumnEditorProps) {
   const [editingBlock, setEditingBlock] = useState<EditingBlock | null>(null);
   const [isBlockSelectorOpen, setIsBlockSelectorOpen] = useState(false);
-  const [LazyEditor, setLazyEditor] = useState<React.LazyExoticComponent<React.ComponentType<any>> | null>(null);
+  const [LazyEditor, setLazyEditor] = useState<React.LazyExoticComponent<React.ComponentType<Record<string, unknown>>> | null>(null);
   const [isConfirmOpen, setIsConfirmOpen] = useState(false);
   const [blockToDeleteIndex, setBlockToDeleteIndex] = useState<number | null>(null);
 
@@ -134,7 +152,7 @@ export default function ColumnEditor({ columnIndex, blocks, onBlocksChange, bloc
     const initialContent = getInitialContent(selectedBlockType);
     const newBlock: ColumnBlock = {
       block_type: selectedBlockType,
-      content: initialContent || {},
+      content: (initialContent as Record<string, unknown>) || {},
       temp_id: `temp-${Date.now()}-${Math.random()}`
     };
     onBlocksChange([...blocks, newBlock]);
@@ -178,13 +196,13 @@ export default function ColumnEditor({ columnIndex, blocks, onBlocksChange, bloc
     }
   };
 
-  const handleSave = (newContent: any) => {
+  const handleSave = (newContent: unknown) => {
     if (editingBlock === null) return;
 
     const updatedBlocks = [...blocks];
     updatedBlocks[editingBlock.index] = {
       ...updatedBlocks[editingBlock.index],
-      content: newContent,
+      content: newContent as Record<string, unknown>,
     };
     onBlocksChange(updatedBlocks);
     setEditingBlock(null);

package/templates/nextblock-template/app/cms/blocks/components/EditableBlock.tsx

@@ -16,25 +16,25 @@ import { cn } from '@nextblock-cms/utils';
 export interface EditableBlockProps {
   block: Block;
   onDelete: (blockId: number) => void;
-  onContentChange: (blockId: number, newContent: Record<string, any>) => void;
-  dragHandleProps?: Record<string, any>;
+  onContentChange: (blockId: number, newContent: Record<string, unknown>) => void;
+  dragHandleProps?: Record<string, unknown>;
   onEditNestedBlock?: (parentBlockId: string, columnIndex: number, blockIndexInColumn: number) => void;
   className?: string;
 }
 
-export default function EditableBlock({
-  block,
-  onDelete,
-  onContentChange,
-  dragHandleProps,
-  onEditNestedBlock,
-  className,
-}: EditableBlockProps) {
-  void onEditNestedBlock;
-  // Move all hooks to the top before any conditional returns
+export default function EditableBlock({
+  block,
+  onDelete,
+  onContentChange,
+  dragHandleProps,
+  onEditNestedBlock,
+  className,
+}: EditableBlockProps) {
+  void onEditNestedBlock;
+  // Move all hooks to the top before any conditional returns
   const [isConfigPanelOpen, setIsConfigPanelOpen] = useState(false);
   const [editingBlock, setEditingBlock] = useState<Block | null>(null);
-  const [LazyEditor, setLazyEditor] = useState<LazyExoticComponent<ComponentType<any>> | null>(null);
+  const [LazyEditor, setLazyEditor] = useState<LazyExoticComponent<ComponentType<Record<string, unknown>>> | null>(null);
 
   const SectionEditor = useMemo(() => {
     if (block?.block_type === 'section' || block?.block_type === 'hero') {
@@ -156,7 +156,7 @@ export default function EditableBlock({
       {isSection ? (
         <div className="mt-2 min-h-[200px]">
           <Suspense fallback={<div className="flex justify-center items-center h-full"><p>Loading Editor...</p></div>}>
-            {SectionEditor && <SectionEditor block={block} content={block.content || {}} onChange={(newContent: Record<string, any>) => onContentChange(block.id, newContent)} blockType={block.block_type as 'section' | 'hero'} isConfigPanelOpen={isConfigPanelOpen} />}
+            {SectionEditor && <SectionEditor block={block} content={block.content || {}} onChange={(newContent: Record<string, unknown>) => onContentChange(block.id, newContent)} blockType={block.block_type as 'section' | 'hero'} isConfigPanelOpen={isConfigPanelOpen} />}
           </Suspense>
         </div>
       ) : renderPreview()}
@@ -170,8 +170,8 @@ export default function EditableBlock({
             setEditingBlock(null);
             setLazyEditor(null);
           }}
-          onSave={(newContent: any) => {
-            onContentChange(block.id, newContent);
+          onSave={(newContent: unknown) => {
+            onContentChange(block.id, newContent as Record<string, unknown>);
             setEditingBlock(null);
             setLazyEditor(null);
           }}

package/templates/nextblock-template/app/cms/blocks/editors/SectionBlockEditor.tsx

@@ -38,6 +38,19 @@ interface SectionBlockEditorProps {
   blockType: 'section' | 'hero';
 }
 
+type AnyBlockContent = {
+  html_content?: string;
+  text_content?: string;
+  level?: number;
+  alt_text?: string;
+  media_id?: string;
+  text?: string;
+  url?: string;
+  title?: string;
+  columns?: number;
+  postsPerPage?: number;
+};
+
 export default function SectionBlockEditor({
   content,
   onChange,
@@ -67,8 +80,9 @@ export default function SectionBlockEditor({
   }, [content]);
 
 
+  type ColumnBlock = SectionBlockContent['column_blocks'][0][0];
   const [activeId, setActiveId] = useState<string | null>(null);
-  const [draggedBlock, setDraggedBlock] = useState<any>(null);
+  const [draggedBlock, setDraggedBlock] = useState<ColumnBlock | null>(null);
 
   // DND sensors for cross-column dragging
   const sensors = useSensors(
@@ -292,40 +306,47 @@ return (
                   </span>
                 </div>
                 <div className="text-xs text-blue-600 dark:text-blue-400 mt-1">
-                  {draggedBlock.block_type === "text" && (
-                    <div
-                      dangerouslySetInnerHTML={{
-                        __html:
-                          (
-                            draggedBlock.content.html_content || "Empty text"
-                          ).substring(0, 30) + "...",
-                      }}
-                    />
-                  )}
-                  {draggedBlock.block_type === "heading" && (
-                    <div>
-                      H{draggedBlock.content.level || 1}:{" "}
-                      {(
-                        draggedBlock.content.text_content || "Empty heading"
-                      ).substring(0, 20) + "..."}
-                    </div>
-                  )}
-                  {draggedBlock.block_type === "image" && (
-                    <div>
-                      Image: {draggedBlock.content.alt_text || "No alt text"}
-                    </div>
-                  )}
-                  {draggedBlock.block_type === "button" && (
-                    <div>Button: {draggedBlock.content.text || "No text"}</div>
-                  )}
-                  {draggedBlock.block_type === "video_embed" && (
-                    <div>Video: {draggedBlock.content.title || "No title"}</div>
-                  )}
-                  {draggedBlock.block_type === "posts_grid" && (
-                    <div>
-                      Posts Grid: {draggedBlock.content.columns || 3} cols
-                    </div>
-                  )}
+                  {(() => {
+                    const content = draggedBlock.content as AnyBlockContent;
+                    return (
+                      <>
+                        {draggedBlock.block_type === "text" && (
+                          <div
+                            dangerouslySetInnerHTML={{
+                              __html:
+                                (
+                                  content.html_content || "Empty text"
+                                ).substring(0, 30) + "...",
+                            }}
+                          />
+                        )}
+                        {draggedBlock.block_type === "heading" && (
+                          <div>
+                            H{content.level || 1}:{" "}
+                            {(
+                              content.text_content || "Empty heading"
+                            ).substring(0, 20) + "..."}
+                          </div>
+                        )}
+                        {draggedBlock.block_type === "image" && (
+                          <div>
+                            Image: {content.alt_text || "No alt text"}
+                          </div>
+                        )}
+                        {draggedBlock.block_type === "button" && (
+                          <div>Button: {content.text || "No text"}</div>
+                        )}
+                        {draggedBlock.block_type === "video_embed" && (
+                          <div>Video: {content.title || "No title"}</div>
+                        )}
+                        {draggedBlock.block_type === "posts_grid" && (
+                          <div>
+                            Posts Grid: {content.columns || 3} cols
+                          </div>
+                        )}
+                      </>
+                    );
+                  })()}
                 </div>
               </div>
             ) : null}

package/templates/nextblock-template/app/cms/blocks/editors/TextBlockEditor.tsx

@@ -30,7 +30,7 @@ export default function TextBlockEditor({
 }: BlockEditorProps<Partial<TextBlockContent>>) {
   const labelId = useId();
   const [pickerOpen, setPickerOpen] = useState(false);
-  const resolverRef = useRef<null | ((v: any) => void)>(null);
+  const resolverRef = useRef<null | ((v: { src: string; alt?: string; width?: number | null; height?: number | null; blurDataURL?: string | null }) => void)>(null);
   const R2_BASE_URL = process.env.NEXT_PUBLIC_R2_BASE_URL || '';
   const openImagePicker = useCallback(() => {
     setPickerOpen(true);

package/templates/nextblock-template/app/cms/media/actions.ts

@@ -3,7 +3,7 @@
 
 import { createClient } from "@nextblock-cms/db/server";
 import { revalidatePath } from "next/cache";
-import type { Database } from "@nextblock-cms/db";
+import type { Database, Json } from "@nextblock-cms/db";
 import { encodedRedirect } from "@nextblock-cms/utils/server";
 
 type Media = Database['public']['Tables']['media']['Row'];
@@ -111,7 +111,7 @@ export async function recordMediaUpload(payload: {
     description: computedDescription,
     width: primaryVariant.width,
     height: primaryVariant.height,
-    variants: allVariantsToStore as any, // Store all variants including the original
+    variants: allVariantsToStore as unknown as Json, // Store all variants including the original
     blur_data_url: payload.blurDataUrl || null, // Store if provided
     // Ensure all other required fields for 'Media' type are present or nullable
   };
@@ -201,24 +201,24 @@ export async function deleteMediaItem(mediaId: string, objectKey: string) {
         return encodedRedirect("error", "/cms/media", "Forbidden: Insufficient permissions.");
     }
 
-    const { DeleteObjectCommand } = await import("@aws-sdk/client-s3");
-    const { getS3Client } = await import("@nextblock-cms/utils/server");
-    const s3Client = await getS3Client();
-    const R2_BUCKET_NAME = process.env.R2_BUCKET_NAME;
-
-    if (!R2_BUCKET_NAME) {
-      return encodedRedirect("error", "/cms/media", "R2 Bucket not configured for deletion.");
-    }
-    if (!s3Client) {
-      return encodedRedirect("error", "/cms/media", "R2 client is not configured for deletion.");
-    }
+    const { DeleteObjectCommand } = await import("@aws-sdk/client-s3");
+    const { getS3Client } = await import("@nextblock-cms/utils/server");
+    const s3Client = await getS3Client();
+    const R2_BUCKET_NAME = process.env.R2_BUCKET_NAME;
+
+    if (!R2_BUCKET_NAME) {
+      return encodedRedirect("error", "/cms/media", "R2 Bucket not configured for deletion.");
+    }
+    if (!s3Client) {
+      return encodedRedirect("error", "/cms/media", "R2 client is not configured for deletion.");
+    }
 
     try {
         const deleteCommand = new DeleteObjectCommand({
             Bucket: R2_BUCKET_NAME,
             Key: objectKey,
         });
-        await s3Client.send(deleteCommand);
+        await s3Client.send(deleteCommand);
     } catch (r2Error: unknown) {
         console.error("Error deleting from R2:", r2Error);
         // Decide if you want to proceed with DB deletion if R2 deletion fails
@@ -255,17 +255,17 @@ export async function deleteMultipleMediaItems(items: Array<{ id: string; object
     return { error: "No items selected for deletion." };
   }
 
-  const { DeleteObjectsCommand } = await import("@aws-sdk/client-s3"); // Use DeleteObjects for batch
-  const { getS3Client } = await import("@nextblock-cms/utils/server");
-  const s3Client = await getS3Client();
-  const R2_BUCKET_NAME = process.env.R2_BUCKET_NAME;
-
-  if (!R2_BUCKET_NAME) {
-    return { error: "R2 Bucket not configured for deletion." };
-  }
-  if (!s3Client) {
-    return { error: "R2 client is not configured for deletion." };
-  }
+  const { DeleteObjectsCommand } = await import("@aws-sdk/client-s3"); // Use DeleteObjects for batch
+  const { getS3Client } = await import("@nextblock-cms/utils/server");
+  const s3Client = await getS3Client();
+  const R2_BUCKET_NAME = process.env.R2_BUCKET_NAME;
+
+  if (!R2_BUCKET_NAME) {
+    return { error: "R2 Bucket not configured for deletion." };
+  }
+  if (!s3Client) {
+    return { error: "R2 client is not configured for deletion." };
+  }
 
   const r2ObjectsToDelete = items.map(item => ({ Key: item.objectKey }));
   const itemIdsToDelete = items.map(item => item.id);
@@ -345,18 +345,18 @@ export async function moveMultipleMediaItems(
   };
   const folder = sanitizeFolder(destinationFolder);
 
-  const { CopyObjectCommand, DeleteObjectCommand, ListObjectsV2Command, HeadObjectCommand } = await import("@aws-sdk/client-s3");
-  const { getS3Client } = await import("@nextblock-cms/utils/server");
-  const s3Client = await getS3Client();
-  const R2_BUCKET_NAME = process.env.R2_BUCKET_NAME;
-  const R2_PUBLIC_URL_BASE = process.env.NEXT_PUBLIC_R2_BASE_URL || '';
-
-  if (!R2_BUCKET_NAME) {
-    return { error: "R2 Bucket not configured for move." };
-  }
-  if (!s3Client) {
-    return { error: "R2 client is not configured for move." };
-  }
+  const { CopyObjectCommand, DeleteObjectCommand, ListObjectsV2Command, HeadObjectCommand } = await import("@aws-sdk/client-s3");
+  const { getS3Client } = await import("@nextblock-cms/utils/server");
+  const s3Client = await getS3Client();
+  const R2_BUCKET_NAME = process.env.R2_BUCKET_NAME;
+  const R2_PUBLIC_URL_BASE = process.env.NEXT_PUBLIC_R2_BASE_URL || '';
+
+  if (!R2_BUCKET_NAME) {
+    return { error: "R2 Bucket not configured for move." };
+  }
+  if (!s3Client) {
+    return { error: "R2 client is not configured for move." };
+  }
 
   if (!items || items.length === 0) {
     return { error: "No items selected for move." };
@@ -382,9 +382,9 @@ export async function moveMultipleMediaItems(
       let newMainKey = `${folder}${getFilename(mediaRow.object_key)}`;
 
       // Build list of keys to move: primary + variant keys (if any)
-      type Variant = { objectKey: string; url?: string; [k: string]: any };
-      const oldVariants: Variant[] = Array.isArray(mediaRow.variants) ? (mediaRow.variants as Variant[]) :
-        (typeof mediaRow.variants === 'object' && mediaRow.variants !== null ? (mediaRow.variants as any) : []);
+      type Variant = ImageVariant & { [k: string]: unknown };
+      const oldVariants: Variant[] = Array.isArray(mediaRow.variants) ? (mediaRow.variants as unknown as Variant[]) :
+        (typeof mediaRow.variants === 'object' && mediaRow.variants !== null ? (mediaRow.variants as unknown as Variant[]) : []);
 
       const variantMoves = (oldVariants || []).map((v) => ({
         oldKey: v.objectKey,
@@ -429,9 +429,9 @@ export async function moveMultipleMediaItems(
           await s3Client.send(new DeleteObjectCommand({ Bucket: R2_BUCKET_NAME, Key: oldKey }));
           movedKeys.add(oldKey);
           if (isMain) mainMoved = true;
-        } catch (err: any) {
-          const name = err?.name || '';
-          const message = err?.message || String(err);
+        } catch (err: unknown) {
+          const name = (err as Error)?.name || '';
+          const message = (err as Error)?.message || String(err);
           if (isMain) {
             // Main object missing: attempt fallback to any existing variant
             let promoted = false;
@@ -499,7 +499,7 @@ export async function moveMultipleMediaItems(
         .map((v) => {
           const filename = getFilename(v.objectKey);
           const updatedKey = `${folder}${filename}`;
-          const updated = { ...v, objectKey: updatedKey } as any;
+          const updated = { ...v, objectKey: updatedKey };
           if (R2_PUBLIC_URL_BASE) updated.url = `${R2_PUBLIC_URL_BASE}/${updatedKey}`;
           return updated;
         });
@@ -507,7 +507,7 @@ export async function moveMultipleMediaItems(
       // Update DB
       const { error: updateError } = await supabase
         .from('media')
-        .update({ object_key: newMainKey, file_path: newMainKey, folder, variants: newVariants as any })
+        .update({ object_key: newMainKey, file_path: newMainKey, folder, variants: newVariants as unknown as Json })
         .eq('id', item.id);
       if (updateError) {
         results.push({ id: item.id, ok: false, error: updateError.message });
@@ -515,8 +515,8 @@ export async function moveMultipleMediaItems(
       }
 
       results.push({ id: item.id, ok: true });
-    } catch (err: any) {
-      const msg = err?.name && err?.message ? `${err.name}: ${err.message}` : (err?.message || String(err));
+    } catch (err: unknown) {
+      const msg = (err as Error)?.name && (err as Error)?.message ? `${(err as Error).name}: ${(err as Error).message}` : ((err as Error)?.message || String(err));
       results.push({ id: item.id, ok: false, error: msg });
     }
   }

package/templates/nextblock-template/app/cms/media/components/MediaGridClient.tsx

@@ -103,17 +103,17 @@ export default function MediaGridClient({ initialMediaItems, r2BaseUrl }: MediaG
       let hadError = false;
       for (const item of selectedItems) {
         const res = await moveSingleMediaItem(item, dest);
-        if ((res as any)?.error) {
+        if ('error' in res && res.error) {
           // Accumulate errors but keep going
           hadError = true;
-          setMoveError((prev) => (prev ? prev + " | " : "") + (res as any).error);
+          setMoveError((prev) => (prev ? prev + " | " : "") + res.error);
         } else {
           // Update local list
           setMediaItems((prev) => prev.map((m) => {
             if (m.id !== item.id) return m;
             const filename = m.object_key.substring(m.object_key.lastIndexOf('/') + 1);
             const folder = ensureFolderSlash(dest);
-            return { ...m, object_key: `${folder}${filename}`, folder } as any;
+            return { ...m, object_key: `${folder}${filename}`, folder };
           }));
         }
         moved += 1;

package/templates/nextblock-template/app/cms/media/components/MediaUploadForm.tsx

@@ -259,7 +259,7 @@ export default function MediaUploadForm({ onUploadSuccess, returnJustData, defau
         }
 
       } catch (err: unknown) {
-        const isRedirect = (err instanceof Error && err.message === 'NEXT_REDIRECT') || (typeof (err as any)?.digest === 'string' && (err as any).digest.startsWith('NEXT_REDIRECT'));
+        const isRedirect = (err instanceof Error && err.message === 'NEXT_REDIRECT') || (typeof (err as { digest?: unknown })?.digest === 'string' && ((err as { digest: string }).digest.startsWith('NEXT_REDIRECT')));
 
         if (isRedirect && !returnJustData) {
           setUploadStatus("success");

package/templates/nextblock-template/app/cms/media/page.tsx

@@ -51,8 +51,8 @@ async function getDistinctFolders(search?: string): Promise<string[]> {
     return [];
   }
   let folders = (data || [])
-    .map((r: any) => r.folder)
-    .filter((f: any) => typeof f === 'string' && f.length > 0);
+    .map((r) => r.folder)
+    .filter((f): f is string => typeof f === 'string' && f.length > 0);
   if (search && search.trim()) {
     const t = search.trim().toLowerCase();
     folders = folders.filter((f: string) => f.toLowerCase().includes(t));
@@ -71,7 +71,7 @@ async function getFolderCounts(): Promise<Record<string, number>> {
     return {};
   }
   const counts: Record<string, number> = {};
-  (data || []).forEach((row: any) => {
+  (data || []).forEach((row) => {
     const f: string | null = row.folder;
     if (!f || typeof f !== 'string' || f.length === 0) return;
     const norm = f.endsWith('/') ? f : `${f}/`;

package/templates/nextblock-template/app/cms/revisions/JsonDiffView.tsx

@@ -1,4 +1,3 @@
-// apps/nextblock/app/cms/revisions/JsonDiffView.tsx
 "use client";
 
 import React, { useMemo } from 'react';
@@ -11,10 +10,11 @@ interface JsonDiffViewProps {
   rightTitle?: string;
 }
 
-function getByPointer(obj: any, pointer: string): any {
+function getByPointer(obj: unknown, pointer: string): unknown {
   if (!pointer || pointer === '/') return obj;
   const parts = pointer.split('/').slice(1).map(p => p.replace(/~1/g, '/').replace(/~0/g, '~'));
-  let cur = obj;
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  let cur = obj as any;
   for (const part of parts) {
     if (cur == null) return undefined;
     cur = cur[part];
@@ -22,7 +22,7 @@ function getByPointer(obj: any, pointer: string): any {
   return cur;
 }
 
-function safeStringify(v: any): string {
+function safeStringify(v: unknown): string {
   try {
     return JSON.stringify(v, null, 2);
   } catch {
@@ -32,10 +32,11 @@ function safeStringify(v: any): string {
 
 export default function JsonDiffView({ oldValue, newValue, leftTitle = 'Current', rightTitle = 'Selected' }: JsonDiffViewProps) {
   const { ops, oldObj } = useMemo(() => {
-    let a: any = null, b: any = null;
+    let a: unknown = null, b: unknown = null;
     try { a = JSON.parse(oldValue); } catch { a = oldValue; }
     try { b = JSON.parse(newValue); } catch { b = newValue; }
-    const operations: Operation[] = compare(a, b);
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    const operations: Operation[] = compare(a as any, b as any);
     return { ops: operations, oldObj: a };
   }, [oldValue, newValue]);
 
@@ -56,7 +57,7 @@ export default function JsonDiffView({ oldValue, newValue, leftTitle = 'Current'
         {ops.map((op, idx) => {
           const oldAtPath = op.op !== 'add' ? getByPointer(oldObj, op.path) : undefined;
           const oldStr = op.op !== 'add' ? safeStringify(oldAtPath) : '';
-          const newStr = op.op !== 'remove' ? safeStringify((op as any).value) : '';
+          const newStr = op.op !== 'remove' && 'value' in op ? safeStringify((op as { value: unknown }).value) : '';
           return (
             <div key={idx} className="rounded border">
               <div className="px-2 py-1 border-b flex items-center gap-2 text-xs">

package/templates/nextblock-template/app/cms/revisions/RevisionHistoryButton.tsx

@@ -54,18 +54,24 @@ export default function RevisionHistoryButton({ parentType, parentId }: Revision
       try {
         if (parentType === 'page') {
           const res = await listPageRevisions(parentId);
-        if ('error' in res) {
-          setError(res.error ?? 'Unknown error');
-          setRevisions(null);
-          setCurrentVersion(null);
-        } else {
-          setRevisions(res.revisions as unknown as RevisionItem[]);
-          setCurrentVersion((res as any).currentVersion ?? null);
-        }
+          if ('error' in res) {
+            setError(res.error ?? 'Unknown error');
+            setRevisions(null);
+            setCurrentVersion(null);
+          } else {
+            setRevisions(res.revisions as unknown as RevisionItem[]);
+            setCurrentVersion(res.currentVersion ?? null);
+          }
         } else {
           const res = await listPostRevisions(parentId);
-          if ('error' in res) { setError(res.error ?? 'Unknown error'); setRevisions(null); setCurrentVersion(null); }
-          else { setRevisions(res.revisions as unknown as RevisionItem[]); setCurrentVersion((res as any).currentVersion ?? null); }
+          if ('error' in res) {
+            setError(res.error ?? 'Unknown error');
+            setRevisions(null);
+            setCurrentVersion(null);
+          } else {
+            setRevisions(res.revisions as unknown as RevisionItem[]);
+            setCurrentVersion(res.currentVersion ?? null);
+          }
         }
       } catch (e: unknown) {
         setError(e instanceof Error ? e.message : 'Failed to load revisions');