a8:I[903690,["/chat-static/_next/static/immutable/chunks/1fja-9o4htiyd.js","/chat-static/_next/static/immutable/chunks/29ydngev9m3fy.js","/chat-static/_next/static/immutable/chunks/2-7e4htujee9a.js","/chat-static/_next/static/immutable/chunks/3_-w_ojx3ellg.js","/chat-static/_next/static/immutable/chunks/02d62qecapvyp.js","/chat-static/_next/static/immutable/chunks/1ca1eagukd03f.js","/chat-static/_next/static/immutable/chunks/1ihyvxny9u4w4.js","/chat-static/_next/static/immutable/chunks/00hu8fdgh1j4v.js","/chat-static/_next/static/immutable/chunks/41hpffipu4cd5.js","/chat-static/_next/static/immutable/chunks/06l8mr_zo_pdk.js","/chat-static/_next/static/immutable/chunks/05ziczzmpg4l8.js","/chat-static/_next/static/immutable/chunks/2_3cf1lh0ov9g.js","/chat-static/_next/static/immutable/chunks/1o3uedpb5nwwe.js","/chat-static/_next/static/immutable/chunks/3tvsw776zkqg9.js","/chat-static/_next/static/immutable/chunks/1e-qtuskm58ha.js","/chat-static/_next/static/immutable/chunks/1818z5b543ba3.js","/chat-static/_next/static/immutable/chunks/38-vahyesd4u5.js","/chat-static/_next/static/immutable/chunks/3hnrzurk988jk.js","/chat-static/_next/static/immutable/chunks/03q5q9l0b0td3.js","/chat-static/_next/static/immutable/chunks/1-qk02sdtfqkn.js","/chat-static/_next/static/immutable/chunks/1te_-knuy9ss-.js","/chat-static/_next/static/immutable/chunks/3siudrckqpsjx.js","/chat-static/_next/static/immutable/chunks/120lp9kxd910m.js","/chat-static/_next/static/immutable/chunks/3w1zcr9c32026.js","/chat-static/_next/static/immutable/chunks/2x3mu3fgb5m94.js","/chat-static/_next/static/immutable/chunks/3_y066xfe1cmo.js","/chat-static/_next/static/immutable/chunks/2_9d7galk0wiq.js","/chat-static/_next/static/immutable/chunks/3gdi4pfmm4dpp.js","/chat-static/_next/static/immutable/chunks/3p3trwcegfkeh.js","/chat-static/_next/static/immutable/chunks/1l7u83pa-dy8n.js","/chat-static/_next/static/immutable/chunks/360dmexqj5t6n.js","/chat-static/_next/static/immutable/chunks/2d2qlyqy6bl_k.js","/chat-static/_next/static/immutable/chunks/2ikegn6lkshq2.js","/chat-static/_next/static/immutable/chunks/2fjkv44_ofoly.js","/chat-static/_next/static/immutable/chunks/3fmtzjgs-xfg2.js","/chat-static/_next/static/immutable/chunks/1nma-60foff1_.js","/chat-static/_next/static/immutable/chunks/0nz4sbn57uq_0.js"],"ExplicitChatIdProvider"] a9:I[838238,["/chat-static/_next/static/immutable/chunks/1fja-9o4htiyd.js","/chat-static/_next/static/immutable/chunks/29ydngev9m3fy.js","/chat-static/_next/static/immutable/chunks/2-7e4htujee9a.js","/chat-static/_next/static/immutable/chunks/3_-w_ojx3ellg.js","/chat-static/_next/static/immutable/chunks/02d62qecapvyp.js","/chat-static/_next/static/immutable/chunks/1ca1eagukd03f.js","/chat-static/_next/static/immutable/chunks/1ihyvxny9u4w4.js","/chat-static/_next/static/immutable/chunks/00hu8fdgh1j4v.js","/chat-static/_next/static/immutable/chunks/41hpffipu4cd5.js","/chat-static/_next/static/immutable/chunks/06l8mr_zo_pdk.js","/chat-static/_next/static/immutable/chunks/05ziczzmpg4l8.js","/chat-static/_next/static/immutable/chunks/2_3cf1lh0ov9g.js","/chat-static/_next/static/immutable/chunks/1o3uedpb5nwwe.js","/chat-static/_next/static/immutable/chunks/3tvsw776zkqg9.js","/chat-static/_next/static/immutable/chunks/1e-qtuskm58ha.js","/chat-static/_next/static/immutable/chunks/1818z5b543ba3.js","/chat-static/_next/static/immutable/chunks/38-vahyesd4u5.js","/chat-static/_next/static/immutable/chunks/3hnrzurk988jk.js","/chat-static/_next/static/immutable/chunks/03q5q9l0b0td3.js","/chat-static/_next/static/immutable/chunks/1-qk02sdtfqkn.js","/chat-static/_next/static/immutable/chunks/1te_-knuy9ss-.js","/chat-static/_next/static/immutable/chunks/3siudrckqpsjx.js","/chat-static/_next/static/immutable/chunks/120lp9kxd910m.js","/chat-static/_next/static/immutable/chunks/3w1zcr9c32026.js","/chat-static/_next/static/immutable/chunks/2x3mu3fgb5m94.js","/chat-static/_next/static/immutable/chunks/3_y066xfe1cmo.js","/chat-static/_next/static/immutable/chunks/2_9d7galk0wiq.js","/chat-static/_next/static/immutable/chunks/3gdi4pfmm4dpp.js","/chat-static/_next/static/immutable/chunks/3p3trwcegfkeh.js","/chat-static/_next/static/immutable/chunks/1l7u83pa-dy8n.js","/chat-static/_next/static/immutable/chunks/360dmexqj5t6n.js","/chat-static/_next/static/immutable/chunks/2d2qlyqy6bl_k.js","/chat-static/_next/static/immutable/chunks/2ikegn6lkshq2.js","/chat-static/_next/static/immutable/chunks/2fjkv44_ofoly.js","/chat-static/_next/static/immutable/chunks/3fmtzjgs-xfg2.js","/chat-static/_next/static/immutable/chunks/1nma-60foff1_.js","/chat-static/_next/static/immutable/chunks/0nz4sbn57uq_0.js"],"SWRDataProvider"] aa:Tea50,[V0_FILE]typescriptreact:file="app/loading.tsx" isFixed="true" isMerged="true" export default function Loading() { return null } [V0_FILE]javascript:file="postcss.config.js" isMerged="true" module.exports = { plugins: { tailwindcss: {}, autoprefixer: {}, }, } [V0_FILE]yaml:file=".npmrc" isMerged="true" # Force pnpm to respect exact versions and clear cache auto-install-peers=true strict-peer-dependencies=false [V0_FILE]typescript:file="lib/supabase/client.ts" isMerged="true" import { createBrowserClient } from "@supabase/ssr" export function createClient() { return createBrowserClient(process.env.NEXT_PUBLIC_SUPABASE_URL!, process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY!) } [V0_FILE]typescript:file="lib/supabase/server.ts" isMerged="true" import { createServerClient } from "@supabase/ssr" import { cookies } from "next/headers" export async function createClient() { const cookieStore = await cookies() return createServerClient(process.env.NEXT_PUBLIC_SUPABASE_URL!, process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY!, { cookies: { getAll() { return cookieStore.getAll() }, setAll(cookiesToSet) { try { cookiesToSet.forEach(({ name, value, options }) => cookieStore.set(name, value, options)) } catch { // Ignore if called from Server Component } }, }, }) } [V0_FILE]json:file="package.json" isEdit="true" isMerged="true" { "dependencies": { "react": "^18.2.0", "react-dom": "^18.2.0", "next": "^14.0.0", "@react-three/fiber": "^8.15.0", "@react-three/drei": "^9.92.0", "three": "^0.160.0", "class-variance-authority": "0.7.1", "clsx": "2.1.1", "lucide-react": "0.544.0", "tailwind-merge": "3.3.1", "tailwindcss-animate": "1.0.7", "geist": "^1.3.1", "@vercel/analytics": "^1.3.1", "@supabase/ssr": "^0.7.0", "@vercel/blob": "^0.23.0" }, "devDependencies": { "@types/react": "19.2.0", "@types/react-dom": "19.2.0", "@types/node": "24.7.0", "tailwindcss": "^3.4.17", "typescript": "5.9.3", "postcss": "8.5.6", "autoprefixer": "10.4.20" } } [V0_FILE]typescript:file="app/actions.ts" isEdit="true" isMerged="true" "use server" import { createClient } from "@/lib/supabase/server" import { put, del } from "@vercel/blob" import { revalidatePath } from "next/cache" export interface ChairModel { id: string name: string model_url: string | null thumbnail_url: string | null created_at: string view_settings: { designer?: string year?: string description?: string imageUrl?: string } } export async function getModels(): Promise { const supabase = await createClient() const { data, error } = await supabase.from("models").select("*").order("created_at", { ascending: false }) if (error) { console.error("Error fetching models:", error) return [] } return data || [] } export async function createModel(formData: FormData): Promise<{ success: boolean; error?: string }> { try { const supabase = await createClient() const name = formData.get("name") as string const designer = formData.get("designer") as string const year = formData.get("year") as string const description = formData.get("description") as string const imageFile = formData.get("image") as File | null const modelUrl = formData.get("modelUrl") as string | null if (!name) { return { success: false, error: "Name is required" } } if (!modelUrl || !modelUrl.trim()) { return { success: false, error: "Model URL is required" } } let imageUrl = null // Upload image to Blob if provided if (imageFile && imageFile.size > 0) { try { const imageBlob = await put(`chairs/${Date.now()}-${imageFile.name}`, imageFile, { access: "public", }) imageUrl = imageBlob.url } catch (error) { console.error("Error uploading image:", error) // Continue without image - not critical } } const { error: dbError } = await supabase.from("models").insert({ name, model_url: modelUrl.trim(), thumbnail_url: imageUrl, is_public: true, view_settings: { designer, year, description, imageUrl, }, }) if (dbError) { console.error("Database error:", dbError) // Clean up uploaded image if database insert fails if (imageUrl) { try { await del(imageUrl) } catch (e) { console.error("Error cleaning up image:", e) } } throw dbError } revalidatePath("/") return { success: true } } catch (error) { console.error("Error creating model:", error) return { success: false, error: error instanceof Error ? error.message : "Failed to create model" } } } export async function updateModel(id: string, formData: FormData): Promise<{ success: boolean; error?: string }> { try { const supabase = await createClient() const name = formData.get("name") as string const designer = formData.get("designer") as string const year = formData.get("year") as string const description = formData.get("description") as string const imageFile = formData.get("image") as File | null const modelUrl = formData.get("modelUrl") as string | null // Get existing model to check for old files const { data: existingModel } = await supabase.from("models").select("*").eq("id", id).single() let imageUrl = existingModel?.thumbnail_url let finalModelUrl = existingModel?.model_url // Upload new image if provided if (imageFile && imageFile.size > 0) { // Delete old image if exists if (existingModel?.thumbnail_url) { try { await del(existingModel.thumbnail_url) } catch (e) { console.error("Error deleting old image:", e) } } const imageBlob = await put(`chairs/${Date.now()}-${imageFile.name}`, imageFile, { access: "public", }) imageUrl = imageBlob.url } // Update model URL if provided if (modelUrl && modelUrl.trim()) { finalModelUrl = modelUrl.trim() } const { error } = await supabase .from("models") .update({ name, model_url: finalModelUrl, thumbnail_url: imageUrl, view_settings: { designer, year, description, imageUrl, }, }) .eq("id", id) if (error) throw error revalidatePath("/") return { success: true } } catch (error) { console.error("Error updating model:", error) return { success: false, error: "Failed to update model" } } } export async function deleteModel(id: string): Promise<{ success: boolean; error?: string }> { try { const supabase = await createClient() // Get model to delete associated files const { data: model } = await supabase.from("models").select("*").eq("id", id).single() if (model) { // Delete thumbnail image from Blob storage (model_url is external, don't delete) if (model.thumbnail_url) { try { await del(model.thumbnail_url) } catch (e) { console.error("Error deleting image:", e) } } } const { error } = await supabase.from("models").delete().eq("id", id) if (error) throw error revalidatePath("/") return { success: true } } catch (error) { console.error("Error deleting model:", error) return { success: false, error: "Failed to delete model" } } } [V0_FILE]typescript:file="app/api/model-proxy/route.ts" isMerged="true" import { type NextRequest, NextResponse } from "next/server" export async function GET(request: NextRequest) { const searchParams = request.nextUrl.searchParams const modelUrl = searchParams.get("url") if (!modelUrl) { return NextResponse.json({ error: "Missing url parameter" }, { status: 400 }) } try { // Extract modelId from the URL const url = new URL(modelUrl) const modelId = url.searchParams.get("modelId") if (!modelId) { return NextResponse.json({ error: "Invalid model URL format" }, { status: 400 }) } // Try to construct the direct GLB URL // Common patterns for model hosting: // 1. Direct path: https://unikform.iverfinne.no/models/{modelId}.glb // 2. API endpoint: https://unikform.iverfinne.no/api/models/{modelId} // 3. Storage URL: https://storage.unikform.iverfinne.no/{modelId}.glb const possibleUrls = [ `https://unikform.iverfinne.no/models/${modelId}.glb`, `https://unikform.iverfinne.no/api/models/${modelId}`, `https://storage.unikform.iverfinne.no/${modelId}.glb`, `https://unikform.iverfinne.no/api/model/${modelId}`, ] // Try each possible URL for (const tryUrl of possibleUrls) { try { const response = await fetch(tryUrl, { method: "HEAD", headers: { "User-Agent": "Mozilla/5.0", }, }) if (response.ok && response.headers.get("content-type")?.includes("model")) { // Found the GLB file, proxy it const glbResponse = await fetch(tryUrl) const glbData = await glbResponse.arrayBuffer() return new NextResponse(glbData, { headers: { "Content-Type": "model/gltf-binary", "Cache-Control": "public, max-age=31536000", }, }) } } catch (e) { // Try next URL continue } } // If no direct URL works, try to fetch the page and extract the model URL const pageResponse = await fetch(modelUrl, { headers: { "User-Agent": "Mozilla/5.0", }, }) const html = await pageResponse.text() // Look for common patterns in the HTML const glbUrlPatterns = [ /src=["']([^"']*\.glb[^"']*)["']/i, /url=["']([^"']*\.glb[^"']*)["']/i, /model=["']([^"']*\.glb[^"']*)["']/i, /"modelUrl":\s*["']([^"']*\.glb[^"']*)["']/i, ] for (const pattern of glbUrlPatterns) { const match = html.match(pattern) if (match && match[1]) { const extractedUrl = match[1] const absoluteUrl = extractedUrl.startsWith("http") ? extractedUrl : new URL(extractedUrl, modelUrl).href // Fetch and proxy the GLB file const glbResponse = await fetch(absoluteUrl) const glbData = await glbResponse.arrayBuffer() return new NextResponse(glbData, { headers: { "Content-Type": "model/gltf-binary", "Cache-Control": "public, max-age=31536000", }, }) } } return NextResponse.json({ error: "Could not find GLB file URL in the provided page" }, { status: 404 }) } catch (error) { console.error("Error proxying model:", error) return NextResponse.json( { error: "Failed to fetch model", details: error instanceof Error ? error.message : "Unknown error" }, { status: 500 }, ) } } [V0_FILE]typescriptreact:file="app/page.tsx" isEdit="true" isQuickEdit="true" "use client" import { useState, useEffect, useMemo } from "react" import dynamic from "next/dynamic" import { getModels, createModel, deleteModel, type ChairModel } from "./actions" const ModelViewer = dynamic(() => import("@/components/model-viewer"), { ssr: false }) // iOS PWA Meta Tags Setup if (typeof document !== "undefined") { const addMetaTag = (name: string, content: string) => { if (!document.querySelector(`meta[name="${name}"]`)) { const meta = document.createElement("meta") meta.name = name meta.content = content document.head.appendChild(meta) } } addMetaTag("apple-mobile-web-app-capable", "yes") addMetaTag("apple-mobile-web-app-status-bar-style", "black-translucent") addMetaTag("apple-mobile-web-app-title", "Stolar") addMetaTag("mobile-web-app-capable", "yes") addMetaTag("viewport", "width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, viewport-fit=cover") document.body.style.backgroundColor = "#000" } function SearchIcon({ className }: { className?: string }) { return ( ) } function FilterIcon({ className }: { className?: string }) { return ( ) } function XIcon({ className }: { className?: string }) { return ( ) } function ExternalLinkIcon({ className }: { className?: string }) { return ( ) } function ArmchairIcon({ className }: { className?: string }) { return ( ) } function HeartIcon({ className }: { className?: string }) { return ( ) } function GridIcon({ className }: { className?: string }) { return ( ) } function ListIcon({ className }: { className?: string }) { return ( ) } function RulerIcon({ className }: { className?: string }) { return ( ) } function PaletteIcon({ className }: { className?: string }) { return ( ) } function TagIcon({ className }: { className?: string }) { return ( ) } function UploadIcon({ className }: { className?: string }) { return ( ) } function BoxIcon({ className }: { className?: string }) { return ( ) } export default function App() { const [notionToken] = useState("ntn_J76253346485Lux1eAl3mzB3E2VdgRQNSd5hppo188MblR") const [chairs, setChairs] = useState([]) const [dbModels, setDbModels] = useState([]) const [loading, setLoading] = useState(false) const [searchTerm, setSearchTerm] = useState("") const [selectedKeywords, setSelectedKeywords] = useState([]) const [selectedChair, setSelectedChair] = useState(null) const [yearRange, setYearRange] = useState([0, 3000]) const [showFilters, setShowFilters] = useState(false) const [viewMode, setViewMode] = useState("grid") const [sortBy, setSortBy] = useState("year-desc") const [favorites, setFavorites] = useState([]) const [showStats, setShowStats] = useState(false) const [selectedArtists, setSelectedArtists] = useState([]) const [selectedStyles, setSelectedStyles] = useState([]) const [lightboxImage, setLightboxImage] = useState(null) const [uploadingModel, setUploadingModel] = useState(false) const [modelUrlInput, setModelUrlInput] = useState("") const databaseId = "26a1c6815f788029a6b5c9d6b4ef2ad6" useEffect(() => { loadDbModels() }, []) const loadDbModels = async () => { const models = await getModels() setDbModels(models) } useEffect(() => { if (notionToken && chairs.length === 0) { fetchChairs() } }, []) const handleModelUpload = async (chairId: string, modelUrl: string) => { if (!modelUrl || !modelUrl.trim()) { return } setUploadingModel(true) try { let resolvedModelUrl = modelUrl.trim() if (modelUrl.includes("unikform.iverfinne.no")) { console.log("[v0] Resolving unikform URL to GLB file...") try { const proxyResponse = await fetch(`/api/model-proxy?url=${encodeURIComponent(modelUrl)}`) if (proxyResponse.ok) { // The proxy returns the GLB file, so we need to upload it to Blob storage const glbBlob = await proxyResponse.blob() // Upload to Vercel Blob const uploadResponse = await fetch(`/api/upload-model?filename=model-${chairId}.glb`, { method: "POST", body: glbBlob, }) if (uploadResponse.ok) { const { url } = await uploadResponse.json() resolvedModelUrl = url console.log("[v0] Successfully uploaded GLB to Blob storage:", url) } else { throw new Error("Failed to upload GLB to Blob storage") } } else { const errorData = await proxyResponse.json() throw new Error(errorData.error || "Failed to resolve model URL") } } catch (error) { console.error("[v0] Error resolving unikform URL:", error) alert("Could not load the 3D model from that URL. Please check the URL and try again.") setUploadingModel(false) return } } const formData = new FormData() const chair = chairs.find((c) => c.id === chairId) if (!chair) { return } formData.append("name", chair.tittel || chair.objektId || "Untitled") formData.append("designer", chair.kunstnar || "") formData.append("year", chair.ar?.toString() || "") formData.append("description", chair.notat || "") formData.append("modelUrl", resolvedModelUrl) if (chair.bilete && chair.bilete[0]) { try { const proxyUrl = "https://corsproxy.io/?" const imageUrl = chair.bilete[0] const imageResponse = await fetch(`${proxyUrl}${encodeURIComponent(imageUrl)}`) if (imageResponse.ok) { const imageBlob = await imageResponse.blob() const imageFile = new File([imageBlob], "image.jpg", { type: imageBlob.type }) formData.append("image", imageFile) } } catch (e) { console.log("[v0] Could not fetch image, continuing without it:", e) } } const result = await createModel(formData) if (result.success) { await loadDbModels() setModelUrlInput("") } } catch (error) { console.error("[v0] Error saving model URL:", error) } finally { setUploadingModel(false) } } const removeModel = async (modelId: string) => { if (!confirm("Are you sure you want to remove this 3D model?")) return const result = await deleteModel(modelId) if (result.success) { await loadDbModels() } else { alert(result.error || "Failed to remove model") } } const getModelForChair = (chairId: string) => { return dbModels.find( (model) => model.name === chairs.find((c) => c.id === chairId)?.tittel || model.name === chairs.find((c) => c.id === chairId)?.objektId, ) } const fetchChairs = async () => { setLoading(true) try { let allResults: any[] = [] let hasMore = true let startCursor = undefined while (hasMore) { const proxyUrl = "https://corsproxy.io/?" const apiUrl = `https://api.notion.com/v1/databases/${databaseId}/query` const response = await fetch(`${proxyUrl}${encodeURIComponent(apiUrl)}`, { method: "POST", headers: { Authorization: `Bearer ${notionToken}`, "Notion-Version": "2022-06-28", "Content-Type": "application/json", }, body: JSON.stringify({ start_cursor: startCursor, page_size: 100, }), }) if (!response.ok) throw new Error(`Failed to fetch (${response.status})`) const data = await response.json() allResults = allResults.concat(data.results) hasMore = data.has_more startCursor = data.next_cursor } const transformed = allResults.map((page) => ({ id: page.id, url: page.url, objektId: page.properties["Objekt-ID 1"]?.title?.[0]?.plain_text || "", kunstnar: page.properties.kunstnar?.rich_text?.[0]?.plain_text || "", kunstnarProdusent: page.properties.kunstnar_produsent?.rich_text?.[0]?.plain_text || "", kunstnarperiodar: page.properties.kunstnarperiodar?.rich_text?.[0]?.plain_text || "", tittel: page.properties.tittel?.rich_text?.[0]?.plain_text || "", ar: page.properties.år?.number || null, objekttype: page.properties.objekttype?.rich_text?.[0]?.plain_text || "", klassifikasjon: page.properties.klassifikasjon?.rich_text?.[0]?.plain_text || "", hMm: page.properties.H_mm?.number || null, bMm: page.properties.B_mm?.number || null, dMm: page.properties.D_mm?.number || null, lMm: page.properties.L_mm?.number || null, diaMm: page.properties.Dia_mm?.number || null, dimensjonar: page.properties.dimensjonar?.rich_text?.[0]?.plain_text || "", materialeTeknikkar: page.properties.materiale_teknikkar?.rich_text?.[0]?.plain_text || "", samling: page.properties.samling?.rich_text?.[0]?.plain_text || "", eigarSamling: page.properties.eigar_samling?.rich_text?.[0]?.plain_text || "", produksjonsstad: page.properties.produksjonsstad?.rich_text?.[0]?.plain_text || "", stilperiode: page.properties.stilperiode?.rich_text?.[0]?.plain_text || "", nasjonalmuseet: page.properties.nasjonalmuseet?.url || "", fotoKreditering: page.properties.foto_kreditering?.rich_text?.[0]?.plain_text || "", stikkord: page.properties.stikkord?.multi_select?.map((tag: any) => tag.name) || [], bilete: page.properties.bilete?.files ?.map((file: any) => file.url || file.file?.url || file.external?.url) .filter(Boolean) || [], notat: page.properties.notat?.rich_text?.[0]?.plain_text || "", })) const withImages = transformed.filter((chair) => chair.bilete.length > 0) setChairs(withImages) const years = withImages.map((c) => c.ar).filter(Boolean) if (years.length > 0) { setYearRange([Math.min(...years), Math.max(...years)]) } } catch (error) { console.error("Error:", error) alert("Failed to load collection. Please refresh the page.") } finally { setLoading(false) } } const allKeywords = useMemo(() => { const keywords = new Set() chairs.forEach((chair) => chair.stikkord.forEach((k: string) => keywords.add(k))) return Array.from(keywords).sort() }, [chairs]) const allArtists = useMemo(() => { const artists = new Set() chairs.forEach((chair) => { if (chair.kunstnar) artists.add(chair.kunstnar) }) return Array.from(artists).sort() }, [chairs]) const allStyles = useMemo(() => { const styles = new Set() chairs.forEach((chair) => { if (chair.stilperiode) styles.add(chair.stilperiode) }) return Array.from(styles).sort() }, [chairs]) const stats = useMemo(() => { if (chairs.length === 0) return null const years = chairs.map((c) => c.ar).filter(Boolean) const artistCount = new Set(chairs.map((c) => c.kunstnar).filter(Boolean)).size const materialCounts: Record = {} chairs.forEach((chair) => { chair.stikkord.forEach((kw: string) => { materialCounts[kw] = (materialCounts[kw] || 0) + 1 }) }) const topMaterials = Object.entries(materialCounts) .sort((a, b) => b[1] - a[1]) .slice(0, 8) return { total: chairs.length, artistCount, oldestYear: years.length ? Math.min(...years) : "N/A", newestYear: years.length ? Math.max(...years) : "N/A", topMaterials, } }, [chairs]) const filteredChairs = useMemo(() => { const filtered = chairs.filter((chair) => { const searchLower = searchTerm.toLowerCase() const matchesSearch = !searchTerm || chair.tittel.toLowerCase().includes(searchLower) || chair.kunstnar.toLowerCase().includes(searchLower) || chair.objektId.toLowerCase().includes(searchLower) || chair.kunstnarProdusent.toLowerCase().includes(searchLower) const matchesKeywords = selectedKeywords.length === 0 || selectedKeywords.every((kw) => chair.stikkord.includes(kw)) const matchesArtists = selectedArtists.length === 0 || selectedArtists.includes(chair.kunstnar) const matchesStyles = selectedStyles.length === 0 || selectedStyles.includes(chair.stilperiode) const matchesYear = !chair.ar || (chair.ar >= yearRange[0] && chair.ar <= yearRange[1]) return matchesSearch && matchesKeywords && matchesYear && matchesArtists && matchesStyles }) return filtered.sort((a, b) => { switch (sortBy) { case "year": return (a.ar || 9999) - (b.ar || 9999) case "year-desc": return (b.ar || 0) - (a.ar || 0) case "artist": return (a.kunstnar || "").localeCompare(b.kunstnar || "") case "title": return (a.tittel || "").localeCompare(b.tittel || "") default: return 0 } }) }, [chairs, searchTerm, selectedKeywords, yearRange, selectedArtists, selectedStyles, sortBy]) const toggleFavorite = (id: string) => { setFavorites((prev) => (prev.includes(id) ? prev.filter((f) => f !== id) : [...prev, id])) } const exportData = () => { const csvContent = [ ["Object ID", "Title", "Artist", "Year", "Style", "Materials", "Height", "Width", "Depth", "Museum Link"].join( ",", ), ...filteredChairs.map((c) => [ c.objektId, c.tittel, c.kunstnar, c.ar, c.stilperiode, c.materialeTeknikkar, c.hMm, c.bMm, c.dMm, c.nasjonalmuseet, ] .map((v) => `"${(v || "").toString().replace(/"/g, '""')}"`) .join(","), ), ].join("\n") const blob = new Blob([csvContent], { type: "text/csv;charset=utf-8;" }) const link = document.createElement("a") const url = URL.createObjectURL(blob) link.setAttribute("href", url) link.setAttribute("download", "stolar-collection.csv") link.style.visibility = "hidden" document.body.appendChild(link) link.click() document.body.removeChild(link) } if (loading) { return (

) } return (

Stolar

{filteredChairs.length} / {chairs.length}

{showStats && stats && (

{stats.total}

Total

{stats.artistCount}

Artists

{stats.oldestYear}-{stats.newestYear}

Era

)}

setSearchTerm(e.target.value)} placeholder="Search..." className="w-full pl-10 pr-3 py-2 bg-white/5 border border-white/10 rounded-lg focus:outline-none focus:border-white/30 text-sm placeholder-white/30" />

{showFilters && (

Year: {yearRange[0]} - {yearRange[1]}

setYearRange([Number.parseInt(e.target.value), yearRange[1]])} className="flex-1 accent-white" /> setYearRange([yearRange[0], Number.parseInt(e.target.value)])} className="flex-1 accent-white" />

{allArtists.length > 0 && (

Artists

{allArtists.slice(0, 20).map((artist) => ( ))}

)} {allStyles.length > 0 && (

Styles

{allStyles.map((style) => ( ))}

)}

Keywords

{allKeywords.slice(0, 60).map((keyword) => ( ))}

{(selectedKeywords.length > 0 || selectedArtists.length > 0 || selectedStyles.length > 0) && ( )}

)}

{viewMode === "grid" ? (

{filteredChairs.map((chair) => { const model = getModelForChair(chair.id) return (

setSelectedChair(chair)} >

((e.target as HTMLImageElement).style.display = "none")} /> {model?.model_url && (

)}

{chair.tittel || chair.objektId || "Untitled"}

{chair.kunstnar &&

{chair.kunstnar}

} {chair.ar &&

{chair.ar}

}

) })}

) : (

{filteredChairs.map((chair) => { const model = getModelForChair(chair.id) return (

setSelectedChair(chair)} >

((e.target as HTMLImageElement).style.display = "none")} /> {model?.model_url && (

)}

{chair.tittel || chair.objektId}

{chair.kunstnar && {chair.kunstnar}} {chair.ar && {chair.ar}}

) })}

)}

{selectedChair && (() => { const model = getModelForChair(selectedChair.id) return (

setSelectedChair(null)} >

e.stopPropagation()} >

{selectedChair.tittel || selectedChair.objektId}

{model?.model_url ? (

3D Model

) : (

setModelUrlInput(e.target.value)} onKeyDown={(e) => { if (e.key === "Enter") { handleModelUpload(selectedChair.id, modelUrlInput) } }} onBlur={() => { if (modelUrlInput.trim()) { handleModelUpload(selectedChair.id, modelUrlInput) } }} placeholder="Paste model URL..." className="w-full px-3 py-2 bg-white/5 border border-white/10 rounded-lg focus:outline-none focus:border-white/30 text-sm placeholder-white/30" disabled={uploadingModel} />

)} {selectedChair.bilete.length > 0 && (

{selectedChair.bilete.map((img: string, idx: number) => ( {`${selectedChair.tittel}

setLightboxImage(img)} onError={(e) => ((e.target as HTMLImageElement).style.display = "none")} /> ))}

)}

{selectedChair.objektId && (

{selectedChair.objektId}

)} {selectedChair.kunstnar && (

Artist

{selectedChair.kunstnar}

)} {selectedChair.ar && (

Year

{selectedChair.ar}

)} {selectedChair.stilperiode && (

Style

{selectedChair.stilperiode}

)}

{(selectedChair.hMm || selectedChair.bMm || selectedChair.dMm) && (

Dimensions (mm)

{selectedChair.hMm && (

{selectedChair.hMm}

)} {selectedChair.bMm && (

{selectedChair.bMm}

)} {selectedChair.dMm && (

{selectedChair.dMm}

)} {selectedChair.lMm && (

{selectedChair.lMm}

)} {selectedChair.diaMm && (

{selectedChair.diaMm}

Dia

)}

)} {selectedChair.materialeTeknikkar && (

Materials

{selectedChair.materialeTeknikkar}

)} {selectedChair.stikkord.length > 0 && (

Keywords

{selectedChair.stikkord.map((tag: string) => ( {tag} ))}

)} {selectedChair.notat && (

Notes

{selectedChair.notat}

)}

{selectedChair.nasjonalmuseet && ( Museum )} Notion

) })()} {lightboxImage && (

setLightboxImage(null)} > Full size

e.stopPropagation()} />

)}

) } [V0_FILE]typescript:file="app/api/upload-model/route.ts" import { put } from "@vercel/blob" import { type NextRequest, NextResponse } from "next/server" export async function POST(request: NextRequest) { const searchParams = request.nextUrl.searchParams const filename = searchParams.get("filename") || "model.glb" try { const blob = await request.blob() const { url } = await put(filename, blob, { access: "public", contentType: "model/gltf-binary", }) return NextResponse.json({ url }) } catch (error) { console.error("Error uploading to Blob:", error) return NextResponse.json( { error: "Failed to upload model", details: error instanceof Error ? error.message : "Unknown error" }, { status: 500 }, ) } } [V0_FILE]typescriptreact:file="components/model-viewer.tsx" isEdit="true" "use client" import { Canvas } from "@react-three/fiber" import { OrbitControls, Environment, useGLTF } from "@react-three/drei" import { Suspense } from "react" function Model({ url }: { url: string }) { const { scene } = useGLTF(url) return } export default function ModelViewer({ modelUrl }: { modelUrl: string }) { return (

) }89:["$","$La8",null,{"chatId":"ktLtBfdWy59","children":["$","$La9",null,{"data":{"@\"active-block\",\"ktLtBfdWy59\",":{"id":"b_FYckTM7eqtT","messageId":"sK1odqVGaucGf91rbHN4nm2ZAazaTPQ3","source":"$aa","language":"typescriptreact","type":"code-project","closed":true,"meta":{"id":"3d-game-environment","type":"code-project","project":"3d-game-environment","taskNameActive":"Resolving GLB URLs before saving","taskNameComplete":"Resolved GLB URLs before saving"},"hasSourceBeenEdited":false,"forkedFromBlockId":"$undefined"},"@\"chat:vm-mode\",\"ktLtBfdWy59\",":true,"/chat/api/snapshots/proxy?blockId=b_FYckTM7eqtT&v=v2":null},"children":"$Lab"}]}]

About

Tags

Share

About

Tags

Share

More from iverfinne

More Templates Like This