React Tailwind Views MCP Server

import { StrictMode } from "react"; import ReactDOM from "react-dom/client"; import { createRootRoute, createRoute, createRouter, Outlet, RouterProvider, } from "@tanstack/react-router"; import CallToolDemo from "./routes/call-tool.tsx"; import WorkflowsDemo from "./routes/workflows.tsx"; import ViewsDemo from "./routes/views.tsx"; import "./styles.css"; import App from "./App.tsx"; import { QueryClient, QueryClientProvider } from "@tanstack/react-query"; const rootRoute = createRootRoute({ component: () => <Outlet />, }); const indexRoute = createRoute({ getParentRoute: () => rootRoute, path: "/", component: App, }); const routeTree = rootRoute.addChildren([ indexRoute, CallToolDemo(rootRoute), WorkflowsDemo(rootRoute), ViewsDemo(rootRoute), ]); const queryClient = new QueryClient(); const router = createRouter({ routeTree, context: { queryClient, }, defaultPreload: "intent", scrollRestoration: true, defaultStructuralSharing: true, defaultPreloadStaleTime: 0, }); declare module "@tanstack/react-router" { interface Register { router: typeof router; } } const rootElement = document.getElementById("app"); if (rootElement && !rootElement.innerHTML) { const root = ReactDOM.createRoot(rootElement); root.render( <StrictMode> <QueryClientProvider client={queryClient}> <RouterProvider router={router} /> </QueryClientProvider> </StrictMode>, ); }