Val Town Code SearchReturn to Val Town

1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import { createRoot } from "https://esm.sh/react-dom@18.2.0/client";
3import React, { useEffect, useReducer, useRef, useState } from "https://esm.sh/react@18.2.0";
4
5function downloadGeoJSON(geojson, filename) {

dotcomapp.tsx6 matches

@jxnblk•Updated 1 month ago

1// core react component for jxnblkio
2/** @jsxImportSource https://esm.sh/react@18.3.1 */
3// import { MdContrast } from "https://esm.sh/react-icons/md";
4import React from "https://esm.sh/react@18.3.1";
5import { useMemo, useState } from "https://esm.sh/react@18.3.1";
6import { Avatar } from "./avatar.tsx";
7import { Diagz, Tiled } from "./greebles.tsx";
381};
382
383export const routes: Record<Route, React.FunctionComponent> = {
384  [Route.Home]: Home,
385  [Route.Blog]: Blog,

1/** @jsxImportSource npm:react */
2/** @jsxImportSourceTypes npm:@types/react */
3import { renderToString } from "npm:react-dom/server";
4
5import { sqlite } from "https://esm.town/v/stevekrouse/sqlite";
55
56// Components
57const MySpaceLayout = ({ children, theme = "blue" }: { children: React.ReactNode, theme: string }) => {
58  const themes = {
59    blue: {

dotcomhttp.tsx4 matches

@jxnblk•Updated 1 month ago

1// static / vanilla js version of jxnblkio
2/** @jsxImportSource https://esm.sh/react@18.3.1 */
3import { match } from "https://esm.sh/path-to-regexp@8.2.0";
4import React from "https://esm.sh/react@18.3.1";
5import { useMemo, useState } from "https://esm.sh/react@18.3.1";
6
7// port this to a new project
8import { DataRequest, render, robots } from "https://esm.town/v/jxnblk/reactstream/index.tsx";
9
10

3  "specifiers": {
4    "npm:@libsql/client@*": "0.14.0",
5    "npm:@types/react@*": "19.0.10",
6    "npm:react-dom@*": "19.0.0_react@19.0.0",
7    "npm:react@*": "19.0.0",
8    "npm:zod@*": "3.24.2"
9  },
74      ]
75    },
76    "@types/react@19.0.10": {
77      "integrity": "sha512-JuRQ9KXLEjaUNjTWpzuR231Z2WpIwczOkBEIvbHNCzQefFIT0L8IqE6NV6ULLyC1SI/i234JnDoMkfg+RjQj2g==",
78      "dependencies": [
139      "integrity": "sha512-7nJ6v5lnJsXwGprnGXga4wx6d1POjvi5Qmf1ivTRxTjH4Z/9Czja/UCMLVmB9N93GeWOU93XaFaEt6jbuoagNw=="
140    },
141    "react-dom@19.0.0_react@19.0.0": {
142      "integrity": "sha512-4GV5sHFG0e/0AD4X+ySy6UJd3jVl1iNsNHdpad0qhABJ11twS3TTBnseqsKurKcsNqCEFeGL3uLpVChpIO3QfQ==",
143      "dependencies": [
144        "react",
145        "scheduler"
146      ]
147    },
148    "react@19.0.0": {
149      "integrity": "sha512-V8AVnmPIICiWpGfm6GLzCR/W5FXLchHop40W4nXBmdlEceh16rCN8O8LNWm5bh5XUX91fh7KpA+W0TgMKmgTpQ=="
150    },

1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import QrScanner from "https://esm.sh/qr-scanner@1.4.2";
3import { createRoot } from "https://esm.sh/react-dom@18.2.0/client";
4import React, { useRef, useState } from "https://esm.sh/react@18.2.0";
5
6function App() {

1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import React, { useState, useEffect, useRef } from "https://esm.sh/react@18.2.0";
3import { createRoot } from "https://esm.sh/react-dom@18.2.0/client";
4
5function VoiceWaveform({ isActive, type = 'user' }) {

1import { Avatar } from "npm:react-avatar";
2
3export default async function(req: Request): Promise<Response> {

dotcomanalytics.tsx1 match

@jxnblk•Updated 1 month ago

1// visits
2import { DataRequest } from "https://esm.town/v/jxnblk/reactstream/index.tsx";
3
4const API = "https://jxnblk-api.web.val.run/visits";

dotcomrss.tsx1 match

@jxnblk•Updated 1 month ago

2
3// import data from "https://blog.jxnblk.com/api/all.json" with { type: "json" };
4import type { Middleware } from "https://esm.town/v/jxnblk/reactstream/index.tsx";
5
6function generateRSSFeed(posts) {