@retailcrm/embed-ui-v1-testing 0.4.5

package/README.md

@@ -0,0 +1,16 @@
+# `@retailcrm/embed-ui-v1-testing`
+
+Утилиты для упрощения тестирования логики JS-расширений RetailCRM
+
+## Установка
+
+npm:
+
+```bash
+npm i --save-dev @retailcrm/embed-ui-v1-testing
+```
+
+yarn:
+```bash
+yarn add -D @retailcrm/embed-ui-v1-testing
+```

package/lib/createHandler.ts

@@ -0,0 +1,33 @@
+import type {
+  ContextSchema,
+  EventHandler,
+  EventMap,
+  TypeOf,
+  FieldGetters,
+} from '@retailcrm/embed-ui-v1-types/context'
+
+import { retain } from '@remote-ui/rpc'
+import { watch } from 'vue'
+
+const keysOf = <T extends object>(o: T): (keyof T)[] => Object.keys(o) as (keyof T)[]
+
+export const createHandler = <S extends ContextSchema>(id: string, getters: FieldGetters<S>) => {
+  type EventName = keyof EventMap<S>
+  type FieldName = keyof S
+
+  const map = keysOf(getters).reduce((eventMap, field) => {
+    eventMap[`change:${String(field)}` as EventName] = field as EventMap<S>[EventName]
+
+    return eventMap
+  }, {} as EventMap<S>)
+
+  return <E extends keyof EventMap<S>>(event: E, handler: EventHandler<S, E>) => {
+    if (!(event in map)) {
+      throw new Error(`[crm:embed:host] Event ${String(event)} is not supported in context ${id}`)
+    }
+
+    retain(handler)
+
+    watch(getters[map[event] as FieldName], handler as (payload: TypeOf<S[FieldName]>) => void)
+  }
+}

package/lib/rpc.ts

@@ -0,0 +1,93 @@
+class MessagePortPolyfill implements MessagePort {
+  onmessageerror: EventListener | null = null
+
+  otherPort!: MessagePortPolyfill
+  private listeners = new Set<EventListener>()
+
+  // MessagePort does not send messages unless it is started via start() or attaching .onmessage
+  // https://developer.mozilla.org/en-US/docs/Web/API/MessagePort/start
+  private started = false
+  private _onmessage: EventListener | null = null
+
+  // If the port is not yet started, messages will be queued for sending.
+  private eventQueue: Event[] = []
+
+  get onmessage() {
+    return this._onmessage
+  }
+
+  set onmessage(listener: EventListener | null) {
+    // setting onmessage will start the port, even if the listener is null.
+    this._onmessage = listener
+    this.start()
+  }
+
+  dispatchEvent(event: Event) {
+    if (!this.started) {
+      this.eventQueue.push(event)
+      return true
+    }
+
+    if (this._onmessage) {
+      this._onmessage(event)
+    }
+
+    for (const listener of this.listeners) {
+      listener(event)
+    }
+
+    return true
+  }
+
+  postMessage(message: unknown) {
+    if (!this.otherPort) {
+      return
+    }
+
+    this.otherPort.dispatchEvent({ data: message } as unknown as Event)
+  }
+
+  addEventListener(type: string, listener: EventListener) {
+    if (type !== 'message') {
+      return
+    }
+
+    this.listeners.add(listener)
+  }
+
+  removeEventListener(type: string, listener: EventListener) {
+    if (type !== 'message') {
+      return
+    }
+
+    this.listeners.delete(listener)
+  }
+
+  start() {
+    this.started = true
+    while (this.eventQueue.length > 0) {
+      const event = this.eventQueue.shift()
+      if (event) {
+        this.dispatchEvent(event)
+      }
+    }
+  }
+
+  close() {
+    this.started = false
+  }
+}
+
+class MessageChannelPolyfill implements MessageChannel {
+  readonly port1: MessagePortPolyfill
+  readonly port2: MessagePortPolyfill
+
+  constructor() {
+    this.port1 = new MessagePortPolyfill()
+    this.port2 = new MessagePortPolyfill()
+    this.port1.otherPort = this.port2
+    this.port2.otherPort = this.port1
+  }
+}
+
+export { MessageChannelPolyfill as MessageChannel }

package/package.json

@@ -0,0 +1,20 @@
+{
+  "name": "@retailcrm/embed-ui-v1-testing",
+  "type": "module",
+  "version": "0.4.5",
+  "license": "MIT",
+  "author": "RetailDriverLLC <integration@retailcrm.ru>",
+  "repository": "git@github.com:retailcrm/embed-ui.git",
+  "exports": {
+    ".": null,
+    "./*": "./*"
+  },
+  "peerDependencies": {
+    "@omnicajs/vue-remote": "^0.2.3",
+    "@remote-ui/rpc": "^1.4.5",
+    "vue": "^3.5"
+  },
+  "dependencies": {
+    "@retailcrm/embed-ui-v1-types": "^0.4.5"
+  }
+}