Search results for "react client side"

cron

@stevekrouse

CronGPT This is a minisite to help you create cron expressions, particularly for crons on Val Town. It was inspired by Cron Prompt , but also does the timezone conversion from wherever you are to UTC (typically the server timezone). Tech Hono for routing ( GET / and POST /compile .) Hono JSX HTMX (probably overcomplicates things; should remove) @stevekrouse/openai, which is a light wrapper around @std/openai I'm finding HTMX a bit overpowered for this, so I have two experimental forks without it: Vanilla client-side JavaScript: @stevekrouse/cron_client_side_script_fork Client-side ReactJS (no SSR): @stevekrouse/cron_client_react_fork I think (2) Client-side React without any SSR is the simplest architecture. Maybe will move to that.

3 1

3

HTTP

I'm finding HTMX a bit overpowered for this, so I have two experimental forks without it:

1. Vanilla client-side JavaScript: @stevekrouse/cron_client_side_script_fork

2. Client-side ReactJS (no SSR): @stevekrouse/cron_client_react_fork

I think (2) Client-side React without any SSR is the simplest architecture. Maybe will move to that.

cerebras_coder

@gerred

This is an AI code assistant powered by Cerebras , running llama3.3-70b. Inspired by Hassan's Llama Coder . Setup Sign up for Cerebras Get a Cerebras API Key Save it in a Val Town environment variable called CEREBRAS_API_KEY Todos I'm looking for collaborators to help. Fork & send me PRs! [ ] Experiment with two prompt chain (started here )

0

HTTP

/** @jsxImportSource https://esm.sh/react@18.2.0 */

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

import { Prism as SyntaxHighlighter } from "https://esm.sh/react-syntax-highlighter";

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

setPrompt: React.Dispatch<React.SetStateAction<string>>;

handleSubmit: (e: React.FormEvent) => void;

const previewRef = React.useRef<HTMLDivElement>(null);

async function handleSubmit(e: React.FormEvent | string) {

<React.Fragment key={iframeKey}>

</React.Fragment>

multilingualchatroom

@daisuke

A simple chat room to share with friends of other languages, where each user can talk in their own language and see others' messages in their own language. Click and hold a translated message to see the original message. Open the app in a new window to start your own, unique chatroom that you can share with your friends via the room URL. TODO: BUG: fix the issue that keeps old usernames in the "[User] is typing" section after a user changes their name. BUG: Username edit backspaces is glitchy. UI: Update the title for each unique chatroom to make the difference clear. UI: mobile friendly. Feature: the ability for the message receiver to select a part of a translation that is confusing and the author will see that highlight of the confusing words and have the opportunity to reword the message or... Feature: bump a translation to a higher LLM for more accurate translation. Feature: use prior chat context for more accurate translations. Feature: Add video feed for non-verbals while chatting.

0

HTTP

/** @jsxImportSource https://esm.sh/react */

import { nanoid } from "https://esm.sh/nanoid";

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

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

const languages = [

</div>

function Sidebar({ users, language, handleLanguageChange, roomUrl, copyToClipboard, copied, t }) {

return (

</div>

<Sidebar

users={users}

</div>

function client() {

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

if (typeof document !== "undefined") { client(); }

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

background-color: #e0e0e0;

.sidebar {

width: 250px;

cerebras_coder

@code01

This is an AI code assistant powered by Cerebras , running llama3.3-70b. Inspired by Hassan's Llama Coder . Setup Sign up for Cerebras Get a Cerebras API Key Save it in a Val Town environment variable called CEREBRAS_API_KEY Todos I'm looking for collaborators to help. Fork & send me PRs! [ ] Experiment with two prompt chain (started here )

0

HTTP

/** @jsxImportSource https://esm.sh/react@18.2.0 */

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

import { Prism as SyntaxHighlighter } from "https://esm.sh/react-syntax-highlighter";

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

setPrompt: React.Dispatch<React.SetStateAction<string>>;

handleSubmit: (e: React.FormEvent) => void;

const previewRef = React.useRef<HTMLDivElement>(null);

async function handleSubmit(e: React.FormEvent | string) {

<React.Fragment key={iframeKey}>

</React.Fragment>

cerebras_coder

@the_samoudi

This is an AI code assistant powered by Cerebras , running llama3.3-70b. Setup Sign up for Cerebras Get a Cerebras API Key Save it in a Val Town environment variable called CEREBRAS_API_KEY Todos I'm looking for collaborators to help. Fork & send me PRs! [ ] Experiment with two prompt chain

1

0

HTTP

/** @jsxImportSource https://esm.sh/react@18.2.0 */

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

import { Prism as SyntaxHighlighter } from "https://esm.sh/react-syntax-highlighter";

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

setPrompt: React.Dispatch<React.SetStateAction<string>>;

handleSubmit: (e: React.FormEvent) => void;

const previewRef = React.useRef<HTMLDivElement>(null);

async function handleSubmit(e: React.FormEvent | string) {

<React.Fragment key={iframeKey}>

</React.Fragment>

cerebras_coder

@constantlycooking

This is an AI code assistant powered by Cerebras , running llama3.3-70b. Inspired by Hassan's Llama Coder . Setup Sign up for Cerebras Get a Cerebras API Key Save it in a Val Town environment variable called CEREBRAS_API_KEY Todos I'm looking for collaborators to help. Fork & send me PRs! [ ] Experiment with two prompt chain (started here )

0

HTTP

/** @jsxImportSource https://esm.sh/react@18.2.0 */

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

import { Prism as SyntaxHighlighter } from "https://esm.sh/react-syntax-highlighter";

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

setPrompt: React.Dispatch<React.SetStateAction<string>>;

handleSubmit: (e: React.FormEvent) => void;

const previewRef = React.useRef<HTMLDivElement>(null);

async function handleSubmit(e: React.FormEvent | string) {

<React.Fragment key={iframeKey}>

</React.Fragment>

whackaghost

@Ttt

Project : Whack-a-Ghost A responsive, browser based game where players click on randomly appearing ghosts. Features 4 difficulty levels with increasing grid sizes (4x4 to 7x7) 20-second time limit per game Score tracking with 15-point win condition Responsive design for desktop and mobile How to Play Select a difficulty level Click on ghosts as they appear Avoid empty cells (max 10 misses) Score 15 points within 20 seconds to win Show less

0

HTTP

/** @jsxImportSource https://esm.sh/react */

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

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

* Client-side rendering function

export function client() {

if (typeof document !== "undefined") { client(); }

* Server-side rendering function

import { client } from "${import.meta.url}";

if (typeof client === "function") {

client();

hardworkingLimeCheetah

@stevekrouse

This is an AI code assistant powered by Cerebras , running llama3.3-70b. Setup Sign up for Cerebras Get a Cerebras API Key Save it in a Val Town environment variable called CEREBRAS_API_KEY Todos I'm looking for collaborators to help. Fork & send me PRs! [ ] Experiment with two prompt chain

0

HTTP

/** @jsxImportSource https://esm.sh/react@18.2.0 */

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

import { Prism as SyntaxHighlighter } from "https://esm.sh/react-syntax-highlighter";

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

setPrompt: React.Dispatch<React.SetStateAction<string>>;

handleSubmit: (e: React.FormEvent) => void;

const previewRef = React.useRef<HTMLDivElement>(null);

async function handleSubmit(e: React.FormEvent | string) {

<React.Fragment key={iframeKey}>

</React.Fragment>

cerebras_coder

@CerebrasCoder

This is an AI code assistant powered by Cerebras , running llama3.3-70b. Inspired by Hassan's Llama Coder . Setup Sign up for Cerebras Get a Cerebras API Key Save it in a Val Town environment variable called CEREBRAS_API_KEY Todos I'm looking for collaborators to help. Fork & send me PRs! [ ] Experiment with two prompt chain (started here )

1

0

HTTP

/** @jsxImportSource https://esm.sh/react@18.2.0 */

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

import { Prism as SyntaxHighlighter } from "https://esm.sh/react-syntax-highlighter";

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

setPrompt: React.Dispatch<React.SetStateAction<string>>;

handleSubmit: (e: React.FormEvent) => void;

const previewRef = React.useRef<HTMLDivElement>(null);

async function handleSubmit(e: React.FormEvent | string) {

<React.Fragment key={iframeKey}>

</React.Fragment>

captivatingPurpleTapir

@mohsen

@jsxImportSource https://esm.sh/react@18.2.0

0

HTTP

/** @jsxImportSource https://esm.sh/react@18.2.0 */

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

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

function App() {

</div>

// Rest of the client-side code remains the same

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

cerebras_coder

@wolverin0

This is an AI code assistant powered by Cerebras , running llama3.3-70b. Inspired by Hassan's Llama Coder . Setup Sign up for Cerebras Get a Cerebras API Key Save it in a Val Town environment variable called CEREBRAS_API_KEY Todos I'm looking for collaborators to help. Fork & send me PRs! [ ] Experiment with two prompt chain (started here )

0

HTTP

/** @jsxImportSource https://esm.sh/react@18.2.0 */

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

import { Prism as SyntaxHighlighter } from "https://esm.sh/react-syntax-highlighter";

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

setPrompt: React.Dispatch<React.SetStateAction<string>>;

handleSubmit: (e: React.FormEvent) => void;

const previewRef = React.useRef<HTMLDivElement>(null);

async function handleSubmit(e: React.FormEvent | string) {

<React.Fragment key={iframeKey}>

</React.Fragment>

ecstaticMagentaAlpaca

@wrld6k

This is an AI code assistant powered by Cerebras , running llama3.3-70b. Inspired by Hassan's Llama Coder . Setup Sign up for Cerebras Get a Cerebras API Key Save it in a Val Town environment variable called CEREBRAS_API_KEY Todos I'm looking for collaborators to help. Fork & send me PRs! [ ] Experiment with two prompt chain (started here )

0

HTTP

/** @jsxImportSource https://esm.sh/react@18.2.0 */

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

import { Prism as SyntaxHighlighter } from "https://esm.sh/react-syntax-highlighter";

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

setPrompt: React.Dispatch<React.SetStateAction<string>>;

handleSubmit: (e: React.FormEvent) => void;

const previewRef = React.useRef<HTMLDivElement>(null);

async function handleSubmit(e: React.FormEvent | string) {

<React.Fragment key={iframeKey}>

</React.Fragment>

lovableVioletPeafowl

@stevekrouse

This is an AI code assistant powered by Cerebras , running llama3.3-70b. Inspired by Hassan's Llama Coder . Setup Sign up for Cerebras Get a Cerebras API Key Save it in a Val Town environment variable called CEREBRAS_API_KEY Todos I'm looking for collaborators to help. Fork & send me PRs! [ ] Experiment with two prompt chain (started here )

1

0

HTTP

/** @jsxImportSource https://esm.sh/react@18.2.0 */

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

import { Prism as SyntaxHighlighter } from "https://esm.sh/react-syntax-highlighter";

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

setPrompt: React.Dispatch<React.SetStateAction<string>>;

handleSubmit: (e: React.FormEvent) => void;

const previewRef = React.useRef<HTMLDivElement>(null);

async function handleSubmit(e: React.FormEvent | string) {

<React.Fragment key={iframeKey}>

</React.Fragment>

swiftCoralMule

@abhilashdesai

@jsxImportSource https://esm.sh/react@18.2.0

0

HTTP

/** @jsxImportSource https://esm.sh/react@18.2.0 */

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

import { Prism as SyntaxHighlighter } from "https://esm.sh/react-syntax-highlighter";

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

setPrompt: React.Dispatch<React.SetStateAction<string>>;

handleSubmit: (e: React.FormEvent) => void;

const previewRef = React.useRef<HTMLDivElement>(null);

async function handleSubmit(e: React.FormEvent | string) {

<React.Fragment key={iframeKey}>

</React.Fragment>

cerebras_coder

@maguop

This is an AI code assistant powered by Cerebras , running llama3.3-70b. Inspired by Hassan's Llama Coder . Setup Sign up for Cerebras Get a Cerebras API Key Save it in a Val Town environment variable called CEREBRAS_API_KEY Todos I'm looking for collaborators to help. Fork & send me PRs! [ ] Experiment with two prompt chain (started here )

0

HTTP

/** @jsxImportSource https://esm.sh/react@18.2.0 */

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

import { Prism as SyntaxHighlighter } from "https://esm.sh/react-syntax-highlighter";

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

setPrompt: React.Dispatch<React.SetStateAction<string>>;

handleSubmit: (e: React.FormEvent) => void;

const previewRef = React.useRef<HTMLDivElement>(null);

async function handleSubmit(e: React.FormEvent | string) {

<React.Fragment key={iframeKey}>

</React.Fragment>