@webority/mobile-ui 0.0.39 → 0.2.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
+"use strict";import React from"react";import{View}from"react-native";import{useTheme}from"../../theme/index.js";import{AppIcon}from"../AppIcon/index.js";import{EmptyState}from"../EmptyState/index.js";import{Spinner}from"../Spinner/index.js";import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from"react/jsx-runtime";const OFFLINE_HINT="Check your connection, then try again.";export const AsyncBlock=({loading:e=!1,error:t,errorVariant:r="default",empty:i=!1,onRetry:n,skeleton:o,emptyTitle:s="Nothing here yet",emptyDescription:c,emptyIcon:l,errorTitle:a="That didn't load",offlineTitle:p="You're offline",retryLabel:m="Try again",children:y,style:d,testID:x})=>{const f=useTheme();if(e)return _jsx(View,{style:d,testID:x,children:o??_jsx(View,{style:{paddingVertical:f.spacing["2xl"],alignItems:"center"},children:_jsx(Spinner,{})})});if(t){const e="offline"===r,i="string"==typeof t?t:e?OFFLINE_HINT:void 0;return _jsxs(View,{style:d,testID:x,children:[_jsx(EmptyState,{icon:e?_jsx(AppIcon,{name:"cloud-cross",size:"xl",color:f.colors.text.tertiary,testID:"async-block-offline-icon"}):void 0,title:e?p:a,description:i,action:n?{label:m,onPress:n}:void 0}),"string"==typeof t?null:t]})}return i?_jsx(View,{style:d,testID:x,children:_jsx(EmptyState,{icon:l,title:s,description:c})}):_jsx(_Fragment,{children:y})};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
+"use strict";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);
-        finish({
-          status: 'ready',
-          fileUri: cached.fileUri
-        });
-        return;
-      }
-      const entry = acquireFetch(key, {
-        uri,
-        headers: JSON.parse(headersKey),
-        authenticated,
-        client
-      });
-      acquired = {
-        key,
-        entry
-      };
-      try {
-        const result = await entry.promise;
-        finish({
-          status: 'ready',
-          fileUri: result.fileUri
-        });
-      } 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',
-            fileUri: cached.fileUri
-          });
-          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.fileUri
-    }
-  });
-};
-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
+"use strict";import{Image}from"expo-image";import{useEffect,useMemo,useRef,useState}from"react";import{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,isPermanentRefusal,readEntry,releaseFetch,removeEntry,touchEntry}from"./authedImageCache.js";import{jsx as _jsx}from"react/jsx-runtime";const CONTENT_FIT={cover:"cover",contain:"contain",stretch:"fill",center:"scale-down",repeat:"cover"},toError=e=>e instanceof Error?e:new Error(String(e)),AuthedImage=e=>{const{uri:t,headers:r,client:o,authenticated:i=!0,ttlMs:a=DEFAULT_TTL_MS,placeholder:s,fallback:n,onLoadStart:c,onLoadEnd:l,onError:d,cacheKey:u,testID:m,accessibilityLabel:h,style:y,resizeMode:f,fadeDuration:g,contentFit:b,transition:p,cachePolicy:E="memory",...I}=e,S=useTheme(),x=useMemo(()=>buildStyles(S),[S]),[v,L]=useState({status:"loading"}),T=useRef({onLoadStart:c,onLoadEnd:l,onError:d});T.current={onLoadStart:c,onLoadEnd:l,onError:d};const j=JSON.stringify(r??{});return useEffect(()=>{let e=!1,r=null;const finish=t=>{e||(L(t),T.current.onLoadEnd?.())};return(async()=>{if(!t){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||(L({status:"error"}),T.current.onError?.(t)))}L({status:"loading"}),T.current.onLoadStart?.();const s=deriveCacheKey(t,u),n=await readEntry(s);if(e)return;if(n&&isFresh(n.meta,a))return touchEntry(s),void finish({status:"ready",fileUri:n.fileUri});const c=acquireFetch(s,{uri:t,headers:JSON.parse(j),authenticated:i,client:o});r={key:s,entry:c};try{const e=await c.promise;finish({status:"ready",fileUri:e.fileUri})}catch(t){if(e)return;if(n&&!isPermanentRefusal(t))return void finish({status:"ready",fileUri:n.fileUri});if(n&&(await removeEntry(s),e))return;L({status:"error"}),T.current.onError?.(toError(t)),T.current.onLoadEnd?.()}})(),()=>{e=!0,r&&releaseFetch(r.key,r.entry)}},[t,u,a,i,o,j]),"loading"===v.status?_jsx(View,void 0!==s?{style:y,testID:m,children:s}:{style:[x.placeholder,y],testID:m,children:_jsx(View,{style:x.stateFill,testID:m?`${m}-placeholder`:void 0,pointerEvents:"none",children:_jsx(Spinner,{size:"sm",accessibilityLabel:h??"Loading image"})})}):"error"===v.status?_jsx(View,void 0!==n?{style:y,testID:m,children:n}:{style:[x.fallback,y],testID:m,children:_jsx(View,{accessible:!0,accessibilityRole:"image",accessibilityLabel:h?`${h}, image unavailable`:"Image unavailable",testID:m?`${m}-fallback`:void 0,style:x.stateFill,children:_jsx(Text,{style:x.fallbackText,children:"!"})})}):_jsx(Image,{...I,accessible:!0,accessibilityRole:"image",accessibilityLabel:h,testID:m,style:y,contentFit:b??(f?CONTENT_FIT[f]:void 0),transition:p??g,cachePolicy:E,source:{uri:v.fileUri}})};AuthedImage.displayName="AuthedImage";const buildStyles=e=>StyleSheet.create({placeholder:{alignItems:"center",justifyContent:"center",backgroundColor:e.colors.background.secondary,borderRadius:e.radius.md,...smoothCorners},fallback:{alignItems:"center",justifyContent:"center",backgroundColor:e.colors.background.secondary,borderRadius:e.radius.md,...smoothCorners,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,337 +1 @@
-"use strict";
-
-import { ACCESS_TOKEN_KEY, getToken, isStorageAvailable, Logger, publicClient, Storage } from '@webority/mobile-core';
-import { Directory, File, Paths } from 'expo-file-system';
-import { hashString } from "../../utils/hashString.js";
-const INDEX_KEY = '@webority/authed-image/v2/index';
-// Releases before the file cache kept every image as a base64 string in the
-// key-value store, up to the 50 MB ceiling. Nothing reads those rows any more,
-// so they are removed the first time this version finds no index.
-const LEGACY_PREFIX = '@webority/authed-image/v1/';
-const FOLDER = 'authed-images';
-const DEFAULT_BYTE_CEILING = 50 * 1024 * 1024;
-
-// A hit only moves an entry's last access in memory. Writing the index on every
-// hit would put a storage write behind every row of a scrolling list, so a hit
-// persists only when the stored time is this old; least-recently-used order
-// survives a restart to within this window.
-const TOUCH_PERSIST_MS = 60 * 60 * 1000;
-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 file name segment.
- */
-export const deriveCacheKey = (uri, override) => hashString(override ?? uri);
-const imageFile = fileName => new File(Paths.cache, FOLDER, fileName);
-const toMeta = ({
-  fetchedAt,
-  bytes,
-  contentType,
-  lastAccessedAt
-}) => ({
-  fetchedAt,
-  bytes,
-  contentType,
-  lastAccessedAt
-});
-
-// The image bytes live in files; only this small index goes to the key-value
-// store. A store that fails costs persistence across restarts, never an image:
-// Storage logs and returns false rather than throwing.
-let index = null;
-let indexLoad = null;
-const persistIndex = async entries => {
-  if (!isStorageAvailable()) {
-    return;
-  }
-  const out = {};
-  for (const [cacheKey, entry] of entries) {
-    out[cacheKey] = {
-      ...entry,
-      persistedAccessAt: entry.lastAccessedAt
-    };
-  }
-  if (await Storage.setItem(INDEX_KEY, JSON.stringify(out))) {
-    for (const entry of entries.values()) {
-      entry.persistedAccessAt = entry.lastAccessedAt;
-    }
-  }
-};
-const removeLegacyEntries = async () => {
-  const keys = await Storage.getAllKeys();
-  const legacy = keys.filter(key => key.startsWith(LEGACY_PREFIX));
-  if (legacy.length > 0) {
-    await Storage.multiRemove(legacy);
-  }
-};
-
-/**
- * A file the index does not name is unreachable: written just before the app
- * died, or left by an index write that failed. Removing them here, once per
- * session and before anything new is written, keeps the byte ceiling true.
- */
-const removeOrphanFiles = entries => {
-  try {
-    const folder = new Directory(Paths.cache, FOLDER);
-    if (!folder.exists) {
-      return;
-    }
-    const known = new Set([...entries.values()].map(entry => imageFile(entry.fileName).uri));
-    for (const item of folder.list()) {
-      if (!known.has(item.uri)) {
-        item.delete();
-      }
-    }
-  } catch (error) {
-    Logger.warn('[AuthedImage] could not tidy the image cache folder', error);
-  }
-};
-const readStoredIndex = async () => {
-  const entries = new Map();
-  if (!isStorageAvailable()) {
-    return entries;
-  }
-  const raw = await Storage.getItem(INDEX_KEY);
-  if (!raw) {
-    await removeLegacyEntries();
-    return entries;
-  }
-  try {
-    for (const [cacheKey, entry] of Object.entries(JSON.parse(raw))) {
-      entries.set(cacheKey, entry);
-    }
-  } catch {
-    // An index we cannot parse names no file, so every file becomes an orphan
-    // and is removed below: the cache starts empty rather than wrong.
-  }
-  return entries;
-};
-const loadIndex = () => {
-  if (index) {
-    return Promise.resolve(index);
-  }
-  if (!indexLoad) {
-    indexLoad = readStoredIndex().then(entries => {
-      removeOrphanFiles(entries);
-      index = entries;
-      return entries;
-    }).finally(() => {
-      indexLoad = null;
-    });
-  }
-  return indexLoad;
-};
-const deleteFile = fileName => {
-  try {
-    const file = imageFile(fileName);
-    if (file.exists) {
-      file.delete();
-    }
-  } catch (error) {
-    Logger.warn('[AuthedImage] could not delete a cached image file', error);
-  }
-};
-export const readEntry = async cacheKey => {
-  const entries = await loadIndex();
-  const entry = entries.get(cacheKey);
-  if (!entry) {
-    return null;
-  }
-  const file = imageFile(entry.fileName);
-  // The cache folder is the OS's to reclaim under storage pressure, so an
-  // entry can outlive its file.
-  if (!file.exists) {
-    entries.delete(cacheKey);
-    await persistIndex(entries);
-    return null;
-  }
-  return {
-    fileUri: file.uri,
-    meta: toMeta(entry)
-  };
-};
-export const isFresh = (meta, ttlMs, now = Date.now()) => now - meta.fetchedAt < ttlMs;
-export const touchEntry = async cacheKey => {
-  const entries = await loadIndex();
-  const entry = entries.get(cacheKey);
-  if (!entry) {
-    return;
-  }
-  entry.lastAccessedAt = Date.now();
-  if (entry.lastAccessedAt - entry.persistedAccessAt >= TOUCH_PERSIST_MS) {
-    await persistIndex(entries);
-  }
-};
-const evictIfNeeded = entries => {
-  let total = 0;
-  for (const entry of entries.values()) {
-    total += entry.bytes;
-  }
-  if (total <= byteCeiling) {
-    return 0;
-  }
-  const ordered = [...entries].sort(([, a], [, b]) => a.lastAccessedAt - b.lastAccessedAt);
-  let evicted = 0;
-  for (const [cacheKey, entry] of ordered) {
-    if (total <= byteCeiling) {
-      break;
-    }
-    entries.delete(cacheKey);
-    deleteFile(entry.fileName);
-    total -= entry.bytes;
-    evicted += 1;
-  }
-  return evicted;
-};
-export const clearAuthedImageCache = async () => {
-  const entries = await loadIndex();
-  entries.clear();
-  const folder = new Directory(Paths.cache, FOLDER);
-  if (folder.exists) {
-    folder.delete();
-  }
-  if (isStorageAvailable()) {
-    await Storage.removeItem(INDEX_KEY);
-  }
-};
-export const authedImageCacheStats = async () => {
-  const entries = await loadIndex();
-  let bytes = 0;
-  for (const entry of entries.values()) {
-    bytes += entry.bytes;
-  }
-  return {
-    entries: entries.size,
-    bytes
-  };
-};
-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 bytes = new Uint8Array(response.data ?? new ArrayBuffer(0));
-  const rawType = responseHeader(response.headers, 'content-type');
-  const contentType = (rawType ? rawType.split(';')[0].trim() : '') || 'image/jpeg';
-
-  // Loaded before the write, so the orphan sweep in loadIndex can never see
-  // this file before its entry exists.
-  const entries = await loadIndex();
-  const now = Date.now();
-  // A new name per fetch: native image caches key on the URI, so rewriting one
-  // path in place could keep showing the old picture after a refresh.
-  const fileName = `${cacheKey}-${now.toString(36)}`;
-  const file = imageFile(fileName);
-  try {
-    file.create({
-      intermediates: true,
-      overwrite: true
-    });
-    file.write(bytes);
-  } catch (error) {
-    throw new Error(`[@webority/mobile-ui] AuthedImage fetched "${options.uri}" but could not write it to ` + `the app's cache folder: ${error instanceof Error ? error.message : String(error)}. ` + 'The device may be out of storage.');
-  }
-  const entry = {
-    fetchedAt: now,
-    bytes: bytes.byteLength,
-    contentType,
-    lastAccessedAt: now,
-    fileName,
-    persistedAccessAt: now
-  };
-  const previous = entries.get(cacheKey);
-  entries.set(cacheKey, entry);
-  if (previous && previous.fileName !== fileName) {
-    deleteFile(previous.fileName);
-  }
-  const evicted = evictIfNeeded(entries);
-  await persistIndex(entries);
-  if (evicted > 0) {
-    Logger.info(`[AuthedImage] evicted ${evicted} cached image(s) over the byte ceiling`);
-  }
-  return {
-    fileUri: file.uri,
-    meta: toMeta(entry)
-  };
-};
-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
+"use strict";import{ACCESS_TOKEN_KEY,getToken,isStorageAvailable,Logger,publicClient,Storage}from"@webority/mobile-core";import{Directory,File,Paths}from"expo-file-system";import{hashString}from"../../utils/hashString.js";const INDEX_KEY="@webority/authed-image/v2/index",LEGACY_PREFIX="@webority/authed-image/v1/",FOLDER="authed-images",DEFAULT_BYTE_CEILING=52428800,TOUCH_PERSIST_MS=36e5;export const DEFAULT_TTL_MS=6048e5;let byteCeiling=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.`);byteCeiling=e};export const getAuthedImageCacheLimit=()=>byteCeiling;export const deriveCacheKey=(e,t)=>hashString(t??e);const imageFile=e=>new File(Paths.cache,FOLDER,e),toMeta=({fetchedAt:e,bytes:t,contentType:r,lastAccessedAt:s})=>({fetchedAt:e,bytes:t,contentType:r,lastAccessedAt:s});let index=null,indexLoad=null;const persistIndex=async e=>{if(!isStorageAvailable())return;const t={};for(const[r,s]of e)t[r]={...s,persistedAccessAt:s.lastAccessedAt};if(await Storage.setItem(INDEX_KEY,JSON.stringify(t)))for(const t of e.values())t.persistedAccessAt=t.lastAccessedAt},removeLegacyEntries=async()=>{const e=(await Storage.getAllKeys()).filter(e=>e.startsWith(LEGACY_PREFIX));e.length>0&&await Storage.multiRemove(e)},removeOrphanFiles=e=>{try{const t=new Directory(Paths.cache,FOLDER);if(!t.exists)return;const r=new Set([...e.values()].map(e=>imageFile(e.fileName).uri));for(const e of t.list())r.has(e.uri)||e.delete()}catch(e){Logger.warn("[AuthedImage] could not tidy the image cache folder",e)}},readStoredIndex=async()=>{const e=new Map;if(!isStorageAvailable())return e;const t=await Storage.getItem(INDEX_KEY);if(!t)return await removeLegacyEntries(),e;try{for(const[r,s]of Object.entries(JSON.parse(t)))e.set(r,s)}catch{}return e},loadIndex=()=>index?Promise.resolve(index):(indexLoad||(indexLoad=readStoredIndex().then(e=>(removeOrphanFiles(e),index=e,e)).finally(()=>{indexLoad=null})),indexLoad),deleteFile=e=>{try{const t=imageFile(e);t.exists&&t.delete()}catch(e){Logger.warn("[AuthedImage] could not delete a cached image file",e)}};export const readEntry=async e=>{const t=await loadIndex(),r=t.get(e);if(!r)return null;const s=imageFile(r.fileName);return s.exists?{fileUri:s.uri,meta:toMeta(r)}:(t.delete(e),await persistIndex(t),null)};export const removeEntry=async e=>{const t=await loadIndex(),r=t.get(e);r&&(t.delete(e),deleteFile(r.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,r=Date.now())=>r-e.fetchedAt<t;export const touchEntry=async e=>{const t=await loadIndex(),r=t.get(e);r&&(r.lastAccessedAt=Date.now(),r.lastAccessedAt-r.persistedAccessAt>=36e5&&await persistIndex(t))};const evictIfNeeded=e=>{let t=0;for(const r of e.values())t+=r.bytes;if(t<=byteCeiling)return 0;const r=[...e].sort(([,e],[,t])=>e.lastAccessedAt-t.lastAccessedAt);let s=0;for(const[i,a]of r){if(t<=byteCeiling)break;e.delete(i),deleteFile(a.fileName),t-=a.bytes,s+=1}return s};export const clearAuthedImageCache=async()=>{(await loadIndex()).clear();const e=new Directory(Paths.cache,FOLDER);e.exists&&e.delete(),isStorageAvailable()&&await Storage.removeItem(INDEX_KEY)};export const authedImageCacheStats=async()=>{const e=await loadIndex();let t=0;for(const r of e.values())t+=r.bytes;return{entries:e.size,bytes:t}};const responseHeader=(e,t)=>{if(!e||"object"!=typeof e)return;const r=e.get,s="function"==typeof r?r.call(e,t):e[t];return"string"==typeof s?s:void 0},fetchAndStore=async(e,t,r)=>{const s={Accept:"image/*",...t.headers};if(!t.client&&t.authenticated){const e=await getToken(ACCESS_TOKEN_KEY);e?.token&&(s.Authorization=`Bearer ${e.token}`)}const i=t.client??publicClient;let a;try{a=await i.get(t.uri,{headers:s,responseType:"arraybuffer",signal:r})}catch(e){const r=e?.response?.status;if("number"!=typeof r)throw e;throw new AuthedImageHttpError(`[@webority/mobile-ui] AuthedImage could not load "${t.uri}": the server answered ${r}. 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).`,r)}const o=new Uint8Array(a.data??new ArrayBuffer(0)),n=responseHeader(a.headers,"content-type"),c=(n?n.split(";")[0].trim():"")||"image/jpeg",l=await loadIndex(),d=Date.now(),h=`${e}-${d.toString(36)}`,g=imageFile(h);try{g.create({intermediates:!0,overwrite:!0}),g.write(o)}catch(e){throw new Error(`[@webority/mobile-ui] AuthedImage fetched "${t.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 u={fetchedAt:d,bytes:o.byteLength,contentType:c,lastAccessedAt:d,fileName:h,persistedAccessAt:d},m=l.get(e);l.set(e,u),m&&m.fileName!==h&&deleteFile(m.fileName);const f=evictIfNeeded(l);return await persistIndex(l),f>0&&Logger.info(`[AuthedImage] evicted ${f} cached image(s) over the byte ceiling`),{fileUri:g.uri,meta:toMeta(u)}},inFlight=new Map;export const acquireFetch=(e,t)=>{const r=inFlight.get(e);if(r)return r.waiters+=1,r;const s=new AbortController,i={controller:s,waiters:1,promise:Promise.resolve()};return i.promise=fetchAndStore(e,t,s.signal).finally(()=>{inFlight.get(e)===i&&inFlight.delete(e)}),inFlight.set(e,i),i};export const releaseFetch=(e,t)=>{t.waiters-=1,t.waiters>0||(inFlight.get(e)===t&&inFlight.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
+"use strict";export{AuthedImage,default}from"./AuthedImage.js";export{authedImageCacheStats,clearAuthedImageCache,getAuthedImageCacheLimit,setAuthedImageCacheLimit}from"./authedImageCache.js";