@zeedhi/common 1.65.1 → 1.67.0

package/dist/zd-common.esm.js

@@ -2948,6 +2948,37 @@ class LoadingService {
     }
 }
 
+class JsonCacheService {
+    static saveJSONCache(jsonCollection) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const jsonCollectionInCache = jsonCollection.map((jsonItem) => __awaiter(this, void 0, void 0, function* () {
+                const { path } = jsonItem;
+                const metadata = yield Metadata.get(path, true);
+                localStorage.setItem(path, JSON.stringify(metadata));
+            }));
+            yield Promise.all(jsonCollectionInCache);
+        });
+    }
+    static getJSONCache(path) {
+        const getMetadaFromCache = localStorage.getItem(path);
+        let metadataValueReturn = false;
+        if (typeof getMetadaFromCache === 'string') {
+            metadataValueReturn = JSON.parse(getMetadaFromCache);
+        }
+        return metadataValueReturn;
+    }
+    static clearJSONCache(jsonCollection) {
+        jsonCollection.map((jsonItem) => __awaiter(this, void 0, void 0, function* () {
+            const { path } = jsonItem;
+            localStorage.removeItem(path);
+        }));
+    }
+}
+/**
+ * jsons collection
+ */
+JsonCacheService.jsonCollection = [];
+
 /**
  * Base class for Dashboard component.
  */
@@ -4525,6 +4556,7 @@ class Frame extends ComponentRender {
         this.overrideNamedProps = {};
         this.path = '';
         this.cache = false;
+        this.JSONCache = false;
         this.cacheDuration = 2 * 60 * 60 * 1000;
         this.height = 'auto';
         this.maxHeight = 'none';
@@ -4536,6 +4568,7 @@ class Frame extends ComponentRender {
         this.override = props.override || this.override;
         this.overrideNamedProps = props.overrideNamedProps || this.overrideNamedProps;
         this.cache = props.cache || this.cache;
+        this.JSONCache = this.getInitValue('JSONCache', props.JSONCache, this.JSONCache);
         this.cacheDuration = this.getInitValue('cacheDuration', props.cacheDuration, this.cacheDuration);
         this.height = this.getInitValue('height', props.height, this.height);
         this.minHeight = this.getInitValue('minHeight', props.minHeight, this.minHeight);
@@ -4547,8 +4580,18 @@ class Frame extends ComponentRender {
     }
     getMetadata() {
         return __awaiter(this, void 0, void 0, function* () {
+            let page;
             try {
-                const page = yield this.requestPage();
+                if (this.JSONCache) {
+                    page = JsonCacheService.getJSONCache(this.path);
+                    if (page === false) {
+                        yield JsonCacheService.saveJSONCache([{ path: this.path }]);
+                        page = yield this.requestPage();
+                    }
+                }
+                else {
+                    page = yield this.requestPage();
+                }
                 if (typeof page !== 'object')
                     throw new Error();
                 this.metadata = merge(page, this.override);
@@ -13299,4 +13342,4 @@ const AutoNumeric = require('@zeedhi/autonumeric/dist/autoNumeric');
 const packageContent = require('../package.json');
 VersionService.addPackageVersion(packageContent.name, packageContent.version);
 
-export { Alert, AlertService, ApexChart, AutoNumeric, Badge, Breadcrumbs, Button, ButtonGroup, CSVReport, Card, Carousel, Checkbox, CheckboxMultiple, ChildNotFoundError, Chip, CodeEditor, Col, CollapseCard, Column, ColumnNotFoundError, Component, ComponentRender, Container, Currency, Dashboard, Date$1 as Date, DateRange, Dialog, DialogService, Divider, Dropdown, FileInput, Footer, Form, Frame, FramePage, Grid, GridColumn, GridColumnEditable, GridEditable, Header, Icon, Icons, Image, Increment, Input, Iterable, IterableColumnsButton, IterableColumnsButtonController, IterableComponentRender, IterablePageComponent, IterablePageInfo, IterablePageSize, IterablePagination, List, ListGroup, ListItem, Loading, LoadingService, Login, LoginButton, MasterDetail, Menu, MenuButton, MenuGroup, MenuLink, MenuSeparator, Modal, ModalCloseButton, ModalService, Month, Number$1 as Number, PDFReport, Password, Progress, Radio, RangeSlider, Report, Row, Search, Select, SelectMultiple, SelectTree, SelectTreeMultiple, SelectableList, SpeedDial, Steppers, SvgMap, Switch, Tab, Table, Tabs, Tag, Text, TextInput, Textarea, Time, Toggleable, Tooltip, Tree, TreeDataStructure, TreeGrid, TreeGridEditable, WatchURL, XLS2Report, XLS3Report, XLSReport, initTheme };
+export { Alert, AlertService, ApexChart, AutoNumeric, Badge, Breadcrumbs, Button, ButtonGroup, CSVReport, Card, Carousel, Checkbox, CheckboxMultiple, ChildNotFoundError, Chip, CodeEditor, Col, CollapseCard, Column, ColumnNotFoundError, Component, ComponentRender, Container, Currency, Dashboard, Date$1 as Date, DateRange, Dialog, DialogService, Divider, Dropdown, FileInput, Footer, Form, Frame, FramePage, Grid, GridColumn, GridColumnEditable, GridEditable, Header, Icon, Icons, Image, Increment, Input, Iterable, IterableColumnsButton, IterableColumnsButtonController, IterableComponentRender, IterablePageComponent, IterablePageInfo, IterablePageSize, IterablePagination, JsonCacheService, List, ListGroup, ListItem, Loading, LoadingService, Login, LoginButton, MasterDetail, Menu, MenuButton, MenuGroup, MenuLink, MenuSeparator, Modal, ModalCloseButton, ModalService, Month, Number$1 as Number, PDFReport, Password, Progress, Radio, RangeSlider, Report, Row, Search, Select, SelectMultiple, SelectTree, SelectTreeMultiple, SelectableList, SpeedDial, Steppers, SvgMap, Switch, Tab, Table, Tabs, Tag, Text, TextInput, Textarea, Time, Toggleable, Tooltip, Tree, TreeDataStructure, TreeGrid, TreeGridEditable, WatchURL, XLS2Report, XLS3Report, XLSReport, initTheme };

package/dist/zd-common.umd.js

@@ -2955,6 +2955,37 @@
       }
   }
 
+  class JsonCacheService {
+      static saveJSONCache(jsonCollection) {
+          return __awaiter(this, void 0, void 0, function* () {
+              const jsonCollectionInCache = jsonCollection.map((jsonItem) => __awaiter(this, void 0, void 0, function* () {
+                  const { path } = jsonItem;
+                  const metadata = yield core.Metadata.get(path, true);
+                  localStorage.setItem(path, JSON.stringify(metadata));
+              }));
+              yield Promise.all(jsonCollectionInCache);
+          });
+      }
+      static getJSONCache(path) {
+          const getMetadaFromCache = localStorage.getItem(path);
+          let metadataValueReturn = false;
+          if (typeof getMetadaFromCache === 'string') {
+              metadataValueReturn = JSON.parse(getMetadaFromCache);
+          }
+          return metadataValueReturn;
+      }
+      static clearJSONCache(jsonCollection) {
+          jsonCollection.map((jsonItem) => __awaiter(this, void 0, void 0, function* () {
+              const { path } = jsonItem;
+              localStorage.removeItem(path);
+          }));
+      }
+  }
+  /**
+   * jsons collection
+   */
+  JsonCacheService.jsonCollection = [];
+
   /**
    * Base class for Dashboard component.
    */
@@ -4532,6 +4563,7 @@
           this.overrideNamedProps = {};
           this.path = '';
           this.cache = false;
+          this.JSONCache = false;
           this.cacheDuration = 2 * 60 * 60 * 1000;
           this.height = 'auto';
           this.maxHeight = 'none';
@@ -4543,6 +4575,7 @@
           this.override = props.override || this.override;
           this.overrideNamedProps = props.overrideNamedProps || this.overrideNamedProps;
           this.cache = props.cache || this.cache;
+          this.JSONCache = this.getInitValue('JSONCache', props.JSONCache, this.JSONCache);
           this.cacheDuration = this.getInitValue('cacheDuration', props.cacheDuration, this.cacheDuration);
           this.height = this.getInitValue('height', props.height, this.height);
           this.minHeight = this.getInitValue('minHeight', props.minHeight, this.minHeight);
@@ -4554,8 +4587,18 @@
       }
       getMetadata() {
           return __awaiter(this, void 0, void 0, function* () {
+              let page;
               try {
-                  const page = yield this.requestPage();
+                  if (this.JSONCache) {
+                      page = JsonCacheService.getJSONCache(this.path);
+                      if (page === false) {
+                          yield JsonCacheService.saveJSONCache([{ path: this.path }]);
+                          page = yield this.requestPage();
+                      }
+                  }
+                  else {
+                      page = yield this.requestPage();
+                  }
                   if (typeof page !== 'object')
                       throw new Error();
                   this.metadata = merge__default["default"](page, this.override);
@@ -13360,6 +13403,7 @@
   exports.IterablePageInfo = IterablePageInfo;
   exports.IterablePageSize = IterablePageSize;
   exports.IterablePagination = IterablePagination;
+  exports.JsonCacheService = JsonCacheService;
   exports.List = List;
   exports.ListGroup = ListGroup;
   exports.ListItem = ListItem;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zeedhi/common",
-  "version": "1.65.1",
+  "version": "1.67.0",
   "description": "Zeedhi Common",
   "author": "Zeedhi <zeedhi@teknisa.com>",
   "license": "ISC",
@@ -39,5 +39,5 @@
     "lodash.times": "^4.3.2",
     "mockdate": "^3.0.2"
   },
-  "gitHead": "2d2898b5f40d127729b920bfa6cee0b0a9677613"
+  "gitHead": "e073bdc1515fa3ab9da439f984a2a8f8fd572c9e"
 }

package/types/components/zd-frame/frame.d.ts

@@ -12,6 +12,7 @@ export declare class Frame extends ComponentRender implements IFrame {
     overrideNamedProps: any;
     path: string;
     cache: boolean;
+    JSONCache: boolean | string;
     events: IFrameEvents;
     cacheDuration: number;
     height: number | string;

package/types/components/zd-frame/interfaces.d.ts

@@ -12,6 +12,7 @@ export interface IFrame extends IComponentRender {
     params?: any;
     overrideNamedProps?: any;
     cache?: boolean;
+    JSONCache?: boolean | string;
     cacheDuration?: number;
     height?: number | string;
     maxHeight?: number | string;

package/types/services/index.d.ts

@@ -2,3 +2,4 @@ export * from './zd-alert/alert-service';
 export * from './zd-dialog/dialog-service';
 export * from './zd-modal/modal-service';
 export * from './zd-loading/loading-service';
+export * from './zd-json-cache/json-cache-service';

package/types/services/zd-json-cache/json-cache-service.d.ts

@@ -0,0 +1,12 @@
+export interface IJSONObject {
+    path: string;
+}
+export declare class JsonCacheService {
+    /**
+     * jsons collection
+     */
+    static jsonCollection: IJSONObject[];
+    static saveJSONCache(jsonCollection: IJSONObject[]): Promise<void>;
+    static getJSONCache(path: string): any;
+    static clearJSONCache(jsonCollection: IJSONObject[]): void;
+}