31:T529,hfImg = fetch( "https://ohq-cors.onrender.com/https://api-inference.huggingface.co/models/prompthero/openjourney", { headers: { accept: "*/*", // "accept-language": "en-US,en;q=0.9,es;q=0.8", "cache-control": "no-cache", "content-type": "application/json", // pragma: "no-cache", // "sec-ch-ua": // '"Google Chrome";v="107", "Chromium";v="107", "Not=A?Brand";v="24"', // "sec-ch-ua-mobile": "?0", // "sec-ch-ua-platform": '"macOS"', // "sec-fetch-dest": "empty", // "sec-fetch-mode": "cors", // "sec-fetch-site": "same-site", "x-use-cache": "false", Authorization: "Bearer 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" }, // referrer: "https://huggingface.co/", // referrerPolicy: "strict-origin-when-cross-origin", body: `{"inputs":"mdjrny-v4 style, ${ Math.random() * 10 > 5 ? "scary" : "cute" } isometric cyberpunk ${room}, cutaway box, svg, futuristic, highly detailed, ${color}, made with blender, --v 4, --upbeta"}`, //"mdjrny-v4 style photo of hooded figures of the techno priesthood in the woods preparing for a ritual incantation over the scraps of a broken robot, hyper-detailed, --upbeta --testp" method: "POST" // mode: "cors" // credentials: "include" } ).then((r) => r.blob())32:T7a8,

33:[] 2f:{"title":"cozy futures - @izzyz","cells":[{"id":0,"value":"# cozy futures - @izzyz","pinned":false,"hidden":false,"mode":"md"},{"id":18,"value":"viewof color = Inputs.color()","pinned":false,"hidden":false,"mode":"ojs"},{"id":30,"value":"viewof room = Inputs.select(rooms)","pinned":false,"hidden":false,"mode":"ojs"},{"id":6,"value":"img = {\n if (hfImg?.size < 34 ?? true) return html`

Try again!

`;\n var src = URL.createObjectURL(hfImg);\n var img = document.createElement(\"img\");\n\n let base64Img = await blobToBase64(hfImg);\n img.src = src;\n\n return img;\n //return [img, src, await base64Img];\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":251,"value":"The below grid is supposed to hit OpenAI's DALLE API to create variations of the above.","pinned":false,"hidden":false,"mode":"md"},{"id":105,"value":"grid = html`

${variations.data.map(\n (i) => html`

`\n)}

`","pinned":false,"hidden":false,"mode":"ojs"},{"id":28,"value":"rooms = [\n \"foyer\",\n \"kitchen\",\n \"living room\",\n \"master bedroom\",\n \"bedroom\",\n \"bathroom\",\n \"laundry room\",\n \"walk-in wardrobe closet\",\n \"utility closet\"\n]","pinned":false,"hidden":false,"mode":"ojs"},{"id":4,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":8,"value":"blobToBase64 = (blob) => {\n const reader = new FileReader();\n reader.readAsDataURL(blob);\n return new Promise((resolve) => {\n reader.onloadend = () => {\n resolve(reader.result);\n };\n });\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":58,"value":"style = html``","pinned":false,"hidden":false,"mode":"ojs"},{"id":88,"value":"variations = {\n const file = new File([imageBlob], \"image.png\", {\n type: \"image/png\"\n });\n let body = new FormData();\n body.append(\"image\", file, \"image.png\");\n body.append(\"n\", 4);\n body.append(\"size\", \"512x512\");\n return fetch(\"https://api.openai.com/v1/images/variations\", {\n method: \"POST\",\n headers: {\n Authorization:\n \"Bearer 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\"\n },\n body\n }).then((r) => r.json());\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":122,"value":"hfPNG = ic.compress(await hfImg, {\n quality: 1,\n type: \"image/png\",\n width: 512,\n height: 512,\n orientation: 1\n //scale: 1\n})","pinned":true,"hidden":false,"mode":"ojs"},{"id":110,"value":"ic = {\n let i = await import(\"https://cdn.skypack.dev/image-conversion@2.1.1?min\");\n\n return i.default;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":188,"value":"$32","pinned":true,"hidden":false,"mode":"html"},{"id":160,"value":"canvas = {\n const canvas = document.createElement(\"canvas\");\n\n return canvas;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":181,"value":"mutable imageBlob = null","pinned":true,"hidden":false,"mode":"ojs"},{"id":176,"value":"{\n color;\n room;\n const ctx = canvas.getContext(\"2d\");\n canvas.width = canvas.height = 512;\n ctx.drawImage(img, 0, 0);\n canvas.toBlob((b) => (mutable imageBlob = b));\n}","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W33","stdlib":"1","titling":"auto"}