@cryptiklemur/lattice 4.0.1 → 5.0.0

package/src/client/hooks/useSpinnerVerb.ts

@@ -1,36 +0,0 @@
-import { useEffect, useState } from "react";
-import { useWebSocket } from "./useWebSocket";
-import type { ServerMessage, SettingsDataMessage } from "#shared";
-
-var DEFAULT_VERBS = ["Thinking", "Analyzing", "Processing", "Computing", "Evaluating"];
-
-export function useSpinnerVerb(active: boolean): string {
-  var [verbs, setVerbs] = useState<string[]>(DEFAULT_VERBS);
-  var [currentVerb, setCurrentVerb] = useState(DEFAULT_VERBS[0]);
-  var ws = useWebSocket();
-
-  useEffect(function () {
-    function handleSettings(msg: ServerMessage) {
-      if (msg.type !== "settings:data") return;
-      var data = msg as SettingsDataMessage;
-      if (data.spinnerVerbs && data.spinnerVerbs.length > 0) {
-        setVerbs(data.spinnerVerbs);
-      }
-    }
-    ws.subscribe("settings:data", handleSettings);
-    return function () { ws.unsubscribe("settings:data", handleSettings); };
-  }, [ws]);
-
-  useEffect(function () {
-    if (!active) return;
-    function pickRandom() {
-      var idx = Math.floor(Math.random() * verbs.length);
-      setCurrentVerb(verbs[idx]);
-    }
-    pickRandom();
-    var timer = setInterval(pickRandom, 3000);
-    return function () { clearInterval(timer); };
-  }, [active, verbs]);
-
-  return currentVerb;
-}

package/src/client/hooks/useSwipeDrawer.ts

@@ -1,299 +0,0 @@
-import { useEffect, useRef } from "react";
-import type { RefObject } from "react";
-
-var LOCK_THRESHOLD = 15;
-var SNAP_THRESHOLD = 0.35; // fraction of drawer width to snap open/close
-var VELOCITY_THRESHOLD = 0.4; // px/ms — fast flick overrides position
-var TRANSITION = "translate 0.25s cubic-bezier(0.4, 0, 0.2, 1)";
-var OVERLAY_TRANSITION = "opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1)";
-var CONTENT_TRANSITION = "transform 0.25s cubic-bezier(0.4, 0, 0.2, 1)";
-
-/**
- * Discord-style drag-follow drawer. The sidebar follows your finger
- * in real time and snaps open/closed on release based on position + velocity.
- *
- * Works from anywhere on the page. Vertical scrolling is not interrupted.
- */
-export function useSwipeDrawer(
-  drawerSideRef: RefObject<HTMLElement | null>,
-  isOpen: boolean,
-  onOpen: () => void,
-  onClose: () => void,
-) {
-  var stateRef = useRef({ isOpen: isOpen, onOpen: onOpen, onClose: onClose });
-  stateRef.current = { isOpen: isOpen, onOpen: onOpen, onClose: onClose };
-
-  useEffect(function () {
-    var startX = 0;
-    var startY = 0;
-    var lastX = 0;
-    var lastTime = 0;
-    var velocity = 0;
-    var tracking = false;
-    var dragging = false; // true once direction locked to horizontal
-    var direction: "h" | "v" | null = null;
-
-    var panel: HTMLElement | null = null;
-    var overlay: HTMLElement | null = null;
-    var content: HTMLElement | null = null;
-    var drawerWidth = 0;
-
-    function getElements() {
-      var side = drawerSideRef.current;
-      if (!side) return false;
-      // panel = the sidebar content (not the overlay)
-      panel = side.querySelector(":scope > *:not(.drawer-overlay)") as HTMLElement | null;
-      overlay = side.querySelector(":scope > .drawer-overlay") as HTMLElement | null;
-      // content = the main content area (sibling of drawer-side)
-      var parent = side.parentElement;
-      if (parent) {
-        content = parent.querySelector(":scope > .drawer-content") as HTMLElement | null;
-      }
-      if (panel) {
-        drawerWidth = panel.getBoundingClientRect().width;
-      }
-      return !!panel;
-    }
-
-    function setDragStyles(offsetX: number) {
-      if (!panel) return;
-      // offsetX: 0 = fully open, -drawerWidth = fully closed
-      var clamped = Math.max(-drawerWidth, Math.min(0, offsetX));
-      var progress = 1 + clamped / drawerWidth; // 0 = closed, 1 = open
-
-      panel.style.transition = "none";
-      panel.style.translate = clamped + "px";
-
-      if (overlay) {
-        overlay.style.transition = "none";
-        overlay.style.opacity = String(progress);
-      }
-
-      if (content) {
-        var scale = 1 - progress * 0.03;
-        content.style.transition = "none";
-        content.style.transform = "scale(" + scale + ")";
-        content.style.transformOrigin = "left center";
-      }
-    }
-
-    function clearDragStyles() {
-      if (panel) {
-        panel.style.transition = "";
-        panel.style.translate = "";
-      }
-      if (overlay) {
-        overlay.style.transition = "";
-        overlay.style.opacity = "";
-      }
-      if (content) {
-        content.style.transition = "";
-        content.style.transform = "";
-        content.style.transformOrigin = "";
-      }
-    }
-
-    function animateToOpen() {
-      if (!panel) return;
-      panel.style.transition = TRANSITION;
-      panel.style.translate = "0%";
-      if (overlay) {
-        overlay.style.transition = OVERLAY_TRANSITION;
-        overlay.style.opacity = "1";
-      }
-      if (content) {
-        content.style.transition = CONTENT_TRANSITION;
-        content.style.transform = "scale(0.97)";
-        content.style.transformOrigin = "left center";
-      }
-    }
-
-    function animateToClosed() {
-      if (!panel) return;
-      panel.style.transition = TRANSITION;
-      panel.style.translate = "-100%";
-      if (overlay) {
-        overlay.style.transition = OVERLAY_TRANSITION;
-        overlay.style.opacity = "0";
-      }
-      if (content) {
-        content.style.transition = CONTENT_TRANSITION;
-        content.style.transform = "scale(1)";
-        content.style.transformOrigin = "left center";
-      }
-    }
-
-    var cleanupTimer: ReturnType<typeof setTimeout> | null = null;
-
-    function cancelPendingCleanup() {
-      if (cleanupTimer !== null) {
-        clearTimeout(cleanupTimer);
-        cleanupTimer = null;
-      }
-    }
-
-    function cleanupAfterAnimation() {
-      // Cancel any pending cleanup from a previous swipe to avoid races
-      cancelPendingCleanup();
-
-      // Listen for the transition to actually finish, with a fallback timer
-      if (panel) {
-        var handled = false;
-        function onEnd() {
-          if (handled) return;
-          handled = true;
-          if (panel) panel.removeEventListener("transitionend", onEnd);
-          cancelPendingCleanup();
-          clearDragStyles();
-        }
-        panel.addEventListener("transitionend", onEnd, { once: true });
-        // Fallback in case transitionend never fires (e.g. display:none)
-        cleanupTimer = setTimeout(onEnd, 350);
-      } else {
-        clearDragStyles();
-      }
-    }
-
-    function onTouchStart(e: TouchEvent) {
-      if (window.innerWidth >= 1024) return;
-      var t = e.touches[0];
-      startX = t.clientX;
-      startY = t.clientY;
-      lastX = t.clientX;
-      lastTime = Date.now();
-      velocity = 0;
-      tracking = true;
-      dragging = false;
-      direction = null;
-    }
-
-    function onTouchMove(e: TouchEvent) {
-      if (!tracking) return;
-      var t = e.touches[0];
-      var now = Date.now();
-
-      // Calculate velocity
-      var dt = now - lastTime;
-      if (dt > 0) {
-        velocity = (t.clientX - lastX) / dt;
-      }
-      lastX = t.clientX;
-      lastTime = now;
-
-      // Lock direction
-      if (direction === null) {
-        var dx = Math.abs(t.clientX - startX);
-        var dy = Math.abs(t.clientY - startY);
-        if (dx >= LOCK_THRESHOLD || dy >= LOCK_THRESHOLD) {
-          if (dx > dy) {
-            direction = "h";
-            dragging = true;
-            if (!getElements()) {
-              tracking = false;
-              return;
-            }
-            // Make drawer-side visible during drag if it's currently hidden
-            var side = drawerSideRef.current;
-            if (side) {
-              side.style.visibility = "visible";
-              side.style.pointerEvents = "auto";
-              side.style.opacity = "1";
-            }
-          } else {
-            direction = "v";
-            tracking = false;
-            return;
-          }
-        } else {
-          return;
-        }
-      }
-
-      if (!dragging) return;
-
-      var deltaX = t.clientX - startX;
-      var isOpen = stateRef.current.isOpen;
-
-      if (isOpen) {
-        // Dragging from open position: offset relative to 0 (fully open)
-        setDragStyles(Math.min(0, deltaX));
-      } else {
-        // Dragging from closed position: offset relative to -drawerWidth
-        setDragStyles(-drawerWidth + Math.max(0, deltaX));
-      }
-    }
-
-    function onTouchEnd() {
-      if (!tracking || !dragging) {
-        tracking = false;
-        direction = null;
-        return;
-      }
-
-      var deltaX = lastX - startX;
-      var isOpen = stateRef.current.isOpen;
-
-      tracking = false;
-      dragging = false;
-      direction = null;
-
-      // Decide: snap open or closed?
-      // Fast flick overrides position
-      var shouldOpen: boolean;
-
-      if (Math.abs(velocity) > VELOCITY_THRESHOLD) {
-        shouldOpen = velocity > 0;
-      } else if (isOpen) {
-        // Currently open: close if dragged past threshold
-        shouldOpen = deltaX > -drawerWidth * SNAP_THRESHOLD;
-      } else {
-        // Currently closed: open if dragged past threshold
-        shouldOpen = deltaX > drawerWidth * SNAP_THRESHOLD;
-      }
-
-      if (shouldOpen) {
-        animateToOpen();
-        if (!isOpen) stateRef.current.onOpen();
-      } else {
-        animateToClosed();
-        if (isOpen) stateRef.current.onClose();
-      }
-
-      cleanupAfterAnimation();
-    }
-
-    function onTouchCancel() {
-      if (dragging) {
-        clearDragStyles();
-        // Restore drawer-side to CSS-driven state
-        var side = drawerSideRef.current;
-        if (side) {
-          side.style.visibility = "";
-          side.style.pointerEvents = "";
-          side.style.opacity = "";
-        }
-        if (content) {
-          content.style.transition = "";
-          content.style.transform = "";
-          content.style.transformOrigin = "";
-        }
-      }
-      tracking = false;
-      dragging = false;
-      direction = null;
-    }
-
-    document.addEventListener("touchstart", onTouchStart, { passive: true });
-    document.addEventListener("touchmove", onTouchMove, { passive: true });
-    document.addEventListener("touchend", onTouchEnd, { passive: true });
-    document.addEventListener("touchcancel", onTouchCancel, { passive: true });
-
-    return function () {
-      cancelPendingCleanup();
-      document.removeEventListener("touchstart", onTouchStart);
-      document.removeEventListener("touchmove", onTouchMove);
-      document.removeEventListener("touchend", onTouchEnd);
-      document.removeEventListener("touchcancel", onTouchCancel);
-    };
-  }, [drawerSideRef]);
-}

package/src/client/hooks/useTheme.ts

@@ -1,114 +0,0 @@
-import { useStore } from "@tanstack/react-store";
-import { useEffect } from "react";
-import { getThemeStore, toggleMode, setThemeForMode } from "../stores/theme";
-import { themes, type ThemeEntry } from "../themes/index";
-
-function hexToOklch(hex: string): string {
-  var r = parseInt(hex.slice(0, 2), 16) / 255;
-  var g = parseInt(hex.slice(2, 4), 16) / 255;
-  var b = parseInt(hex.slice(4, 6), 16) / 255;
-
-  r = r > 0.04045 ? Math.pow((r + 0.055) / 1.055, 2.4) : r / 12.92;
-  g = g > 0.04045 ? Math.pow((g + 0.055) / 1.055, 2.4) : g / 12.92;
-  b = b > 0.04045 ? Math.pow((b + 0.055) / 1.055, 2.4) : b / 12.92;
-
-  var x = 0.4124564 * r + 0.3575761 * g + 0.1804375 * b;
-  var y = 0.2126729 * r + 0.7151522 * g + 0.0721750 * b;
-  var z = 0.0193339 * r + 0.1191920 * g + 0.9503041 * b;
-
-  var l_ = 0.8189330101 * x + 0.3618667424 * y - 0.1288597137 * z;
-  var m_ = 0.0329845436 * x + 0.9293118715 * y + 0.0361456387 * z;
-  var s_ = 0.0482003018 * x + 0.2643662691 * y + 0.6338517070 * z;
-
-  var l3 = Math.cbrt(l_);
-  var m3 = Math.cbrt(m_);
-  var s3 = Math.cbrt(s_);
-
-  var L = 0.2104542553 * l3 + 0.7936177850 * m3 - 0.0040720468 * s3;
-  var a = 1.9779984951 * l3 - 2.4285922050 * m3 + 0.4505937099 * s3;
-  var bOk = 0.0259040371 * l3 + 0.7827717662 * m3 - 0.8086757660 * s3;
-
-  var C = Math.sqrt(a * a + bOk * bOk);
-  var h = Math.atan2(bOk, a) * 180 / Math.PI;
-  if (h < 0) h += 360;
-
-  return (L * 100).toFixed(1) + "% " + C.toFixed(3) + " " + h.toFixed(0);
-}
-
-function contrastContent(hex: string): string {
-  var r = parseInt(hex.slice(0, 2), 16);
-  var g = parseInt(hex.slice(2, 4), 16);
-  var b = parseInt(hex.slice(4, 6), 16);
-  var lum = (0.299 * r + 0.587 * g + 0.114 * b) / 255;
-  return lum > 0.5 ? "15% 0.01 0" : "98% 0.01 0";
-}
-
-function applyTheme(entry: ThemeEntry): void {
-  var root = document.documentElement;
-  var t = entry.theme;
-
-  root.style.setProperty("--base00", "#" + t.base00);
-  root.style.setProperty("--base01", "#" + t.base01);
-  root.style.setProperty("--base02", "#" + t.base02);
-  root.style.setProperty("--base03", "#" + t.base03);
-  root.style.setProperty("--base04", "#" + t.base04);
-  root.style.setProperty("--base05", "#" + t.base05);
-  root.style.setProperty("--base06", "#" + t.base06);
-  root.style.setProperty("--base07", "#" + t.base07);
-  root.style.setProperty("--base08", "#" + t.base08);
-  root.style.setProperty("--base09", "#" + t.base09);
-  root.style.setProperty("--base0A", "#" + t.base0A);
-  root.style.setProperty("--base0B", "#" + t.base0B);
-  root.style.setProperty("--base0C", "#" + t.base0C);
-  root.style.setProperty("--base0D", "#" + t.base0D);
-  root.style.setProperty("--base0E", "#" + t.base0E);
-  root.style.setProperty("--base0F", "#" + t.base0F);
-
-  root.style.setProperty("--color-base-100", "oklch(" + hexToOklch(t.base00) + ")");
-  root.style.setProperty("--color-base-200", "oklch(" + hexToOklch(t.base01) + ")");
-  root.style.setProperty("--color-base-300", "oklch(" + hexToOklch(t.base02) + ")");
-  root.style.setProperty("--color-base-content", "oklch(" + hexToOklch(t.base05) + ")");
-  root.style.setProperty("--color-primary", "oklch(" + hexToOklch(t.base0D) + ")");
-  root.style.setProperty("--color-primary-content", "oklch(" + contrastContent(t.base0D) + ")");
-  root.style.setProperty("--color-secondary", "oklch(" + hexToOklch(t.base0E) + ")");
-  root.style.setProperty("--color-secondary-content", "oklch(" + contrastContent(t.base0E) + ")");
-  root.style.setProperty("--color-accent", "oklch(" + hexToOklch(t.base0C) + ")");
-  root.style.setProperty("--color-accent-content", "oklch(" + contrastContent(t.base0C) + ")");
-  root.style.setProperty("--color-neutral", "oklch(" + hexToOklch(t.base02) + ")");
-  root.style.setProperty("--color-neutral-content", "oklch(" + hexToOklch(t.base04) + ")");
-  root.style.setProperty("--color-info", "oklch(" + hexToOklch(t.base0C) + ")");
-  root.style.setProperty("--color-info-content", "oklch(" + contrastContent(t.base0C) + ")");
-  root.style.setProperty("--color-success", "oklch(" + hexToOklch(t.base0B) + ")");
-  root.style.setProperty("--color-success-content", "oklch(" + contrastContent(t.base0B) + ")");
-  root.style.setProperty("--color-warning", "oklch(" + hexToOklch(t.base0A) + ")");
-  root.style.setProperty("--color-warning-content", "oklch(" + contrastContent(t.base0A) + ")");
-  root.style.setProperty("--color-error", "oklch(" + hexToOklch(t.base08) + ")");
-  root.style.setProperty("--color-error-content", "oklch(" + contrastContent(t.base08) + ")");
-
-  root.dataset.theme = entry.theme.variant === "dark" ? "lattice-dark" : "lattice-light";
-  root.style.colorScheme = entry.theme.variant === "dark" ? "dark" : "light";
-}
-
-export function useTheme() {
-  var store = getThemeStore();
-  var state = useStore(store, function (s) { return s; });
-
-  var currentThemeId = state.mode === "dark" ? state.darkThemeId : state.lightThemeId;
-  var currentEntry = themes.find(function (e) { return e.id === currentThemeId; }) ?? themes[0];
-
-  useEffect(function () {
-    applyTheme(currentEntry);
-  }, [currentEntry]);
-
-  function setTheme(themeId: string): void {
-    setThemeForMode(themeId);
-  }
-
-  return {
-    mode: state.mode,
-    currentThemeId,
-    toggleMode,
-    setTheme,
-    themes,
-  };
-}

package/src/client/hooks/useTimeTick.ts

@@ -1,35 +0,0 @@
-import { useState, useEffect } from "react";
-
-var globalTick = 0;
-var listeners = new Set<() => void>();
-var interval: ReturnType<typeof setInterval> | null = null;
-
-function startTicker() {
-  if (interval) return;
-  interval = setInterval(function () {
-    globalTick++;
-    listeners.forEach(function (cb) { cb(); });
-  }, 60000);
-}
-
-function stopTicker() {
-  if (listeners.size > 0) return;
-  if (interval) {
-    clearInterval(interval);
-    interval = null;
-  }
-}
-
-export function useTimeTick(): number {
-  var [tick, setTick] = useState(globalTick);
-  useEffect(function () {
-    function update() { setTick(globalTick); }
-    listeners.add(update);
-    startTicker();
-    return function () {
-      listeners.delete(update);
-      stopTicker();
-    };
-  }, []);
-  return tick;
-}

package/src/client/hooks/useVoiceRecorder.ts

@@ -1,169 +0,0 @@
-import { useState, useCallback, useRef } from "react";
-
-interface SpeechRecognitionResult {
-  readonly transcript: string;
-  readonly confidence: number;
-  readonly isFinal: boolean;
-}
-
-interface SpeechRecognitionResultItem {
-  readonly length: number;
-  readonly isFinal: boolean;
-  item(index: number): SpeechRecognitionResult;
-  [index: number]: SpeechRecognitionResult;
-}
-
-interface SpeechRecognitionResultList {
-  readonly length: number;
-  item(index: number): SpeechRecognitionResultItem;
-  [index: number]: SpeechRecognitionResultItem;
-}
-
-interface SpeechRecognitionEvent extends Event {
-  readonly resultIndex: number;
-  readonly results: SpeechRecognitionResultList;
-}
-
-interface SpeechRecognitionErrorEvent extends Event {
-  readonly error: string;
-  readonly message: string;
-}
-
-interface SpeechRecognitionLike extends EventTarget {
-  continuous: boolean;
-  interimResults: boolean;
-  lang: string;
-  start(): void;
-  stop(): void;
-  abort(): void;
-  onresult: ((event: SpeechRecognitionEvent) => void) | null;
-  onerror: ((event: SpeechRecognitionErrorEvent) => void) | null;
-  onend: (() => void) | null;
-  onspeechstart: (() => void) | null;
-  onspeechend: (() => void) | null;
-}
-
-export interface UseVoiceRecorderReturn {
-  isRecording: boolean;
-  isSupported: boolean;
-  isSpeaking: boolean;
-  elapsed: number;
-  interimTranscript: string;
-  start: () => void;
-  stop: () => string;
-  cancel: () => void;
-}
-
-export function useVoiceRecorder(): UseVoiceRecorderReturn {
-  var [isRecording, setIsRecording] = useState(false);
-  var [isSpeaking, setIsSpeaking] = useState(false);
-  var [elapsed, setElapsed] = useState(0);
-  var [interimTranscript, setInterimTranscript] = useState("");
-
-  var recognitionRef = useRef<SpeechRecognitionLike | null>(null);
-  var timerRef = useRef<ReturnType<typeof setInterval> | null>(null);
-  var finalTranscriptRef = useRef("");
-  var interimTranscriptRef = useRef("");
-  var startTimeRef = useRef(0);
-
-  interimTranscriptRef.current = interimTranscript;
-
-  var SpeechRecognitionClass = typeof window !== "undefined"
-    ? (window as unknown as { SpeechRecognition?: new () => SpeechRecognitionLike; webkitSpeechRecognition?: new () => SpeechRecognitionLike }).SpeechRecognition
-      || (window as unknown as { webkitSpeechRecognition?: new () => SpeechRecognitionLike }).webkitSpeechRecognition
-    : undefined;
-
-  var isSupported = !!SpeechRecognitionClass;
-
-  var cleanup = useCallback(function () {
-    if (timerRef.current) {
-      clearInterval(timerRef.current);
-      timerRef.current = null;
-    }
-    setIsRecording(false);
-    setIsSpeaking(false);
-    setElapsed(0);
-    setInterimTranscript("");
-    recognitionRef.current = null;
-  }, []);
-
-  var start = useCallback(function () {
-    if (!SpeechRecognitionClass || isRecording) return;
-
-    var recognition = new SpeechRecognitionClass();
-    recognition.continuous = true;
-    recognition.interimResults = true;
-    recognition.lang = navigator.language || "en-US";
-
-    recognitionRef.current = recognition;
-    finalTranscriptRef.current = "";
-
-    recognition.onresult = function (event: SpeechRecognitionEvent) {
-      var interim = "";
-      var final = "";
-      for (var i = 0; i < event.results.length; i++) {
-        var result = event.results[i];
-        if (result.isFinal) {
-          final += result[0].transcript;
-        } else {
-          interim += result[0].transcript;
-        }
-      }
-      finalTranscriptRef.current = final;
-      setInterimTranscript(final + interim);
-    };
-
-    recognition.onspeechstart = function () {
-      setIsSpeaking(true);
-    };
-
-    recognition.onspeechend = function () {
-      setIsSpeaking(false);
-    };
-
-    recognition.onerror = function (event: SpeechRecognitionErrorEvent) {
-      console.error("[voice] Recognition error:", event.error);
-      cleanup();
-    };
-
-    recognition.onend = function () {
-      cleanup();
-    };
-
-    recognition.start();
-    setIsRecording(true);
-    startTimeRef.current = Date.now();
-
-    timerRef.current = setInterval(function () {
-      setElapsed(Math.floor((Date.now() - startTimeRef.current) / 1000));
-    }, 1000);
-  }, [SpeechRecognitionClass, isRecording, cleanup]);
-
-  var stop = useCallback(function (): string {
-    if (recognitionRef.current) {
-      recognitionRef.current.stop();
-    }
-    var transcript = finalTranscriptRef.current || interimTranscriptRef.current;
-    cleanup();
-    return transcript;
-  }, [cleanup]);
-
-  var cancel = useCallback(function () {
-    if (recognitionRef.current) {
-      recognitionRef.current.abort();
-    }
-    finalTranscriptRef.current = "";
-    cleanup();
-  }, [cleanup]);
-
-  return {
-    isRecording,
-    isSupported,
-    isSpeaking,
-    elapsed,
-    interimTranscript,
-    start,
-    stop,
-    cancel,
-  };
-}

package/src/client/hooks/useWebSocket.ts

@@ -1,27 +0,0 @@
-import { createContext, useContext } from "react";
-import type { ClientMessage, ServerMessage } from "#shared";
-
-export type WebSocketStatus = "connecting" | "connected" | "disconnected";
-
-export interface WebSocketContextValue {
-  status: WebSocketStatus;
-  send: (msg: ClientMessage) => void;
-  subscribe: (type: string, callback: (msg: ServerMessage) => void) => void;
-  unsubscribe: (type: string, callback: (msg: ServerMessage) => void) => void;
-  reconnectNow: () => void;
-}
-
-export var WebSocketContext = createContext<WebSocketContextValue | null>(null);
-
-export function useWebSocket(): WebSocketContextValue {
-  var ctx = useContext(WebSocketContext);
-  if (!ctx) {
-    throw new Error("useWebSocket must be used within a WebSocketProvider");
-  }
-  return ctx;
-}
-
-export function getWebSocketUrl(): string {
-  var protocol = window.location.protocol === "https:" ? "wss:" : "ws:";
-  return protocol + "//" + window.location.host + "/ws";
-}