1/** @jsxImportSource https://esm.sh/react@19 */
2import React from "https://esm.sh/react@19";
3import ReactDOM from "https://esm.sh/react-dom@19/client";
4import { createBrowserRouter, RouterProvider } from "https://esm.sh/react-router";
5import routes from "./routes.tsx";
6
9const router = createBrowserRouter(routes);
10
11ReactDOM.hydrateRoot(
12 document,
13 <RouterProvider router={router} />
1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2
3// Based on docs/inventory-ai-technical-plan.md:247-339
2 "imports": {
3 "hono/": "https://esm.sh/hono@4.4.6/",
4 "react": "https://esm.sh/react@18.2.0?deps=react@18.2.0,react-dom@18.2.0",
5 "react-dom/client": "https://esm.sh/react-dom@18.2.0/client?deps=react@18.2.0,react-dom@18.2.0",
6 "zod": "https://esm.sh/zod@3.23.8",
7 "ai": "https://esm.sh/ai@3.2.2",
1/** @jsxImportSource ./jsx */
2import React from "https://esm.sh/react@19";
3import ReactDOM from "https://esm.sh/react-dom@19/client";
4import { createBrowserRouter, RouterProvider } from "https://esm.sh/react-router";
5import routes from "./routes/index.tsx";
6
7const router = createBrowserRouter(routes);
8
9ReactDOM.hydrateRoot(
10 document,
11 <RouterProvider router={router} />
1export { jsx, jsxs } from 'https://esm.sh/react@19/jsx-runtime';
2export { Fragment } from "https://esm.sh/react@19";
1/** @jsxImportSource https://esm.sh/react@19.1.0 */
2
3import { App } from "../frontend/routes/App.tsx";
1/** @jsxImportSource https://esm.sh/react@19 */
2import React from "https://esm.sh/react@19";
3import { useLoaderData, Link, Outlet } from "https://esm.sh/react-router@7";
4
5// provide the full URL so that both the client and server can fetch
6const API_URL = "https://react-router-hono.val.run/api";
7
8function HTML ({ children }: {
9 children: React.ReactNode;
10}) {
11 return (
12 <html lang="en">
13 <head>
14 <title>React Router Hono Starter</title>
15 </head>
16 <body>
26 <div>
27 <header>
28 <div>React Router Hono Starter</div>
29 <nav>
30 <ul>
40 <Outlet />
41 <footer>
42 <a href="https://val.town/x/jxnblk/react-router-hono-starter">Remix it on Val Town</a>
43 </footer>
44 </div>
48
49function Home () {
50 const [count, setCount] = React.useState(0);
51 return (
52 <div>
1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import React, { useState } from "https://esm.sh/react@18.2.0";
3import type { User } from "../../shared/types.ts";
4
7}
8
9const OnboardingPage: React.FC<OnboardingPageProps> = ({ onUserCreated }) => {
10 const [step, setStep] = useState<number>(1);
11 const [formData, setFormData] = useState({
20 const [isLoading, setIsLoading] = useState<boolean>(false);
21
22 const handleChange = (e: React.ChangeEvent<HTMLInputElement | HTMLSelectElement>) => {
23 const { name, value } = e.target;
24 setFormData(prev => ({
51 };
52
53 const handleSubmit = async (e: React.FormEvent) => {
54 e.preventDefault();
55 setIsLoading(true);
1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import React, { useState, useEffect } from "https://esm.sh/react@18.2.0";
3import HomePage from "./HomePage.tsx";
4import MealsPage from "./MealsPage.tsx";
20}
21
22const App: React.FC = () => {
23 const [currentPage, setCurrentPage] = useState<string>("home");
24 const [user, setUser] = useState<User | null>(null);
1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import React from "https://esm.sh/react@18.2.0";
3import { createRoot } from "https://esm.sh/react-dom@18.2.0/client";
4import App from "./components/App.tsx";
5
