@flamingo-stack/openframe-frontend-core 0.0.711 → 0.0.713

package/dist/{chunk-F57ECE2I.js → chunk-6YPTUHM7.js}

@@ -1,15 +1,15 @@
 "use client";
 import {
   Pagination
-} from "./chunk-UT4YHQZW.js";
-import {
-  withQuery
-} from "./chunk-CUME3VTQ.js";
+} from "./chunk-WSDT7LYL.js";
 import {
   usePathname,
   useRouter,
   useSearchParams
 } from "./chunk-GY4IZG22.js";
+import {
+  withQuery
+} from "./chunk-AGVXKD4K.js";
 import {
   Button
 } from "./chunk-YDPKUAP4.js";

package/dist/chunk-AAYNCJMW.cjs

@@ -0,0 +1,48 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+
+
+var _chunkULWVKHSIcjs = require('./chunk-ULWVKHSI.cjs');
+
+
+var _chunk3LU4UFPScjs = require('./chunk-3LU4UFPS.cjs');
+
+// src/hooks/ui/use-content-breakpoint.ts
+var _react = require('react');
+var CONTENT_BREAKPOINTS = { md: _chunk3LU4UFPScjs.LAYOUT_STEPS.md.content, lg: _chunk3LU4UFPScjs.LAYOUT_STEPS.lg.content };
+var ContentAreaWidthContext = _react.createContext.call(void 0, null);
+function ViewportBreakpoints({ children }) {
+  return _react.createElement.call(void 0, ContentAreaWidthContext.Provider, { value: null }, children);
+}
+function contentBreakpointFor(width) {
+  if (width >= CONTENT_BREAKPOINTS.lg) return "desktop";
+  if (width >= CONTENT_BREAKPOINTS.md) return "tablet";
+  return "mobile";
+}
+function useContentBreakpoint() {
+  const width = _react.useContext.call(void 0, ContentAreaWidthContext);
+  const mdUp = _chunkULWVKHSIcjs.useMdUp.call(void 0, );
+  const lgUp = _chunkULWVKHSIcjs.useLgUp.call(void 0, );
+  if (width !== null) return contentBreakpointFor(width);
+  if (mdUp === void 0) return void 0;
+  if (lgUp) return "desktop";
+  return mdUp ? "tablet" : "mobile";
+}
+function useContentMdUp() {
+  const breakpoint = useContentBreakpoint();
+  return breakpoint === void 0 ? void 0 : breakpoint !== "mobile";
+}
+function useContentLgUp() {
+  const breakpoint = useContentBreakpoint();
+  return breakpoint === void 0 ? void 0 : breakpoint === "desktop";
+}
+
+
+
+
+
+
+
+
+
+exports.CONTENT_BREAKPOINTS = CONTENT_BREAKPOINTS; exports.ContentAreaWidthContext = ContentAreaWidthContext; exports.ViewportBreakpoints = ViewportBreakpoints; exports.contentBreakpointFor = contentBreakpointFor; exports.useContentBreakpoint = useContentBreakpoint; exports.useContentMdUp = useContentMdUp; exports.useContentLgUp = useContentLgUp;

package/dist/{chunk-FXJ3WWUB.js → chunk-ADBE7QF3.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
-  useChatRuntime
-} from "./chunk-E4ABZWTJ.js";
+  LAYOUT_STEPS
+} from "./chunk-4R2L3DSA.js";
 
 // src/hooks/ui/use-isomorphic-layout-effect.ts
 import { useEffect, useLayoutEffect } from "react";
@@ -9,17 +9,6 @@ var useIsomorphicLayoutEffect = typeof window !== "undefined" ? useLayoutEffect
 
 // src/hooks/ui/use-media-query.ts
 import { useState } from "react";
-
-// src/styles/layout-steps.ts
-var LAYOUT_STEPS = {
-  sm: { viewport: 640, content: 640 },
-  md: { viewport: 800, content: 720 },
-  lg: { viewport: 1280, content: 1024 },
-  xl: { viewport: 1440, content: 1216 },
-  "2xl": { viewport: 1536, content: 1312 }
-};
-
-// src/hooks/ui/use-media-query.ts
 function useMediaQuery(query) {
   const [matches, setMatches] = useState(void 0);
   useIsomorphicLayoutEffect(() => {
@@ -75,124 +64,6 @@ function useIsTruncated(value, options) {
   return { ref, isTruncated: element ? isTruncated : false };
 }
 
-// src/hooks/ui/use-content-breakpoint.ts
-import { createContext, createElement, useContext } from "react";
-var CONTENT_BREAKPOINTS = { md: LAYOUT_STEPS.md.content, lg: LAYOUT_STEPS.lg.content };
-var ContentAreaWidthContext = createContext(null);
-function ViewportBreakpoints({ children }) {
-  return createElement(ContentAreaWidthContext.Provider, { value: null }, children);
-}
-function contentBreakpointFor(width) {
-  if (width >= CONTENT_BREAKPOINTS.lg) return "desktop";
-  if (width >= CONTENT_BREAKPOINTS.md) return "tablet";
-  return "mobile";
-}
-function useContentBreakpoint() {
-  const width = useContext(ContentAreaWidthContext);
-  const mdUp = useMdUp();
-  const lgUp = useLgUp();
-  if (width !== null) return contentBreakpointFor(width);
-  if (mdUp === void 0) return void 0;
-  if (lgUp) return "desktop";
-  return mdUp ? "tablet" : "mobile";
-}
-function useContentMdUp() {
-  const breakpoint = useContentBreakpoint();
-  return breakpoint === void 0 ? void 0 : breakpoint !== "mobile";
-}
-function useContentLgUp() {
-  const breakpoint = useContentBreakpoint();
-  return breakpoint === void 0 ? void 0 : breakpoint === "desktop";
-}
-
-// src/hooks/ui/use-image-edge-color.ts
-import { useState as useState3, useEffect as useEffect3 } from "react";
-function extractEdgeColor(img) {
-  const canvas = document.createElement("canvas");
-  const ctx = canvas.getContext("2d");
-  if (!ctx) return "#000000";
-  const maxSize = 100;
-  const scale = Math.min(maxSize / img.naturalWidth, maxSize / img.naturalHeight);
-  const w = Math.round(img.naturalWidth * scale);
-  const h = Math.round(img.naturalHeight * scale);
-  canvas.width = w;
-  canvas.height = h;
-  ctx.drawImage(img, 0, 0, w, h);
-  const data = ctx.getImageData(0, 0, w, h).data;
-  const edgeW = Math.max(2, Math.round(w * 0.15));
-  const edgeH = Math.max(2, Math.round(h * 0.15));
-  const bucketSize = 32;
-  const buckets = /* @__PURE__ */ new Map();
-  for (let y = 0; y < h; y++) {
-    for (let x = 0; x < w; x++) {
-      const isEdge = x < edgeW || x >= w - edgeW || y < edgeH || y >= h - edgeH;
-      if (!isEdge) continue;
-      const i = (y * w + x) * 4;
-      const a = data[i + 3];
-      if (a < 128) continue;
-      const r2 = data[i];
-      const g2 = data[i + 1];
-      const b2 = data[i + 2];
-      const br = Math.floor(r2 / bucketSize) * bucketSize;
-      const bg = Math.floor(g2 / bucketSize) * bucketSize;
-      const bb = Math.floor(b2 / bucketSize) * bucketSize;
-      const key = `${br},${bg},${bb}`;
-      const existing = buckets.get(key);
-      if (existing) {
-        existing.r += r2;
-        existing.g += g2;
-        existing.b += b2;
-        existing.count++;
-      } else {
-        buckets.set(key, { r: r2, g: g2, b: b2, count: 1 });
-      }
-    }
-  }
-  if (buckets.size === 0) return "#000000";
-  let bestBucket = null;
-  for (const bucket of buckets.values()) {
-    if (!bestBucket || bucket.count > bestBucket.count) {
-      bestBucket = bucket;
-    }
-  }
-  if (!bestBucket || bestBucket.count === 0) return "#000000";
-  const r = Math.round(bestBucket.r / bestBucket.count);
-  const g = Math.round(bestBucket.g / bestBucket.count);
-  const b = Math.round(bestBucket.b / bestBucket.count);
-  return `rgb(${r}, ${g}, ${b})`;
-}
-function useImageEdgeColor(imageUrl, fallback = "#000000") {
-  const [color, setColor] = useState3(fallback);
-  const [resetFor, setResetFor] = useState3({ imageUrl, fallback });
-  if (resetFor.imageUrl !== imageUrl || resetFor.fallback !== fallback) {
-    setResetFor({ imageUrl, fallback });
-    if (!imageUrl) setColor(fallback);
-  }
-  useEffect3(() => {
-    if (!imageUrl) return void 0;
-    let cancelled = false;
-    const img = new Image();
-    img.crossOrigin = "anonymous";
-    img.onload = () => {
-      if (cancelled) return;
-      try {
-        setColor(extractEdgeColor(img));
-      } catch {
-        setColor(fallback);
-      }
-    };
-    img.onerror = () => {
-      if (cancelled) return;
-      setColor(fallback);
-    };
-    img.src = imageUrl;
-    return () => {
-      cancelled = true;
-    };
-  }, [imageUrl, fallback]);
-  return color;
-}
-
 // src/utils/platform-identity.ts
 var platformDisplayNames = {
   openmsp: "OpenMSP",
@@ -675,7 +546,7 @@ function assertSameOrigin(url) {
 }
 
 // src/hooks/use-authed-asset-src.ts
-import { useEffect as useEffect4, useReducer } from "react";
+import { useEffect as useEffect3, useReducer } from "react";
 var resolvedCache = /* @__PURE__ */ new Map();
 var inFlight = /* @__PURE__ */ new Map();
 var cacheGeneration = 0;
@@ -745,7 +616,7 @@ function useAuthedAssetSrc(src, accept = "*/*") {
     acquire(bearerSrc);
     return () => release(bearerSrc);
   }, [bearerSrc]);
-  useEffect4(() => {
+  useEffect3(() => {
     if (!bearerSrc || resolvedCache.has(bearerSrc)) return void 0;
     let cancelled = false;
     fetchAsBlobUrl(bearerSrc, accept).catch(() => {
@@ -767,112 +638,6 @@ function useAuthedImageSrc(src) {
 }
 var clearAuthedImageCache = clearAuthedAssetCache;
 
-// src/hooks/use-near-viewport.ts
-import { useEffect as useEffect5, useRef, useState as useState4, useCallback as useCallback2 } from "react";
-var observers = /* @__PURE__ */ new Map();
-var subscribers = /* @__PURE__ */ new WeakMap();
-var THRESHOLD_EPSILON = 0.01;
-function observerKey(rootMargin, threshold) {
-  return `${rootMargin}|${threshold}`;
-}
-function getObserverFor(rootMargin, threshold) {
-  const key = observerKey(rootMargin, threshold);
-  const existing = observers.get(key);
-  if (existing) return existing;
-  const io = new IntersectionObserver(
-    (entries) => {
-      entries.forEach((entry) => {
-        if (!entry.isIntersecting) return;
-        if (entry.intersectionRatio < threshold - THRESHOLD_EPSILON) return;
-        const cb = subscribers.get(entry.target);
-        if (cb) {
-          cb();
-          io.unobserve(entry.target);
-          subscribers.delete(entry.target);
-        }
-      });
-    },
-    { rootMargin, threshold }
-  );
-  observers.set(key, io);
-  return io;
-}
-var NEAR_VIEWPORT_ROOT_MARGIN = "500px";
-function useNearViewport(rootMargin = NEAR_VIEWPORT_ROOT_MARGIN, threshold = 0) {
-  const [isNear, setIsNear] = useState4(false);
-  const elRef = useRef(null);
-  const key = observerKey(rootMargin, threshold);
-  const ref = useCallback2(
-    (node) => {
-      const prev = elRef.current;
-      if (prev) {
-        const stillOurs = subscribers.get(prev);
-        if (stillOurs) {
-          subscribers.delete(prev);
-          observers.get(key)?.unobserve(prev);
-        }
-      }
-      elRef.current = node;
-      if (!node) return;
-      const cb = () => setIsNear(true);
-      subscribers.set(node, cb);
-      getObserverFor(rootMargin, threshold).observe(node);
-    },
-    [key, rootMargin, threshold]
-  );
-  useEffect5(() => {
-    return () => {
-      const el = elRef.current;
-      if (!el) return;
-      if (subscribers.get(el)) {
-        subscribers.delete(el);
-        observers.get(key)?.unobserve(el);
-      }
-    };
-  }, [key]);
-  return { ref, isNear };
-}
-
-// src/utils/og-placeholder.ts
-var DEFAULT_OG_PLACEHOLDER_PATH = "/api/og-placeholder";
-function resolveOgPlaceholderBase(endpoints) {
-  if (endpoints?.ogPlaceholderUrl) return endpoints.ogPlaceholderUrl;
-  const imageProxy = endpoints?.imageProxyUrlPrefix;
-  if (imageProxy) {
-    const derived = imageProxy.replace(/\/image-proxy(?=$|[?/])/, "/og-placeholder");
-    if (derived !== imageProxy) return derived;
-  }
-  return DEFAULT_OG_PLACEHOLDER_PATH;
-}
-function buildOgPlaceholderUrl(endpoints, title, options = {}) {
-  const base = resolveOgPlaceholderBase(endpoints);
-  const qIndex = base.indexOf("?");
-  const path = qIndex === -1 ? base : base.slice(0, qIndex);
-  const params = new URLSearchParams(qIndex === -1 ? "" : base.slice(qIndex + 1));
-  params.set("title", title);
-  if (options.site) params.set("site", options.site);
-  const width = options.width ?? (options.aspect === "square" ? 1024 : void 0);
-  const height = options.height ?? (options.aspect === "square" ? 1024 : void 0);
-  if (Number.isFinite(width)) params.set("w", String(width));
-  if (Number.isFinite(height)) params.set("h", String(height));
-  return `${path}?${params.toString()}`;
-}
-
-// src/hooks/use-og-placeholder-url.ts
-import { useMemo } from "react";
-function useOgPlaceholderUrl({
-  title,
-  siteName = "",
-  aspect = "wide",
-  enabled = true
-}) {
-  const endpoints = useChatRuntime()?.endpoints;
-  return useMemo(() => {
-    if (!enabled || !title) return null;
-    return buildOgPlaceholderUrl(endpoints, title, { site: siteName || void 0, aspect });
-  }, [endpoints, title, siteName, aspect, enabled]);
-}
-
 export {
   useIsomorphicLayoutEffect,
   useMediaQuery,
@@ -881,14 +646,6 @@ export {
   useMdUp,
   useLgUp,
   useIsTruncated,
-  CONTENT_BREAKPOINTS,
-  ContentAreaWidthContext,
-  ViewportBreakpoints,
-  contentBreakpointFor,
-  useContentBreakpoint,
-  useContentMdUp,
-  useContentLgUp,
-  useImageEdgeColor,
   createLocalStorageAdapter,
   platformDisplayNames,
   platformShortNames,
@@ -933,9 +690,5 @@ export {
   clearAuthedAssetCache,
   useAuthedAssetSrc,
   useAuthedImageSrc,
-  clearAuthedImageCache,
-  NEAR_VIEWPORT_ROOT_MARGIN,
-  useNearViewport,
-  buildOgPlaceholderUrl,
-  useOgPlaceholderUrl
+  clearAuthedImageCache
 };