@woodsportal/hubspot-kit 1.0.37 → 1.0.38

package/CHANGELOG.md

@@ -19,6 +19,11 @@
 - **CSS entries** — shared `tailwind.css.config.css`; documented never-merge rules on `main.dev.css` / `main.prod.css`
 - **`wp doctor`** — CSS pipeline checks (prefix, `.temp` @source, `skipRuntimeCss`, `module.css` dw utilities, CDN `require_css` warning)
 
+## 1.0.38 — 2026-06-08
+
+### Dev server
+- **Module-config overlay** — stop force-resolving `react` / `react-dom` to CJS `index.js` for kit UI under `.wphs/`; fixes `createContext` / named export errors in the browser on `yarn local`
+
 ## 1.0.37 — 2026-06-08
 
 ### Dev server

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@woodsportal/hubspot-kit",
-  "version": "1.0.37",
+  "version": "1.0.38",
   "description": "WoodsCLI — HubSpot CMS dev kit by WoodsPortal. wp CLI, Vite presets, module-config overlay, and theme/module build pipelines.",
   "type": "module",
   "main": "./dist/index.js",
@@ -51,7 +51,7 @@
     "build": "tsup",
     "dev": "tsup --watch",
     "typecheck": "tsc --noEmit",
-    "test": "node --import tsx --test 'src/lib/**/*.test.ts' 'src/schema/**/*.test.ts' 'src/vite/**/*.test.ts' 'scripts/portal-build-id.test.mjs' 'scripts/resolve-consumer-dep.test.mjs' 'scripts/vite/ensure-dev-kit-shims.test.mjs' 'scripts/vite/consumer-react-aliases.test.mjs' && vitest run src/dev-module-config/__tests__/normalize-repeater-items.test.ts src/dev-module-config/__tests__/module-config-transform.test.ts src/dev-module-config/__tests__/flatten-visible-fields.test.ts",
+    "test": "node --import tsx --test 'src/lib/**/*.test.ts' 'src/schema/**/*.test.ts' 'src/vite/**/*.test.ts' 'scripts/portal-build-id.test.mjs' 'scripts/resolve-consumer-dep.test.mjs' 'scripts/vite/ensure-dev-kit-shims.test.mjs' 'scripts/vite/consumer-react-aliases.test.mjs' 'scripts/vite/resolve-from-project-root.test.mjs' && vitest run src/dev-module-config/__tests__/normalize-repeater-items.test.ts src/dev-module-config/__tests__/module-config-transform.test.ts src/dev-module-config/__tests__/flatten-visible-fields.test.ts",
     "test:examples": "node examples/smoke/run-matrix.mjs --tier static",
     "lint": "eslint src",
     "verify": "npm run typecheck && npm run test && npm run test:examples && npm run build",

package/scripts/vite/resolve-from-project-root.js

@@ -2,6 +2,22 @@ import { resolve, sep } from 'node:path'
 
 import { resolveConsumerDep } from '../resolve-consumer-dep.mjs'
 
+/** Let Vite dedupe + optimizeDeps handle React; forced absolute paths serve CJS in the browser. */
+export const SKIP_CONSUMER_RESOLVE_SPECS = new Set([
+  'react',
+  'react-dom',
+  'react/jsx-runtime',
+  'react/jsx-dev-runtime',
+  'react-dom/client',
+  'react/compiler-runtime',
+])
+
+function shouldSkipConsumerResolve(source) {
+  if (SKIP_CONSUMER_RESOLVE_SPECS.has(source)) return true
+  if (source.startsWith('react/') || source.startsWith('react-dom/')) return true
+  return false
+}
+
 /**
  * When Vite transforms kit dev UI (`.wphs/`, package src, or dev-module-config),
  * bare imports must resolve from the consumer project's node_modules.
@@ -29,6 +45,9 @@ export default function resolveFromProjectRoot(projectRoot, kitRoot) {
       if (!isKitUiImporter(importer)) {
         return null
       }
+      if (shouldSkipConsumerResolve(source)) {
+        return null
+      }
       try {
         return resolveConsumerDep(source, projectRoot)
       } catch {

package/scripts/vite/resolve-from-project-root.test.mjs

@@ -0,0 +1,37 @@
+import assert from 'node:assert/strict'
+import { resolve } from 'node:path'
+import { describe, it } from 'node:test'
+
+import { consumerDepFixtureRoot } from '../test-fixtures/consumer-dep-fixture-root.mjs'
+import resolveFromProjectRoot, {
+  SKIP_CONSUMER_RESOLVE_SPECS,
+} from './resolve-from-project-root.js'
+
+describe('resolveFromProjectRoot', () => {
+  const kitRoot = resolve(consumerDepFixtureRoot, 'kit')
+  const kitUiFile = resolve(consumerDepFixtureRoot, '.wphs/.kit-module-config/ui/ModuleConfigNavContext.tsx')
+  const appFile = resolve(consumerDepFixtureRoot, 'src/app.tsx')
+
+  const plugin = resolveFromProjectRoot(consumerDepFixtureRoot, kitRoot)
+  const resolveId = /** @type {(source: string, importer: string) => Promise<string | null>} */ (
+    plugin.resolveId.bind(plugin)
+  )
+
+  it('does not force-resolve react for kit UI (avoids CJS index.js in browser)', async () => {
+    assert.ok(SKIP_CONSUMER_RESOLVE_SPECS.has('react'))
+    assert.equal(await resolveId('react', kitUiFile), null)
+  })
+
+  it('does not force-resolve react/jsx-dev-runtime for kit UI (alias + optimizeDeps)', async () => {
+    assert.equal(await resolveId('react/jsx-dev-runtime', kitUiFile), null)
+  })
+
+  it('still resolves other deps from the consumer for kit UI', async () => {
+    const resolved = await resolveId('vite', kitUiFile)
+    assert.match(resolved ?? '', /node_modules[/\\]vite[/\\]/)
+  })
+
+  it('ignores non-kit importers', async () => {
+    assert.equal(await resolveId('vite', appFile), null)
+  })
+})