@webority/mobile-ui 0.0.38 → 0.1.0

package/lib/commonjs/components/AsyncBlock/AsyncBlock.js

@@ -1,87 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.AsyncBlock = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _reactNative = require("react-native");
-var _index = require("../../theme/index.js");
-var _index2 = require("../EmptyState/index.js");
-var _index3 = require("../Spinner/index.js");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-/**
- * 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".
- */
-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 = (0, _index.useTheme)();
-  if (loading) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: style,
-      testID: testID,
-      children: skeleton ?? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: {
-          paddingVertical: theme.spacing['2xl'],
-          alignItems: 'center'
-        },
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.Spinner, {})
-      })
-    });
-  }
-  if (error) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: style,
-      testID: testID,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.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__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: style,
-      testID: testID,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.EmptyState, {
-        icon: emptyIcon,
-        title: emptyTitle,
-        description: emptyDescription
-      })
-    });
-  }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-    style: style,
-    testID: testID,
-    children: children
-  });
-};
-exports.AsyncBlock = AsyncBlock;
-var _default = exports.default = AsyncBlock;
-//# sourceMappingURL=AsyncBlock.js.map
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.AsyncBlock=void 0;var _react=_interopRequireDefault(require("react")),_reactNative=require("react-native"),_index=require("../../theme/index.js"),_index2=require("../AppIcon/index.js"),_index3=require("../EmptyState/index.js"),_index4=require("../Spinner/index.js"),_jsxRuntime=require("react/jsx-runtime");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const OFFLINE_HINT="Check your connection, then try again.",AsyncBlock=({loading:e=!1,error:t,errorVariant:i="default",empty:n=!1,onRetry:r,skeleton:s,emptyTitle:o="Nothing here yet",emptyDescription:c,emptyIcon:l,errorTitle:a="That didn't load",offlineTitle:u="You're offline",retryLabel:x="Try again",children:d,style:_,testID:p})=>{const y=(0,_index.useTheme)();if(e)return(0,_jsxRuntime.jsx)(_reactNative.View,{style:_,testID:p,children:s??(0,_jsxRuntime.jsx)(_reactNative.View,{style:{paddingVertical:y.spacing["2xl"],alignItems:"center"},children:(0,_jsxRuntime.jsx)(_index4.Spinner,{})})});if(t){const e="offline"===i,n="string"==typeof t?t:e?OFFLINE_HINT:void 0;return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:_,testID:p,children:[(0,_jsxRuntime.jsx)(_index3.EmptyState,{icon:e?(0,_jsxRuntime.jsx)(_index2.AppIcon,{name:"cloud-cross",size:"xl",color:y.colors.text.tertiary,testID:"async-block-offline-icon"}):void 0,title:e?u:a,description:n,action:r?{label:x,onPress:r}:void 0}),"string"==typeof t?null:t]})}return n?(0,_jsxRuntime.jsx)(_reactNative.View,{style:_,testID:p,children:(0,_jsxRuntime.jsx)(_index3.EmptyState,{icon:l,title:o,description:c})}):(0,_jsxRuntime.jsx)(_jsxRuntime.Fragment,{children:d})};exports.AsyncBlock=AsyncBlock;var _default=exports.default=AsyncBlock;

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

@@ -1,20 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "AsyncBlock", {
-  enumerable: true,
-  get: function () {
-    return _AsyncBlock.AsyncBlock;
-  }
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function () {
-    return _AsyncBlock.default;
-  }
-});
-var _AsyncBlock = _interopRequireWildcard(require("./AsyncBlock.js"));
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-//# sourceMappingURL=index.js.map
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"AsyncBlock",{enumerable:!0,get:function(){return _AsyncBlock.AsyncBlock}}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return _AsyncBlock.default}});var _AsyncBlock=_interopRequireWildcard(require("./AsyncBlock.js"));function _interopRequireWildcard(e,r){if("function"==typeof WeakMap)var t=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function(e,r){if(!r&&e&&e.__esModule)return e;var o,c,u={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return u;if(o=r?n:t){if(o.has(e))return o.get(e);o.set(e,u)}for(const r in e)"default"!==r&&{}.hasOwnProperty.call(e,r)&&((c=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,r))&&(c.get||c.set)?o(u,r,c):u[r]=e[r]);return u})(e,r)}

package/lib/commonjs/components/AuthedImage/AuthedImage.js

@@ -1,230 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.AuthedImage = void 0;
-var _react = require("react");
-var _reactNative = require("react-native");
-var _index = require("../../theme/index.js");
-var _corners = require("../../utils/corners.js");
-var _index2 = require("../Spinner/index.js");
-var _authedImageCache = require("./authedImageCache.js");
-var _jsxRuntime = require("react/jsx-runtime");
-const toError = value => value instanceof Error ? value : new Error(String(value));
-const AuthedImage = props => {
-  const {
-    uri,
-    headers,
-    client,
-    authenticated = true,
-    ttlMs = _authedImageCache.DEFAULT_TTL_MS,
-    placeholder,
-    fallback,
-    onLoadStart,
-    onLoadEnd,
-    onError,
-    cacheKey,
-    testID,
-    accessibilityLabel,
-    style,
-    ...imageProps
-  } = props;
-  const theme = (0, _index.useTheme)();
-  const styles = (0, _react.useMemo)(() => buildStyles(theme), [theme]);
-  const [state, setState] = (0, _react.useState)({
-    status: 'loading'
-  });
-
-  // Callbacks live behind refs so a caller passing inline arrows does not
-  // restart the fetch on every render.
-  const callbacks = (0, _react.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 ?? {});
-  (0, _react.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 = (0, _authedImageCache.deriveCacheKey)(uri, cacheKey);
-      const cached = await (0, _authedImageCache.readEntry)(key);
-      if (cancelled) {
-        return;
-      }
-      if (cached && (0, _authedImageCache.isFresh)(cached.meta, ttlMs)) {
-        void (0, _authedImageCache.touchEntry)(key, cached.meta);
-        finish({
-          status: 'ready',
-          dataUri: cached.dataUri
-        });
-        return;
-      }
-      const entry = (0, _authedImageCache.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) {
-        (0, _authedImageCache.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__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: style,
-        testID: testID,
-        children: placeholder
-      });
-    }
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: [styles.placeholder, style],
-      testID: testID,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: styles.stateFill,
-        testID: testID ? `${testID}-placeholder` : undefined,
-        pointerEvents: "none",
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Spinner, {
-          size: "sm",
-          accessibilityLabel: accessibilityLabel ?? 'Loading image'
-        })
-      })
-    });
-  }
-  if (state.status === 'error') {
-    if (fallback !== undefined) {
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: style,
-        testID: testID,
-        children: fallback
-      });
-    }
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: [styles.fallback, style],
-      testID: testID,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        accessible: true,
-        accessibilityRole: "image",
-        accessibilityLabel: accessibilityLabel ? `${accessibilityLabel}, image unavailable` : 'Image unavailable',
-        testID: testID ? `${testID}-fallback` : undefined,
-        style: styles.stateFill,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: styles.fallbackText,
-          children: "!"
-        })
-      })
-    });
-  }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Image, {
-    ...imageProps,
-    accessible: true,
-    accessibilityRole: "image",
-    accessibilityLabel: accessibilityLabel,
-    testID: testID,
-    style: style,
-    source: {
-      uri: state.dataUri
-    }
-  });
-};
-exports.AuthedImage = AuthedImage;
-AuthedImage.displayName = 'AuthedImage';
-const buildStyles = theme => _reactNative.StyleSheet.create({
-  placeholder: {
-    alignItems: 'center',
-    justifyContent: 'center',
-    backgroundColor: theme.colors.background.secondary,
-    borderRadius: theme.radius.md,
-    ..._corners.smoothCorners
-  },
-  fallback: {
-    alignItems: 'center',
-    justifyContent: 'center',
-    backgroundColor: theme.colors.background.secondary,
-    borderRadius: theme.radius.md,
-    ..._corners.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
-  }
-});
-var _default = exports.default = AuthedImage;
-//# sourceMappingURL=AuthedImage.js.map
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.AuthedImage=void 0;var _expoImage=require("expo-image"),_react=require("react"),_reactNative=require("react-native"),_index=require("../../theme/index.js"),_corners=require("../../utils/corners.js"),_index2=require("../Spinner/index.js"),_authedImageCache=require("./authedImageCache.js"),_jsxRuntime=require("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:a,authenticated:i=!0,ttlMs:s=_authedImageCache.DEFAULT_TTL_MS,placeholder:n,fallback:o,onLoadStart:c,onLoadEnd:l,onError:d,cacheKey:u,testID:h,accessibilityLabel:m,style:g,resizeMode:y,fadeDuration:_,contentFit:f,transition:x,cachePolicy:b="memory",...I}=e,v=(0,_index.useTheme)(),j=(0,_react.useMemo)(()=>buildStyles(v),[v]),[p,E]=(0,_react.useState)({status:"loading"}),C=(0,_react.useRef)({onLoadStart:c,onLoadEnd:l,onError:d});C.current={onLoadStart:c,onLoadEnd:l,onError:d};const L=JSON.stringify(r??{});return(0,_react.useEffect)(()=>{let e=!1,r=null;const finish=t=>{e||(E(t),C.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||(E({status:"error"}),C.current.onError?.(t)))}E({status:"loading"}),C.current.onLoadStart?.();const n=(0,_authedImageCache.deriveCacheKey)(t,u),o=await(0,_authedImageCache.readEntry)(n);if(e)return;if(o&&(0,_authedImageCache.isFresh)(o.meta,s))return(0,_authedImageCache.touchEntry)(n),void finish({status:"ready",fileUri:o.fileUri});const c=(0,_authedImageCache.acquireFetch)(n,{uri:t,headers:JSON.parse(L),authenticated:i,client:a});r={key:n,entry:c};try{const e=await c.promise;finish({status:"ready",fileUri:e.fileUri})}catch(t){if(e)return;if(o&&!(0,_authedImageCache.isPermanentRefusal)(t))return void finish({status:"ready",fileUri:o.fileUri});if(o&&(await(0,_authedImageCache.removeEntry)(n),e))return;E({status:"error"}),C.current.onError?.(toError(t)),C.current.onLoadEnd?.()}})(),()=>{e=!0,r&&(0,_authedImageCache.releaseFetch)(r.key,r.entry)}},[t,u,s,i,a,L]),"loading"===p.status?void 0!==n?(0,_jsxRuntime.jsx)(_reactNative.View,{style:g,testID:h,children:n}):(0,_jsxRuntime.jsx)(_reactNative.View,{style:[j.placeholder,g],testID:h,children:(0,_jsxRuntime.jsx)(_reactNative.View,{style:j.stateFill,testID:h?`${h}-placeholder`:void 0,pointerEvents:"none",children:(0,_jsxRuntime.jsx)(_index2.Spinner,{size:"sm",accessibilityLabel:m??"Loading image"})})}):"error"===p.status?void 0!==o?(0,_jsxRuntime.jsx)(_reactNative.View,{style:g,testID:h,children:o}):(0,_jsxRuntime.jsx)(_reactNative.View,{style:[j.fallback,g],testID:h,children:(0,_jsxRuntime.jsx)(_reactNative.View,{accessible:!0,accessibilityRole:"image",accessibilityLabel:m?`${m}, image unavailable`:"Image unavailable",testID:h?`${h}-fallback`:void 0,style:j.stateFill,children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:j.fallbackText,children:"!"})})}):(0,_jsxRuntime.jsx)(_expoImage.Image,{...I,accessible:!0,accessibilityRole:"image",accessibilityLabel:m,testID:h,style:g,contentFit:f??(y?CONTENT_FIT[y]:void 0),transition:x??_,cachePolicy:b,source:{uri:p.fileUri}})};exports.AuthedImage=AuthedImage,AuthedImage.displayName="AuthedImage";const buildStyles=e=>_reactNative.StyleSheet.create({placeholder:{alignItems:"center",justifyContent:"center",backgroundColor:e.colors.background.secondary,borderRadius:e.radius.md,..._corners.smoothCorners},fallback:{alignItems:"center",justifyContent:"center",backgroundColor:e.colors.background.secondary,borderRadius:e.radius.md,..._corners.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}});var _default=exports.default=AuthedImage;

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

@@ -1,246 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.touchEntry = exports.setAuthedImageCacheLimit = exports.releaseFetch = exports.readEntry = exports.isFresh = exports.getAuthedImageCacheLimit = exports.deriveCacheKey = exports.clearAuthedImageCache = exports.authedImageCacheStats = exports.acquireFetch = exports.DEFAULT_TTL_MS = void 0;
-var _mobileCore = require("@webority/mobile-core");
-var _hashString = require("../../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;
-const DEFAULT_TTL_MS = exports.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.
- */
-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;
-};
-exports.setAuthedImageCacheLimit = setAuthedImageCacheLimit;
-const getAuthedImageCacheLimit = () => byteCeiling;
-
-/**
- * Hex only by construction, so it is always a safe storage key segment.
- */
-exports.getAuthedImageCacheLimit = getAuthedImageCacheLimit;
-const deriveCacheKey = (uri, override) => (0, _hashString.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.
- */
-exports.deriveCacheKey = deriveCacheKey;
-const cacheUsable = () => (0, _mobileCore.isStorageAvailable)();
-const readEntry = async cacheKey => {
-  if (!cacheUsable()) {
-    return null;
-  }
-  const values = await _mobileCore.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;
-  }
-};
-exports.readEntry = readEntry;
-const isFresh = (meta, ttlMs, now = Date.now()) => now - meta.fetchedAt < ttlMs;
-exports.isFresh = isFresh;
-const touchEntry = async (cacheKey, meta) => {
-  if (!cacheUsable()) {
-    return;
-  }
-  await _mobileCore.Storage.setItem(`${META_PREFIX}${cacheKey}`, JSON.stringify({
-    ...meta,
-    lastAccessedAt: Date.now()
-  }));
-};
-exports.touchEntry = touchEntry;
-const listMeta = async () => {
-  if (!cacheUsable()) {
-    return [];
-  }
-  const keys = await _mobileCore.Storage.getAllKeys();
-  const metaKeys = keys.filter(key => key.startsWith(META_PREFIX));
-  if (metaKeys.length === 0) {
-    return [];
-  }
-  const values = await _mobileCore.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 _mobileCore.Storage.multiRemove(doomed);
-    _mobileCore.Logger.info(`[AuthedImage] evicted ${doomed.length / 2} cached image(s) over the byte ceiling`);
-  }
-};
-const clearAuthedImageCache = async () => {
-  if (!cacheUsable()) {
-    return;
-  }
-  const keys = await _mobileCore.Storage.getAllKeys();
-  const ours = keys.filter(key => key.startsWith(KEY_PREFIX));
-  if (ours.length > 0) {
-    await _mobileCore.Storage.multiRemove(ours);
-  }
-};
-exports.clearAuthedImageCache = clearAuthedImageCache;
-const authedImageCacheStats = async () => {
-  const entries = await listMeta();
-  return {
-    entries: entries.length,
-    bytes: entries.reduce((sum, entry) => sum + entry.meta.bytes, 0)
-  };
-};
-exports.authedImageCacheStats = authedImageCacheStats;
-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 (0, _mobileCore.getToken)(_mobileCore.ACCESS_TOKEN_KEY);
-    if (stored?.token) {
-      headers.Authorization = `Bearer ${stored.token}`;
-    }
-  }
-  const client = options.client ?? _mobileCore.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,${(0, _mobileCore.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 _mobileCore.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.
- */
-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;
-};
-exports.acquireFetch = acquireFetch;
-const releaseFetch = (cacheKey, entry) => {
-  entry.waiters -= 1;
-  if (entry.waiters > 0) {
-    return;
-  }
-  if (inFlight.get(cacheKey) === entry) {
-    inFlight.delete(cacheKey);
-  }
-  entry.controller.abort();
-};
-exports.releaseFetch = releaseFetch;
-//# sourceMappingURL=authedImageCache.js.map
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.touchEntry=exports.setAuthedImageCacheLimit=exports.removeEntry=exports.releaseFetch=exports.readEntry=exports.isPermanentRefusal=exports.isFresh=exports.getAuthedImageCacheLimit=exports.deriveCacheKey=exports.clearAuthedImageCache=exports.authedImageCacheStats=exports.acquireFetch=exports.DEFAULT_TTL_MS=exports.AuthedImageHttpError=void 0;var _mobileCore=require("@webority/mobile-core"),_expoFileSystem=require("expo-file-system"),_hashString=require("../../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,DEFAULT_TTL_MS=exports.DEFAULT_TTL_MS=6048e5;let byteCeiling=52428800;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};exports.setAuthedImageCacheLimit=setAuthedImageCacheLimit;const getAuthedImageCacheLimit=()=>byteCeiling;exports.getAuthedImageCacheLimit=getAuthedImageCacheLimit;const deriveCacheKey=(e,t)=>(0,_hashString.hashString)(t??e);exports.deriveCacheKey=deriveCacheKey;const imageFile=e=>new _expoFileSystem.File(_expoFileSystem.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(!(0,_mobileCore.isStorageAvailable)())return;const t={};for(const[r,s]of e)t[r]={...s,persistedAccessAt:s.lastAccessedAt};if(await _mobileCore.Storage.setItem(INDEX_KEY,JSON.stringify(t)))for(const t of e.values())t.persistedAccessAt=t.lastAccessedAt},removeLegacyEntries=async()=>{const e=(await _mobileCore.Storage.getAllKeys()).filter(e=>e.startsWith(LEGACY_PREFIX));e.length>0&&await _mobileCore.Storage.multiRemove(e)},removeOrphanFiles=e=>{try{const t=new _expoFileSystem.Directory(_expoFileSystem.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){_mobileCore.Logger.warn("[AuthedImage] could not tidy the image cache folder",e)}},readStoredIndex=async()=>{const e=new Map;if(!(0,_mobileCore.isStorageAvailable)())return e;const t=await _mobileCore.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){_mobileCore.Logger.warn("[AuthedImage] could not delete a cached image file",e)}},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)};exports.readEntry=readEntry;const removeEntry=async e=>{const t=await loadIndex(),r=t.get(e);r&&(t.delete(e),deleteFile(r.fileName),await persistIndex(t))};exports.removeEntry=removeEntry;class AuthedImageHttpError extends Error{constructor(e,t){super(e),this.name="AuthedImageHttpError",this.status=t}}exports.AuthedImageHttpError=AuthedImageHttpError;const isPermanentRefusal=e=>e instanceof AuthedImageHttpError&&e.status>=400&&e.status<500&&408!==e.status&&429!==e.status;exports.isPermanentRefusal=isPermanentRefusal;const isFresh=(e,t,r=Date.now())=>r-e.fetchedAt<t;exports.isFresh=isFresh;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))};exports.touchEntry=touchEntry;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[a,i]of r){if(t<=byteCeiling)break;e.delete(a),deleteFile(i.fileName),t-=i.bytes,s+=1}return s},clearAuthedImageCache=async()=>{(await loadIndex()).clear();const e=new _expoFileSystem.Directory(_expoFileSystem.Paths.cache,FOLDER);e.exists&&e.delete(),(0,_mobileCore.isStorageAvailable)()&&await _mobileCore.Storage.removeItem(INDEX_KEY)};exports.clearAuthedImageCache=clearAuthedImageCache;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}};exports.authedImageCacheStats=authedImageCacheStats;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(0,_mobileCore.getToken)(_mobileCore.ACCESS_TOKEN_KEY);e?.token&&(s.Authorization=`Bearer ${e.token}`)}const a=t.client??_mobileCore.publicClient;let i;try{i=await a.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(i.data??new ArrayBuffer(0)),n=responseHeader(i.headers,"content-type"),c=(n?n.split(";")[0].trim():"")||"image/jpeg",l=await loadIndex(),d=Date.now(),h=`${e}-${d.toString(36)}`,m=imageFile(h);try{m.create({intermediates:!0,overwrite:!0}),m.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},g=l.get(e);l.set(e,u),g&&g.fileName!==h&&deleteFile(g.fileName);const p=evictIfNeeded(l);return await persistIndex(l),p>0&&_mobileCore.Logger.info(`[AuthedImage] evicted ${p} cached image(s) over the byte ceiling`),{fileUri:m.uri,meta:toMeta(u)}},inFlight=new Map,acquireFetch=(e,t)=>{const r=inFlight.get(e);if(r)return r.waiters+=1,r;const s=new AbortController,a={controller:s,waiters:1,promise:Promise.resolve()};return a.promise=fetchAndStore(e,t,s.signal).finally(()=>{inFlight.get(e)===a&&inFlight.delete(e)}),inFlight.set(e,a),a};exports.acquireFetch=acquireFetch;const releaseFetch=(e,t)=>{t.waiters-=1,t.waiters>0||(inFlight.get(e)===t&&inFlight.delete(e),t.controller.abort())};exports.releaseFetch=releaseFetch;

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

@@ -1,45 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "AuthedImage", {
-  enumerable: true,
-  get: function () {
-    return _AuthedImage.AuthedImage;
-  }
-});
-Object.defineProperty(exports, "authedImageCacheStats", {
-  enumerable: true,
-  get: function () {
-    return _authedImageCache.authedImageCacheStats;
-  }
-});
-Object.defineProperty(exports, "clearAuthedImageCache", {
-  enumerable: true,
-  get: function () {
-    return _authedImageCache.clearAuthedImageCache;
-  }
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function () {
-    return _AuthedImage.default;
-  }
-});
-Object.defineProperty(exports, "getAuthedImageCacheLimit", {
-  enumerable: true,
-  get: function () {
-    return _authedImageCache.getAuthedImageCacheLimit;
-  }
-});
-Object.defineProperty(exports, "setAuthedImageCacheLimit", {
-  enumerable: true,
-  get: function () {
-    return _authedImageCache.setAuthedImageCacheLimit;
-  }
-});
-var _AuthedImage = _interopRequireWildcard(require("./AuthedImage.js"));
-var _authedImageCache = require("./authedImageCache.js");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-//# sourceMappingURL=index.js.map
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"AuthedImage",{enumerable:!0,get:function(){return _AuthedImage.AuthedImage}}),Object.defineProperty(exports,"authedImageCacheStats",{enumerable:!0,get:function(){return _authedImageCache.authedImageCacheStats}}),Object.defineProperty(exports,"clearAuthedImageCache",{enumerable:!0,get:function(){return _authedImageCache.clearAuthedImageCache}}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return _AuthedImage.default}}),Object.defineProperty(exports,"getAuthedImageCacheLimit",{enumerable:!0,get:function(){return _authedImageCache.getAuthedImageCacheLimit}}),Object.defineProperty(exports,"setAuthedImageCacheLimit",{enumerable:!0,get:function(){return _authedImageCache.setAuthedImageCacheLimit}});var _AuthedImage=_interopRequireWildcard(require("./AuthedImage.js")),_authedImageCache=require("./authedImageCache.js");function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,a=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var u,n,i={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return i;if(u=t?a:r){if(u.has(e))return u.get(e);u.set(e,i)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((n=(u=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(n.get||n.set)?u(i,t,n):i[t]=e[t]);return i})(e,t)}