Val Town Code SearchReturn to Val Town

1/** @jsxImportSource https://esm.sh/react */
2import OpenAI from "npm:openai";
3import { renderToString } from "npm:react-dom/server";
4
5// This uses by personal API key, you'll need to provide your own if

1/** @jsxImportSource https://esm.sh/react */
2import { renderToString } from "npm:react-dom/server";
3
4export default async function(req: Request) {

1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import { updateValByName } from "https://esm.town/v/nbbaier/updateValByName?v=14";
3import { basicAuth } from "https://esm.town/v/pomdtr/basicAuth?v=62";
20      <script type="module">
21        import { App } from "${import.meta.url}";
22        import { createRoot } from "https://esm.sh/react-dom@18.2.0/client";
23        import { jsx } from "https://esm.sh/react@18.2.0/jsx-runtime";
24        createRoot(document.body).render(jsx(App, { }));
25      </script>
91  {
92    user: "website that shows the current time",
93    content: `/** @jsxImportSource npm:react */
94export default function() {
95  return <h1>{new Date().toLocaleTimeString()}</h1>;

1/** @jsxImportSource https://esm.sh/react */
2import { renderToString } from "npm:react-dom/server";
3
4export default async function(req: Request) {

8  - could also have it as a conversation as the main thing and only the diffs get applied or the whole code gets replaced, maybe tool use it the key here... which does make it seem like a custom gpt may be the better fit...
9
10Migrated from folder: Archive/valwriter_react_clientside

1/** @jsxImportSource https://esm.sh/react */
2import OpenAI from "npm:openai";
3import { renderToString } from "npm:react-dom/server";
4
5// This uses by personal API key, you'll need to provide your own if

1/** @jsxImportSource https://esm.sh/react */
2import { Hono } from "npm:hono@3";
3import OpenAI from "npm:openai";
4import { renderToString } from "npm:react-dom/server";
5
6const jsxResponse = (jsx) => {

1/** @jsx jsx **/
2import { renderToString } from "npm:react-dom/server";
3import { jsx } from "https://deno.land/x/hono@v3.11.7/middleware.ts";
4import { Hono } from "https://deno.land/x/hono@v3.11.7/mod.ts";

1/** @jsxImportSource https://esm.sh/react */
2
3export function SparklineSVG({ strokeWidth, data, height, width, fill, stroke }) {

2- Hono serves the frameworks, API calls, and functions
3- htmx handles ajax requests, and can very powerfully request html and other content to swap out the front-end
4- alpine handles app-like reactivity without having to always resort to server round trips
5
6Migrated from folder: Utils/ai/examples/aiHonoHtmxAlpineStreamingExample