@webority/mobile-ui 0.0.38 → 0.1.0

package/lib/module/components/AsyncBlock/AsyncBlock.js

@@ -1,81 +1 @@
-"use strict";
-
-import React from 'react';
-import { View } from 'react-native';
-import { useTheme } from "../../theme/index.js";
-import { EmptyState } from "../EmptyState/index.js";
-import { Spinner } from "../Spinner/index.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * The loading / error / empty / content switcher every screen that fetches data
- * needs. Without it each screen re-implements the same four-way branch and they
- * disagree — one shows a spinner over stale rows, the next flashes an empty
- * state mid-fetch.
- *
- * Precedence is fixed: `loading` wins over everything, then `error`, then
- * `empty`, then `children`. A fetch that is both in flight and holding a stale
- * error shows only the loading state, which is the least surprising reading of
- * "still in flight".
- */
-export const AsyncBlock = ({
-  loading = false,
-  error,
-  empty = false,
-  onRetry,
-  skeleton,
-  emptyTitle = 'Nothing here yet',
-  emptyDescription,
-  emptyIcon,
-  errorTitle = "That didn't load",
-  retryLabel = 'Try again',
-  children,
-  style,
-  testID
-}) => {
-  const theme = useTheme();
-  if (loading) {
-    return /*#__PURE__*/_jsx(View, {
-      style: style,
-      testID: testID,
-      children: skeleton ?? /*#__PURE__*/_jsx(View, {
-        style: {
-          paddingVertical: theme.spacing['2xl'],
-          alignItems: 'center'
-        },
-        children: /*#__PURE__*/_jsx(Spinner, {})
-      })
-    });
-  }
-  if (error) {
-    return /*#__PURE__*/_jsxs(View, {
-      style: style,
-      testID: testID,
-      children: [/*#__PURE__*/_jsx(EmptyState, {
-        title: errorTitle,
-        description: typeof error === 'string' ? error : undefined,
-        action: onRetry ? {
-          label: retryLabel,
-          onPress: onRetry
-        } : undefined
-      }), typeof error === 'string' ? null : error]
-    });
-  }
-  if (empty) {
-    return /*#__PURE__*/_jsx(View, {
-      style: style,
-      testID: testID,
-      children: /*#__PURE__*/_jsx(EmptyState, {
-        icon: emptyIcon,
-        title: emptyTitle,
-        description: emptyDescription
-      })
-    });
-  }
-  return /*#__PURE__*/_jsx(View, {
-    style: style,
-    testID: testID,
-    children: children
-  });
-};
-export default AsyncBlock;
-//# sourceMappingURL=AsyncBlock.js.map
+import e from"react";import{View as t}from"react-native";import{useTheme as r}from"../../theme/index.js";import{AppIcon as i}from"../AppIcon/index.js";import{EmptyState as o}from"../EmptyState/index.js";import{Spinner as n}from"../Spinner/index.js";import{jsx as s,jsxs as l,Fragment as c}from"react/jsx-runtime";export const AsyncBlock=({loading:e=!1,error:a,errorVariant:d="default",empty:m=!1,onRetry:p,skeleton:y,emptyTitle:f="Nothing here yet",emptyDescription:h,emptyIcon:x,errorTitle:g="That didn't load",offlineTitle:u="You're offline",retryLabel:I="Try again",children:j,style:D,testID:k})=>{const T=r();if(e)return s(t,{style:D,testID:k,children:y??s(t,{style:{paddingVertical:T.spacing["2xl"],alignItems:"center"},children:s(n,{})})});if(a){const e="offline"===d,r="string"==typeof a?a:e?"Check your connection, then try again.":void 0;return l(t,{style:D,testID:k,children:[s(o,{icon:e?s(i,{name:"cloud-cross",size:"xl",color:T.colors.text.tertiary,testID:"async-block-offline-icon"}):void 0,title:e?u:g,description:r,action:p?{label:I,onPress:p}:void 0}),"string"==typeof a?null:a]})}return m?s(t,{style:D,testID:k,children:s(o,{icon:x,title:f,description:h})}):s(c,{children:j})};export default AsyncBlock;

package/lib/module/components/AsyncBlock/index.js

@@ -1,4 +1 @@
-"use strict";
-
-export { AsyncBlock, default } from "./AsyncBlock.js";
-//# sourceMappingURL=index.js.map
+export{AsyncBlock,default}from"./AsyncBlock.js";

package/lib/module/components/AuthedImage/AuthedImage.js

@@ -1,226 +1 @@
-"use strict";
-
-import { useEffect, useMemo, useRef, useState } from 'react';
-import { Image, StyleSheet, Text, View } from 'react-native';
-import { useTheme } from "../../theme/index.js";
-import { smoothCorners } from "../../utils/corners.js";
-import { Spinner } from "../Spinner/index.js";
-import { acquireFetch, DEFAULT_TTL_MS, deriveCacheKey, isFresh, readEntry, releaseFetch, touchEntry } from "./authedImageCache.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-const toError = value => value instanceof Error ? value : new Error(String(value));
-const AuthedImage = props => {
-  const {
-    uri,
-    headers,
-    client,
-    authenticated = true,
-    ttlMs = DEFAULT_TTL_MS,
-    placeholder,
-    fallback,
-    onLoadStart,
-    onLoadEnd,
-    onError,
-    cacheKey,
-    testID,
-    accessibilityLabel,
-    style,
-    ...imageProps
-  } = props;
-  const theme = useTheme();
-  const styles = useMemo(() => buildStyles(theme), [theme]);
-  const [state, setState] = useState({
-    status: 'loading'
-  });
-
-  // Callbacks live behind refs so a caller passing inline arrows does not
-  // restart the fetch on every render.
-  const callbacks = useRef({
-    onLoadStart,
-    onLoadEnd,
-    onError
-  });
-  callbacks.current = {
-    onLoadStart,
-    onLoadEnd,
-    onError
-  };
-
-  // Compared by value: a headers object literal is a new identity every render.
-  const headersKey = JSON.stringify(headers ?? {});
-  useEffect(() => {
-    let cancelled = false;
-    let acquired = null;
-    const finish = next => {
-      if (cancelled) {
-        return;
-      }
-      setState(next);
-      callbacks.current.onLoadEnd?.();
-    };
-    const run = async () => {
-      if (!uri) {
-        const error = new Error('[@webority/mobile-ui] AuthedImage was given an empty `uri`. Pass the ' + 'image URL, or render nothing while the URL is still unknown.');
-        if (!cancelled) {
-          setState({
-            status: 'error'
-          });
-          callbacks.current.onError?.(error);
-        }
-        return;
-      }
-      setState({
-        status: 'loading'
-      });
-      callbacks.current.onLoadStart?.();
-      const key = deriveCacheKey(uri, cacheKey);
-      const cached = await readEntry(key);
-      if (cancelled) {
-        return;
-      }
-      if (cached && isFresh(cached.meta, ttlMs)) {
-        void touchEntry(key, cached.meta);
-        finish({
-          status: 'ready',
-          dataUri: cached.dataUri
-        });
-        return;
-      }
-      const entry = acquireFetch(key, {
-        uri,
-        headers: JSON.parse(headersKey),
-        authenticated,
-        client
-      });
-      acquired = {
-        key,
-        entry
-      };
-      try {
-        const result = await entry.promise;
-        finish({
-          status: 'ready',
-          dataUri: result.dataUri
-        });
-      } catch (error) {
-        if (cancelled) {
-          return;
-        }
-        // A stale image beats an empty box: the entry is only expired, and the
-        // refetch that would have replaced it failed.
-        if (cached) {
-          finish({
-            status: 'ready',
-            dataUri: cached.dataUri
-          });
-          return;
-        }
-        setState({
-          status: 'error'
-        });
-        callbacks.current.onError?.(toError(error));
-        callbacks.current.onLoadEnd?.();
-      }
-    };
-    void run();
-    return () => {
-      cancelled = true;
-      if (acquired) {
-        releaseFetch(acquired.key, acquired.entry);
-      }
-    };
-  }, [uri, cacheKey, ttlMs, authenticated, client, headersKey]);
-
-  // The base `testID` sits on the root in EVERY state, with the state-specific
-  // suffixes nested inside it. A consumer that can only find the component while
-  // it happens to be loaded cannot wait for it to load.
-  if (state.status === 'loading') {
-    if (placeholder !== undefined) {
-      return /*#__PURE__*/_jsx(View, {
-        style: style,
-        testID: testID,
-        children: placeholder
-      });
-    }
-    return /*#__PURE__*/_jsx(View, {
-      style: [styles.placeholder, style],
-      testID: testID,
-      children: /*#__PURE__*/_jsx(View, {
-        style: styles.stateFill,
-        testID: testID ? `${testID}-placeholder` : undefined,
-        pointerEvents: "none",
-        children: /*#__PURE__*/_jsx(Spinner, {
-          size: "sm",
-          accessibilityLabel: accessibilityLabel ?? 'Loading image'
-        })
-      })
-    });
-  }
-  if (state.status === 'error') {
-    if (fallback !== undefined) {
-      return /*#__PURE__*/_jsx(View, {
-        style: style,
-        testID: testID,
-        children: fallback
-      });
-    }
-    return /*#__PURE__*/_jsx(View, {
-      style: [styles.fallback, style],
-      testID: testID,
-      children: /*#__PURE__*/_jsx(View, {
-        accessible: true,
-        accessibilityRole: "image",
-        accessibilityLabel: accessibilityLabel ? `${accessibilityLabel}, image unavailable` : 'Image unavailable',
-        testID: testID ? `${testID}-fallback` : undefined,
-        style: styles.stateFill,
-        children: /*#__PURE__*/_jsx(Text, {
-          style: styles.fallbackText,
-          children: "!"
-        })
-      })
-    });
-  }
-  return /*#__PURE__*/_jsx(Image, {
-    ...imageProps,
-    accessible: true,
-    accessibilityRole: "image",
-    accessibilityLabel: accessibilityLabel,
-    testID: testID,
-    style: style,
-    source: {
-      uri: state.dataUri
-    }
-  });
-};
-AuthedImage.displayName = 'AuthedImage';
-const buildStyles = theme => StyleSheet.create({
-  placeholder: {
-    alignItems: 'center',
-    justifyContent: 'center',
-    backgroundColor: theme.colors.background.secondary,
-    borderRadius: theme.radius.md,
-    ...smoothCorners
-  },
-  fallback: {
-    alignItems: 'center',
-    justifyContent: 'center',
-    backgroundColor: theme.colors.background.secondary,
-    borderRadius: theme.radius.md,
-    ...smoothCorners,
-    borderWidth: theme.colors.border.width,
-    borderColor: theme.colors.border.secondary,
-    padding: theme.spacing.sm
-  },
-  stateFill: {
-    alignItems: 'center',
-    flex: 1,
-    justifyContent: 'center'
-  },
-  fallbackText: {
-    color: theme.colors.text.tertiary,
-    fontSize: theme.typography.fontSize.lg,
-    fontWeight: theme.typography.fontWeight.bold
-  }
-});
-export { AuthedImage };
-export default AuthedImage;
-//# sourceMappingURL=AuthedImage.js.map
+import{Image as e}from"expo-image";import{useEffect as t,useMemo as r,useRef as o,useState as i}from"react";import{StyleSheet as a,Text as n,View as s}from"react-native";import{useTheme as l}from"../../theme/index.js";import{smoothCorners as c}from"../../utils/corners.js";import{Spinner as d}from"../Spinner/index.js";import{acquireFetch as u,DEFAULT_TTL_MS as y,deriveCacheKey as m,isFresh as f,isPermanentRefusal as h,readEntry as b,releaseFetch as g,removeEntry as p,touchEntry as v}from"./authedImageCache.js";import{jsx as L}from"react/jsx-runtime";const I={cover:"cover",contain:"contain",stretch:"fill",center:"scale-down",repeat:"cover"},AuthedImage=a=>{const{uri:c,headers:E,client:k,authenticated:w=!0,ttlMs:x=y,placeholder:S,fallback:j,onLoadStart:D,onLoadEnd:U,onError:C,cacheKey:R,testID:F,accessibilityLabel:z,style:N,resizeMode:P,fadeDuration:W,contentFit:$,transition:A,cachePolicy:J="memory",...M}=a,O=l(),T=r(()=>buildStyles(O),[O]),[K,q]=i({status:"loading"}),B=o({onLoadStart:D,onLoadEnd:U,onError:C});B.current={onLoadStart:D,onLoadEnd:U,onError:C};const G=JSON.stringify(E??{});return t(()=>{let e=!1,t=null;const finish=t=>{e||(q(t),B.current.onLoadEnd?.())};return(async()=>{if(!c){const t=new Error("[@webority/mobile-ui] AuthedImage was given an empty `uri`. Pass the image URL, or render nothing while the URL is still unknown.");return void(e||(q({status:"error"}),B.current.onError?.(t)))}q({status:"loading"}),B.current.onLoadStart?.();const r=m(c,R),o=await b(r);if(e)return;if(o&&f(o.meta,x))return v(r),void finish({status:"ready",fileUri:o.fileUri});const i=u(r,{uri:c,headers:JSON.parse(G),authenticated:w,client:k});t={key:r,entry:i};try{const e=await i.promise;finish({status:"ready",fileUri:e.fileUri})}catch(t){if(e)return;if(o&&!h(t))return void finish({status:"ready",fileUri:o.fileUri});if(o&&(await p(r),e))return;q({status:"error"}),B.current.onError?.((a=t)instanceof Error?a:new Error(String(a))),B.current.onLoadEnd?.()}var a})(),()=>{e=!0,t&&g(t.key,t.entry)}},[c,R,x,w,k,G]),"loading"===K.status?L(s,void 0!==S?{style:N,testID:F,children:S}:{style:[T.placeholder,N],testID:F,children:L(s,{style:T.stateFill,testID:F?`${F}-placeholder`:void 0,pointerEvents:"none",children:L(d,{size:"sm",accessibilityLabel:z??"Loading image"})})}):"error"===K.status?L(s,void 0!==j?{style:N,testID:F,children:j}:{style:[T.fallback,N],testID:F,children:L(s,{accessible:!0,accessibilityRole:"image",accessibilityLabel:z?`${z}, image unavailable`:"Image unavailable",testID:F?`${F}-fallback`:void 0,style:T.stateFill,children:L(n,{style:T.fallbackText,children:"!"})})}):L(e,{...M,accessible:!0,accessibilityRole:"image",accessibilityLabel:z,testID:F,style:N,contentFit:$??(P?I[P]:void 0),transition:A??W,cachePolicy:J,source:{uri:K.fileUri}})};AuthedImage.displayName="AuthedImage";const buildStyles=e=>a.create({placeholder:{alignItems:"center",justifyContent:"center",backgroundColor:e.colors.background.secondary,borderRadius:e.radius.md,...c},fallback:{alignItems:"center",justifyContent:"center",backgroundColor:e.colors.background.secondary,borderRadius:e.radius.md,...c,borderWidth:e.colors.border.width,borderColor:e.colors.border.secondary,padding:e.spacing.sm},stateFill:{alignItems:"center",flex:1,justifyContent:"center"},fallbackText:{color:e.colors.text.tertiary,fontSize:e.typography.fontSize.lg,fontWeight:e.typography.fontWeight.bold}});export{AuthedImage};export default AuthedImage;

package/lib/module/components/AuthedImage/authedImageCache.js

@@ -1,232 +1 @@
-"use strict";
-
-import { ACCESS_TOKEN_KEY, encodeBase64, getToken, isStorageAvailable, Logger, publicClient, Storage } from '@webority/mobile-core';
-import { hashString } from "../../utils/hashString.js";
-const KEY_PREFIX = '@webority/authed-image/v1/';
-const DATA_PREFIX = `${KEY_PREFIX}d/`;
-const META_PREFIX = `${KEY_PREFIX}m/`;
-const DEFAULT_BYTE_CEILING = 50 * 1024 * 1024;
-export const DEFAULT_TTL_MS = 7 * 24 * 60 * 60 * 1000;
-let byteCeiling = DEFAULT_BYTE_CEILING;
-
-/**
- * Ceiling for the total stored size of cached images. Exceeding it evicts the
- * least recently used entries. An image cache with no ceiling grows until the
- * OS reclaims the app's storage, which is the defect this replaces.
- */
-export const setAuthedImageCacheLimit = bytes => {
-  if (!Number.isFinite(bytes) || bytes <= 0) {
-    throw new Error('[@webority/mobile-ui] setAuthedImageCacheLimit() needs a positive number of ' + `bytes, received ${String(bytes)}. Pass e.g. 50 * 1024 * 1024 for 50 MB.`);
-  }
-  byteCeiling = bytes;
-};
-export const getAuthedImageCacheLimit = () => byteCeiling;
-
-/**
- * Hex only by construction, so it is always a safe storage key segment.
- */
-export const deriveCacheKey = (uri, override) => hashString(override ?? uri);
-
-/**
- * The cache is an OPTIMISATION, so a failing store must never stop an image
- * rendering. That used to mean guarding on whether a backend existed at all,
- * warning once and skipping the cache; under Expo-first the backend ships with
- * the library, so "no backend" is no longer a state an app can be in and that
- * branch was unreachable.
- *
- * What remains is a store that exists and FAILS, which the per-operation error
- * handling below already covers: each read returns null and each write returns
- * false, the image still fetches, and nothing is logged per image.
- */
-const cacheUsable = () => isStorageAvailable();
-export const readEntry = async cacheKey => {
-  if (!cacheUsable()) {
-    return null;
-  }
-  const values = await Storage.multiGet([`${DATA_PREFIX}${cacheKey}`, `${META_PREFIX}${cacheKey}`]);
-  const dataUri = values[`${DATA_PREFIX}${cacheKey}`];
-  const rawMeta = values[`${META_PREFIX}${cacheKey}`];
-  if (!dataUri || !rawMeta) {
-    return null;
-  }
-  try {
-    return {
-      dataUri,
-      meta: JSON.parse(rawMeta)
-    };
-  } catch {
-    return null;
-  }
-};
-export const isFresh = (meta, ttlMs, now = Date.now()) => now - meta.fetchedAt < ttlMs;
-export const touchEntry = async (cacheKey, meta) => {
-  if (!cacheUsable()) {
-    return;
-  }
-  await Storage.setItem(`${META_PREFIX}${cacheKey}`, JSON.stringify({
-    ...meta,
-    lastAccessedAt: Date.now()
-  }));
-};
-const listMeta = async () => {
-  if (!cacheUsable()) {
-    return [];
-  }
-  const keys = await Storage.getAllKeys();
-  const metaKeys = keys.filter(key => key.startsWith(META_PREFIX));
-  if (metaKeys.length === 0) {
-    return [];
-  }
-  const values = await Storage.multiGet(metaKeys);
-  const out = [];
-  for (const key of metaKeys) {
-    const raw = values[key];
-    if (!raw) {
-      continue;
-    }
-    try {
-      out.push({
-        cacheKey: key.slice(META_PREFIX.length),
-        meta: JSON.parse(raw)
-      });
-    } catch {
-      // A meta entry we cannot parse is unusable; dropping it from the ledger
-      // lets the next eviction pass remove its orphaned data entry.
-    }
-  }
-  return out;
-};
-const evictIfNeeded = async () => {
-  const entries = await listMeta();
-  let total = entries.reduce((sum, entry) => sum + entry.meta.bytes, 0);
-  if (total <= byteCeiling) {
-    return;
-  }
-  const ordered = [...entries].sort((a, b) => a.meta.lastAccessedAt - b.meta.lastAccessedAt);
-  const doomed = [];
-  for (const entry of ordered) {
-    if (total <= byteCeiling) {
-      break;
-    }
-    doomed.push(`${DATA_PREFIX}${entry.cacheKey}`, `${META_PREFIX}${entry.cacheKey}`);
-    total -= entry.meta.bytes;
-  }
-  if (doomed.length > 0) {
-    await Storage.multiRemove(doomed);
-    Logger.info(`[AuthedImage] evicted ${doomed.length / 2} cached image(s) over the byte ceiling`);
-  }
-};
-export const clearAuthedImageCache = async () => {
-  if (!cacheUsable()) {
-    return;
-  }
-  const keys = await Storage.getAllKeys();
-  const ours = keys.filter(key => key.startsWith(KEY_PREFIX));
-  if (ours.length > 0) {
-    await Storage.multiRemove(ours);
-  }
-};
-export const authedImageCacheStats = async () => {
-  const entries = await listMeta();
-  return {
-    entries: entries.length,
-    bytes: entries.reduce((sum, entry) => sum + entry.meta.bytes, 0)
-  };
-};
-const responseHeader = (headers, name) => {
-  if (!headers || typeof headers !== 'object') {
-    return undefined;
-  }
-  const get = headers.get;
-  const raw = typeof get === 'function' ? get.call(headers, name) : headers[name];
-  return typeof raw === 'string' ? raw : undefined;
-};
-const fetchAndStore = async (cacheKey, options, signal) => {
-  const headers = {
-    Accept: 'image/*',
-    ...options.headers
-  };
-  if (!options.client && options.authenticated) {
-    const stored = await getToken(ACCESS_TOKEN_KEY);
-    if (stored?.token) {
-      headers.Authorization = `Bearer ${stored.token}`;
-    }
-  }
-  const client = options.client ?? publicClient;
-  let response;
-  try {
-    response = await client.get(options.uri, {
-      headers,
-      responseType: 'arraybuffer',
-      signal
-    });
-  } catch (error) {
-    const status = error?.response?.status;
-    if (typeof status !== 'number') {
-      throw error;
-    }
-    throw new Error(`[@webority/mobile-ui] AuthedImage could not load "${options.uri}": the server ` + `answered ${status}. Check the URL and whether the request needs to be signed in ` + '(pass the signed-in client as `client`, or authenticated={false} for public media).');
-  }
-  const buffer = response.data ?? new ArrayBuffer(0);
-  const rawType = responseHeader(response.headers, 'content-type');
-  const contentType = (rawType ? rawType.split(';')[0].trim() : '') || 'image/jpeg';
-  const dataUri = `data:${contentType};base64,${encodeBase64(buffer)}`;
-  const now = Date.now();
-  // `bytes` measures the stored data URI, not the decoded image: the ceiling
-  // exists to bound what sits in storage, and base64 costs about a third more.
-  const meta = {
-    fetchedAt: now,
-    bytes: dataUri.length,
-    contentType,
-    lastAccessedAt: now
-  };
-  if (cacheUsable()) {
-    await Storage.multiSet({
-      [`${DATA_PREFIX}${cacheKey}`]: dataUri,
-      [`${META_PREFIX}${cacheKey}`]: JSON.stringify(meta)
-    });
-    await evictIfNeeded();
-  }
-  return {
-    dataUri,
-    meta
-  };
-};
-const inFlight = new Map();
-
-/**
- * Two mounts of the same image share one request. The controller is aborted
- * only when the last waiter releases, so one unmount cannot cancel the fetch
- * another mount is still waiting on.
- */
-export const acquireFetch = (cacheKey, options) => {
-  const existing = inFlight.get(cacheKey);
-  if (existing) {
-    existing.waiters += 1;
-    return existing;
-  }
-  const controller = new AbortController();
-  const entry = {
-    controller,
-    waiters: 1,
-    promise: Promise.resolve()
-  };
-  entry.promise = fetchAndStore(cacheKey, options, controller.signal).finally(() => {
-    if (inFlight.get(cacheKey) === entry) {
-      inFlight.delete(cacheKey);
-    }
-  });
-  inFlight.set(cacheKey, entry);
-  return entry;
-};
-export const releaseFetch = (cacheKey, entry) => {
-  entry.waiters -= 1;
-  if (entry.waiters > 0) {
-    return;
-  }
-  if (inFlight.get(cacheKey) === entry) {
-    inFlight.delete(cacheKey);
-  }
-  entry.controller.abort();
-};
-//# sourceMappingURL=authedImageCache.js.map
+import{ACCESS_TOKEN_KEY as e,getToken as t,isStorageAvailable as s,Logger as r,publicClient as a,Storage as o}from"@webority/mobile-core";import{Directory as n,File as i,Paths as c}from"expo-file-system";import{hashString as l}from"../../utils/hashString.js";const u="@webority/authed-image/v2/index",d="authed-images";export const DEFAULT_TTL_MS=6048e5;let h=52428800;export const setAuthedImageCacheLimit=e=>{if(!Number.isFinite(e)||e<=0)throw new Error(`[@webority/mobile-ui] setAuthedImageCacheLimit() needs a positive number of bytes, received ${String(e)}. Pass e.g. 50 * 1024 * 1024 for 50 MB.`);h=e};export const getAuthedImageCacheLimit=()=>h;export const deriveCacheKey=(e,t)=>l(t??e);const imageFile=e=>new i(c.cache,d,e),toMeta=({fetchedAt:e,bytes:t,contentType:s,lastAccessedAt:r})=>({fetchedAt:e,bytes:t,contentType:s,lastAccessedAt:r});let f=null,m=null;const persistIndex=async e=>{if(!s())return;const t={};for(const[s,r]of e)t[s]={...r,persistedAccessAt:r.lastAccessedAt};if(await o.setItem(u,JSON.stringify(t)))for(const t of e.values())t.persistedAccessAt=t.lastAccessedAt},readStoredIndex=async()=>{const e=new Map;if(!s())return e;const t=await o.getItem(u);if(!t)return await(async()=>{const e=(await o.getAllKeys()).filter(e=>e.startsWith("@webority/authed-image/v1/"));e.length>0&&await o.multiRemove(e)})(),e;try{for(const[s,r]of Object.entries(JSON.parse(t)))e.set(s,r)}catch{}return e},loadIndex=()=>f?Promise.resolve(f):(m||(m=readStoredIndex().then(e=>((e=>{try{const t=new n(c.cache,d);if(!t.exists)return;const s=new Set([...e.values()].map(e=>imageFile(e.fileName).uri));for(const e of t.list())s.has(e.uri)||e.delete()}catch(e){r.warn("[AuthedImage] could not tidy the image cache folder",e)}})(e),f=e,e)).finally(()=>{m=null})),m),deleteFile=e=>{try{const t=imageFile(e);t.exists&&t.delete()}catch(e){r.warn("[AuthedImage] could not delete a cached image file",e)}};export const readEntry=async e=>{const t=await loadIndex(),s=t.get(e);if(!s)return null;const r=imageFile(s.fileName);return r.exists?{fileUri:r.uri,meta:toMeta(s)}:(t.delete(e),await persistIndex(t),null)};export const removeEntry=async e=>{const t=await loadIndex(),s=t.get(e);s&&(t.delete(e),deleteFile(s.fileName),await persistIndex(t))};export class AuthedImageHttpError extends Error{constructor(e,t){super(e),this.name="AuthedImageHttpError",this.status=t}}export const isPermanentRefusal=e=>e instanceof AuthedImageHttpError&&e.status>=400&&e.status<500&&408!==e.status&&429!==e.status;export const isFresh=(e,t,s=Date.now())=>s-e.fetchedAt<t;export const touchEntry=async e=>{const t=await loadIndex(),s=t.get(e);s&&(s.lastAccessedAt=Date.now(),s.lastAccessedAt-s.persistedAccessAt>=36e5&&await persistIndex(t))};export const clearAuthedImageCache=async()=>{(await loadIndex()).clear();const e=new n(c.cache,d);e.exists&&e.delete(),s()&&await o.removeItem(u)};export const authedImageCacheStats=async()=>{const e=await loadIndex();let t=0;for(const s of e.values())t+=s.bytes;return{entries:e.size,bytes:t}};const fetchAndStore=async(s,o,n)=>{const i={Accept:"image/*",...o.headers};if(!o.client&&o.authenticated){const s=await t(e);s?.token&&(i.Authorization=`Bearer ${s.token}`)}const c=o.client??a;let l;try{l=await c.get(o.uri,{headers:i,responseType:"arraybuffer",signal:n})}catch(e){const t=e?.response?.status;if("number"!=typeof t)throw e;throw new AuthedImageHttpError(`[@webority/mobile-ui] AuthedImage could not load "${o.uri}": the server answered ${t}. Check the URL and whether the request needs to be signed in (pass the signed-in client as \`client\`, or authenticated={false} for public media).`,t)}const u=new Uint8Array(l.data??new ArrayBuffer(0)),d=((e,t)=>{if(!e||"object"!=typeof e)return;const s=e.get,r="function"==typeof s?s.call(e,t):e[t];return"string"==typeof r?r:void 0})(l.headers,"content-type"),f=(d?d.split(";")[0].trim():"")||"image/jpeg",m=await loadIndex(),w=Date.now(),y=`${s}-${w.toString(36)}`,p=imageFile(y);try{p.create({intermediates:!0,overwrite:!0}),p.write(u)}catch(e){throw new Error(`[@webority/mobile-ui] AuthedImage fetched "${o.uri}" but could not write it to the app's cache folder: ${e instanceof Error?e.message:String(e)}. The device may be out of storage.`)}const g={fetchedAt:w,bytes:u.byteLength,contentType:f,lastAccessedAt:w,fileName:y,persistedAccessAt:w},A=m.get(s);m.set(s,g),A&&A.fileName!==y&&deleteFile(A.fileName);const b=(e=>{let t=0;for(const s of e.values())t+=s.bytes;if(t<=h)return 0;const s=[...e].sort(([,e],[,t])=>e.lastAccessedAt-t.lastAccessedAt);let r=0;for(const[a,o]of s){if(t<=h)break;e.delete(a),deleteFile(o.fileName),t-=o.bytes,r+=1}return r})(m);return await persistIndex(m),b>0&&r.info(`[AuthedImage] evicted ${b} cached image(s) over the byte ceiling`),{fileUri:p.uri,meta:toMeta(g)}},w=new Map;export const acquireFetch=(e,t)=>{const s=w.get(e);if(s)return s.waiters+=1,s;const r=new AbortController,a={controller:r,waiters:1,promise:Promise.resolve()};return a.promise=fetchAndStore(e,t,r.signal).finally(()=>{w.get(e)===a&&w.delete(e)}),w.set(e,a),a};export const releaseFetch=(e,t)=>{t.waiters-=1,t.waiters>0||(w.get(e)===t&&w.delete(e),t.controller.abort())};

package/lib/module/components/AuthedImage/index.js

@@ -1,5 +1 @@
-"use strict";
-
-export { AuthedImage, default } from "./AuthedImage.js";
-export { authedImageCacheStats, clearAuthedImageCache, getAuthedImageCacheLimit, setAuthedImageCacheLimit } from "./authedImageCache.js";
-//# sourceMappingURL=index.js.map
+export{AuthedImage,default}from"./AuthedImage.js";export{authedImageCacheStats,clearAuthedImageCache,getAuthedImageCacheLimit,setAuthedImageCacheLimit}from"./authedImageCache.js";