@threekit-tools/treble 0.0.77 → 0.0.78

package/dist/Treble/Treble.d.ts

@@ -1,4 +1,4 @@
-import { IThreekitPlayer, IConfiguration, ISetConfiguration, IThreekitPrivateConfigurator } from '../types';
+import { IThreekitPlayer, IThreekitPrivatePlayer, IConfiguration, ISetConfiguration, IThreekitPrivateConfigurator } from '../types';
 import { IWishlist } from './Wishlist';
 import Snapshots from './Snapshots';
 import { ISaveConfiguration } from '../api/configurations';
@@ -13,11 +13,12 @@ interface IEmailShareCredentials {
     templateId: string;
 }
 declare class Treble {
-    _player: IThreekitPlayer;
+    _player: IThreekitPrivatePlayer;
     wishlist: IWishlist;
     private _initialConfiguration;
     private _snapshots;
     takeSnapshots: Snapshots['takeSnapshots'];
+    _debugMode: boolean;
     constructor({ player, orgId, initialConfiguration }: ITreble);
     saveConfiguration: (config?: Omit<ISaveConfiguration, "configuration"> | undefined) => Promise<{
         resumableUrl: string;

package/dist/Treble/Treble.js

@@ -121,12 +121,12 @@ var Treble = /** @class */ (function () {
             return api_1.default.server.sendEmail(data);
         };
         //  Threekit API
-        this._player = player;
         this.wishlist = (0, Wishlist_1.default)(orgId);
         this._snapshots = new Snapshots_1.default();
         this.takeSnapshots = this._snapshots.takeSnapshots;
-        // this._player = player.enableApi('player');
+        this._player = player.enableApi('player');
         this._initialConfiguration = JSON.stringify(initialConfiguration);
+        this._debugMode = constants_1.TREBLE_DEBUG;
     }
     return Treble;
 }());

package/dist/constants.d.ts

@@ -1,6 +1,7 @@
 /*****************************************************
  * Treble Config
  ****************************************************/
+export declare const TREBLE_DEBUG: boolean;
 export declare const DEFAULT_CLASS_NAME = "threekit-react";
 export declare const CLASS_NAME_PREFIX = "tk";
 export declare const INPUT_COMPONENT_CLASS_NAME: string;

package/dist/constants.js

@@ -4,7 +4,8 @@
  ****************************************************/
 var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DATATABLE_FORMATS = exports.WISHLIST_LOCALSTORAGE_KEY = exports.SNAPSHOT_OUTPUTS = exports.SNAPSHOT_FORMATS = exports.METADATA_RESERVED = exports.ATTRIBUTES_RESERVED = exports.SORT_OPTIONS = exports.ASSET_TYPES = exports.ATTRIBUTE_TYPES = exports.DEFAULT_PLAYER_CONFIG = exports.TK_PLAYER_ROOT_DIV = exports.TK_PLAYER_LOADER_DIV = exports.TK_SAVED_CONFIG_PARAM_KEY = exports.TK_PRODUCT_ID_PARAM_KEY = exports.IS_TREBLE_SCRIPTS = exports.FORM_CLASS_NAME = exports.DISPLAY_CLASS_NAME = exports.TOOL_CLASS_NAME = exports.LAYOUT_CLASS_NAME = exports.WIDGET_CLASS_NAME = exports.INPUT_COMPONENT_CLASS_NAME = exports.CLASS_NAME_PREFIX = exports.DEFAULT_CLASS_NAME = void 0;
+exports.DATATABLE_FORMATS = exports.WISHLIST_LOCALSTORAGE_KEY = exports.SNAPSHOT_OUTPUTS = exports.SNAPSHOT_FORMATS = exports.METADATA_RESERVED = exports.ATTRIBUTES_RESERVED = exports.SORT_OPTIONS = exports.ASSET_TYPES = exports.ATTRIBUTE_TYPES = exports.DEFAULT_PLAYER_CONFIG = exports.TK_PLAYER_ROOT_DIV = exports.TK_PLAYER_LOADER_DIV = exports.TK_SAVED_CONFIG_PARAM_KEY = exports.TK_PRODUCT_ID_PARAM_KEY = exports.IS_TREBLE_SCRIPTS = exports.FORM_CLASS_NAME = exports.DISPLAY_CLASS_NAME = exports.TOOL_CLASS_NAME = exports.LAYOUT_CLASS_NAME = exports.WIDGET_CLASS_NAME = exports.INPUT_COMPONENT_CLASS_NAME = exports.CLASS_NAME_PREFIX = exports.DEFAULT_CLASS_NAME = exports.TREBLE_DEBUG = void 0;
+exports.TREBLE_DEBUG = !!process.env.TREBLE_DEBUG;
 exports.DEFAULT_CLASS_NAME = 'threekit-react';
 exports.CLASS_NAME_PREFIX = 'tk';
 exports.INPUT_COMPONENT_CLASS_NAME = "".concat(exports.DEFAULT_CLASS_NAME, " ").concat(exports.CLASS_NAME_PREFIX, "-input");

package/dist/store/index.js

@@ -18,6 +18,7 @@ exports.useThreekitSelector = exports.useThreekitDispatch = exports.createStore
 var toolkit_1 = require("@reduxjs/toolkit");
 var react_redux_1 = require("react-redux");
 var redux_logger_1 = __importDefault(require("redux-logger"));
+var constants_1 = require("../constants");
 var treble_1 = __importDefault(require("./treble"));
 var product_1 = __importDefault(require("./product"));
 var attributes_1 = __importDefault(require("./attributes"));
@@ -33,14 +34,18 @@ var store = (0, toolkit_1.configureStore)({
         wishlist: wishlist_1.default,
         price: price_1.default,
     },
-    middleware: function (getDefaultMiddleware) { return getDefaultMiddleware().concat(redux_logger_1.default); },
+    middleware: constants_1.TREBLE_DEBUG
+        ? function (getDefaultMiddleware) { return getDefaultMiddleware().concat(redux_logger_1.default); }
+        : function (getDefaultMiddleware) { return getDefaultMiddleware(); },
 });
 var createStore = function (reducer) {
     if (!reducer)
         return store;
     return (0, toolkit_1.configureStore)({
         reducer: __assign(__assign({}, reducer), { treble: treble_1.default, product: product_1.default, attributes: attributes_1.default, translations: translations_1.default, wishlist: wishlist_1.default, price: price_1.default }),
-        middleware: function (getDefaultMiddleware) { return getDefaultMiddleware().concat(redux_logger_1.default); },
+        middleware: constants_1.TREBLE_DEBUG
+            ? function (getDefaultMiddleware) { return getDefaultMiddleware().concat(redux_logger_1.default); }
+            : function (getDefaultMiddleware) { return getDefaultMiddleware(); },
     });
 };
 exports.createStore = createStore;

package/dist/store/treble.js

@@ -200,6 +200,8 @@ var initPlayer = function (config) {
                         };
                     dispatch((0, exports.setThreekitInitialized)(true));
                     dispatch((0, exports.setPlayerLoading)(false));
+                    if (window.threekit.treble._debugMode)
+                        (0, utils_1.runDebugger)();
                     window.threekit.player.on('setConfiguration', function () { return __awaiter(void 0, void 0, void 0, function () {
                         var attributes, previousAttributes, updatedAttributes;
                         var _a;
@@ -209,6 +211,8 @@ var initPlayer = function (config) {
                                     attributes = getState().attributes;
                                     previousAttributes = Object.values(attributes);
                                     updatedAttributes = window.threekit.configurator.getDisplayAttributes();
+                                    if (window.threekit.treble._debugMode)
+                                        (0, utils_1.runDebugger)();
                                     dispatch((0, attributes_1.setAttributes)(updatedAttributes));
                                     return [4 /*yield*/, ((_a = EVENTS.postConfigurationChange) === null || _a === void 0 ? void 0 : _a.call(EVENTS, updatedAttributes, {}, previousAttributes))];
                                 case 1:

package/dist/types.d.ts

@@ -231,6 +231,7 @@ export interface IThreekitPrivatePlayer {
     configurator: {
         getFullConfiguration: () => IConfiguration;
     };
+    calculateLogs: () => Promise<Record<string, any>>;
 }
 export interface ThreekitInitConfig {
     authToken: string;

package/dist/utils.d.ts

@@ -58,5 +58,6 @@ export declare const selectionToConfiguration: (value: RawAttributeValue, attrib
 } | undefined;
 export declare const filterFormAttributes: (attributes: Record<string, IThreekitDisplayAttribute>, attributeComponentProps: IAttributesComponentProps, includeReservedAttributes: boolean) => IThreekitDisplayAttribute[];
 export declare const isUuid: (str?: string | undefined) => boolean;
+export declare const runDebugger: () => Promise<void>;
 export declare const loadTrebleConfig: () => Partial<ITrebleConfig>;
 export {};

package/dist/utils.js

@@ -45,7 +45,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     return to.concat(ar || Array.prototype.slice.call(from));
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.loadTrebleConfig = exports.isUuid = exports.filterFormAttributes = exports.selectionToConfiguration = exports.hydrateAttribute = exports.metadataValueToObject = exports.easeInOutCubic = exports.copyToClipboard = exports.downloadSnapshot = exports.dataURItoFile = exports.dataURItoBlob = exports.setCameraPosition = exports.getCameraPosition = exports.findHitNode = exports.deflateRgb = exports.inflateRgb = exports.rgbToHex = exports.hexToRgb = exports.regularToKebabCase = exports.deepCompare = exports.shallowCompare = exports.getResumableUrl = exports.getParams = exports.objectToQueryStr = exports.isJsonString = exports.isIOS = exports.generateFormClassName = exports.generateDisplayClassName = exports.generateToolClassName = exports.generateLayoutClassName = exports.generateWidgetClassName = exports.generateInputClassName = exports.generateClassName = void 0;
+exports.loadTrebleConfig = exports.runDebugger = exports.isUuid = exports.filterFormAttributes = exports.selectionToConfiguration = exports.hydrateAttribute = exports.metadataValueToObject = exports.easeInOutCubic = exports.copyToClipboard = exports.downloadSnapshot = exports.dataURItoFile = exports.dataURItoBlob = exports.setCameraPosition = exports.getCameraPosition = exports.findHitNode = exports.deflateRgb = exports.inflateRgb = exports.rgbToHex = exports.hexToRgb = exports.regularToKebabCase = exports.deepCompare = exports.shallowCompare = exports.getResumableUrl = exports.getParams = exports.objectToQueryStr = exports.isJsonString = exports.isIOS = exports.generateFormClassName = exports.generateDisplayClassName = exports.generateToolClassName = exports.generateLayoutClassName = exports.generateWidgetClassName = exports.generateInputClassName = exports.generateClassName = void 0;
 var constants_1 = require("./constants");
 var generateClassName = function (baseClass) {
     return function (component, customClassName, title) {
@@ -405,6 +405,20 @@ var isUuid = function (str) {
     return check.test(str);
 };
 exports.isUuid = isUuid;
+var runDebugger = function () { return __awaiter(void 0, void 0, void 0, function () {
+    var logs;
+    return __generator(this, function (_a) {
+        switch (_a.label) {
+            case 0: return [4 /*yield*/, window.threekit.treble._player.calculateLogs()];
+            case 1:
+                logs = _a.sent();
+                if (logs.length)
+                    console.log("Threekit Debugger: \n", logs);
+                return [2 /*return*/];
+        }
+    });
+}); };
+exports.runDebugger = runDebugger;
 var loadTrebleConfig = function () {
     var config = {};
     try {

package/package.json

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