Search

const API = "https://jxnblk-jxnblkio.web.val.run/";

let color = localStorage.getItem("color") || "light";

import isPointWithinRadius from "https://esm.sh/geolib/es/isPointWithinRadius";

import { useLoaderData } from "https://esm.sh/react-router-dom@6.23.0?deps=react@18.2.0,react-dom@18.2.0";

import date_me_doc_locations_geo from "https://esm.town/v/stevekrouse/date_me_doc_locations_geo";

return url;

function renderCell(header, row) {

export let spotifyRequestToken = ({ client_id, client_secret, code, redirect_uri }) =>

"Authorization": "Basic " + (new Buffer(client_id + ":" + client_secret).toString("base64")),

export let spotifyRefreshToken = async ({ refresh_token, client_id, client_secret }) =>

"Authorization": "Basic " + (new Buffer(client_id + ":" + client_secret).toString("base64")),

`https://accounts.spotify.com/authorize?response_type=code&client_id=${

encodeURIComponent(Deno.env.get("SPOTIFY_CLIENT_ID"))

client_id: Deno.env.get("SPOTIFY_CLIENT_ID"),

client_secret: Deno.env.get("SPOTIFY_CLIENT_SECRET"),

client_id: Deno.env.get("SPOTIFY_CLIENT_ID"),

client_secret: Deno.env.get("SPOTIFY_CLIENT_SECRET"),

* This application creates a client-side data URI generator with the following features:

* - File upload through input and drag-and-drop

* - Automatic MIME type detection

* @title Multi-Route Website with Svelte

* @description Create a personal portfolio website with multiple pages using Svelte and server-side rendering.

import * as svelte from 'npm:svelte/compiler';

<p>${personalData.summary}</p>

<p><strong>This website is rendered server-side with Svelte.</strong></p>

<p>Check out the <a href='https://www.val.town/v/iamseeley/multirouteSvelte'>source</a> and start building your own site!</p>

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>${personalData.name} | Server-side Svelte</title>

<style>

React components for <https://val.town/v/jxnblk/dotcom> – <https://jxnblk.com>

import { MdContrast } from "https://esm.sh/react-icons/md";

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

import { useMemo, useState } from "https://esm.sh/react@18.3.1";

import { Avatar } from "https://esm.town/v/jxnblk/avatar";

import { colors, css } from "https://esm.town/v/jxnblk/JxnblkCSS";

import { GoogleFonts } from "https://esm.town/v/jxnblk/reactGoogleFonts";

import { Vantom } from "https://esm.town/v/jxnblk/vantom";

color?: number;

export const routes: Record<Route, React.FunctionComponent> = {

[Route.Home]: Home,

changes.push(row2);

return changes;

const clientCode = () => {

const height = 600;

const width = 600;

<script>

const circles = ${JSON.stringify(circles)};

(${clientCode.toString()})()

</script>

</body>

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

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

</div>

function client() {

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

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

client();

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

import { ArrowDownIcon, ChevronRightIcon } from "npm:@heroicons/react/20/solid";

import { Hono } from "npm:hono@3";

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

const timeline = [

await sqlite.execute(`SELECT * FROM ${tableName} ORDER BY heart_count DESC, RANDOM() LIMIT 100`),

const clientJavascript = async () => {

window.switchTab = (event, tabName) => {

const buttonContainer = button.closest(".heart-button-container");

const buttonRect = button.getBoundingClientRect();

fetch(`/${button.attributes["data-id"].value}/heart`, { method: "POST" });

<script src="hhttps://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/components/prism-markup.min.js"></script>

<script>(${clientJavascript.toString()})()</script>

</body>

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

export const reactExample = (request: Request) =>

new Response(renderToString(<div>Test {1 + 1}</div>), {

await sqlite.execute(`SELECT * FROM ${tableName} ORDER BY heart_count DESC, RANDOM() LIMIT 100`),

const clientJavascript = async () => {

window.switchTab = (event, tabName) => {

const buttonContainer = button.closest(".heart-button-container");

const buttonRect = button.getBoundingClientRect();

fetch(`/${button.attributes["data-id"].value}/heart`, { method: "POST" });

<script src="hhttps://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/components/prism-markup.min.js"></script>

<script>(${clientJavascript.toString()})()</script>

</body>

import css from "https://esm.town/v/kajgod/manage_users_css";

import { getDatabaseStructure, getFormData, getUsersList } from "https://esm.town/v/kajgod/manage_users_db";

import js from "https://esm.town/v/kajgod/manage_users_js";

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

const UserRow = ({ user }) => {

const [id, name, surname, email, timestamp] = user;

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

export default async function(req: Request) {

return new Response(

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

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

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

function Badge({ username, title }) {

function App() {

const [username, setUsername] = React.useState("");

const [title, setTitle] = React.useState("");

const [embedCode, setEmbedCode] = React.useState("");

const generateEmbedCode = () => {