Val Town Code SearchReturn to Val Town

41};
42
43function renderComments(comments: Comment[]): string {
44  return comments.map(comment => `
45    <div class="comment">
50}
51
52function renderStoryPage(storyId: string): string {
53  const story = stories[storyId] || { title: "Story Not Found", content: "The story you are looking for does not exist.", comments: [] };
54
88}
89
90function renderMainPage(): string {
91  const storyHtml = Object.entries(stories).map(([id, story]) => `
92    <div class="story">
126}
127
128export default async function(req: Request): Promise<Response> {
129  const url = new URL(req.url);
130  const pathname = url.pathname;

40};
41
42export default async function(req: Request): Promise<Response> {
43  const url = new URL(req.url);
44  const pathname = url.pathname;
60}
61
62function renderStoryPage(storyId: string): string {
63  const story = stories[storyId] || { title: "Story Not Found", content: "The story you are looking for does not exist.", comments: [] };
64  const commentsHtml = story.comments.map(comment => `
104}
105
106function renderHomePage(): string {
107  const storiesHtml = Object.entries(stories).map(([id, story]) => `
108    <div class="story">

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}