@wix/himalaya-cli 0.1064.0 → 0.1066.0

package/templates/retail-store/tier5-src/himi-branded-lite-appearance/index.ts

@@ -19,11 +19,10 @@ import {
 interface State {
   /** The pending accent id (persisted on Apply, re-read by the home worker). */
   pendingAccent: string;
-  /** The app's brand color (from the onAppear param) — the "brand" accent swatch
-   *  and the accent fallback resolve to it. */
-  brandAccent: string;
-  // Per-accent swatch colors. backgroundColorPath resolves `$service:` paths but
-  // NOT per-row `$item.` fields, so each static swatch binds its own flat field.
+  // Per-accent swatch colors. backgroundColorPath resolves `$service:` paths but NOT
+  // per-row `$item.` fields, so each static swatch binds its own flat field.
+  // `accentHex_brand` is "" on purpose: the swatch keeps its own accentPrimary token,
+  // which is the brand (see accentColor in _shared/himi-layouts.ts).
   accentHex_brand: string;
   accentHex_amber: string;
   accentHex_terracotta: string;
@@ -54,7 +53,7 @@ function paramValue(arg: unknown, key: string): string {
   return typeof result === "string" ? result : "";
 }
 
-function build(pendingAccent: string, brandAccent: string): State {
+function build(pendingAccent: string): State {
   const flags: Record<string, boolean> = {};
   for (const id of ACCENT_IDS) {
     flags[`selected_${id}`] = id === pendingAccent;
@@ -63,8 +62,7 @@ function build(pendingAccent: string, brandAccent: string): State {
   return {
     ...flags,
     pendingAccent,
-    brandAccent,
-    accentHex_brand: brandAccent || ACCENT_META.amber.hex,
+    accentHex_brand: "",
     accentHex_amber: ACCENT_META.amber.hex,
     accentHex_terracotta: ACCENT_META.terracotta.hex,
     accentHex_sage: ACCENT_META.sage.hex,
@@ -84,24 +82,21 @@ const svc = defineService<State, {
   apply: (state: State) => State;
   reset: (state: State) => State;
 }>("himiBrandedAppearance", {
-  state: build(initialAccent(), ""),
+  state: build(initialAccent()),
   actions: {
-    // onAppear: re-read the persisted accent + the app's brand color so the swatches
-    // reflect reality (the brand swatch tints to the app's own color).
-    sync: (state, arg) => {
-      const brandAccent = paramValue(arg, "brandAccent") || state.brandAccent;
-      return build(initialAccent(), brandAccent);
-    },
+    // onAppear: re-read the persisted accent so the swatches reflect reality. An older
+    // descriptor may still pass a `brandAccent`; it is not used (the Brand swatch is the token).
+    sync: () => build(initialAccent()),
     // Tapping an accent swatch marks it pending (persisted on Apply).
     selectAccent: (state, arg) => {
       const id = paramValue(arg, "id");
       if (!isAccentId(id)) return state;
-      return build(id, state.brandAccent);
+      return build(id);
     },
     // Apply: persist the accent; the home worker re-reads it on launch.
     apply: (state) => {
       try { storage()?.setItem(ACCENT_KEY, state.pendingAccent); } catch { /* best-effort */ }
-      return build(state.pendingAccent, state.brandAccent);
+      return build(state.pendingAccent);
     },
     // Reset: clear the override, reverting to the brand accent.
     reset: (state) => {
@@ -110,7 +105,7 @@ const svc = defineService<State, {
         if (store?.removeItem) store.removeItem(ACCENT_KEY);
         else store?.setItem(ACCENT_KEY, "");
       } catch { /* best-effort */ }
-      return build(DEFAULT_ACCENT, state.brandAccent);
+      return build(DEFAULT_ACCENT);
     },
   },
 });

package/templates/retail-store/tier5-src/himi-branded-lite-home/index.ts

@@ -338,11 +338,11 @@ function storedLayout(): string | null {
 function storedAccent(): string {
   try { return storage()?.getItem(ACCENT_KEY) ?? ""; } catch { return ""; }
 }
-// user accent (storage) → brand color (onAppear param) fallback. Always a valid
-// hex so backgroundColorPath binds cleanly; "" brand param at first paint just
-// falls the surface back to its accentPrimary token.
-function resolveAccent(arg: unknown): string {
-  return resolveAccentColor(storedAccent(), paramValue(arg, "brandAccent"));
+// The member's chosen accent (storage), else "" — the surface keeps its accentPrimary token,
+// which is the brand. An older descriptor's `brandAccent` param is ignored: it was a copy of
+// the brand that a hand edit of tokens.json left behind.
+function resolveAccent(_arg?: unknown): string {
+  return resolveAccentColor(storedAccent());
 }
 
 // onAppear param reader (the himi-branded-lite-cms pattern): the descriptor

package/templates/yoga-studio/dev/index.ts

@@ -2350,7 +2350,6 @@ const SCREENS = runtimeSetting({
             "verticals": "[\"bookings\",\"programs\",\"plans\",\"events\",\"blog\"]",
             "homeModules": "[{\"id\":\"member_progress\",\"label\":\"Today's schedule\",\"dataSource\":\"member.bookings.schedule\",\"emptyWhen\":[\"hideMemberProgress\"]},{\"id\":\"up_next\",\"label\":\"Up next\",\"dataSource\":\"member.bookings\",\"emptyWhen\":[\"hideNextBooking\",\"hidePersonalError\"]},{\"id\":\"saved\",\"label\":\"Saved on this device\",\"dataSource\":\"device.saved_items\",\"emptyWhen\":[\"noSavedContent\"]},{\"id\":\"section_0\",\"label\":\"Today's schedule\",\"dataSource\":\"calmStudio.section0\",\"emptyWhen\":[\"noTodaysClasses\"]},{\"id\":\"section_1\",\"label\":\"Your practice\",\"dataSource\":\"calmStudio.section1\"}]",
             "ownerDefaultLayout": "calmStudio",
-            "brandAccent": "#5F7360",
             "copy": "{\"home.bookClassCta\":\"Reserve your spot\",\"home.onboardingBody\":\"Reserve classes, follow programs, and join retreats — all from one calm place.\",\"home.practiceTitle\":\"Your practice\",\"home.retreatsTitle\":\"Retreats & workshops\",\"home.scheduleTitle\":\"Today's schedule\",\"home.teachersCaption\":\"Your teachers\"}"
           }
         }
@@ -4880,10 +4879,7 @@ const SCREENS = runtimeSetting({
           "bottom": 28
         },
         "onAppear": {
-          "actionId": "tier5.himiBrandedAppearance.sync",
-          "params": {
-            "brandAccent": "#5F7360"
-          }
+          "actionId": "tier5.himiBrandedAppearance.sync"
         }
       }
     },

package/templates/yoga-studio/tier5-src/_shared/himi-layouts.ts

@@ -134,12 +134,14 @@ export function isAccentId(x: unknown): x is AccentId {
   return typeof x === "string" && (ACCENT_IDS as readonly string[]).includes(x);
 }
 
-/** Resolve an accent id to a concrete hex, falling back to the app's brand color
- *  for `brand` or any unknown value — so `backgroundColorPath` always binds to a
- *  valid color. */
-export function accentColor(id: string, brandFallback: string): string {
-  if (isAccentId(id) && ACCENT_META[id].hex) return ACCENT_META[id].hex;
-  return brandFallback;
+/** Resolve an accent id to its curated hex, or "" for `brand` and any unknown value.
+ *  "" is deliberate: a bound `backgroundColorPath` that resolves empty keeps the surface's
+ *  own `accentPrimary` token on every renderer, and that token IS the brand — after a
+ *  `site analyze --apply` and after a hand edit of tokens.json alike. A brand colour copied
+ *  into the descriptor instead (the old `brandAccent` param) went stale on the second path:
+ *  the Home pill kept the template's blue after a rebrand. */
+export function accentColor(id: string): string {
+  return isAccentId(id) ? ACCENT_META[id].hex : "";
 }
 
 /** Content-derived default: booking intent > deep catalog > editorial (blog-forward) > balanced.

package/templates/yoga-studio/tier5-src/himi-branded-lite-appearance/index.ts

@@ -19,11 +19,10 @@ import {
 interface State {
   /** The pending accent id (persisted on Apply, re-read by the home worker). */
   pendingAccent: string;
-  /** The app's brand color (from the onAppear param) — the "brand" accent swatch
-   *  and the accent fallback resolve to it. */
-  brandAccent: string;
-  // Per-accent swatch colors. backgroundColorPath resolves `$service:` paths but
-  // NOT per-row `$item.` fields, so each static swatch binds its own flat field.
+  // Per-accent swatch colors. backgroundColorPath resolves `$service:` paths but NOT
+  // per-row `$item.` fields, so each static swatch binds its own flat field.
+  // `accentHex_brand` is "" on purpose: the swatch keeps its own accentPrimary token,
+  // which is the brand (see accentColor in _shared/himi-layouts.ts).
   accentHex_brand: string;
   accentHex_amber: string;
   accentHex_terracotta: string;
@@ -54,7 +53,7 @@ function paramValue(arg: unknown, key: string): string {
   return typeof result === "string" ? result : "";
 }
 
-function build(pendingAccent: string, brandAccent: string): State {
+function build(pendingAccent: string): State {
   const flags: Record<string, boolean> = {};
   for (const id of ACCENT_IDS) {
     flags[`selected_${id}`] = id === pendingAccent;
@@ -63,8 +62,7 @@ function build(pendingAccent: string, brandAccent: string): State {
   return {
     ...flags,
     pendingAccent,
-    brandAccent,
-    accentHex_brand: brandAccent || ACCENT_META.amber.hex,
+    accentHex_brand: "",
     accentHex_amber: ACCENT_META.amber.hex,
     accentHex_terracotta: ACCENT_META.terracotta.hex,
     accentHex_sage: ACCENT_META.sage.hex,
@@ -84,24 +82,21 @@ const svc = defineService<State, {
   apply: (state: State) => State;
   reset: (state: State) => State;
 }>("himiBrandedAppearance", {
-  state: build(initialAccent(), ""),
+  state: build(initialAccent()),
   actions: {
-    // onAppear: re-read the persisted accent + the app's brand color so the swatches
-    // reflect reality (the brand swatch tints to the app's own color).
-    sync: (state, arg) => {
-      const brandAccent = paramValue(arg, "brandAccent") || state.brandAccent;
-      return build(initialAccent(), brandAccent);
-    },
+    // onAppear: re-read the persisted accent so the swatches reflect reality. An older
+    // descriptor may still pass a `brandAccent`; it is not used (the Brand swatch is the token).
+    sync: () => build(initialAccent()),
     // Tapping an accent swatch marks it pending (persisted on Apply).
     selectAccent: (state, arg) => {
       const id = paramValue(arg, "id");
       if (!isAccentId(id)) return state;
-      return build(id, state.brandAccent);
+      return build(id);
     },
     // Apply: persist the accent; the home worker re-reads it on launch.
     apply: (state) => {
       try { storage()?.setItem(ACCENT_KEY, state.pendingAccent); } catch { /* best-effort */ }
-      return build(state.pendingAccent, state.brandAccent);
+      return build(state.pendingAccent);
     },
     // Reset: clear the override, reverting to the brand accent.
     reset: (state) => {
@@ -110,7 +105,7 @@ const svc = defineService<State, {
         if (store?.removeItem) store.removeItem(ACCENT_KEY);
         else store?.setItem(ACCENT_KEY, "");
       } catch { /* best-effort */ }
-      return build(DEFAULT_ACCENT, state.brandAccent);
+      return build(DEFAULT_ACCENT);
     },
   },
 });

package/templates/yoga-studio/tier5-src/himi-branded-lite-home/index.ts

@@ -338,11 +338,11 @@ function storedLayout(): string | null {
 function storedAccent(): string {
   try { return storage()?.getItem(ACCENT_KEY) ?? ""; } catch { return ""; }
 }
-// user accent (storage) → brand color (onAppear param) fallback. Always a valid
-// hex so backgroundColorPath binds cleanly; "" brand param at first paint just
-// falls the surface back to its accentPrimary token.
-function resolveAccent(arg: unknown): string {
-  return resolveAccentColor(storedAccent(), paramValue(arg, "brandAccent"));
+// The member's chosen accent (storage), else "" — the surface keeps its accentPrimary token,
+// which is the brand. An older descriptor's `brandAccent` param is ignored: it was a copy of
+// the brand that a hand edit of tokens.json left behind.
+function resolveAccent(_arg?: unknown): string {
+  return resolveAccentColor(storedAccent());
 }
 
 // onAppear param reader (the himi-branded-lite-cms pattern): the descriptor