@officexapp/catalogs-cli 0.4.6 → 0.4.8

package/dist/index.js

@@ -321,6 +321,27 @@ function deepValidateCatalog(schema) {
   const routing = schema.routing || {};
   const edges = routing.edges || [];
   const entry = routing.entry;
+  const RESERVED_PAGE_IDS = /* @__PURE__ */ new Set([
+    "checkout",
+    "__checkout",
+    "__global",
+    "submitted",
+    "__submitted"
+  ]);
+  for (const pageId of pageIds) {
+    if (RESERVED_PAGE_IDS.has(pageId)) {
+      errors.push(
+        `page "${pageId}" uses a reserved ID. CatalogKit reserves this name for its built-in ${pageId.replace(/^_+/, "")} system. Please rename it (e.g. "${pageId}-review", "order-${pageId}")`
+      );
+    }
+    if (pageId.startsWith("__")) {
+      if (!RESERVED_PAGE_IDS.has(pageId)) {
+        warnings.push(
+          `page "${pageId}" uses a double-underscore prefix which is reserved for internal CatalogKit components`
+        );
+      }
+    }
+  }
   const KNOWN_TYPES = /* @__PURE__ */ new Set([
     // Display / layout
     "heading",
@@ -2656,6 +2677,17 @@ function buildPreviewHtml(schema, port, validation, devConfig) {
           openCart: () => setCartOpen(true),
           closeCart: () => setCartOpen(false),
           getCartItems: () => [...cartItems],
+          startCheckout: () => {
+            // Fire before_checkout listeners, then show checkout
+            let prevented = false;
+            const payload = { items: [...cartItems], preventDefault: () => { prevented = true; } };
+            const bcSet = listeners['before_checkout'];
+            if (bcSet) { for (const cb of bcSet) { try { cb(payload); } catch (e) { console.error('[CatalogKit] before_checkout error:', e); } } }
+            if (prevented) return;
+            setCartOpen(false);
+            setShowCheckout(true);
+            devEvents.emit('checkout_start', { item_count: cartItems.length });
+          },
           getGlobal: (key) => globalsRef.current[key],
           setGlobal: (key, value) => { globalsRef.current[key] = value; },
           setComponentProp: (id, prop, value) => {
@@ -3085,6 +3117,19 @@ function buildPreviewHtml(schema, port, validation, devConfig) {
         },
           // Top bar
           topBarEnabled ? h('div', { className: 'cf-topbar fixed top-[28px] left-0 right-0 z-50 border-b border-gray-200/60' },
+            // Announcement strip
+            topBar?.announcement && (topBar.announcement.text || topBar.announcement.html)
+              ? h('div', {
+                  className: 'cf-topbar-announcement text-center text-sm py-2 px-4 ' + (topBar.announcement.className || ''),
+                  style: {
+                    backgroundColor: topBar.announcement.bg_color || themeColor,
+                    color: topBar.announcement.text_color || '#ffffff',
+                    ...(topBar.announcement.style || {}),
+                  },
+                  ...(topBar.announcement.html ? { dangerouslySetInnerHTML: { __html: topBar.announcement.html } } : {}),
+                }, topBar.announcement.html ? undefined : topBar.announcement.text)
+              : null,
+            // Nav row
             h('div', { className: 'relative flex items-center justify-center px-4 py-3 min-h-[48px]' },
               history.length > 0 ? h('button', {
                 className: 'absolute left-3 top-1/2 -translate-y-1/2 w-9 h-9 flex items-center justify-center rounded-xl text-gray-400 hover:text-gray-700 hover:bg-gray-100/80 transition-all',
@@ -3094,8 +3139,18 @@ function buildPreviewHtml(schema, port, validation, devConfig) {
                   h('path', { strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M15.75 19.5L8.25 12l7.5-7.5' })
                 )
               ) : null,
-              topBar?.title ? h('span', { className: 'text-sm font-medium text-gray-700' }, topBar.title) : null,
-              progressSteps ? h(Stepper, { steps: progressSteps, currentPageId, themeColor }) : null,
+              topBar?.custom_html
+                ? h('div', { dangerouslySetInnerHTML: { __html: topBar.custom_html } })
+                : h(React.Fragment, null,
+                    topBar?.title ? h('span', { className: 'text-sm text-gray-700 ' + (
+                      topBar.title_weight === 'light' ? 'font-light' :
+                      topBar.title_weight === 'normal' ? 'font-normal' :
+                      topBar.title_weight === 'semibold' ? 'font-semibold' :
+                      topBar.title_weight === 'bold' ? 'font-bold' :
+                      'font-medium'
+                    ) }, topBar.title) : null,
+                    progressSteps ? h(Stepper, { steps: progressSteps, currentPageId, themeColor }) : null,
+                  ),
             )
           ) : null,
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@officexapp/catalogs-cli",
-  "version": "0.4.6",
+  "version": "0.4.8",
   "description": "CLI for Catalog Kit — upload videos, push catalogs, manage assets",
   "type": "module",
   "bin": {