@m4l/gclick 0.16.0 → 0.17.0

package/components/CameraStream/defaults/DefaultPhaseStreaming.d.ts

@@ -4,7 +4,7 @@ import { CameraStreamPhaseStreamingSlotProps } from '../types';
  * `<VideoPlayer>`, rendered for both the `streaming` and `ended` FSM phases
  * (same component identity so the player never remounts between them). Owns
  * the "is the manifest still live?" local flag so we can render the provided
- * `LiveBadgeSlot` only while VHS reports `Infinity` duration. As soon as
+ * `LiveBadgeSlot` only while hls.js reports `Infinity` duration. As soon as
  * `#EXT-X-ENDLIST` lands and playback reaches the end, the slot dispatches
  * `onEnded` so the router can mark the FSM as `ended` — the player stays
  * mounted on the frozen last frame and the provided `ReplayBadgeSlot` offers
@@ -28,5 +28,5 @@ import { CameraStreamPhaseStreamingSlotProps } from '../types';
  * registration is null-safe: if the slot is rendered without a provider (e.g.
  * an isolated test), it simply skips registering.
  */
-export declare function DefaultPhaseStreaming({ playerKey, hlsUrl, ended, onEnded, onReplay, replayLabel, onDurationChange, LiveBadgeSlot, ReplayBadgeSlot, }: CameraStreamPhaseStreamingSlotProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export declare function DefaultPhaseStreaming({ playerKey, hlsUrl, ended, onEnded, onReplay, replayLabel, onDurationChange, variant, LiveBadgeSlot, ReplayBadgeSlot, }: CameraStreamPhaseStreamingSlotProps): import("@emotion/react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=DefaultPhaseStreaming.d.ts.map

package/components/CameraStream/defaults/DefaultPhaseStreaming.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DefaultPhaseStreaming.d.ts","sourceRoot":"","sources":["../../../../../../../packages/gclick/src/components/CameraStream/defaults/DefaultPhaseStreaming.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,mCAAmC,EAAE,MAAM,UAAU,CAAC;AAcpE;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,wBAAgB,qBAAqB,CAAC,EACpC,SAAS,EACT,MAAM,EACN,KAAK,EACL,OAAO,EACP,QAAQ,EACR,WAAW,EACX,gBAAgB,EAChB,aAAa,EACb,eAAe,GAChB,EAAE,mCAAmC,oDAwFrC"}
+{"version":3,"file":"DefaultPhaseStreaming.d.ts","sourceRoot":"","sources":["../../../../../../../packages/gclick/src/components/CameraStream/defaults/DefaultPhaseStreaming.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,mCAAmC,EAAE,MAAM,UAAU,CAAC;AAcpE;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,wBAAgB,qBAAqB,CAAC,EACpC,SAAS,EACT,MAAM,EACN,KAAK,EACL,OAAO,EACP,QAAQ,EACR,WAAW,EACX,gBAAgB,EAChB,OAAO,EACP,aAAa,EACb,eAAe,GAChB,EAAE,mCAAmC,oDA4FrC"}

package/components/CameraStream/defaults/DefaultPhaseStreaming.js

@@ -1,9 +1,9 @@
-import { jsxs as T, jsx as i } from "@emotion/react/jsx-runtime";
-import { useState as C, useRef as c, useContext as F, useEffect as l, useCallback as E } from "react";
-import { CameraStreamPlayersContext as L } from "../../CameraStreams/CameraStreamPlayersContext.js";
-import { VideoPlayer as O } from "../../VideoPlayer/VideoPlayer.js";
-const I = 3, N = 2, b = 2500;
-function V({
+import { jsxs as F, jsx as i } from "@emotion/react/jsx-runtime";
+import { useState as C, useRef as c, useContext as L, useEffect as l, useCallback as E } from "react";
+import { CameraStreamPlayersContext as O } from "../../CameraStreams/CameraStreamPlayersContext.js";
+import { VideoPlayer as I } from "../../VideoPlayer/VideoPlayer.js";
+const N = 3, b = 2, j = 2500;
+function U({
   playerKey: t,
   hlsUrl: f,
   ended: m,
@@ -11,10 +11,11 @@ function V({
   onReplay: p,
   replayLabel: _,
   onDurationChange: R,
-  LiveBadgeSlot: D,
-  ReplayBadgeSlot: g
+  variant: D,
+  LiveBadgeSlot: g,
+  ReplayBadgeSlot: P
 }) {
-  const [P, r] = C(!0), [h, S] = C(0), A = c(null), n = F(L), o = c(0), u = c(0), a = c(null);
+  const [x, r] = C(!0), [h, S] = C(0), A = c(null), n = L(O), o = c(0), u = c(0), a = c(null);
   l(() => {
     r(!0), S(0), o.current = 0, u.current = 0;
   }, [f]), l(() => () => {
@@ -24,32 +25,33 @@ function V({
     if (!(!n || !e))
       return n.register(t, e), () => n.unregister(t);
   }, [n, t, h]);
-  const x = E((e, s) => {
+  const y = E((e, s) => {
     r(s), !s && Number.isFinite(e) && (o.current = e), R(e, s);
-  }, [R]), y = E(() => {
-    if (o.current < I && u.current < N) {
+  }, [R]), M = E(() => {
+    if (o.current < N && u.current < b) {
       u.current += 1, r(!0), a.current = setTimeout(() => {
-        o.current = 0, S((M) => M + 1);
-      }, b);
+        o.current = 0, S((T) => T + 1);
+      }, j);
       return;
     }
     r(!1), d();
   }, [d]);
-  return /* @__PURE__ */ T("div", { "data-stream-player-key": t, style: { width: "100%", height: "100%" }, children: [
-    P && !m && /* @__PURE__ */ i(D, {}),
-    m && /* @__PURE__ */ i(g, { onReplay: p, replayLabel: _ }),
+  return /* @__PURE__ */ F("div", { "data-stream-player-key": t, style: { width: "100%", height: "100%" }, children: [
+    x && !m && /* @__PURE__ */ i(g, {}),
+    m && /* @__PURE__ */ i(P, { onReplay: p, replayLabel: _ }),
     /* @__PURE__ */ i(
-      O,
+      I,
       {
         ref: A,
         src: f,
-        onDurationChange: x,
-        onEnded: y
+        variant: D,
+        onDurationChange: y,
+        onEnded: M
       },
       h
     )
   ] });
 }
 export {
-  V as DefaultPhaseStreaming
+  U as DefaultPhaseStreaming
 };

package/components/CameraStream/types.d.ts

@@ -4,6 +4,7 @@ import { Theme } from '@mui/material/styles';
 import { COMPONENT_CAMERA_STREAM_KEY_COMPONENT } from './constants';
 import { CameraStreamSlotsStyled } from './slots/slots';
 import { PlayerKey, StreamPhase } from '../CameraStreams';
+import { VideoPlayerVariant } from '../VideoPlayer/types';
 /**
  * Props received by the `root` slot. The router always passes the player key
  * and the active phase kind via `data-*` attributes so downstream automation
@@ -88,6 +89,14 @@ export interface CameraStreamPhaseStreamingSlotProps {
      * custom streaming views may use it or ignore it.
      */
     ReplayBadgeSlot: ElementType<CameraStreamReplayBadgeSlotProps>;
+    /**
+     * Which vendor skin the tile's player wears. Left to the consumer on purpose:
+     * a dense wall of tiles usually wants `'minimal'`, while a single large tile
+     * is fine with the full chrome, and only the consumer knows which it is
+     * rendering. Pass it through `slotProps.phaseStreaming`. Defaults to the
+     * player's own default when omitted.
+     */
+    variant?: VideoPlayerVariant;
 }
 export interface CameraStreamPhaseChannelBusySlotProps {
     playerKey: PlayerKey;

package/components/CameraStream/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../packages/gclick/src/components/CameraStream/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../packages/gclick/src/components/CameraStream/types.ts"],"names":[],"mappings":"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"}

package/components/VideoPlayer/VideoPlayer.d.ts

@@ -30,8 +30,11 @@ import { VideoPlayerProps } from './types';
  *   couples to the parent surface (see `VideoPlayer.styles.ts`).
  * - **Poster** — `poster` is forwarded to the skin's poster slot (e.g. a cloud
  *   recording snapshot).
+ * - **Two vendor skins** — `variant` picks between the dependency's `default`
+ *   (full chrome) and `minimal` (leaner, built for dense grid tiles). Only the
+ *   selected stylesheet is injected; see `VideoPlayer.styles.ts`.
  * - **React 19 ref-as-prop** — `ref` resolves to a {@link VideoPlayerControl}
  *   without `forwardRef`.
  */
-export declare function VideoPlayer({ src, poster, className, onReady, onPlay, onPause, onEnded, onWaiting, onError, onDurationChange, ref, }: VideoPlayerProps): import("@emotion/react/jsx-runtime").JSX.Element | null;
+export declare function VideoPlayer({ src, poster, variant, className, onReady, onPlay, onPause, onEnded, onWaiting, onError, onDurationChange, ref, }: VideoPlayerProps): import("@emotion/react/jsx-runtime").JSX.Element | null;
 //# sourceMappingURL=VideoPlayer.d.ts.map

package/components/VideoPlayer/VideoPlayer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VideoPlayer.d.ts","sourceRoot":"","sources":["../../../../../../packages/gclick/src/components/VideoPlayer/VideoPlayer.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEhD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,wBAAgB,WAAW,CAAC,EAC1B,GAAG,EACH,MAAM,EACN,SAAS,EACT,OAAO,EACP,MAAM,EACN,OAAO,EACP,OAAO,EACP,SAAS,EACT,OAAO,EACP,gBAAgB,EAChB,GAAG,GACJ,EAAE,gBAAgB,2DA2BlB"}
+{"version":3,"file":"VideoPlayer.d.ts","sourceRoot":"","sources":["../../../../../../packages/gclick/src/components/VideoPlayer/VideoPlayer.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEhD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCG;AACH,wBAAgB,WAAW,CAAC,EAC1B,GAAG,EACH,MAAM,EACN,OAAuC,EACvC,SAAS,EACT,OAAO,EACP,MAAM,EACN,OAAO,EACP,OAAO,EACP,SAAS,EACT,OAAO,EACP,gBAAgB,EAChB,GAAG,GACJ,EAAE,gBAAgB,2DA4BlB"}

package/components/VideoPlayer/VideoPlayer.js

@@ -1,36 +1,39 @@
-import { jsx as e } from "@emotion/react/jsx-runtime";
-import { StreamPlayer as u } from "./player.factory.js";
-import { VideoPlayerStage as P } from "./subcomponents/VideoPlayerStage.js";
-function S({
+import { jsx as o } from "@emotion/react/jsx-runtime";
+import { StreamPlayer as P } from "./player.factory.js";
+import { VideoPlayerStage as V } from "./subcomponents/VideoPlayerStage.js";
+import { VIDEO_PLAYER_VARIANTS as y } from "./constants.js";
+function x({
   src: r,
-  poster: o,
-  className: t,
-  onReady: i,
-  onPlay: l,
-  onPause: m,
+  poster: e,
+  variant: t = y.default,
+  className: i,
+  onReady: m,
+  onPlay: f,
+  onPause: l,
   onEnded: n,
-  onWaiting: f,
-  onError: a,
-  onDurationChange: d,
-  ref: p
+  onWaiting: a,
+  onError: d,
+  onDurationChange: p,
+  ref: u
 }) {
-  return r ? /* @__PURE__ */ e(u.Provider, { children: /* @__PURE__ */ e(
-    P,
+  return r ? /* @__PURE__ */ o(P.Provider, { children: /* @__PURE__ */ o(
+    V,
     {
       src: r,
-      poster: o,
-      className: t,
-      controlRef: p,
-      onReady: i,
-      onPlay: l,
-      onPause: m,
+      poster: e,
+      variant: t,
+      className: i,
+      controlRef: u,
+      onReady: m,
+      onPlay: f,
+      onPause: l,
       onEnded: n,
-      onWaiting: f,
-      onError: a,
-      onDurationChange: d
+      onWaiting: a,
+      onError: d,
+      onDurationChange: p
     }
   ) }) : null;
 }
 export {
-  S as VideoPlayer
+  x as VideoPlayer
 };

package/components/VideoPlayer/VideoPlayer.styles.d.ts

@@ -4,7 +4,7 @@ import { VideoPlayerStyles } from './types';
  * chrome, and its stylesheet is applied here: libraries must not import global
  * vendor CSS (it never loads in MFs — the host's MFLoader only fetches the JS
  * entry), so `@videojs/react/video/skin.css` is translated 1:1 to Emotion
- * object styles (`VideojsSkin.styles.ts`, same pattern as Leaflet in `GpsMap`)
+ * object styles (`Videojs*Skin.styles.ts`, same pattern as Leaflet in `GpsMap`)
  * and spread into the `root` slot. Emotion scopes every skin selector under
  * this slot, so nothing leaks into the host's global CSS. On top of that we
  * only size the wrapper and flatten the player frame: the skin reads
@@ -19,6 +19,12 @@ import { VideoPlayerStyles } from './types';
  * `'& .media-default-skin .media-controls'`, not `'& .media-controls'`).
  * Root-level custom properties (like `--media-border-radius` below) keep the
  * plain ergonomics and are the vendor's intended override surface.
+ *
+ * Beyond `--media-border-radius` there are two more declarations here, both
+ * documented inline below: a user-agent button reset and the base chrome
+ * colour. Neither is per-control styling — they supply baselines the vendor
+ * skin assumes from the host page but never declares, so the "no per-control
+ * CSS" contract still holds.
  */
 export declare const videoPlayerStyles: VideoPlayerStyles;
 //# sourceMappingURL=VideoPlayer.styles.d.ts.map

package/components/VideoPlayer/VideoPlayer.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VideoPlayer.styles.d.ts","sourceRoot":"","sources":["../../../../../../packages/gclick/src/components/VideoPlayer/VideoPlayer.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAGjD;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,iBAAiB,EAAE,iBAc/B,CAAC"}
+{"version":3,"file":"VideoPlayer.styles.d.ts","sourceRoot":"","sources":["../../../../../../packages/gclick/src/components/VideoPlayer/VideoPlayer.styles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAyB,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAIxE;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,eAAO,MAAM,iBAAiB,EAAE,iBA4E/B,CAAC"}

package/components/VideoPlayer/VideoPlayer.styles.js

@@ -1,19 +1,81 @@
-import { videojsSkinAllStyles as i } from "./VideojsSkin.styles.js";
-const t = {
+import { VIDEO_PLAYER_VARIANTS as r } from "./constants.js";
+import { videojsDefaultSkinAllStyles as t } from "./VideojsDefaultSkin.styles.js";
+import { videojsMinimalSkinAllStyles as e } from "./VideojsMinimalSkin.styles.js";
+const d = {
   /** Wrapper that scopes the vendor skin styles, sizes the composed skin and flattens the player frame. */
-  root: ({ theme: e }) => ({
-    // The whole official v10 skin stylesheet, scoped under this slot.
-    ...i(e),
+  root: ({ theme: o, ownerState: i }) => ({
+    /*
+     * The whole official v10 skin stylesheet for the selected variant, scoped
+     * under this slot.
+     *
+     * ONE sheet, never both. The two vendor stylesheets are independent (they
+     * key off different root classes, so they would not collide), but spreading
+     * both would inject ~1900 declarations that never match, and would emit
+     * `@keyframes media-shake` and `@property --media-progress-fill` twice into
+     * the global namespace — Emotion cannot scope those, and both sheets declare
+     * them identically. Picking here keeps exactly one copy alive.
+     */
+    ...i?.variant === r.minimal ? e(o) : t(o),
     position: "relative",
     width: "100%",
     height: "100%",
     // Flatten the player frame (the skin defaults to a 2rem radius). Cascades
-    // as a CSS custom property into the skin's elements. This is the ONLY style
-    // override on our side; the live ↔ VOD control-bar swap is handled by the
-    // composed skin itself (`GclickVideoSkin`, driven by `isLive`), not CSS.
-    "--media-border-radius": "0px"
+    // as a CSS custom property into the skin's elements. The live ↔ VOD
+    // control-bar swap is handled by the composed skin itself
+    // (`GclickVideoSkin`, driven by `isLive`), not CSS.
+    "--media-border-radius": "0px",
+    /*
+     * User-agent button reset — restores the baseline the vendor skin assumes.
+     *
+     * The skin's only global button rule is `font: inherit`, and it neutralizes
+     * the UA defaults per class rather than globally — `.media-button` gets
+     * `border: none`, `.media-button--subtle` and `.media-menu__item` get
+     * `color: inherit`. But `.media-menu__back` gets NEITHER: `Menu.Back`
+     * renders it as a bare `<button>` carrying only that class, and neither of
+     * its two rules touches `color`, `background` or `border`.
+     *
+     * So the back row of every settings submenu kept Chrome's UA button
+     * defaults: `background-color: buttonface` + `border: 2px outset` (which
+     * the skin's own `border-radius` rounded into a grey pill) and
+     * `color: buttontext`, i.e. pure black text over the dark glass. Its
+     * sibling rows looked fine because `Menu.RadioItem` renders `<div>`, and
+     * the control-bar buttons looked fine because they carry
+     * `.media-button--subtle`. Only this one element falls through.
+     *
+     * The vendor's demo does not hit it because its page ships Tailwind
+     * Preflight, which zeroes button background/border and sets
+     * `color: inherit`; nothing in our MFs does. This is a reset, not styling:
+     * it paints nothing, and every skin rule outranks it (four classes vs one
+     * class + element), so it cannot override anything the vendor sets.
+     * Reported upstream — the inconsistency is on their side; drop this once
+     * `.media-menu__back` resets its own UA defaults.
+     */
+    "& button": {
+      color: "inherit",
+      background: "none",
+      border: "none"
+    },
+    /*
+     * Base chrome colour — the second baseline the vendor skin assumes.
+     *
+     * The skin never sets `color` on its root: every control below it is
+     * `color: inherit` and every icon paints with `currentColor`, so the whole
+     * chrome inherits from the host page. Its palette is unmistakably designed
+     * for light-on-dark (the frame is `oklch(0 0 0)`, surfaces are white at
+     * ~10% alpha, text shadows are dark), and the vendor's own demo sits on a
+     * dark docs page — so it inherits white and nobody notices the omission.
+     *
+     * Our player is mounted inside a MUI surface whose `color` is
+     * `text.primary`, i.e. near-black, so the chrome inherited dark text and
+     * icons over its own black frame. Anchoring white here restores the
+     * intended contrast. Not theme-derived on purpose: the chrome is a fixed
+     * dark-glass surface regardless of the app's light/dark mode, exactly as
+     * the vendor designed it, and `--media-color-primary` remains the
+     * documented override surface.
+     */
+    color: "oklch(1 0 0)"
   })
 };
 export {
-  t as videoPlayerStyles
+  d as videoPlayerStyles
 };

package/components/VideoPlayer/VideojsDefaultSkin.styles.d.ts

@@ -0,0 +1,8 @@
+import { CSSObject, Theme } from '@mui/material/styles';
+/**
+ * Returns the vendor stylesheet converted to Emotion `CSSObject`s, keyed by the
+ * vendor's original selectors. Spread it into the owning component's root slot
+ * so the chrome is styled without any global CSS import.
+ */
+export declare const videojsDefaultSkinAllStyles: (theme: Theme) => Record<string, CSSObject>;
+//# sourceMappingURL=VideojsDefaultSkin.styles.d.ts.map

package/components/VideoPlayer/VideojsDefaultSkin.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VideojsDefaultSkin.styles.d.ts","sourceRoot":"","sources":["../../../../../../packages/gclick/src/components/VideoPlayer/VideojsDefaultSkin.styles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AA6hD7D;;;;GAIG;AACH,eAAO,MAAM,2BAA2B,GAAI,OAAO,KAAK,KAAG,MAAM,CAAC,MAAM,EAAE,SAAS,CAOlF,CAAC"}