Val Town Code SearchReturn to Val Town

3// we can make it interactive with additional scripts.
4
5export default async function(req: Request): Promise<Response> {
6  const url = new URL(req.url);
7  const pathname = url.pathname;
57}
58
59function renderStoryPage(storyId: string): string {
60  const stories = {
61    "1": {

2import { render } from "npm:preact-render-to-string";
3
4export default async function(req: Request) {
5  return new Response(
6    render(

1export async function fetchVal(valId: string) {
2    try {
3        const response = await fetch(`https://api.val.town/v1/vals/${valId}`);
13}
14
15export async function evalCode(code: string) {
16    try {
17        const response = await fetch(`https://api.val.town/v1/eval`, {
46}
47
48function handleEvalCode(elementId: string) {
49    const element = document.getElementById(`code-${elementId}`);
50    if (element) {
73}
74
75export async function previewVal(valName: string, resultElementId: string) {
76    try {
77        const resultElement = document.getElementById(resultElementId);
94}
95
96function escapeHtml(unsafe: string) {
97    return unsafe
98         .replace(/&/g, "&")
103}
104
105export function injectValContent(valId: string, elementId: string) {
106    return fetchVal(valId).then(data => {
107        if (data) {
225}
226
227export function initializeValComponents() {
228    document.querySelectorAll('[data-val-id]').forEach(element => {
229        const valId = element.getAttribute('data-val-id');
237}
238
239function handlePreviewVal(elementId: string, valName: string) {
240    const previewElementId = `preview-${elementId}`;
241    previewVal(valName, previewElementId).catch(error => {
248}
249
250// Ensure the handler functions are accessible globally
251(window as any).handlePreviewVal = handlePreviewVal;
252(window as any).handleEvalCode = handleEvalCode;

1// This val responds to HTTP requests with "Hello world"
2export default async function main(req: Request): Promise<Response> {
3  return new Response("Hello world");
4}

1// This val will respond to all HTTP requests with "Hello world"
2
3export default async function(req: Request): Promise<Response> {
4  return new Response("Hello world", {
5    headers: { "Content-Type": "text/plain" },

1// This val simply responds to all HTTP requests with "Hello world"
2export default async function main(req: Request): Promise<Response> {
3  return new Response("Hello world");
4}

1// This val will respond with "Hello, World!" to all incoming HTTP requests.
2
3export default async function main(req: Request): Promise<Response> {
4  return new Response("Hello, World!", { headers: { "Content-Type": "text/plain" } });
5}

1// This val will respond with "Hello world" to all incoming HTTP requests
2
3export default async function main(req: Request): Promise<Response> {
4  return new Response("Hello world");
5}

2// It uses Deno's built-in HTTP server.
3
4export default async function main(req: Request): Promise<Response> {
5  return new Response("Hello, World!", {
6    headers: { "Content-Type": "text/plain" },

1// This val responds with "Hello, World!"
2export default async function main(req: Request): Promise<Response> {
3  return new Response("Hello, World!", {
4    headers: {