31:[] 2f:{"title":"Search for Faucets with CLIP, API edition","cells":[{"id":0,"value":"# Search for Faucets with CLIP, API edition\n\nUses https://faucet-finder.fly.dev/\n\nTry `purple` or `gold` or `nintendo` or `terror` or `bird`","pinned":false,"hidden":false,"mode":"md"},{"id":81,"value":"viewof input = html``","pinned":false,"hidden":false,"mode":"ojs"},{"id":139,"value":"html`

${faucets\n .reverse()\n .map(\n (img) =>\n `

${img[0]}
${img[1]}

`\n )\n .join(\"\")}

`","pinned":true,"hidden":false,"mode":"ojs"},{"id":222,"value":"text = debounce(viewof input)","pinned":true,"hidden":false,"mode":"ojs"},{"id":183,"value":"hex_embedding = {\n const controller = new AbortController();\n invalidation.then(() => controller.abort());\n try {\n return (\n await (\n await fetch(\n `https://clip-datasette-on-fly.fly.dev/_memory.json?sql=select+hex(llm_embed(%27clip%27%2C+%3Aq))+as+x&q=${encodeURIComponent(\n text\n )}&_shape=array`,\n { signal: controller.signal }\n )\n ).json()\n )[0].x;\n } catch {\n return \"\";\n }\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":206,"value":"input_embedding = hexToFloatArray(hex_embedding)","pinned":true,"hidden":false,"mode":"ojs"},{"id":244,"value":"md`[View in Datasette](${faucets_url.replace(\".json\", \"\")})`","pinned":true,"hidden":false,"mode":"ojs"},{"id":248,"value":"sql = `\nselect value from json_each(faiss_search_with_scores('faucets', 'embeddings', faiss_encode(:data), 8))\n`","pinned":true,"hidden":false,"mode":"ojs"},{"id":242,"value":"faucets_url = `https://faucet-finder.fly.dev/faucets.json?sql=${encodeSQL(\n sql\n)}&data=${encodeURIComponent(\n JSON.stringify(input_embedding)\n)}&_shape=arrayfirst&_json=value`","pinned":true,"hidden":false,"mode":"ojs"},{"id":253,"value":"function encodeSQL(s) {\n return encodeURIComponent(s).replace(/\$/g, \"%28\").replace(/\$/g, \"%29\");\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":136,"value":"faucets = (\n await fetch(\n `https://faucet-finder.fly.dev/faucets.json?sql=select+value+from+json_each(faiss_search_with_scores(%27faucets%27%2C+%27embeddings%27%2C+faiss_encode(%3Adata)%2C+8))&data=${encodeURIComponent(\n JSON.stringify(input_embedding)\n )}&_shape=arrayfirst&_json=value`\n )\n).json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":198,"value":"function hexToFloatArray(hexString) {\n const buffer = new ArrayBuffer(hexString.length / 2);\n const view = new DataView(buffer);\n const floatArray = [];\n\n for (let i = 0; i < hexString.length; i += 2) {\n const byteValue = parseInt(hexString.substr(i, 2), 16);\n view.setUint8(i / 2, byteValue);\n }\n\n for (let i = 0; i < buffer.byteLength; i += 4) {\n const floatValue = view.getFloat32(i, true); // true for little-endian\n floatArray.push(floatValue);\n }\n\n return floatArray;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":220,"value":"function debounce(input, delay = 1000) {\n return Generators.observe((notify) => {\n let timer = null;\n let value;\n\n // On input, check if we recently reported a value.\n // If we did, do nothing and wait for a delay;\n // otherwise, report the current value and set a timeout.\n function inputted() {\n if (timer !== null) return;\n notify((value = input.value));\n timer = setTimeout(delayed, delay);\n }\n\n // After a delay, check if the last-reported value is the current value.\n // If it’s not, report the new value.\n function delayed() {\n timer = null;\n if (value === input.value) return;\n notify((value = input.value));\n }\n\n input.addEventListener(\"input\", inputted), inputted();\n return () => input.removeEventListener(\"input\", inputted);\n });\n}","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W31","stdlib":"1","titling":"auto"}