[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_294":295,"_296":297},"routes/_app.x.$handle.$name",{"_99":98,"_31":44,"_108":89,"_26":109,"_13":14,"_110":-5,"_11":111,"_112":113,"_114":115,"_116":117,"_118":119,"_20":-5,"_120":-5,"_121":-5,"_122":24,"_123":124,"_125":24,"_126":-5,"_127":-5,"_128":129},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_42":43,"_31":44,"_37":45,"_46":-5,"_47":24,"_48":49,"_50":49,"_51":52,"_53":-5,"_18":54,"_55":56,"_57":58,"_59":-5,"_60":-5,"_61":62,"_63":64,"_65":66,"_67":68,"_69":70,"_71":-5,"_72":73,"_74":73,"_75":76,"_77":76,"_78":76,"_79":73,"_80":73,"_81":82,"_83":84,"_85":86,"_87":24},"version",16,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":-7,"_23":24,"_25":24,"_26":27,"_28":27},"file",{"_29":30,"_31":32,"_33":34,"_35":36,"_37":38,"_39":14,"_40":41,"_23":24},"previous","deleted",false,"deletedHere","path","frontend/components/LocationsTab.tsx","latestPath","fileId","d773dee8-7e71-11f1-8792-1607ee4eb77e","name","LocationsTab.tsx","fileType","script","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useEffect, useState } from \"https://esm.sh/react@18.2.0\";\nimport type { Location } from \"../../shared/types.ts\";\nimport { api, PhotoInput } from \"./lib.tsx\";\n\nconst EMPTY = { code: \"\", name: \"\", note: \"\", photo_key: null as string | null };\n\nexport function LocationsTab() {\n const [locations, setLocations] = useState([]);\n const [adding, setAdding] = useState(false);\n const [form, setForm] = useState(EMPTY);\n const [saving, setSaving] = useState(false);\n\n const load = () => api(\"/api/locations\").then(setLocations);\n useEffect(() => { load(); }, []);\n\n return (\n

\n setAdding(!adding)}\n className=\"w-full bg-blue-600 text-white py-3 rounded-lg font-medium\"\n >\n {adding ? \"✖ ยกเลิก\" : \"➕ เพิ่มตำแหน่งเก็บ\"}\n \n\n {adding && (\n {\n e.preventDefault();\n setSaving(true);\n try {\n await api(\"/api/locations\", { method: \"POST\", body: JSON.stringify(form) });\n setForm(EMPTY);\n setAdding(false);\n await load();\n } catch (err) {\n alert(String(err));\n } finally {\n setSaving(false);\n }\n }}\n >\n setForm({ ...form, code: e.target.value.toUpperCase() })}\n placeholder=\"รหัสตำแหน่ง * เช่น A-01-2 (ชั้น A แถว 01 ช่อง 2)\"\n />\n setForm({ ...form, name: e.target.value })}\n placeholder=\"ชื่อ * เช่น ตู้เครื่องมือ ชั้นบน ช่องซ้าย\"\n />\n setForm({ ...form, note: e.target.value })}\n placeholder=\"หมายเหตุ\"\n />\n setForm({ ...form, photo_key: k })} />\n \n \n )}\n\n

ทั้งหมด {locations.length} ตำแหน่ง

\n {locations.map((loc) => (\n

\n {loc.photo_key ? (\n

\n ) : (\n

🗄️

\n )}\n

{loc.code}

{loc.name}

{loc.item_count ?? 0} ชิ้น{loc.note ? ` · ${loc.note}` : \"\"}

\n {\n if (confirm(`ลบตำแหน่ง ${loc.code}? ของในตำแหน่งนี้จะกลายเป็น \"ไม่กำหนดตำแหน่ง\"`)) {\n await api(`/api/locations/${loc.code}`, { method: \"DELETE\" });\n await load();\n }\n }}\n >\n 🗑️\n \n

\n ))}\n

\n );\n}\n","createdAt",["D",1783916283610],"branchVersion","branchId","af448eeb-7922-4aaa-a659-aa42ee57401b","id","55ec7efc-0177-4dc8-a624-bde4fe9ba584","smart_inventory",["D",1783916173471],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","ระบบจัดเก็บอุปกรณ์ให้ตรงตำแหน่ง","imageUrl","e7e09ecc-b296-440b-aa22-8451cadfb468","pinnedFileId","f4a2db4a-7e71-11f1-af93-1607ee4eb77e","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","019f353a-2c6c-715b-8e24-ae36d53494a6","tursoName","55ec7efc01774dc8a624bde4fe9ba584","tursoHostname","55ec7efc01774dc8a624bde4fe9ba584-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789524079207],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_99":98,"_107":103},"org",{"_99":98,"_100":101,"_102":103,"_18":54,"_104":105,"_106":24},"branch",{"_13":88,"_31":89,"_42":41,"_90":43,"_91":-5,"_92":-5,"_93":-5,"_94":-5,"_95":-5,"_96":44,"_97":98},"isOwned",63,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","thammanoonkarawan","handle","displayName","Thammanoon Karawan","avatar","https://lh3.googleusercontent.com/a/ACg8ocK86-3oUj6Tei8TnGq-HiPlZ0zGWZAeiMJT5jfdKonvUFy-PdD-=s96-c","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_42":43,"_31":44,"_37":289,"_46":-5,"_47":24,"_48":49,"_50":49,"_51":52,"_53":-5,"_18":54,"_55":56,"_57":58,"_59":-5,"_60":-5,"_61":62,"_63":64,"_65":66,"_67":68,"_69":290,"_71":-5,"_72":73,"_74":73,"_75":76,"_77":76,"_78":76,"_79":73,"_80":73,"_81":291,"_83":292,"_85":293,"_87":24},"tree",[165,169,179],"files",[165,166,167,168,169,170,171,172,173,174,175,176,177,178,179,180],"counts",{"_155":62,"_156":152,"_157":62,"_158":159,"_160":161},"contents",[130,131,132],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_42":149,"_31":150,"_29":151,"_136":-5,"_40":41,"_39":152,"_138":58,"_37":153,"_13":62,"_33":140,"_35":-5,"_23":24,"_141":-5,"_26":154},{"_42":143,"_31":144,"_29":145,"_136":-5,"_40":41,"_39":146,"_138":58,"_37":147,"_13":62,"_33":140,"_35":-5,"_23":24,"_141":-5,"_26":148},{"_42":133,"_31":134,"_29":135,"_136":-5,"_40":41,"_39":137,"_138":58,"_37":139,"_13":62,"_33":140,"_35":-5,"_23":24,"_141":-5,"_26":142},"dad23590-dcc3-4845-b80f-64401da2913a","shared","9ef2db96-7e71-11f1-8e71-1607ee4eb77e","parentId",2,"latest",["D",1783916188808],"directory","label",[134],"eb4df453-8942-45b0-bccb-0a5d2e4c0642","frontend","9f337386-7e71-11f1-ab9b-1607ee4eb77e",3,["D",1783916189244],[144],"ab06c930-73b2-4a0c-b439-de76dce04bdf","backend","9eb48a4e-7e71-11f1-9a86-1607ee4eb77e",1,["D",1783916188403],[150],"pulls","branches","forks","envVars",{"_162":62,"_164":62},"connections",{"_162":62,"_163":62},"count","unfilledCount","emptyCount",{"_42":149,"_31":150,"_29":151,"_136":-5,"_40":41,"_39":152,"_138":58,"_37":286,"_13":62,"_33":140,"_35":-5,"_23":24,"_141":-5,"_187":287,"_26":288},{"_42":281,"_31":272,"_29":266,"_136":151,"_40":41,"_39":282,"_138":58,"_37":283,"_13":62,"_33":140,"_35":-5,"_23":24,"_141":-5,"_187":284,"_26":285},{"_42":273,"_31":274,"_29":275,"_136":266,"_40":41,"_39":276,"_138":24,"_37":277,"_13":62,"_33":34,"_35":278,"_23":24,"_141":-5,"_187":279,"_26":280},{"_42":263,"_31":264,"_29":265,"_136":266,"_40":41,"_39":267,"_138":24,"_37":268,"_13":62,"_33":34,"_35":269,"_23":24,"_141":-5,"_187":270,"_26":271},{"_42":143,"_31":144,"_29":145,"_136":-5,"_40":41,"_39":146,"_138":58,"_37":260,"_13":62,"_33":140,"_35":-5,"_23":24,"_141":-5,"_187":261,"_26":262},{"_42":255,"_31":218,"_29":212,"_136":145,"_40":41,"_39":256,"_138":58,"_37":257,"_13":62,"_33":140,"_35":-5,"_23":24,"_141":-5,"_187":258,"_26":259},{"_42":247,"_31":248,"_29":249,"_136":212,"_40":41,"_39":250,"_138":24,"_37":251,"_13":62,"_33":34,"_35":252,"_23":24,"_141":-5,"_187":253,"_26":254},{"_42":239,"_31":240,"_29":241,"_136":212,"_40":41,"_39":242,"_138":24,"_37":243,"_13":62,"_33":34,"_35":244,"_23":24,"_141":-5,"_187":245,"_26":246},{"_42":235,"_31":32,"_29":30,"_136":212,"_40":41,"_39":14,"_138":24,"_37":236,"_13":62,"_33":34,"_35":36,"_23":24,"_141":-5,"_187":237,"_26":238},{"_42":227,"_31":228,"_29":229,"_136":212,"_40":41,"_39":230,"_138":24,"_37":231,"_13":62,"_33":34,"_35":232,"_23":24,"_141":-5,"_187":233,"_26":234},{"_42":219,"_31":220,"_29":221,"_136":212,"_40":41,"_39":222,"_138":24,"_37":223,"_13":62,"_33":34,"_35":224,"_23":24,"_141":-5,"_187":225,"_26":226},{"_42":209,"_31":210,"_29":211,"_136":212,"_40":41,"_39":213,"_138":24,"_37":214,"_13":62,"_33":34,"_35":215,"_23":24,"_141":-5,"_187":216,"_26":217},{"_42":201,"_31":202,"_29":203,"_136":145,"_40":41,"_39":204,"_138":24,"_37":205,"_13":62,"_33":20,"_35":206,"_23":24,"_141":-5,"_187":207,"_26":208},{"_42":193,"_31":194,"_29":195,"_136":145,"_40":41,"_39":196,"_138":58,"_37":197,"_13":62,"_33":34,"_35":198,"_23":24,"_141":-5,"_187":199,"_26":200},{"_42":133,"_31":134,"_29":135,"_136":-5,"_40":41,"_39":137,"_138":58,"_37":190,"_13":62,"_33":140,"_35":-5,"_23":24,"_141":-5,"_187":191,"_26":192},{"_42":181,"_31":182,"_29":183,"_136":135,"_40":41,"_39":184,"_138":24,"_37":185,"_13":62,"_33":34,"_35":186,"_23":24,"_141":-5,"_187":188,"_26":189},"505dd58b-3527-4587-a027-e49f31e64161","types.ts","a42f6de0-7e71-11f1-9478-1607ee4eb77e",6,["D",1783916197608],"export interface Location {\n id: number;\n code: string;\n name: string;\n note: string | null;\n photo_key: string | null;\n created_at: string;\n item_count?: number;\n}\n\nexport interface Item {\n id: number;\n code: string;\n name: string;\n category: string | null;\n note: string | null;\n photo_key: string | null;\n home_location_id: number | null;\n status: \"stored\" | \"borrowed\";\n borrowed_by: string | null;\n created_at: string;\n // joined fields\n location_code?: string | null;\n location_name?: string | null;\n}\n\nexport interface Movement {\n id: number;\n item_id: number;\n action: \"register\" | \"checkout\" | \"checkin\" | \"move\";\n actor: string | null;\n note: string | null;\n created_at: string;\n}\n\nexport type ScanResult =\n | { type: \"item\"; item: Item }\n | { type: \"location\"; location: Location; items: Item[] }\n | { type: \"not_found\"; code: string };\n","children",[],[134,182],["D",1783916188808],[180],[134],"87211446-cda4-425a-a0fe-e3cc1009765a","index.tsx","b58986f2-7e71-11f1-a52f-1607ee4eb77e",10,["D",1783916226714],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport { App } from \"./components/App.tsx\";\n\ncreateRoot(document.getElementById(\"root\")!).render();\n",[],[144,194],"4584ad33-5b3e-4335-ab21-6c779b0515a2","index.html","b4bf696c-7e71-11f1-948b-1607ee4eb77e",9,["D",1783916225374],"\n\n\n \n \n Smart Inventory — ระบบจัดเก็บอุปกรณ์\n \n \n \n\n\n

\n \n\n\n",[],[144,202],"f1845c5d-3f49-45b6-8de5-15c468309f25","lib.tsx","c026e3a2-7e71-11f1-95f4-1607ee4eb77e","a10b3cc0-7e71-11f1-b3f0-1607ee4eb77e",12,["D",1783916244523],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState } from \"https://esm.sh/react@18.2.0\";\nimport type { Item } from \"../../shared/types.ts\";\n\nexport async function api(path: string, opts?: RequestInit): Promise {\n const res = await fetch(path, {\n headers: { \"Content-Type\": \"application/json\" },\n ...opts,\n });\n const data = await res.json();\n if (!res.ok) throw new Error(data.error ?? `HTTP ${res.status}`);\n return data;\n}\n\n/** ย่อรูปเป็น JPEG data URL (max 1024px) แล้วอัปโหลด → คืน photo key */\nexport async function uploadPhoto(file: File): Promise {\n const dataUrl = await new Promise((resolve, reject) => {\n const img = new Image();\n img.onload = () => {\n const scale = Math.min(1, 1024 / Math.max(img.width, img.height));\n const canvas = document.createElement(\"canvas\");\n canvas.width = Math.round(img.width * scale);\n canvas.height = Math.round(img.height * scale);\n canvas.getContext(\"2d\")!.drawImage(img, 0, 0, canvas.width, canvas.height);\n resolve(canvas.toDataURL(\"image/jpeg\", 0.8));\n };\n img.onerror = reject;\n img.src = URL.createObjectURL(file);\n });\n const { key } = await api<{ key: string }>(\"/api/photos\", {\n method: \"POST\",\n body: JSON.stringify({ data: dataUrl }),\n });\n return key;\n}\n\nexport function PhotoInput(props: { photoKey: string | null; onChange: (key: string | null) => void }) {\n const [busy, setBusy] = useState(false);\n return (\n

\n {props.photoKey && (\n

\n )}\n \n {busy ? \"กำลังอัปโหลด...\" : props.photoKey ? \"เปลี่ยนรูป\" : \"📸 เพิ่มรูป\"}\n {\n const file = e.target.files?.[0];\n if (!file) return;\n setBusy(true);\n try {\n props.onChange(await uploadPhoto(file));\n } catch (err) {\n alert(`อัปโหลดรูปไม่สำเร็จ: ${err}`);\n } finally {\n setBusy(false);\n }\n }}\n />\n \n {props.photoKey && (\n \n )}\n

\n );\n}\n\nexport function StatusBadge({ item }: { item: Item }) {\n return item.status === \"borrowed\" ? (\n \n ถูกยืมโดย {item.borrowed_by}\n \n ) : (\n อยู่ที่เก็บ\n );\n}\n\nexport function ItemCard(props: { item: Item; onClick?: () => void; children?: any }) {\n const { item } = props;\n return (\n \n {item.photo_key ? (\n

\n ) : (\n

📦

\n )}\n

\n {item.code}\n \n

{item.name}

\n 📍 {item.location_code ? `${item.location_code} — ${item.location_name}` : \"ยังไม่กำหนดตำแหน่ง\"}\n

\n {props.children}\n \n );\n}\n",[],[144,218,210],"components","28702952-d7e8-438b-bd92-d0a57f227cf3","SearchTab.tsx","c3e6005e-7e71-11f1-9ad9-1607ee4eb77e",13,["D",1783916250816],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useEffect, useState } from \"https://esm.sh/react@18.2.0\";\nimport type { Item } from \"../../shared/types.ts\";\nimport { api, ItemCard } from \"./lib.tsx\";\nimport { ItemDetail } from \"./ItemDetail.tsx\";\n\nexport function SearchTab() {\n const [q, setQ] = useState(\"\");\n const [items, setItems] = useState([]);\n const [loading, setLoading] = useState(false);\n const [selected, setSelected] = useState(null);\n\n useEffect(() => {\n const t = setTimeout(async () => {\n setLoading(true);\n try {\n setItems(await api(`/api/items?q=${encodeURIComponent(q)}`));\n } finally {\n setLoading(false);\n }\n }, 300);\n return () => clearTimeout(t);\n }, [q]);\n\n if (selected) {\n return setSelected(null)} onChanged={() => setQ(q + \"\")} />;\n }\n\n return (\n

\n setQ(e.target.value)}\n placeholder=\"🔍 พิมพ์ชื่อของ / รหัส / หมวดหมู่ เช่น ประแจ, T-0042\"\n className=\"w-full px-4 py-3 rounded-lg border shadow-sm text-lg\"\n />\n {loading &&

กำลังค้นหา...

}\n {!loading && items.length === 0 && (\n

\n {q ? `ไม่พบ \"${q}\"` : \"ยังไม่มีของในระบบ — ไปที่แท็บ 📦 ของ เพื่อเพิ่ม\"}\n

\n )}\n {items.map((item) => (\n setSelected(item.code)} />\n ))}\n

\n );\n}\n",[],[144,218,220],"8c6db944-27fb-4067-994e-0b9835909b95","ScanTab.tsx","cad6e3ce-7e71-11f1-8935-1607ee4eb77e",14,["D",1783916262460],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useEffect, useRef, useState } from \"https://esm.sh/react@18.2.0\";\nimport type { ScanResult } from \"../../shared/types.ts\";\nimport { api, ItemCard } from \"./lib.tsx\";\nimport { ItemDetail } from \"./ItemDetail.tsx\";\n\nexport function ScanTab() {\n const [result, setResult] = useState(null);\n const [manual, setManual] = useState(\"\");\n const [scanning, setScanning] = useState(false);\n const [detail, setDetail] = useState(null);\n const scannerRef = useRef(null);\n\n const resolve = async (code: string) => {\n setResult(await api(`/api/scan/${encodeURIComponent(code.trim())}`));\n };\n\n const startScan = async () => {\n setScanning(true);\n setResult(null);\n try {\n const { Html5Qrcode } = await import(\"https://esm.sh/html5-qrcode@2.3.8\");\n const scanner = new Html5Qrcode(\"qr-reader\");\n scannerRef.current = scanner;\n await scanner.start(\n { facingMode: \"environment\" },\n { fps: 10, qrbox: { width: 220, height: 220 } },\n async (text: string) => {\n await stopScan();\n await resolve(text);\n },\n () => {},\n );\n } catch (e) {\n alert(`เปิดกล้องไม่ได้: ${e}\\nลองพิมพ์รหัสด้วยมือแทน`);\n setScanning(false);\n }\n };\n\n const stopScan = async () => {\n try {\n await scannerRef.current?.stop();\n scannerRef.current?.clear();\n } catch {}\n scannerRef.current = null;\n setScanning(false);\n };\n\n useEffect(() => () => { stopScan(); }, []);\n\n if (detail) {\n return setDetail(null)} />;\n }\n\n return (\n

\n {!scanning ? (\n \n 📷 เปิดกล้องสแกน QR\n \n ) : (\n \n )}\n

\n {\n e.preventDefault();\n if (manual.trim()) resolve(manual);\n }}\n >\n setManual(e.target.value)}\n placeholder=\"หรือพิมพ์รหัส เช่น T-0001, A-01-2\"\n className=\"flex-1 px-3 py-2 border rounded-lg\"\n />\n \n \n

\n\n {result?.type === \"item\" && (\n

\n ✅ พบของ! เก็บที่: \n {result.item.location_code\n ? `${result.item.location_code} — ${result.item.location_name}`\n : \"ยังไม่กำหนดตำแหน่ง\"}\n \n

\n setDetail(result.item.code)} />\n

\n )}\n\n {result?.type === \"location\" && (\n

\n 🗄️ ตำแหน่ง {result.location.code} — {result.location.name}{\" \"}\n มีของ {result.items.length} ชิ้น\n

\n {result.items.map((item) => (\n setDetail(item.code)} />\n ))}\n

\n )}\n\n {result?.type === \"not_found\" && (\n

\n ❌ ไม่พบรหัส \"{result.code}\" ในระบบ\n

\n )}\n

\n );\n}\n",[],[144,218,228],"b0dc28e9-ebb0-4cc4-a059-1ae0fbd5e783",["D",1783916283610],[],[144,218,32],"2437425e-fbe9-47c4-b445-bae234289dae","ItemsTab.tsx","d10f3476-7e71-11f1-b904-1607ee4eb77e",15,["D",1783916272867],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useEffect, useState } from \"https://esm.sh/react@18.2.0\";\nimport type { Item, Location } from \"../../shared/types.ts\";\nimport { api, ItemCard, PhotoInput } from \"./lib.tsx\";\nimport { ItemDetail } from \"./ItemDetail.tsx\";\n\nconst EMPTY = { name: \"\", category: \"\", note: \"\", photo_key: null as string | null, home_location_code: \"\" };\n\nexport function ItemsTab() {\n const [items, setItems] = useState([]);\n const [locations, setLocations] = useState([]);\n const [adding, setAdding] = useState(false);\n const [form, setForm] = useState(EMPTY);\n const [detail, setDetail] = useState(null);\n const [saving, setSaving] = useState(false);\n\n const load = () => api(\"/api/items\").then(setItems);\n useEffect(() => {\n load();\n api(\"/api/locations\").then(setLocations);\n }, []);\n\n if (detail) {\n return { setDetail(null); load(); }} />;\n }\n\n return (\n

\n setAdding(!adding)}\n className=\"w-full bg-blue-600 text-white py-3 rounded-lg font-medium\"\n >\n {adding ? \"✖ ยกเลิก\" : \"➕ ลงทะเบียนของใหม่\"}\n \n\n {adding && (\n {\n e.preventDefault();\n setSaving(true);\n try {\n const item = await api(\"/api/items\", { method: \"POST\", body: JSON.stringify(form) });\n alert(`ลงทะเบียนแล้ว: ${item.code} ${item.name}\\nอย่าลืมพิมพ์ป้าย QR ที่แท็บ 🏷️`);\n setForm(EMPTY);\n setAdding(false);\n await load();\n } catch (err) {\n alert(String(err));\n } finally {\n setSaving(false);\n }\n }}\n >\n setForm({ ...form, name: e.target.value })}\n placeholder=\"ชื่อของ * เช่น ประแจเลื่อน 10 นิ้ว\"\n />\n setForm({ ...form, category: e.target.value })}\n placeholder=\"หมวดหมู่ เช่น เครื่องมือช่าง\"\n />\n setForm({ ...form, home_location_code: e.target.value })}\n >\n \n {locations.map((l) => (\n \n ))}\n \n setForm({ ...form, note: e.target.value })}\n placeholder=\"หมายเหตุ\"\n />\n setForm({ ...form, photo_key: k })} />\n \n \n )}\n\n

ทั้งหมด {items.length} ชิ้น

\n {items.map((item) => (\n setDetail(item.code)} />\n ))}\n

\n );\n}\n",[],[144,218,240],"b7cfa950-0a2a-49ec-b517-22699bcce222","App.tsx","b940d016-7e71-11f1-9619-1607ee4eb77e",11,["D",1783916232938],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState } from \"https://esm.sh/react@18.2.0\";\nimport { SearchTab } from \"./SearchTab.tsx\";\nimport { ScanTab } from \"./ScanTab.tsx\";\nimport { ItemsTab } from \"./ItemsTab.tsx\";\nimport { LocationsTab } from \"./LocationsTab.tsx\";\nimport { LabelsTab } from \"./LabelsTab.tsx\";\n\nconst TABS = [\n { id: \"search\", label: \"🔍 ค้นหา\" },\n { id: \"scan\", label: \"📷 สแกน\" },\n { id: \"items\", label: \"📦 ของ\" },\n { id: \"locations\", label: \"🗄️ ตำแหน่ง\" },\n { id: \"labels\", label: \"🏷️ ป้าย QR\" },\n] as const;\n\ntype TabId = typeof TABS[number][\"id\"];\n\nexport function App() {\n const [tab, setTab] = useState(\"search\");\n\n return (\n

📦 Smart Inventory

\n ระบบจัดเก็บอุปกรณ์ให้ตรงตำแหน่ง ·{\" \"}\n view source\n

\n\n

\n {tab === \"search\" && }\n {tab === \"scan\" && }\n {tab === \"items\" && }\n {tab === \"locations\" && }\n {tab === \"labels\" && }\n

\n\n \n

\n );\n}\n",[],[144,218,248],"4b31604f-c40a-4f3d-affd-1f04f7a0c8bd",5,["D",1783916192316],[171,172,173,174,175,176],[144,218],["D",1783916189244],[170,177,178],[144],"884b2f32-342d-4c89-b584-138e790eb8b0","queries.ts","b2e950b2-7e71-11f1-ad53-1607ee4eb77e","a0cd421c-7e71-11f1-8e71-1607ee4eb77e",8,["D",1783916222310],"import { sqlite } from \"https://esm.town/v/std/sqlite/main.ts\";\nimport type { Item, Location, Movement } from \"../../shared/types.ts\";\n\nconst ITEM_SELECT = `\n SELECT i.*, l.code AS location_code, l.name AS location_name\n FROM items i LEFT JOIN locations l ON i.home_location_id = l.id\n`;\n\n// ---------- Locations ----------\n\nexport async function listLocations(): Promise {\n const r = await sqlite.execute(`\n SELECT l.*, (SELECT COUNT(*) FROM items i WHERE i.home_location_id = l.id) AS item_count\n FROM locations l ORDER BY l.code\n `);\n return r.rows as unknown as Location[];\n}\n\nexport async function getLocationByCode(code: string): Promise {\n const r = await sqlite.execute({\n sql: \"SELECT * FROM locations WHERE code = ? COLLATE NOCASE\",\n args: [code],\n });\n return (r.rows[0] as unknown as Location) ?? null;\n}\n\nexport async function createLocation(\n data: { code: string; name: string; note?: string; photo_key?: string },\n): Promise {\n await sqlite.execute({\n sql: \"INSERT INTO locations (code, name, note, photo_key) VALUES (?, ?, ?, ?)\",\n args: [data.code, data.name, data.note ?? null, data.photo_key ?? null],\n });\n return (await getLocationByCode(data.code))!;\n}\n\nexport async function updateLocation(\n code: string,\n data: { name?: string; note?: string; photo_key?: string },\n): Promise {\n const loc = await getLocationByCode(code);\n if (!loc) return null;\n await sqlite.execute({\n sql: \"UPDATE locations SET name = ?, note = ?, photo_key = ? WHERE id = ?\",\n args: [\n data.name ?? loc.name,\n data.note !== undefined ? data.note : loc.note,\n data.photo_key !== undefined ? data.photo_key : loc.photo_key,\n loc.id,\n ],\n });\n return await getLocationByCode(code);\n}\n\nexport async function deleteLocation(code: string): Promise {\n const loc = await getLocationByCode(code);\n if (!loc) return false;\n await sqlite.batch([\n { sql: \"UPDATE items SET home_location_id = NULL WHERE home_location_id = ?\", args: [loc.id] },\n { sql: \"DELETE FROM locations WHERE id = ?\", args: [loc.id] },\n ]);\n return true;\n}\n\nexport async function itemsAtLocation(locationId: number): Promise {\n const r = await sqlite.execute({\n sql: `${ITEM_SELECT} WHERE i.home_location_id = ? ORDER BY i.code`,\n args: [locationId],\n });\n return r.rows as unknown as Item[];\n}\n\n// ---------- Items ----------\n\nexport async function searchItems(q: string): Promise {\n if (!q.trim()) {\n const r = await sqlite.execute(`${ITEM_SELECT} ORDER BY i.code LIMIT 200`);\n return r.rows as unknown as Item[];\n }\n const like = `%${q.trim()}%`;\n const r = await sqlite.execute({\n sql: `${ITEM_SELECT}\n WHERE i.name LIKE ? OR i.code LIKE ? OR i.category LIKE ? OR i.note LIKE ?\n ORDER BY i.code LIMIT 200`,\n args: [like, like, like, like],\n });\n return r.rows as unknown as Item[];\n}\n\nexport async function getItemByCode(code: string): Promise {\n const r = await sqlite.execute({\n sql: `${ITEM_SELECT} WHERE i.code = ? COLLATE NOCASE`,\n args: [code],\n });\n return (r.rows[0] as unknown as Item) ?? null;\n}\n\nasync function nextItemCode(): Promise {\n const r = await sqlite.execute(\n \"SELECT code FROM items WHERE code LIKE 'T-%' ORDER BY CAST(SUBSTR(code, 3) AS INTEGER) DESC LIMIT 1\",\n );\n const last = r.rows[0]?.code as string | undefined;\n const n = last ? parseInt(last.slice(2), 10) + 1 : 1;\n return `T-${String(n).padStart(4, \"0\")}`;\n}\n\nexport async function createItem(data: {\n name: string;\n category?: string;\n note?: string;\n photo_key?: string;\n home_location_code?: string;\n actor?: string;\n}): Promise {\n const code = await nextItemCode();\n let homeId: number | null = null;\n if (data.home_location_code) {\n const loc = await getLocationByCode(data.home_location_code);\n if (!loc) throw new Error(`ไม่พบตำแหน่ง ${data.home_location_code}`);\n homeId = loc.id;\n }\n await sqlite.execute({\n sql: `INSERT INTO items (code, name, category, note, photo_key, home_location_id)\n VALUES (?, ?, ?, ?, ?, ?)`,\n args: [code, data.name, data.category ?? null, data.note ?? null, data.photo_key ?? null, homeId],\n });\n const item = (await getItemByCode(code))!;\n await addMovement(item.id, \"register\", data.actor, `ลงทะเบียน${homeId ? ` ที่ ${data.home_location_code}` : \"\"}`);\n return item;\n}\n\nexport async function updateItem(code: string, data: {\n name?: string;\n category?: string;\n note?: string;\n photo_key?: string;\n home_location_code?: string | null;\n actor?: string;\n}): Promise {\n const item = await getItemByCode(code);\n if (!item) return null;\n let homeId = item.home_location_id;\n if (data.home_location_code !== undefined) {\n if (data.home_location_code === null || data.home_location_code === \"\") {\n homeId = null;\n } else {\n const loc = await getLocationByCode(data.home_location_code);\n if (!loc) throw new Error(`ไม่พบตำแหน่ง ${data.home_location_code}`);\n homeId = loc.id;\n }\n if (homeId !== item.home_location_id) {\n await addMovement(item.id, \"move\", data.actor, `ย้ายไป ${data.home_location_code ?? \"(ไม่ระบุ)\"}`);\n }\n }\n await sqlite.execute({\n sql: `UPDATE items SET name = ?, category = ?, note = ?, photo_key = ?, home_location_id = ? WHERE id = ?`,\n args: [\n data.name ?? item.name,\n data.category !== undefined ? data.category : item.category,\n data.note !== undefined ? data.note : item.note,\n data.photo_key !== undefined ? data.photo_key : item.photo_key,\n homeId,\n item.id,\n ],\n });\n return await getItemByCode(code);\n}\n\nexport async function deleteItem(code: string): Promise {\n const item = await getItemByCode(code);\n if (!item) return false;\n await sqlite.batch([\n { sql: \"DELETE FROM movements WHERE item_id = ?\", args: [item.id] },\n { sql: \"DELETE FROM items WHERE id = ?\", args: [item.id] },\n ]);\n return true;\n}\n\n// ---------- Checkout / Checkin ----------\n\nexport async function checkoutItem(code: string, actor: string, note?: string): Promise {\n const item = await getItemByCode(code);\n if (!item) return null;\n await sqlite.execute({\n sql: \"UPDATE items SET status = 'borrowed', borrowed_by = ? WHERE id = ?\",\n args: [actor, item.id],\n });\n await addMovement(item.id, \"checkout\", actor, note);\n return await getItemByCode(code);\n}\n\nexport async function checkinItem(code: string, actor?: string, note?: string): Promise {\n const item = await getItemByCode(code);\n if (!item) return null;\n await sqlite.execute({\n sql: \"UPDATE items SET status = 'stored', borrowed_by = NULL WHERE id = ?\",\n args: [item.id],\n });\n await addMovement(item.id, \"checkin\", actor, note);\n return await getItemByCode(code);\n}\n\n// ---------- Movements ----------\n\nexport async function addMovement(itemId: number, action: string, actor?: string | null, note?: string | null) {\n await sqlite.execute({\n sql: \"INSERT INTO movements (item_id, action, actor, note) VALUES (?, ?, ?, ?)\",\n args: [itemId, action, actor ?? null, note ?? null],\n });\n}\n\nexport async function itemHistory(itemId: number): Promise {\n const r = await sqlite.execute({\n sql: \"SELECT * FROM movements WHERE item_id = ? ORDER BY id DESC LIMIT 50\",\n args: [itemId],\n });\n return r.rows as unknown as Movement[];\n}\n",[],[150,272,264],"database","a812b8e1-14d6-416d-bb4b-9753c429a7aa","migrations.ts","a700582c-7e71-11f1-91b2-1607ee4eb77e",7,["D",1783916202328],"import { sqlite } from \"https://esm.town/v/std/sqlite/main.ts\";\n\nexport async function runMigrations() {\n await sqlite.batch([\n `CREATE TABLE IF NOT EXISTS locations (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n code TEXT NOT NULL UNIQUE,\n name TEXT NOT NULL,\n note TEXT,\n photo_key TEXT,\n created_at TEXT NOT NULL DEFAULT (datetime('now'))\n )`,\n `CREATE TABLE IF NOT EXISTS items (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n code TEXT NOT NULL UNIQUE,\n name TEXT NOT NULL,\n category TEXT,\n note TEXT,\n photo_key TEXT,\n home_location_id INTEGER REFERENCES locations(id),\n status TEXT NOT NULL DEFAULT 'stored',\n borrowed_by TEXT,\n created_at TEXT NOT NULL DEFAULT (datetime('now'))\n )`,\n `CREATE TABLE IF NOT EXISTS movements (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n item_id INTEGER NOT NULL REFERENCES items(id),\n action TEXT NOT NULL,\n actor TEXT,\n note TEXT,\n created_at TEXT NOT NULL DEFAULT (datetime('now'))\n )`,\n `CREATE INDEX IF NOT EXISTS idx_items_name ON items(name)`,\n `CREATE INDEX IF NOT EXISTS idx_items_home ON items(home_location_id)`,\n `CREATE INDEX IF NOT EXISTS idx_movements_item ON movements(item_id)`,\n ]);\n}\n",[],[150,272,274],"d9cfb2c4-abed-4a62-a966-6b21e805c1f9",4,["D",1783916191928],[167,168],[150,272],["D",1783916188403],[166],[150],["D",1783916173471],["D",1789524079207],{"_99":98,"_107":103},{"_99":98,"_100":101,"_102":103,"_18":54,"_104":105,"_106":24},{"_13":88,"_31":89,"_42":41,"_90":43,"_91":-5,"_92":-5,"_93":-5,"_94":-5,"_95":-5,"_96":44,"_97":98},"ctx",{"_81":-5,"_127":327,"_328":329,"_330":331,"_332":24,"_333":24,"_334":24,"_335":58,"_336":-5,"_337":-7,"_338":-7,"_339":62,"_340":24,"_341":24,"_342":-5,"_343":24,"_344":24,"_345":24,"_346":-5},"ENV",{"_298":299,"_300":301,"_302":89,"_303":304,"_305":306,"_307":308,"_309":310,"_311":312,"_313":314,"_315":316,"_317":318,"_319":320,"_321":322,"_323":324,"_325":326},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Diff · v16