Val Town Code SearchReturn to Val Town

16You can try a demo at <https://pomdtr-lastloginhonoexample.web.val.run> (see @pomdtr/lastLoginHonoExample for code)
17
18![image.png](https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/cbabf6bc-27dd-489b-2153-a40957986100/public)
19
20## Usage

4
5async function createScreenshot(code: string) {
6  const apiUrl = "https://sourcecodeshots.com/api/image";
7  const resp = await fetch(apiUrl, {
8    method: "POST",
107    return new Response(screenshot, {
108      headers: {
109        "Content-Type": "image/png",
110      },
111    });

5https://jdan-esmtown.web.val.run/nsetyr
6
7![image.png](https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/c4319cfb-b959-4f06-046f-2ff98be6dd00/public)
8
9The dictionary is populated from the following script:

65
66      const img = await pyodide.then(pyodide => pyodide.runPython(\`plot_powers(\${number})\`));
67      plotContainer.innerHTML = \`<img src="data:image/png;base64,\${img}" />\`;
68    });
69  </script>

114      const img = await pyodide.then(pyodide => pyodide.runPython(\`plot_histogram(\${JSON.stringify(jsonData)}, "\${column}")\`));
115      
116      plotContainer.innerHTML = \`<img src="data:image/png;base64,\${img}" />\`;
117    });
118  </script>

134      
135      resultElement.innerHTML = \`<h3>Model Coefficients</h3><p>Slope: \${coef}<br>Intercept: \${intercept}</p>\`;
136      plotContainer.innerHTML = \`<img src="data:image/png;base64,\${img}" />\`;
137      testDataOptions.style.display = 'block';
138    });

1# Image downsizer and uploader
2
3
4Migrated from folder: gpt4o_emoji/blobImages

2import { getGPT4oEmoji } from "https://esm.town/v/jdan/gpt4o_emoji";
3import { fileToDataURL } from "https://esm.town/v/stevekrouse/fileToDataURL";
4import { modifyImage } from "https://esm.town/v/stevekrouse/modifyImage";
5import { chat } from "https://esm.town/v/stevekrouse/openai";
6import { Hono } from "npm:hono@3";
51                type="file"
52                id="file"
53                accept="image/*"
54                name="file"
55              />

9          You are a helpful assistant.
10          I will provide you with a photo, and I would like an emoji that best captures the essence of the photo.
11          Reply with 1 to 5 emojis that the image evokes. Prefer fewer emojis.
12      `,
13    },
16    //   // content: "A chocolate donut with sprinkles",
17    //   content: [{
18    //     type: "image_url",
19    //     image_url: {
20    //       url: "https://brokenovenbaking.com/wp-content/uploads/2022/04/chocolate-donuts-with-sprinkles-11-1.jpg",
21    //     },
29      role: "user",
30      content: [{
31        type: "image_url",
32        image_url: {
33          url,
34        },
44// console.log(
45//   await getGPT4oEmoji(
46//     // "https://images.squarespace-cdn.com/content/v1/62015f66f840ef671da14ae7/4161edfa-ebba-4c13-90a4-90383f26260e/Photographing-NYC-skyline.jpg",
47//     "https://i.imgur.com/FaNnVND.png",
48//   ),

18        title: "Clean Code",
19        author: "Robert C. Martin",
20        coverImage: "https://m.media-amazon.com/images/I/51E2055ZGUL._AC_UF1000,1000_QL80_.jpg",
21      },
22      currentlyWatching: {
23        title: "Stranger Things",
24        platform: "Netflix",
25        posterImage: "https://example.com/stranger-things-poster.jpg",
26      },
27      avatar: "https://i.redd.it/ajsifk35nr2b1.jpg",
39        title: "Don't Make Me Think",
40        author: "Steve Krug",
41        coverImage: "https://m.media-amazon.com/images/I/617rPny7-LL._AC_UF1000,1000_QL80_.jpg",
42      },
43      currentlyWatching: {
44        title: "The Queen's Gambit",
45        platform: "Netflix",
46        posterImage: "https://example.com/queens-gambit-poster.jpg",
47      },
48      avatar: "https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/9939a343-952b-4cbf-af92-5254aa19b0d4/deinlz7-d80109f6-ee70-47ff-84ae-a33ef4371ae5.png/v1/fill/w_1280,h_900,q_80,strp/edward_from_cowboy_bebop_by_adequality_deinlz7-fullview.jpg?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9OTAwIiwicGF0aCI6IlwvZlwvOTkzOWEzNDMtOTUyYi00Y2JmLWFmOTItNTI1NGFhMTliMGQ0XC9kZWlubHo3LWQ4MDEwOWY2LWVlNzAtNDdmZi04NGFlLWEzM2VmNDM3MWFlNS5wbmciLCJ3aWR0aCI6Ijw9MTI4MCJ9XV0sImF1ZCI6WyJ1cm46c2VydmljZTppbWFnZS5vcGVyYXRpb25zIl19.bkJcdRGjBlCQ4FjiBFGNFo2vpu62Q-EOPkayq0DDJoI",
49      style: "bg-green-100 text-green-800",
50      profession: "graphic-designer",
60        title: "The Lean Startup",
61        author: "Eric Ries",
62        coverImage: "https://m.media-amazon.com/images/I/61BFOf9Ap-L._AC_UF1000,1000_QL80_.jpg",
63      },
64      currentlyWatching: {
65        title: "The Mandalorian",
66        platform: "Disney+",
67        posterImage: "https://example.com/mandalorian-poster.jpg",
68      },
69      avatar: "https://i.pinimg.com/originals/8d/21/4a/8d214a719c9610afbc7843e10609d0e4.jpg",
152                <div className="flex items-center">
153                  <img
154                    src={page.currentlyReading.coverImage}
155                    alt={page.currentlyReading.title}
156                    className="w-20 h-28 mr-4"
165                <div className="flex items-center">
166                  <img
167                    src={page.currentlyWatching.posterImage}
168                    alt={page.currentlyWatching.title}
169                    className="w-20 h-28 mr-4"