@woodsportal/hubspot-kit 1.0.4 → 1.0.26

package/examples/greenfield/module-monolith/src/features/starter/components/starter-home.tsx

@@ -0,0 +1,52 @@
+import { useStarterPreview } from '../hooks/use-starter-preview'
+import { STARTER_FEATURES, WOODSCLI_ABOUT } from '../content/woodscli-guide-content'
+
+function heroClass(style: ReturnType<typeof useStarterPreview>['heroStyle']): string {
+  if (style === 'minimal') {
+    return 'bg-[var(--mc-bg-shell,#f5f8fa)] text-[var(--mc-text,#33475b)] border-b border-[var(--mc-border,#cbd6e2)]'
+  }
+  if (style === 'bold') {
+    return 'bg-[#1c1c1f] text-white'
+  }
+  return 'bg-gradient-to-br from-[var(--starter-accent,#0091ae)] to-[#ff7a59] text-white'
+}
+
+export function StarterHome() {
+  const { title, tagline, showFeatureCards, accentColor, heroStyle } = useStarterPreview()
+
+  return (
+    <>
+      <div style={{ ['--starter-accent' as string]: accentColor }}>
+        <section className={`px-6 py-14 sm:px-10 sm:py-16 ${heroClass(heroStyle)}`}>
+          <div className="mx-auto max-w-4xl">
+            <p className="mb-2 text-xs font-semibold uppercase tracking-widest opacity-80">
+              {WOODSCLI_ABOUT.package} · local dev
+            </p>
+            <h1 className="text-3xl font-semibold tracking-tight sm:text-4xl">{title}</h1>
+            <p className="mt-4 max-w-2xl text-base leading-relaxed opacity-90 sm:text-lg">{tagline}</p>
+            <p className="mt-6 text-sm opacity-75">
+              Module config overlay:{' '}
+              <kbd className="rounded bg-black/10 px-1.5 py-0.5 font-mono text-xs">Ctrl+Shift+Z</kbd>
+              {' · '}
+              Mac: <kbd className="rounded bg-black/10 px-1.5 py-0.5 font-mono text-xs">⌃⇧Z</kbd>
+            </p>
+          </div>
+        </section>
+      </div>
+
+      {showFeatureCards ? (
+        <div className="mx-auto grid max-w-4xl gap-4 px-6 py-10 sm:grid-cols-3 sm:px-10">
+          {STARTER_FEATURES.map((feature) => (
+            <article
+              key={feature.title}
+              className="rounded-lg border border-[#cbd6e2] bg-white p-5 shadow-sm"
+            >
+              <h2 className="text-sm font-semibold text-[#0091ae]">{feature.title}</h2>
+              <p className="mt-2 text-sm leading-relaxed text-[#516f90]">{feature.body}</p>
+            </article>
+          ))}
+        </div>
+      ) : null}
+    </>
+  )
+}

package/examples/greenfield/module-monolith/src/features/starter/components/starter-single-page.tsx

@@ -0,0 +1,17 @@
+import { StarterShell } from '@/components/layout/starter-shell'
+
+import { StarterGuidePage } from './starter-guide-page'
+import { StarterHome } from './starter-home'
+
+/** Single-page starter when `wp init --router none` (no TanStack Router). */
+export function StarterSinglePage() {
+  return (
+    <StarterShell showNav={false}>
+      <StarterHome />
+      <div className="mx-auto max-w-4xl px-6 sm:px-10">
+        <hr className="my-10 border-[#cbd6e2]" />
+      </div>
+      <StarterGuidePage />
+    </StarterShell>
+  )
+}

package/examples/greenfield/module-monolith/src/features/starter/content/woodscli-guide-content.ts

@@ -0,0 +1,86 @@
+/** Static WoodsCLI developer reference — shown on the wp init starter pages. */
+
+export const WOODSCLI_COMMANDS = [
+  {
+    cmd: 'wp dev',
+    desc: 'Local Vite preview + module-config overlay (this page). Alias: wp local.',
+  },
+  {
+    cmd: 'wp doctor',
+    desc: 'Validate Node, deps, .wphs/, index.html, fields.json, and HubSpot CLI setup.',
+  },
+  {
+    cmd: 'wp build --tier prod',
+    desc: 'Production build (CDN bundle and/or HubSpot module, per projectType).',
+  },
+  {
+    cmd: 'wp deploy --tier prod',
+    desc: 'Build, publish CDN artifacts, and upload the module to HubSpot.',
+  },
+  {
+    cmd: 'wp adopt',
+    desc: 'Add woodscli.json + .wphs/ to an existing module or theme repo.',
+  },
+  {
+    cmd: 'wp migrate --yes',
+    desc: 'Move legacy .dev/ or woodsportal.hs.json to .wphs/ + woodscli.json.',
+  },
+] as const
+
+export const PROJECT_LAYOUT = [
+  { path: 'woodscli.json', note: 'Project config — module paths, entries, dev.adapter' },
+  { path: 'public/fields.json', note: 'HubSpot module field schema (Content / Styles tabs)' },
+  { path: '.wphs/', note: 'Local workspace — config, fixtures, kit symlinks (gitignore most)' },
+  { path: 'wphs.adapter.ts', note: 'Syncs module field values → window.__WPHS_DATA__ in dev' },
+  { path: 'src/config/router.ts', note: 'Hash vs browser history — set by wp init (hash = client-frontend)' },
+  { path: 'src/routes/', note: 'TanStack Router file routes (thin — delegate to features/)' },
+  { path: 'src/app.tsx', note: 'RouterProvider shell — same role as woodsportal-client-frontend App' },
+  { path: 'src/features/starter/', note: 'Starter demo UI — replace with your portal features' },
+  { path: 'src/portal/', note: 'Dev vs production mount (mount-dev-preview, mount-portal)' },
+  { path: 'src/integrations/', note: 'Third-party wiring (TanStack Router, SDK, etc.)' },
+  { path: 'src/hubspot/', note: 'HubSpot runtime types and dev fixtures' },
+  { path: 'src/main.tsx', note: 'Dev entry — mounts overlay + routed preview' },
+  { path: 'hubspot.config.yml', note: 'HubSpot CLI portal + PAT (copy from .example)' },
+] as const
+
+export const DEV_WORKFLOW = [
+  {
+    title: '1 · Edit module fields',
+    body: 'Press Ctrl+Shift+Z (Mac ⌃⇧Z) to open the HubSpot-style Content / Styles panel. Changes apply to the preview after you click Apply changes.',
+  },
+  {
+    title: '2 · Iterate in src/',
+    body: 'Add features under src/features/, shared UI under src/components/, and wire HubSpot data via wphs.adapter.ts and public/fields.json.',
+  },
+  {
+    title: '3 · Connect HubSpot',
+    body: 'Copy hubspot.config.yml.example → hubspot.config.yml, add a personal access key, then wp upload or wp watch for CMS sync.',
+  },
+  {
+    title: '4 · Ship',
+    body: 'Hybrid CDN: wp deploy. Monolith: wp build --hubspot-only then wp upload. Advanced apps: wp adopt on woodsportal-client-frontend.',
+  },
+] as const
+
+export const WOODSCLI_ABOUT = {
+  package: '@woodsportal/hubspot-kit',
+  tagline:
+    'WoodsCLI is WoodsPortal’s dev kit for HubSpot CMS modules and themes — Vite local preview, fields.json editing, CDN + module build pipelines, and HubSpot CLI integration.',
+  docsHint:
+    'Full command list and guides ship in node_modules/@woodsportal/hubspot-kit/docs/ (CLI-REFERENCE.md, MODULES.md, HUBSPOT-CLI-SETUP.md).',
+} as const
+
+export const STARTER_FEATURES = [
+  {
+    title: 'Module fields',
+    body: 'Content and Styles tabs mirror HubSpot’s module editor. Apply changes to refresh this preview.',
+  },
+  {
+    title: 'Local persistence',
+    body: 'Saved values land in .wphs/config/module-config.local.json — safe to gitignore.',
+  },
+  {
+    title: 'Ship when ready',
+    body: 'Run wp build and wp deploy, or wp adopt to merge into the full WoodsPortal client app.',
+  },
+] as const

package/examples/greenfield/module-monolith/src/features/starter/hooks/use-starter-preview.ts

@@ -0,0 +1,47 @@
+import { useEffect, useState } from 'react'
+
+import { MODULE_CONFIG_CHANGED } from '@/dev/module-config/schema/types'
+import { getModuleFieldValues } from '@/dev/module-config/runtime/module-config-runtime'
+
+export type StarterPreviewValues = {
+  title: string
+  tagline: string
+  showFeatureCards: boolean
+  accentColor: string
+  heroStyle: 'gradient' | 'minimal' | 'bold'
+}
+
+function normalizeHeroStyle(raw: unknown): StarterPreviewValues['heroStyle'] {
+  const key = String(raw ?? 'gradient').toLowerCase()
+  if (key === 'minimal' || key === 'bold') return key
+  return 'gradient'
+}
+
+function readPreviewValues(): StarterPreviewValues {
+  const module = getModuleFieldValues()
+  const accent = module.accent_color as { color?: string } | undefined
+
+  return {
+    title: String(module.title ?? 'My HubSpot Portal'),
+    tagline: String(
+      module.tagline ??
+        'Customize this preview with Ctrl+Shift+Z, then replace this page with your portal app.',
+    ),
+    showFeatureCards: module.show_feature_cards !== false,
+    accentColor: accent?.color ?? '#0091ae',
+    heroStyle: normalizeHeroStyle(module.hero_style),
+  }
+}
+
+/** Live module field values for the wp init starter preview. */
+export function useStarterPreview(): StarterPreviewValues {
+  const [values, setValues] = useState(readPreviewValues)
+
+  useEffect(() => {
+    const refresh = () => setValues(readPreviewValues())
+    window.addEventListener(MODULE_CONFIG_CHANGED, refresh)
+    return () => window.removeEventListener(MODULE_CONFIG_CHANGED, refresh)
+  }, [])
+
+  return values
+}

package/examples/greenfield/module-monolith/src/features/starter/index.ts

@@ -0,0 +1,6 @@
+export { StarterHomePage } from './components/starter-home-page'
+export { StarterGuidePage } from './components/starter-guide-page'
+export { StarterSinglePage } from './components/starter-single-page'
+export { StarterHome } from './components/starter-home'
+export { useStarterPreview } from './hooks/use-starter-preview'
+export type { StarterPreviewValues } from './hooks/use-starter-preview'

package/examples/greenfield/module-monolith/src/hubspot/default-data.ts

@@ -0,0 +1,7 @@
+/** Local dev fixtures merged by the module-config runtime in `wp dev`. */
+export const devDefaultData = {
+  dataSourceSet: [],
+  hubId: 'dev',
+  userData: {},
+  objectList: [] as unknown[],
+}

package/examples/greenfield/module-monolith/src/hubspot/types.ts

@@ -0,0 +1,17 @@
+/** Runtime contract for window.hubSpotData (greenfield stub). */
+export type HubSpotPortalData = {
+  dataSourceSet?: unknown
+  hubId?: string | number
+  apiBaseUrlOption?: string
+  userData?: unknown
+  objectList?: unknown[]
+  isInEditor?: boolean
+}
+
+declare global {
+  interface Window {
+    hubSpotData?: HubSpotPortalData
+  }
+}
+
+export {}

package/examples/greenfield/module-monolith/src/integrations/tanstack-router/router.tsx

@@ -0,0 +1,25 @@
+import {
+  createBrowserHistory,
+  createHashHistory,
+  createRouter,
+} from '@tanstack/react-router'
+
+import { ROUTER_HISTORY } from '@/config/router'
+import { routeTree } from '@/routeTree.gen'
+
+const history = ROUTER_HISTORY === 'hash' ? createHashHistory() : createBrowserHistory()
+
+export const router = createRouter({
+  routeTree,
+  history,
+  defaultPreload: 'intent',
+  scrollRestoration: true,
+  defaultStructuralSharing: true,
+  defaultPreloadStaleTime: 0,
+})
+
+declare module '@tanstack/react-router' {
+  interface Register {
+    router: typeof router
+  }
+}

package/examples/greenfield/module-monolith/src/main.tsx

@@ -0,0 +1,5 @@
+import '@/assets/css/main.dev.css'
+
+import { mountDevPreview } from '@/portal/mount-dev-preview'
+
+void mountDevPreview()

package/examples/greenfield/module-monolith/src/portal/mount-dev-preview.tsx

@@ -0,0 +1,8 @@
+import { mountGreenfieldDev } from '../../.wphs/.kit-bootstrap-greenfield.tsx'
+
+import { App } from '@/app'
+
+/** Local dev: module-config overlay + routed starter preview. */
+export async function mountDevPreview() {
+  await mountGreenfieldDev({ preview: <App /> })
+}

package/examples/greenfield/module-monolith/src/portal/mount-portal.tsx

@@ -0,0 +1,12 @@
+import ReactDOM from 'react-dom/client'
+
+import { App } from '@/app'
+
+/** Production mount — same App shell as woodsportal-client-frontend CDN app chunk. */
+export async function mountPortal() {
+  const root = document.getElementById('app')
+  if (!root) {
+    return
+  }
+  ReactDOM.createRoot(root).render(<App />)
+}

package/examples/greenfield/module-monolith/src/routeTree.gen.ts

@@ -0,0 +1,77 @@
+/* eslint-disable */
+
+// @ts-nocheck
+
+// noinspection JSUnusedGlobalSymbols
+
+// This file was automatically generated by TanStack Router.
+// You should NOT make any changes in this file as it will be overwritten.
+// Additionally, you should also exclude this file from your linter and/or formatter to prevent it from being checked or modified.
+
+import { Route as rootRouteImport } from './routes/__root'
+import { Route as GuideRouteImport } from './routes/guide'
+import { Route as IndexRouteImport } from './routes/index'
+
+const GuideRoute = GuideRouteImport.update({
+  id: '/guide',
+  path: '/guide',
+  getParentRoute: () => rootRouteImport,
+} as any)
+const IndexRoute = IndexRouteImport.update({
+  id: '/',
+  path: '/',
+  getParentRoute: () => rootRouteImport,
+} as any)
+
+export interface FileRoutesByFullPath {
+  '/': typeof IndexRoute
+  '/guide': typeof GuideRoute
+}
+export interface FileRoutesByTo {
+  '/': typeof IndexRoute
+  '/guide': typeof GuideRoute
+}
+export interface FileRoutesById {
+  __root__: typeof rootRouteImport
+  '/': typeof IndexRoute
+  '/guide': typeof GuideRoute
+}
+export interface FileRouteTypes {
+  fileRoutesByFullPath: FileRoutesByFullPath
+  fullPaths: '/' | '/guide'
+  fileRoutesByTo: FileRoutesByTo
+  to: '/' | '/guide'
+  id: '__root__' | '/' | '/guide'
+  fileRoutesById: FileRoutesById
+}
+export interface RootRouteChildren {
+  IndexRoute: typeof IndexRoute
+  GuideRoute: typeof GuideRoute
+}
+
+declare module '@tanstack/react-router' {
+  interface FileRoutesByPath {
+    '/guide': {
+      id: '/guide'
+      path: '/guide'
+      fullPath: '/guide'
+      preLoaderRoute: typeof GuideRouteImport
+      parentRoute: typeof rootRouteImport
+    }
+    '/': {
+      id: '/'
+      path: '/'
+      fullPath: '/'
+      preLoaderRoute: typeof IndexRouteImport
+      parentRoute: typeof rootRouteImport
+    }
+  }
+}
+
+const rootRouteChildren: RootRouteChildren = {
+  IndexRoute: IndexRoute,
+  GuideRoute: GuideRoute,
+}
+export const routeTree = rootRouteImport
+  ._addFileChildren(rootRouteChildren)
+  ._addFileTypes<FileRouteTypes>()

package/examples/greenfield/module-monolith/src/routes/__root.tsx

@@ -0,0 +1,15 @@
+import { Outlet, createRootRoute } from '@tanstack/react-router'
+
+import { StarterShell } from '@/components/layout/starter-shell'
+
+function RootLayout() {
+  return (
+    <StarterShell>
+      <Outlet />
+    </StarterShell>
+  )
+}
+
+export const Route = createRootRoute({
+  component: RootLayout,
+})

package/examples/greenfield/module-monolith/src/routes/guide.tsx

@@ -0,0 +1,7 @@
+import { createFileRoute } from '@tanstack/react-router'
+
+import { StarterGuidePage } from '@/features/starter'
+
+export const Route = createFileRoute('/guide')({
+  component: StarterGuidePage,
+})

package/examples/greenfield/module-monolith/src/routes/index.tsx

@@ -0,0 +1,7 @@
+import { createFileRoute } from '@tanstack/react-router'
+
+import { StarterHomePage } from '@/features/starter'
+
+export const Route = createFileRoute('/')({
+  component: StarterHomePage,
+})

package/examples/greenfield/module-monolith/tsconfig.json

@@ -0,0 +1,20 @@
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "jsx": "react-jsx",
+    "module": "ESNext",
+    "lib": ["ES2022", "DOM", "DOM.Iterable"],
+    "types": ["vite/client"],
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "verbatimModuleSyntax": true,
+    "noEmit": true,
+    "skipLibCheck": true,
+    "strict": true,
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["./src/*"]
+    }
+  },
+  "include": ["src/**/*.ts", "src/**/*.tsx", "wphs.adapter.ts"]
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@woodsportal/hubspot-kit",
-  "version": "1.0.4",
+  "version": "1.0.26",
   "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",
@@ -14,6 +14,9 @@
     "vite",
     "templates",
     "examples",
+    "src/dev",
+    "src/dev-module-config",
+    "src/routing",
     "README.md",
     "CHANGELOG.md",
     "SECURITY.md",

package/scripts/check-hubspot-bundle-size.mjs

@@ -6,10 +6,13 @@ import { existsSync, readFileSync, readdirSync } from 'node:fs'
 import { resolve, dirname } from 'node:path'
 import { fileURLToPath } from 'node:url'
 import { findProjectRoot } from './project-root.mjs'
+import { moduleOutDir, readWoodsportalConfig } from './read-woodsportal-config.mjs'
 import { gzipSync } from 'node:zlib'
 
 const root = findProjectRoot()
-const embedMode = process.env.VITE_PORTAL_EMBED_MODE ?? 'cdn'
+const { config } = readWoodsportalConfig(root)
+const isMonolith = config?.projectType === 'module-monolith'
+const embedMode = isMonolith ? 'monolith' : (process.env.VITE_PORTAL_EMBED_MODE ?? 'cdn')
 
 const HUBSPOT_FILE_LIMIT = Number(process.env.HUBSPOT_MODULE_RAW_LIMIT_BYTES ?? 1.5 * 1024 * 1024)
 const BOOTSTRAP_RAW_LIMIT = Number(process.env.HUBSPOT_BOOTSTRAP_RAW_LIMIT_BYTES ?? 200 * 1024)
@@ -35,7 +38,7 @@ function checkFile(label, path, rawLimit) {
   }
 }
 
-const moduleDir = resolve(root, 'dist/WoodsPortal.Module')
+const moduleDir = moduleOutDir(root)
 const moduleJs = resolve(moduleDir, 'module.js')
 
 if (embedMode === 'monolith') {

package/scripts/ensure-wphs-workspace.mjs

@@ -21,7 +21,8 @@ Local state for **WoodsCLI** (\`@woodsportal/hubspot-kit\`). Not shipped to HubS
 | \`cache/\` | CLI caches (gitignored) |
 | \`audit/baseline/\` | Build parity snapshots (gitignored) |
 | \`.kit-module-config\` | Symlink to kit dev-module-config |
-| \`.kit-bootstrap.tsx\` | Symlink to kit dev bootstrap |
+| \`.kit-bootstrap.tsx\` | Symlink to kit dev bootstrap (full portal) |
+| \`.kit-bootstrap-greenfield.tsx\` | Symlink to kit greenfield dev bootstrap |
 
 Run \`wp doctor\` to recreate missing folders.
 `

package/scripts/hubspot-module-postbuild.mjs

@@ -135,7 +135,7 @@ export function finalizeHubSpotModuleDist(moduleDir, publicDir, options = {}) {
   writeFileSync(jsPath, escaped, 'utf8')
   assertValidJavaScriptSyntax(jsPath)
 
-  if (escaped.length > bootstrapRawLimit) {
+  if (bootstrapRawLimit != null && escaped.length > bootstrapRawLimit) {
     throw new Error(
       `module.js bootstrap ${escaped.length} bytes exceeds ${bootstrapRawLimit} byte limit`,
     )

package/scripts/read-woodsportal-config.mjs

@@ -11,7 +11,10 @@ import { wphsPaths } from './wphs-paths.mjs'
  * @param {string} [projectRoot]
  */
 export function readWoodsportalConfig(projectRoot) {
-  const root = projectRoot ?? findProjectRootWithConfig()
+  const envRoot = process.env.WP_HS_PROJECT_ROOT?.trim()
+  const root = envRoot
+    ? resolve(envRoot)
+    : findProjectRootWithConfig(projectRoot ?? process.cwd())
   const configPath = resolveProjectConfigPath(root)
   if (!configPath || !existsSync(configPath)) {
     return { root, configPath: null, config: null, paths: wphsPaths(root) }

package/scripts/run-hubspot-module-postbuild.mjs

@@ -4,14 +4,19 @@
  * Kept separate from Vite closeBundle to avoid hook-order races on CI.
  */
 import { fileURLToPath } from 'node:url'
-import { findProjectRoot } from './project-root.mjs'
-import { dirname, resolve } from 'node:path'
+import { resolve } from 'node:path'
+
 import { finalizeHubSpotModuleDist } from './hubspot-module-postbuild.mjs'
+import { moduleOutDir, readWoodsportalConfig } from './read-woodsportal-config.mjs'
+
+const { root, config } = readWoodsportalConfig()
+/** Hybrid CDN thin bootstrap only — monolith ships the full app in module.js. */
+const bootstrapRawLimit = config?.projectType === 'module-monolith' ? null : 200 * 1024
 
-const root = findProjectRoot()
 const { jsBytes, cssBytes } = finalizeHubSpotModuleDist(
-  resolve(root, 'dist/WoodsPortal.Module'),
+  moduleOutDir(root),
   resolve(root, 'public'),
+  { bootstrapRawLimit },
 )
 
 console.log(

package/scripts/vite/bootstrap-shim-resolver.js

@@ -0,0 +1,47 @@
+/**
+ * Force kit dev bootstrap imports through `.wphs/` symlinks so JSX uses Vite's
+ * prebundled react/jsx-dev-runtime (avoids CJS named-export errors from node_modules).
+ */
+export default function bootstrapShimResolver({
+  bootstrapShim,
+  bootstrapGreenfieldShim,
+  kitRoot,
+}) {
+  const kitRootNorm = kitRoot.replace(/\\/g, '/')
+  const normSource = (source) => source.replace(/\\/g, '/')
+
+  function isGreenfieldBootstrap(source) {
+    const id = normSource(source)
+    return (
+      source === '@woodsportal/hubspot-kit/dev/bootstrap-greenfield' ||
+      source === '@wphs/bootstrap-greenfield' ||
+      id.endsWith('/dev/bootstrap-greenfield.tsx') ||
+      id.endsWith('/dev/bootstrap-greenfield') ||
+      id.includes(`${kitRootNorm}/src/dev/bootstrap-greenfield`)
+    )
+  }
+
+  function isFullBootstrap(source) {
+    const id = normSource(source)
+    return (
+      source === '@woodsportal/hubspot-kit/dev/bootstrap' ||
+      source === '@wphs/bootstrap' ||
+      id.endsWith('/dev/bootstrap.tsx') ||
+      id.includes(`${kitRootNorm}/src/dev/bootstrap.tsx`)
+    )
+  }
+
+  return {
+    name: 'wp-bootstrap-shim-resolver',
+    enforce: 'pre',
+    resolveId(source) {
+      if (isGreenfieldBootstrap(source)) {
+        return bootstrapGreenfieldShim
+      }
+      if (isFullBootstrap(source)) {
+        return bootstrapShim
+      }
+      return null
+    },
+  }
+}

package/scripts/vite/ensure-dev-kit-shims.js

@@ -40,7 +40,13 @@ export function ensureDevKitShims(projectRoot, kitRoot) {
     { directory: false },
   )
 
-  return { moduleConfigRoot, bootstrapShim }
+  const bootstrapGreenfieldShim = ensureSymlink(
+    resolve(devDir, '.kit-bootstrap-greenfield.tsx'),
+    resolve(kitRoot, 'src/dev/bootstrap-greenfield.tsx'),
+    { directory: false },
+  )
+
+  return { moduleConfigRoot, bootstrapShim, bootstrapGreenfieldShim }
 }
 
 /** @deprecated use ensureDevKitShims */

package/scripts/vite/react-dev-plugin-options.js

@@ -3,7 +3,8 @@
  * Kit dev-module-config must skip react-compiler (CJS/ESM interop when loaded from kit path)
  * but still use the React plugin's Babel JSX pipeline — do not use plugin `exclude`.
  */
-const DEV_KIT_UI_RE = /[/\\]dev-module-config[/\\]|[/\\]\.kit-bootstrap\.tsx$|[/\\]dev[/\\]bootstrap\.tsx$/
+const DEV_KIT_UI_RE =
+  /[/\\]dev-module-config[/\\]|[/\\]\.kit-bootstrap(?:-greenfield)?\.tsx$|[/\\]dev[/\\]bootstrap(?:-greenfield)?\.tsx$/
 
 export function createDevReactPluginOptions() {
   return {