feat: alyout

Signed-off-by: Innei <[email protected]>

Author: Innei

.npmrc

@@ -0,0 +1,4 @@
+# https://zenn.dev/haxibami/scraps/083718c1beec04
+strict-peer-dependencies=false
+
+registry=https://registry.npmjs.org

global.d.ts

@@ -14,4 +14,6 @@ declare global {
       PropsWithChildren
   >
 }
+
+ 
 export {}

next.config.mts

@@ -1,14 +1,83 @@
+import { config } from 'dotenv'
 import type { NextConfig } from 'next'
 
+import { withSentryConfig } from '@sentry/nextjs'
+import { sentryWebpackPlugin } from '@sentry/webpack-plugin'
 import { createVanillaExtractPlugin } from '@vanilla-extract/next-plugin'
 
 const withVanillaExtract = createVanillaExtractPlugin()
 
-/** @type {import('next').NextConfig} */
-const nextConfig: NextConfig = {
+process.title = 'Kami (NextJS)'
+
+const env = config().parsed || {}
+const isProd = process.env.NODE_ENV === 'production'
+
+// eslint-disable-next-line import/no-mutable-exports
+let nextConfig: NextConfig = {
   experimental: {
     appDir: true,
   },
+  webpack: (config, options) => {
+    if (
+      process.env.SENTRY === 'true' &&
+      process.env.NEXT_PUBLIC_SENTRY_DSN &&
+      isProd
+    ) {
+      config.plugins.push(
+        sentryWebpackPlugin({
+          include: '.next',
+          ignore: ['node_modules', 'cypress', 'test'],
+          urlPrefix: '~/_next',
+
+          org: 'inneis-site',
+          headers: {
+            Authorization: `DSN ${process.env.NEXT_PUBLIC_SENTRY_DSN}`,
+          },
+          project: 'kami',
+        }),
+      )
+    }
+
+    return config
+  },
 }
 
-export default withVanillaExtract(nextConfig)
+if (process.env.SENTRY === 'true' && isProd) {
+  // @ts-expect-error
+  nextConfig = withSentryConfig(
+    nextConfig,
+    {
+      // For all available options, see:
+      // https://github.com/getsentry/sentry-webpack-plugin#options
+
+      // Suppresses source map uploading logs during build
+      silent: true,
+
+      org: 'inneis-site',
+      project: 'springtide',
+    },
+    {
+      // For all available options, see:
+      // https://docs.sentry.io/platforms/javascript/guides/nextjs/manual-setup/
+
+      // 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,
+    },
+  )
+}
+
+nextConfig = withVanillaExtract(nextConfig)
+
+export default nextConfig

package.json

@@ -6,15 +6,6 @@
   "engines": {
     "node": ">=14"
   },
-  "pnpm": {
-    "peerDependencyRules": {
-      "ignoreMissing": [
-        "react",
-        "next-pwa",
-        "next"
-      ]
-    }
-  },
   "bump": {
     "before": [
       "git pull --rebase",
@@ -59,13 +50,16 @@
     "@formkit/auto-animate": "1.0.0-beta.6",
     "@headlessui/react": "1.7.15",
     "@mx-space/api-client": "1.4.1",
+    "@sentry/nextjs": "7.53.1",
+    "@sentry/webpack-plugin": "2.2.1",
     "@tanstack/react-query": "4.29.12",
     "@tanstack/react-query-devtools": "4.29.12",
     "@tanstack/react-query-persist-client": "4.29.12",
     "axios": "1.4.0",
     "clsx": "1.2.1",
     "daisyui": "3.0.25",
     "dayjs": "1.11.8",
+    "foxact": "0.2.8",
     "framer-motion": "^10.12.16",
     "idb-keyval": "6.2.1",
     "immer": "^10.0.2",