@fountain-ui/lab 2.0.0-beta.34 → 2.0.0-beta.35

package/build/module/ComicViewer/ComicViewer.js

@@ -3,184 +3,238 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { FlatList } from 'react-native';
 import * as R from 'ramda';
-import { STATE } from './ComicViewerProps';
+import { useDebounce } from '@fountain-ui/core';
 import ViewerItem from './ViewerItem';
 
-const getItemHeights = items => R.map(content => content.height)(items);
-
 const appender = (left, right) => [left + right, left + right];
 
-const getHeightAccum = itemHeights => R.mapAccum(appender, 0, itemHeights);
+const getHeightAccum = heights => R.mapAccum(appender, 0, heights);
+
+const keyExtractor = item => String(item.index);
+
+const createInitialImageState = dimension => ({
+  isNewUrlIncoming: false,
+  totalErrorCount: 0,
+  dimension
+});
 
-const keyExtractor = item => `${item.sortKey}`;
+const mapImageStateToItemState = (index, imageState, autoHandleErrorCount) => {
+  var _imageState$urlState, _imageState$urlState2;
 
+  return {
+    index,
+    url: (_imageState$urlState = imageState.urlState) === null || _imageState$urlState === void 0 ? void 0 : _imageState$urlState.url,
+    reloadButtonVisible: ((_imageState$urlState2 = imageState.urlState) === null || _imageState$urlState2 === void 0 ? void 0 : _imageState$urlState2.validity) !== 'valid' && imageState.totalErrorCount >= autoHandleErrorCount,
+    dimension: imageState.dimension
+  };
+};
+
+const MAXIMUM_WIDTH = 720;
+const NUMBER_OF_ADJACENT_ITEM = 5;
 export default function ComicViewer(props) {
   const {
-    data,
-    errorDebounceMillis = 500,
-    errorRetryCount = 3,
-    responseTimestamp,
+    debounceMillis = 100,
+    autoHandleErrorCount = 3,
+    getUrlByIndex,
     initialNumToRender = 1,
     initialScrollPercentage = 0,
     itemVisiblePercentThreshold = 0,
-    onError,
-    onScroll,
+    intrinsicDimensions,
     onItemPress,
-    getNextPage,
-    viewerWidth,
+    viewportWidth,
     windowSize = 3,
-    pageUnit,
-    ListFooterComponent,
     ...otherProps
   } = props;
   const flatListRef = useRef(null);
-  const errors = useRef(new Map());
-  const debounceTimeOut = useRef(null);
-  const imageWidth = Math.min(viewerWidth, 720);
-  const initialItems = R.map(itemData => ({ ...itemData,
-    isViewable: false,
-    width: imageWidth,
-    height: itemData.height * imageWidth / itemData.width
-  }))(data);
-  const [items, setItems] = useState(initialItems);
-  const initialItemState = R.map(itemData => ({
-    sortKey: itemData.sortKey,
-    state: R.isNil(itemData.id) ? STATE.INIT : STATE.URL_LOADED
-  }))(data);
-  const itemStates = useRef(initialItemState);
-  const itemHeights = [...getItemHeights(items)];
-  const itemHeightAccum = getHeightAccum(itemHeights);
+  const debounceTimeout = useRef(null);
+  const maybeLoadableItemsIndexRange = useRef([-1, 0]);
+  const actualImageWidth = Math.min(viewportWidth, MAXIMUM_WIDTH);
+  const initialImageStates = useMemo(() => R.map(createInitialImageState, intrinsicDimensions), []);
+  const imageStatesRef = useRef(initialImageStates);
+
+  const mapImageStatesToItemStates = imageStates => {
+    return imageStates.map((image, index) => mapImageStateToItemState(index, image, autoHandleErrorCount));
+  };
+
+  const [itemStates, setItemStates] = useState(() => {
+    return mapImageStatesToItemStates(imageStatesRef.current);
+  });
+  const renderedDimensions = useMemo(() => {
+    return R.map(intrinsicDimension => ({
+      width: actualImageWidth,
+      height: intrinsicDimension.height * actualImageWidth / intrinsicDimension.width
+    }), intrinsicDimensions);
+  }, [actualImageWidth]);
+  const layoutFromDimensions = useCallback(() => {
+    const itemHeights = R.map(dimension => dimension.height, renderedDimensions);
+    const [totalHeight, heightAccum] = getHeightAccum(itemHeights);
+    const itemOffsets = R.prepend(0, heightAccum);
+
+    const getItemLayout = (data, index) => ({
+      index,
+      length: itemHeights[index],
+      offset: itemOffsets[index]
+    });
+
+    return {
+      totalHeight,
+      getItemLayout
+    };
+  }, [renderedDimensions]);
+  const {
+    totalHeight,
+    getItemLayout
+  } = layoutFromDimensions();
   const viewabilityConfig = useMemo(() => ({
     itemVisiblePercentThreshold
   }), [itemVisiblePercentThreshold]);
-  const getItemLayout = useCallback((data, index) => {
-    const offsets = R.prepend(0, itemHeightAccum[1]);
-    return {
-      length: itemHeights[index],
-      offset: offsets[index],
-      index
-    };
-  }, [itemHeights]);
+
+  const updateImageState = updateFunction => {
+    const prevImageStates = imageStatesRef.current;
+    const newImageStates = prevImageStates.map(updateFunction);
+    imageStatesRef.current = newImageStates;
+    setItemStates(prevItemStates => {
+      const newItemStates = mapImageStatesToItemStates(newImageStates);
+      return R.equals(prevItemStates, newItemStates) ? prevItemStates : newItemStates;
+    });
+  };
+
+  const loadUrlByIndex = async indexes => {
+    const filteredIndexes = R.filter(index => {
+      var _state$urlState;
+
+      const state = imageStatesRef.current[index];
+      return R.isNil(state.urlState) || ((_state$urlState = state.urlState) === null || _state$urlState === void 0 ? void 0 : _state$urlState.validity) === 'invalid' && !state.isNewUrlIncoming;
+    }, indexes);
+    updateImageState((imageState, i) => {
+      return R.includes(i, filteredIndexes) ? { ...imageState,
+        isNewUrlIncoming: true
+      } : imageState;
+    });
+
+    try {
+      const urls = await getUrlByIndex(filteredIndexes);
+      updateImageState((imageState, i) => {
+        const newUrl = urls === null || urls === void 0 ? void 0 : urls.get(i);
+        const urlState = imageState.urlState;
+
+        if (newUrl !== undefined && (urlState === null || urlState === void 0 ? void 0 : urlState.validity) !== 'valid') {
+          return { ...imageState,
+            urlState: {
+              url: newUrl,
+              validity: 'unknown'
+            }
+          };
+        }
+
+        return imageState;
+      });
+    } finally {
+      updateImageState((imageState, i) => {
+        return R.includes(i, filteredIndexes) ? { ...imageState,
+          isNewUrlIncoming: false
+        } : imageState;
+      });
+    }
+  };
+
+  const loadMaybeLoadableItems = async () => {
+    const [startIndex, endIndex] = maybeLoadableItemsIndexRange.current;
+    const affectedIndexes = R.range(startIndex, endIndex);
+    await loadUrlByIndex(affectedIndexes);
+  };
+
+  const loadItemsDebounce = useDebounce(loadMaybeLoadableItems, debounceMillis);
   const onViewableItemsChanged = useRef(_ref => {
+    var _R$head, _R$last;
+
     let {
       viewableItems
     } = _ref;
-    setItems(prev => {
-      const viewableItemSortKeys = R.map(viewableItem => viewableItem.item.sortKey)(viewableItems);
-      const firstViewableSortKey = R.head(viewableItemSortKeys);
-      const lastViewableItemSortKey = R.last(viewableItemSortKeys);
-      const firstItem = R.head(prev);
-      const lastItem = R.last(prev);
-
-      if (R.isNil(firstViewableSortKey) || R.isNil(lastViewableItemSortKey) || R.isNil(firstItem) || R.isNil(lastItem)) {
-        return prev;
-      }
+    const orderedViewableItems = R.sort((a, b) => (a.index || 0) - (b.index || 0), viewableItems);
+    const firstViewableIndex = (_R$head = R.head(orderedViewableItems)) === null || _R$head === void 0 ? void 0 : _R$head.index;
+    const lastViewableItemIndex = (_R$last = R.last(orderedViewableItems)) === null || _R$last === void 0 ? void 0 : _R$last.index;
 
-      const frontBoundary = R.max(firstItem.sortKey, firstViewableSortKey - 1);
-      const backBoundary = R.min(lastItem.sortKey, lastViewableItemSortKey + 1);
-      const viewableItemBoundary = R.range(frontBoundary, backBoundary + 1);
-      const newItems = R.map(prevItem => ({ ...prevItem,
-        isViewable: R.includes(prevItem.sortKey, viewableItemBoundary)
-      }))([...prev]);
-      return newItems;
-    });
-  });
-  const itemLoadedHandler = useCallback(sortKey => {
-    const itemState = R.find(state => state.sortKey === sortKey)(itemStates.current);
-
-    if (R.isNil(itemState)) {
+    if (R.isNil(firstViewableIndex) || R.isNil(lastViewableItemIndex)) {
       return;
     }
 
-    itemState.state = STATE.LOADED;
-    itemState.error = undefined;
-  }, [itemStates]);
-  const itemErrorHandler = useCallback(errorInfo => {
-    const {
-      sortKey,
-      count
-    } = errorInfo;
+    const startIndex = R.max(firstViewableIndex - NUMBER_OF_ADJACENT_ITEM, 0);
+    const endIndex = R.min(lastViewableItemIndex + NUMBER_OF_ADJACENT_ITEM, itemStates.length - 1);
+    maybeLoadableItemsIndexRange.current = [startIndex, endIndex + 1];
+    loadItemsDebounce();
+  });
+  const renderItem = useCallback(_ref2 => {
+    var _renderedDimensions$i, _renderedDimensions$i2;
 
-    if (count >= errorRetryCount) {
-      return;
-    }
+    let {
+      item,
+      index
+    } = _ref2;
 
-    errors.current.set(sortKey, errorInfo);
-    const itemState = R.find(state => state.sortKey === sortKey)(itemStates.current);
+    const onError = () => {
+      updateImageState((imageState, i) => {
+        const urlState = imageState.urlState;
 
-    if (R.isNil(itemState)) {
-      return;
-    }
+        if (i === index && urlState !== undefined) {
+          return { ...imageState,
+            totalErrorCount: imageState.totalErrorCount + 1,
+            urlState: { ...urlState,
+              validity: 'invalid'
+            }
+          };
+        }
+
+        return imageState;
+      });
+
+      if (item.reloadButtonVisible) {
+        return;
+      }
 
-    itemState.state = STATE.FAIL;
-    itemState.error = errorInfo;
-
-    const handleError = () => {
-      const errorsArray = Array.from(errors.current.entries());
-      const errorsInfo = R.map(_ref2 => {
-        let [key, value] = _ref2;
-        return value;
-      })(errorsArray);
-      onError && onError([...errorsInfo]);
-      errors.current.clear();
+      const [startIndex, endIndex] = maybeLoadableItemsIndexRange.current;
+
+      if (index >= startIndex || index < endIndex) {
+        loadItemsDebounce();
+      }
     };
 
-    if (debounceTimeOut.current) {
-      clearTimeout(debounceTimeOut.current);
-    }
+    const onReloadPress = () => {
+      const [startIndex, endIndex] = maybeLoadableItemsIndexRange.current;
 
-    if (errors.current.size === pageUnit) {
-      handleError();
-    } else {
-      debounceTimeOut.current = setTimeout(handleError, errorDebounceMillis);
-    }
-  }, [errors.current, itemStates]);
-  const renderItem = useCallback(_ref3 => {
-    let {
-      item
-    } = _ref3;
-    const itemState = R.find(state => state.sortKey === item.sortKey)(itemStates.current);
-    const props = { ...item,
-      itemState,
-      responseTimestamp,
-      errorRetryCount,
-      onError: itemErrorHandler,
-      onLoaded: itemLoadedHandler,
-      onItemPress,
-      getNextPage
+      if (index >= startIndex || index < endIndex) {
+        loadUrlByIndex([index]);
+      }
     };
-    return /*#__PURE__*/React.createElement(ViewerItem, {
-      props: props
-    });
-  }, [responseTimestamp, itemErrorHandler, itemLoadedHandler, onItemPress]);
-  useEffect(() => {
-    setItems(prev => {
-      return R.map(prevItem => {
-        const currentData = R.find(currentItemData => prevItem.sortKey === currentItemData.sortKey)(data);
-        const itemState = R.find(state => state.sortKey === (currentData === null || currentData === void 0 ? void 0 : currentData.sortKey))(itemStates.current);
-
-        if (currentData && currentData.id && itemState && itemState.state !== STATE.LOADED) {
-          itemState.state = STATE.URL_LOADED;
-          return { ...prevItem,
-            url: currentData.url,
-            expiresAt: currentData.expiresAt
+
+    const onLoad = () => {
+      updateImageState((imageState, i) => {
+        const urlState = imageState.urlState;
+
+        if (i === index && urlState !== undefined) {
+          return { ...imageState,
+            urlState: { ...urlState,
+              validity: 'valid'
+            }
           };
         }
 
-        return prevItem;
-      })([...prev]);
-      ;
+        return imageState;
+      });
+    };
+
+    return /*#__PURE__*/React.createElement(ViewerItem, {
+      onError: onError,
+      onLoad: onLoad,
+      onPress: onItemPress,
+      onReloadPress: onReloadPress,
+      url: item.url,
+      width: ((_renderedDimensions$i = renderedDimensions[index]) === null || _renderedDimensions$i === void 0 ? void 0 : _renderedDimensions$i.width) ?? 0,
+      height: ((_renderedDimensions$i2 = renderedDimensions[index]) === null || _renderedDimensions$i2 === void 0 ? void 0 : _renderedDimensions$i2.height) ?? 0,
+      reloadButtonVisible: item.reloadButtonVisible
     });
-  }, [responseTimestamp]);
-  useEffect(() => {
-    const newItems = R.map(item => ({ ...item,
-      width: imageWidth,
-      height: item.height * imageWidth / item.width
-    }))(items);
-    setItems(newItems);
-  }, [imageWidth]);
+  }, [onItemPress, renderedDimensions]);
   useEffect(() => {
-    const totalHeight = itemHeightAccum[0];
     const offset = Math.floor(initialScrollPercentage / 100 * totalHeight);
 
     if (flatListRef.current) {
@@ -189,19 +243,18 @@ export default function ComicViewer(props) {
         animated: false
       });
     }
-  }, [flatListRef.current]);
+  }, []);
   return /*#__PURE__*/React.createElement(FlatList, _extends({
-    data: items,
+    data: itemStates,
     getItemLayout: getItemLayout,
     initialNumToRender: initialNumToRender,
     keyExtractor: keyExtractor,
     onViewableItemsChanged: onViewableItemsChanged.current,
-    onScroll: onScroll,
     ref: flatListRef,
+    removeClippedSubviews: false,
     renderItem: renderItem,
     viewabilityConfig: viewabilityConfig,
-    windowSize: windowSize,
-    ListFooterComponent: ListFooterComponent
+    windowSize: windowSize
   }, otherProps));
 }
 ;

package/build/module/ComicViewer/ComicViewer.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useEffect","useMemo","useRef","useState","FlatList","R","STATE","ViewerItem","getItemHeights","items","map","content","height","appender","left","right","getHeightAccum","itemHeights","mapAccum","keyExtractor","item","sortKey","ComicViewer","props","data","errorDebounceMillis","errorRetryCount","responseTimestamp","initialNumToRender","initialScrollPercentage","itemVisiblePercentThreshold","onError","onScroll","onItemPress","getNextPage","viewerWidth","windowSize","pageUnit","ListFooterComponent","otherProps","flatListRef","errors","Map","debounceTimeOut","imageWidth","Math","min","initialItems","itemData","isViewable","width","setItems","initialItemState","state","isNil","id","INIT","URL_LOADED","itemStates","itemHeightAccum","viewabilityConfig","getItemLayout","index","offsets","prepend","length","offset","onViewableItemsChanged","viewableItems","prev","viewableItemSortKeys","viewableItem","firstViewableSortKey","head","lastViewableItemSortKey","last","firstItem","lastItem","frontBoundary","max","backBoundary","viewableItemBoundary","range","newItems","prevItem","includes","itemLoadedHandler","itemState","find","current","LOADED","error","undefined","itemErrorHandler","errorInfo","count","set","FAIL","handleError","errorsArray","Array","from","entries","errorsInfo","key","value","clear","clearTimeout","size","setTimeout","renderItem","onLoaded","currentData","currentItemData","url","expiresAt","totalHeight","floor","scrollToOffset","animated"],"sources":["ComicViewer.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { FlatList, ListRenderItem, ViewToken } from 'react-native';\nimport * as R from 'ramda';\nimport {\n    ComicViewerItemData,\n    ComicViewerItemState,\n    default as ComicViewerProps,\n    ErrorInfo,\n    STATE,\n} from './ComicViewerProps';\nimport type ComicViewerItemProps from './ComicViewerItemProps';\nimport ViewerItem from './ViewerItem';\n\nconst getItemHeights = <T, >(items: ComicViewerItemProps<T>[]): number[] => R.map((content: ComicViewerItemProps<T>) => content.height)(items);\nconst appender = (left: number, right: number): [number, number] => [left + right, left + right];\nconst getHeightAccum = (itemHeights: number[]): [number, number[]] => R.mapAccum(appender, 0, itemHeights);\n\nconst keyExtractor = <T, >(item: ComicViewerItemProps<T>) => `${item.sortKey}`;\n\nexport default function ComicViewer<T>(props: ComicViewerProps<T>) {\n    const {\n        data,\n        errorDebounceMillis = 500,\n        errorRetryCount = 3,\n        responseTimestamp,\n        initialNumToRender = 1,\n        initialScrollPercentage = 0,\n        itemVisiblePercentThreshold = 0,\n        onError,\n        onScroll,\n        onItemPress,\n        getNextPage,\n        viewerWidth,\n        windowSize = 3,\n        pageUnit,\n        ListFooterComponent,\n        ...otherProps\n    } = props;\n\n    const flatListRef = useRef<FlatList>(null);\n\n    const errors = useRef<Map<number, ErrorInfo>>(new Map());\n\n    const debounceTimeOut = useRef<NodeJS.Timeout | null>(null);\n\n    const imageWidth = Math.min(viewerWidth, 720);\n    const initialItems = R.map((itemData: ComicViewerItemData<T>) => ({\n        ...itemData,\n        isViewable: false,\n        width: imageWidth,\n        height: (itemData.height * imageWidth) / itemData.width,\n    }))(data);\n\n    const [items, setItems] = useState<ComicViewerItemProps<T>[]>(initialItems);\n\n    const initialItemState: ComicViewerItemState[] = R.map((itemData: ComicViewerItemData<T>) => ({\n        sortKey: itemData.sortKey,\n        state: R.isNil(itemData.id) ? STATE.INIT : STATE.URL_LOADED,\n    }))(data);\n\n    const itemStates = useRef<Array<ComicViewerItemState>>(initialItemState);\n\n    const itemHeights = [...getItemHeights(items)];\n    const itemHeightAccum = getHeightAccum(itemHeights);\n\n    const viewabilityConfig = useMemo(() => ({\n        itemVisiblePercentThreshold,\n    }), [itemVisiblePercentThreshold]);\n\n    const getItemLayout = useCallback((data: any, index: number) => {\n        const offsets = R.prepend(0, itemHeightAccum[1]);\n\n        return {\n            length: itemHeights[index],\n            offset: offsets[index],\n            index,\n        };\n    }, [itemHeights]);\n\n    const onViewableItemsChanged = useRef(({ viewableItems }: {\n        viewableItems: Array<ViewToken>,\n    }) => {\n        setItems((prev: ComicViewerItemProps<T>[]) => {\n            const viewableItemSortKeys: number[] = R.map((viewableItem: ViewToken) => viewableItem.item.sortKey)(viewableItems);\n            const firstViewableSortKey = R.head(viewableItemSortKeys);\n            const lastViewableItemSortKey = R.last(viewableItemSortKeys);\n            const firstItem = R.head(prev);\n            const lastItem = R.last(prev);\n\n            if (R.isNil(firstViewableSortKey)\n                || R.isNil(lastViewableItemSortKey)\n                || R.isNil(firstItem)\n                || R.isNil(lastItem)\n            ) {\n                return prev;\n            }\n\n            const frontBoundary = R.max(firstItem.sortKey, firstViewableSortKey - 1);\n            const backBoundary = R.min(lastItem.sortKey, lastViewableItemSortKey + 1);\n\n            const viewableItemBoundary = R.range(frontBoundary, backBoundary + 1);\n            const newItems = R.map((prevItem: ComicViewerItemProps<T>) => ({\n                ...prevItem,\n                isViewable: R.includes(prevItem.sortKey, viewableItemBoundary),\n            }))([...prev]);\n\n            return newItems;\n        });\n    });\n\n    const itemLoadedHandler = useCallback((sortKey: number) => {\n        const itemState: ComicViewerItemState | undefined = R.find((state: ComicViewerItemState) => state.sortKey === sortKey)(itemStates.current);\n\n        if (R.isNil(itemState)) {\n            return;\n        }\n\n        itemState.state = STATE.LOADED;\n        itemState.error = undefined;\n    }, [itemStates]);\n\n    const itemErrorHandler = useCallback((errorInfo: ErrorInfo) => {\n        const { sortKey, count } = errorInfo;\n\n        if (count >= errorRetryCount) {\n            return;\n        }\n\n        errors.current.set(sortKey, errorInfo);\n\n        const itemState: ComicViewerItemState | undefined = R.find((state: ComicViewerItemState) => state.sortKey === sortKey)(itemStates.current);\n\n        if (R.isNil(itemState)) {\n            return;\n        }\n\n        itemState.state = STATE.FAIL;\n        itemState.error = errorInfo;\n\n        const handleError = () => {\n            const errorsArray = Array.from(errors.current.entries());\n            const errorsInfo = R.map(([key, value]: [number, ErrorInfo]) => value)(errorsArray);\n\n            onError && onError([...errorsInfo]);\n            errors.current.clear();\n        };\n\n        if (debounceTimeOut.current) {\n            clearTimeout(debounceTimeOut.current);\n        }\n\n        if (errors.current.size === pageUnit) {\n            handleError();\n        } else {\n            debounceTimeOut.current = setTimeout(handleError, errorDebounceMillis);\n        }\n    }, [errors.current, itemStates]);\n\n    const renderItem: ListRenderItem<ComicViewerItemProps<T>> = useCallback(({ item }) => {\n        const itemState: ComicViewerItemState | undefined = R.find((state: ComicViewerItemState) => state.sortKey === item.sortKey)(itemStates.current);\n\n        const props = {\n            ...item,\n            itemState,\n            responseTimestamp,\n            errorRetryCount,\n            onError: itemErrorHandler,\n            onLoaded: itemLoadedHandler,\n            onItemPress,\n            getNextPage,\n        };\n\n        return <ViewerItem props={props}/>;\n    }, [responseTimestamp, itemErrorHandler, itemLoadedHandler, onItemPress]);\n\n    useEffect(() => {\n        setItems((prev: ComicViewerItemProps<T>[]) => {\n            return R.map((prevItem: ComicViewerItemProps<T>) => {\n                const currentData: ComicViewerItemData | undefined = R.find((currentItemData: ComicViewerItemData<T>) => prevItem.sortKey === currentItemData.sortKey)(data);\n                const itemState: ComicViewerItemState | undefined = R.find((state: ComicViewerItemState) => state.sortKey === currentData?.sortKey)(itemStates.current);\n\n                if (currentData\n                    && currentData.id\n                    && itemState\n                    && itemState.state !== STATE.LOADED) {\n\n                    itemState.state = STATE.URL_LOADED;\n\n                    return {\n                        ...prevItem,\n                        url: currentData.url,\n                        expiresAt: currentData.expiresAt,\n                    };\n                }\n\n                return prevItem;\n            })([...prev]);\n            ;\n        });\n    }, [responseTimestamp]);\n\n    useEffect(() => {\n        const newItems = R.map((item: ComicViewerItemProps<T>) => ({\n            ...item,\n            width: imageWidth,\n            height: (item.height * imageWidth) / item.width,\n        }))(items);\n\n        setItems(newItems);\n    }, [imageWidth]);\n\n    useEffect(() => {\n        const totalHeight = itemHeightAccum[0];\n        const offset = Math.floor((initialScrollPercentage / 100) * totalHeight);\n\n        if (flatListRef.current) {\n            flatListRef.current.scrollToOffset({ offset, animated: false });\n        }\n    }, [flatListRef.current]);\n\n    return (\n        <FlatList\n            data={items}\n            getItemLayout={getItemLayout}\n            initialNumToRender={initialNumToRender}\n            keyExtractor={keyExtractor}\n            onViewableItemsChanged={onViewableItemsChanged.current}\n            onScroll={onScroll}\n            ref={flatListRef}\n            renderItem={renderItem}\n            viewabilityConfig={viewabilityConfig}\n            windowSize={windowSize}\n            ListFooterComponent={ListFooterComponent}\n            {...otherProps}\n        />\n    );\n};"],"mappings":"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"}
+{"version":3,"names":["React","useCallback","useEffect","useMemo","useRef","useState","FlatList","R","useDebounce","ViewerItem","appender","left","right","getHeightAccum","heights","mapAccum","keyExtractor","item","String","index","createInitialImageState","dimension","isNewUrlIncoming","totalErrorCount","mapImageStateToItemState","imageState","autoHandleErrorCount","url","urlState","reloadButtonVisible","validity","MAXIMUM_WIDTH","NUMBER_OF_ADJACENT_ITEM","ComicViewer","props","debounceMillis","getUrlByIndex","initialNumToRender","initialScrollPercentage","itemVisiblePercentThreshold","intrinsicDimensions","onItemPress","viewportWidth","windowSize","otherProps","flatListRef","debounceTimeout","maybeLoadableItemsIndexRange","actualImageWidth","Math","min","initialImageStates","map","imageStatesRef","mapImageStatesToItemStates","imageStates","image","itemStates","setItemStates","current","renderedDimensions","intrinsicDimension","width","height","layoutFromDimensions","itemHeights","totalHeight","heightAccum","itemOffsets","prepend","getItemLayout","data","length","offset","viewabilityConfig","updateImageState","updateFunction","prevImageStates","newImageStates","prevItemStates","newItemStates","equals","loadUrlByIndex","indexes","filteredIndexes","filter","state","isNil","i","includes","urls","newUrl","get","undefined","loadMaybeLoadableItems","startIndex","endIndex","affectedIndexes","range","loadItemsDebounce","onViewableItemsChanged","viewableItems","orderedViewableItems","sort","a","b","firstViewableIndex","head","lastViewableItemIndex","last","max","renderItem","onError","onReloadPress","onLoad","floor","scrollToOffset","animated"],"sources":["ComicViewer.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { FlatList, ListRenderItem, ViewToken } from 'react-native';\nimport * as R from 'ramda';\nimport { useDebounce } from '@fountain-ui/core';\nimport { default as ComicViewerProps, Dimension } from './ComicViewerProps';\nimport ViewerItem from './ViewerItem';\n\nconst appender = (left: number, right: number): [number, number] => [left + right, left + right];\nconst getHeightAccum = (heights: number[]): [number, number[]] => R.mapAccum(appender, 0, heights);\n\nconst keyExtractor = <T, >(item: ItemState) => String(item.index);\n\ninterface UrlState {\n    url: string;\n    validity: 'valid' | 'invalid' | 'unknown';\n}\n\ninterface ImageState {\n    urlState?: UrlState;\n    isNewUrlIncoming: boolean;\n    totalErrorCount: number;\n    dimension: Dimension;\n}\n\ninterface ItemState {\n    index: number;\n    url?: string;\n    reloadButtonVisible: boolean;\n    dimension: Dimension;\n}\n\nconst createInitialImageState = (dimension: Dimension): ImageState => ({\n    isNewUrlIncoming: false,\n    totalErrorCount: 0,\n    dimension,\n});\n\nconst mapImageStateToItemState = (\n    index: number,\n    imageState: ImageState,\n    autoHandleErrorCount: number,\n): ItemState => ({\n    index,\n    url: imageState.urlState?.url,\n    reloadButtonVisible: (imageState.urlState?.validity !== 'valid') && imageState.totalErrorCount >= autoHandleErrorCount,\n    dimension: imageState.dimension,\n});\n\nconst MAXIMUM_WIDTH = 720;\n\nconst NUMBER_OF_ADJACENT_ITEM = 5;\n\nexport default function ComicViewer(props: ComicViewerProps) {\n    const {\n        debounceMillis = 100,\n        autoHandleErrorCount = 3,\n        getUrlByIndex,\n        initialNumToRender = 1,\n        initialScrollPercentage = 0,\n        itemVisiblePercentThreshold = 0,\n        intrinsicDimensions,\n        onItemPress,\n        viewportWidth,\n        windowSize = 3,\n        ...otherProps\n    } = props;\n\n    const flatListRef = useRef<FlatList>(null);\n\n    const debounceTimeout = useRef<NodeJS.Timeout | null>(null);\n\n    const maybeLoadableItemsIndexRange = useRef<[number, number]>([-1, 0]);\n\n    const actualImageWidth = Math.min(viewportWidth, MAXIMUM_WIDTH);\n\n    const initialImageStates = useMemo<Array<ImageState>>(() => R.map(createInitialImageState, intrinsicDimensions), []);\n    const imageStatesRef = useRef<Array<ImageState>>(initialImageStates);\n\n    const mapImageStatesToItemStates = (imageStates: Array<ImageState>): Array<ItemState> => {\n        return imageStates.map((image, index) => mapImageStateToItemState(\n            index, image, autoHandleErrorCount,\n        ));\n    };\n\n    const [itemStates, setItemStates] = useState<Array<ItemState>>(() => {\n        return mapImageStatesToItemStates(imageStatesRef.current);\n    });\n\n    const renderedDimensions = useMemo<Array<Dimension>>(() => {\n        return R.map(intrinsicDimension => ({\n            width: actualImageWidth,\n            height: (intrinsicDimension.height * actualImageWidth) / intrinsicDimension.width,\n        }), intrinsicDimensions);\n    }, [actualImageWidth]);\n\n    const layoutFromDimensions = useCallback(() => {\n        const itemHeights = R.map(dimension => dimension.height, renderedDimensions);\n        const [totalHeight, heightAccum] = getHeightAccum(itemHeights);\n        const itemOffsets = R.prepend(0, heightAccum);\n\n        const getItemLayout = (data: any, index: number) => ({\n            index,\n            length: itemHeights[index],\n            offset: itemOffsets[index],\n        });\n\n        return {\n            totalHeight,\n            getItemLayout,\n        };\n    }, [renderedDimensions]);\n\n    const { totalHeight, getItemLayout } = layoutFromDimensions();\n\n    const viewabilityConfig = useMemo(() => ({\n        itemVisiblePercentThreshold,\n    }), [itemVisiblePercentThreshold]);\n\n    const updateImageState = (updateFunction: (prev: ImageState, index: number) => ImageState) => {\n        const prevImageStates = imageStatesRef.current;\n        const newImageStates = prevImageStates.map(updateFunction);\n\n        imageStatesRef.current = newImageStates;\n\n        setItemStates(prevItemStates => {\n            const newItemStates = mapImageStatesToItemStates(newImageStates);\n\n            return R.equals(prevItemStates, newItemStates) ? prevItemStates : newItemStates;\n        });\n    };\n\n    const loadUrlByIndex = async (indexes: number[]) => {\n        const filteredIndexes = R.filter(index => {\n            const state = imageStatesRef.current[index];\n\n            return R.isNil(state.urlState)\n                || (state.urlState?.validity === 'invalid' && !state.isNewUrlIncoming);\n        }, indexes);\n\n        updateImageState((imageState, i) => {\n            return R.includes(i, filteredIndexes)\n                ? { ...imageState, isNewUrlIncoming: true }\n                : imageState;\n        });\n\n        try {\n            const urls = await getUrlByIndex(filteredIndexes);\n\n            updateImageState((imageState, i) => {\n                const newUrl = urls?.get(i);\n                const urlState = imageState.urlState;\n\n                if (newUrl !== undefined && urlState?.validity !== 'valid') {\n                    return {\n                        ...imageState,\n                        urlState: {\n                            url: newUrl,\n                            validity: 'unknown',\n                        },\n                    };\n                }\n\n                return imageState;\n            });\n        } finally {\n            updateImageState((imageState, i) => {\n                return R.includes(i, filteredIndexes)\n                    ? { ...imageState, isNewUrlIncoming: false }\n                    : imageState;\n            });\n        }\n    };\n\n    const loadMaybeLoadableItems = async () => {\n        const [startIndex, endIndex] = maybeLoadableItemsIndexRange.current;\n        const affectedIndexes = R.range(startIndex, endIndex);\n\n        await loadUrlByIndex(affectedIndexes);\n    };\n\n    const loadItemsDebounce = useDebounce(loadMaybeLoadableItems, debounceMillis);\n\n    const onViewableItemsChanged = useRef(({ viewableItems }: { viewableItems: Array<ViewToken> }) => {\n        const orderedViewableItems = R.sort((a, b) => (a.index || 0) - (b.index || 0), viewableItems);\n\n        const firstViewableIndex = R.head(orderedViewableItems)?.index;\n        const lastViewableItemIndex = R.last(orderedViewableItems)?.index;\n\n        if (R.isNil(firstViewableIndex) || R.isNil(lastViewableItemIndex)) {\n            return;\n        }\n\n        const startIndex = R.max(firstViewableIndex - NUMBER_OF_ADJACENT_ITEM, 0);\n        const endIndex = R.min(lastViewableItemIndex + NUMBER_OF_ADJACENT_ITEM, itemStates.length - 1);\n\n        maybeLoadableItemsIndexRange.current = [startIndex, endIndex + 1];\n\n        loadItemsDebounce();\n    });\n\n    const renderItem: ListRenderItem<ItemState> = useCallback(({ item, index }) => {\n        const onError = () => {\n            updateImageState((imageState, i) => {\n                const urlState = imageState.urlState;\n\n                if (i === index && urlState !== undefined) {\n                    return {\n                        ...imageState,\n                        totalErrorCount: imageState.totalErrorCount + 1,\n                        urlState: {\n                            ...urlState,\n                            validity: 'invalid',\n                        },\n                    };\n                }\n\n                return imageState;\n            });\n\n            if (item.reloadButtonVisible) {\n                return;\n            }\n\n            const [startIndex, endIndex] = maybeLoadableItemsIndexRange.current;\n            if (index >= startIndex || index < endIndex) {\n                loadItemsDebounce();\n            }\n        };\n\n        const onReloadPress = () => {\n            const [startIndex, endIndex] = maybeLoadableItemsIndexRange.current;\n            if (index >= startIndex || index < endIndex) {\n                loadUrlByIndex([index]);\n            }\n        };\n\n        const onLoad = () => {\n            updateImageState((imageState, i) => {\n                const urlState = imageState.urlState;\n\n                if (i === index && urlState !== undefined) {\n                    return {\n                        ...imageState,\n                        urlState: {\n                            ...urlState,\n                            validity: 'valid',\n                        },\n                    };\n                }\n\n                return imageState;\n            });\n        };\n\n        return (\n            <ViewerItem\n                onError={onError}\n                onLoad={onLoad}\n                onPress={onItemPress}\n                onReloadPress={onReloadPress}\n                url={item.url}\n                width={renderedDimensions[index]?.width ?? 0}\n                height={renderedDimensions[index]?.height ?? 0}\n                reloadButtonVisible={item.reloadButtonVisible}\n            />\n        );\n    }, [onItemPress, renderedDimensions]);\n\n    useEffect(() => {\n        const offset = Math.floor((initialScrollPercentage / 100) * totalHeight);\n\n        if (flatListRef.current) {\n            flatListRef.current.scrollToOffset({ offset, animated: false });\n        }\n    }, []);\n\n    return (\n        <FlatList\n            data={itemStates}\n            getItemLayout={getItemLayout}\n            initialNumToRender={initialNumToRender}\n            keyExtractor={keyExtractor}\n            onViewableItemsChanged={onViewableItemsChanged.current}\n            ref={flatListRef}\n            removeClippedSubviews={false}\n            renderItem={renderItem}\n            viewabilityConfig={viewabilityConfig}\n            windowSize={windowSize}\n            {...otherProps}\n        />\n    );\n};\n"],"mappings":"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"}

package/build/module/ComicViewer/ComicViewerProps.js

@@ -1,7 +1,2 @@
-export const STATE = {
-  INIT: 'init',
-  URL_LOADED: 'url_loaded',
-  LOADED: 'loaded',
-  FAIL: 'fail'
-};
+
 //# sourceMappingURL=ComicViewerProps.js.map

package/build/module/ComicViewer/ComicViewerProps.js.map

@@ -1 +1 @@
-{"version":3,"names":["STATE","INIT","URL_LOADED","LOADED","FAIL"],"sources":["ComicViewerProps.ts"],"sourcesContent":["import React from 'react';\nimport { ComponentProps } from '@fountain-ui/core';\nimport { NativeScrollEvent, NativeSyntheticEvent } from 'react-native';\n\nexport const STATE = {\n    INIT: 'init',\n    URL_LOADED: 'url_loaded',\n    LOADED: 'loaded',\n    FAIL: 'fail',\n} as const;\n\nexport type LoadingState = typeof STATE[keyof typeof STATE];\n\nexport interface ComicViewerItemState{\n    /**\n     * Comic viewer item sortKey.\n     */\n    sortKey: number;\n\n    /**\n     * Content's loading state.\n     */\n    state: LoadingState;\n\n    /***\n     * Content's error Info.\n     */\n    error?: ErrorInfo;\n}\n\nexport interface ErrorInfo {\n    /**\n     * ComicViewerItemData.sortKey.\n     */\n    sortKey: number;\n\n    /**\n     * Number of times an error occurred.\n     */\n    count: number;\n\n    /**\n     * Content is Expired: true\n     */\n    expired: boolean;\n}\n\nexport type ComicViewerItemData<T = {}> = T & {\n    /**\n     * Image height.\n     */\n    height: number;\n\n    /**\n     * Unique value for identifying.\n     */\n    id: number | undefined;\n\n    /**\n     * Image sourceUrl for displaying.\n     */\n    url: string;\n\n    /**\n     * Image width.\n     */\n    width: number;\n\n    /**\n     * SortKey\n     */\n    sortKey: number;\n\n    /**\n     * Image expire date.\n     */\n    expiresAt: string;\n\n    /***\n     * Timestamp when get content response\n     */\n    responseTimestamp: number;\n}\n\nexport default interface ComicViewerProps<T> extends ComponentProps <{\n    /**\n     * Data for render.\n     */\n    data: ComicViewerItemData<T>[];\n\n    /**\n     * Delay Time to call the error handler.\n     * @default 500\n     */\n    errorDebounceMillis?: number;\n\n    /**\n     * How many times retry onError when same item error occur\n     * @default 3\n     */\n    errorRetryCount?: number;\n\n    /**\n     * How many items to render in the initial batch.\n     * @default 1\n     */\n    initialNumToRender?: number;\n\n    /**\n     * Start at initialScrollPercentage.\n     * If over 100, scroll to end.\n     * @default 0\n     */\n    initialScrollPercentage?: number;\n\n    /**\n     * The value for FlatList viewabilityConfig.itemVisiblePercentThreshold.\n     * @default 0\n     */\n    itemVisiblePercentThreshold?: number;\n\n    /***\n     * Timestamp when get content response\n     */\n    responseTimestamp: number;\n\n    /**\n     * Comic viewer width.\n     */\n    viewerWidth: number;\n\n    /**\n     * The value for FlatList windowSize.\n     * @default 3\n     */\n    windowSize?: number;\n\n    /**\n     * How many images in one page.\n     */\n    pageUnit: number;\n\n    /**\n     * Method for getting next page contents.\n     * @param sortKey\n     */\n    getNextPage?: (sortKey: number) => void;\n\n    /**\n     * Handling all viewerItem errors at once.\n     * @param errors Array of ViewerItems errorInfo.\n     */\n    onError?: (errors: ErrorInfo[]) => void;\n\n    /**\n     * Handle scroll event.\n     * @param event Scroll event.\n     */\n    onScroll?: (event: NativeSyntheticEvent<NativeScrollEvent>) => void;\n\n    /**\n     * Handle item press event.\n     */\n    onItemPress?: () => void;\n\n    /**\n     * Component for comic viewer footer.\n     */\n    ListFooterComponent?: React.ReactElement;\n}> {}"],"mappings":"AAIA,OAAO,MAAMA,KAAK,GAAG;EACjBC,IAAI,EAAE,MADW;EAEjBC,UAAU,EAAE,YAFK;EAGjBC,MAAM,EAAE,QAHS;EAIjBC,IAAI,EAAE;AAJW,CAAd"}
+{"version":3,"names":[],"sources":["ComicViewerProps.ts"],"sourcesContent":["import React from 'react';\nimport { ComponentProps } from '@fountain-ui/core';\nimport { NativeScrollEvent, NativeSyntheticEvent } from 'react-native';\n\nexport interface Dimension {\n    width: number;\n    height: number;\n}\n\nexport default interface ComicViewerProps extends ComponentProps <{\n    /**\n     * Delay Time to call the error handler.\n     * @default 500\n     */\n    debounceMillis?: number;\n\n    /**\n     * How many times handle onError directly when item error occur\n     * @default 3\n     */\n    autoHandleErrorCount?: number;\n\n    /**\n     * How many items to render in the initial batch.\n     * @default 1\n     */\n    initialNumToRender?: number;\n\n    /**\n     * Start at initialScrollPercentage.\n     * If over 100, scroll to end.\n     * @default 0\n     */\n    initialScrollPercentage?: number;\n\n    /**\n     * The value for FlatList viewabilityConfig.itemVisiblePercentThreshold.\n     * @default 0\n     */\n    itemVisiblePercentThreshold?: number;\n\n    /**\n     * Dimensions of each Image considering viewport.\n     */\n    intrinsicDimensions: Array<Dimension>;\n\n    /**\n     * TBD\n     */\n    viewportWidth: number;\n\n    /**\n     * The value for FlatList windowSize.\n     * @default 3\n     */\n    windowSize?: number;\n\n    /**\n     * TBD\n     */\n    getUrlByIndex: (indexes: Array<number>) => Promise<Map<number, string> | undefined> ;\n\n    /**\n     * Handle scroll event.\n     * @param event Scroll event.\n     */\n    onScroll?: (event: NativeSyntheticEvent<NativeScrollEvent>) => void;\n\n    /**\n     * Handle item press event.\n     */\n    onItemPress?: () => void;\n\n    /**\n     * Component for comic viewer footer.\n     */\n    ListFooterComponent?: React.ReactElement;\n}> {}\n"],"mappings":""}

package/build/module/ComicViewer/ReloadButton.js

@@ -0,0 +1,29 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import React from 'react';
+import { View } from 'react-native';
+import { IconButton } from '@fountain-ui/core';
+import { Restart } from '@fountain-ui/icons';
+export default function ReloadButton(props) {
+  return /*#__PURE__*/React.createElement(View, {
+    style: {
+      width: '100%',
+      height: '100%',
+      alignItems: 'center',
+      paddingTop: 80
+    }
+  }, /*#__PURE__*/React.createElement(IconButton, _extends({}, props, {
+    children: /*#__PURE__*/React.createElement(Restart, {
+      fill: '#ffffff'
+    }),
+    style: {
+      width: 48,
+      height: 48,
+      borderRadius: 24,
+      color: '#ffffff',
+      backgroundColor: '#767676'
+    }
+  })));
+}
+;
+//# sourceMappingURL=ReloadButton.js.map

package/build/module/ComicViewer/ReloadButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","IconButton","Restart","ReloadButton","props","width","height","alignItems","paddingTop","borderRadius","color","backgroundColor"],"sources":["ReloadButton.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { IconButton, IconButtonProps } from '@fountain-ui/core';\nimport { Restart } from '@fountain-ui/icons';\n\ninterface ReloadButtonProps {\n    onPress: IconButtonProps['onPress'];\n}\n\nexport default function ReloadButton(props: ReloadButtonProps) {\n    return (\n        <View\n            style={{\n                width: '100%',\n                height: '100%',\n                alignItems: 'center',\n                paddingTop: 80,\n            }}\n        >\n            <IconButton\n                {...props}\n                children={<Restart fill={'#ffffff'}/>}\n                style={{\n                    width: 48,\n                    height: 48,\n                    borderRadius: 24,\n                    color: '#ffffff',\n                    backgroundColor: '#767676',\n                }}\n            />\n        </View>\n    );\n};\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,QAAqB,cAArB;AACA,SAASC,UAAT,QAA4C,mBAA5C;AACA,SAASC,OAAT,QAAwB,oBAAxB;AAMA,eAAe,SAASC,YAAT,CAAsBC,KAAtB,EAAgD;EAC3D,oBACI,oBAAC,IAAD;IACI,KAAK,EAAE;MACHC,KAAK,EAAE,MADJ;MAEHC,MAAM,EAAE,MAFL;MAGHC,UAAU,EAAE,QAHT;MAIHC,UAAU,EAAE;IAJT;EADX,gBAQI,oBAAC,UAAD,eACQJ,KADR;IAEI,QAAQ,eAAE,oBAAC,OAAD;MAAS,IAAI,EAAE;IAAf,EAFd;IAGI,KAAK,EAAE;MACHC,KAAK,EAAE,EADJ;MAEHC,MAAM,EAAE,EAFL;MAGHG,YAAY,EAAE,EAHX;MAIHC,KAAK,EAAE,SAJJ;MAKHC,eAAe,EAAE;IALd;EAHX,GARJ,CADJ;AAsBH;AAAA"}