Val Town Code SearchReturn to Val Town

1/** @jsxImportSource https://esm.sh/react@15 */
2import React from "https://esm.sh/react@15";
3import { render } from "https://esm.sh/react-dom@15";
4
5import Skullcat from "./App.tsx";

1/** @jsxImportSource https://esm.sh/react@18.2.0?dev */
2import { NewGameForm } from "/frontend/components/NewGameForm.tsx";
3import { PlayerForm } from "/frontend/components/PlayerForm.tsx";
4import { PlayerList } from "/frontend/components/PlayerList.tsx";
5import { Card, CARD_SETS, CardSet, Game, GameState, Player } from "/shared/types.ts";
6import { motion, Reorder } from "https://esm.sh/motion/react?deps=react@18.2.0&dev=true";
7import React, { useEffect, useRef, useState } from "https://esm.sh/react@18.2.0?dev";
8
9// Define the different views/routes
15  onReorder: (items: Card[]) => void;
16  allowDrag: boolean;
17  renderItem: (item: Card, index: number) => React.ReactNode;
18  className?: string;
19}
23  const [draggedOverIndex, setDraggedOverIndex] = useState<number | null>(null);
24
25  const handleDragStart = (e: React.DragEvent<HTMLDivElement>, item: Card) => {
26    if (!allowDrag) return;
27    setDraggedItem(item);
31  };
32
33  const handleDragOver = (e: React.DragEvent<HTMLDivElement>, index: number) => {
34    e.preventDefault();
35    if (!draggedItem) return;
37  };
38
39  const handleDrop = (e: React.DragEvent<HTMLDivElement>, index: number) => {
40    e.preventDefault();
41    if (!draggedItem) return;
515                        const current = card.id === gameState.currentCard?.id;
516                        return (
517                          <React.Fragment key={card.id}>
518                            <Reorder.Item
519                              value={card}
537                              </motion.div>
538                            </Reorder.Item>
539                          </React.Fragment>
540                        );
541                      })}

1/** @jsxImportSource https://esm.sh/react@15 */
2import React from 'https://esm.sh/react@15'
3import { Block } from 'https://esm.sh/rebass@0.2.4'
4import Centered from './Centered.tsx'

1/** @jsxImportSource https://esm.sh/react@15 */
2
3import React from 'https://esm.sh/react@15'
4import {
5  d,

1/** @jsxImportSource https://esm.sh/react@15 */
2import React from 'https://esm.sh/react@15'
3import {
4  d,

1/** @jsxImportSource https://esm.sh/react@15 */
2import React from 'https://esm.sh/react@15'
3import Tachyon from './Tachyon.tsx'
4

1/** @jsxImportSource https://esm.sh/react@15 */
2import React from 'https://esm.sh/react@15'
3import {
4  d,

1/** @jsxImportSource https://esm.sh/react@15 */
2
3import React from 'https://esm.sh/react@15'
4
5import {

1/** @jsxImportSource https://esm.sh/react@15 */
2import React from 'https://esm.sh/react@15'
3import getFrame from './get-frame.tsx'
4import Frame from './Frame.tsx'
42}
43
44class Stage extends React.Component {
45  shouldComponentUpdate (nextProps) {
46    return nextProps.step !== this.props.step
239    )
240
241    const ghostFrame = flip ? React.cloneElement(frame) : false
242
243    return (

1/** @jsxImportSource https://esm.sh/react@15 */
2import React from 'https://esm.sh/react@15'
3import SkullRight from './SkullRight.tsx'
4