app-tutor-ai-consumer 1.27.1 → 1.27.3

package/CHANGELOG.md

@@ -1,3 +1,15 @@
+## [1.27.3](https://github.com/Hotmart-Org/app-tutor-ai-consumer/compare/v1.27.2...v1.27.3) (2025-08-14)
+
+### Performance Improvements
+
+- add bundle analyzers ([26ee88f](https://github.com/Hotmart-Org/app-tutor-ai-consumer/commit/26ee88f6e2cfa73645ac9406f0e1df03947686f9))
+
+## [1.27.2](https://github.com/Hotmart-Org/app-tutor-ai-consumer/compare/v1.27.1...v1.27.2) (2025-08-13)
+
+### Bug Fixes
+
+- build staging ([e331a5e](https://github.com/Hotmart-Org/app-tutor-ai-consumer/commit/e331a5ef60a8530e3f08419407fd5dea25a30722))
+
 ## [1.27.1](https://github.com/Hotmart-Org/app-tutor-ai-consumer/compare/v1.27.0...v1.27.1) (2025-08-13)
 
 ### Bug Fixes

package/config/rspack/rspack.config.js

@@ -5,6 +5,7 @@ const { TsCheckerRspackPlugin } = require('ts-checker-rspack-plugin')
 const paths = require('./utils/paths')
 const alias = require('./utils/alias')
 const { getEnvironmentPlugins } = require('./utils/plugins')
+const { RsdoctorRspackPlugin } = require('@rsdoctor/rspack-plugin')
 
 require('dotenv').config({
   path: path.resolve(__dirname, `../../environments/.env.${process.env.NODE_ENV}`)
@@ -12,7 +13,7 @@ require('dotenv').config({
 
 module.exports = async function (env) {
   const standaloneMode = env?.local
-  const productionMode = env?.production || env?.staging
+  const productionMode = env?.production || env?.staging || env?.RSDOCTOR
   const releaseFullName = `app-tutor-ai-consumer_v${packageJSON.version}`
   const fileVersion = `${productionMode ? 'prod' : 'dev'}-${packageJSON?.version}`
   const bundlePath = !productionMode
@@ -49,10 +50,10 @@ module.exports = async function (env) {
       pathinfo: !productionMode,
       filename: `remoteEntry.js`,
       chunkFilename: `[name].[fullhash].chunk.${fileVersion}.js`,
-      sourceMapFilename: `[name].[fullhash].${fileVersion}.js.map`,
+      sourceMapFilename: `[file].${fileVersion}.js.map`,
       clean: true
     },
-    devtool: productionMode ? false : 'cheap-module-source-map',
+    devtool: productionMode ? 'source-map' : 'cheap-module-source-map',
     resolve: {
       symlinks: !productionMode,
       extensions: ['.tsx', '.ts', '.js', '.json'],
@@ -168,8 +169,11 @@ module.exports = async function (env) {
       new rspack.HtmlRspackPlugin({
         template: path.resolve(paths.PUBLIC, 'index.html'),
         favicon: path.resolve(paths.PUBLIC, 'favicon.ico')
-      })
-    ].concat(await getEnvironmentPlugins(!productionMode)),
+      }),
+      env?.RSDOCTOR && new RsdoctorRspackPlugin({})
+    ]
+      .filter(Boolean)
+      .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,19 @@
 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')
+const paths = require('./paths')
+const path = require('path')
 
-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 +33,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 +42,33 @@ 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
+      }),
+      sourcemaps: {
+        assets: [path.resolve(paths.DIST, '**/*.js'), path.resolve(paths.DIST, '**/*.map')],
+        ignore: [paths.NODE_MODULES],
+        disable: Boolean(process.env.ANALYZE)
+      }
+    }),
+    ...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.27.1",
+  "version": "1.27.3",
   "main": "index.js",
   "scripts": {
     "dev": "rspack serve --env=development --config config/rspack/rspack.config.js",
@@ -23,6 +23,8 @@
     "fetch-langs": "PROJECT=app-tutor-ai-consumer PATH_LANGUAGES=public/locales api-languages-cli",
     "fetch-langs:local": "PROJECT=app-tutor-ai-consumer PATH_LANGUAGES=public/locales LANG_ENV=local api-languages-cli",
     "semantic-release": "semantic-release",
+    "analyze": "rspack build --analyze --config config/rspack/rspack.config.js",
+    "rsdoctor": "rspack build --mode=production --env=RSDOCTOR --config config/rspack/rspack.config.js",
     "prepare": "husky || true"
   },
   "keywords": [],
@@ -37,6 +39,7 @@
     "@eslint/js": "~9.28.0",
     "@hotmart/api-languages-cli": "~2.0.5",
     "@rsbuild/plugin-svgr": "~1.2.0",
+    "@rsdoctor/rspack-plugin": "~1.2.2",
     "@rspack/cli": "~1.3.15",
     "@rspack/core": "~1.3.15",
     "@rspack/plugin-react-refresh": "~1.4.3",
@@ -97,13 +100,14 @@
     "ts-node": "~10.9.2",
     "typescript": "~5.8.3",
     "typescript-eslint": "~8.34.0",
-    "ua-parser-js": "~2.0.3",
+    "ua-parser-js": "~2.0.4",
     "undici": "~7.10.0",
     "vite-tsconfig-paths": "~5.1.4",
     "vitest": "~3.2.3"
   },
   "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",
@@ -134,6 +138,11 @@
     "@rollup/rollup-linux-x64-gnu": "4.6.1",
     "@rspack/binding-linux-x64-gnu": "1.3.10"
   },
+  "overrides": {
+    "property-information": "7.1.0",
+    "uuid": "~11.1.0",
+    "ua-parser-js": "~2.0.4"
+  },
   "browserslist": [
     ">0.2%",
     "not dead",

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 })}`)
   }
 

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]}