@simfinity/constellation-ui 1.0.0

package/README.md

@@ -0,0 +1,9 @@
+# @simfinity/constellation-client
+
+## Installation
+
+```bash
+npm install @simfinity/constellation-client
+# or
+yarn add @simfinity/constellation-client
+```

package/dist/index.cjs

@@ -0,0 +1,95 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  ConstellationProvider: () => ConstellationProvider,
+  useConstellationClient: () => useConstellationClient,
+  useConstellationSession: () => useConstellationSession
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/ConstellationContext.tsx
+var import_react = __toESM(require("react"), 1);
+var import_jsx_runtime = require("react/jsx-runtime");
+var ConstellationContext = import_react.default.createContext(null);
+function ConstellationProvider({ client, children }) {
+  const [sessionId, setSessionId] = (0, import_react.useState)(null);
+  const [connected, setConnected] = (0, import_react.useState)(false);
+  const [audioEnabled, setAudioEnabled] = (0, import_react.useState)(false);
+  const value = {
+    client,
+    sessionId,
+    connected,
+    audioEnabled,
+    setSessionId,
+    setConnected,
+    setAudioEnabled
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ConstellationContext.Provider, { value, children });
+}
+function useConstellationClient() {
+  const ctx = (0, import_react.useContext)(ConstellationContext);
+  if (!ctx) throw new Error("Must be used inside ConstellationProvider");
+  return {
+    startSession: async (audio, voice) => {
+      await ctx.client.startSession(audio, voice);
+      ctx.setAudioEnabled(audio);
+    },
+    endSession: async () => {
+      await ctx.client.endSession();
+      ctx.setConnected(false);
+      ctx.setSessionId(null);
+    },
+    joinSession: async (audio, handlers) => {
+      await ctx.client.joinSession(audio, handlers);
+      ctx.setConnected(true);
+    },
+    configureSession: (settings) => ctx.client.configureSession(settings),
+    sendText: (text) => ctx.client.sendText(text),
+    sendAudioChunk: (chunk) => ctx.client.sendAudioChunk(chunk),
+    commitAudio: () => ctx.client.commitAudioChunksSent()
+  };
+}
+function useConstellationSession() {
+  const ctx = (0, import_react.useContext)(ConstellationContext);
+  if (!ctx) throw new Error("Must be used inside ConstellationProvider");
+  return {
+    sessionId: ctx.sessionId,
+    connected: ctx.connected,
+    audioEnabled: ctx.audioEnabled
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ConstellationProvider,
+  useConstellationClient,
+  useConstellationSession
+});

package/dist/index.d.cts

@@ -0,0 +1,24 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React from 'react';
+import { WebClient, EventHandlers, SessionConfig } from '@simfinity/constellation-client';
+
+declare function ConstellationProvider({ client, children, }: {
+    client: WebClient;
+    children: React.ReactNode;
+}): react_jsx_runtime.JSX.Element;
+declare function useConstellationClient(): {
+    startSession: (audio: boolean, voice?: string) => Promise<void>;
+    endSession: () => Promise<void>;
+    joinSession: (audio: boolean, handlers: EventHandlers) => Promise<void>;
+    configureSession: (settings: SessionConfig) => void;
+    sendText: (text: string) => void;
+    sendAudioChunk: (chunk: string) => void;
+    commitAudio: () => void;
+};
+declare function useConstellationSession(): {
+    sessionId: string | null;
+    connected: boolean;
+    audioEnabled: boolean;
+};
+
+export { ConstellationProvider, useConstellationClient, useConstellationSession };

package/dist/index.d.ts

@@ -0,0 +1,24 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React from 'react';
+import { WebClient, EventHandlers, SessionConfig } from '@simfinity/constellation-client';
+
+declare function ConstellationProvider({ client, children, }: {
+    client: WebClient;
+    children: React.ReactNode;
+}): react_jsx_runtime.JSX.Element;
+declare function useConstellationClient(): {
+    startSession: (audio: boolean, voice?: string) => Promise<void>;
+    endSession: () => Promise<void>;
+    joinSession: (audio: boolean, handlers: EventHandlers) => Promise<void>;
+    configureSession: (settings: SessionConfig) => void;
+    sendText: (text: string) => void;
+    sendAudioChunk: (chunk: string) => void;
+    commitAudio: () => void;
+};
+declare function useConstellationSession(): {
+    sessionId: string | null;
+    connected: boolean;
+    audioEnabled: boolean;
+};
+
+export { ConstellationProvider, useConstellationClient, useConstellationSession };

package/dist/index.js

@@ -0,0 +1,56 @@
+// src/ConstellationContext.tsx
+import React, { useContext, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+var ConstellationContext = React.createContext(null);
+function ConstellationProvider({ client, children }) {
+  const [sessionId, setSessionId] = useState(null);
+  const [connected, setConnected] = useState(false);
+  const [audioEnabled, setAudioEnabled] = useState(false);
+  const value = {
+    client,
+    sessionId,
+    connected,
+    audioEnabled,
+    setSessionId,
+    setConnected,
+    setAudioEnabled
+  };
+  return /* @__PURE__ */ jsx(ConstellationContext.Provider, { value, children });
+}
+function useConstellationClient() {
+  const ctx = useContext(ConstellationContext);
+  if (!ctx) throw new Error("Must be used inside ConstellationProvider");
+  return {
+    startSession: async (audio, voice) => {
+      await ctx.client.startSession(audio, voice);
+      ctx.setAudioEnabled(audio);
+    },
+    endSession: async () => {
+      await ctx.client.endSession();
+      ctx.setConnected(false);
+      ctx.setSessionId(null);
+    },
+    joinSession: async (audio, handlers) => {
+      await ctx.client.joinSession(audio, handlers);
+      ctx.setConnected(true);
+    },
+    configureSession: (settings) => ctx.client.configureSession(settings),
+    sendText: (text) => ctx.client.sendText(text),
+    sendAudioChunk: (chunk) => ctx.client.sendAudioChunk(chunk),
+    commitAudio: () => ctx.client.commitAudioChunksSent()
+  };
+}
+function useConstellationSession() {
+  const ctx = useContext(ConstellationContext);
+  if (!ctx) throw new Error("Must be used inside ConstellationProvider");
+  return {
+    sessionId: ctx.sessionId,
+    connected: ctx.connected,
+    audioEnabled: ctx.audioEnabled
+  };
+}
+export {
+  ConstellationProvider,
+  useConstellationClient,
+  useConstellationSession
+};

package/package.json

@@ -0,0 +1,35 @@
+{
+  "name": "@simfinity/constellation-ui",
+  "version": "1.0.0",
+  "type": "module",
+  "exports": {
+    ".": {
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.cjs"
+    }
+  },
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "tsup src/index.ts --format cjs,esm --dts"
+  },
+  "peerDependencies": {
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0"
+  },
+  "author": "Simfinity",
+  "license": "MIT",
+  "dependencies": {
+    "@simfinity/constellation-client": "^1.0.8"
+  },
+  "devDependencies": {
+    "@types/react": "^19.2.11",
+    "@types/react-dom": "^19.2.3",
+    "tsup": "^8.5.1",
+    "typescript": "^5.9.3"
+  }
+}