From 93795577cd596c294f799c49c6a8646d860e1312 Mon Sep 17 00:00:00 2001
From: Justin Edmund <justin@jedmund.com>
Date: Sun, 23 Nov 2025 05:50:22 -0800
Subject: [PATCH] fix: complete frontend component any type cleanup

- replace any with Prisma types (Post, Project, Album, Media)
- use Component type for Svelte component parameters
- use Snippet type for Svelte 5 render slots
- use Record<string, unknown> for dynamic objects
- add proper type guards for error handling
- fix editor extension types with proper generics
- all frontend components now have zero any type errors
---
 src/lib/components/AppleMusicSearchModal.svelte       |  2 +-
 src/lib/components/DynamicPostContent.svelte          |  4 +++-
 src/lib/components/PhotoMetadata.svelte               |  2 +-
 src/lib/components/ProjectPasswordProtection.svelte   |  4 +++-
 src/lib/components/UniverseCard.svelte                |  2 +-
 src/lib/components/admin/AdminNavBar.svelte           |  4 +++-
 src/lib/components/admin/AlbumListItem.svelte         |  3 ++-
 src/lib/components/admin/InlineComposerModal.svelte   |  2 +-
 src/lib/components/admin/MetadataPopover.svelte       |  3 ++-
 src/lib/components/admin/PhotoPostForm.svelte         |  2 +-
 src/lib/components/admin/PostListItem.svelte          | 11 ++++++-----
 src/lib/components/admin/SimplePostForm.svelte        |  2 +-
 .../admin/composer/BubbleTextStyleMenu.svelte         |  2 +-
 src/lib/components/admin/composer/ComposerCore.svelte |  2 +-
 src/lib/components/admin/composer/types.ts            |  4 +++-
 src/lib/components/edra/editor-extensions.ts          |  4 +++-
 .../edra/extensions/gallery/GalleryExtended.ts        |  2 +-
 .../edra/extensions/gallery/GalleryPlaceholder.ts     |  4 ++--
 .../extensions/geolocation/GeolocationExtended.ts     |  2 +-
 .../edra/extensions/geolocation/geolocation.ts        |  2 +-
 .../components/edra/extensions/url-embed/UrlEmbed.ts  |  2 +-
 .../edra/extensions/url-embed/UrlEmbedExtended.ts     |  3 ++-
 .../edra/extensions/url-embed/UrlEmbedPlaceholder.ts  |  3 ++-
 .../edra/headless/components/ImagePlaceholder.svelte  |  2 +-
 24 files changed, 44 insertions(+), 29 deletions(-)

diff --git a/src/lib/components/AppleMusicSearchModal.svelte b/src/lib/components/AppleMusicSearchModal.svelte
index 678c08a..c107f51 100644
--- a/src/lib/components/AppleMusicSearchModal.svelte
+++ b/src/lib/components/AppleMusicSearchModal.svelte
@@ -7,7 +7,7 @@
 	let searchQuery = $state('')
 	let storefront = $state('us')
 	let isSearching = $state(false)
-	let searchResults = $state<any>(null)
+	let searchResults = $state<unknown>(null)
 	let searchError = $state<string | null>(null)
 	let responseTime = $state<number>(0)
 	
diff --git a/src/lib/components/DynamicPostContent.svelte b/src/lib/components/DynamicPostContent.svelte
index 629da73..c87a5e8 100644
--- a/src/lib/components/DynamicPostContent.svelte
+++ b/src/lib/components/DynamicPostContent.svelte
@@ -5,7 +5,9 @@
 	import { formatDate } from '$lib/utils/date'
 	import { renderEdraContent } from '$lib/utils/content'
 
-	let { post }: { post: any } = $props()
+	import type { Post } from '@prisma/client'
+
+	let { post }: { post: Post } = $props()
 
 	const renderedContent = $derived(post.content ? renderEdraContent(post.content) : '')
 </script>
diff --git a/src/lib/components/PhotoMetadata.svelte b/src/lib/components/PhotoMetadata.svelte
index 3d96aee..987f16a 100644
--- a/src/lib/components/PhotoMetadata.svelte
+++ b/src/lib/components/PhotoMetadata.svelte
@@ -5,7 +5,7 @@
 		title?: string
 		caption?: string
 		description?: string
-		exifData?: any
+		exifData?: Record<string, unknown>
 		createdAt?: string
 		backHref?: string
 		backLabel?: string
diff --git a/src/lib/components/ProjectPasswordProtection.svelte b/src/lib/components/ProjectPasswordProtection.svelte
index 3c29d96..abc67c0 100644
--- a/src/lib/components/ProjectPasswordProtection.svelte
+++ b/src/lib/components/ProjectPasswordProtection.svelte
@@ -1,4 +1,6 @@
+import type { Project } from '@prisma/client'
 <script lang="ts">
+	import type { Snippet } from 'svelte'
 	import Button from '$lib/components/admin/Button.svelte'
 	import BackButton from './BackButton.svelte'
 	import { onMount } from 'svelte'
@@ -7,7 +9,7 @@
 		projectSlug: string
 		correctPassword: string
 		projectType?: 'work' | 'labs'
-		children?: any
+		children?: Snippet
 	}
 
 	let { projectSlug, correctPassword, projectType = 'work', children }: Props = $props()
diff --git a/src/lib/components/UniverseCard.svelte b/src/lib/components/UniverseCard.svelte
index 822b46e..4423a0d 100644
--- a/src/lib/components/UniverseCard.svelte
+++ b/src/lib/components/UniverseCard.svelte
@@ -8,7 +8,7 @@
 	interface UniverseItem {
 		slug: string
 		publishedAt: string
-		[key: string]: any
+		[key: string]: unknown
 	}
 
 	let {
diff --git a/src/lib/components/admin/AdminNavBar.svelte b/src/lib/components/admin/AdminNavBar.svelte
index f1ff772..b889140 100644
--- a/src/lib/components/admin/AdminNavBar.svelte
+++ b/src/lib/components/admin/AdminNavBar.svelte
@@ -8,10 +8,12 @@
 
 	const currentPath = $derived($page.url.pathname)
 
+	import type { Component } from 'svelte'
+
 	interface NavItem {
 		text: string
 		href: string
-		icon: any
+		icon: Component
 	}
 
 	const navItems: NavItem[] = [
diff --git a/src/lib/components/admin/AlbumListItem.svelte b/src/lib/components/admin/AlbumListItem.svelte
index 1169e01..96ddfae 100644
--- a/src/lib/components/admin/AlbumListItem.svelte
+++ b/src/lib/components/admin/AlbumListItem.svelte
@@ -1,3 +1,4 @@
+import type { Album } from '@prisma/client'
 <script lang="ts">
 	import { goto } from '$app/navigation'
 	import AdminByline from './AdminByline.svelte'
@@ -23,7 +24,7 @@
 		createdAt: string
 		updatedAt: string
 		photos: Photo[]
-		content?: any
+		content?: unknown
 		_count: {
 			media: number
 		}
diff --git a/src/lib/components/admin/InlineComposerModal.svelte b/src/lib/components/admin/InlineComposerModal.svelte
index 218956d..cba8564 100644
--- a/src/lib/components/admin/InlineComposerModal.svelte
+++ b/src/lib/components/admin/InlineComposerModal.svelte
@@ -183,7 +183,7 @@
 		if (!hasContent() && postType !== 'essay') return
 		if (postType === 'essay' && !essayTitle) return
 
-		let postData: any = {
+		let postData: Record<string, unknown> = {
 			content,
 			status: 'published',
 			attachedPhotos: attachedPhotos.map((photo) => photo.id)
diff --git a/src/lib/components/admin/MetadataPopover.svelte b/src/lib/components/admin/MetadataPopover.svelte
index 6e5f138..deb5827 100644
--- a/src/lib/components/admin/MetadataPopover.svelte
+++ b/src/lib/components/admin/MetadataPopover.svelte
@@ -1,9 +1,10 @@
 <script lang="ts">
 	import { onMount } from 'svelte'
 	import Input from './Input.svelte'
+	import type { Post } from '@prisma/client'
 
 	type Props = {
-		post: any
+		post: Post
 		postType: 'post' | 'essay'
 		slug: string
 		excerpt: string
diff --git a/src/lib/components/admin/PhotoPostForm.svelte b/src/lib/components/admin/PhotoPostForm.svelte
index dc998ee..b0fc796 100644
--- a/src/lib/components/admin/PhotoPostForm.svelte
+++ b/src/lib/components/admin/PhotoPostForm.svelte
@@ -162,7 +162,7 @@ $effect(() => {
 				usedIn: [],
 				createdAt: new Date(),
 				updatedAt: new Date()
-			} as any
+			} as unknown
 		}
 		showDraftPrompt = false
 		clearDraft(draftKey)
diff --git a/src/lib/components/admin/PostListItem.svelte b/src/lib/components/admin/PostListItem.svelte
index c01678a..5cb7039 100644
--- a/src/lib/components/admin/PostListItem.svelte
+++ b/src/lib/components/admin/PostListItem.svelte
@@ -1,3 +1,4 @@
+import type { Post } from '@prisma/client'
 <script lang="ts">
 	import { goto } from '$app/navigation'
 	import { onMount } from 'svelte'
@@ -72,14 +73,14 @@
 
 			if (typeof post.content === 'object' && post.content.content) {
 				// BlockNote/TipTap format
-				function extractText(node: any): string {
-					if (node.text) return node.text
-					if (node.content && Array.isArray(node.content)) {
-						return node.content.map(extractText).join(' ')
+				function extractText(node: Record<string, unknown>): string {
+					if (typeof node.text === 'string') return node.text
+					if (Array.isArray(node.content)) {
+						return node.content.map((n) => extractText(n as Record<string, unknown>)).join(' ')
 					}
 					return ''
 				}
-				textContent = extractText(post.content)
+				textContent = extractText(post.content as Record<string, unknown>)
 			} else if (typeof post.content === 'string') {
 				textContent = post.content
 			}
diff --git a/src/lib/components/admin/SimplePostForm.svelte b/src/lib/components/admin/SimplePostForm.svelte
index 785c080..e752137 100644
--- a/src/lib/components/admin/SimplePostForm.svelte
+++ b/src/lib/components/admin/SimplePostForm.svelte
@@ -259,7 +259,7 @@ $effect(() => {
 		try {
 			isSaving = true
 
-			const payload: any = {
+			const payload: Record<string, unknown> = {
 				type: 'post', // Use simplified post type
 				status: publishStatus,
 				content: content
diff --git a/src/lib/components/admin/composer/BubbleTextStyleMenu.svelte b/src/lib/components/admin/composer/BubbleTextStyleMenu.svelte
index 9a2567f..3d5bc67 100644
--- a/src/lib/components/admin/composer/BubbleTextStyleMenu.svelte
+++ b/src/lib/components/admin/composer/BubbleTextStyleMenu.svelte
@@ -6,7 +6,7 @@
 		editor: Editor
 		isOpen: boolean
 		onClose: () => void
-		features: any
+		features: { textStyles?: boolean; colors?: boolean; [key: string]: unknown }
 	}
 
 	const { editor, isOpen, onClose, features }: Props = $props()
diff --git a/src/lib/components/admin/composer/ComposerCore.svelte b/src/lib/components/admin/composer/ComposerCore.svelte
index 2f4c1ee..aeedbe3 100644
--- a/src/lib/components/admin/composer/ComposerCore.svelte
+++ b/src/lib/components/admin/composer/ComposerCore.svelte
@@ -140,7 +140,7 @@
 	}
 
 	// Update content when editor changes
-	function handleUpdate({ editor: updatedEditor, transaction }: any) {
+	function handleUpdate({ editor: updatedEditor, transaction }: { editor: Editor; transaction: unknown }) {
 		// Dismiss link menus on typing
 		linkManagerRef?.dismissOnTyping(transaction)
 
diff --git a/src/lib/components/admin/composer/types.ts b/src/lib/components/admin/composer/types.ts
index a9598a6..e17daa6 100644
--- a/src/lib/components/admin/composer/types.ts
+++ b/src/lib/components/admin/composer/types.ts
@@ -33,10 +33,12 @@ export interface DropdownPosition {
 	left: number
 }
 
+import type { Media } from '@prisma/client'
+
 export interface MediaSelectionOptions {
 	mode: 'single' | 'multiple'
 	fileType?: 'image' | 'video' | 'audio' | 'all'
 	albumId?: number
-	onSelect: (media: any) => void
+	onSelect: (media: Media | Media[]) => void
 	onClose: () => void
 }
diff --git a/src/lib/components/edra/editor-extensions.ts b/src/lib/components/edra/editor-extensions.ts
index 1ab2f4a..8a61013 100644
--- a/src/lib/components/edra/editor-extensions.ts
+++ b/src/lib/components/edra/editor-extensions.ts
@@ -43,11 +43,13 @@ import SlashCommandList from './headless/components/SlashCommandList.svelte'
 // Create lowlight instance
 const lowlight = createLowlight(all)
 
+import type { Component } from 'svelte'
+
 export interface EditorExtensionOptions {
 	showSlashCommands?: boolean
 	onShowUrlConvertDropdown?: (pos: number, url: string) => void
 	onShowLinkContextMenu?: (pos: number, url: string, coords: { x: number; y: number }) => void
-	imagePlaceholderComponent?: any // Allow custom image placeholder component
+	imagePlaceholderComponent?: Component // Allow custom image placeholder component
 }
 
 export function getEditorExtensions(options: EditorExtensionOptions = {}): Extensions {
diff --git a/src/lib/components/edra/extensions/gallery/GalleryExtended.ts b/src/lib/components/edra/extensions/gallery/GalleryExtended.ts
index ec10883..7d2e37c 100644
--- a/src/lib/components/edra/extensions/gallery/GalleryExtended.ts
+++ b/src/lib/components/edra/extensions/gallery/GalleryExtended.ts
@@ -4,7 +4,7 @@ import type { Component } from 'svelte'
 import type { NodeViewProps } from '@tiptap/core'
 
 export interface GalleryOptions {
-	HTMLAttributes: Record<string, any>
+	HTMLAttributes: Record<string, unknown>
 }
 
 declare module '@tiptap/core' {
diff --git a/src/lib/components/edra/extensions/gallery/GalleryPlaceholder.ts b/src/lib/components/edra/extensions/gallery/GalleryPlaceholder.ts
index 262f064..a9d93f3 100644
--- a/src/lib/components/edra/extensions/gallery/GalleryPlaceholder.ts
+++ b/src/lib/components/edra/extensions/gallery/GalleryPlaceholder.ts
@@ -3,8 +3,8 @@ import type { Component } from 'svelte'
 import { SvelteNodeViewRenderer } from 'svelte-tiptap'
 
 export interface GalleryPlaceholderOptions {
-	HTMLAttributes: Record<string, object>
-	onSelectImages: (images: any[], editor: Editor) => void
+	HTMLAttributes: Record<string, unknown>
+	onSelectImages: (images: Array<Record<string, unknown>>, editor: Editor) => void
 }
 
 declare module '@tiptap/core' {
diff --git a/src/lib/components/edra/extensions/geolocation/GeolocationExtended.ts b/src/lib/components/edra/extensions/geolocation/GeolocationExtended.ts
index d897d4c..b8fd3a8 100644
--- a/src/lib/components/edra/extensions/geolocation/GeolocationExtended.ts
+++ b/src/lib/components/edra/extensions/geolocation/GeolocationExtended.ts
@@ -3,7 +3,7 @@ import type { Component } from 'svelte'
 import { SvelteNodeViewRenderer } from 'svelte-tiptap'
 
 export interface GeolocationExtendedOptions {
-	HTMLAttributes: Record<string, any>
+	HTMLAttributes: Record<string, unknown>
 }
 
 export const GeolocationExtended = (
diff --git a/src/lib/components/edra/extensions/geolocation/geolocation.ts b/src/lib/components/edra/extensions/geolocation/geolocation.ts
index 7d3831b..cab08dc 100644
--- a/src/lib/components/edra/extensions/geolocation/geolocation.ts
+++ b/src/lib/components/edra/extensions/geolocation/geolocation.ts
@@ -4,7 +4,7 @@ import GeolocationPlaceholder from './geolocation-placeholder.svelte'
 import GeolocationExtended from './geolocation-extended.svelte'
 
 export interface GeolocationOptions {
-	HTMLAttributes: Record<string, any>
+	HTMLAttributes: Record<string, unknown>
 }
 
 declare module '@tiptap/core' {
diff --git a/src/lib/components/edra/extensions/url-embed/UrlEmbed.ts b/src/lib/components/edra/extensions/url-embed/UrlEmbed.ts
index 511fbcf..613dc74 100644
--- a/src/lib/components/edra/extensions/url-embed/UrlEmbed.ts
+++ b/src/lib/components/edra/extensions/url-embed/UrlEmbed.ts
@@ -3,7 +3,7 @@ import { Plugin, PluginKey } from '@tiptap/pm/state'
 import { Decoration, DecorationSet } from '@tiptap/pm/view'
 
 export interface UrlEmbedOptions {
-	HTMLAttributes: Record<string, any>
+	HTMLAttributes: Record<string, unknown>
 	onShowDropdown?: (pos: number, url: string) => void
 }
 
diff --git a/src/lib/components/edra/extensions/url-embed/UrlEmbedExtended.ts b/src/lib/components/edra/extensions/url-embed/UrlEmbedExtended.ts
index f41154f..9a41236 100644
--- a/src/lib/components/edra/extensions/url-embed/UrlEmbedExtended.ts
+++ b/src/lib/components/edra/extensions/url-embed/UrlEmbedExtended.ts
@@ -1,7 +1,8 @@
 import { mergeAttributes, Node } from '@tiptap/core'
 import { SvelteNodeViewRenderer } from 'svelte-tiptap'
+import type { Component } from 'svelte'
 
-export const UrlEmbedExtended = (component: any) =>
+export const UrlEmbedExtended = (component: Component) =>
 	Node.create({
 		name: 'urlEmbed',
 
diff --git a/src/lib/components/edra/extensions/url-embed/UrlEmbedPlaceholder.ts b/src/lib/components/edra/extensions/url-embed/UrlEmbedPlaceholder.ts
index 2c81ff4..dde98a4 100644
--- a/src/lib/components/edra/extensions/url-embed/UrlEmbedPlaceholder.ts
+++ b/src/lib/components/edra/extensions/url-embed/UrlEmbedPlaceholder.ts
@@ -1,7 +1,8 @@
 import { mergeAttributes, Node } from '@tiptap/core'
 import { SvelteNodeViewRenderer } from 'svelte-tiptap'
+import type { Component } from 'svelte'
 
-export const UrlEmbedPlaceholder = (component: any) =>
+export const UrlEmbedPlaceholder = (component: Component) =>
 	Node.create({
 		name: 'urlEmbedPlaceholder',
 
diff --git a/src/lib/components/edra/headless/components/ImagePlaceholder.svelte b/src/lib/components/edra/headless/components/ImagePlaceholder.svelte
index 2591e1d..ecfe955 100644
--- a/src/lib/components/edra/headless/components/ImagePlaceholder.svelte
+++ b/src/lib/components/edra/headless/components/ImagePlaceholder.svelte
@@ -116,7 +116,7 @@
 	function handleKeyDown(e: KeyboardEvent) {
 		if (e.key === 'Enter' || e.key === ' ') {
 			e.preventDefault()
-			handleBrowseLibrary(e as any)
+			handleBrowseLibrary(e as unknown as MouseEvent)
 		} else if (e.key === 'Escape') {
 			deleteNode()
 		}