Merge branch 'release/1.0.0-alpha.34'

CHANGELOG.md

@@ -2,6 +2,16 @@
 
 All notable changes to this project will be documented in this file.
 
+## [1.0.0-alpha.34] - 2024-03-11
+
+### Bug Fixes
+
+- Solve missing null issue on proposer id on browser screen
+
+### Miscellaneous Tasks
+
+- Add `dev` and `start` scripts the root package
+
 ## [1.0.0-alpha.33] - 2024-03-11
 
 ### Bug Fixes

apps/nouns-camp/.gitignore

@@ -1,2 +1,5 @@
 .next
 public/service-worker.js
+
+# Sentry Config File
+.sentryclirc

apps/nouns-camp/next.config.js

@@ -1,4 +1,5 @@
 const webpack = require("webpack");
+const { withSentryConfig } = require("@sentry/nextjs");
 
 const withSerwist = require("@serwist/next").default({
   swSrc: "src/app/service-worker.js",
@@ -7,6 +8,34 @@ const withSerwist = require("@serwist/next").default({
   disable: process.env.NODE_ENV !== "production",
 });
 
+const withSentry = (config) =>
+  withSentryConfig(
+    config,
+    {
+      // Suppresses source map uploading logs during build
+      silent: true,
+      org: "camp",
+      project: "camp-main",
+    },
+    {
+      // Upload a larger set of source maps for prettier stack traces (increases build time)
+      widenClientFileUpload: true,
+      // Transpiles SDK to be compatible with IE11 (increases bundle size)
+      transpileClientSDK: true,
+      // Routes browser requests to Sentry through a Next.js rewrite to circumvent ad-blockers (increases server load)
+      tunnelRoute: "/monitoring",
+      // Hides source maps from generated client bundles
+      hideSourceMaps: true,
+      // Automatically tree-shake Sentry logger statements to reduce bundle size
+      disableLogger: true,
+      // Enables automatic instrumentation of Vercel Cron Monitors.
+      // See the following for more information:
+      // https://docs.sentry.io/product/crons/
+      // https://vercel.com/docs/cron-jobs
+      automaticVercelMonitors: true,
+    },
+  );
+
 const BUILD_ID = process.env.VERCEL_GIT_COMMIT_SHA?.slice(0, 7) ?? "dev";
 
 const ignoredModules = [
@@ -24,44 +53,46 @@ const ignoredModules = [
   "encoding",
 ];
 
-module.exports = withSerwist({
-  reactStrictMode: true,
-  compiler: {
-    emotion: true,
-  },
-  rewrites() {
-    return [{ source: "/sw.js", destination: "/service-worker.js" }];
-  },
-  headers() {
-    return [
-      {
-        source: "/:path*",
-        headers: [{ key: "x-camp-build-id", value: BUILD_ID }],
-      },
-    ];
-  },
-  webpack(config) {
-    config.resolve.fallback = {
-      ...config.resolve.fallback,
-      ...Object.fromEntries(ignoredModules.map((m) => [m, false])),
-    };
+module.exports = withSentry(
+  withSerwist({
+    reactStrictMode: true,
+    compiler: {
+      emotion: true,
+    },
+    rewrites() {
+      return [{ source: "/sw.js", destination: "/service-worker.js" }];
+    },
+    headers() {
+      return [
+        {
+          source: "/:path*",
+          headers: [{ key: "x-camp-build-id", value: BUILD_ID }],
+        },
+      ];
+    },
+    webpack(config) {
+      config.resolve.fallback = {
+        ...config.resolve.fallback,
+        ...Object.fromEntries(ignoredModules.map((m) => [m, false])),
+      };
 
-    config.plugins = [
-      ...config.plugins,
-      new webpack.DefinePlugin({
-        "process.env.BUILD_ID": JSON.stringify(BUILD_ID),
-      }),
-    ];
+      config.plugins = [
+        ...config.plugins,
+        new webpack.DefinePlugin({
+          "process.env.BUILD_ID": JSON.stringify(BUILD_ID),
+        }),
+      ];
 
-    return config;
-  },
-  experimental: {
-    cpus: 4,
+      return config;
+    },
+    experimental: {
+      cpus: 4,
     turbo: {
       // Ignoring modules is not a thing yet
       resolveAlias: Object.fromEntries(
         ignoredModules.map((n) => [n, "@shades/common"]),
       ),
     },
   },
-});
+}),
+);

apps/nouns-camp/package.json

@@ -28,6 +28,7 @@
     "@prophouse/sdk-react": "^1.0.31",
     "@radix-ui/react-toolbar": "^1.0.3",
     "@radix-ui/react-tooltip": "^1.0.5",
+    "@sentry/nextjs": "^7.105.0",
     "@serwist/next": "^8.4.4",
     "@serwist/precaching": "^8.4.4",
     "@serwist/sw": "^8.4.4",

apps/nouns-camp/sentry.client.config.js

@@ -0,0 +1,12 @@
+// This file configures the initialization of Sentry on the client.
+// The config you add here will be used whenever a users loads a page in their browser.
+// https://docs.sentry.io/platforms/javascript/guides/nextjs/
+
+import * as Sentry from "@sentry/nextjs";
+
+Sentry.init({
+  dsn: process.env.NEXT_PUBLIC_SENTRY_DSN,
+  tracesSampleRate: 0,
+  replaysOnErrorSampleRate: 0,
+  replaysSessionSampleRate: 0,
+});

apps/nouns-camp/sentry.edge.config.js

@@ -0,0 +1,11 @@
+// This file configures the initialization of Sentry for edge features (middleware, edge routes, and so on).
+// The config you add here will be used whenever one of the edge features is loaded.
+// Note that this config is unrelated to the Vercel Edge Runtime and is also required when running locally.
+// https://docs.sentry.io/platforms/javascript/guides/nextjs/
+
+import * as Sentry from "@sentry/nextjs";
+
+Sentry.init({
+  dsn: process.env.NEXT_PUBLIC_SENTRY_DSN,
+  tracesSampleRate: 0,
+});

apps/nouns-camp/sentry.server.config.js

@@ -0,0 +1,10 @@
+// This file configures the initialization of Sentry on the server.
+// The config you add here will be used whenever the server handles a request.
+// https://docs.sentry.io/platforms/javascript/guides/nextjs/
+
+import * as Sentry from "@sentry/nextjs";
+
+Sentry.init({
+  dsn: process.env.NEXT_PUBLIC_SENTRY_DSN,
+  tracesSampleRate: 0,
+});

apps/nouns-camp/src/app/client-app-provider.js

@@ -1,8 +1,9 @@
 "use client";
 
+import * as Sentry from "@sentry/nextjs";
 import React from "react";
 import { I18nProvider } from "react-aria";
-import { useReconnect } from "wagmi";
+import { useAccount, useReconnect } from "wagmi";
 import * as Tooltip from "@shades/ui-web/tooltip";
 import {
   useAccountFetch,
@@ -32,7 +33,7 @@ const dialogs = [
   },
 ];
 
-const GlobalClientFetches = () => {
+const GlobalClientFetcher = () => {
   const { address: connectedAccountAddress } = useWallet();
 
   useDelegatesFetch();
@@ -41,11 +42,24 @@ const GlobalClientFetches = () => {
 };
 
 const WalletReconnector = () => {
+  const { isConnected } = useAccount();
   const { reconnect } = useReconnect();
   const connectors = useConnectorsWithReadyState();
   React.useEffect(() => {
+    if (isConnected) return;
     reconnect();
-  }, [reconnect, connectors]);
+  }, [isConnected, reconnect, connectors]);
+};
+
+const SentryConfigurator = () => {
+  const { address } = useAccount();
+  React.useEffect(() => {
+    if (address == null) {
+      Sentry.setUser(null);
+      return;
+    }
+    Sentry.setUser({ id: address });
+  }, [address]);
 };
 
 export default function ClientAppProvider({ children }) {
@@ -56,8 +70,9 @@ export default function ClientAppProvider({ children }) {
           <GlobalDialogsProvider dialogs={dialogs}>
             <AppUpdateBanner />
             {children}
-            <GlobalClientFetches />
+            <GlobalClientFetcher />
             <WalletReconnector />
+            <SentryConfigurator />
           </GlobalDialogsProvider>
         </ConnectWalletDialogProvider>
       </Tooltip.Provider>

apps/nouns-camp/src/app/error.js

@@ -1,12 +1,18 @@
 "use client";
 
+import React from "react";
+import * as Sentry from "@sentry/nextjs";
 import ClientAppProvider from "./client-app-provider.js";
 import ErrorScreen from "../components/error-screen.js";
 
 export default function Error({
   error,
   // reset
 }) {
+  React.useEffect(() => {
+    Sentry.captureException(error);
+  }, [error]);
+
   return (
     <ClientAppProvider>
       <ErrorScreen

apps/nouns-camp/src/components/account-avatar.js

@@ -73,7 +73,7 @@ const NounsAccountAvatar = React.forwardRef(
         ref={ref}
         url={imageUrl}
         borderRadius={nounAvatarUrl == null ? "0.3rem" : undefined}
-        signature={ensName ?? accountAddress.slice(2)}
+        signature={ensName ?? accountAddress?.slice(2)}
         signatureLength={2}
         signatureFontSize="0.95rem"
         {...props}