[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_149":150,"_151":152},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_88":-7,"_89":90,"_29":-7,"_91":-5,"_15":92,"_93":94,"_95":96,"_97":98,"_99":100,"_101":-5,"_102":-5,"_103":-5,"_104":38,"_105":106,"_107":38,"_108":-5,"_109":-5,"_110":111},"routes/_app.x.$handle.$name.branches",{"_11":12,"_13":14,"_15":16,"_17":18},"handle","rafawiktorowicz","name","imageDECOMP","project",{"_20":28,"_13":14,"_22":36,"_35":-5,"_37":38,"_39":40,"_41":40,"_42":43,"_44":-5,"_45":46,"_47":-5,"_48":38,"_49":-5,"_50":-5,"_51":52,"_53":54,"_55":-5,"_56":-5,"_57":-5,"_58":-5,"_59":60,"_61":60,"_62":63,"_64":63,"_65":63,"_66":60,"_67":60,"_68":69,"_70":71,"_72":73,"_74":38},"branches",[19],{"_20":21,"_22":23,"_24":25,"_13":26,"_27":28,"_29":30,"_31":-5,"_32":-5,"_33":34,"_35":-5},"id","09c6a01b-7b3d-4e2c-95ee-f0a47f12d283","createdAt",["D",1780661645945],"updatedAt",["D",1780661653383],"main","projectId","8d531166-d923-41cc-9c57-058548734b17","version",2,"forkedBranchId","forkedBranchVersion","lockfileKey","1780661657318-esm.town_v_rafawiktorowicz_imageDECOMP@2-main","deletedAt",["D",1780661645940],"legacyEnvVars",false,"privacy","public","httpPrivacy","description","decompozycja","imageUrl","userId","52376bcb-d641-4952-81c2-24aad07615a6","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","019e5fc1-0ea2-72fa-904c-6707220b8246","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_87":83},"org",{"_11":12,"_80":81,"_82":83,"_45":46,"_84":85,"_86":38},"branch",{"_29":30,"_13":26,"_20":21,"_27":28,"_31":-5,"_32":-5,"_75":-5,"_76":-5,"_77":-5,"_78":14,"_79":12},"isOwned","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","Rafał Wiktorowicz","avatar","https://lh3.googleusercontent.com/a/ACg8ocKbp75cCjXsr6hEF5LeT4ePV1zdflGOWHOIG9GAIuLH5-GNTg=s96-c","tier","free","canRestrictVals","profileImageUrl","branchName","path","","adoptOrgId",{"_20":28,"_13":14,"_22":145,"_35":-5,"_37":38,"_39":40,"_41":40,"_42":43,"_44":-5,"_45":46,"_47":-5,"_48":38,"_49":-5,"_50":-5,"_51":52,"_53":54,"_55":-5,"_56":-5,"_57":-5,"_58":-5,"_59":60,"_61":60,"_62":63,"_64":63,"_65":63,"_66":60,"_67":60,"_68":146,"_70":147,"_72":148,"_74":38},"tree",[140],"files",[140],"counts",{"_131":52,"_17":123,"_132":52,"_133":134,"_135":136},"contents",[112],"file","upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_20":113,"_13":114,"_115":116,"_117":-5,"_118":21,"_119":30,"_120":121,"_22":122,"_29":123,"_124":125,"_126":127,"_128":38,"_129":-5,"_89":130},"de55ef2f-93cf-4363-9fe7-86b3633ff594","main.ts","fileId","0c3c4974-60d8-11f1-ba6d-1607ee4eb77e","parentId","branchId","branchVersion","latest",true,["D",1780661653383],1,"fileType","script","content","// ============================================================================\n// IMGUTILS — MCP val dla Val Town (dekompozycja PO STRONIE SERWERA)\n// v1.0 — pobiera obraz z URL/ChatGPT, wycina pixel-perfect KONTUR i ELEMENTY,\n// hostuje wynik pod /img/:id. Dzięki temu nie trzeba wstrzykiwać base64 —\n// val sam ściąga naszego kota z publicznego URL-a (np. z vala chatgpt).\n//\n// PO CO: maski gpt-image-2 muszą dostać obraz jako URL. Nasz wolny kontur powstaje\n// z dekompozycji w kodzie — ten val robi tę dekompozycję NA SERWERZE i daje URL.\n//\n// SETUP:\n// 1) Wklej ten plik jako nowy HTTP val w Val Town (brak sekretów — nic nie płacisz).\n// 2) Skopiuj URL vala i dodaj jako Custom Connector w claude.ai/settings/connectors.\n//\n// NARZĘDZIA (MCP):\n// extract_outline(image, ink_thr?, min_area_frac?) -> {id,url} (sam KONTUR: największy spójny komponent)\n// decompose(image, ink_thr?, min_area_frac?) -> {outline:{id,url}, elements:[{id,url,bbox,area}]}\n// upload_image(b64) -> {id,url} (jak ktoś poda base64)\n// get_image(id) -> {id,b64,mime}\n// GET /img/:id -> PNG (publiczny host)\n//\n// 'image' przyjmuje: URL (http/https) | data-url | nasze id | czysty base64.\n// ============================================================================\n\nimport { blob } from \"https://esm.town/v/std/blob\";\nimport { Image } from \"https://deno.land/x/imagescript@1.2.17/mod.ts\";\n\nconst PROTO = \"2024-11-05\";\nconst PFX = \"iu_img_\";\n\n// ---------- base64 / IO ----------\nfunction bytesToB64(b: Uint8Array): string {\n let s = \"\";\n const c = 0x8000;\n for (let i = 0; i < b.length; i += c) {\n s += String.fromCharCode(...b.subarray(i, i + c));\n }\n return btoa(s);\n}\nfunction b64ToBytes(b64: string): Uint8Array {\n const bin = atob(b64);\n const out = new Uint8Array(bin.length);\n for (let i = 0; i < bin.length; i++) out[i] = bin.charCodeAt(i);\n return out;\n}\nasync function resolveBytes(image: string): Promise {\n if (!image) throw new Error(\"image required\");\n if (image.startsWith(\"http://\") || image.startsWith(\"https://\")) {\n const r = await fetch(image);\n if (!r.ok) throw new Error(\"fetch image \" + r.status);\n return new Uint8Array(await r.arrayBuffer());\n }\n if (image.startsWith(\"data:\")) {\n return b64ToBytes(image.split(\",\", 2)[1] ?? \"\");\n }\n try {\n const buf = await blob.get(PFX + image);\n if (buf) return new Uint8Array(await buf.arrayBuffer());\n } catch (_) { /* nie nasze id */ }\n return b64ToBytes(image.replace(/\\s+/g, \"\"));\n}\nasync function store(bytes: Uint8Array, origin: string) {\n const id = crypto.randomUUID().replace(/-/g, \"\");\n await blob.set(PFX + id, bytes);\n return { id, url: `${origin}/img/${id}` };\n}\n\n// ---------- dekompozycja: connected components na masce tuszu ----------\ntype Comp = {\n pixels: number[];\n area: number;\n x0: number;\n y0: number;\n x1: number;\n y1: number;\n};\n\nfunction analyze(\n rgba: Uint8Array,\n w: number,\n h: number,\n inkThr: number,\n): Comp[] {\n const n = w * h;\n const ink = new Uint8Array(n);\n for (let i = 0; i < n; i++) {\n const o = i * 4;\n const a = rgba[o + 3];\n const gray = (rgba[o] + rgba[o + 1] + rgba[o + 2]) / 3;\n ink[i] = a > 16 && gray < inkThr ? 1 : 0;\n }\n const lab = new Int32Array(n).fill(-1);\n const comps: Comp[] = [];\n const stack: number[] = [];\n for (let s = 0; s < n; s++) {\n if (!ink[s] || lab[s] !== -1) continue;\n const c: Comp = { pixels: [], area: 0, x0: w, y0: h, x1: 0, y1: 0 };\n lab[s] = comps.length;\n stack.length = 0;\n stack.push(s);\n while (stack.length) {\n const p = stack.pop()!;\n const x = p % w, y = (p / w) | 0;\n c.pixels.push(p);\n c.area++;\n if (x < c.x0) c.x0 = x;\n if (x > c.x1) c.x1 = x;\n if (y < c.y0) c.y0 = y;\n if (y > c.y1) c.y1 = y;\n // 8-spójność\n for (let dy = -1; dy <= 1; dy++) {\n for (let dx = -1; dx <= 1; dx++) {\n if (!dx && !dy) continue;\n const nx = x + dx, ny = y + dy;\n if (nx < 0 || ny < 0 || nx >= w || ny >= h) continue;\n const q = ny * w + nx;\n if (ink[q] && lab[q] === -1) {\n lab[q] = c.area;\n stack.push(q);\n } // lab marker (>=0)\n }\n }\n }\n comps.push(c);\n }\n comps.sort((a, b) => b.area - a.area);\n return comps;\n}\n\nfunction renderComp(comp: Comp, w: number, h: number): Uint8Array {\n const bm = new Uint8ClampedArray(w * h * 4);\n bm.fill(255); // białe RGBA\n for (const p of comp.pixels) {\n const o = p * 4;\n bm[o] = 20;\n bm[o + 1] = 20;\n bm[o + 2] = 20;\n bm[o + 3] = 255;\n }\n return bm as unknown as Uint8Array;\n}\nasync function encodePNG(\n bm: Uint8Array,\n w: number,\n h: number,\n): Promise {\n const img = new Image(w, h);\n img.bitmap.set(bm);\n return await img.encode(); // PNG\n}\n\nasync function doDecompose(\n image: string,\n inkThr: number,\n minFrac: number,\n origin: string,\n outlineOnly: boolean,\n) {\n const bytes = await resolveBytes(image);\n const img = await Image.decode(bytes);\n const w = img.width, h = img.height;\n const rgba = new Uint8Array(img.bitmap.buffer);\n const comps = analyze(rgba, w, h, inkThr);\n if (!comps.length) throw new Error(\"brak tuszu (sprawdz ink_thr)\");\n const minArea = minFrac * w * h;\n\n const outlineComp = comps[0]; // największy = kontur\n const outlinePng = await encodePNG(renderComp(outlineComp, w, h), w, h);\n const outline = await store(outlinePng, origin);\n if (outlineOnly) return outline;\n\n const elements = [];\n for (let i = 1; i < comps.length; i++) {\n const c = comps[i];\n if (c.area < minArea) continue;\n const png = await encodePNG(renderComp(c, w, h), w, h);\n const st = await store(png, origin);\n elements.push({\n ...st,\n area: c.area,\n bbox: [c.x0, c.y0, c.x1 - c.x0 + 1, c.y1 - c.y0 + 1],\n });\n }\n return { outline, elements };\n}\n\n// ---------- narzędzia ----------\nconst TOOLS = [\n {\n name: \"extract_outline\",\n description:\n \"Pobiera obraz i zwraca SAM KONTUR (największy spójny komponent tuszu) jako {id,url}. Pixel-perfect, bez gpt. image=url|id|data-url|base64.\",\n inputSchema: {\n type: \"object\",\n required: [\"image\"],\n properties: {\n image: { type: \"string\" },\n ink_thr: { type: \"number\" },\n min_area_frac: { type: \"number\" },\n },\n },\n },\n {\n name: \"decompose\",\n description:\n \"Pełna dekompozycja: zwraca {outline:{id,url}, elements:[{id,url,bbox,area}]}. Elementy = oczy/nos/itp. (mniejsze komponenty). image=url|id|data-url|base64.\",\n inputSchema: {\n type: \"object\",\n required: [\"image\"],\n properties: {\n image: { type: \"string\" },\n ink_thr: { type: \"number\" },\n min_area_frac: { type: \"number\" },\n },\n },\n },\n {\n name: \"upload_image\",\n description:\n \"Zapisuje obraz z base64 i zwraca {id,url} (gdy obraz masz już jako base64).\",\n inputSchema: {\n type: \"object\",\n required: [\"b64\"],\n properties: { b64: { type: \"string\" } },\n },\n },\n {\n name: \"get_image\",\n description: \"Zwraca base64 obrazu wg id: {id,b64,mime}.\",\n inputSchema: {\n type: \"object\",\n required: [\"id\"],\n properties: { id: { type: \"string\" } },\n },\n },\n];\n\nasync function callTool(name: string, a: any, origin: string) {\n const thr = typeof a.ink_thr === \"number\" ? a.ink_thr : 110;\n const mf = typeof a.min_area_frac === \"number\" ? a.min_area_frac : 0.0008;\n switch (name) {\n case \"extract_outline\":\n return await doDecompose(String(a.image), thr, mf, origin, true);\n case \"decompose\":\n return await doDecompose(String(a.image), thr, mf, origin, false);\n case \"upload_image\": {\n let b = String(a.b64 ?? \"\");\n if (b.startsWith(\"data:\")) b = b.split(\",\", 2)[1] ?? \"\";\n return await store(b64ToBytes(b.replace(/\\s+/g, \"\")), origin);\n }\n case \"get_image\": {\n const buf = await blob.get(PFX + a.id);\n if (!buf) return { id: a.id, error: \"not found\" };\n return {\n id: a.id,\n b64: bytesToB64(new Uint8Array(await buf.arrayBuffer())),\n mime: \"image/png\",\n };\n }\n default:\n throw new Error(\"unknown tool \" + name);\n }\n}\n\n// ---------- HTTP / MCP ----------\nfunction json(b: unknown, s = 200) {\n return new Response(JSON.stringify(b), {\n status: s,\n headers: {\n \"Content-Type\": \"application/json\",\n \"Access-Control-Allow-Origin\": \"*\",\n \"Access-Control-Allow-Headers\": \"*\",\n \"Access-Control-Allow-Methods\": \"GET,POST,OPTIONS\",\n },\n });\n}\nconst rpc = (\n id: any,\n result?: unknown,\n error?: { code: number; message: string },\n) =>\n json(error ? { jsonrpc: \"2.0\", id, error } : { jsonrpc: \"2.0\", id, result });\n\nexport default async function (req: Request): Promise {\n const url = new URL(req.url);\n const origin = `${url.protocol}//${url.host}`;\n if (req.method === \"OPTIONS\") return json({}, 204);\n\n if (req.method === \"GET\" && url.pathname.startsWith(\"/img/\")) {\n const id = url.pathname.slice(5);\n const buf = await blob.get(PFX + id);\n if (!buf) return new Response(\"not found\", { status: 404 });\n return new Response(await buf.arrayBuffer(), {\n headers: { \"Content-Type\": \"image/png\" },\n });\n }\n if (req.method === \"GET\") {\n return json({\n ok: true,\n server: \"imgutils-mcp\",\n tools: TOOLS.map((t) => t.name),\n });\n }\n\n if (req.method === \"POST\") {\n let msg: any;\n try {\n msg = await req.json();\n } catch {\n return rpc(null, undefined, { code: -32700, message: \"parse error\" });\n }\n const { id, method, params } = msg ?? {};\n try {\n if (method === \"initialize\") {\n return rpc(id, {\n protocolVersion: PROTO,\n capabilities: { tools: {} },\n serverInfo: { name: \"imgutils-mcp\", version: \"1.0\" },\n });\n }\n if (method === \"notifications/initialized\" || method === \"ping\") {\n return rpc(id, {});\n }\n if (method === \"tools/list\") return rpc(id, { tools: TOOLS });\n if (method === \"tools/call\") {\n return rpc(id, {\n content: [{\n type: \"text\",\n text: JSON.stringify(\n await callTool(params?.name, params?.arguments ?? {}, origin),\n ),\n }],\n });\n }\n return rpc(id, undefined, {\n code: -32601,\n message: \"method not found: \" + method,\n });\n } catch (e: any) {\n return rpc(id, undefined, {\n code: -32000,\n message: String(e?.message ?? e),\n });\n }\n }\n return new Response(\"method not allowed\", { status: 405 });\n}","deleted","label",[114],"pulls","forks","envVars",{"_137":52,"_139":52},"connections",{"_137":52,"_138":52},"count","unfilledCount","emptyCount",{"_20":113,"_13":114,"_115":116,"_117":-5,"_118":21,"_119":30,"_120":121,"_22":141,"_29":123,"_124":125,"_126":127,"_128":38,"_129":-5,"_142":143,"_89":144},["D",1780661653383],"children",[],[114],["D",1780661645940],{"_11":12,"_87":83},{"_11":12,"_80":81,"_82":83,"_45":46,"_84":85,"_86":38},{"_29":30,"_13":26,"_20":21,"_27":28,"_31":-5,"_32":-5,"_75":-5,"_76":-5,"_77":-5,"_78":14,"_79":12},"ctx",{"_68":-5,"_109":182,"_183":184,"_185":186,"_187":38,"_188":38,"_189":38,"_190":121,"_191":-5,"_192":-7,"_193":-7,"_194":52,"_195":38,"_196":38,"_197":-5,"_198":38,"_199":38,"_200":38,"_201":-5},"ENV",{"_153":154,"_155":156,"_157":26,"_158":159,"_160":161,"_162":163,"_164":165,"_166":167,"_168":169,"_170":171,"_172":173,"_174":175,"_176":177,"_178":179,"_180":181},"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"]

Branches1

Branches
1