@woodsportal/hubspot-kit 1.0.41-dev.1 → 1.0.41-dev.2

package/vite/vite.config.cdn-app.mjs

@@ -8,37 +8,48 @@ import {
   root,
 } from '../scripts/vite/portal-build-shared.js'
 
-const vendorGlobals = {
-  react: 'WoodsPortalVendor.React',
-  'react/jsx-runtime': 'WoodsPortalVendor.jsxRuntime',
-  'react/jsx-dev-runtime': 'WoodsPortalVendor.jsxDevRuntime',
-  'react-dom': 'WoodsPortalVendor.ReactDOM',
-  'react-dom/client': 'WoodsPortalVendor.ReactDOMClient',
-}
+const buildId = portalBuildId()
 
-export default defineConfig(({ mode }) => ({
-  plugins: portalPlugins(mode, { codeSplitting: false }),
-  resolve: portalResolve(mode),
-  define: portalDefine(mode),
-  build: {
-    outDir: resolve(root, 'dist/cdn'),
-    emptyOutDir: false,
-    copyPublicDir: false,
-    cssCodeSplit: false,
-    lib: {
-      entry: resolve(root, 'src/cdn/app-entry.ts'),
-      name: 'WoodsPortalApp',
-      fileName: () => `app.${portalBuildId()}.js`,
-      formats: ['iife'],
+/** Longest-match first — bare `react` must not swallow `react/jsx-runtime`. */
+const reactShimAliases = [
+  { find: 'react/jsx-runtime', replacement: resolve(root, 'src/cdn/shims/react-jsx-runtime.ts') },
+  { find: 'react/jsx-dev-runtime', replacement: resolve(root, 'src/cdn/shims/react-jsx-runtime.ts') },
+  { find: 'react-dom/client', replacement: resolve(root, 'src/cdn/shims/react-dom-client.ts') },
+  { find: 'react-dom', replacement: resolve(root, 'src/cdn/shims/react-dom.ts') },
+  { find: 'react', replacement: resolve(root, 'src/cdn/shims/react.ts') },
+]
+
+export default defineConfig(({ mode }) => {
+  const baseResolve = portalResolve(mode)
+  return {
+    // TanStack autoCodeSplitting + ESM CDN entry caused router.init stack overflow on HubSpot.
+    // Keep Rollup lazy chunks via React.lazy() / dynamic import(); route modules stay in the app entry.
+    plugins: portalPlugins(mode, { codeSplitting: false }),
+    resolve: {
+      ...baseResolve,
+      alias: [...reactShimAliases, ...(baseResolve.alias ?? [])],
     },
-    rollupOptions: {
-      external: Object.keys(vendorGlobals),
-      output: {
-        globals: vendorGlobals,
-        inlineDynamicImports: true,
-        assetFileNames: `app.${portalBuildId()}.css`,
+    define: portalDefine(mode),
+    build: {
+      outDir: resolve(root, 'dist/cdn'),
+      emptyOutDir: false,
+      copyPublicDir: false,
+      cssCodeSplit: false,
+      rollupOptions: {
+        input: resolve(root, 'src/cdn/app-entry.ts'),
+        output: {
+          format: 'es',
+          entryFileNames: `app.${buildId}.js`,
+          chunkFileNames: `chunks/[name].${buildId}.[hash].js`,
+          assetFileNames: (assetInfo) => {
+            if (assetInfo.name?.endsWith('.css')) {
+              return `app.${buildId}.css`
+            }
+            return `assets/[name].[hash][extname]`
+          },
+        },
       },
+      minify: true,
     },
-    minify: true,
-  },
-}))
+  }
+})

package/vite/vite.config.cdn-audit.mjs

@@ -0,0 +1,34 @@
+/**
+ * CDN app bundle audit — rollup visualizer treemap for dist/cdn/app.*.js graph.
+ * Usage: yarn vite build --config vite.config.cdn-audit.mjs --mode prod
+ */
+import { defineConfig, mergeConfig } from 'vite'
+import { resolve } from 'node:path'
+import { importConsumerDep } from '../scripts/resolve-consumer-dep.mjs'
+import { root } from '../scripts/vite/portal-build-shared.js'
+import cdnAppConfig from './vite.config.cdn-app.mjs'
+
+const { default: visualizer } = await importConsumerDep('rollup-plugin-visualizer')
+
+export default defineConfig((env) =>
+  mergeConfig(typeof cdnAppConfig === 'function' ? cdnAppConfig(env) : cdnAppConfig, {
+    build: {
+      sourcemap: true,
+      rollupOptions: {
+        plugins: [
+          visualizer({
+            filename: resolve(root, 'docs/audit/cdn-bundle-stats.html'),
+            gzipSize: true,
+            brotliSize: true,
+            template: 'treemap',
+          }),
+          visualizer({
+            filename: resolve(root, 'docs/audit/cdn-bundle-visualizer.json'),
+            json: true,
+            gzipSize: true,
+          }),
+        ],
+      },
+    },
+  }),
+)

package/vite/vite.config.cdn-esm.mjs

@@ -10,7 +10,7 @@ import {
 
 /** Phase 2: ESM CDN build with route code-splitting (not used for HubSpot module.js). */
 export default defineConfig(({ mode }) => ({
-  plugins: portalPlugins(mode, { codeSplitting: true }),
+  plugins: portalPlugins(mode, { codeSplitting: false }),
   resolve: portalResolve(mode),
   define: portalDefine(mode),
   build: {