31the simplest way to achieve the goal, though you can add some inline comments to explain your
32reasoning (not for every line, but for major groups of lines). Don't use any environment variables
33unless strictly necessary, for example use APIs that don't require a key, prefer internal function
34imports (using esm.town), and prefer putting API keys as inline variables. Use built-in Deno
35functions where possible. Unless specified, don't add error handling,
36make sure that errors bubble up to the caller.
37There should be no comments like "more content here", it should be complete and directly runnable.
38The val should create a "export default async function main" which is the main function that gets
39executed on every HTTP request.
40`.replace("\n", " ");
41
42// Your response should start with \`\`\`ts and end with \`\`\`.
43// The val should create a "export default async function main() {" which
44// is the main function that gets executed, without any arguments. Don't return a Response object,
45// just return a plain Javascript object, array, or string.
46
83 const writer = writable.getWriter();
84 const textEncoder = new TextEncoder();
85 function write(text) {
86 writer.write(textEncoder.encode(text));
87 }
149 </div>
150 <script>
151 function updateValName(valName) {
152 const valUrl = valName ? \`https://val.town/v/${username}/\${valName}\` : "";
153 const previewUrl = valName ? \`https://${username}-\${valName}.web.val.run\` : "";
157 document.getElementById('open-link').href = previewUrl;
158 }
159 function saveVal() {
160 if (window.codeMirrorEditor) {
161 document.getElementById("save-icon").classList.remove("hidden");
177 return false;
178 })
179 function openTab(tab) {
180 const tabButtonCode = document.getElementById("tab-button-code");
181 const tabButtonPreview = document.getElementById("tab-button-preview");
197 }
198 }
199 function toggleTab() {
200 openTab(document.getElementById("tab-panel-code").style.visibility === "visible" ? "preview" : "code");
201 }
255 (() => {
256 const scrollingElement = document.getElementById("conversation-container");
257 const callback = function (mutationsList, observer) {
258 scrollingElement.scrollTo({ left: 0, top: scrollingElement.scrollHeight, behavior: "instant" });
259 };
328 window.setCodeMirrorContent({ doc: '', old: ''});
329 let fullStr = "";
330 window.addToken = function(str) {
331 fullStr += str;
332 const code = fullStr.replaceAll("\`\`\`ts\\n", "").replaceAll("\`\`\`", "");
31the simplest way to achieve the goal, though you can add some inline comments to explain your
32reasoning (not for every line, but for major groups of lines). Don't use any environment variables
33unless strictly necessary, for example use APIs that don't require a key, prefer internal function
34imports (using esm.town), and prefer putting API keys as inline variables. Use built-in Deno
35functions where possible. Unless specified, don't add error handling,
36make sure that errors bubble up to the caller.
37There should be no comments like "more content here", it should be complete and directly runnable.
38The val should create a "export default async function main" which is the main function that gets
39executed on every HTTP request.
40`.replace("\n", " ");
41
42// Your response should start with \`\`\`ts and end with \`\`\`.
43// The val should create a "export default async function main() {" which
44// is the main function that gets executed, without any arguments. Don't return a Response object,
45// just return a plain Javascript object, array, or string.
46
84 const writer = writable.getWriter();
85 const textEncoder = new TextEncoder();
86 function write(text) {
87 writer.write(textEncoder.encode(text));
88 }
164 </div>
165 <script>
166 function updateValName(valName) {
167 const valUrl = valName ? \`https://val.town/v/${username}/\${valName}\` : "";
168 const previewUrl = valName ? \`https://${username}-\${valName}.web.val.run\` : "";
172 document.getElementById('open-link').href = previewUrl;
173 }
174 function saveVal() {
175 if (window.codeMirrorEditor) {
176 document.getElementById("save-icon").classList.remove("hidden");
192 return false;
193 })
194 function openTab(tab) {
195 const tabButtonCode = document.getElementById("tab-button-code");
196 const tabButtonPreview = document.getElementById("tab-button-preview");
212 }
213 }
214 function toggleTab() {
215 openTab(document.getElementById("tab-panel-code").style.visibility === "visible" ? "preview" : "code");
216 }
270 (() => {
271 const scrollingElement = document.getElementById("conversation-container");
272 const callback = function (mutationsList, observer) {
273 scrollingElement.scrollTo({ left: 0, top: scrollingElement.scrollHeight, behavior: "instant" });
274 };
343 window.setCodeMirrorContent({ doc: '', old: ''});
344 let fullStr = "";
345 window.addToken = function(str) {
346 fullStr += str;
347 const code = fullStr.replaceAll("\`\`\`ts\\n", "").replaceAll("\`\`\`", "");
31the simplest way to achieve the goal, though you can add some inline comments to explain your
32reasoning (not for every line, but for major groups of lines). Don't use any environment variables
33unless strictly necessary, for example use APIs that don't require a key, prefer internal function
34imports (using esm.town), and prefer putting API keys as inline variables. Use built-in Deno
35functions where possible. Unless specified, don't add error handling,
36make sure that errors bubble up to the caller.
37There should be no comments like "more content here", it should be complete and directly runnable.
38The val should create a "export default async function main" which is the main function that gets
39executed on every HTTP request.
40`.replace("\n", " ");
41
42// Your response should start with \`\`\`ts and end with \`\`\`.
43// The val should create a "export default async function main() {" which
44// is the main function that gets executed, without any arguments. Don't return a Response object,
45// just return a plain Javascript object, array, or string.
46
83 const writer = writable.getWriter();
84 const textEncoder = new TextEncoder();
85 function write(text) {
86 writer.write(textEncoder.encode(text));
87 }
174 </div>
175 <script>
176 function updateValName(valName) {
177 const valUrl = valName ? \`https://val.town/v/${username}/\${valName}\` : "";
178 const previewUrl = valName ? \`https://${username}-\${valName}.web.val.run\` : "";
182 document.getElementById('open-link').href = previewUrl;
183 }
184 function saveVal() {
185 if (window.codeMirrorEditor) {
186 document.getElementById("save-icon").classList.remove("hidden");
202 return false;
203 })
204 function openTab(tab) {
205 const tabButtonCode = document.getElementById("tab-button-code");
206 const tabButtonPreview = document.getElementById("tab-button-preview");
222 }
223 }
224 function toggleTab() {
225 openTab(document.getElementById("tab-panel-code").style.visibility === "visible" ? "preview" : "code");
226 }
280 (() => {
281 const scrollingElement = document.getElementById("conversation-container");
282 const callback = function (mutationsList, observer) {
283 scrollingElement.scrollTo({ left: 0, top: scrollingElement.scrollHeight, behavior: "smooth" });
284 };
32the simplest way to achieve the goal, though you can add some inline comments to explain your
33reasoning (not for every line, but for major groups of lines). Don't use any environment variables
34unless strictly necessary, for example use APIs that don't require a key, prefer internal function
35imports (using esm.town), and prefer putting API keys as inline variables. Use built-in Deno
36functions where possible. Unless specified, don't add error handling,
37make sure that errors bubble up to the caller.
38There should be no comments like "more content here", it should be complete and directly runnable.
39The val should create a "export default async function main() {" which
40is the main function that gets executed on every HTTP request.
41`.replace("\n", " ");
42
79 const writer = writable.getWriter();
80 const textEncoder = new TextEncoder();
81 function write(text) {
82 writer.write(textEncoder.encode(text));
83 }
143 </div>
144 <script>
145 function updateValName(valName) {
146 const valUrl = valName ? \`https://val.town/v/${username}/\${valName}\` : "";
147 const previewUrl = valName ? \`https://${username}-\${valName}.web.val.run\` : "";
151 document.getElementById('open-link').href = previewUrl;
152 }
153 function saveVal() {
154 if (window.codeMirrorEditor) {
155 document.getElementById("save-icon").classList.remove("hidden");
171 return false;
172 })
173 function openTab(tab) {
174 const tabButtonCode = document.getElementById("tab-button-code");
175 const tabButtonPreview = document.getElementById("tab-button-preview");
191 }
192 }
193 function toggleTab() {
194 openTab(document.getElementById("tab-panel-code").classList.contains("hidden") ? "code" : "preview");
195 }
250 (() => {
251 const scrollingElement = document.getElementById("conversation-container");
252 const callback = function (mutationsList, observer) {
253 scrollingElement.scrollTo({ left: 0, top: scrollingElement.scrollHeight, behavior: "instant" });
254 };
322 window.setCodeMirrorContent({ doc: '', old: ''});
323 let fullStr = "";
324 window.addToken = function(str) {
325 fullStr += str;
326 const code = fullStr.replaceAll("\`\`\`ts\\n", "").replaceAll("\`\`\`", "");
31the simplest way to achieve the goal, though you can add some inline comments to explain your
32reasoning (not for every line, but for major groups of lines). Don't use any environment variables
33unless strictly necessary, for example use APIs that don't require a key, prefer internal function
34imports (using esm.town), and prefer putting API keys as inline variables. Use built-in Deno
35functions where possible. Unless specified, don't add error handling,
36make sure that errors bubble up to the caller.
37There should be no comments like "more content here", it should be complete and directly runnable.
38The val should create a "export default async function main() {" which
39is the main function that gets executed on every HTTP request.
40`
41
78 const writer = writable.getWriter();
79 const textEncoder = new TextEncoder();
80 function write(text) {
81 writer.write(textEncoder.encode(text));
82 }
152 </div>
153 <script>
154 function updateValName(valName) {
155 const valUrl = valName ? \`https://val.town/v/${username}/\${valName}\` : "";
156 const previewUrl = valName ? \`https://${username}-\${valName}.web.val.run\` : "";
160 document.getElementById('open-link').href = previewUrl;
161 }
162 function saveVal() {
163 if (window.codeMirrorEditor) {
164 document.getElementById("save-icon").classList.remove("hidden");
180 return false;
181 })
182 function openTab(tab) {
183 const tabButtonCode = document.getElementById("tab-button-code");
184 const tabButtonPreview = document.getElementById("tab-button-preview");
200 }
201 }
202 function toggleTab() {
203 openTab(document.getElementById("tab-panel-code").style.visibility === "visible" ? "preview" : "code");
204 }
258 (() => {
259 const scrollingElement = document.getElementById("conversation-container");
260 const callback = function (mutationsList, observer) {
261 scrollingElement.scrollTo({ left: 0, top: scrollingElement.scrollHeight, behavior: "instant" });
262 };
331 window.setCodeMirrorContent({ doc: '', old: ''});
332 let fullStr = "";
333 window.addToken = function(str) {
334 fullStr += str;
335 const code = fullStr.replaceAll("\`\`\`ts\\n", "").replaceAll("\`\`\`", "");
31the simplest way to achieve the goal, though you can add some inline comments to explain your
32reasoning (not for every line, but for major groups of lines). Don't use any environment variables
33unless strictly necessary, for example use APIs that don't require a key, prefer internal function
34imports (using esm.town), and prefer putting API keys as inline variables. Use built-in Deno
35functions where possible. Unless specified, don't add error handling,
36make sure that errors bubble up to the caller.
37There should be no comments like "more content here", it should be complete and directly runnable.
38The val should create a "export default async function main" which is the main function that gets
39executed on every HTTP request.
40`.replace("\n", " ");
41
42// Your response should start with \`\`\`ts and end with \`\`\`.
43// The val should create a "export default async function main() {" which
44// is the main function that gets executed, without any arguments. Don't return a Response object,
45// just return a plain Javascript object, array, or string.
46
85 const writer = writable.getWriter();
86 const textEncoder = new TextEncoder();
87 function write(text) {
88 writer.write(textEncoder.encode(text));
89 }
159 (() => {
160 const scrollingElement = document.getElementById("conversation-container");
161 const callback = function (mutationsList, observer) {
162 scrollingElement.scrollTo({ left: 0, top: scrollingElement.scrollHeight, behavior: "instant" });
163 };
232 window.setCodeMirrorContent({ doc: '', old: ''});
233 let fullStr = "";
234 window.addToken = function(str) {
235 fullStr += str;
236 const code = fullStr.replaceAll("\`\`\`ts\\n", "").replaceAll("\`\`\`", "");
1// This val will respond with a colorful and fun HTML page
2
3export default async function main(): Promise<Response> {
4 const htmlContent = `
5 <!DOCTYPE html>
1// This val will respond with a fun and styled HTML page saying "Hello, world!"
2
3export default async function main(): Promise<Response> {
4 const htmlContent = `
5 <!DOCTYPE html>
1// This val will respond with a funky HTML page with crazy fonts and gradients!
2
3export default async function main(): Promise<Response> {
4 const htmlContent = `
5 <!DOCTYPE html>
31the simplest way to achieve the goal, though you can add some inline comments to explain your
32reasoning (not for every line, but for major groups of lines). Don't use any environment variables
33unless strictly necessary, for example use APIs that don't require a key, prefer internal function
34imports (using esm.town), and prefer putting API keys as inline variables. Use built-in Deno
35functions where possible. Unless specified, don't add error handling,
36make sure that errors bubble up to the caller.
37There should be no comments like "more content here", it should be complete and directly runnable.
38The val should create a "export default async function main" which is the main function that gets
39executed on every HTTP request.
40`.replace("\n", " ");
70 const writer = writable.getWriter();
71 const textEncoder = new TextEncoder();
72 function write(text) {
73 writer.write(textEncoder.encode(text));
74 }
134 </div>
135 <script>
136 function updateValName(valName) {
137 const valUrl = valName ? \`https://val.town/v/${username}/\${valName}\` : "";
138 const previewUrl = valName ? \`https://${username}-\${valName}.web.val.run\` : "";
142 document.getElementById('open-link').href = previewUrl;
143 }
144 function saveVal() {
145 if (window.codeMirrorEditor) {
146 document.getElementById("save-icon").classList.remove("hidden");
162 return false;
163 })
164 function openTab(tab) {
165 const tabButtonCode = document.getElementById("tab-button-code");
166 const tabButtonPreview = document.getElementById("tab-button-preview");
182 }
183 }
184 function toggleTab() {
185 openTab(document.getElementById("tab-panel-code").style.visibility === "visible" ? "preview" : "code");
186 }
240 (() => {
241 const scrollingElement = document.getElementById("conversation-container");
242 const callback = function (mutationsList, observer) {
243 scrollingElement.scrollTo({ left: 0, top: scrollingElement.scrollHeight, behavior: "instant" });
244 };
307 window.setCodeMirrorContent({ doc: '', old: ''});
308 let fullStr = "";
309 window.addToken = function(str) {
310 fullStr += str;
311 const code = fullStr.replaceAll("\`\`\`ts\\n", "").replaceAll("\`\`\`", "");
