@threekit-tools/treble 0.0.88 → 0.0.89

package/dist/connection.d.ts

@@ -1,9 +1,11 @@
+import { ICacheParameters } from './types';
 export interface IConnectionConfig {
     authToken?: string;
     orgId?: string;
     assetId?: string;
     threekitDomain?: string;
     serverUrl?: string;
+    cacheParameters?: ICacheParameters;
 }
 export declare class ThreekitConnection {
     _authToken: string;
@@ -11,6 +13,7 @@ export declare class ThreekitConnection {
     _assetId: string;
     _threekitDomain: string;
     _serverUrl: string;
+    _cacheParameters?: ICacheParameters;
     constructor();
     connect(config: IConnectionConfig): Promise<void>;
     getConnection(): {
@@ -19,6 +22,7 @@ export declare class ThreekitConnection {
         assetId: string;
         threekitDomain: string;
         serverUrl: string;
+        cacheParameters: ICacheParameters | undefined;
     };
 }
 declare const _default: ThreekitConnection;

package/dist/connection.js

@@ -58,6 +58,8 @@ var ThreekitConnection = (function () {
                     this._serverUrl = config.serverUrl;
                 if (config.threekitDomain)
                     this._threekitDomain = "https://".concat(config.threekitDomain);
+                if (config.cacheParameters)
+                    this._cacheParameters = config.cacheParameters;
                 return [2];
             });
         });
@@ -72,6 +74,7 @@ var ThreekitConnection = (function () {
             assetId: this._assetId,
             threekitDomain: this._threekitDomain,
             serverUrl: this._serverUrl,
+            cacheParameters: this._cacheParameters,
         };
     };
     return ThreekitConnection;

package/dist/hooks/useProductCache/index.d.ts

@@ -1,6 +1,6 @@
 import { CachedProduct, LoadProductConfig } from '../../store/product';
 import { IReloadConfig } from '../../store/treble';
-interface HydratedCacheProduct extends Pick<CachedProduct, 'name' | 'label' | 'thumbnail'> {
+interface HydratedCacheProduct extends Pick<CachedProduct, 'id' | 'name' | 'label' | 'thumbnail'> {
     selected: boolean;
     handleSelect: () => Promise<void>;
     handleRemove: () => Promise<void>;

package/dist/http/request.js

@@ -14,11 +14,14 @@ var prepRequest = function (request, connection) {
         formData: undefined,
         config: undefined,
     }, request), url = _a.url, data = _a.data, formData = _a.formData, params = _a.params, config = _a.config, includeOrgId = _a.includeOrgId;
-    var _b = connection.getConnection(), authToken = _b.authToken, orgId = _b.orgId, threekitDomain = _b.threekitDomain;
+    var _b = connection.getConnection(), authToken = _b.authToken, orgId = _b.orgId, threekitDomain = _b.threekitDomain, cacheParameters = _b.cacheParameters;
     var urlRaw = "".concat(threekitDomain).concat(url);
     var query = (0, utils_1.objectToQueryStr)(Object.assign({}, includeOrgId ? { orgId: orgId } : {}, params));
     var urlPrepped = "".concat(urlRaw).concat(query);
     urlPrepped += "".concat(query.length ? "&" : "?", "bearer_token=").concat(authToken);
+    if (cacheParameters) {
+        urlPrepped += "&cacheMaxAge=".concat(cacheParameters.maxAge, "&cacheScope=").concat(cacheParameters.scope);
+    }
     return { url: urlPrepped, data: formData || data, config: config };
 };
 var get = function (request) {

package/dist/store/index.d.ts

@@ -7,28 +7,21 @@ declare const store: import("@reduxjs/toolkit").EnhancedStore<{
     translations: import("./translations").TranslationsState;
     wishlist: import("../Treble").WishlistArray;
     price: import("./price").PriceState;
-}, import("redux").AnyAction, import("@reduxjs/toolkit").MiddlewareArray<import("redux-thunk").ThunkMiddleware<{
+}, import("redux").AnyAction, import("@reduxjs/toolkit").MiddlewareArray<[import("redux-thunk").ThunkMiddleware<{
     treble: import("./treble").TrebleState;
     product: import("./product").ProductState;
     attributes: import("./attributes").AttributesState;
     translations: import("./translations").TranslationsState;
     wishlist: import("../Treble").WishlistArray;
     price: import("./price").PriceState;
-}, import("redux").AnyAction, null> | import("redux-thunk").ThunkMiddleware<{
+}, import("redux").AnyAction, undefined>]> | import("@reduxjs/toolkit").MiddlewareArray<[import("redux-thunk").ThunkMiddleware<{
     treble: import("./treble").TrebleState;
     product: import("./product").ProductState;
     attributes: import("./attributes").AttributesState;
     translations: import("./translations").TranslationsState;
     wishlist: import("../Treble").WishlistArray;
     price: import("./price").PriceState;
-}, import("redux").AnyAction, undefined> | import("redux").Middleware<{}, {
-    treble: import("./treble").TrebleState;
-    product: import("./product").ProductState;
-    attributes: import("./attributes").AttributesState;
-    translations: import("./translations").TranslationsState;
-    wishlist: import("../Treble").WishlistArray;
-    price: import("./price").PriceState;
-}, import("redux").Dispatch<import("redux").AnyAction>>>>;
+}, import("redux").AnyAction, undefined>, import("redux").Middleware<{}, any, import("redux").Dispatch<import("redux").AnyAction>>]>>;
 export declare const createStore: (reducer?: Record<string, Reducer>) => import("@reduxjs/toolkit").EnhancedStore<{
     treble: import("./treble").TrebleState;
     product: import("./product").ProductState;
@@ -36,44 +29,30 @@ export declare const createStore: (reducer?: Record<string, Reducer>) => import(
     translations: import("./translations").TranslationsState;
     wishlist: import("../Treble").WishlistArray;
     price: import("./price").PriceState;
-}, import("redux").AnyAction, import("@reduxjs/toolkit").MiddlewareArray<import("redux-thunk").ThunkMiddleware<{
-    treble: import("./treble").TrebleState;
-    product: import("./product").ProductState;
-    attributes: import("./attributes").AttributesState;
-    translations: import("./translations").TranslationsState;
-    wishlist: import("../Treble").WishlistArray;
-    price: import("./price").PriceState;
-}, import("redux").AnyAction, null> | import("redux-thunk").ThunkMiddleware<{
+}, import("redux").AnyAction, import("@reduxjs/toolkit").MiddlewareArray<[import("redux-thunk").ThunkMiddleware<{
     treble: import("./treble").TrebleState;
     product: import("./product").ProductState;
     attributes: import("./attributes").AttributesState;
     translations: import("./translations").TranslationsState;
     wishlist: import("../Treble").WishlistArray;
     price: import("./price").PriceState;
-}, import("redux").AnyAction, undefined> | import("redux").Middleware<{}, {
+}, import("redux").AnyAction, undefined>]> | import("@reduxjs/toolkit").MiddlewareArray<[import("redux-thunk").ThunkMiddleware<{
     treble: import("./treble").TrebleState;
     product: import("./product").ProductState;
     attributes: import("./attributes").AttributesState;
     translations: import("./translations").TranslationsState;
     wishlist: import("../Treble").WishlistArray;
     price: import("./price").PriceState;
-}, import("redux").Dispatch<import("redux").AnyAction>>>>;
+}, import("redux").AnyAction, undefined>, import("redux").Middleware<{}, any, import("redux").Dispatch<import("redux").AnyAction>>]>>;
 export declare type RootState = ReturnType<typeof store.getState>;
 export declare type ThreekitDispatch = typeof store.dispatch;
-export declare const useThreekitDispatch: () => import("redux").Dispatch<import("redux").AnyAction> & import("@reduxjs/toolkit").ThunkDispatch<{
-    treble: import("./treble").TrebleState;
-    product: import("./product").ProductState;
-    attributes: import("./attributes").AttributesState;
-    translations: import("./translations").TranslationsState;
-    wishlist: import("../Treble").WishlistArray;
-    price: import("./price").PriceState;
-}, null, import("redux").AnyAction> & import("@reduxjs/toolkit").ThunkDispatch<{
+export declare const useThreekitDispatch: () => import("@reduxjs/toolkit").ThunkDispatch<{
     treble: import("./treble").TrebleState;
     product: import("./product").ProductState;
     attributes: import("./attributes").AttributesState;
     translations: import("./translations").TranslationsState;
     wishlist: import("../Treble").WishlistArray;
     price: import("./price").PriceState;
-}, undefined, import("redux").AnyAction>;
+}, undefined, import("redux").AnyAction> & import("redux").Dispatch<import("redux").AnyAction>;
 export declare const useThreekitSelector: TypedUseSelectorHook<RootState>;
 export default createStore;

package/dist/store/product.d.ts

@@ -41,7 +41,7 @@ export declare const getProductId: (state: RootState) => undefined | string;
 export declare const getName: (state: RootState) => undefined | string;
 export declare const getMetadata: (state: RootState) => undefined | IMetadata;
 export declare const getActiveCacheIdx: (state: RootState) => number;
-export declare const getProductCache: (state: RootState) => Array<Pick<CachedProduct, 'name' | 'label' | 'thumbnail'>>;
+export declare const getProductCache: (state: RootState) => Array<Pick<CachedProduct, 'id' | 'name' | 'label' | 'thumbnail'>>;
 export declare const setProducts: (products: IHydratedProducts) => IHydratedProducts;
 export declare const initProduct: () => (dispatch: ThreekitDispatch, getState: () => RootState) => void;
 export declare const cacheActiveProduct: (config?: Pick<IReloadConfig, 'label' | 'thumbnail'>) => (dispatch: ThreekitDispatch, getState: () => RootState) => {

package/dist/store/product.js

@@ -139,6 +139,7 @@ exports.getActiveCacheIdx = getActiveCacheIdx;
 var getProductCache = function (state) {
     return state.product.cache.map(function (prod) {
         return Object.assign({
+            id: prod.id,
             name: prod.name,
         }, prod.label ? { label: prod.label } : {}, prod.thumbnail ? { thumbnail: prod.thumbnail } : {});
     });
@@ -205,10 +206,9 @@ var loadProduct = function (id, config) {
                     return [4, dispatch((0, treble_1.reloadPlayer)(productConfig))];
                 case 1:
                     _a.sent();
-                    if (cacheProduct) {
+                    if (cacheProduct)
                         dispatch((0, exports.incrementActiveCacheIdx)());
-                        dispatch((0, exports.cacheActiveProduct)());
-                    }
+                    dispatch((0, exports.cacheActiveProduct)());
                     return [2];
             }
         });
@@ -229,16 +229,15 @@ var loadNewProduct = function (config) {
                             shouldCacheProduct = false;
                     }
                     if (shouldCacheProduct)
-                        dispatch((0, exports.cacheActiveProduct)({ label: label, thumbnail: thumbnail }));
+                        dispatch((0, exports.cacheActiveProduct)());
                     if (config)
                         dispatch((0, exports.setProductId)(undefined));
                     return [4, dispatch((0, treble_1.reloadPlayer)(config))];
                 case 1:
                     _a.sent();
-                    if (shouldCacheProduct) {
+                    if (shouldCacheProduct)
                         dispatch((0, exports.incrementActiveCacheIdx)());
-                        dispatch((0, exports.cacheActiveProduct)({ label: label, thumbnail: thumbnail }));
-                    }
+                    dispatch((0, exports.cacheActiveProduct)({ label: label, thumbnail: thumbnail }));
                     return [2];
             }
         });

package/dist/store/treble.js

@@ -167,7 +167,7 @@ var getPlayerInteraction = function (state) {
 exports.getPlayerInteraction = getPlayerInteraction;
 var initPlayer = function (config) {
     return function (dispatch, getState) { return __awaiter(void 0, void 0, void 0, function () {
-        var el, authToken, assetId, stageId, playerConfig, initialConfiguration, player, configurator, orgId, ruleName;
+        var el, authToken, assetId, stageId, playerConfig, initialConfiguration, player, configurator, orgId, cacheParameters, ruleName;
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
@@ -185,6 +185,10 @@ var initPlayer = function (config) {
                     configurator = _a.sent();
                     orgId = player.enableApi(types_1.PRIVATE_APIS.PLAYER).orgId;
                     connection_1.default.connect({ orgId: orgId });
+                    cacheParameters = player.cacheParameters;
+                    if (cacheParameters) {
+                        connection_1.default.connect({ cacheParameters: cacheParameters });
+                    }
                     if (window.threekit) {
                         window.threekit = Object.assign(window.threekit, {
                             player: player,

package/dist/types.d.ts

@@ -86,7 +86,7 @@ export interface ISceneResult {
 }
 export interface IConfigurationAsset {
     assetId: string;
-    configuration?: IConfiguration | string;
+    configuration?: string;
     type?: string;
 }
 export interface IConfigurationColor {
@@ -266,6 +266,10 @@ export interface IThreekitCamera {
     setQuaternion: (quaternion: IQuaternion) => void;
     zoom: (delta: number) => void;
 }
+export interface ICacheParameters {
+    maxAge: number;
+    scope: string;
+}
 export interface IThreekitPlayer {
     assetId: string;
     instanceId: string;
@@ -279,6 +283,7 @@ export interface IThreekitPlayer {
     enableApi: <T extends PRIVATE_APIS>(api: T) => T extends PRIVATE_APIS.PLAYER ? IThreekitPrivatePlayer : any;
     snapshotAsync: (snapshotConfig: ISnapshotConfig) => Promise<string>;
     unload: () => Promise<string>;
+    cacheParameters: ICacheParameters;
 }
 export interface IThreekitPrivateConfigurator extends IThreekitConfigurator {
     name: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@threekit-tools/treble",
-  "version": "0.0.88",
+  "version": "0.0.89",
   "author": "Amaan Saeed",
   "license": "MIT",
   "files": [