Val Town Code SearchReturn to Val Town

13}
14
15function Tooltip({ children, content }: TooltipProps) {
16  const [isVisible, setIsVisible] = useState(false);
17  const tooltipRef = useRef<HTMLDivElement>(null);
52}
53
54function formatBytes(bytes: number, decimals = 2) {
55  if (bytes === 0) return "0 Bytes";
56  const k = 1024;
61}
62
63function copyToClipboard(text: string) {
64  navigator.clipboard.writeText(text).then(() => {
65    console.log("Text copied to clipboard");
69}
70
71function ActionMenu({ blob, onDownload, onRename, onDelete, onMoveToPublic, onMoveOutOfPublic }) {
72  const [isOpen, setIsOpen] = useState(false);
73  const menuRef = useRef(null);
76
77  useEffect(() => {
78    function handleClickOutside(event) {
79      if (menuRef.current && !menuRef.current.contains(event.target)) {
80        event.stopPropagation();
158}
159
160function BlobItem({ blob, onSelect, isSelected, onDownload, onRename, onDelete, onMoveToPublic, onMoveOutOfPublic }) {
161  const [isLoading, setIsLoading] = useState(false);
162  const decodedKey = decodeURIComponent(blob.key);
219}
220
221function App({ initialEmail, initialProfile }) {
222  const encodeKey = (key: string) => encodeURIComponent(key);
223  const decodeKey = (key: string) => decodeURIComponent(key);
645}
646
647function client() {
648  const initialEmail = document.getElementById("root").getAttribute("data-email");
649  const initialProfile = JSON.parse(document.getElementById("root").getAttribute("data-profile"));

33- [x] fix wonky sidebar separator height problem (thanks to @stevekrouse)
34- [x] make result tables scrollable
35- [x] add export to CSV, and JSON (CSV and JSON helper functions written in [this val](https://www.val.town/v/nbbaier/sqliteExportHelpers). Thanks to @pomdtr for merging the initial version!)
36- [x] add listener for cmd+enter to submit query

10  1. `http`: http vals export a default server request handler.
11  2. `script`: script vals can be imported into other vals, similar to an npm package.
12  3. `cron`: cron vals export a function that can automatically run at user-set intervals, similar to a cron command.
13  4. `email`: email vals export a function that runs when its associated email address receives an email.
14
15Follow these requirements for Val Town when generating code.
49</requirements>
50
51If the user asks for specific functionality, the Val Town standard library includes the following:
52
53<libraries>
63    ```
64
65    Blob storage only works on the server. If the val includes client-side code, use dynamic imports to import this module in the server function, e.g.:
66    `const { blob } = await import("https://esm.town/v/std/blob");`
67  </library>
78    If you are changing a SQLite table's schema, you should also change the table's name so it creates a fresh table, ie by adding _2 or _3 after it everywhere. Ensure that tables are created before they are used.
79
80    SQLite storage only works on the server. If the val includes client-side code, use dynamic imports to import this module in the server function, e.g.:
81    `const { sqlite } = await import("https://esm.town/v/stevekrouse/sqlite");`
82  </library>
99    ```
100
101    OpenAI only works on the server. If the val includes client-side code, use dynamic imports to import this module in the server function, e.g.:
102    `const { OpenAI } = await import "https://esm.town/v/std/openai");`
103  </library>
113    ```
114
115    Email only works on the server. If the val includes client-side code, use dynamic imports to import this module in the server function, e.g.:
116    `const { email } = await import "https://esm.town/v/std/email");`
117  </library>
131    Write the code in ```val code fences.
132    Include the val type as metadata on the code fence, e.g.: ```val type=script
133    If this is a new val, decide what val type is appropriate based on the user's prompt. Default to choosing http type vals unless the user has requested specific functionality that requires a different type.
134
135  * If the user requests diff format in their prompt, follow these steps:
157 * Use fetch to communicate with the backend server portion.
158 */
159function App() {
160  return (
161    <div>
167/**
168 * Client-only code
169 * Any code that makes use of document or window should be scoped to the `client()` function.
170 * This val should not cause errors when imported as a module in a browser.
171 */
172function client() {
173  createRoot(document.getElementById("root")).render(<App />);
174}
177/**
178 * Server-only code
179 * Any code that is meant to run on the server should be included in the server function.
180 * This can include endpoints that the client side component can send fetch requests to.
181 */
182export default async function server(request: Request): Promise<Response> {
183  /** If needed, blob storage or sqlite can be imported as a dynamic import in this function.
184   * Blob storage should never be used in the browser directly.
185   * Other server-side specific modules can be imported in a similar way.
232  ```val type=script
233  /** Use this template for creating script vals only */
234  export default function () {
235    return "Hello, world";
236  }
243  ```val type=cron
244  /** Use this template for creating cron vals only */
245  export default async function (interval: Interval) {
246    // code will run at an interval set by the user
247    console.log(`Hello, world: ${Date.now()}`);
270  // The email address for this val will be `<username>.<valname>@valtown.email` which can be derived from:
271  // const emailAddress = new URL(import.meta.url).pathname.split("/").slice(-2).join(".") + "@valtown.email";
272  export default async function (e: Email) {
273    console.log("Email received!", email.from, email.subject, email.text);
274  }

5import { generateCodeAnthropic, makeFullPrompt } from "./backend/generateCode";
6
7function App() {
8  const [messages, setMessages] = useState<{ content: string; role: string }[]>([]);
9  const [inputMessage, setInputMessage] = useState("make a todo app");
11  const [bearerToken, _setBearerToken] = useState(localStorage.getItem("val-town-bearer"));
12
13  function setBearerToken(token: string) {
14    _setBearerToken(token);
15    localStorage.setItem("val-town-bearer", token);
79}
80
81function client() {
82  createRoot(document.getElementById("root")).render(<App />);
83}
84if (typeof document !== "undefined") { client(); }
85
86export default async function server(req: Request): Promise<Response> {
87  // console.log(req);
88  if (req.method === "POST") {

1import OpenAI from "https://esm.sh/openai";
2
3function parseValResponse(response: string) {
4  const codeBlockRegex = /```val type=(\w+)\n([\s\S]*?)```/;
5  const match = response.match(codeBlockRegex);
25}
26
27export async function generateCodeAnthropic(messages: Message[]): Promise<ValResponse | null> {
28  const system = await (await fetch(`${import.meta.url.split("/").slice(0, -1).join("/")}/system_prompt.txt`)).text();
29

1export default async function (req: Request): Promise<Response> {
2  return Response.json({ ok: true })
3}

1export default async function (req: Request): Promise<Response> {
2  return Response.json({ ok: true })
3}

1export default async function (interval: Interval) {
2  
3}

1export default async function (req: Request): Promise<Response> {
2  return Response.json({ ok: true })
3}

3import { URLCrawler } from "./urlCrawlerComponent";
4
5export async function checkWebsite(inputURL: string) {
6  const urlReceiver = new URLReceiver();
7  const urlCrawler = new URLCrawler(3);