@fountain-ui/lab 2.0.0-beta.46 → 2.0.0-beta.47

package/build/commonjs/ComicViewer/ComicViewer.js

@@ -65,6 +65,8 @@ function ComicViewer(props) {
     maxContentWidth = MAXIMUM_WIDTH,
     onItemPress,
     onScroll,
+    onError,
+    onReloadPress,
     viewportWidth,
     invisiblePaddingTop = 0,
     windowSize = 3,
@@ -222,7 +224,8 @@ function ComicViewer(props) {
       index
     } = _ref2;
 
-    const onError = () => {
+    const handleError = () => {
+      onError && onError();
       updateImageState((imageState, i) => {
         const urlState = imageState.urlState;
 
@@ -249,7 +252,8 @@ function ComicViewer(props) {
       }
     };
 
-    const onReloadPress = () => {
+    const handleReloadPress = () => {
+      onReloadPress && onReloadPress();
       const [startIndex, endIndex] = maybeLoadableItemsIndexRange.current;
 
       if (index >= startIndex || index < endIndex) {
@@ -274,10 +278,10 @@ function ComicViewer(props) {
     };
 
     return /*#__PURE__*/_react.default.createElement(_ViewerItem.default, {
-      onError: onError,
+      onError: handleError,
       onLoad: onLoad,
       onPress: onItemPress,
-      onReloadPress: onReloadPress,
+      onReloadPress: handleReloadPress,
       url: item.url,
       invisiblePaddingTop: index === 0 ? invisiblePaddingTop : 0,
       width: ((_renderedDimensions$i = renderedDimensions[index]) === null || _renderedDimensions$i === void 0 ? void 0 : _renderedDimensions$i.width) ?? 0,

package/build/commonjs/ComicViewer/ComicViewer.js.map

@@ -1 +1 @@
-{"version":3,"names":["appender","left","right","getHeightAccum","heights","R","mapAccum","keyExtractor","item","String","index","createInitialImageState","dimension","isNewUrlIncoming","totalErrorCount","mapImageStateToItemState","imageState","autoHandleErrorCount","url","urlState","reloadButtonVisible","validity","mapIndexed","addIndex","map","MAXIMUM_WIDTH","NUMBER_OF_ADJACENT_ITEM","ComicViewer","props","debounceMillis","fastScrollOptions","getUrlByIndex","initialNumToRender","initialScrollPercentage","itemVisiblePercentThreshold","intrinsicDimensions","maxContentWidth","onItemPress","onScroll","viewportWidth","invisiblePaddingTop","windowSize","otherProps","fastScrollRef","ref","flatListRef","useRef","maybeLoadableItemsIndexRange","actualImageWidth","Math","min","initialImageStates","useMemo","imageStatesRef","mapImageStatesToItemStates","imageStates","image","itemStates","setItemStates","useState","current","renderedDimensions","intrinsicDimension","width","height","layoutFromDimensions","useCallback","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","e","loadMaybeLoadableItems","startIndex","endIndex","affectedIndexes","range","ignoreDebounce","loadItemsDebounce","useDebounce","onViewableItemsChanged","viewableItems","orderedViewableItems","sort","a","b","firstViewableIndex","head","lastViewableItemIndex","last","max","handleScroll","event","onContentScroll","scrollContentToOffset","scrollToOffset","animated","renderItem","onError","onReloadPress","onLoad","useEffect","floor"],"sources":["ComicViewer.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { FlatList, ListRenderItem, NativeScrollEvent, NativeSyntheticEvent, 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';\nimport FastScroll from './FastScroll';\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 mapIndexed = R.addIndex<Dimension>(R.map);\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        fastScrollOptions,\n        getUrlByIndex,\n        initialNumToRender = 1,\n        initialScrollPercentage = 0,\n        itemVisiblePercentThreshold = 0,\n        intrinsicDimensions,\n        maxContentWidth = MAXIMUM_WIDTH,\n        onItemPress,\n        onScroll,\n        viewportWidth,\n        invisiblePaddingTop = 0,\n        windowSize = 3,\n        ...otherProps\n    } = props;\n\n    const fastScrollRef = fastScrollOptions?.ref;\n\n    const flatListRef = useRef<FlatList>(null);\n\n    const maybeLoadableItemsIndexRange = useRef<[number, number]>([-1, 0]);\n\n    const actualImageWidth = Math.min(viewportWidth, maxContentWidth);\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 mapIndexed((intrinsicDimension, index) => ({\n            width: actualImageWidth,\n            height: (intrinsicDimension.height * actualImageWidth) / intrinsicDimension.width + (index === 0 ? invisiblePaddingTop : 0),\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 !state.isNewUrlIncoming\n                && (R.isNil(state.urlState) || state.urlState?.validity === 'invalid');\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        } catch (e) {\n            // ignore\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 = () => {\n        const [startIndex, endIndex] = maybeLoadableItemsIndexRange.current;\n        const affectedIndexes = R.range(startIndex, endIndex);\n\n        loadUrlByIndex(affectedIndexes);\n    };\n\n    const ignoreDebounce = useRef(true);\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        if (ignoreDebounce.current) {\n            loadMaybeLoadableItems();\n\n            ignoreDebounce.current = false;\n            return;\n        }\n\n        loadItemsDebounce();\n    });\n\n    const handleScroll = useCallback((event: NativeSyntheticEvent<NativeScrollEvent>) => {\n        fastScrollRef?.current?.onContentScroll(event);\n\n        onScroll?.(event);\n    }, [onScroll]);\n\n    const scrollContentToOffset = (offset: number) => {\n        flatListRef.current?.scrollToOffset({\n            offset,\n            animated: false,\n        });\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                invisiblePaddingTop={index === 0 ? invisiblePaddingTop : 0}\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        <React.Fragment>\n            <FlatList\n                data={itemStates}\n                getItemLayout={getItemLayout}\n                initialNumToRender={initialNumToRender}\n                keyExtractor={keyExtractor}\n                onViewableItemsChanged={onViewableItemsChanged.current}\n                ref={flatListRef}\n                renderItem={renderItem}\n                viewabilityConfig={viewabilityConfig}\n                windowSize={windowSize}\n                onScroll={handleScroll}\n                {...otherProps}\n            />\n\n            <FastScroll\n                {...fastScrollOptions}\n                contentLength={totalHeight}\n                scrollContentToOffset={scrollContentToOffset}\n            />\n        </React.Fragment>\n    );\n};\n"],"mappings":"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"}
+{"version":3,"names":["appender","left","right","getHeightAccum","heights","R","mapAccum","keyExtractor","item","String","index","createInitialImageState","dimension","isNewUrlIncoming","totalErrorCount","mapImageStateToItemState","imageState","autoHandleErrorCount","url","urlState","reloadButtonVisible","validity","mapIndexed","addIndex","map","MAXIMUM_WIDTH","NUMBER_OF_ADJACENT_ITEM","ComicViewer","props","debounceMillis","fastScrollOptions","getUrlByIndex","initialNumToRender","initialScrollPercentage","itemVisiblePercentThreshold","intrinsicDimensions","maxContentWidth","onItemPress","onScroll","onError","onReloadPress","viewportWidth","invisiblePaddingTop","windowSize","otherProps","fastScrollRef","ref","flatListRef","useRef","maybeLoadableItemsIndexRange","actualImageWidth","Math","min","initialImageStates","useMemo","imageStatesRef","mapImageStatesToItemStates","imageStates","image","itemStates","setItemStates","useState","current","renderedDimensions","intrinsicDimension","width","height","layoutFromDimensions","useCallback","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","e","loadMaybeLoadableItems","startIndex","endIndex","affectedIndexes","range","ignoreDebounce","loadItemsDebounce","useDebounce","onViewableItemsChanged","viewableItems","orderedViewableItems","sort","a","b","firstViewableIndex","head","lastViewableItemIndex","last","max","handleScroll","event","onContentScroll","scrollContentToOffset","scrollToOffset","animated","renderItem","handleError","handleReloadPress","onLoad","useEffect","floor"],"sources":["ComicViewer.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { FlatList, ListRenderItem, NativeScrollEvent, NativeSyntheticEvent, 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';\nimport FastScroll from './FastScroll';\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 mapIndexed = R.addIndex<Dimension>(R.map);\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        fastScrollOptions,\n        getUrlByIndex,\n        initialNumToRender = 1,\n        initialScrollPercentage = 0,\n        itemVisiblePercentThreshold = 0,\n        intrinsicDimensions,\n        maxContentWidth = MAXIMUM_WIDTH,\n        onItemPress,\n        onScroll,\n        onError,\n        onReloadPress,\n        viewportWidth,\n        invisiblePaddingTop = 0,\n        windowSize = 3,\n        ...otherProps\n    } = props;\n\n    const fastScrollRef = fastScrollOptions?.ref;\n\n    const flatListRef = useRef<FlatList>(null);\n\n    const maybeLoadableItemsIndexRange = useRef<[number, number]>([-1, 0]);\n\n    const actualImageWidth = Math.min(viewportWidth, maxContentWidth);\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 mapIndexed((intrinsicDimension, index) => ({\n            width: actualImageWidth,\n            height: (intrinsicDimension.height * actualImageWidth) / intrinsicDimension.width + (index === 0 ? invisiblePaddingTop : 0),\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 !state.isNewUrlIncoming\n                && (R.isNil(state.urlState) || state.urlState?.validity === 'invalid');\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        } catch (e) {\n            // ignore\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 = () => {\n        const [startIndex, endIndex] = maybeLoadableItemsIndexRange.current;\n        const affectedIndexes = R.range(startIndex, endIndex);\n\n        loadUrlByIndex(affectedIndexes);\n    };\n\n    const ignoreDebounce = useRef(true);\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        if (ignoreDebounce.current) {\n            loadMaybeLoadableItems();\n\n            ignoreDebounce.current = false;\n            return;\n        }\n\n        loadItemsDebounce();\n    });\n\n    const handleScroll = useCallback((event: NativeSyntheticEvent<NativeScrollEvent>) => {\n        fastScrollRef?.current?.onContentScroll(event);\n\n        onScroll?.(event);\n    }, [onScroll]);\n\n    const scrollContentToOffset = (offset: number) => {\n        flatListRef.current?.scrollToOffset({\n            offset,\n            animated: false,\n        });\n    };\n\n    const renderItem: ListRenderItem<ItemState> = useCallback(({ item, index }) => {\n        const handleError = () => {\n            onError && onError();\n\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 handleReloadPress = () => {\n            onReloadPress && onReloadPress();\n\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={handleError}\n                onLoad={onLoad}\n                onPress={onItemPress}\n                onReloadPress={handleReloadPress}\n                url={item.url}\n                invisiblePaddingTop={index === 0 ? invisiblePaddingTop : 0}\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        <React.Fragment>\n            <FlatList\n                data={itemStates}\n                getItemLayout={getItemLayout}\n                initialNumToRender={initialNumToRender}\n                keyExtractor={keyExtractor}\n                onViewableItemsChanged={onViewableItemsChanged.current}\n                ref={flatListRef}\n                renderItem={renderItem}\n                viewabilityConfig={viewabilityConfig}\n                windowSize={windowSize}\n                onScroll={handleScroll}\n                {...otherProps}\n            />\n\n            <FastScroll\n                {...fastScrollOptions}\n                contentLength={totalHeight}\n                scrollContentToOffset={scrollContentToOffset}\n            />\n        </React.Fragment>\n    );\n};\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["ComicViewerProps.ts"],"sourcesContent":["import React from 'react';\nimport { ComponentProps } from '@fountain-ui/core';\nimport { NativeScrollEvent, NativeSyntheticEvent } from 'react-native';\nimport { FastScrollOptions } from './FastScrollProps';\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 100\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     * Need invisible paddingTop viewer vertically expanded.\n     * @default 0\n     */\n    invisiblePaddingTop?: number;\n\n    /**\n     * Max value of contents image width size.\n     * @default 720\n     */\n    maxContentWidth?: number;\n\n    /**\n     * Width of viewport.\n     */\n    viewportWidth: number;\n\n    /**\n     * The value for FlatList windowSize.\n     * @default 3\n     */\n    windowSize?: number;\n\n    /**\n     * Options for fastscroll component.\n     */\n    fastScrollOptions: FastScrollOptions;\n\n    /**\n     * Get contents urls by indexes.\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":""}
+{"version":3,"names":[],"sources":["ComicViewerProps.ts"],"sourcesContent":["import React from 'react';\nimport { ComponentProps } from '@fountain-ui/core';\nimport { NativeScrollEvent, NativeSyntheticEvent } from 'react-native';\nimport { FastScrollOptions } from './FastScrollProps';\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 100\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     * Need invisible paddingTop viewer vertically expanded.\n     * @default 0\n     */\n    invisiblePaddingTop?: number;\n\n    /**\n     * Max value of contents image width size.\n     * @default 720\n     */\n    maxContentWidth?: number;\n\n    /**\n     * Width of viewport.\n     */\n    viewportWidth: number;\n\n    /**\n     * The value for FlatList windowSize.\n     * @default 3\n     */\n    windowSize?: number;\n\n    /**\n     * Options for fastscroll component.\n     */\n    fastScrollOptions: FastScrollOptions;\n\n    /**\n     * Get contents urls by indexes.\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     * Handle image loading fail event.\n     */\n    onError?: () => void;\n\n    /**\n     * Handle reload button press event.\n     */\n    onReloadPress?: () => void;\n\n    /**\n     * Component for comic viewer footer.\n     */\n    ListFooterComponent?: React.ReactElement;\n}> {}\n"],"mappings":""}

package/build/module/ComicViewer/ComicViewer.js

@@ -46,6 +46,8 @@ export default function ComicViewer(props) {
     maxContentWidth = MAXIMUM_WIDTH,
     onItemPress,
     onScroll,
+    onError,
+    onReloadPress,
     viewportWidth,
     invisiblePaddingTop = 0,
     windowSize = 3,
@@ -203,7 +205,8 @@ export default function ComicViewer(props) {
       index
     } = _ref2;
 
-    const onError = () => {
+    const handleError = () => {
+      onError && onError();
       updateImageState((imageState, i) => {
         const urlState = imageState.urlState;
 
@@ -230,7 +233,8 @@ export default function ComicViewer(props) {
       }
     };
 
-    const onReloadPress = () => {
+    const handleReloadPress = () => {
+      onReloadPress && onReloadPress();
       const [startIndex, endIndex] = maybeLoadableItemsIndexRange.current;
 
       if (index >= startIndex || index < endIndex) {
@@ -255,10 +259,10 @@ export default function ComicViewer(props) {
     };
 
     return /*#__PURE__*/React.createElement(ViewerItem, {
-      onError: onError,
+      onError: handleError,
       onLoad: onLoad,
       onPress: onItemPress,
-      onReloadPress: onReloadPress,
+      onReloadPress: handleReloadPress,
       url: item.url,
       invisiblePaddingTop: index === 0 ? invisiblePaddingTop : 0,
       width: ((_renderedDimensions$i = renderedDimensions[index]) === null || _renderedDimensions$i === void 0 ? void 0 : _renderedDimensions$i.width) ?? 0,

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

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useEffect","useMemo","useRef","useState","FlatList","R","useDebounce","ViewerItem","FastScroll","appender","left","right","getHeightAccum","heights","mapAccum","keyExtractor","item","String","index","createInitialImageState","dimension","isNewUrlIncoming","totalErrorCount","mapImageStateToItemState","imageState","autoHandleErrorCount","url","urlState","reloadButtonVisible","validity","mapIndexed","addIndex","map","MAXIMUM_WIDTH","NUMBER_OF_ADJACENT_ITEM","ComicViewer","props","debounceMillis","fastScrollOptions","getUrlByIndex","initialNumToRender","initialScrollPercentage","itemVisiblePercentThreshold","intrinsicDimensions","maxContentWidth","onItemPress","onScroll","viewportWidth","invisiblePaddingTop","windowSize","otherProps","fastScrollRef","ref","flatListRef","maybeLoadableItemsIndexRange","actualImageWidth","Math","min","initialImageStates","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","e","loadMaybeLoadableItems","startIndex","endIndex","affectedIndexes","range","ignoreDebounce","loadItemsDebounce","onViewableItemsChanged","viewableItems","orderedViewableItems","sort","a","b","firstViewableIndex","head","lastViewableItemIndex","last","max","handleScroll","event","onContentScroll","scrollContentToOffset","scrollToOffset","animated","renderItem","onError","onReloadPress","onLoad","floor"],"sources":["ComicViewer.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { FlatList, ListRenderItem, NativeScrollEvent, NativeSyntheticEvent, 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';\nimport FastScroll from './FastScroll';\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 mapIndexed = R.addIndex<Dimension>(R.map);\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        fastScrollOptions,\n        getUrlByIndex,\n        initialNumToRender = 1,\n        initialScrollPercentage = 0,\n        itemVisiblePercentThreshold = 0,\n        intrinsicDimensions,\n        maxContentWidth = MAXIMUM_WIDTH,\n        onItemPress,\n        onScroll,\n        viewportWidth,\n        invisiblePaddingTop = 0,\n        windowSize = 3,\n        ...otherProps\n    } = props;\n\n    const fastScrollRef = fastScrollOptions?.ref;\n\n    const flatListRef = useRef<FlatList>(null);\n\n    const maybeLoadableItemsIndexRange = useRef<[number, number]>([-1, 0]);\n\n    const actualImageWidth = Math.min(viewportWidth, maxContentWidth);\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 mapIndexed((intrinsicDimension, index) => ({\n            width: actualImageWidth,\n            height: (intrinsicDimension.height * actualImageWidth) / intrinsicDimension.width + (index === 0 ? invisiblePaddingTop : 0),\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 !state.isNewUrlIncoming\n                && (R.isNil(state.urlState) || state.urlState?.validity === 'invalid');\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        } catch (e) {\n            // ignore\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 = () => {\n        const [startIndex, endIndex] = maybeLoadableItemsIndexRange.current;\n        const affectedIndexes = R.range(startIndex, endIndex);\n\n        loadUrlByIndex(affectedIndexes);\n    };\n\n    const ignoreDebounce = useRef(true);\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        if (ignoreDebounce.current) {\n            loadMaybeLoadableItems();\n\n            ignoreDebounce.current = false;\n            return;\n        }\n\n        loadItemsDebounce();\n    });\n\n    const handleScroll = useCallback((event: NativeSyntheticEvent<NativeScrollEvent>) => {\n        fastScrollRef?.current?.onContentScroll(event);\n\n        onScroll?.(event);\n    }, [onScroll]);\n\n    const scrollContentToOffset = (offset: number) => {\n        flatListRef.current?.scrollToOffset({\n            offset,\n            animated: false,\n        });\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                invisiblePaddingTop={index === 0 ? invisiblePaddingTop : 0}\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        <React.Fragment>\n            <FlatList\n                data={itemStates}\n                getItemLayout={getItemLayout}\n                initialNumToRender={initialNumToRender}\n                keyExtractor={keyExtractor}\n                onViewableItemsChanged={onViewableItemsChanged.current}\n                ref={flatListRef}\n                renderItem={renderItem}\n                viewabilityConfig={viewabilityConfig}\n                windowSize={windowSize}\n                onScroll={handleScroll}\n                {...otherProps}\n            />\n\n            <FastScroll\n                {...fastScrollOptions}\n                contentLength={totalHeight}\n                scrollContentToOffset={scrollContentToOffset}\n            />\n        </React.Fragment>\n    );\n};\n"],"mappings":"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"}
+{"version":3,"names":["React","useCallback","useEffect","useMemo","useRef","useState","FlatList","R","useDebounce","ViewerItem","FastScroll","appender","left","right","getHeightAccum","heights","mapAccum","keyExtractor","item","String","index","createInitialImageState","dimension","isNewUrlIncoming","totalErrorCount","mapImageStateToItemState","imageState","autoHandleErrorCount","url","urlState","reloadButtonVisible","validity","mapIndexed","addIndex","map","MAXIMUM_WIDTH","NUMBER_OF_ADJACENT_ITEM","ComicViewer","props","debounceMillis","fastScrollOptions","getUrlByIndex","initialNumToRender","initialScrollPercentage","itemVisiblePercentThreshold","intrinsicDimensions","maxContentWidth","onItemPress","onScroll","onError","onReloadPress","viewportWidth","invisiblePaddingTop","windowSize","otherProps","fastScrollRef","ref","flatListRef","maybeLoadableItemsIndexRange","actualImageWidth","Math","min","initialImageStates","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","e","loadMaybeLoadableItems","startIndex","endIndex","affectedIndexes","range","ignoreDebounce","loadItemsDebounce","onViewableItemsChanged","viewableItems","orderedViewableItems","sort","a","b","firstViewableIndex","head","lastViewableItemIndex","last","max","handleScroll","event","onContentScroll","scrollContentToOffset","scrollToOffset","animated","renderItem","handleError","handleReloadPress","onLoad","floor"],"sources":["ComicViewer.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { FlatList, ListRenderItem, NativeScrollEvent, NativeSyntheticEvent, 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';\nimport FastScroll from './FastScroll';\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 mapIndexed = R.addIndex<Dimension>(R.map);\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        fastScrollOptions,\n        getUrlByIndex,\n        initialNumToRender = 1,\n        initialScrollPercentage = 0,\n        itemVisiblePercentThreshold = 0,\n        intrinsicDimensions,\n        maxContentWidth = MAXIMUM_WIDTH,\n        onItemPress,\n        onScroll,\n        onError,\n        onReloadPress,\n        viewportWidth,\n        invisiblePaddingTop = 0,\n        windowSize = 3,\n        ...otherProps\n    } = props;\n\n    const fastScrollRef = fastScrollOptions?.ref;\n\n    const flatListRef = useRef<FlatList>(null);\n\n    const maybeLoadableItemsIndexRange = useRef<[number, number]>([-1, 0]);\n\n    const actualImageWidth = Math.min(viewportWidth, maxContentWidth);\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 mapIndexed((intrinsicDimension, index) => ({\n            width: actualImageWidth,\n            height: (intrinsicDimension.height * actualImageWidth) / intrinsicDimension.width + (index === 0 ? invisiblePaddingTop : 0),\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 !state.isNewUrlIncoming\n                && (R.isNil(state.urlState) || state.urlState?.validity === 'invalid');\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        } catch (e) {\n            // ignore\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 = () => {\n        const [startIndex, endIndex] = maybeLoadableItemsIndexRange.current;\n        const affectedIndexes = R.range(startIndex, endIndex);\n\n        loadUrlByIndex(affectedIndexes);\n    };\n\n    const ignoreDebounce = useRef(true);\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        if (ignoreDebounce.current) {\n            loadMaybeLoadableItems();\n\n            ignoreDebounce.current = false;\n            return;\n        }\n\n        loadItemsDebounce();\n    });\n\n    const handleScroll = useCallback((event: NativeSyntheticEvent<NativeScrollEvent>) => {\n        fastScrollRef?.current?.onContentScroll(event);\n\n        onScroll?.(event);\n    }, [onScroll]);\n\n    const scrollContentToOffset = (offset: number) => {\n        flatListRef.current?.scrollToOffset({\n            offset,\n            animated: false,\n        });\n    };\n\n    const renderItem: ListRenderItem<ItemState> = useCallback(({ item, index }) => {\n        const handleError = () => {\n            onError && onError();\n\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 handleReloadPress = () => {\n            onReloadPress && onReloadPress();\n\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={handleError}\n                onLoad={onLoad}\n                onPress={onItemPress}\n                onReloadPress={handleReloadPress}\n                url={item.url}\n                invisiblePaddingTop={index === 0 ? invisiblePaddingTop : 0}\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        <React.Fragment>\n            <FlatList\n                data={itemStates}\n                getItemLayout={getItemLayout}\n                initialNumToRender={initialNumToRender}\n                keyExtractor={keyExtractor}\n                onViewableItemsChanged={onViewableItemsChanged.current}\n                ref={flatListRef}\n                renderItem={renderItem}\n                viewabilityConfig={viewabilityConfig}\n                windowSize={windowSize}\n                onScroll={handleScroll}\n                {...otherProps}\n            />\n\n            <FastScroll\n                {...fastScrollOptions}\n                contentLength={totalHeight}\n                scrollContentToOffset={scrollContentToOffset}\n            />\n        </React.Fragment>\n    );\n};\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["ComicViewerProps.ts"],"sourcesContent":["import React from 'react';\nimport { ComponentProps } from '@fountain-ui/core';\nimport { NativeScrollEvent, NativeSyntheticEvent } from 'react-native';\nimport { FastScrollOptions } from './FastScrollProps';\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 100\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     * Need invisible paddingTop viewer vertically expanded.\n     * @default 0\n     */\n    invisiblePaddingTop?: number;\n\n    /**\n     * Max value of contents image width size.\n     * @default 720\n     */\n    maxContentWidth?: number;\n\n    /**\n     * Width of viewport.\n     */\n    viewportWidth: number;\n\n    /**\n     * The value for FlatList windowSize.\n     * @default 3\n     */\n    windowSize?: number;\n\n    /**\n     * Options for fastscroll component.\n     */\n    fastScrollOptions: FastScrollOptions;\n\n    /**\n     * Get contents urls by indexes.\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":""}
+{"version":3,"names":[],"sources":["ComicViewerProps.ts"],"sourcesContent":["import React from 'react';\nimport { ComponentProps } from '@fountain-ui/core';\nimport { NativeScrollEvent, NativeSyntheticEvent } from 'react-native';\nimport { FastScrollOptions } from './FastScrollProps';\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 100\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     * Need invisible paddingTop viewer vertically expanded.\n     * @default 0\n     */\n    invisiblePaddingTop?: number;\n\n    /**\n     * Max value of contents image width size.\n     * @default 720\n     */\n    maxContentWidth?: number;\n\n    /**\n     * Width of viewport.\n     */\n    viewportWidth: number;\n\n    /**\n     * The value for FlatList windowSize.\n     * @default 3\n     */\n    windowSize?: number;\n\n    /**\n     * Options for fastscroll component.\n     */\n    fastScrollOptions: FastScrollOptions;\n\n    /**\n     * Get contents urls by indexes.\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     * Handle image loading fail event.\n     */\n    onError?: () => void;\n\n    /**\n     * Handle reload button press event.\n     */\n    onReloadPress?: () => void;\n\n    /**\n     * Component for comic viewer footer.\n     */\n    ListFooterComponent?: React.ReactElement;\n}> {}\n"],"mappings":""}

package/build/typescript/ComicViewer/ComicViewerProps.d.ts

@@ -73,6 +73,14 @@ export default interface ComicViewerProps extends ComponentProps<{
      * Handle item press event.
      */
     onItemPress?: () => void;
+    /**
+     * Handle image loading fail event.
+     */
+    onError?: () => void;
+    /**
+     * Handle reload button press event.
+     */
+    onReloadPress?: () => void;
     /**
      * Component for comic viewer footer.
      */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fountain-ui/lab",
-  "version": "2.0.0-beta.46",
+  "version": "2.0.0-beta.47",
   "private": false,
   "author": "Fountain-UI Team",
   "description": "Incubator for Fountain-UI React components.",
@@ -70,5 +70,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "b0d9e43744035ca199189733ba172320955879c9"
+  "gitHead": "1ecbb948377858085e6dca30e2d7276f6b6490a7"
 }

package/src/ComicViewer/ComicViewer.tsx

@@ -66,6 +66,8 @@ export default function ComicViewer(props: ComicViewerProps) {
         maxContentWidth = MAXIMUM_WIDTH,
         onItemPress,
         onScroll,
+        onError,
+        onReloadPress,
         viewportWidth,
         invisiblePaddingTop = 0,
         windowSize = 3,
@@ -229,7 +231,9 @@ export default function ComicViewer(props: ComicViewerProps) {
     };
 
     const renderItem: ListRenderItem<ItemState> = useCallback(({ item, index }) => {
-        const onError = () => {
+        const handleError = () => {
+            onError && onError();
+
             updateImageState((imageState, i) => {
                 const urlState = imageState.urlState;
 
@@ -257,7 +261,9 @@ export default function ComicViewer(props: ComicViewerProps) {
             }
         };
 
-        const onReloadPress = () => {
+        const handleReloadPress = () => {
+            onReloadPress && onReloadPress();
+
             const [startIndex, endIndex] = maybeLoadableItemsIndexRange.current;
             if (index >= startIndex || index < endIndex) {
                 loadUrlByIndex([index]);
@@ -284,10 +290,10 @@ export default function ComicViewer(props: ComicViewerProps) {
 
         return (
             <ViewerItem
-                onError={onError}
+                onError={handleError}
                 onLoad={onLoad}
                 onPress={onItemPress}
-                onReloadPress={onReloadPress}
+                onReloadPress={handleReloadPress}
                 url={item.url}
                 invisiblePaddingTop={index === 0 ? invisiblePaddingTop : 0}
                 width={renderedDimensions[index]?.width ?? 0}

package/src/ComicViewer/ComicViewerProps.ts

@@ -89,6 +89,16 @@ export default interface ComicViewerProps extends ComponentProps <{
      */
     onItemPress?: () => void;
 
+    /**
+     * Handle image loading fail event.
+     */
+    onError?: () => void;
+
+    /**
+     * Handle reload button press event.
+     */
+    onReloadPress?: () => void;
+
     /**
      * Component for comic viewer footer.
      */