@cairntale/chimeling-react 0.0.0 → 1.0.0-alpha.0

package/CHANGELOG.md

@@ -0,0 +1,7 @@
+# @cairntale/chimeling-react
+
+## 1.0.0-alpha.0
+
+### Major Changes
+
+- 0a41f7b: Initial public alpha toward 1.0.0.

package/dist/components/chimeling.d.ts

@@ -0,0 +1,12 @@
+import { ChimelingRoot } from "./root.js";
+import { ChimelingTrigger } from "./trigger.js";
+import { ChimelingPopover } from "./popover.js";
+//#region src/components/chimeling.d.ts
+declare const Chimeling: {
+  Root: typeof ChimelingRoot;
+  Trigger: typeof ChimelingTrigger;
+  Popover: typeof ChimelingPopover;
+};
+//#endregion
+export { Chimeling };
+//# sourceMappingURL=chimeling.d.ts.map

package/dist/components/chimeling.js

@@ -0,0 +1,13 @@
+import { ChimelingRoot } from "./root.js";
+import { ChimelingTrigger } from "./trigger.js";
+import { ChimelingPopover } from "./popover.js";
+//#region src/components/chimeling.ts
+const Chimeling = {
+	Root: ChimelingRoot,
+	Trigger: ChimelingTrigger,
+	Popover: ChimelingPopover
+};
+//#endregion
+export { Chimeling };
+
+//# sourceMappingURL=chimeling.js.map

package/dist/components/chimeling.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chimeling.js","names":[],"sources":["../../src/components/chimeling.ts"],"sourcesContent":["import { ChimelingRoot } from './root'\nimport { ChimelingTrigger } from './trigger'\nimport { ChimelingPopover } from './popover'\n\nexport const Chimeling = {\n  Root: ChimelingRoot,\n  Trigger: ChimelingTrigger,\n  Popover: ChimelingPopover,\n}\n"],"mappings":";;;;AAIA,MAAa,YAAY;CACvB,MAAM;CACN,SAAS;CACT,SAAS;AACX"}

package/dist/components/index.d.ts

@@ -0,0 +1,7 @@
+import { ChimelingProvider } from "./provider.js";
+import { PresenceActivity, ShowablePresence } from "../lib/showable-presence.js";
+import { ChimelingRoot, ChimelingRootProps } from "./root.js";
+import { ChimelingTrigger, ChimelingTriggerProps } from "./trigger.js";
+import { ChimelingPopover, ChimelingPopoverProps } from "./popover.js";
+import { Chimeling } from "./chimeling.js";
+export { Chimeling, ChimelingPopover, type ChimelingPopoverProps, ChimelingProvider, ChimelingRoot, type ChimelingRootProps, ChimelingTrigger, type ChimelingTriggerProps, type PresenceActivity, type ShowablePresence };

package/dist/components/index.js

@@ -0,0 +1,7 @@
+"use client";
+import { ChimelingProvider } from "./provider.js";
+import { ChimelingRoot } from "./root.js";
+import { ChimelingTrigger } from "./trigger.js";
+import { ChimelingPopover } from "./popover.js";
+import { Chimeling } from "./chimeling.js";
+export { Chimeling, ChimelingPopover, ChimelingProvider, ChimelingRoot, ChimelingTrigger };

package/dist/components/logo.js

@@ -0,0 +1,19 @@
+import { jsx } from "react/jsx-runtime";
+//#region src/components/logo.tsx
+function Logo() {
+	return /* @__PURE__ */ jsx("svg", {
+		width: "1em",
+		height: "1em",
+		viewBox: "0 0 804 804",
+		fill: "none",
+		xmlns: "http://www.w3.org/2000/svg",
+		children: /* @__PURE__ */ jsx("path", {
+			d: "M402 0C600.823 0 762 161.177 762 360C762 525.32 650.565 664.61 498.711 706.86C489.497 709.423 484.89 710.705 482.445 713.923C480 717.141 480 721.695 480 730.802V774.682C480 790.69 480 798.695 474.745 802.266C469.489 805.837 462.047 802.89 447.163 796.996L340.163 754.62C332.821 751.712 329.149 750.259 327.075 747.205C325 744.152 325 740.204 325 732.306V731.08C325 721.947 325 717.381 322.545 714.159C320.09 710.937 315.467 709.664 306.221 707.119C153.891 665.181 42 525.658 42 360C42 161.177 203.177 0 402 0ZM402 243C245.151 243 118 345.975 118 473C118 569.681 191.658 652.427 296.005 686.445C308.733 690.594 315.097 692.669 320.049 689.075C325 685.482 325 678.444 325 664.368V475.318C325 459.31 325 451.305 330.255 447.734C335.511 444.163 342.953 447.11 357.837 453.004L464.837 495.38C472.179 498.288 475.851 499.741 477.925 502.795C480 505.848 480 509.796 480 517.694V664.044C480 678.16 480 685.217 484.968 688.81C489.936 692.403 496.311 690.3 509.059 686.095C612.843 651.863 686 569.351 686 473C686 345.975 558.849 243 402 243Z",
+			fill: "currentColor"
+		})
+	});
+}
+//#endregion
+export { Logo as default };
+
+//# sourceMappingURL=logo.js.map

package/dist/components/logo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"logo.js","names":[],"sources":["../../src/components/logo.tsx"],"sourcesContent":["function Logo() {\n  return (\n    <svg\n      width=\"1em\"\n      height=\"1em\"\n      viewBox=\"0 0 804 804\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        d=\"M402 0C600.823 0 762 161.177 762 360C762 525.32 650.565 664.61 498.711 706.86C489.497 709.423 484.89 710.705 482.445 713.923C480 717.141 480 721.695 480 730.802V774.682C480 790.69 480 798.695 474.745 802.266C469.489 805.837 462.047 802.89 447.163 796.996L340.163 754.62C332.821 751.712 329.149 750.259 327.075 747.205C325 744.152 325 740.204 325 732.306V731.08C325 721.947 325 717.381 322.545 714.159C320.09 710.937 315.467 709.664 306.221 707.119C153.891 665.181 42 525.658 42 360C42 161.177 203.177 0 402 0ZM402 243C245.151 243 118 345.975 118 473C118 569.681 191.658 652.427 296.005 686.445C308.733 690.594 315.097 692.669 320.049 689.075C325 685.482 325 678.444 325 664.368V475.318C325 459.31 325 451.305 330.255 447.734C335.511 444.163 342.953 447.11 357.837 453.004L464.837 495.38C472.179 498.288 475.851 499.741 477.925 502.795C480 505.848 480 509.796 480 517.694V664.044C480 678.16 480 685.217 484.968 688.81C489.936 692.403 496.311 690.3 509.059 686.095C612.843 651.863 686 569.351 686 473C686 345.975 558.849 243 402 243Z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  )\n}\n\nexport default Logo\n"],"mappings":";;AAAA,SAAS,OAAO;CACd,OACE,oBAAC,OAAD;EACE,OAAM;EACN,QAAO;EACP,SAAQ;EACR,MAAK;EACL,OAAM;EAEN,UAAA,oBAAC,QAAD;GACE,GAAE;GACF,MAAK;EACN,CAAA;CACE,CAAA;AAET"}

package/dist/components/popover.d.ts

@@ -0,0 +1,7 @@
+import { PopoverPopupProps } from "@base-ui/react/popover";
+//#region src/components/popover.d.ts
+type ChimelingPopoverProps = Pick<PopoverPopupProps, 'className' | 'style'>;
+declare function ChimelingPopover({ className, style }: ChimelingPopoverProps): import("react").JSX.Element | null;
+//#endregion
+export { ChimelingPopover, ChimelingPopoverProps };
+//# sourceMappingURL=popover.d.ts.map

package/dist/components/popover.js

@@ -0,0 +1,36 @@
+"use client";
+import { useWidgetContext } from "../lib/widget-context.js";
+import { formatActivityDuration } from "../lib/format-activity-duration.js";
+import { iconImageUrl } from "../lib/icon-url.js";
+import Logo from "./logo.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Popover } from "@base-ui/react/popover";
+//#region src/components/popover.tsx
+function ChimelingPopover({ className, style }) {
+	const { showable, now, poweredBy, placement, baseUrl } = useWidgetContext();
+	if (!showable) return null;
+	const { gerund, appName, iconHash, startedAt } = showable.activity;
+	return /* @__PURE__ */ jsx(Popover.Portal, { children: /* @__PURE__ */ jsx(Popover.Positioner, {
+		side: placement.side,
+		align: placement.align,
+		sideOffset: placement.sideOffset,
+		children: /* @__PURE__ */ jsxs(Popover.Popup, {
+			className,
+			style,
+			children: [
+				/* @__PURE__ */ jsx(Popover.Description, { children: gerund }),
+				/* @__PURE__ */ jsx(Popover.Title, { children: appName }),
+				/* @__PURE__ */ jsx("span", { children: formatActivityDuration(startedAt, now) }),
+				iconHash ? /* @__PURE__ */ jsx("img", {
+					src: iconImageUrl(baseUrl, iconHash),
+					alt: ""
+				}) : null,
+				poweredBy ? /* @__PURE__ */ jsxs("div", { children: ["Powered by ", /* @__PURE__ */ jsx(Logo, {})] }) : null
+			]
+		})
+	}) });
+}
+//#endregion
+export { ChimelingPopover };
+
+//# sourceMappingURL=popover.js.map

package/dist/components/popover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover.js","names":[],"sources":["../../src/components/popover.tsx"],"sourcesContent":["'use client'\n\nimport { Popover } from '@base-ui/react/popover'\nimport type { PopoverPopupProps } from '@base-ui/react/popover'\nimport { formatActivityDuration } from '../lib/format-activity-duration'\nimport { iconImageUrl } from '../lib/icon-url'\nimport { useWidgetContext } from '../lib/widget-context'\nimport Logo from './logo'\n\n// TODO: decide whether to expose the rest of Base UI Popup props.\nexport type ChimelingPopoverProps = Pick<PopoverPopupProps, 'className' | 'style'>\n\nexport function ChimelingPopover({ className, style }: ChimelingPopoverProps) {\n  const { showable, now, poweredBy, placement, baseUrl } = useWidgetContext()\n\n  if (!showable) {\n    return null\n  }\n\n  const { gerund, appName, iconHash, startedAt } = showable.activity\n\n  return (\n    <Popover.Portal>\n      {/* TODO: decide whether to expose the rest of Base UI Positioner props. */}\n      <Popover.Positioner\n        side={placement.side}\n        align={placement.align}\n        sideOffset={placement.sideOffset}\n      >\n        <Popover.Popup className={className} style={style}>\n          <Popover.Description>{gerund}</Popover.Description>\n          <Popover.Title>{appName}</Popover.Title>\n          <span>{formatActivityDuration(startedAt, now)}</span>\n          {iconHash ? <img src={iconImageUrl(baseUrl, iconHash)} alt=\"\" /> : null}\n          {poweredBy ? (\n            <div>\n              Powered by <Logo />\n            </div>\n          ) : null}\n        </Popover.Popup>\n      </Popover.Positioner>\n    </Popover.Portal>\n  )\n}\n"],"mappings":";;;;;;;;AAYA,SAAgB,iBAAiB,EAAE,WAAW,SAAgC;CAC5E,MAAM,EAAE,UAAU,KAAK,WAAW,WAAW,YAAY,iBAAiB;CAE1E,IAAI,CAAC,UACH,OAAO;CAGT,MAAM,EAAE,QAAQ,SAAS,UAAU,cAAc,SAAS;CAE1D,OACE,oBAAC,QAAQ,QAAT,EAAA,UAEE,oBAAC,QAAQ,YAAT;EACE,MAAM,UAAU;EAChB,OAAO,UAAU;EACjB,YAAY,UAAU;EAEtB,UAAA,qBAAC,QAAQ,OAAT;GAA0B;GAAkB;GAA5C,UAAA;IACE,oBAAC,QAAQ,aAAT,EAAA,UAAsB,OAA4B,CAAA;IAClD,oBAAC,QAAQ,OAAT,EAAA,UAAgB,QAAuB,CAAA;IACvC,oBAAC,QAAD,EAAA,UAAO,uBAAuB,WAAW,GAAG,EAAQ,CAAA;IACnD,WAAW,oBAAC,OAAD;KAAK,KAAK,aAAa,SAAS,QAAQ;KAAG,KAAI;IAAI,CAAA,IAAI;IAClE,YACC,qBAAC,OAAD,EAAA,UAAA,CAAK,eACQ,oBAAC,MAAD,CAAO,CAAA,CACf,EAAA,CAAA,IACH;GACS;;CACG,CAAA,EACN,CAAA;AAEpB"}

package/dist/components/provider.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from "react";
+//#region src/components/provider.d.ts
+type ChimelingProviderProps = {
+  baseUrl?: string;
+  refreshInterval?: number;
+  children: ReactNode;
+};
+declare function ChimelingProvider({ baseUrl, refreshInterval, children }: ChimelingProviderProps): import("react").JSX.Element;
+//#endregion
+export { ChimelingProvider };
+//# sourceMappingURL=provider.d.ts.map

package/dist/components/provider.js

@@ -0,0 +1,24 @@
+"use client";
+import { createConfig } from "../sdk/src/client/client/utils.gen.js";
+import { createClient } from "../sdk/src/client/client/client.gen.js";
+import "../sdk/src/client/client/index.js";
+import { DEFAULT_PRESENCE_REFRESH_INTERVAL } from "../lib/config.js";
+import { ChimelingContext } from "../lib/context.js";
+import { useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/provider.tsx
+function ChimelingProvider({ baseUrl, refreshInterval = DEFAULT_PRESENCE_REFRESH_INTERVAL, children }) {
+	const client = useMemo(() => createClient(createConfig({ baseUrl: baseUrl ?? "https://chimeling.app" })), [baseUrl]);
+	const value = useMemo(() => ({
+		client,
+		refreshInterval
+	}), [client, refreshInterval]);
+	return /* @__PURE__ */ jsx(ChimelingContext.Provider, {
+		value,
+		children
+	});
+}
+//#endregion
+export { ChimelingProvider };
+
+//# sourceMappingURL=provider.js.map

package/dist/components/provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"provider.js","names":[],"sources":["../../src/components/provider.tsx"],"sourcesContent":["'use client'\n\nimport { useMemo, type ReactNode } from 'react'\nimport { createClient, createConfig } from '../../../sdk/src/client/client'\nimport { DEFAULT_PRESENCE_REFRESH_INTERVAL } from '../lib/config'\nimport { ChimelingContext } from '../lib/context'\n\ntype ChimelingProviderProps = {\n  baseUrl?: string\n  refreshInterval?: number\n  children: ReactNode\n}\n\nexport function ChimelingProvider({\n  baseUrl,\n  refreshInterval = DEFAULT_PRESENCE_REFRESH_INTERVAL,\n  children,\n}: ChimelingProviderProps) {\n  const client = useMemo(\n    () => createClient(createConfig({ baseUrl: baseUrl ?? 'https://chimeling.app' })),\n    [baseUrl],\n  )\n  const value = useMemo(() => ({ client, refreshInterval }), [client, refreshInterval])\n\n  return <ChimelingContext.Provider value={value}>{children}</ChimelingContext.Provider>\n}\n"],"mappings":";;;;;;;;;AAaA,SAAgB,kBAAkB,EAChC,SACA,kBAAkB,mCAClB,YACyB;CACzB,MAAM,SAAS,cACP,aAAa,aAAa,EAAE,SAAS,WAAW,wBAAwB,CAAC,CAAC,GAChF,CAAC,OAAO,CACV;CACA,MAAM,QAAQ,eAAe;EAAE;EAAQ;CAAgB,IAAI,CAAC,QAAQ,eAAe,CAAC;CAEpF,OAAO,oBAAC,iBAAiB,UAAlB;EAAkC;EAAQ;CAAoC,CAAA;AACvF"}

package/dist/components/root.d.ts

@@ -0,0 +1,20 @@
+import { GetResolvedUserPresenceResponse } from "../sdk/dist/types.gen.js";
+import { ShowablePresence } from "../lib/showable-presence.js";
+import { WidgetPlacement } from "../lib/widget-context.js";
+import { ReactNode } from "react";
+//#region src/components/root.d.ts
+type ChimelingRootProps = WidgetPlacement & {
+  userId: string;
+  children: ReactNode;
+  poweredBy?: boolean;
+  openOnHover?: boolean;
+  hoverOpenDelay?: number;
+  hoverCloseDelay?: number;
+  onReady?: (presence: ShowablePresence) => void;
+  presence?: GetResolvedUserPresenceResponse;
+  refreshInterval?: number;
+};
+declare function ChimelingRoot({ userId, children, poweredBy, openOnHover, hoverOpenDelay, hoverCloseDelay, onReady, presence: presenceOverride, refreshInterval, side, align, sideOffset }: ChimelingRootProps): import("react").JSX.Element;
+//#endregion
+export { ChimelingRoot, ChimelingRootProps };
+//# sourceMappingURL=root.d.ts.map

package/dist/components/root.js

@@ -0,0 +1,66 @@
+"use client";
+import { useChimelingContext } from "../lib/context.js";
+import { useResolvedUserPresence } from "../hooks/use-resolved-user-presence.js";
+import { getShowablePresence } from "../lib/showable-presence.js";
+import { WidgetContext } from "../lib/widget-context.js";
+import { useEffect, useMemo, useRef, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+import { Popover } from "@base-ui/react/popover";
+//#region src/components/root.tsx
+const DEFAULT_HOVER_OPEN_DELAY = 300;
+const DEFAULT_HOVER_CLOSE_DELAY = 0;
+function ChimelingRoot({ userId, children, poweredBy = true, openOnHover = false, hoverOpenDelay = DEFAULT_HOVER_OPEN_DELAY, hoverCloseDelay = DEFAULT_HOVER_CLOSE_DELAY, onReady, presence: presenceOverride, refreshInterval, side, align, sideOffset }) {
+	const { client } = useChimelingContext();
+	const fetched = useResolvedUserPresence(presenceOverride === void 0 ? userId : "", { refreshInterval });
+	const presence = presenceOverride ?? fetched.data;
+	const showable = useMemo(() => getShowablePresence(presence), [presence]);
+	const [now, setNow] = useState(() => /* @__PURE__ */ new Date());
+	const readyRef = useRef(false);
+	useEffect(() => {
+		if (!showable) return;
+		const id = setInterval(() => setNow(/* @__PURE__ */ new Date()), 1e3);
+		return () => clearInterval(id);
+	}, [showable]);
+	useEffect(() => {
+		if (readyRef.current || !showable) return;
+		readyRef.current = true;
+		onReady?.(showable);
+	}, [showable, onReady]);
+	const baseUrl = client.getConfig().baseUrl ?? "";
+	const placement = useMemo(() => ({
+		side,
+		align,
+		sideOffset
+	}), [
+		side,
+		align,
+		sideOffset
+	]);
+	const value = useMemo(() => ({
+		showable,
+		now,
+		poweredBy,
+		openOnHover,
+		hoverOpenDelay,
+		hoverCloseDelay,
+		placement,
+		baseUrl
+	}), [
+		showable,
+		now,
+		poweredBy,
+		openOnHover,
+		hoverOpenDelay,
+		hoverCloseDelay,
+		placement,
+		baseUrl
+	]);
+	return /* @__PURE__ */ jsx(WidgetContext.Provider, {
+		value,
+		children: showable ? /* @__PURE__ */ jsx(Popover.Root, { children }) : children
+	});
+}
+//#endregion
+export { ChimelingRoot };
+
+//# sourceMappingURL=root.js.map

package/dist/components/root.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"root.js","names":[],"sources":["../../src/components/root.tsx"],"sourcesContent":["'use client'\n\nimport { useEffect, useMemo, useRef, useState, type ReactNode } from 'react'\nimport { Popover } from '@base-ui/react/popover'\nimport type { GetResolvedUserPresenceResponse } from '@cairntale/chimeling-js'\nimport { useResolvedUserPresence } from '../hooks/use-resolved-user-presence'\nimport { useChimelingContext } from '../lib/context'\nimport { getShowablePresence, type ShowablePresence } from '../lib/showable-presence'\nimport { WidgetContext, type WidgetPlacement } from '../lib/widget-context'\n\nconst DEFAULT_HOVER_OPEN_DELAY = 300\nconst DEFAULT_HOVER_CLOSE_DELAY = 0\n\nexport type ChimelingRootProps = WidgetPlacement & {\n  userId: string\n  children: ReactNode\n  poweredBy?: boolean\n  openOnHover?: boolean\n  hoverOpenDelay?: number\n  hoverCloseDelay?: number\n  onReady?: (presence: ShowablePresence) => void\n  presence?: GetResolvedUserPresenceResponse\n  refreshInterval?: number\n}\n\nexport function ChimelingRoot({\n  userId,\n  children,\n  poweredBy = true,\n  openOnHover = false,\n  hoverOpenDelay = DEFAULT_HOVER_OPEN_DELAY,\n  hoverCloseDelay = DEFAULT_HOVER_CLOSE_DELAY,\n  onReady,\n  presence: presenceOverride,\n  refreshInterval,\n  side,\n  align,\n  sideOffset,\n}: ChimelingRootProps) {\n  const { client } = useChimelingContext()\n  const fetched = useResolvedUserPresence(presenceOverride === undefined ? userId : '', {\n    refreshInterval,\n  })\n  const presence = presenceOverride ?? fetched.data\n  const showable = useMemo(() => getShowablePresence(presence), [presence])\n\n  const [now, setNow] = useState(() => new Date())\n  const readyRef = useRef(false)\n\n  useEffect(() => {\n    if (!showable) {\n      return\n    }\n\n    const id = setInterval(() => setNow(new Date()), 1000)\n    return () => clearInterval(id)\n  }, [showable])\n\n  useEffect(() => {\n    if (readyRef.current || !showable) {\n      return\n    }\n\n    readyRef.current = true\n    onReady?.(showable)\n  }, [showable, onReady])\n\n  const baseUrl = client.getConfig().baseUrl ?? ''\n  const placement = useMemo(() => ({ side, align, sideOffset }), [side, align, sideOffset])\n\n  const value = useMemo(\n    () => ({\n      showable,\n      now,\n      poweredBy,\n      openOnHover,\n      hoverOpenDelay,\n      hoverCloseDelay,\n      placement,\n      baseUrl,\n    }),\n    [showable, now, poweredBy, openOnHover, hoverOpenDelay, hoverCloseDelay, placement, baseUrl],\n  )\n\n  return (\n    <WidgetContext.Provider value={value}>\n      {/* TODO: decide whether to expose Base UI Root props (open, onOpenChange, …). */}\n      {showable ? <Popover.Root>{children}</Popover.Root> : children}\n    </WidgetContext.Provider>\n  )\n}\n"],"mappings":";;;;;;;;;AAUA,MAAM,2BAA2B;AACjC,MAAM,4BAA4B;AAclC,SAAgB,cAAc,EAC5B,QACA,UACA,YAAY,MACZ,cAAc,OACd,iBAAiB,0BACjB,kBAAkB,2BAClB,SACA,UAAU,kBACV,iBACA,MACA,OACA,cACqB;CACrB,MAAM,EAAE,WAAW,oBAAoB;CACvC,MAAM,UAAU,wBAAwB,qBAAqB,KAAA,IAAY,SAAS,IAAI,EACpF,gBACF,CAAC;CACD,MAAM,WAAW,oBAAoB,QAAQ;CAC7C,MAAM,WAAW,cAAc,oBAAoB,QAAQ,GAAG,CAAC,QAAQ,CAAC;CAExE,MAAM,CAAC,KAAK,UAAU,+BAAe,IAAI,KAAK,CAAC;CAC/C,MAAM,WAAW,OAAO,KAAK;CAE7B,gBAAgB;EACd,IAAI,CAAC,UACH;EAGF,MAAM,KAAK,kBAAkB,uBAAO,IAAI,KAAK,CAAC,GAAG,GAAI;EACrD,aAAa,cAAc,EAAE;CAC/B,GAAG,CAAC,QAAQ,CAAC;CAEb,gBAAgB;EACd,IAAI,SAAS,WAAW,CAAC,UACvB;EAGF,SAAS,UAAU;EACnB,UAAU,QAAQ;CACpB,GAAG,CAAC,UAAU,OAAO,CAAC;CAEtB,MAAM,UAAU,OAAO,UAAU,CAAC,CAAC,WAAW;CAC9C,MAAM,YAAY,eAAe;EAAE;EAAM;EAAO;CAAW,IAAI;EAAC;EAAM;EAAO;CAAU,CAAC;CAExF,MAAM,QAAQ,eACL;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,IACA;EAAC;EAAU;EAAK;EAAW;EAAa;EAAgB;EAAiB;EAAW;CAAO,CAC7F;CAEA,OACE,oBAAC,cAAc,UAAf;EAA+B;EAE5B,UAAA,WAAW,oBAAC,QAAQ,MAAT,EAAe,SAAuB,CAAA,IAAI;CAChC,CAAA;AAE5B"}

package/dist/components/trigger.d.ts

@@ -0,0 +1,7 @@
+import { PopoverTriggerProps } from "@base-ui/react/popover";
+//#region src/components/trigger.d.ts
+type ChimelingTriggerProps = Pick<PopoverTriggerProps, 'className' | 'style' | 'nativeButton' | 'id'>;
+declare function ChimelingTrigger({ className, style, nativeButton, id }: ChimelingTriggerProps): import("react").JSX.Element | null;
+//#endregion
+export { ChimelingTrigger, ChimelingTriggerProps };
+//# sourceMappingURL=trigger.d.ts.map

package/dist/components/trigger.js

@@ -0,0 +1,23 @@
+"use client";
+import { useWidgetContext } from "../lib/widget-context.js";
+import { jsx } from "react/jsx-runtime";
+import { Popover } from "@base-ui/react/popover";
+//#region src/components/trigger.tsx
+function ChimelingTrigger({ className, style, nativeButton, id }) {
+	const { showable, openOnHover, hoverOpenDelay, hoverCloseDelay } = useWidgetContext();
+	if (!showable) return null;
+	return /* @__PURE__ */ jsx(Popover.Trigger, {
+		className,
+		style,
+		nativeButton,
+		id,
+		openOnHover,
+		delay: hoverOpenDelay,
+		closeDelay: hoverCloseDelay,
+		children: showable.activity.gerund
+	});
+}
+//#endregion
+export { ChimelingTrigger };
+
+//# sourceMappingURL=trigger.js.map

package/dist/components/trigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"trigger.js","names":[],"sources":["../../src/components/trigger.tsx"],"sourcesContent":["'use client'\n\nimport { Popover } from '@base-ui/react/popover'\nimport type { PopoverTriggerProps } from '@base-ui/react/popover'\nimport { useWidgetContext } from '../lib/widget-context'\n\n// TODO: decide whether to expose the rest of Base UI Trigger props.\nexport type ChimelingTriggerProps = Pick<\n  PopoverTriggerProps,\n  'className' | 'style' | 'nativeButton' | 'id'\n>\n\nexport function ChimelingTrigger({ className, style, nativeButton, id }: ChimelingTriggerProps) {\n  const { showable, openOnHover, hoverOpenDelay, hoverCloseDelay } = useWidgetContext()\n\n  if (!showable) {\n    return null\n  }\n\n  return (\n    <Popover.Trigger\n      className={className}\n      style={style}\n      nativeButton={nativeButton}\n      id={id}\n      openOnHover={openOnHover}\n      delay={hoverOpenDelay}\n      closeDelay={hoverCloseDelay}\n    >\n      {showable.activity.gerund}\n    </Popover.Trigger>\n  )\n}\n"],"mappings":";;;;;AAYA,SAAgB,iBAAiB,EAAE,WAAW,OAAO,cAAc,MAA6B;CAC9F,MAAM,EAAE,UAAU,aAAa,gBAAgB,oBAAoB,iBAAiB;CAEpF,IAAI,CAAC,UACH,OAAO;CAGT,OACE,oBAAC,QAAQ,SAAT;EACa;EACJ;EACO;EACV;EACS;EACb,OAAO;EACP,YAAY;EAEX,UAAA,SAAS,SAAS;CACJ,CAAA;AAErB"}

package/dist/hooks/index.js

@@ -0,0 +1,4 @@
+"use client";
+import { useResolvedUserPresence } from "./use-resolved-user-presence.js";
+import { useChimelingClient } from "./use-client.js";
+export { useChimelingClient, useResolvedUserPresence };

package/dist/hooks/use-client.d.ts

@@ -0,0 +1,6 @@
+import { ChimelingClient } from "../types.js";
+//#region src/hooks/use-client.d.ts
+declare function useChimelingClient(): ChimelingClient;
+//#endregion
+export { useChimelingClient };
+//# sourceMappingURL=use-client.d.ts.map

package/dist/hooks/use-client.js

@@ -0,0 +1,10 @@
+"use client";
+import { useChimelingContext } from "../lib/context.js";
+//#region src/hooks/use-client.ts
+function useChimelingClient() {
+	return useChimelingContext().client;
+}
+//#endregion
+export { useChimelingClient };
+
+//# sourceMappingURL=use-client.js.map

package/dist/hooks/use-client.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-client.js","names":[],"sources":["../../src/hooks/use-client.ts"],"sourcesContent":["'use client'\n\nimport { useChimelingContext } from '../lib/context'\nimport type { ChimelingClient } from '../types'\n\nexport function useChimelingClient(): ChimelingClient {\n  return useChimelingContext().client\n}\n"],"mappings":";;;AAKA,SAAgB,qBAAsC;CACpD,OAAO,oBAAoB,CAAC,CAAC;AAC/B"}

package/dist/hooks/use-resolved-user-presence.d.ts

@@ -0,0 +1,27 @@
+//#region src/hooks/use-resolved-user-presence.d.ts
+declare function useResolvedUserPresence(userId: string, options?: {
+  refreshInterval?: number;
+}): import("swr").SWRResponse<{
+  status: "offline";
+} | {
+  status: "online";
+  activity: {
+    gerund: string;
+    appName: string;
+    iconHash: string | null;
+    startedAt: Date;
+  } | null;
+} | {
+  status: "idle";
+  activity: {
+    gerund: string;
+    appName: string;
+    iconHash: string | null;
+    startedAt: Date;
+  } | null;
+}, any, {
+  refreshInterval: number;
+}>;
+//#endregion
+export { useResolvedUserPresence };
+//# sourceMappingURL=use-resolved-user-presence.d.ts.map

package/dist/hooks/use-resolved-user-presence.js

@@ -0,0 +1,22 @@
+"use client";
+import { useChimelingContext } from "../lib/context.js";
+import { getResolvedUserPresence } from "../sdk/dist/sdk.gen.js";
+import "../sdk/dist/index.js";
+import { resolvedUserPresenceKey } from "../lib/presence-key.js";
+import useSWR from "swr";
+//#region src/hooks/use-resolved-user-presence.ts
+function useResolvedUserPresence(userId, options) {
+	const { client, refreshInterval } = useChimelingContext();
+	const baseUrl = client.getConfig().baseUrl ?? "";
+	return useSWR(userId ? resolvedUserPresenceKey(userId, baseUrl) : null, async ([, , , id]) => {
+		const { data } = await getResolvedUserPresence({ userId: id }, {
+			client,
+			throwOnError: true
+		});
+		return data;
+	}, { refreshInterval: options?.refreshInterval ?? refreshInterval });
+}
+//#endregion
+export { useResolvedUserPresence };
+
+//# sourceMappingURL=use-resolved-user-presence.js.map

package/dist/hooks/use-resolved-user-presence.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-resolved-user-presence.js","names":[],"sources":["../../src/hooks/use-resolved-user-presence.ts"],"sourcesContent":["'use client'\n\nimport useSWR from 'swr'\nimport { getResolvedUserPresence } from '@cairntale/chimeling-js'\nimport { useChimelingContext } from '../lib/context'\nimport { resolvedUserPresenceKey } from '../lib/presence-key'\n\nexport function useResolvedUserPresence(\n  userId: string,\n  options?: {\n    refreshInterval?: number\n  },\n) {\n  const { client, refreshInterval } = useChimelingContext()\n  const baseUrl = client.getConfig().baseUrl ?? ''\n\n  return useSWR(\n    userId ? resolvedUserPresenceKey(userId, baseUrl) : null,\n    async ([, , , id]) => {\n      const { data } = await getResolvedUserPresence({ userId: id }, { client, throwOnError: true })\n      return data\n    },\n    {\n      refreshInterval: options?.refreshInterval ?? refreshInterval,\n    },\n  )\n}\n"],"mappings":";;;;;;;AAOA,SAAgB,wBACd,QACA,SAGA;CACA,MAAM,EAAE,QAAQ,oBAAoB,oBAAoB;CACxD,MAAM,UAAU,OAAO,UAAU,CAAC,CAAC,WAAW;CAE9C,OAAO,OACL,SAAS,wBAAwB,QAAQ,OAAO,IAAI,MACpD,OAAO,OAAO,QAAQ;EACpB,MAAM,EAAE,SAAS,MAAM,wBAAwB,EAAE,QAAQ,GAAG,GAAG;GAAE;GAAQ,cAAc;EAAK,CAAC;EAC7F,OAAO;CACT,GACA,EACE,iBAAiB,SAAS,mBAAmB,gBAC/C,CACF;AACF"}

package/dist/index.d.ts

@@ -0,0 +1,10 @@
+import { ChimelingProvider } from "./components/provider.js";
+import { PresenceActivity, ShowablePresence } from "./lib/showable-presence.js";
+import { ChimelingRoot, ChimelingRootProps } from "./components/root.js";
+import { ChimelingTrigger, ChimelingTriggerProps } from "./components/trigger.js";
+import { ChimelingPopover, ChimelingPopoverProps } from "./components/popover.js";
+import { Chimeling } from "./components/chimeling.js";
+import "./components/index.js";
+import { useChimelingClient } from "./hooks/use-client.js";
+import { useResolvedUserPresence } from "./hooks/use-resolved-user-presence.js";
+export { Chimeling, ChimelingPopover, type ChimelingPopoverProps, ChimelingProvider, ChimelingRoot, type ChimelingRootProps, ChimelingTrigger, type ChimelingTriggerProps, type PresenceActivity, type ShowablePresence, useChimelingClient, useResolvedUserPresence };

package/dist/index.js

@@ -0,0 +1,11 @@
+"use client";
+import { ChimelingProvider } from "./components/provider.js";
+import { useResolvedUserPresence } from "./hooks/use-resolved-user-presence.js";
+import { ChimelingRoot } from "./components/root.js";
+import { ChimelingTrigger } from "./components/trigger.js";
+import { ChimelingPopover } from "./components/popover.js";
+import { Chimeling } from "./components/chimeling.js";
+import "./components/index.js";
+import { useChimelingClient } from "./hooks/use-client.js";
+import "./hooks/index.js";
+export { Chimeling, ChimelingPopover, ChimelingProvider, ChimelingRoot, ChimelingTrigger, useChimelingClient, useResolvedUserPresence };

package/dist/lib/config.js

@@ -0,0 +1,11 @@
+import { name } from "../react/package.js";
+//#region src/lib/config.ts
+const PACKAGE_NAME = name;
+const DEFAULT_PRESENCE_REFRESH_INTERVAL = 5e3;
+function packageErrorMessage(message) {
+	return `${PACKAGE_NAME}: ${message}`;
+}
+//#endregion
+export { DEFAULT_PRESENCE_REFRESH_INTERVAL, PACKAGE_NAME, packageErrorMessage };
+
+//# sourceMappingURL=config.js.map

package/dist/lib/config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.js","names":["packageJson.name"],"sources":["../../src/lib/config.ts"],"sourcesContent":["import packageJson from '../../package.json' with { type: 'json' }\n\nexport const PACKAGE_NAME = packageJson.name\n\nexport const DEFAULT_PRESENCE_REFRESH_INTERVAL = 5_000\n\nexport function packageErrorMessage(message: string): string {\n  return `${PACKAGE_NAME}: ${message}`\n}\n"],"mappings":";;AAEA,MAAa,eAAeA;AAE5B,MAAa,oCAAoC;AAEjD,SAAgB,oBAAoB,SAAyB;CAC3D,OAAO,GAAG,aAAa,IAAI;AAC7B"}

package/dist/lib/context.js

@@ -0,0 +1,14 @@
+"use client";
+import { packageErrorMessage } from "./config.js";
+import { createContext, useContext } from "react";
+//#region src/lib/context.ts
+const ChimelingContext = createContext(null);
+function useChimelingContext() {
+	const context = useContext(ChimelingContext);
+	if (!context) throw new Error(packageErrorMessage("This hook or component can only be used within the <ChimelingProvider /> component."));
+	return context;
+}
+//#endregion
+export { ChimelingContext, useChimelingContext };
+
+//# sourceMappingURL=context.js.map

package/dist/lib/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","names":[],"sources":["../../src/lib/context.ts"],"sourcesContent":["'use client'\n\nimport { createContext, useContext } from 'react'\nimport type { ChimelingClient } from '../types'\nimport { packageErrorMessage } from './config'\n\ntype ChimelingContextValue = {\n  client: ChimelingClient\n  refreshInterval: number\n}\n\nexport const ChimelingContext = createContext<ChimelingContextValue | null>(null)\n\nexport function useChimelingContext(): ChimelingContextValue {\n  const context = useContext(ChimelingContext)\n  if (!context) {\n    throw new Error(\n      packageErrorMessage(\n        'This hook or component can only be used within the <ChimelingProvider /> component.',\n      ),\n    )\n  }\n  return context\n}\n"],"mappings":";;;;AAWA,MAAa,mBAAmB,cAA4C,IAAI;AAEhF,SAAgB,sBAA6C;CAC3D,MAAM,UAAU,WAAW,gBAAgB;CAC3C,IAAI,CAAC,SACH,MAAM,IAAI,MACR,oBACE,qFACF,CACF;CAEF,OAAO;AACT"}

package/dist/lib/format-activity-duration.js

@@ -0,0 +1,26 @@
+import { formatDuration, intervalToDuration } from "date-fns";
+//#region src/lib/format-activity-duration.ts
+const UNITS = [
+	"years",
+	"months",
+	"weeks",
+	"days",
+	"hours",
+	"minutes"
+];
+const JUST_NOW_MS = 6e4;
+function formatActivityDuration(startedAt, now) {
+	const start = startedAt instanceof Date ? startedAt : new Date(startedAt);
+	if (now.getTime() - start.getTime() < JUST_NOW_MS) return "just now";
+	const duration = intervalToDuration({
+		start,
+		end: now
+	});
+	const unit = UNITS.find((name) => (duration[name] ?? 0) > 0);
+	if (!unit) return "just now";
+	return `for ${formatDuration({ [unit]: duration[unit] }, { format: [unit] })}`;
+}
+//#endregion
+export { formatActivityDuration };
+
+//# sourceMappingURL=format-activity-duration.js.map

package/dist/lib/format-activity-duration.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"format-activity-duration.js","names":[],"sources":["../../src/lib/format-activity-duration.ts"],"sourcesContent":["import { formatDuration, intervalToDuration } from 'date-fns'\n\nconst UNITS = ['years', 'months', 'weeks', 'days', 'hours', 'minutes'] as const\n\nconst JUST_NOW_MS = 60_000\n\nexport function formatActivityDuration(startedAt: Date, now: Date): string {\n  const start = startedAt instanceof Date ? startedAt : new Date(startedAt)\n  const elapsedMs = now.getTime() - start.getTime()\n  if (elapsedMs < JUST_NOW_MS) {\n    return 'just now'\n  }\n\n  const duration = intervalToDuration({ start, end: now })\n  const unit = UNITS.find(name => (duration[name] ?? 0) > 0)\n  if (!unit) {\n    return 'just now'\n  }\n\n  return `for ${formatDuration({ [unit]: duration[unit] }, { format: [unit] })}`\n}\n"],"mappings":";;AAEA,MAAM,QAAQ;CAAC;CAAS;CAAU;CAAS;CAAQ;CAAS;AAAS;AAErE,MAAM,cAAc;AAEpB,SAAgB,uBAAuB,WAAiB,KAAmB;CACzE,MAAM,QAAQ,qBAAqB,OAAO,YAAY,IAAI,KAAK,SAAS;CAExE,IADkB,IAAI,QAAQ,IAAI,MAAM,QAAQ,IAChC,aACd,OAAO;CAGT,MAAM,WAAW,mBAAmB;EAAE;EAAO,KAAK;CAAI,CAAC;CACvD,MAAM,OAAO,MAAM,MAAK,UAAS,SAAS,SAAS,KAAK,CAAC;CACzD,IAAI,CAAC,MACH,OAAO;CAGT,OAAO,OAAO,eAAe,GAAG,OAAO,SAAS,MAAM,GAAG,EAAE,QAAQ,CAAC,IAAI,EAAE,CAAC;AAC7E"}

package/dist/lib/icon-url.js

@@ -0,0 +1,9 @@
+import { joinURL } from "ufo";
+//#region src/lib/icon-url.ts
+function iconImageUrl(baseUrl, hash) {
+	return joinURL(baseUrl, "api/v1/icons", hash, "image");
+}
+//#endregion
+export { iconImageUrl };
+
+//# sourceMappingURL=icon-url.js.map

package/dist/lib/icon-url.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-url.js","names":[],"sources":["../../src/lib/icon-url.ts"],"sourcesContent":["import { joinURL } from 'ufo'\n\nexport function iconImageUrl(baseUrl: string, hash: string): string {\n  return joinURL(baseUrl, 'api/v1/icons', hash, 'image')\n}\n"],"mappings":";;AAEA,SAAgB,aAAa,SAAiB,MAAsB;CAClE,OAAO,QAAQ,SAAS,gBAAgB,MAAM,OAAO;AACvD"}

package/dist/lib/presence-key.js

@@ -0,0 +1,14 @@
+import { PACKAGE_NAME } from "./config.js";
+//#region src/lib/presence-key.ts
+function resolvedUserPresenceKey(userId, baseUrl) {
+	return [
+		PACKAGE_NAME,
+		"resolved-user-presence",
+		baseUrl,
+		userId
+	];
+}
+//#endregion
+export { resolvedUserPresenceKey };
+
+//# sourceMappingURL=presence-key.js.map

package/dist/lib/presence-key.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presence-key.js","names":[],"sources":["../../src/lib/presence-key.ts"],"sourcesContent":["import { PACKAGE_NAME } from './config'\n\nexport function resolvedUserPresenceKey(userId: string, baseUrl: string) {\n  return [PACKAGE_NAME, 'resolved-user-presence', baseUrl, userId] as const\n}\n"],"mappings":";;AAEA,SAAgB,wBAAwB,QAAgB,SAAiB;CACvE,OAAO;EAAC;EAAc;EAA0B;EAAS;CAAM;AACjE"}

package/dist/lib/showable-presence.d.ts

@@ -0,0 +1,12 @@
+import { GetResolvedUserPresenceResponse } from "../sdk/dist/types.gen.js";
+//#region src/lib/showable-presence.d.ts
+type PresenceWithActivity = Extract<GetResolvedUserPresenceResponse, {
+  status: 'online' | 'idle';
+}>;
+type PresenceActivity = NonNullable<PresenceWithActivity['activity']>;
+type ShowablePresence = Omit<PresenceWithActivity, 'activity'> & {
+  activity: PresenceActivity;
+};
+//#endregion
+export { PresenceActivity, ShowablePresence };
+//# sourceMappingURL=showable-presence.d.ts.map

package/dist/lib/showable-presence.js

@@ -0,0 +1,12 @@
+//#region src/lib/showable-presence.ts
+function getShowablePresence(presence) {
+	if (!presence || presence.status === "offline" || presence.activity == null) return null;
+	return {
+		status: presence.status,
+		activity: presence.activity
+	};
+}
+//#endregion
+export { getShowablePresence };
+
+//# sourceMappingURL=showable-presence.js.map

package/dist/lib/showable-presence.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"showable-presence.js","names":[],"sources":["../../src/lib/showable-presence.ts"],"sourcesContent":["import type { GetResolvedUserPresenceResponse } from '@cairntale/chimeling-js'\n\ntype PresenceWithActivity = Extract<GetResolvedUserPresenceResponse, { status: 'online' | 'idle' }>\n\nexport type PresenceActivity = NonNullable<PresenceWithActivity['activity']>\n\nexport type ShowablePresence = Omit<PresenceWithActivity, 'activity'> & {\n  activity: PresenceActivity\n}\n\nexport function getShowablePresence(\n  presence: GetResolvedUserPresenceResponse | undefined,\n): ShowablePresence | null {\n  if (!presence || presence.status === 'offline' || presence.activity == null) {\n    return null\n  }\n\n  return {\n    status: presence.status,\n    activity: presence.activity,\n  }\n}\n"],"mappings":";AAUA,SAAgB,oBACd,UACyB;CACzB,IAAI,CAAC,YAAY,SAAS,WAAW,aAAa,SAAS,YAAY,MACrE,OAAO;CAGT,OAAO;EACL,QAAQ,SAAS;EACjB,UAAU,SAAS;CACrB;AACF"}

package/dist/lib/widget-context.d.ts

@@ -0,0 +1,6 @@
+import { PopoverPositionerProps } from "@base-ui/react/popover";
+//#region src/lib/widget-context.d.ts
+type WidgetPlacement = Pick<PopoverPositionerProps, 'side' | 'align' | 'sideOffset'>;
+//#endregion
+export { WidgetPlacement };
+//# sourceMappingURL=widget-context.d.ts.map

package/dist/lib/widget-context.js

@@ -0,0 +1,14 @@
+"use client";
+import { packageErrorMessage } from "./config.js";
+import { createContext, useContext } from "react";
+//#region src/lib/widget-context.ts
+const WidgetContext = createContext(null);
+function useWidgetContext() {
+	const context = useContext(WidgetContext);
+	if (!context) throw new Error(packageErrorMessage("This component can only be used within the <Chimeling.Root /> component."));
+	return context;
+}
+//#endregion
+export { WidgetContext, useWidgetContext };
+
+//# sourceMappingURL=widget-context.js.map

package/dist/lib/widget-context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"widget-context.js","names":[],"sources":["../../src/lib/widget-context.ts"],"sourcesContent":["'use client'\n\nimport { createContext, useContext } from 'react'\nimport type { PopoverPositionerProps } from '@base-ui/react/popover'\nimport { packageErrorMessage } from './config'\nimport type { ShowablePresence } from './showable-presence'\n\nexport type WidgetPlacement = Pick<PopoverPositionerProps, 'side' | 'align' | 'sideOffset'>\n\nexport type WidgetContextValue = {\n  showable: ShowablePresence | null\n  now: Date\n  poweredBy: boolean\n  openOnHover: boolean\n  hoverOpenDelay: number\n  hoverCloseDelay: number\n  placement: WidgetPlacement\n  baseUrl: string\n}\n\nexport const WidgetContext = createContext<WidgetContextValue | null>(null)\n\nexport function useWidgetContext(): WidgetContextValue {\n  const context = useContext(WidgetContext)\n  if (!context) {\n    throw new Error(\n      packageErrorMessage(\n        'This component can only be used within the <Chimeling.Root /> component.',\n      ),\n    )\n  }\n  return context\n}\n"],"mappings":";;;;AAoBA,MAAa,gBAAgB,cAAyC,IAAI;AAE1E,SAAgB,mBAAuC;CACrD,MAAM,UAAU,WAAW,aAAa;CACxC,IAAI,CAAC,SACH,MAAM,IAAI,MACR,oBACE,0EACF,CACF;CAEF,OAAO;AACT"}

package/dist/react/package.js

@@ -0,0 +1,6 @@
+//#region package.json
+var name = "@cairntale/chimeling-react";
+//#endregion
+export { name };
+
+//# sourceMappingURL=package.js.map

package/dist/react/package.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"package.js","names":[],"sources":["../../package.json"],"sourcesContent":[""],"mappings":""}