@threekit-tools/treble 0.0.77 → 0.0.80

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (12) hide show
  1. package/dist/Treble/Treble.d.ts +5 -2
  2. package/dist/Treble/Treble.js +3 -2
  3. package/dist/components/ThreekitProvider/index.js +3 -2
  4. package/dist/constants.d.ts +1 -0
  5. package/dist/constants.js +2 -1
  6. package/dist/store/index.js +7 -2
  7. package/dist/store/treble.d.ts +1 -0
  8. package/dist/store/treble.js +5 -2
  9. package/dist/types.d.ts +1 -0
  10. package/dist/utils.d.ts +1 -0
  11. package/dist/utils.js +15 -1
  12. package/package.json +1 -1
package/dist/Treble/Treble.d.ts CHANGED
@@ -1,4 +1,5 @@
1
- import { IThreekitPlayer, IConfiguration, ISetConfiguration, IThreekitPrivateConfigurator } from '../types';
1
+ import threekitAPI from '../api';
2
+ import { IThreekitPlayer, IThreekitPrivatePlayer, IConfiguration, ISetConfiguration, IThreekitPrivateConfigurator } from '../types';
2
3
  import { IWishlist } from './Wishlist';
3
4
  import Snapshots from './Snapshots';
4
5
  import { ISaveConfiguration } from '../api/configurations';
@@ -13,11 +14,13 @@ interface IEmailShareCredentials {
13
14
  templateId: string;
14
15
  }
15
16
  declare class Treble {
16
- _player: IThreekitPlayer;
17
+ _api: typeof threekitAPI;
18
+ _player: IThreekitPrivatePlayer;
17
19
  wishlist: IWishlist;
18
20
  private _initialConfiguration;
19
21
  private _snapshots;
20
22
  takeSnapshots: Snapshots['takeSnapshots'];
23
+ _debugMode: boolean;
21
24
  constructor({ player, orgId, initialConfiguration }: ITreble);
22
25
  saveConfiguration: (config?: Omit<ISaveConfiguration, "configuration"> | undefined) => Promise<{
23
26
  resumableUrl: string;
package/dist/Treble/Treble.js CHANGED
@@ -121,12 +121,13 @@ var Treble = /** @class */ (function () {
121
121
  return api_1.default.server.sendEmail(data);
122
122
  };
123
123
  // Threekit API
124
- this._player = player;
124
+ this._api = api_1.default;
125
125
  this.wishlist = (0, Wishlist_1.default)(orgId);
126
126
  this._snapshots = new Snapshots_1.default();
127
127
  this.takeSnapshots = this._snapshots.takeSnapshots;
128
- // this._player = player.enableApi('player');
128
+ this._player = player.enableApi('player');
129
129
  this._initialConfiguration = JSON.stringify(initialConfiguration);
130
+ this._debugMode = constants_1.TREBLE_DEBUG;
130
131
  }
131
132
  return Treble;
132
133
  }());
package/dist/components/ThreekitProvider/index.js CHANGED
@@ -32,12 +32,13 @@ var GlobalStyles_styles_1 = __importDefault(require("./GlobalStyles.styles"));
32
32
  var DevTools_1 = __importDefault(require("../DevTools"));
33
33
  var App = function (props) {
34
34
  var dispatch = (0, store_1.useThreekitDispatch)();
35
- var playerConfig = props.playerConfig, productId = props.productId, project = props.project, locale = props.locale, threekitEnv = props.threekitEnv, eventHandlers = props.eventHandlers;
35
+ var playerConfig = props.playerConfig, assetId = props.assetId, productId = props.productId, project = props.project, locale = props.locale, threekitEnv = props.threekitEnv, eventHandlers = props.eventHandlers;
36
36
  (0, react_1.useEffect)(function () {
37
37
  var init = function () {
38
38
  dispatch((0, treble_1.launch)({
39
39
  playerConfig: playerConfig,
40
40
  productId: productId,
41
+ assetId: assetId,
41
42
  project: project,
42
43
  locale: locale,
43
44
  threekitEnv: threekitEnv,
@@ -53,7 +54,7 @@ var ThreekitProvider = function (props) {
53
54
  return (react_1.default.createElement(react_redux_1.Provider, { store: (0, store_1.default)(props.reducer) },
54
55
  react_1.default.createElement(styled_components_1.ThemeProvider, { theme: theme_1.default },
55
56
  react_1.default.createElement(GlobalStyles_styles_1.default, null),
56
- react_1.default.createElement(App, { locale: props.locale, productId: props.productId, project: props.project, playerConfig: props.playerConfig, threekitEnv: props.threekitEnv, eventHandlers: props.eventHandlers }, props.children),
57
+ react_1.default.createElement(App, { locale: props.locale, assetId: props.assetId, productId: props.productId, project: props.project, playerConfig: props.playerConfig, threekitEnv: props.threekitEnv, eventHandlers: props.eventHandlers }, props.children),
57
58
  react_1.default.createElement(DevTools_1.default, null))));
58
59
  };
59
60
  exports.default = ThreekitProvider;
package/dist/constants.d.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  /*****************************************************
2
2
  * Treble Config
3
3
  ****************************************************/
4
+ export declare const TREBLE_DEBUG: boolean;
4
5
  export declare const DEFAULT_CLASS_NAME = "threekit-react";
5
6
  export declare const CLASS_NAME_PREFIX = "tk";
6
7
  export declare const INPUT_COMPONENT_CLASS_NAME: string;
package/dist/constants.js CHANGED
@@ -4,7 +4,8 @@
4
4
  ****************************************************/
5
5
  var _a;
6
6
  Object.defineProperty(exports, "__esModule", { value: true });
7
- 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;
7
+ 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;
8
+ exports.TREBLE_DEBUG = !!process.env.TREBLE_DEBUG;
8
9
  exports.DEFAULT_CLASS_NAME = 'threekit-react';
9
10
  exports.CLASS_NAME_PREFIX = 'tk';
10
11
  exports.INPUT_COMPONENT_CLASS_NAME = "".concat(exports.DEFAULT_CLASS_NAME, " ").concat(exports.CLASS_NAME_PREFIX, "-input");
package/dist/store/index.js CHANGED
@@ -18,6 +18,7 @@ exports.useThreekitSelector = exports.useThreekitDispatch = exports.createStore
18
18
  var toolkit_1 = require("@reduxjs/toolkit");
19
19
  var react_redux_1 = require("react-redux");
20
20
  var redux_logger_1 = __importDefault(require("redux-logger"));
21
+ var constants_1 = require("../constants");
21
22
  var treble_1 = __importDefault(require("./treble"));
22
23
  var product_1 = __importDefault(require("./product"));
23
24
  var attributes_1 = __importDefault(require("./attributes"));
@@ -33,14 +34,18 @@ var store = (0, toolkit_1.configureStore)({
33
34
  wishlist: wishlist_1.default,
34
35
  price: price_1.default,
35
36
  },
36
- middleware: function (getDefaultMiddleware) { return getDefaultMiddleware().concat(redux_logger_1.default); },
37
+ middleware: constants_1.TREBLE_DEBUG
38
+ ? function (getDefaultMiddleware) { return getDefaultMiddleware().concat(redux_logger_1.default); }
39
+ : function (getDefaultMiddleware) { return getDefaultMiddleware(); },
37
40
  });
38
41
  var createStore = function (reducer) {
39
42
  if (!reducer)
40
43
  return store;
41
44
  return (0, toolkit_1.configureStore)({
42
45
  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 }),
43
- middleware: function (getDefaultMiddleware) { return getDefaultMiddleware().concat(redux_logger_1.default); },
46
+ middleware: constants_1.TREBLE_DEBUG
47
+ ? function (getDefaultMiddleware) { return getDefaultMiddleware().concat(redux_logger_1.default); }
48
+ : function (getDefaultMiddleware) { return getDefaultMiddleware(); },
44
49
  });
45
50
  };
46
51
  exports.createStore = createStore;
package/dist/store/treble.d.ts CHANGED
@@ -13,6 +13,7 @@ export interface IPlayerInit {
13
13
  initialConfiguration?: IConfiguration;
14
14
  }
15
15
  export interface ILaunchConfig {
16
+ assetId?: string;
16
17
  productId: string;
17
18
  threekitEnv: string;
18
19
  serverUrl: string;
package/dist/store/treble.js CHANGED
@@ -200,6 +200,8 @@ var initPlayer = function (config) {
200
200
  };
201
201
  dispatch((0, exports.setThreekitInitialized)(true));
202
202
  dispatch((0, exports.setPlayerLoading)(false));
203
+ if (window.threekit.treble._debugMode)
204
+ (0, utils_1.runDebugger)();
203
205
  window.threekit.player.on('setConfiguration', function () { return __awaiter(void 0, void 0, void 0, function () {
204
206
  var attributes, previousAttributes, updatedAttributes;
205
207
  var _a;
@@ -225,7 +227,7 @@ var initPlayer = function (config) {
225
227
  exports.initPlayer = initPlayer;
226
228
  var launch = function (launchConfig) {
227
229
  return function (dispatch) { return __awaiter(void 0, void 0, void 0, function () {
228
- var config, productId, credentials, productsRaw, products, threekitEnv, serverUrl, playerConfig, envCredentials, _a, assetId, stageId, configurationId, initialConfigurationRaw, threekitDomainRaw, orgId, authToken, el, threekitDomain, initialConfiguration, updatedAssetId, params, configId, configuration;
230
+ var config, productId, credentials, productsRaw, products, threekitEnv, serverUrl, playerConfig, envCredentials, _a, assetIdRaw, stageId, configurationId, initialConfigurationRaw, assetId, threekitDomainRaw, orgId, authToken, el, threekitDomain, initialConfiguration, updatedAssetId, params, configId, configuration;
229
231
  var _b, _c, _d, _e, _f, _g, _h;
230
232
  return __generator(this, function (_j) {
231
233
  switch (_j.label) {
@@ -283,7 +285,8 @@ var launch = function (launchConfig) {
283
285
  serverUrl = (launchConfig === null || launchConfig === void 0 ? void 0 : launchConfig.serverUrl) || ((_g = config === null || config === void 0 ? void 0 : config.project) === null || _g === void 0 ? void 0 : _g.serverUrl);
284
286
  playerConfig = Object.assign({}, constants_1.DEFAULT_PLAYER_CONFIG, config.player, launchConfig === null || launchConfig === void 0 ? void 0 : launchConfig.playerConfig);
285
287
  envCredentials = credentials[threekitEnv];
286
- _a = products[productId][threekitEnv], assetId = _a.assetId, stageId = _a.stageId, configurationId = _a.configurationId, initialConfigurationRaw = _a.initialConfiguration;
288
+ _a = products[productId][threekitEnv], assetIdRaw = _a.assetId, stageId = _a.stageId, configurationId = _a.configurationId, initialConfigurationRaw = _a.initialConfiguration;
289
+ assetId = (launchConfig === null || launchConfig === void 0 ? void 0 : launchConfig.assetId) || assetIdRaw;
287
290
  threekitDomainRaw = envCredentials.threekitDomain || "".concat(threekitEnv, ".threekit.com");
288
291
  orgId = envCredentials.orgId, authToken = envCredentials.publicToken;
289
292
  if (playerConfig.elementId) {
package/dist/types.d.ts CHANGED
@@ -231,6 +231,7 @@ export interface IThreekitPrivatePlayer {
231
231
  configurator: {
232
232
  getFullConfiguration: () => IConfiguration;
233
233
  };
234
+ calculateLogs: () => Promise<Record<string, any>>;
234
235
  }
235
236
  export interface ThreekitInitConfig {
236
237
  authToken: string;
package/dist/utils.d.ts CHANGED
@@ -58,5 +58,6 @@ export declare const selectionToConfiguration: (value: RawAttributeValue, attrib
58
58
  } | undefined;
59
59
  export declare const filterFormAttributes: (attributes: Record<string, IThreekitDisplayAttribute>, attributeComponentProps: IAttributesComponentProps, includeReservedAttributes: boolean) => IThreekitDisplayAttribute[];
60
60
  export declare const isUuid: (str?: string | undefined) => boolean;
61
+ export declare const runDebugger: () => Promise<void>;
61
62
  export declare const loadTrebleConfig: () => Partial<ITrebleConfig>;
62
63
  export {};
package/dist/utils.js CHANGED
@@ -45,7 +45,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
45
45
  return to.concat(ar || Array.prototype.slice.call(from));
46
46
  };
47
47
  Object.defineProperty(exports, "__esModule", { value: true });
48
- 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;
48
+ 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;
49
49
  var constants_1 = require("./constants");
50
50
  var generateClassName = function (baseClass) {
51
51
  return function (component, customClassName, title) {
@@ -405,6 +405,20 @@ var isUuid = function (str) {
405
405
  return check.test(str);
406
406
  };
407
407
  exports.isUuid = isUuid;
408
+ var runDebugger = function () { return __awaiter(void 0, void 0, void 0, function () {
409
+ var logs;
410
+ return __generator(this, function (_a) {
411
+ switch (_a.label) {
412
+ case 0: return [4 /*yield*/, window.threekit.treble._player.calculateLogs()];
413
+ case 1:
414
+ logs = _a.sent();
415
+ if (logs.length)
416
+ console.log("Threekit Debugger: \n", logs);
417
+ return [2 /*return*/];
418
+ }
419
+ });
420
+ }); };
421
+ exports.runDebugger = runDebugger;
408
422
  var loadTrebleConfig = function () {
409
423
  var config = {};
410
424
  try {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@threekit-tools/treble",
3
- "version": "0.0.77",
3
+ "version": "0.0.80",
4
4
  "author": "Amaan Saeed",
5
5
  "license": "MIT",
6
6
  "files": [