@final-commerce/command-frame 0.1.16 → 0.1.17

package/dist/pubsub/subscriber.js

@@ -2,28 +2,64 @@
  * Topic Subscriber for iframe communication
  * Manages subscriptions to topics and receives events from the host window
  */
+import { mockSubscribeToTopic } from "../demo/database";
 export class TopicSubscriber {
     constructor(options = {}) {
         this.subscriptions = new Map();
         this.topics = [];
         this.subscriptionIdCounter = 0;
+        this.mockMode = false;
         this.origin = options.origin || "*";
         this.debug = options.debug ?? false;
         this.useGlobalDebug = options.debug === undefined;
+        // Detect standalone mode (no parent iframe)
+        if (typeof window !== 'undefined' && (!window.parent || window.parent === window)) {
+            this.mockMode = true;
+            if (this.isDebugEnabled()) {
+                console.log("[TopicSubscriber] Mock Mode enabled (standalone mode detected)");
+            }
+        }
         // Store bound handler for cleanup
         this.boundHandleMessage = this.handleMessage.bind(this);
         if (typeof window !== "undefined") {
             window.addEventListener("message", this.boundHandleMessage);
         }
-        // Request topics list on initialization
-        this.requestTopics();
+        // Initialize connection detection
+        if (!this.mockMode) {
+            this.initDetection();
+            this.requestTopics();
+        }
         if (this.isDebugEnabled()) {
             console.log("[TopicSubscriber] Initialized", {
                 origin: this.origin,
-                debug: this.isDebugEnabled()
+                debug: this.isDebugEnabled(),
+                mockMode: this.mockMode
             });
         }
     }
+    initDetection() {
+        // If we don't receive any message from parent within 2 seconds, switch to mock mode
+        this.detectionTimeout = setTimeout(() => {
+            if (this.isDebugEnabled()) {
+                console.warn("[TopicSubscriber] Connection timeout. Switching to Mock Mode.");
+            }
+            this.switchToMockMode();
+        }, 2000);
+    }
+    switchToMockMode() {
+        if (this.mockMode)
+            return;
+        this.mockMode = true;
+        // Migrate existing subscriptions to mock system
+        this.subscriptions.forEach((subs, topic) => {
+            subs.forEach(sub => {
+                if (this.isDebugEnabled()) {
+                    console.log("[TopicSubscriber] Migrating subscription to mock system", { topic, id: sub.id });
+                }
+                mockSubscribeToTopic(topic, sub.callback);
+            });
+        });
+    }
     isDebugEnabled() {
         if (!this.useGlobalDebug) {
             return this.debug;
@@ -60,12 +96,19 @@ export class TopicSubscriber {
             callback: callback
         };
         this.subscriptions.get(topic).push(subscription);
-        // Notify host about the subscription
-        this.notifySubscription(topic, true);
+        // In mock mode, also register with the mock event system
+        if (this.mockMode) {
+            mockSubscribeToTopic(topic, callback);
+        }
+        else {
+            // Notify host about the subscription (only in real mode)
+            this.notifySubscription(topic, true);
+        }
         if (this.isDebugEnabled()) {
             console.log("[TopicSubscriber] Subscribed to topic", {
                 topic,
                 subscriptionId,
+                mockMode: this.mockMode,
                 totalSubscriptions: this.subscriptions.get(topic).length
             });
         }
@@ -160,6 +203,11 @@ export class TopicSubscriber {
             return;
         }
         const data = event.data;
+        // Clear detection timeout on first valid message from parent
+        if (this.detectionTimeout && data && (data.type === "pubsub-event" || data.type === "pubsub-topics-list")) {
+            clearTimeout(this.detectionTimeout);
+            this.detectionTimeout = undefined;
+        }
         // Handle topic event
         if (data && data.type === "pubsub-event") {
             const eventMessage = data;

package/dist/pubsub/topics/types.d.ts

@@ -0,0 +1,14 @@
+import { CustomersEventType, CustomersEventPayload } from "./customers/types";
+import { OrdersEventType, OrdersEventPayload } from "./orders/types";
+import { RefundsEventType, RefundsEventPayload } from "./refunds/types";
+import { ProductsEventType, ProductsEventPayload } from "./products/types";
+import { CartEventType, CartEventPayload } from "./cart/types";
+import { PaymentsEventType, PaymentsEventPayload } from "./payments/types";
+export interface TopicEventPayloadMap {
+    customers: Record<CustomersEventType, CustomersEventPayload>;
+    orders: Record<OrdersEventType, OrdersEventPayload>;
+    refunds: Record<RefundsEventType, RefundsEventPayload>;
+    products: Record<ProductsEventType, ProductsEventPayload>;
+    cart: Record<CartEventType, CartEventPayload>;
+    payments: Record<PaymentsEventType, PaymentsEventPayload>;
+}

package/dist/pubsub/topics/types.js

@@ -0,0 +1 @@
+export {};

package/dist/pubsub/types.d.ts

@@ -40,3 +40,12 @@ export interface TopicSubscription {
     topic: string;
     callback: TopicSubscriptionCallback;
 }
+export interface TopicRegistration {
+    definition: TopicDefinition;
+    subscribers: {
+        iframeWindow: Window;
+        topic: string;
+        subscribedAt: number;
+        subscriptionCount: number;
+    }[];
+}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@final-commerce/command-frame",
-    "version": "0.1.16",
+    "version": "0.1.17",
     "description": "Commands Frame library",
     "main": "dist/index.js",
     "types": "dist/index.d.ts",

package/dist/demo/registry.d.ts

@@ -1,5 +0,0 @@
-import { command } from "../index";
-type MockHandler = (params?: any) => Promise<any>;
-export type CommandName = keyof typeof command;
-export declare const MOCK_REGISTRY: Record<CommandName, MockHandler>;
-export {};

package/dist/demo/registry.js

@@ -1,94 +0,0 @@
-import { mockAddCartDiscount } from "../actions/add-cart-discount/mock";
-import { mockAddCartFee } from "../actions/add-cart-fee/mock";
-import { mockAddCustomSale } from "../actions/add-custom-sale/mock";
-import { mockAddCustomer } from "../actions/add-customer/mock";
-import { mockAddCustomerNote } from "../actions/add-customer-note/mock";
-import { mockAddOrderNote } from "../actions/add-order-note/mock";
-import { mockAddProductDiscount } from "../actions/add-product-discount/mock";
-import { mockAddProductFee } from "../actions/add-product-fee/mock";
-import { mockAddProductNote } from "../actions/add-product-note/mock";
-import { mockAddProductToCart } from "../actions/add-product-to-cart/mock";
-import { mockAdjustInventory } from "../actions/adjust-inventory/mock";
-import { mockAssignCustomer } from "../actions/assign-customer/mock";
-import { mockAuthenticateUser } from "../actions/authenticate-user/mock";
-import { mockCalculateRefundTotal } from "../actions/calculate-refund-total/mock";
-import { mockCashPayment } from "../actions/cash-payment/mock";
-import { mockClearCart } from "../actions/clear-cart/mock";
-import { mockDeleteParkedOrder } from "../actions/delete-parked-order/mock";
-import { mockExampleFunction } from "../actions/example-function/mock";
-import { mockGetCategories } from "../actions/get-categories/mock";
-import { mockGetContext } from "../actions/get-context/mock";
-import { mockGetCurrentCart } from "../actions/get-current-cart/mock";
-import { mockGetCustomers } from "../actions/get-customers/mock";
-import { mockGetOrders } from "../actions/get-orders/mock";
-import { mockGetProducts } from "../actions/get-products/mock";
-import { mockGetRefunds } from "../actions/get-refunds/mock";
-import { mockGetRemainingRefundableQuantities } from "../actions/get-remaining-refundable-quantities/mock";
-import { mockGoToStationHome } from "../actions/go-to-station-home/mock";
-import { mockInitiateRefund } from "../actions/initiate-refund/mock";
-import { mockOpenCashDrawer } from "../actions/open-cash-drawer/mock";
-import { mockParkOrder } from "../actions/park-order/mock";
-import { mockPartialPayment } from "../actions/partial-payment/mock";
-import { mockProcessPartialRefund } from "../actions/process-partial-refund/mock";
-import { mockRemoveCustomerFromCart } from "../actions/remove-customer-from-cart/mock";
-import { mockResetRefundDetails } from "../actions/reset-refund-details/mock";
-import { mockResumeParkedOrder } from "../actions/resume-parked-order/mock";
-import { mockSelectAllRefundItems } from "../actions/select-all-refund-items/mock";
-import { mockSetRefundStockAction } from "../actions/set-refund-stock-action/mock";
-import { mockShowConfirmation } from "../actions/show-confirmation/mock";
-import { mockShowNotification } from "../actions/show-notification/mock";
-import { mockSwitchUser } from "../actions/switch-user/mock";
-import { mockTapToPayPayment } from "../actions/tap-to-pay-payment/mock";
-import { mockTerminalPayment } from "../actions/terminal-payment/mock";
-import { mockTriggerWebhook } from "../actions/trigger-webhook/mock";
-import { mockTriggerZapierWebhook } from "../actions/trigger-zapier-webhook/mock";
-import { mockVendaraPayment } from "../actions/vendara-payment/mock";
-import { mockGetFinalContext } from "../actions/get-final-context/mock";
-export const MOCK_REGISTRY = {
-    "addCartDiscount": mockAddCartDiscount,
-    "addCartFee": mockAddCartFee,
-    "addCustomSale": mockAddCustomSale,
-    "addCustomer": mockAddCustomer,
-    "addCustomerNote": mockAddCustomerNote,
-    "addOrderNote": mockAddOrderNote,
-    "addProductDiscount": mockAddProductDiscount,
-    "addProductFee": mockAddProductFee,
-    "addProductNote": mockAddProductNote,
-    "addProductToCart": mockAddProductToCart,
-    "adjustInventory": mockAdjustInventory,
-    "assignCustomer": mockAssignCustomer,
-    "authenticateUser": mockAuthenticateUser,
-    "calculateRefundTotal": mockCalculateRefundTotal,
-    "cashPayment": mockCashPayment,
-    "clearCart": mockClearCart,
-    "deleteParkedOrder": mockDeleteParkedOrder,
-    "exampleFunction": mockExampleFunction,
-    "getCategories": mockGetCategories,
-    "getContext": mockGetContext,
-    "getCurrentCart": mockGetCurrentCart,
-    "getCustomers": mockGetCustomers,
-    "getOrders": mockGetOrders,
-    "getProducts": mockGetProducts,
-    "getRefunds": mockGetRefunds,
-    "getRemainingRefundableQuantities": mockGetRemainingRefundableQuantities,
-    "goToStationHome": mockGoToStationHome,
-    "initiateRefund": mockInitiateRefund,
-    "openCashDrawer": mockOpenCashDrawer,
-    "parkOrder": mockParkOrder,
-    "partialPayment": mockPartialPayment,
-    "processPartialRefund": mockProcessPartialRefund,
-    "removeCustomerFromCart": mockRemoveCustomerFromCart,
-    "resetRefundDetails": mockResetRefundDetails,
-    "resumeParkedOrder": mockResumeParkedOrder,
-    "selectAllRefundItems": mockSelectAllRefundItems,
-    "setRefundStockAction": mockSetRefundStockAction,
-    "showConfirmation": mockShowConfirmation,
-    "showNotification": mockShowNotification,
-    "switchUser": mockSwitchUser,
-    "tapToPayPayment": mockTapToPayPayment,
-    "terminalPayment": mockTerminalPayment,
-    "triggerWebhook": mockTriggerWebhook,
-    "triggerZapierWebhook": mockTriggerZapierWebhook,
-    "vendaraPayment": mockVendaraPayment,
-    "getFinalContext": mockGetFinalContext,
-};