1/** @jsxImportSource https://esm.sh/react */
2import { Cursors, init } from "https://esm.sh/@instantdb/react?bundle-deps";
3import React, { JSX } from "https://esm.sh/react";
4import { createRoot } from "https://esm.sh/react-dom/client";
5
6const cursorsClassNames =
1/** @jsxImportSource https://esm.sh/react */
2import { Cursors, init } from "https://esm.sh/@instantdb/react";
3import React from "https://esm.sh/react";
4import { createRoot } from "https://esm.sh/react-dom/client";
5
6function InstantCursors() {
1/** @jsxImportSource https://esm.sh/react */
2import { init } from "https://esm.sh/@instantdb/react";
3import React, { createRef, useRef } from "https://esm.sh/react";
4import { createRoot } from "https://esm.sh/react-dom/client";
5
6type EmojiName = keyof typeof emoji;
103
104 const elRefsRef = useRef<{
105 [k: string]: React.RefObject<HTMLDivElement>;
106 }>(refsInit);
107
1/** @jsxImportSource https://esm.sh/react */
2import React, { useState, useEffect, useCallback } from "https://esm.sh/react";
3import { createRoot } from "https://esm.sh/react-dom/client";
4
5const symbols = "!@#$%^&*()_+-=[]{}|;:,.<>?`~";
1/** @jsxImportSource https://esm.sh/react */
2import React, { useEffect, useRef, useState } from "https://esm.sh/react";
3import { createRoot } from "https://esm.sh/react-dom/client";
4
5interface WordEntry {
126 };
127
128 const handleInput = (e: React.ChangeEvent<HTMLInputElement>) => {
129 const input = e.target.value;
130 const now = Date.now();
174 };
175
176 const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {
177 if (e.key === "Tab") {
178 e.preventDefault();
1/** @jsxImportSource https://esm.sh/react */
2import React, { useState, useCallback, useEffect, useRef } from "https://esm.sh/react";
3import { createRoot } from "https://esm.sh/react-dom/client";
4
5function App() {
1/** @jsxImportSource https://esm.sh/react */
2import React, { useState } from "https://esm.sh/react";
3import { createRoot } from "https://esm.sh/react-dom/client";
4
5function App() {
13
141. Vanilla client-side JavaScript: @stevekrouse/cron_client_side_script_fork
152. Client-side ReactJS (no SSR): @stevekrouse/cron_client_react_fork
16
17I think (2) Client-side React without any SSR is the simplest architecture. Maybe will move to that.
18
19Migrated from folder: Archive/flutteringVioletBird
1/** @jsxImportSource https://esm.sh/react */
2import React, { useState, useEffect } from "https://esm.sh/react";
3import { createRoot } from "https://esm.sh/react-dom/client";
4
5function TimeInput({ value, onChange, placeholder }) {
30 */
31
32/** @jsxImportSource https://esm.sh/react */
33import confetti from "https://esm.sh/canvas-confetti@1.6.0";
34import React, { useCallback, useEffect, useState } from "https://esm.sh/react";
35import { createRoot } from "https://esm.sh/react-dom/client";
36
37const GRID_SIZES = [4, 5, 6, 7]; // Grid sizes for each level
