@woodsportal/hubspot-kit 1.0.41-dev.4 → 1.0.41-dev.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@woodsportal/hubspot-kit",
-  "version": "1.0.41-dev.4",
+  "version": "1.0.41-dev.6",
   "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' '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": "node --import tsx --test 'src/lib/**/*.test.ts' 'src/cli/**/*.test.ts' 'src/schema/**/*.test.ts' 'src/vite/**/*.test.ts' 'scripts/portal-build-id.test.mjs' 'scripts/resolve-consumer-dep.test.mjs' 'scripts/wp-cli-smoke.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",
@@ -68,14 +68,16 @@
     "@clack/prompts": "^0.10.1",
     "commander": "^13.1.0",
     "picocolors": "^1.1.1",
+    "semver": "^7.8.4",
     "zod": "^3.24.2"
   },
   "devDependencies": {
     "@types/node": "^22.13.4",
-    "vitest": "^3.2.4",
-    "tsx": "^4.19.3",
+    "@types/semver": "^7.7.1",
     "tsup": "^8.4.0",
-    "typescript": "^5.7.3"
+    "tsx": "^4.19.3",
+    "typescript": "^5.7.3",
+    "vitest": "^3.2.4"
   },
   "peerDependencies": {
     "@tailwindcss/vite": "^4.0.0",

package/scripts/cli-smoke-helpers.mjs

@@ -0,0 +1,150 @@
+import { spawnSync } from 'node:child_process'
+import { cpSync, existsSync, mkdirSync, mkdtempSync, rmSync, writeFileSync } from 'node:fs'
+import { tmpdir } from 'node:os'
+import { dirname, join, resolve } from 'node:path'
+import { fileURLToPath } from 'node:url'
+
+export const kitRoot = resolve(dirname(fileURLToPath(import.meta.url)), '..')
+export const cliEntry = join(kitRoot, 'src/cli/index.ts')
+
+const LEGACY_SHIM_SCRIPTS = [
+  'build-cdn.mjs',
+  'run-vite-build.mjs',
+  'run-hubspot-module-postbuild.mjs',
+  'watch-hubspot.mjs',
+]
+
+const FIXTURE_PATHS = {
+  'greenfield/module-hybrid-cdn': join(kitRoot, 'examples/greenfield/module-hybrid-cdn'),
+  'greenfield/module-hybrid-cdn-auth-starter': join(
+    kitRoot,
+    'examples/greenfield/module-hybrid-cdn-auth-starter',
+  ),
+  'fixtures/adopted-module-monolith': join(kitRoot, 'examples/fixtures/adopted-module-monolith'),
+}
+
+/**
+ * @param {string | null | undefined} projectRoot
+ * @param {string[]} args
+ * @param {{ skipProject?: boolean; cwd?: string; extraEnv?: Record<string, string> }} [opts]
+ */
+export function runWp(projectRoot, args, opts = {}) {
+  const globalFlags = opts.skipProject
+    ? ['--ci', '-y']
+    : ['--project', projectRoot, '--ci', '-y']
+
+  return spawnSync(
+    process.execPath,
+    ['--import', 'tsx', cliEntry, ...globalFlags, ...args],
+    {
+      cwd: opts.cwd ?? kitRoot,
+      encoding: 'utf8',
+      env: { ...process.env, NO_COLOR: '1', ...opts.extraEnv },
+    },
+  )
+}
+
+/**
+ * @param {string} stdout
+ */
+export function parseJsonLine(stdout) {
+  const lines = stdout
+    .split('\n')
+    .map((line) => line.trim())
+    .filter(Boolean)
+  for (let i = lines.length - 1; i >= 0; i -= 1) {
+    const line = lines[i]
+    if (!line.startsWith('{')) continue
+    try {
+      return JSON.parse(line)
+    } catch {
+      // continue
+    }
+  }
+  throw new Error(`No JSON line found in stdout:\n${stdout}`)
+}
+
+/**
+ * @param {string} fixtureKey
+ * @param {string} targetDir
+ */
+export function copyFixture(fixtureKey, targetDir) {
+  const source = FIXTURE_PATHS[fixtureKey]
+  if (!source || !existsSync(source)) {
+    throw new Error(`Unknown or missing fixture: ${fixtureKey}`)
+  }
+  cpSync(source, targetDir, { recursive: true })
+}
+
+/**
+ * @param {string} fixtureKey
+ * @param {(dir: string) => void | Promise<void>} fn
+ */
+export async function withTempFixture(fixtureKey, fn) {
+  const dir = mkdtempSync(join(tmpdir(), 'wphs-cli-fixture-'))
+  try {
+    copyFixture(fixtureKey, dir)
+    await fn(dir)
+  } finally {
+    rmSync(dir, { recursive: true, force: true })
+  }
+}
+
+/**
+ * @param {string} dir
+ */
+export function seedModuleBuildId(dir) {
+  writeFileSync(join(dir, '.module-build-id'), '# baseline\nv0.0.1-dev\n')
+}
+
+/**
+ * CDN build/deploy dry-runs need baseline + dev slug (no git user.name in CI).
+ * @param {string} dir
+ */
+export function seedCdnBuildPrereqs(dir) {
+  seedModuleBuildId(dir)
+  const configDir = join(dir, '.wphs', 'config')
+  mkdirSync(configDir, { recursive: true })
+  writeFileSync(join(configDir, 'developer.json'), `${JSON.stringify({ slug: 'cli-smoke' }, null, 2)}\n`)
+}
+
+/**
+ * @param {string} dir
+ */
+export function seedHubspotConfig(dir) {
+  writeFileSync(
+    join(dir, 'hubspot.config.yml'),
+    `defaultPortal: dev
+portals:
+  - name: dev
+    portalId: 12345
+`,
+  )
+}
+
+/**
+ * @param {string} dir
+ */
+export function seedRegressionShims(dir) {
+  const scriptsDir = join(dir, 'scripts')
+  mkdirSync(scriptsDir, { recursive: true })
+  for (const script of LEGACY_SHIM_SCRIPTS) {
+    cpSync(join(kitRoot, 'scripts', script), join(scriptsDir, script))
+  }
+}
+
+/**
+ * @param {number | number[]} expected
+ * @param {import('node:child_process').SpawnSyncReturns<string>} result
+ * @param {string} label
+ */
+export function assertExit(expected, result, label) {
+  const allowed = Array.isArray(expected) ? expected : [expected]
+  if (allowed.includes(result.status ?? -1)) {
+    return
+  }
+  const detail = [result.stderr, result.stdout].filter(Boolean).join('\n')
+  throw new Error(
+    `${label}: expected exit ${allowed.join(' or ')}, got ${result.status}\n${detail}`,
+  )
+}

package/scripts/regenerate-route-tree.mjs

@@ -0,0 +1,71 @@
+#!/usr/bin/env node
+/**
+ * Regenerate src/routeTree.gen.ts using the consumer project's @tanstack/router-generator.
+ */
+import { fileURLToPath } from 'node:url'
+import { existsSync } from 'node:fs'
+import { resolve } from 'node:path'
+
+import { findProjectRoot } from './project-root.mjs'
+import { importConsumerDep } from './resolve-consumer-dep.mjs'
+
+/**
+ * @param {string} [projectRoot]
+ * @returns {Promise<{ ok: boolean; warning?: string }>}
+ */
+export async function regenerateRouteTree(projectRoot = findProjectRoot()) {
+  const routesDir = resolve(projectRoot, 'src/routes')
+  const generatedRouteTree = resolve(projectRoot, 'src/routeTree.gen.ts')
+
+  if (!existsSync(routesDir)) {
+    return { ok: false, warning: 'No src/routes directory — skipping route tree regeneration.' }
+  }
+
+  try {
+    const mod = await importConsumerDep('@tanstack/router-generator', projectRoot)
+    const Generator = mod.Generator ?? mod.default?.Generator
+    if (!Generator) {
+      throw new Error('@tanstack/router-generator does not export Generator')
+    }
+
+    const generator = new Generator({
+      routesDirectory: routesDir,
+      generatedRouteTree,
+      target: 'react',
+    })
+
+    if (typeof generator.build === 'function') {
+      await generator.build()
+    } else if (typeof generator.run === 'function') {
+      await generator.run()
+    } else if (typeof generator.generate === 'function') {
+      await generator.generate()
+    } else {
+      throw new Error('Unsupported @tanstack/router-generator API')
+    }
+
+    if (!existsSync(generatedRouteTree)) {
+      throw new Error('Generator finished but routeTree.gen.ts was not written')
+    }
+
+    return { ok: true }
+  } catch (error) {
+    const message = error instanceof Error ? error.message : String(error)
+    return {
+      ok: false,
+      warning: `Could not regenerate routeTree.gen.ts (${message}). Restart wp dev to refresh the route tree.`,
+    }
+  }
+}
+
+if (process.argv[1] && fileURLToPath(import.meta.url) === process.argv[1]) {
+  const root = process.argv[2] ?? findProjectRoot()
+  regenerateRouteTree(root).then((result) => {
+    if (result.ok) {
+      process.stdout.write('routeTree.gen.ts regenerated\n')
+      process.exit(0)
+    }
+    process.stderr.write(`${result.warning ?? 'Route tree regeneration failed'}\n`)
+    process.exit(1)
+  })
+}

package/scripts/sync-auth-scaffold-from-client.mjs

@@ -0,0 +1,41 @@
+#!/usr/bin/env node
+/**
+ * Copy curated auth files from woodsportal-client-frontend into templates/scaffold/auth/.
+ * Usage: node scripts/sync-auth-scaffold-from-client.mjs [--dry-run]
+ */
+import { copyFileSync, existsSync, mkdirSync, readFileSync } from 'node:fs'
+import { dirname, resolve } from 'node:path'
+import { fileURLToPath } from 'node:url'
+
+const __dirname = dirname(fileURLToPath(import.meta.url))
+const kitRoot = resolve(__dirname, '..')
+const manifestPath = resolve(kitRoot, 'templates/scaffold/auth/sync-manifest.json')
+const dryRun = process.argv.includes('--dry-run')
+
+const manifest = JSON.parse(readFileSync(manifestPath, 'utf8')) as {
+  clientFrontendRoot: string
+  mappings: Array<{ from: string; to: string }>
+}
+
+const clientRoot = resolve(kitRoot, manifest.clientFrontendRoot)
+
+let copied = 0
+for (const { from, to } of manifest.mappings) {
+  const source = resolve(clientRoot, from)
+  const target = resolve(kitRoot, 'templates/scaffold/auth', to)
+  if (!existsSync(source)) {
+    console.warn(`skip missing source: ${from}`)
+    continue
+  }
+  if (dryRun) {
+    console.log(`[dry-run] ${from} -> templates/scaffold/auth/${to}`)
+    copied += 1
+    continue
+  }
+  mkdirSync(dirname(target), { recursive: true })
+  copyFileSync(source, target)
+  console.log(`copied ${to}`)
+  copied += 1
+}
+
+console.log(`${dryRun ? 'would copy' : 'copied'} ${copied} file(s)`)

package/scripts/wp-cli-smoke.test.mjs

@@ -0,0 +1,263 @@
+import assert from 'node:assert/strict'
+import { existsSync, mkdtempSync, readFileSync, rmSync } from 'node:fs'
+import { tmpdir } from 'node:os'
+import { join, resolve } from 'node:path'
+import { test } from 'node:test'
+
+import {
+  assertExit,
+  copyFixture,
+  kitRoot,
+  parseJsonLine,
+  runWp,
+  seedCdnBuildPrereqs,
+  seedHubspotConfig,
+  seedRegressionShims,
+  withTempFixture,
+} from './cli-smoke-helpers.mjs'
+
+/** @typedef {{ id: string; args: string[]; fixture?: string; expectedExit: number | number[]; setup?: (dir: string) => void; assertJson?: (json: Record<string, unknown>) => void; skipProject?: boolean; cwd?: string }} MatrixRow */
+
+/** @type {MatrixRow[]} */
+const MATRIX = [
+  {
+    id: 'doctor',
+    fixture: 'greenfield/module-hybrid-cdn',
+    args: ['doctor'],
+    expectedExit: [0, 2],
+  },
+  {
+    id: 'setup-dry-run',
+    fixture: 'greenfield/module-hybrid-cdn',
+    args: ['--dry-run', 'setup'],
+    expectedExit: 0,
+  },
+  {
+    id: 'config-validate-json',
+    fixture: 'greenfield/module-hybrid-cdn',
+    args: ['--json', 'config', 'validate'],
+    expectedExit: 0,
+    assertJson: (json) => {
+      assert.equal(json.valid, true)
+    },
+  },
+  {
+    id: 'migrate-dry-run',
+    fixture: 'greenfield/module-hybrid-cdn',
+    args: ['--dry-run', 'migrate'],
+    expectedExit: 0,
+  },
+  {
+    id: 'dev-dry-run',
+    fixture: 'greenfield/module-hybrid-cdn',
+    args: ['--dry-run', 'dev'],
+    expectedExit: 0,
+  },
+  {
+    id: 'build-dry-run',
+    fixture: 'greenfield/module-hybrid-cdn',
+    args: ['--dry-run', 'build', '--tier', 'dev'],
+    expectedExit: 0,
+    setup: (dir) => seedCdnBuildPrereqs(dir),
+  },
+  {
+    id: 'build-cdn-only-dry-run',
+    fixture: 'greenfield/module-hybrid-cdn',
+    args: ['--dry-run', 'build', '--cdn-only'],
+    expectedExit: 0,
+    setup: (dir) => seedCdnBuildPrereqs(dir),
+  },
+  {
+    id: 'build-hubspot-only-dry-run',
+    fixture: 'greenfield/module-hybrid-cdn',
+    args: ['--dry-run', 'build', '--hubspot-only'],
+    expectedExit: 0,
+  },
+  {
+    id: 'deploy-dry-run',
+    fixture: 'greenfield/module-hybrid-cdn',
+    args: ['--dry-run', 'deploy', '--tier', 'dev'],
+    expectedExit: 0,
+    setup: (dir) => seedCdnBuildPrereqs(dir),
+  },
+  {
+    id: 'publish-dry-run-hybrid',
+    fixture: 'greenfield/module-hybrid-cdn',
+    args: ['--dry-run', 'publish', '--tier', 'dev'],
+    expectedExit: 0,
+  },
+  {
+    id: 'publish-no-cdn-monolith',
+    fixture: 'fixtures/adopted-module-monolith',
+    args: ['publish', '--tier', 'dev'],
+    expectedExit: 1,
+  },
+  {
+    id: 'audit-ship-bundle-json',
+    fixture: 'greenfield/module-hybrid-cdn',
+    args: ['--json', 'audit', 'ship-bundle'],
+    expectedExit: 0,
+    assertJson: (json) => {
+      assert.equal(json.ok, true)
+    },
+  },
+  {
+    id: 'audit-secrets-json',
+    fixture: 'greenfield/module-hybrid-cdn',
+    args: ['--json', 'audit', 'secrets'],
+    expectedExit: 0,
+    assertJson: (json) => {
+      assert.equal(json.ok, true)
+    },
+  },
+  {
+    id: 'audit-parity-json',
+    fixture: 'greenfield/module-hybrid-cdn',
+    args: ['--json', 'audit', 'parity'],
+    expectedExit: 0,
+    assertJson: (json) => {
+      assert.equal(json.ok, true)
+    },
+  },
+  {
+    id: 'audit-baseline-dry-run',
+    fixture: 'greenfield/module-hybrid-cdn',
+    args: ['--dry-run', 'audit', 'baseline'],
+    expectedExit: 0,
+  },
+  {
+    id: 'fields-sync-dry-run',
+    fixture: 'greenfield/module-hybrid-cdn',
+    args: ['--dry-run', 'fields', 'sync'],
+    expectedExit: 0,
+  },
+  {
+    id: 'examples-list-json',
+    fixture: 'greenfield/module-hybrid-cdn',
+    args: ['--json', 'examples', 'list'],
+    expectedExit: 0,
+    assertJson: (json) => {
+      assert.ok(Array.isArray(json.scenarios))
+      assert.ok(json.scenarios.length > 0)
+    },
+  },
+  {
+    id: 'examples-smoke-static-scenario',
+    fixture: 'greenfield/module-hybrid-cdn',
+    args: ['examples', 'smoke', '--tier', 'static', '--scenario', 'greenfield-module-hybrid-cdn'],
+    expectedExit: 0,
+  },
+  {
+    id: 'regression-smoke-skip-doctor',
+    fixture: 'greenfield/module-hybrid-cdn',
+    args: ['--json', 'regression', 'smoke', '--skip-doctor'],
+    expectedExit: 0,
+    setup: (dir) => seedRegressionShims(dir),
+    assertJson: (json) => {
+      assert.equal(json.ok, true)
+    },
+  },
+  {
+    id: 'watch-dry-run',
+    fixture: 'greenfield/module-hybrid-cdn',
+    args: ['--dry-run', 'watch', '--tier', 'dev'],
+    expectedExit: 0,
+  },
+  {
+    id: 'upload-dry-run',
+    fixture: 'greenfield/module-hybrid-cdn',
+    args: ['--dry-run', 'upload', '--tier', 'dev'],
+    expectedExit: 0,
+  },
+  {
+    id: 'auth-dry-run',
+    fixture: 'greenfield/module-hybrid-cdn',
+    args: ['--dry-run', 'auth'],
+    expectedExit: 0,
+  },
+  {
+    id: 'portal-list-json',
+    fixture: 'greenfield/module-hybrid-cdn',
+    args: ['--json', 'portal', 'list'],
+    expectedExit: 0,
+    setup: (dir) => seedHubspotConfig(dir),
+    assertJson: (json) => {
+      assert.ok(Array.isArray(json.portals))
+      assert.equal(json.portals.length, 1)
+    },
+  },
+  {
+    id: 'portal-use-dry-run',
+    fixture: 'greenfield/module-hybrid-cdn',
+    args: ['--dry-run', 'portal', 'use', 'dev'],
+    expectedExit: 0,
+    setup: (dir) => seedHubspotConfig(dir),
+  },
+]
+
+for (const row of MATRIX) {
+  test(`wp CLI smoke: ${row.id}`, async () => {
+    await withTempFixture(row.fixture ?? 'greenfield/module-hybrid-cdn', (dir) => {
+      row.setup?.(dir)
+      const result = runWp(dir, row.args, {
+        skipProject: row.skipProject,
+        cwd: row.cwd,
+      })
+      assertExit(row.expectedExit, result, row.id)
+      if (row.assertJson) {
+        const json = parseJsonLine(result.stdout)
+        row.assertJson(json)
+      }
+    })
+  })
+}
+
+test('wp CLI smoke: init dry-run into empty directory', () => {
+  const targetDir = mkdtempSync(join(tmpdir(), 'wphs-cli-init-'))
+  try {
+    const result = runWp(
+      kitRoot,
+      [
+        '--dry-run',
+        'init',
+        '-t',
+        'module-hybrid-cdn',
+        '-n',
+        'cli-smoke-init',
+        '-d',
+        targetDir,
+      ],
+      { skipProject: true, cwd: kitRoot },
+    )
+    assertExit(0, result, 'init-dry-run')
+  } finally {
+    rmSync(targetDir, { recursive: true, force: true })
+  }
+})
+
+test('wp CLI smoke: page add, list, remove', async () => {
+  await withTempFixture('greenfield/module-hybrid-cdn', (dir) => {
+    const add = runWp(dir, ['page', 'add', 'about', '--public', '--nav'])
+    assertExit(0, add, 'page-add')
+    assert.ok(existsSync(resolve(dir, 'src/features/pages/about-page.tsx')))
+
+    const list = runWp(dir, ['--json', 'page', 'list'])
+    assertExit(0, list, 'page-list')
+    const listed = parseJsonLine(list.stdout)
+    assert.equal(listed.pages.length, 1)
+    assert.equal(listed.pages[0].slug, 'about')
+
+    const remove = runWp(dir, ['page', 'remove', 'about'])
+    assertExit(0, remove, 'page-remove')
+    assert.ok(!existsSync(resolve(dir, 'src/features/pages/about-page.tsx')))
+  })
+})
+
+test('wp CLI smoke: scaffold auth upgrade dry-run', async () => {
+  await withTempFixture('greenfield/module-hybrid-cdn-auth-starter', (dir) => {
+    const before = readFileSync(resolve(dir, 'woodscli.json'), 'utf8')
+    const upgrade = runWp(dir, ['--dry-run', 'scaffold', 'auth', 'upgrade', '--tier', 'sso'])
+    assertExit(0, upgrade, 'scaffold-auth-upgrade-dry-run')
+    assert.equal(readFileSync(resolve(dir, 'woodscli.json'), 'utf8'), before)
+  })
+})

package/src/dev/bootstrap-greenfield.tsx

@@ -20,6 +20,8 @@ import wphsAdapter from '@wphs/adapter'
 export type MountGreenfieldDevOptions = {
   /** Scaffold-owned preview (e.g. templates/src/app/StarterPage.tsx). */
   preview?: ReactNode
+  /** Runs after module-config init, before the preview is rendered (e.g. SDK bootstrap). */
+  beforePreview?: () => void | Promise<void>
 }
 
 export async function mountGreenfieldDev(options: MountGreenfieldDevOptions = {}): Promise<void> {
@@ -32,6 +34,10 @@ export async function mountGreenfieldDev(options: MountGreenfieldDevOptions = {}
     syncHubSpotDataFromModuleState(moduleState)
     registerModuleConfigShortcutHint()
 
+    if (options.beforePreview) {
+      await options.beforePreview()
+    }
+
     if (!rootElement) {
       throw new Error('Missing #app element — add index.html with <div id="app">')
     }

package/templates/module-hybrid-cdn/public/fields.json

@@ -30,17 +30,57 @@
   },
   {
     "type": "group",
-    "name": "styles",
-    "label": "Styles",
+    "name": "style",
+    "label": "Style",
     "tab": "STYLE",
     "children": [
       {
-        "name": "accent_color",
-        "label": "Accent color",
-        "type": "color",
+        "type": "group",
+        "name": "module_global_colors",
+        "label": "Module Global Colors",
+        "tab": "STYLE",
+        "children": [
+          {
+            "name": "primary_color",
+            "label": "Primary Color",
+            "type": "color",
+            "default": {
+              "color": "#FF7A59",
+              "opacity": 100
+            }
+          },
+          {
+            "name": "secondary_color",
+            "label": "Secondary Color",
+            "type": "color",
+            "default": {
+              "color": "#2797AF",
+              "opacity": 100
+            }
+          },
+          {
+            "name": "button_text_color",
+            "label": "Button Text Color",
+            "type": "color",
+            "default": {
+              "color": "#FFFFFF",
+              "opacity": 100
+            }
+          }
+        ],
         "default": {
-          "color": "#0091ae",
-          "opacity": 100
+          "primary_color": {
+            "color": "#FF7A59",
+            "opacity": 100
+          },
+          "secondary_color": {
+            "color": "#2797AF",
+            "opacity": 100
+          },
+          "button_text_color": {
+            "color": "#FFFFFF",
+            "opacity": 100
+          }
         }
       },
       {

package/templates/module-hybrid-cdn/public/module.html

@@ -4,7 +4,9 @@
 <style>
 {% scope_css %}
 :root {
-  --starter-accent: {{ module.styles.accent_color.color|default('#0091ae') }};
+  --primary-color: {{ module.style.module_global_colors.primary_color.color|default('#FF7A59') }};
+  --secondary-color: {{ module.style.module_global_colors.secondary_color.color|default('#2797AF') }};
+  --button-text-color: {{ module.style.module_global_colors.button_text_color.color|default('#FFFFFF') }};
 }
 p:not([class]) {
   margin: 0;
@@ -18,11 +20,10 @@ ul, ol {
 <script>
   window.hsInEditor = {{ in_cms_editor|lower }};
   window.hubSpotData = {
-    title: {{ module.title|tojson }},
-    tagline: {{ module.tagline|tojson }},
-    show_feature_cards: {{ module.show_feature_cards|lower }},
-    accent_color: {{ module.styles.accent_color|tojson }},
-    hero_style: {{ module.styles.hero_style|tojson }},
+    title: {{ module.content.title|default(module.title)|tojson }},
+    tagline: {{ module.content.tagline|default(module.tagline)|tojson }},
+    show_feature_cards: {{ module.content.show_feature_cards|default(module.show_feature_cards)|lower }},
+    hero_style: {{ module.style.hero_style|tojson }},
     assetBaseUrl: "__PORTAL_CDN_BASE__",
     buildId: "__PORTAL_BUILD_ID__",
     isInEditor: {{ in_cms_editor|lower }}

package/templates/module-hybrid-cdn/src/assets/css/main.dev.css

@@ -8,6 +8,13 @@
 @import 'tailwindcss';
 @import './tailwind.css.config.css';
 
+/* WoodsPortal module global colors — defaults until HubSpot fields / module-config apply overrides */
+:root {
+  --primary-color: #ff7a59;
+  --secondary-color: #2797af;
+  --button-text-color: #ffffff;
+}
+
 /* Kit dev-module-config — paths relative to this file (src/assets/css/) */
 @source '../../../.wphs/.kit-module-config/**/*.{ts,tsx}';
 @source '../../../.wphs/.kit-bootstrap.tsx';