Search

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

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

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

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

function StatusRow({ rows }: { rows: any[] }) {

* Indicates that the output node should bubble up to the invoking runner,

* if any.

* This is useful for sending outputs to the user from inside of the nested

* graphs.

| "bubble"

display: none;

.side-chapter {

opacity: 0.5;

id="prev-chapter-title"

class="chapter-title-txt side-chapter"

></div>

id="next-chapter-title"

class="chapter-title-txt side-chapter"

></div>

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,

// and importing the javascript file this way works

} = chai;

export { assert, Assertion, AssertionError, config, expect, use, util, version };

import React, { useState, useEffect, useRef } from "https://esm.sh/react@18.2.0";

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

import { marked } from "https://esm.sh/marked@4.3.0";

</div>

function client() {

createRoot(document.getElementById("root")).render(<App />);

if (typeof document !== "undefined") {

client();

const css = `

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

* Exponential backoff middleware

* If your server returns a 5xx error,

import React, { useEffect, useState } from "https://esm.sh/react";

import { createRoot } from "https://esm.sh/react-dom/client";

function ThankYouCard({ note, theme, font, recipientName, senderName }) {

</div>

function client() {

createRoot(document.getElementById("root")).render(<App />);

if (typeof document !== "undefined") {

client();

export default async function server(request: Request): Promise<Response> {

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

import { jsx as _jsx } from "https://esm.sh/react/jsx-runtime";

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

const root = createRoot(document.getElementById("app"));

window.addEventListener('resize', onWindowResize);

function onMouseMove(event) {

currentPoint.set(event.clientX, window.innerHeight - event.clientY);

if (isPressed) {

dragVector.subVectors(currentPoint, clickPoint);

function onMouseDown(event) {

isPressed = true;

clickPoint.set(event.clientX, window.innerHeight - event.clientY);

currentPoint.copy(clickPoint);

dragVector.set(0, 0);

const startup_name = new ComputeText({

prompt:

`Give me a unique startup name inside <name></name> tags related to ${prompt}. Example: <name>Hyphae</name><description>A startup that ... </description>`,

const haiku = new ComputeText({

prompt: sb.concat(

This is a client-side helper for linkifying URLs in error pages

import linkify from "https://esm.sh/linkify-element";

const MODULE_URL = "https://esm.town/";

* It returns the events as raw JSON.

* Note: This requires a Calendly Personal Access Token to be set as an environment variable.

async function server(request: Request): Promise<Response> {

const calendlyToken = Deno.env.get('CALENDLY_TOKEN');

export async function IP(req, res) {

const ip = req.get("true-client-ip") ??

req.get("x-forwarded-for")?.split(",")[0];

res.send(ip);

export function articleTag(content: HtmlContents | undefined = undefined): Tag {

return basicTag("article", content);

export function asideTag(content: HtmlContents | undefined = undefined): Tag {

return basicTag("aside", content);

export function footerTag(content: HtmlContents | undefined = undefined): Tag {

return basicTag("footer", content);