1/** @jsxImportSource https://esm.sh/react@15 */
2import React from 'https://esm.sh/react@15'
3
4const sx = {
1/** @jsxImportSource https://esm.sh/react@15 */
2import React from 'https://esm.sh/react@15'
3
4const sx = {
1/** @jsxImportSource https://esm.sh/react@18.2.0?dev */
2import { Player } from "/shared/types.ts";
3import React, { useState } from "https://esm.sh/react@18.2.0?dev";
4
5interface PlayerListProps {
1/** @jsxImportSource https://esm.sh/react@18.2.0?dev */
2import { defaultPlayerFormData, Player, PlayerFormData } from "/shared/types.ts";
3import { validatePlayerForm } from "/shared/utils.ts";
4import React, { useState } from "https://esm.sh/react@18.2.0?dev";
5
6interface PlayerFormProps {
14
15 // Handle form input changes
16 const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {
17 const { name, value } = e.target;
18 setFormData(prev => ({
23
24 // Handle form submission
25 const handleSubmit = async (e: React.FormEvent) => {
26 e.preventDefault();
27
1/** @jsxImportSource https://esm.sh/react@18.2.0?dev */
2import React, { useState } from "https://esm.sh/react@18.2.0?dev";
3import { defaultGameFormData, Game, GameFormData } from "../../shared/types.ts";
4
13
14 // Handle form input changes
15 const handleChange = (e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => {
16 const { name, value } = e.target;
17 setFormData(prev => ({
22
23 // Handle form submission
24 const handleSubmit = async (e: React.FormEvent) => {
25 e.preventDefault();
26
1/** @jsxImportSource https://esm.sh/react@18.2.0?dev */
2import { App } from "/frontend/components/App.tsx";
3import { ErrorBoundary } from "/frontend/components/ErrorBoundary.tsx";
4import { createRoot } from "https://esm.sh/react-dom@18.2.0/client?dev";
5import React from "https://esm.sh/react@18.2.0?dev";
6
7// Log that we're using the development build
8console.log(
9 "%c🛠️ React Development Build Enabled",
10 "background: #61dafb; color: #282c34; font-weight: bold; padding: 4px 8px; border-radius: 4px;",
11);
15const root = createRoot(document.getElementById("root")!);
16root.render(
17 <React.StrictMode>
18 <ErrorBoundary>
19 <App />
20 </ErrorBoundary>
21 </React.StrictMode>,
22);
1/** @jsxImportSource https://esm.sh/react@18.2.0?dev */
2import React, { useEffect, useState } from "https://esm.sh/react@18.2.0?dev";
3import { Game } from "https://esm.town/v/tmcw/timeline/shared/types.ts";
4import { Header } from "./Header.tsx";
1/** @jsxImportSource https://esm.sh/react@18.2.0?dev */
2import React from "https://esm.sh/react@18.2.0?dev";
3
4export function Header() {
1/** @jsxImportSource https://esm.sh/react@18.2.0?dev */
2import React, { useEffect, useState } from "https://esm.sh/react@18.2.0?dev";
3import { Game, Player } from "../../shared/types.ts";
4import { Header } from "./Header.tsx";
1/** @jsxImportSource https://esm.sh/react@18.2.0?dev */
2import React, { Component, ErrorInfo, ReactNode } from "https://esm.sh/react@18.2.0?dev";
3
4interface Props {
5 children: ReactNode;
6 fallback?: ReactNode;
7}
8
37 }
38
39 render(): ReactNode {
40 if (this.state.hasError) {
41 // You can render any custom fallback UI
