Val Town Code SearchReturn to Val Town

167  <meta name="viewport" content="width=device-width, initial-scale=1.0">
168  <title>Prerequisite Tree Generator</title>
169  <link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>🌳</text></svg>">
170  <script src="https://unpkg.com/react@18/umd/react.development.js"></script>
171  <script src="https://unpkg.com/react-dom@18/umd/react-dom.development.js"></script>

209gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE);
210gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE);
211gl.texImage2D(gl.TEXTURE_2D, 0, gl.R8, numBars, 1, 0, gl.RED, gl.UNSIGNED_BYTE, null);
212
213// Matrix helpers
263    gl.activeTexture(gl.TEXTURE0);
264    gl.bindTexture(gl.TEXTURE_2D, audioTex);
265    gl.texSubImage2D(gl.TEXTURE_2D, 0, 0, 0, numBars, 1, gl.RED, gl.UNSIGNED_BYTE, fftBuffer);
266  }
267

130
131#### **Content Rendering**
132- **Rich Notion Blocks**: Supports headings, paragraphs, lists, code blocks, callouts, images, videos, tables, and more
133- **Enhanced Code Blocks**: Syntax highlighting powered by Prism.js with support for 30+ languages, line numbers, and language indicators (optimized for performance with non-blocking JavaScript loading)
134- **Property Display**: Shows all page properties with type-specific formatting and icons

5import { Home } from "./Home.tsx";
6import { BlobPage } from "./BlobPage.tsx";
7import { isImage, isJSON, isText } from "./utils.ts";
8import { Layout } from "./Layout.tsx";
9import { NewPage } from "./NewPage.tsx";
78  }
79  const metadata = matches[0];
80  if (isImage(metadata.key)) {
81    return c.html(<BlobPage name={key} metadata={metadata} type="image" />);
82  }
83  if (metadata.size < 1024 || isText(metadata.key)) { // is text or small

4This is a lightweight Blob Admin interface to view and debug your Blob data.
5
6![b7321ca2cd80899250589b9aa08bc3cae9c7cea276282561194e7fc537259b46.png](https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/311a81bb-18d8-4583-b7e3-64bac326f700/public)
7
8## Installation
31- **Authentication**: Secure access with lastlogin middleware
32- **File Type Support**:
33  - **Images**: Display inline with preview
34  - **Text Files**: Editable in textarea with syntax highlighting
35  - **JSON Files**: Interactive JSON viewer with collapsible nodes and edit capability

1const COMMON_IMAGE_EXTENSIONS = [
2  "jpg",
3  "jpeg",
45];
46
47export function isImage(path: string) {
48  return COMMON_IMAGE_EXTENSIONS.includes(path.split(".").pop());
49}
50

92            </form>
93          )}
94      {type === "image" && <img src={`/raw/${encodeURIComponent(name)}`} />}
95    </Layout>
96  );

78<br/>
79<br/>
80<div class="time-bar" onclick="loadImage()" id="timeBar">加载中...</div>
81<div>
82    <img id="preview" src="" />
83</div><input type="file" id="fileInput" accept="image/*" style="display:none;">
84
85<div id="barcodeWrapper">
92
93    window.counter = 0;
94    function loadImage(){
95        window.counter++;
96        if(window.counter > 6 ){

39    if (response.status > 400) {
40      const shortenedName = "Error (Forbidden)";
41      const image = "/assets/spotify.svg";
42      return { shortenedName, image };
43    } else if (response.status === 204) {
44      const shortenedName = "Currently Not Playing";
45      const image = "/assets/spotify.svg";
46      return { shortenedName, image };
47    }
48
49    const song = await response.json();
50    const image = song.item.album.images[0].url;
51    const artistNames = song.item.artists.map(a => a.name);
52    const link = song.item.external_urls.spotify;
65      formattedArtist,
66      artistLink,
67      image,
68    };
69  } catch (error) {
70    const shortenedName = "Error";
71    const image = "/assets/spotify.svg";
72    return { shortenedName, image };
73  }
74};

5const INPUT_TOKEN_COST = 500;
6const OUTPUT_TOKEN_COST = 500;
7const INPUT_IMAGE_COST = 750;
8const INPUT_VIDEO_COST = 1000;
9const INPUT_FILE_COST = 750;
100]);
101
102const SUPPORTED_IMAGE_EXTENSIONS = new Set([
103  ".jpg",
104  ".jpeg",
148interface ProcessedFile {
149  name: string;
150  type: "text" | "image" | "video" | "document" | "unknown";
151  content: string;
152  metadata: {
176      if (SUPPORTED_TEXT_EXTENSIONS.has(extension)) {
177        return this.processTextFile(buffer, name, metadata);
178      } else if (SUPPORTED_IMAGE_EXTENSIONS.has(extension)) {
179        return this.processImageFile(buffer, name, metadata);
180      } else if (SUPPORTED_VIDEO_EXTENSIONS.has(extension)) {
181        return this.processVideoFile(buffer, name, metadata);
231  }
232
233  static processImageFile(
234    buffer: Uint8Array,
235    name: string,
240    return {
241      name,
242      type: "image",
243      content:
244        `Image File: ${name}\nFormat: ${metadata.extension.toUpperCase()}\nSize: ${metadata.size} bytes\nBase64 Data Available: Yes`,
245      metadata: { ...metadata, base64 },
246    };
339  const responses = {
340    "which model are you":
341      "I'm an omni-capable AI assistant that can process text, images, videos, and documents using various state-of-the-art language models.",
342    "which version are you":
343      "I'm an omni-capable AI assistant powered by multiple advanced language models including DeepSeek, Llama-4, and others.",
345      "I'm functioning optimally and ready to help with your questions and file processing needs.",
346    "what can you do":
347      "I can analyze text, images, videos, and documents. I can also engage in conversations, answer questions, write code, and help with various tasks.",
348  };
349
373    attachmentContext += `\n\n--- ${processed.name} ---\n${processed.content}`;
374
375    if (processed.type === "image" && processed.metadata.base64) {
376      attachmentContext += `\n[Base64 image data available for vision models]`;
377    }
378  }
389  for (const attachment of attachments) {
390    const extension = FileProcessor.getExtension(attachment.name);
391    if (SUPPORTED_IMAGE_EXTENSIONS.has(`.${extension}`)) {
392      try {
393        const response = await fetch(attachment.url);
396
397        messageContent.push({
398          type: "image_url",
399          _image_url: {
400            url: `data:${attachment.content_type};base64,${base64}`,
401          },
402          get image_url() {
403            return this._image_url;
404          },
405          set image_url(value) {
406            this._image_url = value;
407          },
408        });
409      } catch (error) {
410        console.error(`Failed to process image ${attachment.name}:`, error);
411      }
412    }
421  attachments: FileAttachment[] = [],
422): Promise<Response> {
423  const hasImages = attachments.some((att) =>
424    SUPPORTED_IMAGE_EXTENSIONS.has(`.${FileProcessor.getExtension(att.name)}`)
425  );
426
427  let finalMessages = messages;
428
429  if (hasImages && config.supportsVision && messages.length > 0) {
430    const lastMessage = messages[messages.length - 1];
431    if (lastMessage.role === "user") {
524      for (const attachment of msg.attachments) {
525        const ext = `.${FileProcessor.getExtension(attachment.name)}`;
526        if (SUPPORTED_IMAGE_EXTENSIONS.has(ext)) {
527          inputCost += INPUT_IMAGE_COST;
528        } else if (SUPPORTED_VIDEO_EXTENSIONS.has(ext)) {
529          inputCost += INPUT_VIDEO_COST;
565    send("text", {
566      text:
567        "Hi! I'm an omni-capable AI assistant. I can help you with text, images, videos, and documents.",
568    });
569    send("done", {});
646    `| Input Text | ${INPUT_TOKEN_COST} points/1k tokens |\n` +
647    `| Output Text | ${OUTPUT_TOKEN_COST} points/1k tokens |\n` +
648    `| Input Image | ${INPUT_IMAGE_COST} points/file |\n` +
649    `| Input Video | ${INPUT_VIDEO_COST} points/file |\n` +
650    `| Input Document | ${INPUT_DOCUMENT_COST} points/file |\n` +