palmier 0.9.6 → 0.9.7

package/palmier-server/pwa/src/contexts/HostStoreContext.tsx

@@ -1,124 +0,0 @@
-import {
-  createContext,
-  useContext,
-  useState,
-  useCallback,
-  useEffect,
-  type ReactNode,
-} from "react";
-import type { PairedHost } from "../types";
-
-interface HostStoreContextValue {
-  pairedHosts: PairedHost[];
-  addPairedHost(host: PairedHost): void;
-  removePairedHost(hostId: string): void;
-  renamePairedHost(hostId: string, name: string): void;
-  setHostLanUrl(hostId: string, lanUrl: string | undefined): void;
-  setHostLastAgent(hostId: string, agent: string): void;
-  setHostTimezone(hostId: string, timezone: string | undefined): void;
-}
-
-const HostStoreContext = createContext<HostStoreContextValue | null>(null);
-
-const STORAGE_KEY = "palmier_paired_hosts";
-
-function loadHosts(): PairedHost[] {
-  try {
-    const raw = localStorage.getItem(STORAGE_KEY);
-    if (raw) {
-      return JSON.parse(raw) as PairedHost[];
-    }
-  } catch { /* ignore */ }
-  return [];
-}
-
-function saveHosts(hosts: PairedHost[]) {
-  localStorage.setItem(STORAGE_KEY, JSON.stringify(hosts));
-}
-
-export const LOCAL_HOST_ID = "local";
-
-/** Local mode: served by palmier serve on localhost — auto-inject a local host entry. */
-const isLocalMode = !!(window as any).__PALMIER_SERVE__
-  && (window.location.hostname === "localhost" || window.location.hostname === "127.0.0.1");
-
-export function HostStoreProvider({ children }: { children: ReactNode }) {
-  const [pairedHosts, setPairedHosts] = useState<PairedHost[]>(() => {
-    const hosts = loadHosts();
-    if (isLocalMode && !hosts.some((h) => h.hostId === LOCAL_HOST_ID)) {
-      hosts.push({ hostId: LOCAL_HOST_ID, clientToken: "", directUrl: window.location.origin });
-    }
-    return hosts;
-  });
-
-  useEffect(() => {
-    saveHosts(pairedHosts);
-  }, [pairedHosts]);
-
-  const addPairedHost = useCallback((host: PairedHost) => {
-    setPairedHosts((prev) => {
-      const filtered = prev.filter((h) => h.hostId !== host.hostId);
-      return [...filtered, host];
-    });
-  }, []);
-
-  const removePairedHost = useCallback((hostId: string) => {
-    setPairedHosts((prev) => prev.filter((h) => h.hostId !== hostId));
-  }, []);
-
-  const renamePairedHost = useCallback((hostId: string, name: string) => {
-    setPairedHosts((prev) =>
-      prev.map((h) => (h.hostId === hostId ? { ...h, name } : h))
-    );
-  }, []);
-
-  const setHostLanUrl = useCallback((hostId: string, lanUrl: string | undefined) => {
-    setPairedHosts((prev) =>
-      prev.map((h) => {
-        if (h.hostId !== hostId) return h;
-        if (h.lanUrl === lanUrl) return h;
-        return { ...h, lanUrl };
-      })
-    );
-  }, []);
-
-  const setHostLastAgent = useCallback((hostId: string, agent: string) => {
-    setPairedHosts((prev) =>
-      prev.map((h) => {
-        if (h.hostId !== hostId) return h;
-        if (h.lastAgent === agent) return h;
-        return { ...h, lastAgent: agent };
-      })
-    );
-  }, []);
-
-  const setHostTimezone = useCallback((hostId: string, timezone: string | undefined) => {
-    setPairedHosts((prev) =>
-      prev.map((h) => {
-        if (h.hostId !== hostId) return h;
-        if (h.timezone === timezone) return h;
-        return { ...h, timezone };
-      })
-    );
-  }, []);
-
-  return (
-    <HostStoreContext.Provider value={{
-      pairedHosts,
-      addPairedHost,
-      removePairedHost,
-      renamePairedHost,
-      setHostLanUrl,
-      setHostLastAgent,
-      setHostTimezone,
-    }}>
-      {children}
-    </HostStoreContext.Provider>
-  );
-}
-
-export function useHostStore(): HostStoreContextValue {
-  const ctx = useContext(HostStoreContext);
-  if (!ctx) throw new Error("useHostStore must be used within HostStoreProvider");
-  return ctx;
-}

package/palmier-server/pwa/src/draftGuard.ts

@@ -1,24 +0,0 @@
-let currentDraftMessage: string | null = null;
-
-function handleBeforeUnload(e: BeforeUnloadEvent) {
-  if (currentDraftMessage) {
-    e.preventDefault();
-    e.returnValue = "";
-  }
-}
-
-export function setDraftMessage(message: string | null) {
-  const wasActive = !!currentDraftMessage;
-  currentDraftMessage = message;
-  const nowActive = !!currentDraftMessage;
-  if (nowActive && !wasActive) {
-    window.addEventListener("beforeunload", handleBeforeUnload);
-  } else if (!nowActive && wasActive) {
-    window.removeEventListener("beforeunload", handleBeforeUnload);
-  }
-}
-
-export function confirmLeaveDraft(): boolean {
-  if (!currentDraftMessage) return true;
-  return window.confirm(currentDraftMessage);
-}

package/palmier-server/pwa/src/formatTime.ts

@@ -1,44 +0,0 @@
-import { useCallback } from "react";
-import { useHostConnection } from "./contexts/HostConnectionContext";
-
-/**
- * Format a timestamp for display. Shows time only if today, otherwise includes the date.
- * If `timeZone` is provided, renders the wall-clock time in that IANA zone.
- */
-export function formatTime(ms: number, timeZone?: string): string {
-  const d = new Date(ms);
-  const now = new Date();
-  const time = d.toLocaleTimeString(undefined, { hour: "numeric", minute: "2-digit", timeZone });
-  // toDateString() would compare in the viewer's local zone, masking day
-  // boundaries in the host's zone. Format both dates in the target zone and
-  // compare the strings instead.
-  const dayOpts: Intl.DateTimeFormatOptions = { year: "numeric", month: "2-digit", day: "2-digit", timeZone };
-  const sameDay = d.toLocaleDateString(undefined, dayOpts) === now.toLocaleDateString(undefined, dayOpts);
-  if (sameDay) return time;
-  return `${d.toLocaleDateString(undefined, { month: "short", day: "numeric", timeZone })} ${time}`;
-}
-
-/** Returns a `formatTime` bound to the active host's timezone. */
-export function useFormatTime(): (ms: number) => string {
-  const { activeHost } = useHostConnection();
-  const tz = activeHost.timezone;
-  return useCallback((ms: number) => formatTime(ms, tz), [tz]);
-}
-
-/**
- * Current wall-clock in the host timezone, as ISO-shaped date + HH:MM strings.
- * Used for "not in the past" validation on scheduled triggers so the floor is
- * the host's now, not the viewer's now.
- */
-export function hostNowParts(timeZone?: string): { date: string; time: string } {
-  const parts = new Intl.DateTimeFormat("en-CA", {
-    timeZone,
-    year: "numeric", month: "2-digit", day: "2-digit",
-    hour: "2-digit", minute: "2-digit", hour12: false,
-  }).formatToParts(new Date());
-  const pick = (t: string) => parts.find((p) => p.type === t)?.value ?? "";
-  return {
-    date: `${pick("year")}-${pick("month")}-${pick("day")}`,
-    time: `${pick("hour")}:${pick("minute")}`,
-  };
-}

package/palmier-server/pwa/src/hooks/useBackClose.ts

@@ -1,75 +0,0 @@
-import { useEffect, useRef, useCallback } from "react";
-
-interface StackEntry {
-  close: () => void;
-  pushed: React.RefObject<boolean>;
-}
-
-/**
- * Global stack so only the top-most modal handles a back gesture.
- * Each entry is a close callback + its pushed ref; popstate pops the top one.
- */
-const stack: StackEntry[] = [];
-
-function globalPopHandler() {
-  const top = stack.pop();
-  if (top) {
-    // Mark pushed=false BEFORE calling close so the effect
-    // knows the back navigation was already handled by the browser.
-    top.pushed.current = false;
-    top.close();
-  }
-}
-
-// Single global listener, added once
-let listening = false;
-function ensureListener() {
-  if (listening) return;
-  listening = true;
-  window.addEventListener("popstate", globalPopHandler);
-}
-
-/**
- * Pushes a history entry when `open` becomes true.
- * When the user swipes back / presses back, calls `onClose` instead of navigating away.
- * When `open` becomes false programmatically, pops the history entry.
- * Supports nesting: only the innermost (most recent) modal responds to back.
- */
-export function useBackClose(open: boolean, onClose: () => void) {
-  const pushed = useRef(false);
-  const onCloseRef = useRef(onClose);
-  onCloseRef.current = onClose;
-
-  const stableClose = useCallback(() => onCloseRef.current(), []);
-  const entry = useRef<StackEntry>({ close: stableClose, pushed });
-  entry.current.close = stableClose;
-
-  useEffect(() => {
-    if (open && !pushed.current) {
-      ensureListener();
-      history.pushState({ modal: true }, "");
-      stack.push(entry.current);
-      pushed.current = true;
-    } else if (!open && pushed.current) {
-      // Closed programmatically — browser hasn't gone back yet, so we must.
-      pushed.current = false;
-      const idx = stack.indexOf(entry.current);
-      if (idx !== -1) stack.splice(idx, 1);
-      history.back();
-    }
-    // If !open && !pushed.current, the popstate handler already went back — nothing to do.
-  }, [open, stableClose]);
-
-  // Cleanup on unmount if still pushed
-  useEffect(() => {
-    const e = entry.current;
-    return () => {
-      if (pushed.current) {
-        pushed.current = false;
-        const idx = stack.indexOf(e);
-        if (idx !== -1) stack.splice(idx, 1);
-        history.back();
-      }
-    };
-  }, []);
-}

package/palmier-server/pwa/src/hooks/useMediaQuery.ts

@@ -1,17 +0,0 @@
-import { useState, useEffect } from "react";
-
-export function useMediaQuery(query: string): boolean {
-  const [matches, setMatches] = useState(
-    () => window.matchMedia(query).matches
-  );
-
-  useEffect(() => {
-    const mql = window.matchMedia(query);
-    const handler = (e: MediaQueryListEvent) => setMatches(e.matches);
-    mql.addEventListener("change", handler);
-    setMatches(mql.matches);
-    return () => mql.removeEventListener("change", handler);
-  }, [query]);
-
-  return matches;
-}

package/palmier-server/pwa/src/hooks/usePullToRefresh.ts

@@ -1,102 +0,0 @@
-import { useEffect, useRef, useState } from "react";
-
-interface Options {
-  onRefresh: () => Promise<unknown> | void;
-  /** Pixels the user must pull past before a release triggers a refresh. */
-  threshold?: number;
-  /** Maximum visual pull distance after resistance dampening. */
-  maxPull?: number;
-  enabled?: boolean;
-}
-
-/**
- * Window-level pull-to-refresh for the tasks/sessions lists. Activates only
- * when the user starts a touch at `scrollY === 0` and drags downward.
- * Returns `pullDistance` (dampened pixels to visually translate an indicator)
- * and `refreshing` (true while the consumer's onRefresh promise is in flight).
- */
-export function usePullToRefresh({
-  onRefresh,
-  threshold = 70,
-  maxPull = 110,
-  enabled = true,
-}: Options) {
-  const [pullDistance, setPullDistance] = useState(0);
-  const [refreshing, setRefreshing] = useState(false);
-
-  const startY = useRef<number | null>(null);
-  const pulling = useRef(false);
-  const distance = useRef(0);
-  const refreshingRef = useRef(false);
-  const onRefreshRef = useRef(onRefresh);
-  useEffect(() => { onRefreshRef.current = onRefresh; });
-
-  useEffect(() => {
-    if (!enabled) return;
-
-    const onTouchStart = (e: TouchEvent) => {
-      if (refreshingRef.current || window.scrollY > 0) {
-        startY.current = null;
-        return;
-      }
-      startY.current = e.touches[0].clientY;
-      pulling.current = false;
-      distance.current = 0;
-    };
-
-    const onTouchMove = (e: TouchEvent) => {
-      if (refreshingRef.current || startY.current == null) return;
-      const dy = e.touches[0].clientY - startY.current;
-      if (dy <= 0) {
-        pulling.current = false;
-        distance.current = 0;
-        setPullDistance(0);
-        return;
-      }
-      pulling.current = true;
-      const adjusted = Math.min(maxPull, dy * 0.5);
-      distance.current = adjusted;
-      setPullDistance(adjusted);
-      if (e.cancelable) e.preventDefault();
-    };
-
-    const onTouchEnd = () => {
-      if (!pulling.current) {
-        startY.current = null;
-        setPullDistance(0);
-        return;
-      }
-      const pulled = distance.current;
-      startY.current = null;
-      pulling.current = false;
-      distance.current = 0;
-      if (pulled >= threshold) {
-        refreshingRef.current = true;
-        setRefreshing(true);
-        setPullDistance(threshold);
-        Promise.resolve(onRefreshRef.current())
-          .catch(() => { /* swallow — indicator still closes */ })
-          .finally(() => {
-            refreshingRef.current = false;
-            setRefreshing(false);
-            setPullDistance(0);
-          });
-      } else {
-        setPullDistance(0);
-      }
-    };
-
-    window.addEventListener("touchstart", onTouchStart, { passive: true });
-    window.addEventListener("touchmove", onTouchMove, { passive: false });
-    window.addEventListener("touchend", onTouchEnd, { passive: true });
-    window.addEventListener("touchcancel", onTouchEnd, { passive: true });
-    return () => {
-      window.removeEventListener("touchstart", onTouchStart);
-      window.removeEventListener("touchmove", onTouchMove);
-      window.removeEventListener("touchend", onTouchEnd);
-      window.removeEventListener("touchcancel", onTouchEnd);
-    };
-  }, [enabled, threshold, maxPull]);
-
-  return { pullDistance, refreshing, threshold };
-}

package/palmier-server/pwa/src/hooks/usePushSubscription.ts

@@ -1,77 +0,0 @@
-import { useEffect, useRef } from "react";
-import { Capacitor } from "@capacitor/core";
-import { useHostConnection } from "../contexts/HostConnectionContext";
-import { apiPost, apiGet } from "../api";
-
-export function usePushSubscription() {
-  const { activeHost } = useHostConnection();
-  const subscribedRef = useRef<string | null>(null);
-
-  useEffect(() => {
-    // Native app uses FCM for notifications, not Web Push
-    if (Capacitor.isNativePlatform()) return;
-    // Skip push subscription for direct-only (LAN) hosts — no cloud server to relay through
-    if (activeHost.directUrl || subscribedRef.current === activeHost.hostId) return;
-
-    async function subscribe() {
-      try {
-        if (!("serviceWorker" in navigator) || !("PushManager" in window)) {
-          console.warn("[Push] Push notifications not supported");
-          return;
-        }
-
-        const registration = await navigator.serviceWorker.ready;
-
-        // Send hostId to SW so it can include it in push responses
-        registration.active?.postMessage({
-          type: "set-host-id",
-          hostId: activeHost.hostId,
-        });
-
-        let subscription = await registration.pushManager.getSubscription();
-
-        if (!subscription) {
-          // Get VAPID public key from server
-          const { publicKey } = await apiGet<{ publicKey: string }>(
-            "/api/push/vapid-key"
-          );
-
-          if (!publicKey) {
-            console.warn("[Push] No VAPID public key configured on server");
-            return;
-          }
-
-          // Request permission
-          const permission = await Notification.requestPermission();
-          if (permission !== "granted") {
-            console.log("[Push] Permission denied");
-            return;
-          }
-
-          // Subscribe
-          subscription = await registration.pushManager.subscribe({
-            userVisibleOnly: true,
-            applicationServerKey: publicKey,
-          });
-        }
-
-        // Always ensure subscription is saved to server
-        const sub = subscription.toJSON();
-        await apiPost("/api/push/subscribe", {
-          hostId: activeHost.hostId,
-          endpoint: sub.endpoint,
-          keys: {
-            p256dh: sub.keys!.p256dh,
-            auth: sub.keys!.auth,
-          },
-        });
-
-        subscribedRef.current = activeHost.hostId;
-      } catch (err) {
-        console.error("[Push] Subscription failed:", err);
-      }
-    }
-
-    subscribe();
-  }, [activeHost]);
-}

package/palmier-server/pwa/src/main.tsx

@@ -1,14 +0,0 @@
-import { StrictMode } from "react";
-import { createRoot } from "react-dom/client";
-import { BrowserRouter } from "react-router-dom";
-import "@fontsource-variable/plus-jakarta-sans";
-import App from "./App";
-import "./App.css";
-
-createRoot(document.getElementById("root")!).render(
-  <StrictMode>
-    <BrowserRouter>
-      <App />
-    </BrowserRouter>
-  </StrictMode>
-);

package/palmier-server/pwa/src/native/Device.ts

@@ -1,49 +0,0 @@
-import { Capacitor, registerPlugin, type PluginListenerHandle } from "@capacitor/core";
-
-export interface DeepLinkEvent {
-  path: string;
-}
-
-export interface InstalledApp {
-  packageName: string;
-  appName: string;
-}
-
-export interface CapabilityStatus {
-  name: string;
-  enabled: boolean;
-  supported: boolean;
-}
-
-export type SetCapabilityReason = "denied" | "no-email-client" | "unsupported";
-
-export interface SetCapabilityResult {
-  enabled: boolean;
-  reason?: SetCapabilityReason;
-}
-
-interface DevicePlugin {
-  getFcmToken(): Promise<{ token: string }>;
-  /** Returns one entry per capability the APK knows about. The PWA renders only these. */
-  getCapabilityStatus(): Promise<{ capabilities: CapabilityStatus[] }>;
-  /**
-   * Atomically gates a single capability. When `enabled: true`, the plugin drives
-   * any required permission dialog or system-Settings round-trip and writes the
-   * native kill-switch only on grant. When `enabled: false`, the kill-switch is
-   * removed (no OS dialog). The returned `enabled` reflects the actual stored
-   * state; `reason` distinguishes denial from preconditions like
-   * "no email app installed".
-   */
-  setCapabilityEnabled(opts: { capability: string; enabled: boolean }): Promise<SetCapabilityResult>;
-  /** Returns user-visible (launcher) apps on the device. */
-  getInstalledApps(): Promise<{ apps: InstalledApp[] }>;
-  addListener(
-    event: "deepLink",
-    handler: (ev: DeepLinkEvent) => void
-  ): Promise<PluginListenerHandle>;
-}
-
-/** Null on web — callers must guard with Capacitor.isNativePlatform(). */
-export const Device = Capacitor.isNativePlatform()
-  ? registerPlugin<DevicePlugin>("Device")
-  : null;