app-tutor-ai-consumer 1.26.0 → 1.26.1

package/CHANGELOG.md

@@ -1,3 +1,9 @@
+## [1.26.1](https://github.com/Hotmart-Org/app-tutor-ai-consumer/compare/v1.26.0...v1.26.1) (2025-08-13)
+
+### Bug Fixes
+
+- build staging ([60e5aa3](https://github.com/Hotmart-Org/app-tutor-ai-consumer/commit/60e5aa3bda6636f63bafb49a1d93c18b2b0dec5f))
+
 # [1.26.0](https://github.com/Hotmart-Org/app-tutor-ai-consumer/compare/v1.25.1...v1.26.0) (2025-08-12)
 
 ### Features

package/config/rspack/rspack.config.js

@@ -169,7 +169,7 @@ module.exports = async function (env) {
         template: path.resolve(paths.PUBLIC, 'index.html'),
         favicon: path.resolve(paths.PUBLIC, 'favicon.ico')
       })
-    ].concat(await getEnvironmentPlugins(!productionMode)),
+    ].concat(await getEnvironmentPlugins(process.env.NODE_ENV)),
     watchOptions: {
       ignored: /node_modules/
     }

package/config/rspack/utils/envs.js

@@ -26,15 +26,18 @@ const envs = [
 
 const localEnvs = ['MEMBERSHIP_SLUG']
 
-const prodEnvs = ['APP_HOST_MF']
+const stagingEnvs = [...envs, 'APP_HOST_MF']
+
+const prodEnvs = ['SENTRY_DSN', 'SENTRY_ORG', 'SENTRY_PROJECT']
 
 const devEnvs = [...envs, ...localEnvs]
 
-const allEnvs = [...envs, ...prodEnvs]
+const allEnvs = [...stagingEnvs, ...prodEnvs]
 
 module.exports = {
+  allEnvs,
+  devEnvs,
   envs,
   prodEnvs,
-  devEnvs,
-  allEnvs
+  stagingEnvs
 }

package/config/rspack/utils/plugins.js

@@ -1,10 +1,17 @@
 const refreshPlugin = require('@rspack/plugin-react-refresh')
 const rspack = require('@rspack/core')
-const { devEnvs, allEnvs } = require('./envs')
+const { allEnvs, devEnvs, stagingEnvs } = require('./envs')
 const CompressionPlugin = require('compression-webpack-plugin')
+const { HotmartRumPlugin } = require('@hotmart-org-ca/hot-observability-js/rum/webpack')
+const packageJSON = require('../../../package.json')
 
-async function getEnvironmentPlugins(isDevelopment) {
-  if (isDevelopment) {
+const release = `${packageJSON.name}@v${packageJSON.version}`
+
+async function getEnvironmentPlugins(env) {
+  const developmentMode = env !== 'production' && env !== 'staging'
+  const stagingMode = env === 'staging'
+
+  if (developmentMode) {
     const res = await fetch(
       `${process.env.SECURITY_BASE_URL}/security/oauth/token?grant_type=password&username=${process.env.USER_VLC}&password=${process.env.VLC_PASSWORD}`,
       {
@@ -24,8 +31,7 @@ async function getEnvironmentPlugins(isDevelopment) {
     ]
   }
 
-  return [
-    new rspack.EnvironmentPlugin(allEnvs),
+  const prodCommonPlugins = [
     new rspack.CssExtractRspackPlugin({
       filename: 'app-tutor-ai-consumer.css',
       chunkFilename: '[id].[contenthash].css'
@@ -34,6 +40,28 @@ async function getEnvironmentPlugins(isDevelopment) {
       algorithm: 'gzip'
     })
   ]
+
+  if (stagingMode) return [new rspack.EnvironmentPlugin(stagingEnvs), ...prodCommonPlugins]
+
+  return [
+    new rspack.EnvironmentPlugin(allEnvs),
+    HotmartRumPlugin({
+      authToken: process.env.SENTRY_AUTH_TOKEN,
+      org: process.env.SENTRY_ORG,
+      project: process.env.SENTRY_PROJECT,
+      release: {
+        name: release,
+        deploy: {
+          env: process.env.NODE_ENV
+        }
+      },
+      moduleMetadata: () => ({
+        dsn: process.env.SENTRY_DSN,
+        release
+      })
+    }),
+    ...prodCommonPlugins
+  ]
 }
 
 module.exports = {

package/environments/.env.production

@@ -41,3 +41,8 @@ BUNDLE_PATH=https://app-club-microfrontends-prod.cp.hotmart.com
 
 # STATIC
 STATIC_URL=https://static.hotmart.com
+
+# SENTRY
+SENTRY_DSN=https://16c84dbea85a67f73a3696f6f05796bb@o49094.ingest.us.sentry.io/4509837136887808
+SENTRY_ORG=hotmart
+SENTRY_PROJECT=app-tutor-ai-consumer

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "app-tutor-ai-consumer",
-  "version": "1.26.0",
+  "version": "1.26.1",
   "main": "index.js",
   "scripts": {
     "dev": "rspack serve --env=development --config config/rspack/rspack.config.js",
@@ -104,6 +104,7 @@
   },
   "dependencies": {
     "@hot-observability-js/react": "~1.1.0",
+    "@hotmart-org-ca/hot-observability-js": "^1.1.0",
     "@hotmart/event-agent-js": "~1.1.2",
     "@hotmart/sparkie": "~5.1.0",
     "@lottiefiles/dotlottie-react": "~0.14.4",

package/src/@types/hot-observability-js.d.ts

@@ -0,0 +1 @@
+declare module '@hotmart-org-ca/hot-observability-js/rum/react'

package/src/config/hot-observability/hot-observability.ts

@@ -0,0 +1,7 @@
+import { HotmartRum as HotmartObservability } from '@hot-observability-js/react'
+
+import type { HotmartRumFunctions } from './types'
+
+const HotmartRum: HotmartRumFunctions = HotmartObservability
+
+export default HotmartRum

package/src/config/hot-observability/index.ts

@@ -0,0 +1,2 @@
+export { default as HotmartRum } from './hot-observability'
+export * from './types'

package/src/config/hot-observability/types.ts

@@ -0,0 +1,29 @@
+export type Levels = 'fatal' | 'error' | 'warning' | 'log' | 'info' | 'debug'
+
+export type ExtraParams = {
+  stack?: string
+  message?: string
+}
+
+export type ErrorParams = {
+  name: string
+} & ExtraParams
+
+export type User = {
+  id: number
+  email: string
+}
+
+export type ScopeParams = {
+  setUser: (user: User) => void
+  setTag: (key: string, value: string) => void
+  setLevel: (level: Levels) => void
+  setExtras: (params: ExtraParams) => void
+}
+
+export type HotmartRumFunctions = {
+  withScope: <T>(callback: (scope: ScopeParams) => T) => T
+  captureException: (error: string, hint: any) => void
+  captureMessage: (message: string) => string
+  ErrorBoundary: any
+}

package/src/lib/components/errors/boundary.tsx

@@ -3,6 +3,8 @@ import { Component } from 'react'
 import { HotmartRum } from '@hot-observability-js/react'
 import type { ErrorInfo, PropsWithChildren, ReactNode } from 'react'
 
+import { productionMode } from '../../utils'
+
 export type BoundaryState = {
   hasError: boolean
 }
@@ -18,7 +20,7 @@ export type BoundaryProps = PropsWithChildren<{
 }>
 
 const logError = (error: Error, errorInfo: ErrorInfo, user?: BoundaryProps['user']) => {
-  if (process.env.TARGET_ENV !== 'production' && typeof vi === 'undefined') {
+  if (!productionMode && typeof vi === 'undefined') {
     return console.error(`Uncaught error: ${JSON.stringify({ error, errorInfo })}`)
   }
 
@@ -30,6 +32,7 @@ const logError = (error: Error, errorInfo: ErrorInfo, user?: BoundaryProps['user
     }
 
     const msg = errorInfo?.componentStack?.toString()
+
     if (msg) HotmartRum.captureMessage(msg)
 
     HotmartRum.captureException(error)

package/src/modules/widget/components/container/container.tsx

@@ -1,9 +1,21 @@
+import { useEffect, useState } from 'react'
+
 import { useSubscribeMessageReceivedEvent } from '@/src/modules/messages/hooks'
 import { useSubscribeThreadClosedEvent } from '@/src/modules/thread/hooks'
 import { useListenToVisibilityEvents } from '../../hooks'
 import { useWidgetTabsAtom } from '../../store'
 import { WIDGET_TABS } from '../constants'
 
+// TODO: REMOVE
+const hotmartRumKey = 'app-tutor-ai-consumer::hotmart-rum::activate'
+const useSentryDebugger = () => {
+  const [logError] = useState(() => Boolean(window?.localStorage?.getItem?.(hotmartRumKey)))
+
+  useEffect(() => {
+    if (logError) throw new Error(hotmartRumKey)
+  }, [logError])
+}
+
 function WidgetContainer() {
   const [widgetTabs] = useWidgetTabsAtom()
 
@@ -11,6 +23,8 @@ function WidgetContainer() {
   useSubscribeThreadClosedEvent()
   useListenToVisibilityEvents()
 
+  useSentryDebugger()
+
   return (
     <div className='flex h-full flex-col items-center justify-stretch overflow-hidden'>
       {WIDGET_TABS[widgetTabs.currentTab]}