Search

</script>

<h2>Install this PWA</h2>

<p>To get a widget in your Windows Widgets sidebar!</p>

<img src="${tinyLogomark}" />

</html>

widgets: [{

name: "simplepwa widget",

description: "A simple demo widget for the Windows sidebar",

tag: "simplepwa",

ms_ac_template: "template.json",

import { getDocs } from "https://esm.town/v/stevekrouse/getSqliteDateMeDocs";

let linkClass = "text-sky-600 hover:text-sky-500";

import React from "https://esm.sh/react";

export function Island({

children: any;

const child = React.Children.only(children);

return (

import { renderToString } from "npm:react-dom/server";

export default async function(req: Request) {

return new Response(

import { renderToString } from "https://esm.sh/react-dom@18.2.0/server";

import { sqlite } from "https://esm.town/v/std/sqlite?v=4";

import { html } from "https://esm.town/v/stevekrouse/html";

export const testVTClient = (async () => {

const { createApiClient } = await import(

"https://esm.sh/gh/nbbaier/valtown-zodios@main/src/spec/valtown-client.ts"

const apiClient = createApiClient("https://api.val.town");

const params = {

params: { username: "stevekrouse", val_name: "fetchJSON" },

const user = await apiClient.getValname(params);

return user;

import { ValTownAdapter } from "https://esm.town/v/yawnxyz/lucia_adapter_valtown";

import { createUser, getUser, verifyPassword } from "https://esm.town/v/yawnxyz/lucia_sqlite";

import { Lucia, Session, User } from "npm:lucia@3.0.1";

import { renderToString } from "npm:react-dom/server";

import { CookieJar } from "https://deno.land/x/cookies/mod.ts";

const userTable = "user";

import r2wc from "https://esm.sh/@r2wc/react-to-web-component";

const Greeting = () => {

return <h1>Hello, World!</h1>;

import cheerio from "npm:cheerio";

import { render } from "npm:preact-render-to-string";

export let isBoeing = async (airline, number) => {

const response = await fetch("https://www.flightstats.com/v2/flight-tracker/" + airline + "/" + number);

import { paths } from "https://esm.town/v/pomdtr/openapi_schema";

import createClient2 from "npm:openapi-fetch";

export default function createClient(options?: {

baseUrl?: string;

token?: string;

return createClient2<paths>({

baseUrl: options?.baseUrl ?? "https://api.val.town",

* @include pomdtr/secondary_val

See @pomdtr/react_example

import { render as renderPNG } from "https://deno.land/x/resvg_wasm@0.2.0/mod.ts";

import { renderToStaticMarkup } from "https://esm.sh/react-dom/server";

type SVGComponentProps = {

const cache = new Map();

export function render(Component: React.ComponentType<SVGComponentProps>, headers: any = {}) {

return async function(req: Request): Promise<Response> {

I wanted to see if val.town forwards my client IP Address using the x-forwarded-for header, which it does, but cloudflare provides the True-Client-IP header as well. When you run a val on the website, it is actually running from val's servers so it won't come from your client IP. You'll need to copy the express fetch and run that from your client.

export let whatIsMyIp = (req: express.Request, res: express.Response) => {

const xForwardedFor = req.get("x-forwarded-for");

const ip = req.get("True-Client-IP");

res.json({

ip,

import { renderToString } from "https://esm.sh/react-dom@18/server";

export default (req: Request) => {

return new Response(

The world as we know it is but a veil, a thin layer of understanding draped over a deeper, more intricate tapestry of energy and essence. Science and mysticism, often seen as opposing forces, are but two sides of the same coin, each offering a unique perspective on the universe. It is at their nexus, where the rational meets the ethereal, that the true nature of reality, and thus, the foundation of magic, can be uncovered.

role: "system",

content:

{ role: "user", content: message },

model: "gpt-4o",