@overlaysymphony/core 0.1.0 → 0.2.1

package/package.json

@@ -1,33 +1,31 @@
 {
   "name": "@overlaysymphony/core",
-  "version": "0.1.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.js",
-    "./ui/*": "./src/ui/*.js",
+    "./libs/*": "./src/libs/*/index.ts",
+    "./ui/*": "./src/ui/*.ts",
     "./package.json": "./package.json"
   },
+  "devDependencies": {
+    "@vitest/coverage-v8": "^2.1.2",
+    "depcheck": "^1.4.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"
+  },
   "scripts": {
     "lint": "pnpm run \"/^lint-.*/\"",
     "lint-typecheck": "tsc --noEmit",
-    "lint-eslint": "eslint --ext .js --ext .jsx --ext .ts --ext .tsx .",
+    "lint-eslint": "eslint .",
     "lint-prettier": "prettier --check .",
     "lint-depcheck": "depcheck .",
     "test": "vitest",
-    "dev": "echo TODO",
-    "clean": "rm -rf node_modules/.cache tsconfig.tsbuildinfo dist",
-    "build": "echo TODO"
-  },
-  "devDependencies": {
-    "@overlaysymphony/eslint-config": "workspace:*",
-    "@overlaysymphony/tooling": "workspace:*",
-    "@vitest/coverage-v8": "^2.1.2",
-    "depcheck": "catalog:",
-    "eslint": "catalog:",
-    "prettier": "catalog:",
-    "typescript": "catalog:",
-    "vitest": "^2.1.2"
+    "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/querystring/querystring.ts

@@ -17,8 +17,8 @@ export function stringify(input: ParsedQuerystring): string {
 
 export function parse(input: string): ParsedQuerystring {
   input = decodeURIComponent(input)
-  if (input[0] === "#") input = input.slice(1)
-  if (input[0] === "?") input = input.slice(1)
+  if (input.startsWith("#")) input = input.slice(1)
+  if (input.startsWith("?")) input = input.slice(1)
 
   if (input.length === 0) {
     return {}

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/libs/queue/queue.ts

@@ -59,7 +59,7 @@ export default function createQueue<Data>(): Queue<Data> {
   }
 
   function dismiss() {
-    const { data } = queue.shift() || {}
+    const { data } = queue.shift() ?? {}
     return dispatch(data)
   }
 

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" />