@selfcommunity/react-core 0.1.18 → 0.1.19-alpha.0

package/lib/cjs/hooks/useSCFetchContributors.js

@@ -0,0 +1,237 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.contributorsObjectActionTypes = void 0;
+const react_1 = require("react");
+const Errors_1 = require("../constants/Errors");
+const api_services_1 = require("@selfcommunity/api-services");
+const utils_1 = require("@selfcommunity/utils");
+const useSCFetchFeedObject_1 = __importDefault(require("./useSCFetchFeedObject"));
+const Cache_1 = require("../constants/Cache");
+/**
+ * @hidden
+ * We have complex state logic that involves multiple sub-values,
+ * so useReducer is preferable to useState.
+ * Define all possible auth action types label
+ * Use this to export actions and dispatch an action
+ */
+exports.contributorsObjectActionTypes = {
+    LOADING_NEXT: '_loading_next',
+    LOADING_PREVIOUS: '_loading_previous',
+    DATA_NEXT_LOADED: '_data_next_loaded',
+    DATA_PREVIOUS_LOADED: '_data_previous_loaded',
+    DATA_RELOAD: '_data_reload',
+    DATA_RELOADED: '_data_reloaded',
+};
+/**
+ * contributorsReducer:
+ *  - manage the state of contributors object
+ *  - update the state base on action type
+ * @param state
+ * @param action
+ */
+function contributorsReducer(state, action) {
+    switch (action.type) {
+        case exports.contributorsObjectActionTypes.LOADING_NEXT:
+            return Object.assign(Object.assign({}, state), { isLoadingNext: true, isLoadingPrevious: false });
+        case exports.contributorsObjectActionTypes.LOADING_PREVIOUS:
+            return Object.assign(Object.assign({}, state), { isLoadingNext: false, isLoadingPrevious: true });
+        case exports.contributorsObjectActionTypes.DATA_NEXT_LOADED:
+            return Object.assign(Object.assign(Object.assign(Object.assign({}, state), { page: action.payload.currentPage, contributors: action.payload.contributors, isLoadingNext: false, componentLoaded: true, next: action.payload.next }), (action.payload.previous ? { previous: action.payload.previous } : {})), (action.payload.total ? { total: action.payload.total } : {}));
+        case exports.contributorsObjectActionTypes.DATA_PREVIOUS_LOADED:
+            return Object.assign(Object.assign({}, state), { page: action.payload.currentPage, contributors: action.payload.contributors, isLoadingPrevious: false, previous: action.payload.previous });
+        case exports.contributorsObjectActionTypes.DATA_RELOAD:
+            return Object.assign(Object.assign({}, state), { next: action.payload.next, contributors: [], total: 0, previous: null, reload: true });
+        case exports.contributorsObjectActionTypes.DATA_RELOADED:
+            return Object.assign(Object.assign({}, state), { componentLoaded: false, reload: false });
+        default:
+            throw new Error(`Unhandled type: ${action.type}`);
+    }
+}
+/**
+ * Define initial state
+ * @param data
+ */
+function stateInitializer(data) {
+    const __contributorsObjectCacheKey = data.obj ? (0, Cache_1.getContributorsCacheKey)(data.obj.id, data.obj.type, data.next) : null;
+    let _initState = {
+        componentLoaded: false,
+        contributors: [],
+        total: 0,
+        next: data.next,
+        previous: null,
+        isLoadingNext: false,
+        isLoadingPrevious: false,
+        page: data.offset / data.pageSize + 1,
+        reload: false,
+    };
+    if (__contributorsObjectCacheKey && utils_1.LRUCache.hasKey(__contributorsObjectCacheKey) && data.cacheStrategy !== utils_1.CacheStrategies.NETWORK_ONLY) {
+        const _cachedData = utils_1.LRUCache.get(__contributorsObjectCacheKey);
+        return Object.assign(Object.assign({}, _initState), { total: _cachedData.count, next: _cachedData.next, previous: _cachedData.previous, contributors: _cachedData.results });
+    }
+    return _initState;
+}
+/**
+ :::info
+ This custom hooks is used to fetch paginated contributors.
+ :::
+ * @param id
+ * @param feedObject
+ * @param feedObjectType
+ * @param offset
+ * @param pageSize
+ */
+function useSCFetchContributors(props) {
+    // PROPS
+    const { id, feedObject, feedObjectType, offset = 0, pageSize = 5, onChangePage, cacheStrategy = utils_1.CacheStrategies.CACHE_FIRST } = props;
+    // FeedObject
+    const { obj, setObj } = (0, useSCFetchFeedObject_1.default)({ id, feedObject, feedObjectType });
+    const objId = obj ? obj.id : null;
+    /**
+     * Get next url
+     */
+    const getNextUrl = () => {
+        const _offset = offset ? `&offset=${offset}` : '';
+        const _objectId = obj ? obj.id : id;
+        const _typeObject = obj ? obj.type : feedObjectType;
+        return `${api_services_1.Endpoints.FeedObjectContributorsList.url({ type: _typeObject, id: _objectId })}?limit=${pageSize}${_offset}`;
+    };
+    // STATE
+    const [state, dispatch] = (0, react_1.useReducer)(contributorsReducer, {}, () => stateInitializer({ obj, offset, pageSize, next: getNextUrl(), cacheStrategy }));
+    /**
+     * Calculate current page
+     */
+    const getCurrentPage = (url) => {
+        const urlSearchParams = new URLSearchParams(url);
+        const params = Object.fromEntries(urlSearchParams.entries());
+        const currentOffset = params.offset ? parseInt(params.offset) : 0;
+        return currentOffset / pageSize + 1;
+    };
+    /**
+     * Get Comments (with cache)
+     */
+    const revalidate = (url, forward) => {
+        return performFetchComments(url, false).then((res) => {
+            let _contributors;
+            let currentPage = getCurrentPage(state.next);
+            if (forward) {
+                let start = state.contributors.slice(0, state.contributors.length - res.results.length);
+                _contributors = start.concat(res.results);
+            }
+            else {
+                let start = state.contributors.slice(res.results.length, state.contributors.length);
+                _contributors = res.results.concat(start);
+            }
+            dispatch({
+                type: forward ? exports.contributorsObjectActionTypes.DATA_NEXT_LOADED : exports.contributorsObjectActionTypes.DATA_PREVIOUS_LOADED,
+                payload: Object.assign(Object.assign({ page: currentPage, contributors: _contributors }, (forward ? { next: res.next } : { previous: res.previous })), { total: res.count }),
+            });
+        });
+    };
+    /**
+     * Get Comments
+     */
+    const performFetchComments = (url, seekCache = true) => {
+        const _contributorsCacheKey = (0, Cache_1.getContributorsCacheKey)(obj.id, obj.type, url);
+        if (seekCache && utils_1.LRUCache.hasKey(_contributorsCacheKey) && cacheStrategy !== utils_1.CacheStrategies.NETWORK_ONLY) {
+            return Promise.resolve(utils_1.LRUCache.get(_contributorsCacheKey));
+        }
+        return api_services_1.http
+            .request({
+            url,
+            method: api_services_1.Endpoints.Comments.method,
+        })
+            .then((res) => {
+            if (res.status >= 300) {
+                return Promise.reject(res);
+            }
+            utils_1.LRUCache.set(_contributorsCacheKey, res.data);
+            return Promise.resolve(res.data);
+        });
+    };
+    /**
+     * Fetch previous contributors
+     */
+    function getPreviousPage() {
+        if (obj && state.previous && !state.isLoadingPrevious) {
+            dispatch({ type: exports.contributorsObjectActionTypes.LOADING_PREVIOUS });
+            performFetchComments(state.previous)
+                .then((res) => {
+                let currentPage = getCurrentPage(state.previous);
+                dispatch({
+                    type: exports.contributorsObjectActionTypes.DATA_PREVIOUS_LOADED,
+                    payload: {
+                        page: currentPage,
+                        contributors: [...res.results, ...state.contributors],
+                        previous: res.previous,
+                    },
+                });
+                onChangePage && onChangePage(currentPage);
+            })
+                .catch((error) => {
+                utils_1.Logger.error(Errors_1.SCOPE_SC_CORE, error);
+            })
+                .then(() => {
+                if (cacheStrategy === utils_1.CacheStrategies.STALE_WHILE_REVALIDATE) {
+                    revalidate(state.next, false);
+                }
+            });
+        }
+    }
+    /**
+     * Fetch next contributors
+     */
+    function getNextPage() {
+        if (obj && state.next && !state.isLoadingNext) {
+            dispatch({ type: exports.contributorsObjectActionTypes.LOADING_NEXT });
+            performFetchComments(state.next)
+                .then((res) => {
+                let currentPage = getCurrentPage(state.next);
+                dispatch({
+                    type: exports.contributorsObjectActionTypes.DATA_NEXT_LOADED,
+                    payload: Object.assign({ page: currentPage, contributors: [...state.contributors, ...res.results], next: res.next, total: res.count, componentLoaded: true }, (offset && state.contributors.length === 0 ? { previous: res.previous } : {})),
+                });
+                onChangePage && onChangePage(currentPage);
+            })
+                .catch((error) => {
+                utils_1.Logger.error(Errors_1.SCOPE_SC_CORE, error);
+            })
+                .then(() => {
+                if (cacheStrategy === utils_1.CacheStrategies.STALE_WHILE_REVALIDATE) {
+                    revalidate(state.next, true);
+                }
+            });
+        }
+    }
+    /**
+     * Reset contributors status on change pageSize, offset
+     */
+    (0, react_1.useEffect)(() => {
+        if (state.componentLoaded && Boolean(obj) && !state.reload) {
+            dispatch({
+                type: exports.contributorsObjectActionTypes.DATA_RELOAD,
+                payload: {
+                    next: getNextUrl(),
+                },
+            });
+        }
+    }, [objId, pageSize, offset]);
+    /**
+     * Reload fetch contributors
+     */
+    (0, react_1.useEffect)(() => {
+        if (state.componentLoaded && state.reload && !state.isLoadingNext && !state.isLoadingPrevious) {
+            dispatch({
+                type: exports.contributorsObjectActionTypes.DATA_RELOADED,
+            });
+            getNextPage();
+        }
+    }, [state.reload]);
+    return Object.assign(Object.assign({ feedObject: obj, setFeedObject: setObj }, state), { pageSize,
+        getNextPage,
+        getPreviousPage });
+}
+exports.default = useSCFetchContributors;
+//# sourceMappingURL=useSCFetchContributors.js.map

package/lib/cjs/hooks/useSCFetchContributors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSCFetchContributors.js","sourceRoot":"","sources":["../../../src/hooks/useSCFetchContributors.ts"],"names":[],"mappings":"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"}

package/lib/cjs/hooks/useSCFetchFeed.d.ts

@@ -0,0 +1,50 @@
+import { SCFeedUnitType } from '@selfcommunity/types';
+import { EndpointType } from '@selfcommunity/api-services';
+import { CacheStrategies } from '@selfcommunity/utils';
+/**
+ * Interface SCPaginatedFeedType
+ */
+export interface SCPaginatedFeedType {
+    componentLoaded: boolean;
+    feedData: SCFeedUnitType[];
+    total: number;
+    next: string;
+    previous: string;
+    isLoadingNext: boolean;
+    isLoadingPrevious: boolean;
+    page: number;
+    reload: boolean;
+}
+/**
+ * @hidden
+ * We have complex state logic that involves multiple sub-values,
+ * so useReducer is preferable to useState.
+ * Define all possible auth action types label
+ * Use this to export actions and dispatch an action
+ */
+export declare const feedDataActionTypes: {
+    LOADING_NEXT: string;
+    LOADING_PREVIOUS: string;
+    DATA_NEXT_LOADED: string;
+    DATA_PREVIOUS_LOADED: string;
+    DATA_RELOAD: string;
+    DATA_RELOADED: string;
+};
+/**
+ :::info
+ This custom hooks is used to fetch paginated feedData.
+ :::
+ * @param endpoint
+ * @param offset
+ * @param pageSize
+ * @param onChangePage
+ * @param cacheStrategy
+ */
+export default function useSCFetchFeed(props: {
+    id: string;
+    endpoint: EndpointType;
+    endpointQueryParams?: Record<string, string | number>;
+    onChangePage?: (page: any) => any;
+    cacheStrategy?: CacheStrategies;
+}): any;
+//# sourceMappingURL=useSCFetchFeed.d.ts.map

package/lib/cjs/hooks/useSCFetchFeed.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSCFetchFeed.d.ts","sourceRoot":"","sources":["../../../src/hooks/useSCFetchFeed.ts"],"names":[],"mappings":"AAEA,OAAO,EAAC,cAAc,EAAC,MAAM,sBAAsB,CAAC;AACpD,OAAO,EAAY,YAAY,EAAqB,MAAM,6BAA6B,CAAC;AACxF,OAAO,EAAC,eAAe,EAAmB,MAAM,sBAAsB,CAAC;AAIvE;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC,eAAe,EAAE,OAAO,CAAC;IACzB,QAAQ,EAAE,cAAc,EAAE,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,EAAE,OAAO,CAAC;IACvB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,OAAO,CAAC;CACjB;AAED;;;;;;GAMG;AACH,eAAO,MAAM,mBAAmB;;;;;;;CAO/B,CAAC;AAiFF;;;;;;;;;GASG;AACH,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,KAAK,EAAE;IAC5C,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,YAAY,CAAC;IACvB,mBAAmB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC;IACtD,YAAY,CAAC,EAAE,CAAC,IAAI,KAAA,KAAK,GAAG,CAAC;IAC7B,aAAa,CAAC,EAAE,eAAe,CAAC;CACjC,OAmLA"}

package/lib/cjs/hooks/useSCFetchFeed.js

@@ -0,0 +1,234 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.feedDataActionTypes = void 0;
+const react_1 = require("react");
+const Errors_1 = require("../constants/Errors");
+const api_services_1 = require("@selfcommunity/api-services");
+const utils_1 = require("@selfcommunity/utils");
+const Cache_1 = require("../constants/Cache");
+const utils_2 = require("@selfcommunity/utils");
+/**
+ * @hidden
+ * We have complex state logic that involves multiple sub-values,
+ * so useReducer is preferable to useState.
+ * Define all possible auth action types label
+ * Use this to export actions and dispatch an action
+ */
+exports.feedDataActionTypes = {
+    LOADING_NEXT: '_loading_next',
+    LOADING_PREVIOUS: '_loading_previous',
+    DATA_NEXT_LOADED: '_data_next_loaded',
+    DATA_PREVIOUS_LOADED: '_data_previous_loaded',
+    DATA_RELOAD: '_data_reload',
+    DATA_RELOADED: '_data_reloaded',
+};
+/**
+ * feedDataReducer:
+ *  - manage the state of feedData object
+ *  - update the state base on action type
+ * @param state
+ * @param action
+ */
+function feedDataReducer(state, action) {
+    switch (action.type) {
+        case exports.feedDataActionTypes.LOADING_NEXT:
+            return Object.assign(Object.assign({}, state), { isLoadingNext: true, isLoadingPrevious: false });
+        case exports.feedDataActionTypes.LOADING_PREVIOUS:
+            return Object.assign(Object.assign({}, state), { isLoadingNext: false, isLoadingPrevious: true });
+        case exports.feedDataActionTypes.DATA_NEXT_LOADED:
+            return Object.assign(Object.assign(Object.assign(Object.assign({}, state), { page: action.payload.currentPage, feedData: action.payload.feedData, isLoadingNext: false, componentLoaded: true, next: action.payload.next }), (action.payload.previous ? { previous: action.payload.previous } : {})), (action.payload.total ? { total: action.payload.total } : {}));
+        case exports.feedDataActionTypes.DATA_PREVIOUS_LOADED:
+            return Object.assign(Object.assign({}, state), { page: action.payload.currentPage, feedData: action.payload.feedData, isLoadingPrevious: false, previous: action.payload.previous });
+        case exports.feedDataActionTypes.DATA_RELOAD:
+            return Object.assign(Object.assign({}, state), { next: action.payload.next, feedData: [], total: 0, previous: null, reload: true });
+        case exports.feedDataActionTypes.DATA_RELOADED:
+            return Object.assign(Object.assign({}, state), { componentLoaded: false, reload: false });
+        default:
+            throw new Error(`Unhandled type: ${action.type}`);
+    }
+}
+/**
+ * Define initial state
+ * @param data
+ */
+function stateInitializer(data) {
+    const __feedDataCacheKey = (0, Cache_1.getFeedCacheKey)(data.id, data.next);
+    let _initState = {
+        componentLoaded: false,
+        feedData: [],
+        total: 0,
+        next: data.next,
+        previous: null,
+        isLoadingNext: false,
+        isLoadingPrevious: false,
+        page: data.queryParams.offset / data.queryParams.limit + 1,
+        reload: false,
+    };
+    if (__feedDataCacheKey && utils_1.LRUCache.hasKey(__feedDataCacheKey) && data.cacheStrategy !== utils_1.CacheStrategies.NETWORK_ONLY) {
+        const _cachedData = utils_1.LRUCache.get(__feedDataCacheKey);
+        return Object.assign(Object.assign({}, _initState), { componentLoaded: true, total: _cachedData.count, next: _cachedData.next, previous: _cachedData.previous, feedData: _cachedData.results });
+    }
+    return _initState;
+}
+/**
+ :::info
+ This custom hooks is used to fetch paginated feedData.
+ :::
+ * @param endpoint
+ * @param offset
+ * @param pageSize
+ * @param onChangePage
+ * @param cacheStrategy
+ */
+function useSCFetchFeed(props) {
+    // PROPS
+    const { id, endpoint, endpointQueryParams = { limit: 10, offset: 0 }, onChangePage, cacheStrategy = utils_1.CacheStrategies.CACHE_FIRST } = props;
+    const queryParams = (0, react_1.useMemo)(() => Object.assign({ limit: 10, offset: 0 }, endpointQueryParams), [endpointQueryParams]);
+    /**
+     * Get next url
+     */
+    const getInitialNextUrl = () => {
+        const _initialEndpoint = (0, utils_2.appendURLSearchParams)(endpoint.url({}), Object.keys(queryParams).map((k) => ({ [k]: queryParams[k] })));
+        return _initialEndpoint;
+    };
+    // STATE
+    const [state, dispatch] = (0, react_1.useReducer)(feedDataReducer, {}, () => stateInitializer({ id, endpoint, queryParams, next: getInitialNextUrl(), cacheStrategy }));
+    /**
+     * Calculate current page
+     */
+    const getCurrentPage = (url) => {
+        const urlSearchParams = new URLSearchParams(url);
+        const params = Object.fromEntries(urlSearchParams.entries());
+        const currentOffset = params.offset ? parseInt(params.offset) : 0;
+        return currentOffset / queryParams.limit + 1;
+    };
+    /**
+     * Get Comments (with cache)
+     */
+    const revalidate = (url, forward) => {
+        return performFetchComments(url, false).then((res) => {
+            let _feedData;
+            let currentPage = getCurrentPage(state.next);
+            if (forward) {
+                let start = state.feedData.slice(0, state.feedData.length - res.results.length);
+                _feedData = start.concat(res.results);
+            }
+            else {
+                let start = state.feedData.slice(res.results.length, state.feedData.length);
+                _feedData = res.results.concat(start);
+            }
+            dispatch({
+                type: forward ? exports.feedDataActionTypes.DATA_NEXT_LOADED : exports.feedDataActionTypes.DATA_PREVIOUS_LOADED,
+                payload: Object.assign(Object.assign({ page: currentPage, feedData: _feedData }, (forward ? { next: res.next } : { previous: res.previous })), { total: res.count }),
+            });
+        });
+    };
+    /**
+     * Get Comments
+     */
+    const performFetchComments = (url, seekCache = true) => {
+        const __feedDataCacheKey = (0, Cache_1.getFeedCacheKey)(id, state.next);
+        if (seekCache && utils_1.LRUCache.hasKey(__feedDataCacheKey) && cacheStrategy !== utils_1.CacheStrategies.NETWORK_ONLY) {
+            return Promise.resolve(utils_1.LRUCache.get(__feedDataCacheKey));
+        }
+        return api_services_1.http
+            .request({
+            url,
+            method: api_services_1.Endpoints.Comments.method,
+        })
+            .then((res) => {
+            if (res.status >= 300) {
+                return Promise.reject(res);
+            }
+            utils_1.LRUCache.set(__feedDataCacheKey, res.data);
+            return Promise.resolve(res.data);
+        });
+    };
+    /**
+     * Fetch previous feedData
+     */
+    function getPreviousPage() {
+        if (endpoint && state.previous && !state.isLoadingPrevious) {
+            dispatch({ type: exports.feedDataActionTypes.LOADING_PREVIOUS });
+            performFetchComments(state.previous)
+                .then((res) => {
+                let currentPage = getCurrentPage(state.previous);
+                dispatch({
+                    type: exports.feedDataActionTypes.DATA_PREVIOUS_LOADED,
+                    payload: {
+                        page: currentPage,
+                        feedData: [...res.results, ...state.feedData],
+                        previous: res.previous,
+                    },
+                });
+                onChangePage && onChangePage(currentPage);
+            })
+                .catch((error) => {
+                utils_1.Logger.error(Errors_1.SCOPE_SC_CORE, error);
+            })
+                .then(() => {
+                if (cacheStrategy === utils_1.CacheStrategies.STALE_WHILE_REVALIDATE) {
+                    revalidate(state.next, false);
+                }
+            });
+        }
+    }
+    /**
+     * Fetch next feedData
+     */
+    function getNextPage() {
+        if (endpoint && state.next && !state.isLoadingNext) {
+            dispatch({ type: exports.feedDataActionTypes.LOADING_NEXT });
+            performFetchComments(state.next)
+                .then((res) => {
+                let currentPage = getCurrentPage(state.next);
+                dispatch({
+                    type: exports.feedDataActionTypes.DATA_NEXT_LOADED,
+                    payload: Object.assign({ page: currentPage, feedData: [...state.feedData, ...res.results], next: res.next, total: res.count, componentLoaded: true }, (queryParams.offset && state.feedData.length === 0 ? { previous: res.previous } : {})),
+                });
+                onChangePage && onChangePage(currentPage);
+            })
+                .catch((error) => {
+                utils_1.Logger.error(Errors_1.SCOPE_SC_CORE, error);
+            })
+                .then(() => {
+                if (cacheStrategy === utils_1.CacheStrategies.STALE_WHILE_REVALIDATE) {
+                    revalidate(state.next, true);
+                }
+            });
+        }
+    }
+    function reload() {
+        dispatch({
+            type: exports.feedDataActionTypes.DATA_RELOAD,
+            payload: {
+                next: getInitialNextUrl(),
+            },
+        });
+    }
+    /**
+     * Reset feedData status on change pageSize, offset
+     */
+    (0, react_1.useEffect)(() => {
+        if (state.componentLoaded && Boolean(endpoint) && !state.reload) {
+            reload();
+        }
+    }, [endpoint, queryParams.offset, queryParams.limit]);
+    /**
+     * Reload fetch feedData
+     */
+    (0, react_1.useEffect)(() => {
+        if (state.componentLoaded && state.reload && !state.isLoadingNext && !state.isLoadingPrevious) {
+            dispatch({
+                type: exports.feedDataActionTypes.DATA_RELOADED,
+            });
+            getNextPage();
+        }
+    }, [state.reload]);
+    return Object.assign(Object.assign({}, state), { queryParams,
+        getNextPage,
+        getPreviousPage,
+        reload });
+}
+exports.default = useSCFetchFeed;
+//# sourceMappingURL=useSCFetchFeed.js.map

package/lib/cjs/hooks/useSCFetchFeed.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSCFetchFeed.js","sourceRoot":"","sources":["../../../src/hooks/useSCFetchFeed.ts"],"names":[],"mappings":"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"}

package/lib/cjs/hooks/useSCFetchFeedObject.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import { SCFeedDiscussionType, SCFeedObjectType, SCFeedObjectTypologyType, SCFeedPostType } from '@selfcommunity/types';
+import { CacheStrategies } from '@selfcommunity/utils';
 /**
  :::info
  This custom hook is used to fetch a feed object.
@@ -8,11 +9,13 @@ import { SCFeedDiscussionType, SCFeedObjectType, SCFeedObjectTypologyType, SCFee
  * @param object.id
  * @param object.feedObject
  * @param object.feedObjectType
+ * @param cacheStrategy
  */
-export default function useSCFetchFeedObject({ id, feedObject, feedObjectType, }: {
+export default function useSCFetchFeedObject({ id, feedObject, feedObjectType, cacheStrategy, }: {
     id?: number;
     feedObject?: SCFeedObjectType;
     feedObjectType?: SCFeedObjectTypologyType;
+    cacheStrategy?: CacheStrategies;
 }): {
     obj: SCFeedObjectType | SCFeedDiscussionType | SCFeedPostType;
     setObj: import("react").Dispatch<import("react").SetStateAction<SCFeedObjectType | SCFeedDiscussionType | SCFeedPostType>>;

package/lib/cjs/hooks/useSCFetchFeedObject.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useSCFetchFeedObject.d.ts","sourceRoot":"","sources":["../../../src/hooks/useSCFetchFeedObject.ts"],"names":[],"mappings":";AAIA,OAAO,EAAC,oBAAoB,EAAE,gBAAgB,EAAE,wBAAwB,EAAE,cAAc,EAAmB,MAAM,sBAAsB,CAAC;AAGxI;;;;;;;;GAQG;AACH,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,EAC3C,EAAS,EACT,UAAiB,EACjB,cAAwH,GACzH,EAAE;IACD,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B,cAAc,CAAC,EAAE,wBAAwB,CAAC;CAC3C;;;;EA2CA"}
+{"version":3,"file":"useSCFetchFeedObject.d.ts","sourceRoot":"","sources":["../../../src/hooks/useSCFetchFeedObject.ts"],"names":[],"mappings":";AAIA,OAAO,EAAC,oBAAoB,EAAE,gBAAgB,EAAE,wBAAwB,EAAE,cAAc,EAAmB,MAAM,sBAAsB,CAAC;AAExI,OAAO,EAAW,eAAe,EAAC,MAAM,sBAAsB,CAAC;AAG/D;;;;;;;;;GASG;AACH,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,EAC3C,EAAS,EACT,UAAiB,EACjB,cAAwH,EACxH,aAA2C,GAC5C,EAAE;IACD,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B,cAAc,CAAC,EAAE,wBAAwB,CAAC;IAC1C,aAAa,CAAC,EAAE,eAAe,CAAC;CACjC;;;;EA2DA"}

package/lib/cjs/hooks/useSCFetchFeedObject.js

@@ -6,6 +6,8 @@ const utils_1 = require("@selfcommunity/utils");
 const Errors_1 = require("../constants/Errors");
 const types_1 = require("@selfcommunity/types");
 const use_deep_compare_effect_1 = require("use-deep-compare-effect");
+const utils_2 = require("@selfcommunity/utils");
+const Cache_1 = require("../constants/Cache");
 /**
  :::info
  This custom hook is used to fetch a feed object.
@@ -14,17 +16,22 @@ const use_deep_compare_effect_1 = require("use-deep-compare-effect");
  * @param object.id
  * @param object.feedObject
  * @param object.feedObjectType
+ * @param cacheStrategy
  */
-function useSCFetchFeedObject({ id = null, feedObject = null, feedObjectType = types_1.SCFeedObjectTypologyType.POST || types_1.SCFeedObjectTypologyType.DISCUSSION || types_1.SCFeedObjectTypologyType.STATUS, }) {
-    const [obj, setObj] = (0, react_1.useState)(feedObject);
+function useSCFetchFeedObject({ id = null, feedObject = null, feedObjectType = types_1.SCFeedObjectTypologyType.POST || types_1.SCFeedObjectTypologyType.DISCUSSION || types_1.SCFeedObjectTypologyType.STATUS, cacheStrategy = utils_2.CacheStrategies.CACHE_FIRST, }) {
+    const __feedObjectId = feedObject ? feedObject.id : id;
+    const __feedObjectType = feedObject ? feedObject.type : feedObjectType;
+    // CACHE
+    const __feedObjectCacheKey = (0, Cache_1.getFeedObjectCacheKey)(__feedObjectId, __feedObjectType);
+    const [obj, setObj] = (0, react_1.useState)(cacheStrategy !== utils_2.CacheStrategies.NETWORK_ONLY ? utils_2.LRUCache.get(__feedObjectCacheKey, feedObject) : null);
     const [error, setError] = (0, react_1.useState)(null);
     /**
      * Memoized fetchFeedObject
      */
-    const fetchFeedObject = () => {
+    const fetchFeedObject = (0, react_1.useMemo)(() => () => {
         return api_services_1.http
             .request({
-            url: api_services_1.Endpoints.FeedObject.url({ type: feedObjectType, id: id }),
+            url: api_services_1.Endpoints.FeedObject.url({ type: __feedObjectType, id: __feedObjectId }),
             method: api_services_1.Endpoints.FeedObject.method,
         })
             .then((res) => {
@@ -33,25 +40,30 @@ function useSCFetchFeedObject({ id = null, feedObject = null, feedObjectType = t
             }
             return Promise.resolve(res.data);
         });
-    };
+    }, [__feedObjectId, __feedObjectType]);
     /**
-     * If id and feedObjectType resolve feddObject
+     * If id and feedObjectType resolve feedObject
      */
     (0, react_1.useEffect)(() => {
-        if (id && feedObjectType) {
+        if (__feedObjectId && __feedObjectType && (!obj || cacheStrategy === utils_2.CacheStrategies.STALE_WHILE_REVALIDATE)) {
             fetchFeedObject()
                 .then((obj) => {
                 setObj(obj);
+                utils_2.LRUCache.set(__feedObjectCacheKey, obj);
             })
                 .catch((err) => {
+                utils_2.LRUCache.delete(__feedObjectCacheKey);
                 setError(`FeedObject with id ${id} not found`);
                 utils_1.Logger.error(Errors_1.SCOPE_SC_CORE, `FeedObject with id ${id} not found`);
                 utils_1.Logger.error(Errors_1.SCOPE_SC_CORE, err.message);
             });
         }
-    }, [id, feedObjectType]);
+    }, [__feedObjectId, __feedObjectType]);
     (0, use_deep_compare_effect_1.useDeepCompareEffectNoCheck)(() => {
-        setObj(feedObject);
+        if (feedObject) {
+            setObj(feedObject);
+            utils_2.LRUCache.set(__feedObjectCacheKey, obj);
+        }
     }, [feedObject]);
     return { obj, setObj, error };
 }