Val Town Code SearchReturn to Val Town

1// Fetches a random joke.
2function fetchRandomJoke() {
3  const response = fetch(
4    "https://official-joke-api.appspot.com/random_joke",
6  return response;
7}
8function fetchRandomJoke() {
9  const SAMPLE_JOKE = {
10    "setup": "What do you call a group of disorganized cats?",
22
23// Fetches a random joke.
24function fetchRandomJoke() {
25  const SAMPLE_JOKE = {
26    "setup": "What do you call a group of disorganized cats?",
41
42// Fetches a random joke.
43async function fetchRandomJoke() {
44  const response = await fetch(
45    "https://official-joke-api.appspot.com/random_joke",

2
3// Fetches a random joke.
4async function fetchRandomJoke() {
5  const response = await fetch(
6    "https://official-joke-api.appspot.com/random_joke",

1import { email } from "https://esm.town/v/std/email?v=9";
2
3async function fetchRandomJoke() {
4  const response = await fetch(
5    "https://official-joke-api.appspot.com/random_joke",

13await persister.startAutoSave();
14
15function App() {
16  // The component will be refreshed each time the store is updated
17  const count = useValue("count", store);

15}
16
17export function HttpClient(props: {
18  bookmarks: Bookmark[];
19  history: HistoryItem[];
150}
151
152export function RequestList(props: {
153  title: string;
154  onClear?: () => void;
174}
175
176function RequestInput(props: {
177  isLoading?: boolean;
178  request: Request;
310}
311
312function RequestTab(props: {
313  selected: boolean;
314  onSelect: () => void;
334}
335
336function ResponseOutput(props: { response: Response }) {
337  return (
338    <div class="flex flex-col gap-y-2">
571};
572
573async function serializeRequest(request: Request): Promise<SerializedRequest> {
574  return {
575    url: request.url,
580}
581
582function deserializeRequest(request: SerializedRequest): Request {
583  return new Request(request.url, {
584    method: request.method,
593};
594
595function loadHistory() {
596  try {
597    return JSON.parse(localStorage.getItem("history") || "[]").map(

8  const jsonBtn = document.getElementById("download-json");
9
10  function selectStatementFromPosition(statements, pos) {
11    for (const statement of statements) {
12      if (statement.end + 1 >= pos) return statement;
15  }
16
17  function getCode(): string {
18    // @ts-expect-error
19    const code = editor.code;

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
37

8  const jsonBtn = document.getElementById("download-json");
9
10  function selectStatementFromPosition(statements, pos) {
11    for (const statement of statements) {
12      if (statement.end + 1 >= pos) return statement;
15  }
16
17  function getCode(): string {
18    // @ts-expect-error
19    const code = editor.code;

1console.log("getCode() function loaded");
2import htmx from "https://esm.sh/htmx.org";
3import { identify } from "https://esm.sh/sql-query-identifier@2.7.0";
4
5if (typeof Deno === "undefined") {
6  function selectStatementFromPosition(statements, pos) {
7    for (const statement of statements) {
8      if (statement.end + 1 >= pos) return statement;
11  }
12
13  function getCode() {
14    const editor = htmx.find("#editordiv");
15    const code = editor.code;

9  const buttons = [csvBtn, jsonBtn, runBtn];
10
11  function checkForText() {
12    if (editor.view.state.doc.toString().trim() === "") {
13      buttons.forEach(btn => btn.disabled = true);
25  });
26
27  document.addEventListener("DOMContentLoaded", function() {
28    // Initial check
29    checkForText();