chore: cleanup 🧹

Author: kody-bot

example/epicshop/package-lock.json

@@ -142,7 +142,9 @@ function SiblingEntryList({
 }) {
 	if (entries.length === 0) {
 		return (
-			<p className="text-muted-foreground px-3 py-2 text-xs">No files available.</p>
+			<p className="text-muted-foreground px-3 py-2 text-xs">
+				No files available.
+			</p>
 		)
 	}
 	return (
@@ -166,7 +168,9 @@ function SiblingEntryList({
 							name="Files"
 							className={cn(
 								'size-3.5 shrink-0',
-								entry.isDirectory ? 'text-muted-foreground' : 'text-foreground/80',
+								entry.isDirectory
+									? 'text-muted-foreground'
+									: 'text-foreground/80',
 							)}
 							aria-hidden
 						/>
@@ -241,7 +245,9 @@ function FileContent({
 
 	if (errorMessage) {
 		return (
-			<div className="text-foreground-destructive p-4 text-sm">{errorMessage}</div>
+			<div className="text-foreground-destructive p-4 text-sm">
+				{errorMessage}
+			</div>
 		)
 	}
 
@@ -272,7 +278,7 @@ function FileContent({
 				<img
 					src={fileUrl}
 					alt={file.path}
-					className="max-h-full max-w-full rounded border border-border object-contain"
+					className="border-border max-h-full max-w-full rounded border object-contain"
 				/>
 			</div>
 		)
@@ -284,7 +290,7 @@ function FileContent({
 				<video
 					src={fileUrl}
 					controls
-					className="bg-background max-h-full max-w-full rounded border border-border"
+					className="bg-background border-border max-h-full max-w-full rounded border"
 				/>
 			</div>
 		)
@@ -346,7 +352,7 @@ export function FileAppExplorer({ appName }: { appName: string }) {
 
 	const indexes = React.useMemo(() => buildIndexes(files), [files])
 	const selectedFile = selectedPath
-		? indexes.filesByPath.get(selectedPath) ?? null
+		? (indexes.filesByPath.get(selectedPath) ?? null)
 		: null
 	const breadcrumbs = React.useMemo(
 		() => getBreadcrumbParts(selectedPath),
@@ -355,7 +361,9 @@ export function FileAppExplorer({ appName }: { appName: string }) {
 	const filteredFiles = React.useMemo(() => {
 		const normalizedQuery = fileQuery.trim().toLowerCase()
 		if (!normalizedQuery) return files
-		return files.filter((file) => file.path.toLowerCase().includes(normalizedQuery))
+		return files.filter((file) =>
+			file.path.toLowerCase().includes(normalizedQuery),
+		)
 	}, [fileQuery, files])
 
 	React.useEffect(() => {

package-lock.json

@@ -1,7 +1,10 @@
 import { type Route } from './+types/file-preview'
 import path from 'node:path'
 import { compileMarkdownString } from '@epic-web/workshop-utils/compile-mdx.server'
-import { makeTimings, getServerTimeHeader } from '@epic-web/workshop-utils/timing.server'
+import {
+	makeTimings,
+	getServerTimeHeader,
+} from '@epic-web/workshop-utils/timing.server'
 import fsExtra from 'fs-extra'
 import { data } from 'react-router'
 import { z } from 'zod'
@@ -65,9 +68,8 @@ export async function loader({ request, params }: Route.LoaderArgs) {
 	}
 
 	const source = await fsExtra.readFile(filePath, 'utf8')
-	const markdown = kind === 'markdown'
-		? source
-		: makeFencedCodeBlock(source, language)
+	const markdown =
+		kind === 'markdown' ? source : makeFencedCodeBlock(source, language)
 	const code = await compileMarkdownString(markdown)
 
 	return data(

packages/workshop-app/app/components/file-app-explorer.tsx

@@ -1,6 +1,9 @@
 import { type Route } from './+types/files'
 import path from 'node:path'
-import { makeTimings, getServerTimeHeader } from '@epic-web/workshop-utils/timing.server'
+import {
+	makeTimings,
+	getServerTimeHeader,
+} from '@epic-web/workshop-utils/timing.server'
 import { globby } from 'globby'
 import mimeTypes from 'mime-types'
 import { data } from 'react-router'
@@ -157,7 +160,8 @@ export async function loader({ request, params }: Route.LoaderArgs) {
 			const normalizedPath = file.replace(/\\/g, '/')
 			if (path.basename(normalizedPath) === 'README.mdx') continue
 			if (filesByPath.has(normalizedPath)) continue
-			const mimeType = mimeTypes.lookup(normalizedPath) || 'application/octet-stream'
+			const mimeType =
+				mimeTypes.lookup(normalizedPath) || 'application/octet-stream'
 			const extension = path.extname(normalizedPath).toLowerCase()
 			filesByPath.set(normalizedPath, {
 				path: normalizedPath,

packages/workshop-app/app/routes/_app+/app.$appName+/file-preview.ts

@@ -67,7 +67,10 @@ test('classifies non-index app without package.json as file dev type', async ()
 	await using workshop = await createTempWorkshop()
 	const fileExtraDir = path.join(workshop.root, 'extra', '01.files')
 	await fs.mkdir(fileExtraDir, { recursive: true })
-	await fs.writeFile(path.join(fileExtraDir, 'notes.txt'), 'hello file explorer')
+	await fs.writeFile(
+		path.join(fileExtraDir, 'notes.txt'),
+		'hello file explorer',
+	)
 
 	process.env.EPICSHOP_CONTEXT_CWD = workshop.root
 	;(