@open-mercato/ui 0.6.3-develop.3562.1.71049275ff → 0.6.3-develop.3574.1.f3c5dcf345

package/dist/backend/injection/useAppEvent.js

@@ -1,14 +1,9 @@
 "use client";
 import { useEffect, useRef } from "react";
+import { matchWildcardPattern } from "@open-mercato/shared/lib/patterns/wildcard";
 const APP_EVENT_DOM_NAME = "om:event";
 function matchesPattern(pattern, eventId) {
-  if (pattern === "*") return true;
-  if (!pattern.includes("*")) return pattern === eventId;
-  const escapedPattern = pattern.replace(/[|\\{}()[\]^$+?.]/g, "\\$&").replace(/\*/g, ".*");
-  const regex = new RegExp(
-    "^" + escapedPattern + "$"
-  );
-  return regex.test(eventId);
+  return matchWildcardPattern(eventId, pattern);
 }
 function useAppEvent(eventPattern, handler, deps = []) {
   const handlerRef = useRef(handler);

package/dist/backend/injection/useAppEvent.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/backend/injection/useAppEvent.ts"],
-  "sourcesContent": ["\"use client\"\nimport { useEffect, useRef } from 'react'\nimport type { AppEventPayload } from '@open-mercato/shared/modules/widgets/injection'\n\n/**\n * DOM Event Bridge event name.\n * Server-side events with `clientBroadcast: true` are dispatched as\n * CustomEvents with this name on the window object.\n */\nexport const APP_EVENT_DOM_NAME = 'om:event'\n\n/**\n * Match an event ID against a wildcard pattern.\n *\n * Supports:\n * - Exact match: `'example.todo.created'`\n * - Wildcard suffix: `'example.todo.*'` matches `'example.todo.created'`, `'example.todo.updated'`\n * - Global wildcard: `'*'` matches everything\n *\n * @example\n * matchesPattern('example.todo.*', 'example.todo.created') // true\n * matchesPattern('example.todo.*', 'example.item.created') // false\n * matchesPattern('*', 'anything.here') // true\n */\nexport function matchesPattern(pattern: string, eventId: string): boolean {\n  if (pattern === '*') return true\n  if (!pattern.includes('*')) return pattern === eventId\n  const escapedPattern = pattern\n    .replace(/[|\\\\{}()[\\]^$+?.]/g, '\\\\$&')\n    .replace(/\\*/g, '.*')\n  const regex = new RegExp(\n    '^' + escapedPattern + '$',\n  )\n  return regex.test(eventId)\n}\n\n/**\n * React hook that listens for app events delivered via the DOM Event Bridge.\n *\n * Events are dispatched as `om:event` CustomEvents on `window` by the event bridge\n * (see `eventBridge.ts`). This hook filters events by pattern and calls the handler.\n *\n * @param eventPattern - Pattern to match event IDs against (e.g., 'example.todo.*')\n * @param handler - Callback invoked when a matching event arrives\n * @param deps - Optional dependency array for the handler (defaults to [])\n *\n * @example\n * useAppEvent('example.todo.*', (event) => {\n *   console.log('Todo event:', event.id, event.payload)\n *   setRefreshKey(k => k + 1)\n * })\n */\nexport function useAppEvent(\n  eventPattern: string,\n  handler: (payload: AppEventPayload) => void,\n  deps: unknown[] = [],\n): void {\n  const handlerRef = useRef(handler)\n  handlerRef.current = handler\n\n  useEffect(() => {\n    const listener = (e: Event) => {\n      const detail = (e as CustomEvent<AppEventPayload>).detail\n      if (!detail || typeof detail.id !== 'string') return\n      if (matchesPattern(eventPattern, detail.id)) {\n        handlerRef.current(detail)\n      }\n    }\n\n    window.addEventListener(APP_EVENT_DOM_NAME, listener)\n    return () => {\n      window.removeEventListener(APP_EVENT_DOM_NAME, listener)\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [eventPattern, ...deps])\n}\n"],
-  "mappings": ";AACA,SAAS,WAAW,cAAc;AAQ3B,MAAM,qBAAqB;AAe3B,SAAS,eAAe,SAAiB,SAA0B;AACxE,MAAI,YAAY,IAAK,QAAO;AAC5B,MAAI,CAAC,QAAQ,SAAS,GAAG,EAAG,QAAO,YAAY;AAC/C,QAAM,iBAAiB,QACpB,QAAQ,sBAAsB,MAAM,EACpC,QAAQ,OAAO,IAAI;AACtB,QAAM,QAAQ,IAAI;AAAA,IAChB,MAAM,iBAAiB;AAAA,EACzB;AACA,SAAO,MAAM,KAAK,OAAO;AAC3B;AAkBO,SAAS,YACd,cACA,SACA,OAAkB,CAAC,GACb;AACN,QAAM,aAAa,OAAO,OAAO;AACjC,aAAW,UAAU;AAErB,YAAU,MAAM;AACd,UAAM,WAAW,CAAC,MAAa;AAC7B,YAAM,SAAU,EAAmC;AACnD,UAAI,CAAC,UAAU,OAAO,OAAO,OAAO,SAAU;AAC9C,UAAI,eAAe,cAAc,OAAO,EAAE,GAAG;AAC3C,mBAAW,QAAQ,MAAM;AAAA,MAC3B;AAAA,IACF;AAEA,WAAO,iBAAiB,oBAAoB,QAAQ;AACpD,WAAO,MAAM;AACX,aAAO,oBAAoB,oBAAoB,QAAQ;AAAA,IACzD;AAAA,EAEF,GAAG,CAAC,cAAc,GAAG,IAAI,CAAC;AAC5B;",
+  "sourcesContent": ["\"use client\"\nimport { useEffect, useRef } from 'react'\nimport type { AppEventPayload } from '@open-mercato/shared/modules/widgets/injection'\nimport { matchWildcardPattern } from '@open-mercato/shared/lib/patterns/wildcard'\n\n/**\n * DOM Event Bridge event name.\n * Server-side events with `clientBroadcast: true` are dispatched as\n * CustomEvents with this name on the window object.\n */\nexport const APP_EVENT_DOM_NAME = 'om:event'\n\n/**\n * Match an event ID against a wildcard pattern.\n *\n * Supports:\n * - Exact match: `'example.todo.created'`\n * - Wildcard suffix: `'example.todo.*'` matches `'example.todo.created'`, `'example.todo.updated'`\n * - Global wildcard: `'*'` matches everything\n *\n * @example\n * matchesPattern('example.todo.*', 'example.todo.created') // true\n * matchesPattern('example.todo.*', 'example.item.created') // false\n * matchesPattern('*', 'anything.here') // true\n */\nexport function matchesPattern(pattern: string, eventId: string): boolean {\n  return matchWildcardPattern(eventId, pattern)\n}\n\n/**\n * React hook that listens for app events delivered via the DOM Event Bridge.\n *\n * Events are dispatched as `om:event` CustomEvents on `window` by the event bridge\n * (see `eventBridge.ts`). This hook filters events by pattern and calls the handler.\n *\n * @param eventPattern - Pattern to match event IDs against (e.g., 'example.todo.*')\n * @param handler - Callback invoked when a matching event arrives\n * @param deps - Optional dependency array for the handler (defaults to [])\n *\n * @example\n * useAppEvent('example.todo.*', (event) => {\n *   console.log('Todo event:', event.id, event.payload)\n *   setRefreshKey(k => k + 1)\n * })\n */\nexport function useAppEvent(\n  eventPattern: string,\n  handler: (payload: AppEventPayload) => void,\n  deps: unknown[] = [],\n): void {\n  const handlerRef = useRef(handler)\n  handlerRef.current = handler\n\n  useEffect(() => {\n    const listener = (e: Event) => {\n      const detail = (e as CustomEvent<AppEventPayload>).detail\n      if (!detail || typeof detail.id !== 'string') return\n      if (matchesPattern(eventPattern, detail.id)) {\n        handlerRef.current(detail)\n      }\n    }\n\n    window.addEventListener(APP_EVENT_DOM_NAME, listener)\n    return () => {\n      window.removeEventListener(APP_EVENT_DOM_NAME, listener)\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [eventPattern, ...deps])\n}\n"],
+  "mappings": ";AACA,SAAS,WAAW,cAAc;AAElC,SAAS,4BAA4B;AAO9B,MAAM,qBAAqB;AAe3B,SAAS,eAAe,SAAiB,SAA0B;AACxE,SAAO,qBAAqB,SAAS,OAAO;AAC9C;AAkBO,SAAS,YACd,cACA,SACA,OAAkB,CAAC,GACb;AACN,QAAM,aAAa,OAAO,OAAO;AACjC,aAAW,UAAU;AAErB,YAAU,MAAM;AACd,UAAM,WAAW,CAAC,MAAa;AAC7B,YAAM,SAAU,EAAmC;AACnD,UAAI,CAAC,UAAU,OAAO,OAAO,OAAO,SAAU;AAC9C,UAAI,eAAe,cAAc,OAAO,EAAE,GAAG;AAC3C,mBAAW,QAAQ,MAAM;AAAA,MAC3B;AAAA,IACF;AAEA,WAAO,iBAAiB,oBAAoB,QAAQ;AACpD,WAAO,MAAM;AACX,aAAO,oBAAoB,oBAAoB,QAAQ;AAAA,IACzD;AAAA,EAEF,GAAG,CAAC,cAAc,GAAG,IAAI,CAAC;AAC5B;",
   "names": []
 }

package/jest.config.cjs

@@ -1,6 +1,7 @@
 /** @type {import('jest').Config} */
 module.exports = {
   testEnvironment: 'jsdom',
+  testTimeout: 30000,
   watchman: false,
   rootDir: '.',
   maxWorkers: 4,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@open-mercato/ui",
-  "version": "0.6.3-develop.3562.1.71049275ff",
+  "version": "0.6.3-develop.3574.1.f3c5dcf345",
   "type": "module",
   "main": "./dist/index.js",
   "scripts": {
@@ -141,13 +141,13 @@
     "remark-gfm": "^4.0.1"
   },
   "peerDependencies": {
-    "@open-mercato/shared": "0.6.3-develop.3562.1.71049275ff",
+    "@open-mercato/shared": "0.6.3-develop.3574.1.f3c5dcf345",
     "react": ">=18.0.0",
     "react-dom": ">=18.0.0",
     "react-is": ">=18.0.0"
   },
   "devDependencies": {
-    "@open-mercato/shared": "0.6.3-develop.3562.1.71049275ff",
+    "@open-mercato/shared": "0.6.3-develop.3574.1.f3c5dcf345",
     "@testing-library/dom": "^10.4.1",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.1",

package/src/ai/__tests__/AiAssistantLauncher.test.tsx

@@ -54,5 +54,5 @@ describe('<AiAssistantLauncher>', () => {
 
     expect(await screen.findByRole('dialog', { name: 'AI assistants' })).toBeInTheDocument()
     expect(screen.getByText('Catalog Assistant')).toBeInTheDocument()
-  })
+  }, 60_000)
 })

package/src/ai/__tests__/AiChat.test.tsx

@@ -293,7 +293,7 @@ describe('<AiChat>', () => {
     expect(parsedUrl.searchParams.get('agent')).toBe('customers.deal_analyzer')
     expect(parsedUrl.searchParams.has('provider')).toBe(false)
     expect(parsedUrl.searchParams.has('model')).toBe(false)
-  }, 15000)
+  }, 15_000)
 
   it('renders a compact footer before a constrained host is measured', async () => {
     const apiCallMock = apiCall as unknown as jest.Mock

package/src/backend/__tests__/AppShell.test.tsx

@@ -600,7 +600,7 @@ describe('AppShell', () => {
 
       await waitFor(() => {
         expect(screen.getByText('Pay Links')).toBeInTheDocument()
-      })
+      }, { timeout: 10_000 })
 
       const link = screen.getByRole('link', { name: 'Pay Links' })
       expect(link.querySelector('svg.lucide-ticket')).toBeTruthy()

package/src/backend/__tests__/SidebarCustomizationEditor.test.tsx

@@ -55,6 +55,13 @@ jest.mock('../injection/mutationEvents', () => ({
   dispatchBackendMutationError: jest.fn(),
 }))
 
+jest.mock('../injection/useGuardedMutation', () => ({
+  useGuardedMutation: () => ({
+    runMutation: async ({ operation }: { operation: () => Promise<unknown> }) => operation(),
+    retryLastMutation: jest.fn(async () => false),
+  }),
+}))
+
 const fakeGroups = [
   {
     id: 'core',
@@ -218,7 +225,7 @@ describe('SidebarCustomizationEditor', () => {
     expect(screen.getByRole('dialog')).toBeInTheDocument()
 
     expect(screen.getAllByText(duplicateMessage)).toHaveLength(1)
-  })
+  }, 15_000)
 
   it('clears the inline dialog error when the user edits the name', async () => {
     const duplicateMessage = 'A variant with this name already exists. Choose a different name.'

package/src/backend/injection/__tests__/useAppEvent.test.ts

@@ -0,0 +1,16 @@
+import { matchesPattern } from '../useAppEvent'
+
+describe('matchesPattern', () => {
+  it('matches DOM event wildcard patterns without regex execution', () => {
+    expect(matchesPattern('*', 'customers.person.created')).toBe(true)
+    expect(matchesPattern('customers.person.*', 'customers.person.created')).toBe(true)
+    expect(matchesPattern('customers.*.created', 'customers.person.created')).toBe(true)
+    expect(matchesPattern('sales.*', 'customers.person.created')).toBe(false)
+  })
+
+  it('treats regex metacharacters as literal event characters', () => {
+    expect(matchesPattern('customers.(person).*', 'customers.(person).created')).toBe(true)
+    expect(matchesPattern('customers.+.*', 'customers.person.created')).toBe(false)
+  })
+})
+

package/src/backend/injection/useAppEvent.ts

@@ -1,6 +1,7 @@
 "use client"
 import { useEffect, useRef } from 'react'
 import type { AppEventPayload } from '@open-mercato/shared/modules/widgets/injection'
+import { matchWildcardPattern } from '@open-mercato/shared/lib/patterns/wildcard'
 
 /**
  * DOM Event Bridge event name.
@@ -23,15 +24,7 @@ export const APP_EVENT_DOM_NAME = 'om:event'
  * matchesPattern('*', 'anything.here') // true
  */
 export function matchesPattern(pattern: string, eventId: string): boolean {
-  if (pattern === '*') return true
-  if (!pattern.includes('*')) return pattern === eventId
-  const escapedPattern = pattern
-    .replace(/[|\\{}()[\]^$+?.]/g, '\\$&')
-    .replace(/\*/g, '.*')
-  const regex = new RegExp(
-    '^' + escapedPattern + '$',
-  )
-  return regex.test(eventId)
+  return matchWildcardPattern(eventId, pattern)
 }
 
 /**