97:I[903690,["/chat-static/_next/static/immutable/chunks/0b5l4j22my69q.js","/chat-static/_next/static/immutable/chunks/1o_8apc9t7n_q.js","/chat-static/_next/static/immutable/chunks/3r_w5eszjqdcl.js","/chat-static/_next/static/immutable/chunks/114n8e2ac_jia.js","/chat-static/_next/static/immutable/chunks/02d62qecapvyp.js","/chat-static/_next/static/immutable/chunks/2s3szdh4sj8a9.js","/chat-static/_next/static/immutable/chunks/0-_o4hpte0vl3.js","/chat-static/_next/static/immutable/chunks/2_3cf1lh0ov9g.js","/chat-static/_next/static/immutable/chunks/41hpffipu4cd5.js","/chat-static/_next/static/immutable/chunks/0tx1sb8vbv047.js","/chat-static/_next/static/immutable/chunks/05ziczzmpg4l8.js","/chat-static/_next/static/immutable/chunks/1vytwqo6pzy-2.js","/chat-static/_next/static/immutable/chunks/3siudrckqpsjx.js","/chat-static/_next/static/immutable/chunks/3p3trwcegfkeh.js","/chat-static/_next/static/immutable/chunks/3pxk47hjn0did.js","/chat-static/_next/static/immutable/chunks/2o77ap5zb_ifo.js","/chat-static/_next/static/immutable/chunks/1y9-5e-fp9k6t.js","/chat-static/_next/static/immutable/chunks/06bkmbcp63szl.js","/chat-static/_next/static/immutable/chunks/1e5k5x1kcenwe.js","/chat-static/_next/static/immutable/chunks/3w1zcr9c32026.js","/chat-static/_next/static/immutable/chunks/2u6_2ad6hwbai.js","/chat-static/_next/static/immutable/chunks/3z2ytqe4qbkve.js","/chat-static/_next/static/immutable/chunks/3cvxogyz6xpjg.js","/chat-static/_next/static/immutable/chunks/37imr48mpgnlw.js","/chat-static/_next/static/immutable/chunks/2s-5grvetxapr.js","/chat-static/_next/static/immutable/chunks/00hu8fdgh1j4v.js","/chat-static/_next/static/immutable/chunks/0fyg5jcc_36eb.js","/chat-static/_next/static/immutable/chunks/0al-lqkps3dre.js","/chat-static/_next/static/immutable/chunks/1nr8mtt823fe4.js","/chat-static/_next/static/immutable/chunks/28ncw0c3u_jm_.js","/chat-static/_next/static/immutable/chunks/2a75wjty6j9fw.js","/chat-static/_next/static/immutable/chunks/2ndt_c6v79mb_.js","/chat-static/_next/static/immutable/chunks/3pdq-c388l9_h.js","/chat-static/_next/static/immutable/chunks/1rfln50oa1s9j.js","/chat-static/_next/static/immutable/chunks/2gaf24-oqkjzb.js","/chat-static/_next/static/immutable/chunks/143r8ojyp-nrs.js","/chat-static/_next/static/immutable/chunks/3k5m3vbsr0f09.js"],"ExplicitChatIdProvider"] 98:I[838238,["/chat-static/_next/static/immutable/chunks/0b5l4j22my69q.js","/chat-static/_next/static/immutable/chunks/1o_8apc9t7n_q.js","/chat-static/_next/static/immutable/chunks/3r_w5eszjqdcl.js","/chat-static/_next/static/immutable/chunks/114n8e2ac_jia.js","/chat-static/_next/static/immutable/chunks/02d62qecapvyp.js","/chat-static/_next/static/immutable/chunks/2s3szdh4sj8a9.js","/chat-static/_next/static/immutable/chunks/0-_o4hpte0vl3.js","/chat-static/_next/static/immutable/chunks/2_3cf1lh0ov9g.js","/chat-static/_next/static/immutable/chunks/41hpffipu4cd5.js","/chat-static/_next/static/immutable/chunks/0tx1sb8vbv047.js","/chat-static/_next/static/immutable/chunks/05ziczzmpg4l8.js","/chat-static/_next/static/immutable/chunks/1vytwqo6pzy-2.js","/chat-static/_next/static/immutable/chunks/3siudrckqpsjx.js","/chat-static/_next/static/immutable/chunks/3p3trwcegfkeh.js","/chat-static/_next/static/immutable/chunks/3pxk47hjn0did.js","/chat-static/_next/static/immutable/chunks/2o77ap5zb_ifo.js","/chat-static/_next/static/immutable/chunks/1y9-5e-fp9k6t.js","/chat-static/_next/static/immutable/chunks/06bkmbcp63szl.js","/chat-static/_next/static/immutable/chunks/1e5k5x1kcenwe.js","/chat-static/_next/static/immutable/chunks/3w1zcr9c32026.js","/chat-static/_next/static/immutable/chunks/2u6_2ad6hwbai.js","/chat-static/_next/static/immutable/chunks/3z2ytqe4qbkve.js","/chat-static/_next/static/immutable/chunks/3cvxogyz6xpjg.js","/chat-static/_next/static/immutable/chunks/37imr48mpgnlw.js","/chat-static/_next/static/immutable/chunks/2s-5grvetxapr.js","/chat-static/_next/static/immutable/chunks/00hu8fdgh1j4v.js","/chat-static/_next/static/immutable/chunks/0fyg5jcc_36eb.js","/chat-static/_next/static/immutable/chunks/0al-lqkps3dre.js","/chat-static/_next/static/immutable/chunks/1nr8mtt823fe4.js","/chat-static/_next/static/immutable/chunks/28ncw0c3u_jm_.js","/chat-static/_next/static/immutable/chunks/2a75wjty6j9fw.js","/chat-static/_next/static/immutable/chunks/2ndt_c6v79mb_.js","/chat-static/_next/static/immutable/chunks/3pdq-c388l9_h.js","/chat-static/_next/static/immutable/chunks/1rfln50oa1s9j.js","/chat-static/_next/static/immutable/chunks/2gaf24-oqkjzb.js","/chat-static/_next/static/immutable/chunks/143r8ojyp-nrs.js","/chat-static/_next/static/immutable/chunks/3k5m3vbsr0f09.js"],"SWRDataProvider"] 99:T2f62,[V0_FILE]typescriptreact:file="/components/fridge/fridge-library.tsx" "use client" import { useRef, useState } from "react" import { MotionConfig, motion, useReducedMotion } from "motion/react" import { PLANT_MILKS, getMilk, type FridgeState, type LampTone, type MilkId } from "@/lib/fridge-data" import { Carton } from "./carton" import { IndexCard } from "./index-card" import { Glass } from "./glass" const LAMP: Record = { neutral: { glow: "rgba(255,246,224,0.85)", wash: "rgba(255,250,235,0.35)" }, warm: { glow: "rgba(255,231,186,0.92)", wash: "rgba(255,238,205,0.42)" }, cool: { glow: "rgba(232,243,247,0.9)", wash: "rgba(228,240,246,0.4)" }, } const BEADS = [ [8, 18, 2.1], [17, 46, 1.4], [27, 12, 1.7], [38, 62, 1.2], [46, 27, 2.3], [58, 9, 1.5], [67, 52, 1.9], [75, 33, 1.3], [84, 68, 2], [92, 22, 1.6], [12, 78, 1.5], [63, 84, 1.3], [96, 55, 1.2], [33, 90, 1.7], ] export function FridgeLibrary() { const prefersReduced = useReducedMotion() const reduced = !!prefersReduced const [selectedMilkId, setSelectedMilkId] = useState(null) const [draggingMilkId, setDraggingMilkId] = useState(null) const fridgeRef = useRef(null) const glassRef = useRef(null) const selected = getMilk(selectedMilkId) const state: FridgeState = { selectedMilkId, draggingMilkId, revealedCardId: selectedMilkId, glassFill: selected ? 70 : 0, lampTone: selected?.lampTone ?? "neutral", } const lamp = LAMP[state.lampTone] const shelves = [1, 2].map((shelf) => [1, 2].map((slot) => PLANT_MILKS.find((m) => m.shelfPosition.shelf === shelf && m.shelfPosition.slot === slot), ), ) return (

{/* refrigerator frame */}

{/* upper molded frame */}

Fridge Shelf Library

TEMP {/* non-functional temperature dial */}

{/* refrigerator interior */}

{/* lamp fixture */}

{/* condensation */} {/* shelves */} {shelves.map((slots, shelfIndex) => (

{slots.map((milk, slotIndex) => (

{milk && ( <> {selectedMilkId !== milk.id && ( setSelectedMilkId(milk.id)} onReturn={() => setSelectedMilkId(null)} onDragStateChange={(d) => setDraggingMilkId(d ? milk.id : null)} /> )} )}

))}

{/* frosted-plastic shelf */}

))} {/* glass area */}

{selected && ( setSelectedMilkId(selected.id)} onReturn={() => setSelectedMilkId(null)} onDragStateChange={() => {}} /> )}

{/* balances the composition against the carton slot */} {/* produce drawer — visual weight only */}

{/* lower molded frame */}

) } function ShelfPlate() { return (

) }88:["$","$L97",null,{"chatId":"phoibp5SxPy","children":["$","$L98",null,{"data":{"@\"active-block\",\"phoibp5SxPy\",":{"id":"b_THqoJmraUSr","messageId":"xWNgNgo2G3tTdD8VYPujGV7R1ksxAMBI","source":"$99","language":"typescriptreact","type":"code-project","closed":true,"meta":{"id":"Code","type":"code-project","taskNameActive":"Hiding crisper label","taskNameComplete":"Hid crisper label"},"hasSourceBeenEdited":false,"forkedFromBlockId":"$undefined"},"@\"chat:vm-mode\",\"phoibp5SxPy\",":true,"/chat/api/snapshots/proxy?blockId=b_THqoJmraUSr&v=v2":null},"children":"$L9a"}]}]

About

Tags

Share

About

Tags

Share

More from ctxzz

More Templates Like This