@overlaysymphony/core 0.2.0 → 0.2.1

package/package.json

@@ -1,11 +1,12 @@
 {
   "name": "@overlaysymphony/core",
-  "version": "0.2.0",
+  "version": "0.2.1",
   "description": "Core module for the OverlaySymphony interactive streaming framework.",
   "homepage": "https://github.com/OverlaySymphony/overlaysymphony",
   "type": "module",
   "exports": {
     "./libs/*": "./src/libs/*/index.ts",
+    "./ui/*": "./src/ui/*.ts",
     "./package.json": "./package.json"
   },
   "devDependencies": {
@@ -14,6 +15,7 @@
     "eslint": "^9.19.0",
     "prettier": "^3.4.2",
     "typescript": "^5.7.2",
+    "vite": "^6.2.1",
     "vitest": "^2.1.2",
     "@overlaysymphony/tooling": "0.0.0"
   },
@@ -24,8 +26,6 @@
     "lint-prettier": "prettier --check .",
     "lint-depcheck": "depcheck .",
     "test": "vitest",
-    "dev": "echo TODO",
-    "clean": "rm -rf node_modules/.cache tsconfig.tsbuildinfo dist",
-    "build": "echo TODO"
+    "clean": "rm -rf node_modules/.cache tsconfig.tsbuildinfo"
   }
 }

package/src/libs/broadcast/index.ts

@@ -1 +1 @@
-export { default } from "./broadcast.js"
+export { default } from "./broadcast.ts"

package/src/libs/defer/defer.ts

@@ -1,14 +1,15 @@
 export default function createDefer<Data = void>(): {
   promise: Promise<Data>
   resolve: (value: Data) => void
-  reject: (reason?: string) => void
+  reject: (error?: string | Error) => void
 } {
   let resolve: ((value: Data) => void) | undefined = undefined
-  let reject: ((reason?: string) => void) | undefined = undefined
+  let reject: ((error?: string | Error) => void) | undefined = undefined
 
   const promise = new Promise<Data>((resolve_, reject_) => {
     resolve = resolve_
-    reject = reject_
+    reject = (error) =>
+      reject_(error instanceof Error ? error : new Error(error))
   })
 
   return {

package/src/libs/defer/index.ts

@@ -1 +1 @@
-export { default } from "./defer.js"
+export { default } from "./defer.ts"

package/src/libs/events/events.ts

@@ -0,0 +1,57 @@
+import createPubSub, { type PubSub } from "../pubsub/index.ts"
+
+type EventSubSubscriber<Payload extends { type: string }> = <
+  Type extends Payload["type"],
+>(
+  types: Type[],
+  callback: (event: Extract<Payload, { type: Type }>) => void,
+) => () => void
+
+export type Events<Payload extends { type: string }> = {
+  on: EventSubSubscriber<Payload>
+}
+
+export default async function createEvents<
+  Payload extends { type: string },
+  ConnectData,
+>(
+  connect: (pubsub: PubSub<Payload>) => Promise<ConnectData | null>,
+  createSubscription: (
+    pubsub: PubSub<Payload>,
+    connectData: ConnectData,
+    type: Payload["type"],
+  ) => Promise<void>,
+): Promise<Events<Payload>> {
+  const pubsub = createPubSub<Payload>()
+
+  const connectData = await connect(pubsub)
+  if (connectData === null) {
+    return {
+      on: () => () => undefined,
+    }
+  }
+
+  const subscriptions: Partial<Record<Payload["type"], boolean>> = {}
+
+  const on: EventSubSubscriber<Payload> = (types, callback) => {
+    for (const type of types) {
+      if (!subscriptions[type]) {
+        subscriptions[type] = true
+
+        void createSubscription(pubsub, connectData, type)
+      }
+    }
+
+    return pubsub.subscribe((event) => {
+      // @ts-expect-error: generic events are complicated
+      if (types.includes(event.type)) {
+        // @ts-expect-error: generic events are complicated
+        callback(event)
+      }
+    })
+  }
+
+  return {
+    on,
+  }
+}

package/src/libs/events/index.ts

@@ -0,0 +1,2 @@
+export { default } from "./events.ts"
+export * from "./events.ts"

package/src/libs/pubsub/index.ts

@@ -1,2 +1,2 @@
-export { default } from "./pubsub.js"
-export * from "./pubsub.js"
+export { default } from "./pubsub.ts"
+export * from "./pubsub.ts"

package/src/libs/querystring/index.ts

@@ -1,2 +1,2 @@
-export { default } from "./querystring.js"
-export * from "./querystring.js"
+export { default } from "./querystring.ts"
+export * from "./querystring.ts"

package/src/libs/queue/index.ts

@@ -1,2 +1,2 @@
-export { default } from "./queue.js"
-export * from "./queue.js"
+export { default } from "./queue.ts"
+export * from "./queue.ts"

package/src/ui/error.ts

@@ -0,0 +1,42 @@
+export class OverlaySymfonyCoreError extends HTMLElement {
+  static get observedAttributes(): string[] {
+    return ["module", "title"]
+  }
+
+  root: ShadowRoot
+  element?: HTMLElement
+
+  constructor() {
+    super()
+
+    const stylesheet = new CSSStyleSheet()
+
+    stylesheet.insertRule(`
+      :host {
+        display: block;
+      }
+    `)
+
+    stylesheet.insertRule(`
+      .dialog {}
+    `)
+
+    this.root = this.attachShadow({ mode: "closed" })
+    this.root.adoptedStyleSheets.push(stylesheet)
+
+    void this.render()
+  }
+
+  get clientId(): string {
+    return this.getAttribute("client-id") ?? ""
+  }
+
+  async render(): Promise<void> {
+    this.root.innerHTML = '<div class="dialog"><slot /></div>'
+  }
+}
+
+window.customElements.define(
+  "overlaysymfony-core-error",
+  OverlaySymfonyCoreError,
+)

package/src/ui/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite/client" />