WIP 2

apps/link/app/_styles/theme.ts

@@ -1,3 +1,30 @@
+import { Roboto, Playfair_Display, Poppins } from "next/font/google";
+
+const roboto = Roboto({
+  weight: ["400"],
+  subsets: ["latin"],
+  display: "swap",
+});
+
+const playfair = Playfair_Display({
+  weight: ["900"],
+  subsets: ["latin"],
+  display: "swap",
+});
+
+const poppins = Poppins({
+  weight: ["400", "700"],
+  subsets: ["latin"],
+  display: "swap",
+});
+
+export const fonts = {
+  roboto,
+  playfair,
+  poppins,
+};
+
+
 export const colors: any = {
   lightGray: "#ededf0",
   mediumGray: "#e3e5e5",
@@ -29,33 +56,33 @@ export const colors: any = {
 
 export const typography: any = {
   h1: {
-    fontFamily: "Playfair, serif",
+    fontFamily: playfair.style.fontFamily,
     fontSize: 45,
     fontWeight: 700,
     lineHeight: 1.1,
     margin: 0,
   },
   h2: {
-    fontFamily: "Poppins, sans-serif",
+    fontFamily: poppins.style.fontFamily,
     fontSize: 35,
     fontWeight: 700,
     lineHeight: 1.1,
     margin: 0,
   },
   h3: {
-    fontFamily: "Poppins, sans-serif",
+    fontFamily: poppins.style.fontFamily,
     fontWeight: 400,
     fontSize: 27,
     lineHeight: 1.1,
     margin: 0,
   },
   h4: {
-    fontFamily: "Poppins, sans-serif",
+    fontFamily: poppins.style.fontFamily,
     fontWeight: 700,
     fontSize: 18,
   },
   h5: {
-    fontFamily: "Roboto, sans-serif",
+    fontFamily: roboto.style.fontFamily,
     fontWeight: 700,
     fontSize: 16,
     lineHeight: "24px",
@@ -64,20 +91,20 @@ export const typography: any = {
     margin: 1,
   },
   h6: {
-    fontFamily: "Roboto, sans-serif",
+    fontFamily: roboto.style.fontFamily,
     fontWeight: 400,
     fontSize: 14,
     textAlign: "center",
   },
   p: {
-    fontFamily: "Roboto, sans-serif",
+    fontFamily: roboto.style.fontFamily,
     fontSize: 17,
     lineHeight: "26.35px",
     fontWeight: 400,
     margin: 0,
   },
   small: {
-    fontFamily: "Roboto, sans-serif",
+    fontFamily: roboto.style.fontFamily,
     fontSize: 13,
     lineHeight: "18px",
     fontWeight: 400,

apps/link/app/api/proxy/[...path]/route.ts

@@ -1,66 +0,0 @@
-import { createProxyMiddleware } from "http-proxy-middleware";
-import { NextApiRequest, NextApiResponse } from "next";
-import { getToken } from "next-auth/jwt";
-
-/*
-
-  if (validDomains.includes(domain)) {
-    res.headers.set("Access-Control-Allow-Origin", origin);
-    res.headers.set("Access-Control-Allow-Methods", "GET, POST, OPTIONS");
-    res.headers.set("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept");
-  }
-
-
-  */
-
-const withAuthInfo =
-  (handler: any) => async (req: NextApiRequest, res: NextApiResponse) => {
-    const session: any = await getToken({
-      req,
-      secret: process.env.NEXTAUTH_SECRET,
-    });
-    let email = session?.email?.toLowerCase();
-
-    const requestSignature = req.query.signature;
-    const url = new URL(req.headers.referer as string);
-    const referrerSignature = url.searchParams.get("signature");
-
-    console.log({ requestSignature, referrerSignature });
-    const isAppPath = !!req.url?.startsWith("/app");
-    const isResourcePath = !!req.url?.match(/\/(api|app|bootstrap|3961|ui|translations|internal|login|node_modules)/);
-
-    if (requestSignature && isAppPath) {
-      console.log("Has Signature");
-    }
-
-    if (referrerSignature && isResourcePath) {
-      console.log("Has Signature");
-    }
-
-    if (!email) {
-      return res.status(401).json({ error: "Not authorized" });
-    }
-
-    req.headers["x-proxy-user"] = email;
-    req.headers["x-proxy-roles"] = "leafcutter_user";
-    const auth = `${email}:${process.env.OPENSEARCH_USER_PASSWORD}`;
-    const buff = Buffer.from(auth);
-    const base64data = buff.toString("base64");
-    req.headers.Authorization = `Basic ${base64data}`;
-    return handler(req, res);
-  };
-
-const proxy = createProxyMiddleware({
-  target: process.env.OPENSEARCH_DASHBOARDS_URL,
-  changeOrigin: true,
-  xfwd: true,
-});
-
-export default withAuthInfo(proxy);
-
-export const config = {
-  api: {
-    bodyParser: false,
-    externalResolver: true,
-  },
-};

apps/link/app/layout.tsx

@@ -1,11 +1,6 @@
 import { ReactNode } from "react";
 import { Metadata } from "next";
 import "./_styles/global.css";
-import "@fontsource/poppins/400.css";
-import "@fontsource/poppins/700.css";
-import "@fontsource/roboto/400.css";
-import "@fontsource/roboto/700.css";
-import "@fontsource/playfair-display/900.css";
 import { MultiProvider } from "./_components/MultiProvider";
 
 export const metadata: Metadata = {