mirror of
https://github.com/eliasstepanik/core.git
synced 2026-01-10 08:58:31 +00:00
54e535d57d
* Feat: v2 * feat: add chat functionality * First cut: integrations * Feat: add conversation API * Enhance conversation handling and memory management * Feat: added conversation --------- Co-authored-by: Manoj K <saimanoj58@gmail.com>
148 lines
3.6 KiB
TypeScript
148 lines
3.6 KiB
TypeScript
import {
|
|
Links,
|
|
Meta,
|
|
Outlet,
|
|
Scripts,
|
|
ScrollRestoration,
|
|
useLoaderData,
|
|
} from "@remix-run/react";
|
|
import type {
|
|
LinksFunction,
|
|
LoaderFunctionArgs,
|
|
MetaFunction,
|
|
} from "@remix-run/node";
|
|
import {
|
|
type UseDataFunctionReturn,
|
|
typedjson,
|
|
useTypedLoaderData,
|
|
} from "remix-typedjson";
|
|
|
|
import styles from "./tailwind.css?url";
|
|
|
|
import { appEnvTitleTag } from "./utils";
|
|
import {
|
|
commitSession,
|
|
getSession,
|
|
type ToastMessage,
|
|
} from "./models/message.server";
|
|
import { env } from "./env.server";
|
|
import { getUser } from "./services/session.server";
|
|
import { usePostHog } from "./hooks/usePostHog";
|
|
import {
|
|
AppContainer,
|
|
MainCenteredContainer,
|
|
} from "./components/layout/app-layout";
|
|
import { RouteErrorDisplay } from "./components/ErrorDisplay";
|
|
import { themeSessionResolver } from "./services/sessionStorage.server";
|
|
import {
|
|
PreventFlashOnWrongTheme,
|
|
Theme,
|
|
ThemeProvider,
|
|
useTheme,
|
|
} from "remix-themes";
|
|
import clsx from "clsx";
|
|
import { initNeo4jSchemaOnce } from "./lib/neo4j.server";
|
|
|
|
export const links: LinksFunction = () => [{ rel: "stylesheet", href: styles }];
|
|
|
|
export const loader = async ({ request }: LoaderFunctionArgs) => {
|
|
const session = await getSession(request.headers.get("cookie"));
|
|
const toastMessage = session.get("toastMessage") as ToastMessage;
|
|
const { getTheme } = await themeSessionResolver(request);
|
|
|
|
await initNeo4jSchemaOnce();
|
|
|
|
const posthogProjectKey = env.POSTHOG_PROJECT_KEY;
|
|
|
|
return typedjson(
|
|
{
|
|
user: await getUser(request),
|
|
toastMessage,
|
|
theme: getTheme(),
|
|
posthogProjectKey,
|
|
appEnv: env.APP_ENV,
|
|
appOrigin: env.APP_ORIGIN,
|
|
},
|
|
{ headers: { "Set-Cookie": await commitSession(session) } },
|
|
);
|
|
};
|
|
|
|
export const meta: MetaFunction = ({ data }) => {
|
|
const typedData = data as UseDataFunctionReturn<typeof loader>;
|
|
|
|
return [
|
|
{ title: `CORE${typedData && appEnvTitleTag(typedData.appEnv)}` },
|
|
{
|
|
name: "viewport",
|
|
content: "width=1024, initial-scale=1",
|
|
},
|
|
{
|
|
name: "robots",
|
|
content:
|
|
typeof window === "undefined" ||
|
|
window.location.hostname !== "core.mysigma.ai"
|
|
? "noindex, nofollow"
|
|
: "index, follow",
|
|
},
|
|
];
|
|
};
|
|
|
|
export function ErrorBoundary() {
|
|
return (
|
|
<>
|
|
<html lang="en" className="h-full">
|
|
<head>
|
|
<meta charSet="utf-8" />
|
|
|
|
<Meta />
|
|
<Links />
|
|
</head>
|
|
<body className="bg-background-2 h-full overflow-hidden">
|
|
<AppContainer>
|
|
<MainCenteredContainer>
|
|
<RouteErrorDisplay />
|
|
</MainCenteredContainer>
|
|
</AppContainer>
|
|
<Scripts />
|
|
</body>
|
|
</html>
|
|
</>
|
|
);
|
|
}
|
|
|
|
function App() {
|
|
const { posthogProjectKey } = useTypedLoaderData<typeof loader>();
|
|
usePostHog(posthogProjectKey);
|
|
const [theme] = useTheme();
|
|
|
|
return (
|
|
<>
|
|
<html lang="en" className={clsx(theme, "h-full")}>
|
|
<head>
|
|
<Meta />
|
|
<Links />
|
|
<PreventFlashOnWrongTheme ssrTheme={Boolean(theme)} />
|
|
</head>
|
|
<body className="bg-background-2 h-full overflow-hidden font-sans">
|
|
<Outlet />
|
|
<ScrollRestoration />
|
|
|
|
<Scripts />
|
|
</body>
|
|
</html>
|
|
</>
|
|
);
|
|
}
|
|
|
|
// Wrap your app with ThemeProvider.
|
|
// `specifiedTheme` is the stored theme in the session storage.
|
|
// `themeAction` is the action name that's used to change the theme in the session storage.
|
|
export default function AppWithProviders() {
|
|
const data = useLoaderData<typeof loader>();
|
|
return (
|
|
<ThemeProvider specifiedTheme={Theme.LIGHT} themeAction="/action/set-theme">
|
|
<App />
|
|
</ThemeProvider>
|
|
);
|
|
}
|