@wix/himalaya-cli 0.1526.0 → 0.1528.0

package/templates/branded-lite/tier5-src/himi-branded-lite-address/index.ts

@@ -1,9 +1,10 @@
+import { withOnlineWrites } from "../_shared/online-actions.js";
 // Tier-5 bundle: Branded Lite — add / edit one saved address (himi_address).
 //
 // No `id` nav param → a new address; `?id=` → that address, prefilled. Save writes it
 // to the member's address book (@himalaya/wix-ecom) and goes back to My Addresses,
 // which reloads on appear. Edit also offers Remove, behind an in-screen confirm.
-import { defineService, navigate } from "@himalaya/state";
+import { defineService as registerService, navigate } from "@himalaya/state";
 import {
   createMemberAddress,
   deleteMemberAddress,
@@ -176,6 +177,7 @@ async function remove(state: State): Promise<State> {
   }
 }
 
+const defineService = withOnlineWrites(registerService, ["save", "remove"], { derive });
 const svc = defineService<State, {
   load: (state: State, arg?: unknown) => Promise<State>;
   retry: (state: State) => Promise<State>;

package/templates/branded-lite/tier5-src/himi-branded-lite-addresses/index.ts

@@ -1,10 +1,11 @@
+import { withOnlineWrites } from "../_shared/online-actions.js";
 // Tier-5 bundle: Branded Lite — My Addresses (the member's saved address book).
 //
 // The same book the site's Members Area "My Addresses" page and checkout use
 // (addresses-web, see @himalaya/wix-ecom listMemberAddresses). A member sees every
 // saved address, picks the default, and removes one after an in-screen confirm;
 // add/edit open himi_address. A guest gets the shared member gate.
-import { defineService, navigate } from "@himalaya/state";
+import { defineService as registerService, navigate } from "@himalaya/state";
 import {
   deleteMemberAddress,
   listMemberAddresses,
@@ -152,6 +153,7 @@ async function write(state: State, run: () => Promise<unknown>, done: string, fa
   }
 }
 
+const defineService = withOnlineWrites(registerService, ["setDefault", "remove"], { derive });
 const svc = defineService<State, {
   load: (state: State, arg?: unknown) => Promise<State>;
   retry: (state: State) => Promise<State>;

package/templates/branded-lite/tier5-src/himi-branded-lite-cart/index.ts

@@ -1,3 +1,5 @@
+import { withOnlineWrites } from "../_shared/online-actions.js";
+import { defineService as registerState } from "@himalaya/state";
 import { getStoreProduct } from "../_shared/himi-store.js";
 import { iapPriceCopy } from "../_shared/iap-worker.js";
 import { withIapPresentation } from "../_shared/iap-presentation.js";
@@ -378,6 +380,7 @@ function couponDetails(result: unknown): { id: string; code: string } {
 
 let cartPricing: IapCommerce;
 const defineService = withIapPresentation<State>({
+  register: withOnlineWrites(registerState, ["remove", "increment", "decrement", "checkout", "beginPromo", "applyPromo", "removePromo"], { derive, messageFields: action => action.includes("Promo") ? ["promoError"] : ["checkoutHint"] }),
   onCreate: commerce => { cartPricing = commerce; },
   prefix: "cart", transientKeys: ["items", "subtotal", "promoBusy"], contentActions: ["load", "remove", "increment", "decrement"],
   items: state => state.items.flatMap(row => row.catalogReference?.catalogItemId ? [{ reference: { kind: "storesProduct", id: row.catalogReference.catalogItemId }, commerceDisplayPrice: row.commerceTotal ?? row.total }] : []),

package/templates/branded-lite/tier5-src/himi-branded-lite-feed/index.ts

@@ -1,3 +1,4 @@
+import { withOnlineWrites } from "../_shared/online-actions.js";
 // Tier-5 bundle: himi-branded-lite — community activity feed (design §4.5).
 //
 // The feed rides the Wix Groups social feed: a feed item lives in a group
@@ -9,7 +10,7 @@
 // worker's signed-in flags (the himi_group join-button pattern) and the
 // sign-in card routes to himi_account — never a dead tap.
 // Four-state (loading / error / rows / empty) like the sibling branded workers.
-import { defineService } from "@himalaya/state";
+import { defineService as registerService } from "@himalaya/state";
 import {
   createFeedItem,
   listFeedItems,
@@ -301,6 +302,7 @@ async function loadFeed(state: State): Promise<State> {
   }
 }
 
+const defineService = withOnlineWrites(registerService, ["post", "react"], { derive, draftFields: { draft: "message" } });
 const svc = defineService<State, {
   load: (state: State, arg?: unknown) => Promise<State>;
   filter: (state: State, arg?: unknown) => State;

package/templates/branded-lite/tier5-src/himi-branded-lite-group/index.ts

@@ -1,4 +1,5 @@
-import { defineService } from "@himalaya/state";
+import { withOnlineWrites } from "../_shared/online-actions.js";
+import { defineService as registerService } from "@himalaya/state";
 import { getGroup, joinGroup, leaveGroup, queryMembers as queryGroupMembers, type WixGroup } from "@himalaya/wix-groups";
 import { getMember } from "@himalaya/wix-members";
 import { signedInEmail } from "../_shared/himi-account";
@@ -159,6 +160,7 @@ const initial: State = {
   hideContent: true,
 };
 
+const defineService = withOnlineWrites(registerService, ["join","leave"]);
 const svc = defineService<State, {
   load: (state: State, arg?: unknown) => Promise<State>;
   join: (state: State) => Promise<State>;

package/templates/branded-lite/tier5-src/himi-branded-lite-notifications/index.ts

@@ -1,3 +1,4 @@
+import { withOnlineWrites } from "../_shared/online-actions.js";
 // himi-branded-lite-notifications — reads the member's notifications via Members Feed Viewer (queryNotifications).
 // a failed query is an error with Retry (or Sign in when Wix refuses the
 // visitor) and an empty one is a real empty state — never sample rows presented as
@@ -5,7 +6,7 @@
 // (_shared/branded-load-state.ts).
 // mark-one-read / mark-all-read stay wired: they update state optimistically and
 // best-effort the real write (a no-op on sample rows).
-import { defineService } from "../_shared/collection-service.js";
+import { defineService as registerService } from "../_shared/collection-service.js";
 import { LOADING, loaded, loadFailed, type LoadCopy, type LoadFlags } from "../_shared/branded-load-state.js";
 import { queryNotifications, markRead, markAllRead, type MfvNotification } from "@himalaya/wix-members-feed-viewer";
 
@@ -22,7 +23,7 @@ interface Row {
   dest: string;
 }
 interface S extends LoadFlags {
-  items: Row[]; emptyText: string;
+  items: Row[]; emptyText: string; actionMessage: string;
   isMock: boolean; notMock: boolean;
   /** #2849 — hiddenWhen() hides on TRUE, so these are inverted: the empty-state banner
    *  shows only when the site really has none, and the unavailable one only when the
@@ -100,17 +101,18 @@ const COPY: LoadCopy<Row> = {
   sample: () => MOCK.map((r) => ({ ...r })),
 };
 
+const defineService = withOnlineWrites(registerService, ["markOneRead","markAll"], { messageFields: ["actionMessage"] });
 const svc = defineService<S, {
   load: (s: S) => Promise<S>;
   markOneRead: (s: S, id: string) => Promise<S>;
   markAll: (s: S) => Promise<S>;
 }>("himiBrandedNotifications", {
-  state: { ...LOADING, items: [], emptyText: "" },
+  state: { ...LOADING, items: [], emptyText: "", actionMessage: "" },
   actions: {
     load: async (s) => {
       try {
         const items = (await queryNotifications(25)).map(norm);
-        return { ...s, ...loaded("items", items, COPY) };
+        return { ...s, ...loaded("items", items, COPY), actionMessage: "" };
       } catch (err) {
         return { ...s, ...loadFailed("items", err, COPY) };
       }

package/templates/branded-lite/tier5-src/himi-branded-lite-notifsettings/index.ts

@@ -1,3 +1,4 @@
+import { withOnlineWrites } from "../_shared/online-actions.js";
 // himi-branded-lite-notifsettings — reads the site's notification topics + the member's preferences.
 // a failed query is an error with Retry (or Sign in when Wix refuses the
 // visitor) and an empty one is a real empty state — never sample rows presented as
@@ -5,7 +6,7 @@
 // (_shared/branded-load-state.ts).
 // any exist. INTERACTIVE: tapping a row toggles that topic On/Off — optimistic +
 // best-effort upsertMyNotificationPreferences (a no-op on sample rows).
-import { defineService } from "@himalaya/state";
+import { defineService as registerService } from "@himalaya/state";
 import { withEmptyFlags } from "../_shared/empty-flags.js";
 import { LOADING, loaded, loadFailed, type LoadCopy, type LoadFlags } from "../_shared/branded-load-state.js";
 import {
@@ -31,7 +32,7 @@ interface Row { id: string; name: string; subtitle: string; note: string; on: bo
   /** Inverse of `locked` (hiddenWhen hides on TRUE) and the plain On/Off a locked row shows. */
   notLocked: boolean; stateLabel: string }
 interface S extends LoadFlags {
-  topics: Row[]; emptyText: string;
+  topics: Row[]; emptyText: string; actionMessage: string;
   isMock: boolean; notMock: boolean; /** #2849 — hiddenWhen() hides on TRUE, so these are inverted: the empty-state banner
    *  shows only when the site really has none, and the unavailable one only when the
    *  query failed. A failed query must never render the sentence that claims the
@@ -91,11 +92,12 @@ const COPY: LoadCopy<Row> = {
   sample: () => MOCK.map((r) => ({ ...r })),
 };
 
+const defineService = withOnlineWrites(registerService, ["toggle"], { messageFields: ["actionMessage"] });
 const svc = defineService<S, {
   load: (s: S) => Promise<S>;
   toggle: (s: S, p?: { id?: string; value?: unknown }) => Promise<S>;
 }>("himiBrandedNotifSettings", withEmptyFlags({
-  state: { ...LOADING, topics: [], emptyText: "" },
+  state: { ...LOADING, topics: [], emptyText: "", actionMessage: "" },
   actions: {
     load: async (s) => {
       try {
@@ -105,7 +107,7 @@ const svc = defineService<S, {
         ]);
         const prefs = readPreferences(prefsRes);
         const topics = readTopics(topicsRes).map((t) => norm(t, prefs));
-        return { ...s, ...loaded("topics", topics, COPY) };
+        return { ...s, ...loaded("topics", topics, COPY), actionMessage: "" };
       } catch (err) {
         return { ...s, ...loadFailed("topics", err, COPY) };
       }

package/templates/branded-lite/tier5-src/himi-branded-lite-order/index.ts

@@ -1,7 +1,8 @@
+import { withOnlineWrites } from "../_shared/online-actions.js";
 import { createIapCommerce, classifyCart } from "@himalaya/iap-checkout";
 import { getStoreProduct } from "../_shared/himi-store.js";
 import { iapPriceCopy } from "../_shared/iap-worker.js";
-import { defineService } from "@himalaya/state";
+import { defineService as registerService } from "@himalaya/state";
 import { orderMember, assertOrderMember, ownedOrderCache, orderAccessDenied, orderAccessChanged, type OrderMember } from "../_shared/member-orders.js";
 import { addToCurrentCart, getOrder, searchOrders, type WixOrder } from "@himalaya/wix-ecom";
 import { copyParam, copyTemplate, stashCopy } from "../_shared/himi-copy.js";
@@ -313,6 +314,7 @@ async function load(state: State, arg?: unknown): Promise<State | undefined> {
 const FOLLOW_TTL_SECONDS = 24 * 60 * 60;
 
 const reorderPricing = createIapCommerce();
+const defineService = withOnlineWrites(registerService, ["reorder", "follow", "unfollow"], { derive, messageFields: action => action === "reorder" ? ["reorderMessage"] : ["liveNote"] });
 const svc = defineService<State, {
   load: (state: State, arg?: unknown) => Promise<State | undefined>;
   retry: (state: State) => Promise<State | undefined>;

package/templates/branded-lite/tier5-src/himi-branded-lite-plans/index.ts

@@ -1,4 +1,6 @@
-import { defineService } from "../_shared/collection-service.js";
+import { offlineWriteMessage, offlineWritesEnabled, withOnlineWrites } from "../_shared/online-actions.js";
+import { connectivity } from "@himalaya/state";
+import { defineService as registerService } from "../_shared/collection-service.js";
 import { createOnlineOrder, listPublicPlans, type WixPlan } from "@himalaya/wix-pricing-plans";
 import { createRedirectSession } from "@himalaya/wix-redirects";
 import { open as openUrl } from "@himalaya/open-url";
@@ -252,6 +254,8 @@ async function regularJoinMessage(row: PlanRow, reference: { kind: string; id: s
     }
     return copyTemplate("plans.joinOnSiteMessage", "Memberships are purchased on the website — visit the site to join {name}.", { name: row.name });
   }
+  // A link may fail to open. Its fallback becomes a write and needs its own preflight.
+  if (offlineWritesEnabled && !connectivity().online) return offlineWriteMessage;
   try {
     const created = await createOnlineOrder(row.id);
     const snapshotId = created.purchaseFlowId;
@@ -291,6 +295,14 @@ async function regularJoinMessage(row: PlanRow, reference: { kind: string; id: s
   return copyTemplate("plans.joinOnSiteMessage", "Memberships are purchased on the website — visit the site to join {name}.", { name: row.name });
 }
 
+const defineService = withOnlineWrites(registerService, ["join"], {
+  messageFields: ["actionMessage"],
+  requiresConnectivity: (_action, state: State, arg) => {
+    const row = state.rows.find(candidate => candidate.id === idOf(arg));
+    if (!row || commerce.purchaseFields({ kind: "pricingPlan", id: row.id }, iapPurchaseCopy("plans")).appleRoute) return true;
+    return !row.joinUrl && !(isHostedWorker() && !row.free);
+  },
+});
 const svc = defineService<State, {
   load: (state: State, arg?: unknown) => Promise<State | undefined>;
   pricingPublish: (state: State) => State;

package/templates/branded-lite/tier5-src/himi-branded-lite-program/index.ts

@@ -1,3 +1,4 @@
+import { withOnlineWrites } from "../_shared/online-actions.js";
 // Tier-5 bundle: himi-branded-lite — single online-program detail (design §3.5
 // `programs` vertical, screen full-potential pass).
 //
@@ -19,7 +20,7 @@
 // reads every program as `disabled` and keeps Enrol on its own commerce. An Apple-routed program
 // offers Get access in place of Enrol and sells only through the shared checkout, never through the
 // Wix payment rail.
-import { defineService } from "@himalaya/state";
+import { defineService as registerService } from "@himalaya/state";
 import {
   getProgram,
   joinProgram,
@@ -386,6 +387,7 @@ type Actions = {
   iapPoll: (state: State) => Promise<undefined>;
 };
 
+const defineService = withOnlineWrites(registerService, ["enroll","buy"], { derive, messageFields: ["actionMessage"] });
 const svc = defineService<State, Actions>("himiBrandedProgram", {
   state: INITIAL_STATE,
   notHydrated: [...PRICING_NOT_HYDRATED],

package/templates/branded-lite/tier5-src/himi-branded-lite-reservations/index.ts

@@ -1,3 +1,4 @@
+import { withOnlineWrites } from "../_shared/online-actions.js";
 // himi-branded-lite-reservations — branded-lite "My Reservations" worker. Reads
 // the member's real Wix Table Reservations (queryReservations). A failed query is an
 // error with Retry (or Sign in when Wix refuses the visitor), an empty one is a real
@@ -11,7 +12,7 @@
 // flat grid it replaced repeated "Fri, Aug 8 · 7:30 PM" on every card because
 // no row knew what day the row above it was on. `Agenda` owns the day headers
 // and the time column, so a row carries only what is actually per-reservation.
-import { defineService } from "@himalaya/state";
+import { defineService as registerService } from "@himalaya/state";
 import { LOADING, loaded, loadFailed, type LoadCopy, type LoadFlags } from "../_shared/branded-load-state.js";
 import { queryReservations, cancelReservation, type WixReservation } from "@himalaya/wix-table-reservations";
 import { type CalendarEvent } from "@himalaya/time";
@@ -21,7 +22,7 @@ interface S extends LoadFlags {
   reservations: Row[];
   /** The Agenda wire shape, derived from `reservations` on every transition. */
   events: CalendarEvent[];
-  emptyText: string;
+  emptyText: string; actionMessage: string;
   isMock: boolean; notMock: boolean; /** #2849 — hiddenWhen() hides on TRUE, so these are inverted: the empty-state banner
    *  shows only when the site really has none, and the unavailable one only when the
    *  query failed. A failed query must never render the sentence that claims the
@@ -144,11 +145,12 @@ function tappedId(p: unknown): string {
   return "";
 }
 
+const defineService = withOnlineWrites(registerService, ["cancel"], { messageFields: ["actionMessage"] });
 const svc = defineService<S, {
   load: (s: S) => Promise<S>;
   cancel: (s: S, p?: unknown) => Promise<S>;
 }>("himiBrandedReservations", {
-  state: { ...LOADING, reservations: [], events: [], emptyText: "" },
+  state: { ...LOADING, reservations: [], events: [], emptyText: "", actionMessage: "" },
   actions: {
     load: async (s) => {
       try {
@@ -156,7 +158,7 @@ const svc = defineService<S, {
         // to hand it chronological order rather than newest-first.
         const r = await queryReservations({ cursorPaging: { limit: 20 }, sort: [{ fieldName: "details.startDate", order: "ASC" }] });
         const reservations = (r.reservations ?? []).map(norm);
-        return settle(s, loaded("reservations", reservations, COPY));
+        return settle({ ...s, actionMessage: "" }, loaded("reservations", reservations, COPY));
       } catch (err) {
         return settle(s, loadFailed("reservations", err, COPY));
       }

package/templates/branded-lite/tier5-src/himi-branded-lite-reserve/index.ts

@@ -1,3 +1,4 @@
+import { withOnlineWrites } from "../_shared/online-actions.js";
 // Tier-5 bundle: himi-branded-lite — reservation request form (design §4.4).
 //
 // The visitor rung of Wix Table Reservations, per the REST sample flow:
@@ -19,7 +20,7 @@
 // on a Tuesday the restaurant is shut. A day strip over a bookable-times run is
 // how every real reservation flow asks the question, and both presets ride
 // FilterChips, so they render on all seven surfaces with no proto change.
-import { defineService } from "@himalaya/state";
+import { defineService as registerService } from "@himalaya/state";
 import {
   createHeldReservation,
   listReservationLocations,
@@ -255,6 +256,7 @@ async function load(state: State, arg?: unknown): Promise<State> {
   }
 }
 
+const defineService = withOnlineWrites(registerService, ["submit"], { derive });
 const svc = defineService<State, {
   load: (state: State, arg?: unknown) => Promise<State>;
   setPartySize: (state: State, arg?: unknown) => State;

package/templates/branded-lite/tier5-src/himi-branded-lite-wallet/index.ts

@@ -1,3 +1,4 @@
+import { withOnlineWrites } from "../_shared/online-actions.js";
 // Tier-5 bundle: Branded Lite — My Wallet (the member's saved payment methods).
 //
 // The cards a member chose to save at checkout, read from Wix Payments on the member's
@@ -5,7 +6,7 @@
 // page, a member can make one the default for checkout or remove one — there is no
 // "add a card" here: a card is saved while paying. Only the last four digits, the
 // expiry and the cardholder name ever reach the app.
-import { defineService } from "@himalaya/state";
+import { defineService as registerService } from "@himalaya/state";
 import {
   deleteSavedPaymentMethod,
   listMySavedPaymentMethods,
@@ -173,6 +174,7 @@ async function write(state: State, run: () => Promise<unknown>, done: string, fa
   }
 }
 
+const defineService = withOnlineWrites(registerService, ["setPrimary", "remove"], { derive });
 const svc = defineService<State, {
   load: (state: State, arg?: unknown) => Promise<State>;
   retry: (state: State) => Promise<State>;

package/templates/branded-lite/tier5-src/himi-events-detail/index.ts

@@ -1,6 +1,7 @@
 // Tier-5 bundle: himi-events — event detail.
 import { formatCurrency } from "../_shared/engine-intl.js";
-import { defineService } from "@himalaya/state";
+import { defineService as registerService } from "@himalaya/state";
+import { withOnlineWrites } from "../_shared/online-actions.js";
 import { createEvent, getPermissionStatus, requestPermission } from "@himalaya/calendar";
 import { open } from "@himalaya/open-url";
 import { share as shareSheet } from "@himalaya/share";
@@ -431,6 +432,12 @@ async function enrichRegistration(id: string, e: WixEvent): Promise<WixEvent> {
   }
 }
 
+const defineService = withOnlineWrites(registerService, ["buyApple", "openRegistration"], {
+  derive,
+  messageFields: ["actionMessage"],
+  requiresConnectivity: (action, state) => action !== "openRegistration"
+    || (state.registrationKind === "tickets" && !!state.id && !isHostedWorker()),
+});
 const svc = defineService<S, {
   load: (s: S, arg?: unknown) => Promise<S | undefined>;
   openMap: (s: S) => Promise<S>;

package/templates/branded-lite/tier5-src/himi-events-rsvp/index.ts

@@ -1,5 +1,6 @@
+import { withOnlineWrites, offlineWritesEnabled } from "../_shared/online-actions.js";
 // Tier-5 bundle: himi-events — member RSVP flow.
-import { defineService } from "@himalaya/state";
+import { defineService as registerService } from "@himalaya/state";
 import { dispatch } from "@himalaya/dispatch";
 import { createRsvp, getEvent, type WixEvent } from "@himalaya/wix-events";
 import { displayName, getMyData, type WixMyData } from "@himalaya/wix-users";
@@ -125,6 +126,7 @@ function contactName(dataLine: string): { first: string; last: string } {
   return { first: parts[0], last: parts.slice(1).join(" ") };
 }
 
+const defineService = withOnlineWrites(registerService, ["rsvp", "signIn"], { derive, secretFields: ["password"] });
 const svc = defineService<S, {
   load: (s: S, arg?: unknown) => Promise<S>;
   setEmail: (s: S, arg?: unknown) => S;
@@ -202,16 +204,17 @@ const svc = defineService<S, {
       // Optimistic local write — the RSVP row lands in the cache before the Wix POST.
       const rsvpRow = (id: string): DbEntity => ({ id, eventId: s.id, firstName: name.first, lastName: name.last, email: guestEmail, status: "YES", title: s.title });
       const localId = s.id;
-      await cachePut(rsvpRow(localId));
+      if (!offlineWritesEnabled) await cachePut(rsvpRow(localId));
       try {
         const res = await createRsvp(s.id, name.first, name.last, guestEmail, "YES");
         // Reconcile the optimistic local id with the server-assigned rsvp id.
         const serverId = res.rsvp?.id;
-        if (serverId && serverId !== localId) { await cacheDrop(localId); await cachePut(rsvpRow(serverId)); }
+        if (offlineWritesEnabled) await cachePut(rsvpRow(serverId || localId));
+        else if (serverId && serverId !== localId) { await cacheDrop(localId); await cachePut(rsvpRow(serverId)); }
         rememberRsvp(s.id);
         return derive({ ...s, successMessage: copyParam("rsvp.successMessage", "You are going. Added to My Events."), message: "" });
       } catch (e) {
-        if (isBridgeUnavailable(e)) {
+        if (!offlineWritesEnabled && isBridgeUnavailable(e)) {
           // Offline / no bridge: the optimistic cache row already shows; queue the
           // write to replay (WriteQueue, idempotent) when connectivity returns.
           await queueWrite("tier5.himiEventsRsvp.rsvp", { id: s.id, firstName: name.first, lastName: name.last, email: guestEmail, status: "YES" });

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

@@ -1,3 +1,5 @@
+import { withOnlineWrites, offlineWritesEnabled, offlineWriteMessage } from "../_shared/online-actions.js";
+import { defineService as registerState } from "@himalaya/state";
 // Tier-5 bundle: himi-store — product detail.
 import { withIapPresentation } from "../_shared/iap-presentation.js";
 import { storesAppleSalesEnabled, storesProductOrders, type IapCommerce, type IapPurchaseFields } from "@himalaya/iap-checkout";
@@ -459,6 +461,7 @@ const NOT_APPLE: IapPurchaseFields = { appleRoute: false, accessReady: false, bu
 let productPricing: IapCommerce;
 let checkoutEntered = false;
 const defineService = withIapPresentation<S>({
+  register: withOnlineWrites(registerState, ["beginAdd", "addToCart", "buy"], { derive, messageFields: action => action === "buy" ? ["buyNote"] : ["cartHint"] }),
   adapters: SELLS_THROUGH_APPLE ? [storesProductOrders] : [],
   onCreate: commerce => { productPricing = commerce; }, prefix: "product",
   transientKeys: ["price", "optionsIncomplete", "cartHint", "cartHidden", "buyHidden", "buyLabel", "buyDisabled", "buyNote", "purchasedNote", "addedSheetPresented", "shareHint"], contentActions: ["load", "paintCached"], concurrentPublishActions: ["buy"],
@@ -467,12 +470,14 @@ const defineService = withIapPresentation<S>({
     const purchase = applePurchase(state);
     const unavailable = iapPriceCopy("product").purchaseUnavailable;
     const blocked = lastProduct?.productType?.toLowerCase() === "digital" || (!state.optionsUnknown && !allowed(inputId()));
-    const cartHint = !purchase.appleRoute && blocked ? unavailable : state.cartHint === unavailable ? "" : state.cartHint;
+    const cartHint = state.cartHint === offlineWriteMessage ? state.cartHint
+      : !purchase.appleRoute && blocked ? unavailable : state.cartHint === unavailable ? "" : state.cartHint;
     return {
       ...state, price: price(inputId()), ...(purchase.appleRoute ? { wasPrice: "", wasPriceEmpty: false, notOnSale: true } : {}), optionsIncomplete: derive(state).optionsIncomplete || !allowed(inputId()) || lastProduct?.productType?.toLowerCase() === "digital",
       cartHint, noCartHint: !cartHint || state.added, addDisabled: state.addDisabled || blocked,
       cartHidden: purchase.appleRoute,
-      buyHidden: !purchase.appleRoute || purchase.accessReady, buyLabel: purchase.buyLabel, buyDisabled: purchase.buyDisabled, buyNote: purchase.buyNote,
+      buyHidden: !purchase.appleRoute || purchase.accessReady, buyLabel: purchase.buyLabel, buyDisabled: purchase.buyDisabled,
+      buyNote: state.buyNote === offlineWriteMessage ? state.buyNote : purchase.buyNote,
       purchasedNote: purchase.accessReady ? copyParam("product.purchasedText", "Purchased") : "",
     };
   },
@@ -848,11 +853,11 @@ const svc = defineService<S, {
       const sale = lastProduct ? productSale(lastProduct) : { wasPrice: "" };
       const swatches = s.optionGroups.flatMap(g => g.kind === "color" ? g.choices.map(c => c.colorCode).filter(Boolean) : []).slice(0, 5);
       const line: DbEntity = { id: variantKey ? `line-${id}-${variantKey}` : `line-${id}`, productId: id, name: s.name || "product", title: s.name || "product", subtitle: chosen ? `${chosen} · Qty ${quantity}` : `Qty ${quantity}`, quantity: String(quantity), image: s.image, unitPrice, wasPrice: sale.wasPrice, swatches, total: optimisticLineTotal(unitPrice, quantity), hasImage: !!s.image, noImage: !s.image };
-      await cartPut(line);
+      if (!offlineWritesEnabled) await cartPut(line);
       try {
         await addToCurrentCart(id, quantity, cartOptions);
       } catch (e) {
-        if (isBridgeUnavailable(e)) {
+        if (!offlineWritesEnabled && isBridgeUnavailable(e)) {
           // Offline / no bridge: the optimistic cache line already shows; queue the
           // add to replay (WriteQueue, idempotent) when connectivity returns.
           await queueWrite("tier5.himiStoreProduct.addToCart", { id, ...(cartOptions ? { options: JSON.stringify(cartOptions) } : {}) });
@@ -861,6 +866,7 @@ const svc = defineService<S, {
         // Roll the optimistic badge back — nothing was added.
         return derive({ ...s, adding: false, added: false, cartCount: before, cartHint: copyParam("product.cartHintFailed", "Could not add to cart. Try again.") });
       }
+      if (offlineWritesEnabled) await cartPut(line);
       // The write LANDED. The badge re-read is outside the write's try on purpose: a failed
       // count must never be mistaken for a failed add. Server count wins; else keep optimistic.
       const count = await cartItemCount().catch(() => 0);

package/templates/community-club/tier5-src/_shared/collection-service.ts

@@ -1,3 +1,4 @@
+import { withOnlineWrites } from './online-actions.js';
 import { defineService as register, type ServiceDefinition } from '@himalaya/state';
 import { COLLECTIONS, COLLECTION_CHROME_MIN_ITEMS, initialCollection, normalizeCollection, projectCollection, collectionId, collectionActionsLabel, type CollectionRow } from './collection-contract.js';
 import { localPreferences, type PreferenceRuntime } from './local-preferences.js';
@@ -331,6 +332,8 @@ export function decorateCollection(name: string, def: { state: State; actions?:
  * reducer and reads the private controller snapshot, never an SDUI payload. */
 export function defineBackendCollection<S extends object, Row extends object>(name: string, options: {
   register?: typeof register;
+  /** Explicit mutation preflight; unrelated collection services keep their current reducers. */
+  onlineWrites?: boolean;
   /** Revalidate already opened pages on navigation return; explicit refresh resets. */
   restorePagesOnLoad?: boolean;
   /** The load action's argument (onAppear params beyond `copy`), before the query runs — for a
@@ -350,7 +353,8 @@ export function defineBackendCollection<S extends object, Row extends object>(na
     controller: controller as unknown as BackendCollection['controller'],
     apply: (state, page) => options.apply(state as S, page as unknown as CollectionQueryState<Row>) as State,
   });
-  const handle = (options.register ?? register)(name, definition);
+  const registerService = options.onlineWrites ? withOnlineWrites(options.register ?? register, ['confirmCancel', 'confirmOperation', 'retryOperation', 'commitWrite'], { messageFields: ['actionMessage'] }) : (options.register ?? register);
+  const handle = registerService(name, definition);
   // Registration restored the state a cold boot saved: the page it showed is this run's, before the first load. Only
   // when the service's own rows came back with it: a bundle that keeps them out of the restore (its `notHydrated`)
   // starts its first load as before, never from rows it chose not to restore. Rows that came back empty are the

package/templates/community-club/tier5-src/_shared/online-actions.ts

@@ -0,0 +1,76 @@
+import { connectivity, defineService as register, type ServiceDefinition } from '@himalaya/state';
+
+// Template generation enables this behavior only in the selected two starter families.
+export const offlineWritesEnabled = false;
+
+export const offlineWriteMessage = 'You’re offline. Connect to save this change, then submit it again.';
+
+/** The guard runs before the reducer: entered values survive and no optimistic
+ * changes, success state, or queued writes can occur. It never submits on reconnect. */
+export function offlineWriteState<S extends object>(state: S): S {
+  const next: Record<string, unknown> = { ...state, error: offlineWriteMessage, message: offlineWriteMessage };
+  for (const key of ['saving', 'isSaving', 'submitting', 'isSubmitting', 'adding', 'added', 'bookingInFlight']) {
+    if (key in next) next[key] = false;
+  }
+  for (const key of ['savedMessage', 'successMessage']) {
+    if (key in next) next[key] = '';
+  }
+  // A saved/favourited item is business state, not a submission-success flag.
+  return next as S;
+}
+
+interface OfflineWriteOptions<S> {
+  derive?: (state: S) => S;
+  /** Exempt only non-mutating branches of a registered action. */
+  requiresConnectivity?: (action: string, state: S, argument?: unknown) => boolean;
+  messageFields?: readonly string[] | ((action: string) => readonly string[]);
+  draftFields?: readonly string[] | Readonly<Record<string, string>>;
+  secretFields?: readonly string[];
+}
+
+export function withOnlineWrites<S extends object>(registerService: typeof register, names: readonly string[], options: OfflineWriteOptions<S> = {}): typeof register {
+  if (!offlineWritesEnabled) return registerService;
+  return ((name: string, definition: ServiceDefinition<Record<string, unknown>>) => {
+    let currentState: (() => Record<string, unknown>) | undefined;
+    const handle = registerService(name, {
+      ...definition,
+      notHydrated: [...new Set([...(definition.notHydrated ?? []), ...(options.secretFields ?? [])])],
+      actions: Object.fromEntries(Object.entries(definition.actions ?? {}).map(([action, reduce]) => [action,
+        (state: Record<string, unknown>, ...args: never[]) => {
+          if (!names.includes(action)) return reduce(state, ...args);
+          if (options.requiresConnectivity?.(action, state as S, args[0]) === false) return reduce(state, ...args);
+          const fields = typeof options.messageFields === 'function' ? options.messageFields(action) : options.messageFields ?? ['message'];
+          if (connectivity().online) {
+            let cleared = false;
+            for (const field of ['error', 'message', ...fields]) {
+              if (state[field] === offlineWriteMessage) { state[field] = ''; cleared = true; }
+            }
+            // Keep the runtime's state object: reducers may mutate it and return undefined.
+            const result = reduce(state, ...args);
+            if (!cleared) return result;
+            // Publish cleared feedback even for a void reducer. An async completion must
+            // keep any newer state published by another action while it was awaiting.
+            const finish = (next: Record<string, unknown> | undefined) => next === undefined ? currentState?.() ?? state : next;
+            return result && typeof (result as Promise<unknown>).then === 'function'
+              ? Promise.resolve(result).then(finish)
+              : finish(result as Record<string, unknown> | undefined);
+          }
+          const draft = { ...state };
+          const argument = args[0] as Record<string, unknown> | undefined;
+          const draftFields = options.draftFields ?? [];
+          const entries = Array.isArray(draftFields) ? draftFields.map(key => [key, key]) : Object.entries(draftFields);
+          for (const [key, source] of entries) {
+            if (argument && key in state && typeof argument[source] === typeof state[key]) draft[key] = argument[source];
+          }
+          for (const key of options.secretFields ?? []) draft[key] = '';
+          const feedback = Object.fromEntries(fields.map(key => [key, offlineWriteMessage]));
+          let next = { ...offlineWriteState(draft), ...feedback };
+          if (options.derive) next = options.derive(next as S) as Record<string, unknown>;
+          return { ...next, ...feedback };
+        },
+      ])),
+    });
+    if (typeof handle.getState === 'function') currentState = () => handle.getState();
+    return handle;
+  }) as typeof register;
+}

package/templates/community-club/tier5-src/himi-branded-lite-feed/index.ts

@@ -1,3 +1,4 @@
+import { withOnlineWrites } from "../_shared/online-actions.js";
 // Tier-5 bundle: himi-branded-lite — community activity feed (design §4.5).
 //
 // The feed rides the Wix Groups social feed: a feed item lives in a group
@@ -9,7 +10,7 @@
 // worker's signed-in flags (the himi_group join-button pattern) and the
 // sign-in card routes to himi_account — never a dead tap.
 // Four-state (loading / error / rows / empty) like the sibling branded workers.
-import { defineService } from "@himalaya/state";
+import { defineService as registerService } from "@himalaya/state";
 import {
   createFeedItem,
   listFeedItems,
@@ -301,6 +302,7 @@ async function loadFeed(state: State): Promise<State> {
   }
 }
 
+const defineService = withOnlineWrites(registerService, ["post", "react"], { derive, draftFields: { draft: "message" } });
 const svc = defineService<State, {
   load: (state: State, arg?: unknown) => Promise<State>;
   filter: (state: State, arg?: unknown) => State;

package/templates/community-club/tier5-src/himi-branded-lite-group/index.ts

@@ -1,4 +1,5 @@
-import { defineService } from "@himalaya/state";
+import { withOnlineWrites } from "../_shared/online-actions.js";
+import { defineService as registerService } from "@himalaya/state";
 import { getGroup, joinGroup, leaveGroup, queryMembers as queryGroupMembers, type WixGroup } from "@himalaya/wix-groups";
 import { getMember } from "@himalaya/wix-members";
 import { signedInEmail } from "../_shared/himi-account";
@@ -159,6 +160,7 @@ const initial: State = {
   hideContent: true,
 };
 
+const defineService = withOnlineWrites(registerService, ["join","leave"]);
 const svc = defineService<State, {
   load: (state: State, arg?: unknown) => Promise<State>;
   join: (state: State) => Promise<State>;

package/templates/community-club/tier5-src/himi-events-detail/index.ts

@@ -1,6 +1,7 @@
 // Tier-5 bundle: himi-events — event detail.
 import { formatCurrency } from "../_shared/engine-intl.js";
-import { defineService } from "@himalaya/state";
+import { defineService as registerService } from "@himalaya/state";
+import { withOnlineWrites } from "../_shared/online-actions.js";
 import { createEvent, getPermissionStatus, requestPermission } from "@himalaya/calendar";
 import { open } from "@himalaya/open-url";
 import { share as shareSheet } from "@himalaya/share";
@@ -431,6 +432,12 @@ async function enrichRegistration(id: string, e: WixEvent): Promise<WixEvent> {
   }
 }
 
+const defineService = withOnlineWrites(registerService, ["buyApple", "openRegistration"], {
+  derive,
+  messageFields: ["actionMessage"],
+  requiresConnectivity: (action, state) => action !== "openRegistration"
+    || (state.registrationKind === "tickets" && !!state.id && !isHostedWorker()),
+});
 const svc = defineService<S, {
   load: (s: S, arg?: unknown) => Promise<S | undefined>;
   openMap: (s: S) => Promise<S>;