feat: update sentry (#3326)

# Description Please include a summary of the changes and the related issue. Please also include relevant motivation and context. ## Checklist before requesting a review Please delete options that are not relevant. - [ ] My code follows the style guidelines of this project - [ ] I have performed a self-review of my code - [ ] I have commented hard-to-understand areas - [ ] I have ideally added tests that prove my fix is effective or that my feature works - [ ] New and existing unit tests pass locally with my changes - [ ] Any dependent changes have been merged ## Screenshots (if appropriate):
QuivrHQ · Oct 5, 2024 · 3d9cbe5 · 3d9cbe5
1 parent 306285b
commit 3d9cbe5
Show file tree

Hide file tree

Showing 123 changed files with 2,772 additions and 1,013 deletions.
diff --git a/frontend/.gitignore b/frontend/.gitignore
@@ -45,3 +45,6 @@ next-env.d.ts
 
 # Sentry Config File
 .sentryclirc
+
+# Sentry Config File
+.env.sentry-build-plugin
diff --git a/frontend/Dockerfile b/frontend/Dockerfile
@@ -34,6 +34,7 @@ ARG NEXT_PUBLIC_SHOW_TOKENS
 ARG NEXT_PUBLIC_PROJECT_NAME
 ARG NEXT_PUBLIC_POSTHOG_KEY
 ARG NEXT_PUBLIC_POSTHOG_HOST
+ARG SENTRY_AUTH_TOKEN
 
 ENV NEXT_PUBLIC_ENV=$NEXT_PUBLIC_ENV
 ENV NEXT_PUBLIC_BACKEND_URL=$NEXT_PUBLIC_BACKEND_URL
@@ -46,7 +47,7 @@ ENV NEXT_PUBLIC_SHOW_TOKENS=$NEXT_PUBLIC_SHOW_TOKENS
 ENV NEXT_PUBLIC_PROJECT_NAME=$NEXT_PUBLIC_PROJECT_NAME
 ENV NEXT_PUBLIC_POSTHOG_KEY=$NEXT_PUBLIC_POSTHOG_KEY
 ENV NEXT_PUBLIC_POSTHOG_HOST=$NEXT_PUBLIC_POSTHOG_HOST
-
+ENV SENTRY_AUTH_TOKEN=$SENTRY_AUTH_TOKEN
 
 # Next.js collects completely anonymous telemetry data about general usage.
 # Learn more here: https://nextjs.org/telemetry
@@ -98,6 +99,8 @@ ARG NEXT_PUBLIC_POSTHOG_KEY
 ENV NEXT_PUBLIC_POSTHOG_KEY=$NEXT_PUBLIC_POSTHOG_KEY
 ARG NEXT_PUBLIC_POSTHOG_HOST
 ENV NEXT_PUBLIC_POSTHOG_HOST=$NEXT_PUBLIC_POSTHOG_HOST
+ARG SENTRY_AUTH_TOKEN
+ENV SENTRY_AUTH_TOKEN=$SENTRY_AUTH_TOKEN
 
 # server.js is created by next build from the standalone output
 # https://nextjs.org/docs/pages/api-reference/next-config-js/output

diff --git a/frontend/Porter.yaml b/frontend/Porter.yaml
@@ -1,23 +1,22 @@
 version: v2
 name: quivr-demo-front
 services:
-- name: quivr-frontend
-  run: ""
-  type: web
-  instances: 1
-  cpuCores: 0.2
-  ramMegabytes: 240
-  terminationGracePeriodSeconds: 30
-  port: 3000
-  domains:
-  - name: demo.quivr.app
-  sleep: false
+  - name: quivr-frontend
+    run: ""
+    type: web
+    instances: 1
+    cpuCores: 0.2
+    ramMegabytes: 240
+    terminationGracePeriodSeconds: 30
+    port: 3000
+    domains:
+      - name: demo.quivr.app
+    sleep: false
 build:
   context: ./frontend
   method: docker
   dockerfile: ./frontend/Dockerfile
 envGroups:
-- preview-frontend
+  - preview-frontend
 autoRollback:
   enabled: false
-
diff --git a/frontend/app/(auth)/login/components/AzureLogin/hooks/useAzureLogin.ts b/frontend/app/(auth)/login/components/AzureLogin/hooks/useAzureLogin.ts
@@ -14,9 +14,9 @@ export const useAzureLogin = (): {
   const signInWithAzure = async () => {
     setIsPending(true);
     const { error } = await supabase.auth.signInWithOAuth({
-      provider: 'azure',
+      provider: "azure",
       options: {
-        scopes: 'email',
+        scopes: "email",
       },
     });
     setIsPending(false);
@@ -32,4 +32,4 @@ export const useAzureLogin = (): {
     signInWithAzure,
     isPending,
   };
-};
+};
diff --git a/frontend/app/(auth)/login/page.module.scss b/frontend/app/(auth)/login/page.module.scss
@@ -43,4 +43,4 @@
       font-size: Typography.$tiny;
     }
   }
-}
+}
diff --git a/...hatId]/components/ActionsBar/components/ChatInput/components/ChatEditor/Editor/styles.css b/...hatId]/components/ActionsBar/components/ChatInput/components/ChatEditor/Editor/styles.css
@@ -1,16 +1,16 @@
 .ProseMirror p.is-editor-empty:first-child::before {
-    content: attr(data-placeholder);
-    float: left;
-    color: #adb5bd;
-    pointer-events: none;
-    height: 0;
+  content: attr(data-placeholder);
+  float: left;
+  color: #adb5bd;
+  pointer-events: none;
+  height: 0;
 }
 
 .ProseMirror * {
-    white-space: pre-wrap;
-    word-wrap: break-word;
+  white-space: pre-wrap;
+  word-wrap: break-word;
 }
 
 .mention {
-    display: none;
-}
+  display: none;
+}
diff --git a/...onents/ActionsBar/components/ChatInput/components/MenuControlButton/MenuControlButton.tsx b/...onents/ActionsBar/components/ChatInput/components/MenuControlButton/MenuControlButton.tsx
@@ -4,21 +4,18 @@ import { LuArrowLeftFromLine } from "react-icons/lu";
 import { useMenuContext } from "@/lib/context/MenuProvider/hooks/useMenuContext";
 import { useDevice } from "@/lib/hooks/useDevice";
 
-import styles from './MenuControlButton.module.scss';
+import styles from "./MenuControlButton.module.scss";
 
 export const MenuControlButton = (): JSX.Element => {
-    const { isOpened, setIsOpened } = useMenuContext();
-    const { isMobile } = useDevice();
-    const Icon = isOpened ? LuArrowLeftFromLine : GiHamburgerMenu;
+  const { isOpened, setIsOpened } = useMenuContext();
+  const { isMobile } = useDevice();
+  const Icon = isOpened ? LuArrowLeftFromLine : GiHamburgerMenu;
 
-    if (isOpened && isMobile) {
-        return <></>;
-    }
+  if (isOpened && isMobile) {
+    return <></>;
+  }
 
-    return (
-        <Icon
-            className={styles.menu_icon}
-            onClick={() => setIsOpened(!isOpened)}
-        />
-    );
+  return (
+    <Icon className={styles.menu_icon} onClick={() => setIsOpened(!isOpened)} />
+  );
 };
diff --git a/...ts/ActionsBar/components/KnowledgeToFeed/components/FromConnections/FileLine/FileLine.tsx b/...ts/ActionsBar/components/KnowledgeToFeed/components/FromConnections/FileLine/FileLine.tsx
@@ -11,15 +11,15 @@ export const FileLine = ({
   name,
   selectable,
   id,
-  icon
+  icon,
 }: FileLineProps): JSX.Element => {
   return (
     <SyncElementLine
       name={name}
       selectable={selectable}
       id={id}
       isFolder={false}
-      icon= {icon}
+      icon={icon}
     />
   );
 };
diff --git a/...ponents/ChatDialogueArea/components/ChatDialogue/components/ChatItem/QADisplay/styles.css b/...ponents/ChatDialogueArea/components/ChatDialogue/components/ChatItem/QADisplay/styles.css
@@ -1,3 +1,3 @@
 * {
-    white-space: pre-line;
-}
+  white-space: pre-line;
+}
diff --git a/frontend/app/chat/[chatId]/page.module.scss b/frontend/app/chat/[chatId]/page.module.scss
@@ -27,4 +27,4 @@
       }
     }
   }
-}
+}
diff --git a/frontend/app/colors.css b/frontend/app/colors.css
@@ -1,60 +1,60 @@
 :root {
-    --white-0: #fcfcfc;
-    --white-1: #f8f8f8;
-    --white-2: #f4f4f4;
-
-    /* Black */
-    --black-0: #1f1f1f;
-    --black-1: #252525;
-    --black-2: #2b2b2b;
-    --black-3: #313131;
-    --black-4: #373737;
-    --black-5: #3d3d3d;
-    --black-6: #434343;
-    --black-7: #494949;
-
-    /* Grey */
-    --grey-O: #707070;
-    --grey-1: #818080;
-    --grey-2: #c8c8c8;
-    --grey-3: #cbcbcb;
-    --grey-4: #e7e9ec;
-    --grey-5: #d3d3d3;
-    --grey-6: #f5f5f5;
-
-    /* Primary */
-    --primary-0: #6142d4;
-    --primary-1: #d0c6f2;
-    --primary-2: #f5f3fd;
-
-    /* Accent */
-    --accent: #13abba;
-  
-    /* Gold */
-    --gold: #b8860b;
-    --gold-lightest: #f0ebdd;;
-  
-    /* Error */
-    --dangerous-dark: #e30c17;
-    --dangerous: #9b373c;
-    --dangerous-lightest: #eedddd;
-  
-    /* Warning */
-    --warning: #c77d33;
-    --warning-lightest: #f2e9e0;
-  
-    /* Success */
-    --success: #47a455;
-    --success-lightest: #d0edd4;
-
-    /* Code */
-    --code-yellow: #e6db74;
-    --code-grey: #f8f8f2; 
-    --code-green: #a6e22e;
-    --code-purple: #ae81ff;
-    --code-red: #f92672;
-    --code-dark-grey: #f8f8f2;
-    --code-very-dark-grey: #75715e;
-    --code-blue: #66d9ef;
-    --code-orange: #fd971f;
-}
+  --white-0: #fcfcfc;
+  --white-1: #f8f8f8;
+  --white-2: #f4f4f4;
+
+  /* Black */
+  --black-0: #1f1f1f;
+  --black-1: #252525;
+  --black-2: #2b2b2b;
+  --black-3: #313131;
+  --black-4: #373737;
+  --black-5: #3d3d3d;
+  --black-6: #434343;
+  --black-7: #494949;
+
+  /* Grey */
+  --grey-O: #707070;
+  --grey-1: #818080;
+  --grey-2: #c8c8c8;
+  --grey-3: #cbcbcb;
+  --grey-4: #e7e9ec;
+  --grey-5: #d3d3d3;
+  --grey-6: #f5f5f5;
+
+  /* Primary */
+  --primary-0: #6142d4;
+  --primary-1: #d0c6f2;
+  --primary-2: #f5f3fd;
+
+  /* Accent */
+  --accent: #13abba;
+
+  /* Gold */
+  --gold: #b8860b;
+  --gold-lightest: #f0ebdd;
+
+  /* Error */
+  --dangerous-dark: #e30c17;
+  --dangerous: #9b373c;
+  --dangerous-lightest: #eedddd;
+
+  /* Warning */
+  --warning: #c77d33;
+  --warning-lightest: #f2e9e0;
+
+  /* Success */
+  --success: #47a455;
+  --success-lightest: #d0edd4;
+
+  /* Code */
+  --code-yellow: #e6db74;
+  --code-grey: #f8f8f2;
+  --code-green: #a6e22e;
+  --code-purple: #ae81ff;
+  --code-red: #f92672;
+  --code-dark-grey: #f8f8f2;
+  --code-very-dark-grey: #75715e;
+  --code-blue: #66d9ef;
+  --code-orange: #fd971f;
+}
diff --git a/frontend/app/globals.css b/frontend/app/globals.css
@@ -1,9 +1,7 @@
 @import "tailwindcss/base";
 @import "tailwindcss/components";
 @import "tailwindcss/utilities";
-@import './colors.css';
-
-
+@import "./colors.css";
 
 main {
   @apply max-w-screen-xl mx-auto flex flex-col;
@@ -101,18 +99,18 @@ body.dark_mode {
   --background-success: var(--black-5);
   --background-error: var(--black-5);
   --background-pending: var(--black-5);
- 
+
   /* Borders */
   --border-0: var(--black-5);
   --border-1: var(--black-6);
   --border-2: var(--black-7);
- 
+
   /* Icons */
   --icon-0: var(--black-0);
   --icon-1: var(--grey-0);
   --icon-2: var(--grey-2);
   --icon-3: var(--white-0);
- 
+
   /* Text */
   --text-0: var(--black-0);
   --text-1: var(--grey-0);
@@ -142,7 +140,7 @@ body.dark_mode {
 .token.constant,
 .token.symbol,
 .token.deleted {
-  color: var(--code-red); 
+  color: var(--code-red);
 }
 
 .token.boolean,
@@ -156,7 +154,7 @@ body.dark_mode {
 .token.char,
 .token.builtin,
 .token.inserted {
-  color: var(--code-green); 
+  color: var(--code-green);
 }
 
 .token.operator,
@@ -165,7 +163,7 @@ body.dark_mode {
 .language-css .token.string,
 .style .token.string,
 .token.variable {
-  color: var(--code-grey); 
+  color: var(--code-grey);
 }
 
 .token.atrule,
@@ -176,7 +174,7 @@ body.dark_mode {
 }
 
 .token.keyword {
-  color: var(--code-blue); 
+  color: var(--code-blue);
 }
 
 .token.regex,
@@ -206,7 +204,7 @@ body.dark_mode {
 }
 
 .EmojiPickerReact.epr-dark-theme {
-  --epr-emoji-size: 20px !important; 
+  --epr-emoji-size: 20px !important;
   --epr-hover-bg-color: var(--primary-1) !important;
   --epr-category-navigation-button-size: 24px !important;
   --epr-category-label-bg-color: var(--background-0) !important;
@@ -231,4 +229,4 @@ body.dark_mode {
 
 .react-colorful__saturation {
   border-radius: 0 !important;
-}
+}
-Original file line number
+Diff line change
@@ Expand Up / @@ -43,4 +43,4 @@ @@
           font-size: Typography.$tiny;
         }
       }
-    }
+    }