Fix yoshiki providers + add vite proxy

front/app/_layout.tsx

@@ -1,7 +1,7 @@
 import { ReactQueryDevtools } from "@tanstack/react-query-devtools";
 import { Slot } from "one";
 import { useServerHeadInsertion } from "one";
-import { StyleRegistryProvider, createStyleRegistry, useTheme } from "yoshiki/web";
+import { StyleRegistryProvider, createStyleRegistry } from "yoshiki/web";
 import { Providers } from "~/providers";
 
 const GlobalCssTheme = () => {

front/app/_middleware.ts

@@ -1,7 +1,6 @@
 import { createMiddleware, setServerData } from "one";
 
 export default createMiddleware(({ request, next }) => {
-	console.log(request);
 	setServerData("cookies", request.headers.get("Cookies") ?? "");
 	return next();
 });

front/src/primitives/theme/theme.tsx

@@ -1,9 +1,9 @@
 import type { Property } from "csstype";
 import type { ReactNode } from "react";
 import { Platform, type TextStyle } from "react-native";
-import { type Theme, ThemeProvider, useAutomaticTheme } from "yoshiki";
+import { type Theme, ThemeProvider as WebThemeProvider, useAutomaticTheme } from "yoshiki";
 import "yoshiki";
-import { useTheme, useYoshiki } from "yoshiki/native";
+import { ThemeProvider, useTheme, useYoshiki } from "yoshiki/native";
 import "yoshiki/native";
 import { catppuccin } from "./catppuccin";
 
@@ -127,7 +127,11 @@ export const ThemeSelector = ({
 }) => {
 	const newTheme = selectMode({ ...catppuccin, font }, theme);
 
-	return <ThemeProvider theme={newTheme}>{children as any}</ThemeProvider>;
+	return (
+		<ThemeProvider theme={newTheme}>
+			<WebThemeProvider theme={newTheme}>{children as any}</WebThemeProvider>
+		</ThemeProvider>
+	);
 };
 
 export type YoshikiFunc<T> = (props: ReturnType<typeof useYoshiki>) => T;
@@ -190,4 +194,3 @@ export const ContrastArea = ({
 export const alpha = (color: Property.Color, alpha: number) => {
 	return color + Math.round(alpha * 255).toString(16);
 };
-

front/src/ui/errors/index.tsx

@@ -2,7 +2,7 @@ import type { FC } from "react";
 import type { KyooError } from "~/models";
 import { ConnectionError } from "./connection";
 import { OfflineView } from "./offline";
-import { SetupPage } from "./setup";
+// import { SetupPage } from "./setup";
 import { Unauthorized } from "./unauthorized";
 
 export * from "./error";
@@ -15,7 +15,7 @@ export type ErrorHandler = {
 
 export const errorHandlers: Record<string, ErrorHandler> = {
 	unauthorized: { view: Unauthorized, forbid: "app" },
-	setup: { view: SetupPage, forbid: "setup" },
+	// setup: { view: SetupPage, forbid: "setup" },
 	connection: { view: ConnectionError },
 	offline: { view: OfflineView },
 };

front/vite.config.ts

@@ -5,6 +5,16 @@ export default {
 	ssr: {
 		noExternal: ["@tanstack/react-query", "@tanstack/react-query-devtools"],
 	},
+	server: {
+		proxy: {
+			"/api": {
+				target: process.env.KYOO_URL ?? "http://back/api",
+				changeOrigin: true,
+				// without this we have two /api at the start
+				rewrite: (path) => path.replace(/^\/api/, ""),
+			},
+		},
+	},
 	plugins: [
 		one({
 			deps: {