[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8},"actionData","errors","root",{"_107":108,"_109":110},"routes/embed.x.$handle.$name.$",{"_9":10,"_11":12,"_13":14,"_15":16,"_17":18,"_19":20,"_21":-5},"handle","nakd","name","Ch","path","gif.ts","project",{"_22":45,"_11":12,"_33":46,"_47":-5,"_48":42,"_49":50,"_51":50,"_52":53,"_54":-5,"_55":56,"_57":58,"_59":32,"_60":-5,"_61":-5,"_62":63,"_64":65,"_66":67,"_68":69,"_70":71,"_72":-5,"_73":74,"_75":74,"_76":77,"_78":77,"_79":77,"_80":74,"_81":74,"_82":83,"_84":85,"_86":87,"_88":42},"file",{"_22":23,"_11":14,"_24":25,"_26":-5,"_27":28,"_29":30,"_31":32,"_33":34,"_35":36,"_37":38,"_39":40,"_41":42,"_43":-5,"_13":44},"permalink","https://www.val.town/x/nakd/Ch/code/gif.ts","extension","id","66eb13da-2f06-4259-89d0-4a13916ce5d9","fileId","aadc8198-a7f0-11f1-8a52-1607ee4eb77e","parentId","branchId","594e4a6a-323f-428b-9eab-672f4c3d972e","branchVersion",29,"latest",true,"createdAt",["D",1788566749081],"version",6,"fileType","script","content","// gif.ts\nexport const gifClientJs = `\n(function() {\n function injectStyles() {\n var style = document.createElement(\"style\");\n style.textContent =\n \".gif-label{background:transparent;border:none;color:#3c3c43;width:36px;height:38px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:0.68rem;font-weight:800;letter-spacing:0.02em;flex:0 0 auto;}\" +\n \".gif-label:active{background:rgba(0,0,0,0.05);}\" +\n \".gif-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.45);align-items:flex-end;justify-content:center;z-index:10001;}\" +\n \".gif-overlay.show{display:flex;}\" +\n \".gif-panel{width:100%;max-width:430px;background:#ffffff;border-radius:16px 16px 0 0;display:flex;flex-direction:column;max-height:70vh;overflow:hidden;padding-bottom:env(safe-area-inset-bottom,0px);}\" +\n \".gif-panel-header{display:flex;align-items:center;gap:8px;padding:12px 14px 8px;background:#ffffff;}\" +\n \".gif-search-input{flex:1;background:#f2f2f4;border:none;color:#111111;padding:8px 14px;border-radius:8px;font-size:16px;outline:none;font-family:inherit;}\" +\n \".gif-search-input::placeholder{color:#b5b5b9;}\" +\n \".gif-close-btn{cursor:pointer;color:#8e8e93;padding:4px 8px;flex:0 0 auto;}\" +\n \".gif-grid{flex:1;overflow-y:auto;padding:10px;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;}\" +\n \".gif-grid img{width:100%;height:90px;object-fit:cover;border-radius:8px;cursor:pointer;display:block;background:#f4f6f3;}\" +\n \".gif-empty{grid-column:1/-1;text-align:center;font-size:0.8rem;color:#9aa89c;padding:20px 0;}\" +\n \".gif-attribution{text-align:center;font-size:0.6rem;color:#c2c2c6;padding:4px 0 8px;}\";\n document.head.appendChild(style);\n }\n\n function injectMarkup() {\n var composer = document.getElementById(\"composer\");\n if (!composer) return null;\n var fileLabel = document.getElementById(\"fileLabel\");\n\n var gifBtn = document.createElement(\"label\");\n gifBtn.id = \"gifLabel\";\n gifBtn.className = \"gif-label\";\n gifBtn.title = \"GIFを送る\";\n gifBtn.textContent = \"GIF\";\n if (fileLabel && fileLabel.parentNode) {\n fileLabel.parentNode.insertBefore(gifBtn, fileLabel.nextSibling);\n } else {\n composer.insertBefore(gifBtn, composer.firstChild);\n }\n\n var overlay = document.createElement(\"div\");\n overlay.id = \"gifOverlay\";\n overlay.className = \"gif-overlay\";\n overlay.innerHTML =\n '

' +\n '

' +\n '' +\n '\\u2715' +\n '

' +\n '

';\n document.body.appendChild(overlay);\n return true;\n }\n\n function setup() {\n injectStyles();\n if (!injectMarkup()) return;\n\n var gifOverlay = document.getElementById(\"gifOverlay\");\n var gifSearchInput = document.getElementById(\"gifSearchInput\");\n var gifGrid = document.getElementById(\"gifGrid\");\n var gifCloseBtn = document.getElementById(\"gifCloseBtn\");\n var gifLabel = document.getElementById(\"gifLabel\");\n var searchTimer = null;\n var isComposing = false;\n var requestSeq = 0;\n var bodyScrollY = 0;\n\n function lockBodyScroll() {\n bodyScrollY = window.scrollY || window.pageYOffset || 0;\n document.body.style.position = \"fixed\";\n document.body.style.top = \"-\" + bodyScrollY + \"px\";\n document.body.style.width = \"100%\";\n }\n function unlockBodyScroll() {\n document.body.style.position = \"\";\n document.body.style.top = \"\";\n document.body.style.width = \"\";\n window.scrollTo(0, bodyScrollY);\n }\n\n function openPanel() {\n gifOverlay.classList.add(\"show\");\n lockBodyScroll();\n gifSearchInput.value = \"\";\n gifSearchInput.focus();\n search(\"\");\n }\n function closePanel() {\n clearTimeout(searchTimer);\n gifOverlay.classList.remove(\"show\");\n gifGrid.innerHTML = \"\";\n unlockBodyScroll();\n }\n\n function search(query) {\n var mySeq = ++requestSeq;\n gifGrid.innerHTML = '

\\u8AAD\\u307F\\u8FBC\\u307F\\u4E2D...

';\n // GIPHY への呼び出しはサーバー側プロキシ (/api/gif/search) 経由にして\n // API キーをクライアントに渡さないようにする\n var endpoint = \"/api/gif/search?q=\" + encodeURIComponent(query.trim());\n fetch(endpoint).then(function(res) {\n if (!res.ok) throw new Error(\"request failed: \" + res.status);\n return res.json();\n }).then(function(data) {\n if (mySeq !== requestSeq) return; // 古いリクエストの結果は破棄\n var items = (data && data.items) || [];\n if (items.length === 0) {\n gifGrid.innerHTML = '

\\u898B\\u3064\\u304B\\u308A\\u307E\\u305B\\u3093\\u3067\\u3057\\u305F

';\n return;\n }\n gifGrid.innerHTML = \"\";\n items.forEach(function(g) {\n if (!g.preview || !g.full) return;\n var img = document.createElement(\"img\");\n img.loading = \"lazy\";\n img.src = g.preview;\n img.alt = g.title || \"gif\";\n img.addEventListener(\"error\", function() {\n img.remove();\n });\n img.addEventListener(\"click\", function() {\n closePanel();\n sendGif(g.full);\n });\n gifGrid.appendChild(img);\n });\n }).catch(function(err) {\n if (mySeq !== requestSeq) return;\n console.error(err);\n gifGrid.innerHTML = '

\\u8AAD\\u307F\\u8FBC\\u307F\\u306B\\u5931\\u6557\\u3057\\u307E\\u3057\\u305F

';\n });\n }\n\n // client.js が公開する現在のアイデンティティ（匿名 / アカウント）を優先して使う\n function getIdentity() {\n if (typeof window.getChatIdentity === \"function\") return window.getChatIdentity();\n var r = location.hash.replace(/^#/, \"\");\n return {\n room: r || \"lobby\",\n user_id: localStorage.getItem(\"chatUserId\") || \"unknown\",\n name: localStorage.getItem(\"chatName\") || \"\\u540D\\u7121\\u3057\",\n avatar: localStorage.getItem(\"chatAvatar\") || \"\",\n token: \"\",\n };\n }\n\n function sendGif(fullUrl) {\n try {\n var idn = getIdentity();\n fetch(\"/api/send\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({\n room: idn.room,\n user_id: idn.user_id,\n name: idn.name,\n body: \"\",\n image_url: fullUrl,\n avatar_url: idn.avatar,\n token: idn.token,\n }),\n }).then(function() {\n if (typeof window.poll === \"function\") window.poll();\n }).catch(function(err) { console.error(err); });\n } catch (err) {\n console.error(err);\n }\n }\n\n gifLabel.addEventListener(\"click\", openPanel);\n gifCloseBtn.addEventListener(\"click\", closePanel);\n gifOverlay.addEventListener(\"click\", function(e) { if (e.target === gifOverlay) closePanel(); });\n document.addEventListener(\"keydown\", function(e) {\n if (e.key === \"Escape\" && gifOverlay.classList.contains(\"show\")) closePanel();\n });\n gifSearchInput.addEventListener(\"compositionstart\", function() { isComposing = true; });\n gifSearchInput.addEventListener(\"compositionend\", function() {\n isComposing = false;\n clearTimeout(searchTimer);\n var q = gifSearchInput.value;\n searchTimer = setTimeout(function() { search(q); }, 350);\n });\n gifSearchInput.addEventListener(\"input\", function() {\n if (isComposing) return;\n clearTimeout(searchTimer);\n var q = gifSearchInput.value;\n searchTimer = setTimeout(function() { search(q); }, 350);\n });\n }\n\n if (document.readyState === \"loading\") {\n document.addEventListener(\"DOMContentLoaded\", setup);\n } else {\n setup();\n }\n})();\n`;\n\nexport default async function (req: Request): Promise {\n return new Response(gifClientJs, {\n headers: {\n \"Content-Type\": \"application/javascript; charset=utf-8\",\n \"Cache-Control\": \"no-cache\",\n },\n });\n}","deleted",false,"label",[14],"d1eccb4b-58a6-420b-ba51-e8d85b95fa3e",["D",1788478632137],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","","imageUrl","userId","690448f2-f627-4f9c-a6c5-7d7a2d115d3f","pinnedFileId","6318ae72-a7f0-11f1-bd27-1607ee4eb77e","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","01a069a0-d469-775a-a16b-4f31aa5c28e7","tursoName","d1eccb4b58a6420bba51e8d85b95fa3e","tursoHostname","d1eccb4b58a6420bba51e8d85b95fa3e-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789535451117],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_9":10,"_106":102},"org",{"_9":10,"_99":100,"_101":102,"_55":56,"_103":104,"_105":42},"branch",{"_35":89,"_11":90,"_22":28,"_91":45,"_92":-5,"_93":-5,"_94":-5,"_95":-5,"_96":-5,"_97":12,"_98":10},"isOwned",43,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","かんかん","avatar","https://lh3.googleusercontent.com/a/ACg8ocLI16p0WgrVPfU-N1HNs2XT2RWSbAMgVFqjPLJinXQcxWMIsA=s96-c","tier","free","canRestrictVals","profileImageUrl","ctx",{"_82":-5,"_140":141,"_142":143,"_144":145,"_146":42,"_147":42,"_148":42,"_149":32,"_150":-5,"_151":-7,"_152":-7,"_153":63,"_154":42,"_155":42,"_156":-5,"_157":42,"_158":42,"_159":42,"_160":-5},"ENV",{"_111":112,"_113":114,"_115":90,"_116":117,"_118":119,"_120":121,"_122":123,"_124":125,"_126":127,"_128":129,"_130":131,"_132":133,"_134":135,"_136":137,"_138":139},"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","orgs",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]