add sentry

Author: parsabr80

package-lock.json

@@ -27,7 +27,7 @@
     "@react-spring/web": "10.0.3",
     "@react-three/drei": "^9.122.0",
     "@react-three/fiber": "^8.18.0",
-    "@sentry/react": "^8.53.0",
+    "@sentry/react": "^8.55.2",
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^13.4.0",
     "@testing-library/user-event": "^13.5.0",

package.json

@@ -19,9 +19,9 @@ import { LoaderProvider } from "./services/reducers/LoaderProvider.jsx";
 import RotateDevice from "./components/RotateDevice";
 import { useAppHeight } from "./hooks/useAppHeight.js";
 import { ScrollDirectionProvider } from "./services/reducers/ScrollDirectionContext.jsx";
+import * as Sentry from "@sentry/react";
 function App() {
   useAppHeight();
-/** */
   useLayoutEffect(() => {
     window.Echo = new Echo({
       broadcaster: "pusher",

src/App.jsx

@@ -49,7 +49,7 @@ const RotateDevice = () => {
   return (
     <RotateContainer>
       <RotateIcon />
-      <RotateText>لطفاً گوشی خود را به حالت افقی بچرخانید</RotateText>
+      <RotateText>{getFieldTranslationByNames(1372)}</RotateText>
     </RotateContainer>
   );
 };

src/components/RotateDevice.jsx

@@ -1,36 +1,21 @@
 import React from "react";
 import ReactDOM from "react-dom/client";
 import App from "./App";
-// import * as Sentry from "@sentry/react";
+import * as Sentry from "@sentry/react";
 
-// const isDebugEnabled =
-//   window.location.hostname === "localhost" ||
-//   window.location.hostname === "frdevelop.irpsc.com";
+Sentry.init({
+  dsn: "https://36c0b7c2ae9c5519c5b9205a6a8c6cc3@sentry.irpsc.com/3",
 
-// Sentry.init({
-//   dsn: "https://c71a2b88c754680dc5e405ccce46ffdf@sentry.hamravesh.com/7902",
-//   integrations: [
-//     Sentry.browserTracingIntegration(),
-//     Sentry.replayIntegration(),
-//   ],
-//   // Performance and debugging
-//   enabled: "production",
-//   debug: isDebugEnabled,
-//   release: "1.0.0",
-//   dist: "1",
-//   attachStacktrace: true,
-//   autoSessionTracking: true,
-//   // Tracing
-//   tracesSampleRate: 1.0, //  Capture 100% of the transactions
-//   // Set 'tracePropagationTargets' to control for which URLs distributed tracing should be enabled
-//   tracePropagationTargets: [
-//     "localhost",
-//     "https://frdevelop.irpsc.com/metaverse/",
-//   ],
-//   // Session Replay
-//   replaysSessionSampleRate: 0.1, // This sets the sample rate at 10%. You may want to change it to 100% while in development and then sample at a lower rate in production.
-//   replaysOnErrorSampleRate: 1.0, // If you're not already sampling the entire session, change the sample rate to 100% when sampling sessions where errors occur.
-// });
+  integrations: [
+    Sentry.replayIntegration({
+      maskAllText: true,
+      maskAllInputs: true,
+      blockAllMedia: true,
+    }),
+  ],
 
-const root = ReactDOM.createRoot(document.getElementById("root"));
-root.render(<App />);
+  replaysSessionSampleRate: 0.1,
+  replaysOnErrorSampleRate: 1.0,
+});
+
+ReactDOM.createRoot(document.getElementById("root")).render(<App />);