@codecademy/codebytes 0.6.9 → 0.6.10-alpha.1f547e.0

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+### [0.6.10-alpha.1f547e.0](https://github.com/Codecademy/client-modules/compare/@codecademy/codebytes@0.6.9...@codecademy/codebytes@0.6.10-alpha.1f547e.0) (2022-02-07)
+
+**Note:** Version bump only for package @codecademy/codebytes
+
+
+
+
+
 ### [0.6.9](https://github.com/Codecademy/client-modules/compare/@codecademy/codebytes@0.6.8...@codecademy/codebytes@0.6.9) (2022-02-07)
 
 

package/dist/__tests__/codebyte-test.js

@@ -1,11 +1,6 @@
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 import './mocks';
 import { setupRtl } from '@codecademy/gamut-tests';
 import userEvent from '@testing-library/user-event';
-import { encode } from 'js-base64';
 import React from 'react';
 import { CodeByteEditor } from '..';
 import { helloWorld, validLanguages } from '../consts';
@@ -30,34 +25,6 @@ jest.mock('../MonacoEditor', function () {
   };
 });
 var renderWrapper = setupRtl(CodeByteEditor, {});
-
-var renderWrapperWith = function renderWrapperWith(_ref2) {
-  var mode = _ref2.mode,
-      rest = _objectWithoutProperties(_ref2, ["mode"]);
-
-  var url = new URL(window.location.href);
-  var text = rest.text,
-      language = rest.language;
-
-  if (text) {
-    url.searchParams.set('text', encode(text));
-  }
-
-  if (language) {
-    url.searchParams.set('lang', language);
-  }
-
-  url.searchParams.set('client-name', 'forum');
-  url.searchParams.set('page', 'https://discuss.codecademy.com/some-interesting/post');
-
-  if (mode) {
-    url.searchParams.set('mode', mode);
-  }
-
-  window.history.replaceState({}, '', url.toString());
-  return renderWrapper(rest);
-};
-
 describe('CodeBytes', function () {
   var initialUrl = window.location.href;
   afterEach(function () {
@@ -168,22 +135,15 @@ describe('CodeBytes', function () {
       userEvent.type(editor, 'd');
       expect(trackClick).toHaveBeenCalledWith('edit', undefined);
     });
-    it('triggers trackUserImpression for view mode', function () {
-      renderWrapperWith({
-        text: 'some-value',
-        language: 'javascript'
-      });
-      expect(trackUserImpression).toHaveBeenCalledWith({
-        page_name: 'forum',
-        context: 'https://discuss.codecademy.com/some-interesting/post',
-        target: 'codebyte'
-      });
-    });
-    it('triggers trackUserImpression for compose mode', function () {
-      renderWrapperWith({
+    it('triggers trackUserImpression', function () {
+      renderWrapper({
         text: 'some-value',
         language: 'javascript',
-        mode: 'compose'
+        trackingData: {
+          page_name: 'forum_compose',
+          context: 'https://discuss.codecademy.com/some-interesting/post'
+        },
+        renderMode: 'compose'
       });
       expect(trackUserImpression).toHaveBeenCalledWith({
         page_name: 'forum_compose',

package/dist/__tests__/helpers-test.js

@@ -1,17 +1,4 @@
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { var _i = arr && (typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]); if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-import { encode } from 'js-base64';
-import { getOptions, trackClick } from '../helpers';
+import { trackClick } from '../helpers';
 import { trackUserClick } from '../libs/eventTracking';
 jest.mock('../libs/eventTracking');
 var initialUrl = window.location.href;
@@ -20,97 +7,29 @@ var resetCodebytesParams = function resetCodebytesParams() {
   return window.history.replaceState(null, '', initialUrl);
 };
 
-var setCodebytesParams = function setCodebytesParams(params) {
-  if (params.text) {
-    params.text = encode(params.text);
-  }
-
-  var url = new URL(window.location.href);
-  Object.entries(params).forEach(function (_ref) {
-    var _ref2 = _slicedToArray(_ref, 2),
-        key = _ref2[0],
-        value = _ref2[1];
-
-    url.searchParams.set(key, value);
-  });
-  window.history.replaceState({}, '', url.toString());
-};
-
-describe('getOptions', function () {
-  afterEach(function () {
-    resetCodebytesParams();
-  });
-  it('parses props out of the window locations', function () {
-    var text = "\n    const msg = 'Sup?';\n    console.log(msg);\n    ".trim();
-    setCodebytesParams({
-      lang: 'javascript',
-      text: text,
-      'copy-mode': '',
-      'client-name': 'forum',
-      page: 'https://discuss.codecademy.com/some-interesting/post',
-      mode: 'compose'
-    });
-    expect(getOptions()).toEqual({
-      clientName: 'forum',
-      parentPage: 'https://discuss.codecademy.com/some-interesting/post',
-      renderMode: 'compose'
-    });
-  });
-});
 describe('trackClick', function () {
   afterEach(function () {
     resetCodebytesParams();
     trackUserClick.mockReset();
   });
-  it('proxies to trackUserClick setting the page_name, context, and target', function () {
+  it('tracks user click when tracking data is provided', function () {
     var target = 'foobar';
-    setCodebytesParams({
-      lang: 'javascript',
-      text: "\n      const msg = 'Sup?';\n      console.log(msg);\n      ".trim(),
-      'copy-mode': '',
-      'client-name': 'forum',
-      page: 'https://discuss.codecademy.com/some-interesting/post',
-      mode: ''
-    });
-    trackClick(target);
-    expect(trackUserClick).toHaveBeenCalledWith({
+    var trackingData = {
       page_name: 'forum',
       context: 'https://discuss.codecademy.com/some-interesting/post',
       target: target
-    });
-  });
-  it('defaults the client name to "Unknown"', function () {
-    var target = 'foobar';
-    setCodebytesParams({
-      lang: 'javascript',
-      text: "\n      const msg = 'Sup?';\n      console.log(msg);\n      ".trim(),
-      'copy-mode': '',
-      'client-name': '',
-      page: 'https://discuss.codecademy.com/some-interesting/post',
-      mode: ''
-    });
-    trackClick(target);
+    };
+    trackClick(target, trackingData);
     expect(trackUserClick).toHaveBeenCalledWith({
-      page_name: 'Unknown',
+      page_name: 'forum',
       context: 'https://discuss.codecademy.com/some-interesting/post',
       target: target
     });
   });
-  it('embeds the render mode into the page_name', function () {
-    var mode = 'compose';
+  it('tracks user click when tracking data is not provided', function () {
     var target = 'foobar';
-    setCodebytesParams({
-      lang: 'javascript',
-      text: "\n      const msg = 'Sup?';\n      console.log(msg);\n      ".trim(),
-      'copy-mode': '',
-      'client-name': 'forum',
-      page: 'https://discuss.codecademy.com/some-interesting/post',
-      mode: mode
-    });
     trackClick(target);
     expect(trackUserClick).toHaveBeenCalledWith({
-      page_name: "forum_".concat(mode),
-      context: 'https://discuss.codecademy.com/some-interesting/post',
       target: target
     });
   });

package/dist/codeByteEditor.js

@@ -24,7 +24,7 @@ import { Background, system } from '@codecademy/gamut-styles';
 import React, { useEffect, useState } from 'react';
 import { helloWorld } from './consts';
 import { Editor } from './editor';
-import { getOptions, trackClick } from './helpers';
+import { trackClick } from './helpers';
 import { LanguageSelection } from './languageSelection';
 import { trackUserImpression } from './libs/eventTracking';
 var editorBaseStyles = system.css({
@@ -38,7 +38,7 @@ var editorBaseStyles = system.css({
 var EditorContainer = /*#__PURE__*/_styled(Background, {
   target: "e1epka4g0",
   label: "EditorContainer"
-})(editorBaseStyles, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9jb2RlQnl0ZUVkaXRvci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0J3QiIsImZpbGUiOiIuLi9zcmMvY29kZUJ5dGVFZGl0b3IudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQm94LCBJY29uQnV0dG9uIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHsgRmF2aWNvbkljb24gfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1pY29ucyc7XG5pbXBvcnQgeyBCYWNrZ3JvdW5kLCBzeXN0ZW0gfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHsgU3R5bGVQcm9wcyB9IGZyb20gJ0Bjb2RlY2FkZW15L3ZhcmlhbmNlJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBSZWFjdCwgeyB1c2VFZmZlY3QsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyBoZWxsb1dvcmxkLCBMYW5ndWFnZU9wdGlvbiB9IGZyb20gJy4vY29uc3RzJztcbmltcG9ydCB7IEVkaXRvciB9IGZyb20gJy4vZWRpdG9yJztcbmltcG9ydCB7IGdldE9wdGlvbnMsIHRyYWNrQ2xpY2sgfSBmcm9tICcuL2hlbHBlcnMnO1xuaW1wb3J0IHsgTGFuZ3VhZ2VTZWxlY3Rpb24gfSBmcm9tICcuL2xhbmd1YWdlU2VsZWN0aW9uJztcbmltcG9ydCB7IHRyYWNrVXNlckltcHJlc3Npb24gfSBmcm9tICcuL2xpYnMvZXZlbnRUcmFja2luZyc7XG5pbXBvcnQgeyBDb2RlQnl0ZUVkaXRvclByb3BzIH0gZnJvbSAnLi90eXBlcyc7XG5cbmNvbnN0IGVkaXRvckJhc2VTdHlsZXMgPSBzeXN0ZW0uY3NzKHtcbiAgYm9yZGVyOiAxLFxuICBib3JkZXJDb2xvcjogJ2dyYXktOTAwJyxcbiAgZGlzcGxheTogJ2ZsZXgnLFxuICBmbGV4RGlyZWN0aW9uOiAnY29sdW1uJyxcbiAgbWluSGVpZ2h0OiAnMjVyZW0nLFxufSk7XG5cbmNvbnN0IEVkaXRvckNvbnRhaW5lciA9IHN0eWxlZChCYWNrZ3JvdW5kKTxTdHlsZVByb3BzPHR5cGVvZiBlZGl0b3JCYXNlU3R5bGVzPj4oXG4gIGVkaXRvckJhc2VTdHlsZXNcbik7XG5cbmV4cG9ydCBjb25zdCBDb2RlQnl0ZUVkaXRvcjogUmVhY3QuRkM8Q29kZUJ5dGVFZGl0b3JQcm9wcz4gPSAoe1xuICB0ZXh0OiBpbml0aWFsVGV4dCxcbiAgbGFuZ3VhZ2U6IGluaXRpYWxMYW5ndWFnZSxcbiAgaGlkZUNvcHlCdXR0b24gPSBmYWxzZSxcbiAgc25pcHBldHNCYXNlVXJsLFxuICBvbkVkaXQsXG4gIG9uTGFuZ3VhZ2VDaGFuZ2UsXG4gIG9uQ29weSxcbiAgdHJhY2tpbmdEYXRhLFxuICAuLi5yZXN0XG59KSA9PiB7XG4gIGNvbnN0IGdldEluaXRpYWxUZXh0ID0gKCkgPT4ge1xuICAgIGlmIChpbml0aWFsVGV4dCAhPT0gdW5kZWZpbmVkKSByZXR1cm4gaW5pdGlhbFRleHQ7XG4gICAgcmV0dXJuIGluaXRpYWxMYW5ndWFnZSA/IGhlbGxvV29ybGRbaW5pdGlhbExhbmd1YWdlXSA6ICcnO1xuICB9O1xuXG4gIGNvbnN0IFt0ZXh0LCBzZXRUZXh0XSA9IHVzZVN0YXRlPHN0cmluZz4oZ2V0SW5pdGlhbFRleHQoKSk7XG4gIGNvbnN0IFtsYW5ndWFnZSwgc2V0TGFuZ3VhZ2VdID0gdXNlU3RhdGU8TGFuZ3VhZ2VPcHRpb24+KFxuICAgIGluaXRpYWxMYW5ndWFnZSA/PyAnJ1xuICApO1xuICBjb25zdCBbaGFzQmVlbkVkaXRlZCwgc2V0SGFzQmVlbkVkaXRlZF0gPSB1c2VTdGF0ZShmYWxzZSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBjb25zdCBvcHRpb25zID0gZ2V0T3B0aW9ucygpO1xuICAgIGNvbnN0IHBhZ2VfbmFtZSA9IG9wdGlvbnMucmVuZGVyTW9kZVxuICAgICAgPyBgJHtvcHRpb25zLmNsaWVudE5hbWV9XyR7b3B0aW9ucy5yZW5kZXJNb2RlfWBcbiAgICAgIDogb3B0aW9ucy5jbGllbnROYW1lO1xuXG4gICAgdHJhY2tVc2VySW1wcmVzc2lvbih7XG4gICAgICBwYWdlX25hbWUsXG4gICAgICBjb250ZXh0OiBvcHRpb25zLnBhcmVudFBhZ2UsXG4gICAgICB0YXJnZXQ6ICdjb2RlYnl0ZScsXG4gICAgfSk7XG4gIH0sIFtdKTtcblxuICByZXR1cm4gKFxuICAgIDxFZGl0b3JDb250YWluZXIgYmc9XCJibGFja1wiIG1heFdpZHRoPVwiNDNyZW1cIiB7Li4ucmVzdH0+XG4gICAgICA8Qm94IGJvcmRlckJvdHRvbT17MX0gYm9yZGVyQ29sb3I9XCJncmF5LTkwMFwiIHB5PXs0fSBwbD17OH0+XG4gICAgICAgIDxJY29uQnV0dG9uXG4gICAgICAgICAgaWNvbj17RmF2aWNvbkljb259XG4gICAgICAgICAgdmFyaWFudD1cInNlY29uZGFyeVwiXG4gICAgICAgICAgaHJlZj1cImh0dHBzOi8vd3d3LmNvZGVjYWRlbXkuY29tL1wiXG4gICAgICAgICAgdGFyZ2V0PVwiX2JsYW5rXCJcbiAgICAgICAgICByZWw9XCJub3JlZmVycmVyXCJcbiAgICAgICAgICBhcmlhLWxhYmVsPVwidmlzaXQgY29kZWNhZGVteS5jb21cIlxuICAgICAgICAgIG9uQ2xpY2s9eygpID0+IHRyYWNrQ2xpY2soJ2xvZ28nLCB0cmFja2luZ0RhdGEpfVxuICAgICAgICAvPlxuICAgICAgPC9Cb3g+XG4gICAgICB7bGFuZ3VhZ2UgPyAoXG4gICAgICAgIDxFZGl0b3JcbiAgICAgICAgICBsYW5ndWFnZT17bGFuZ3VhZ2V9XG4gICAgICAgICAgdGV4dD17dGV4dH1cbiAgICAgICAgICBoaWRlQ29weUJ1dHRvbj17aGlkZUNvcHlCdXR0b259XG4gICAgICAgICAgb25DaGFuZ2U9eyhuZXdUZXh0OiBzdHJpbmcpID0+IHtcbiAgICAgICAgICAgIHNldFRleHQobmV3VGV4dCk7XG4gICAgICAgICAgICBvbkVkaXQ/LihuZXdUZXh0LCBsYW5ndWFnZSk7XG4gICAgICAgICAgICBjb25zdCB7IHJlbmRlck1vZGUgfSA9IGdldE9wdGlvbnMoKTtcbiAgICAgICAgICAgIGlmICghcmVuZGVyTW9kZSAmJiBoYXNCZWVuRWRpdGVkID09PSBmYWxzZSkge1xuICAgICAgICAgICAgICBzZXRIYXNCZWVuRWRpdGVkKHRydWUpO1xuICAgICAgICAgICAgICB0cmFja0NsaWNrKCdlZGl0JywgdHJhY2tpbmdEYXRhKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICB9fVxuICAgICAgICAgIHNuaXBwZXRzQmFzZVVybD17c25pcHBldHNCYXNlVXJsfVxuICAgICAgICAgIG9uQ29weT17b25Db3B5fVxuICAgICAgICAgIHRyYWNraW5nRGF0YT17dHJhY2tpbmdEYXRhfVxuICAgICAgICAvPlxuICAgICAgKSA6IChcbiAgICAgICAgPExhbmd1YWdlU2VsZWN0aW9uXG4gICAgICAgICAgb25DaGFuZ2U9eyhuZXdMYW5ndWFnZSkgPT4ge1xuICAgICAgICAgICAgY29uc3QgbmV3VGV4dDogc3RyaW5nID1cbiAgICAgICAgICAgICAgdGV4dCB8fCAobmV3TGFuZ3VhZ2UgPyBoZWxsb1dvcmxkW25ld0xhbmd1YWdlXSA6ICcnKTtcbiAgICAgICAgICAgIHNldExhbmd1YWdlKG5ld0xhbmd1YWdlKTtcbiAgICAgICAgICAgIHNldFRleHQobmV3VGV4dCk7XG4gICAgICAgICAgICB0cmFja0NsaWNrKCdsYW5nX3NlbGVjdCcsIHRyYWNraW5nRGF0YSk7XG4gICAgICAgICAgICBvbkxhbmd1YWdlQ2hhbmdlPy4obmV3VGV4dCwgbmV3TGFuZ3VhZ2UpO1xuICAgICAgICAgIH19XG4gICAgICAgIC8+XG4gICAgICApfVxuICAgIDwvRWRpdG9yQ29udGFpbmVyPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgQ29kZUJ5dGVFZGl0b3I7XG4iXX0= */");
+})(editorBaseStyles, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9jb2RlQnl0ZUVkaXRvci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0J3QiIsImZpbGUiOiIuLi9zcmMvY29kZUJ5dGVFZGl0b3IudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQm94LCBJY29uQnV0dG9uIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHsgRmF2aWNvbkljb24gfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1pY29ucyc7XG5pbXBvcnQgeyBCYWNrZ3JvdW5kLCBzeXN0ZW0gfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHsgU3R5bGVQcm9wcyB9IGZyb20gJ0Bjb2RlY2FkZW15L3ZhcmlhbmNlJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBSZWFjdCwgeyB1c2VFZmZlY3QsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyBoZWxsb1dvcmxkLCBMYW5ndWFnZU9wdGlvbiB9IGZyb20gJy4vY29uc3RzJztcbmltcG9ydCB7IEVkaXRvciB9IGZyb20gJy4vZWRpdG9yJztcbmltcG9ydCB7IHRyYWNrQ2xpY2sgfSBmcm9tICcuL2hlbHBlcnMnO1xuaW1wb3J0IHsgTGFuZ3VhZ2VTZWxlY3Rpb24gfSBmcm9tICcuL2xhbmd1YWdlU2VsZWN0aW9uJztcbmltcG9ydCB7IHRyYWNrVXNlckltcHJlc3Npb24gfSBmcm9tICcuL2xpYnMvZXZlbnRUcmFja2luZyc7XG5pbXBvcnQgeyBDb2RlQnl0ZUVkaXRvclByb3BzIH0gZnJvbSAnLi90eXBlcyc7XG5cbmNvbnN0IGVkaXRvckJhc2VTdHlsZXMgPSBzeXN0ZW0uY3NzKHtcbiAgYm9yZGVyOiAxLFxuICBib3JkZXJDb2xvcjogJ2dyYXktOTAwJyxcbiAgZGlzcGxheTogJ2ZsZXgnLFxuICBmbGV4RGlyZWN0aW9uOiAnY29sdW1uJyxcbiAgbWluSGVpZ2h0OiAnMjVyZW0nLFxufSk7XG5cbmNvbnN0IEVkaXRvckNvbnRhaW5lciA9IHN0eWxlZChCYWNrZ3JvdW5kKTxTdHlsZVByb3BzPHR5cGVvZiBlZGl0b3JCYXNlU3R5bGVzPj4oXG4gIGVkaXRvckJhc2VTdHlsZXNcbik7XG5cbmV4cG9ydCBjb25zdCBDb2RlQnl0ZUVkaXRvcjogUmVhY3QuRkM8Q29kZUJ5dGVFZGl0b3JQcm9wcz4gPSAoe1xuICB0ZXh0OiBpbml0aWFsVGV4dCxcbiAgbGFuZ3VhZ2U6IGluaXRpYWxMYW5ndWFnZSxcbiAgaGlkZUNvcHlCdXR0b24gPSBmYWxzZSxcbiAgc25pcHBldHNCYXNlVXJsLFxuICBvbkVkaXQsXG4gIG9uTGFuZ3VhZ2VDaGFuZ2UsXG4gIG9uQ29weSxcbiAgdHJhY2tpbmdEYXRhLFxuICByZW5kZXJNb2RlLFxuICAuLi5yZXN0XG59KSA9PiB7XG4gIGNvbnN0IGdldEluaXRpYWxUZXh0ID0gKCkgPT4ge1xuICAgIGlmIChpbml0aWFsVGV4dCAhPT0gdW5kZWZpbmVkKSByZXR1cm4gaW5pdGlhbFRleHQ7XG4gICAgcmV0dXJuIGluaXRpYWxMYW5ndWFnZSA/IGhlbGxvV29ybGRbaW5pdGlhbExhbmd1YWdlXSA6ICcnO1xuICB9O1xuXG4gIGNvbnN0IFt0ZXh0LCBzZXRUZXh0XSA9IHVzZVN0YXRlPHN0cmluZz4oZ2V0SW5pdGlhbFRleHQoKSk7XG4gIGNvbnN0IFtsYW5ndWFnZSwgc2V0TGFuZ3VhZ2VdID0gdXNlU3RhdGU8TGFuZ3VhZ2VPcHRpb24+KFxuICAgIGluaXRpYWxMYW5ndWFnZSA/PyAnJ1xuICApO1xuICBjb25zdCBbaGFzQmVlbkVkaXRlZCwgc2V0SGFzQmVlbkVkaXRlZF0gPSB1c2VTdGF0ZShmYWxzZSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICB0cmFja1VzZXJJbXByZXNzaW9uKHtcbiAgICAgIHBhZ2VfbmFtZTogdHJhY2tpbmdEYXRhPy5wYWdlX25hbWUgPz8gJ1Vua25vd24nLFxuICAgICAgY29udGV4dDogdHJhY2tpbmdEYXRhPy5jb250ZXh0ID8/IGRvY3VtZW50LnJlZmVycmVyLFxuICAgICAgdGFyZ2V0OiAnY29kZWJ5dGUnLFxuICAgIH0pO1xuICB9LCBbdHJhY2tpbmdEYXRhXSk7XG5cbiAgcmV0dXJuIChcbiAgICA8RWRpdG9yQ29udGFpbmVyIGJnPVwiYmxhY2tcIiBtYXhXaWR0aD1cIjQzcmVtXCIgey4uLnJlc3R9PlxuICAgICAgPEJveCBib3JkZXJCb3R0b209ezF9IGJvcmRlckNvbG9yPVwiZ3JheS05MDBcIiBweT17NH0gcGw9ezh9PlxuICAgICAgICA8SWNvbkJ1dHRvblxuICAgICAgICAgIGljb249e0Zhdmljb25JY29ufVxuICAgICAgICAgIHZhcmlhbnQ9XCJzZWNvbmRhcnlcIlxuICAgICAgICAgIGhyZWY9XCJodHRwczovL3d3dy5jb2RlY2FkZW15LmNvbS9cIlxuICAgICAgICAgIHRhcmdldD1cIl9ibGFua1wiXG4gICAgICAgICAgcmVsPVwibm9yZWZlcnJlclwiXG4gICAgICAgICAgYXJpYS1sYWJlbD1cInZpc2l0IGNvZGVjYWRlbXkuY29tXCJcbiAgICAgICAgICBvbkNsaWNrPXsoKSA9PiB0cmFja0NsaWNrKCdsb2dvJywgdHJhY2tpbmdEYXRhKX1cbiAgICAgICAgLz5cbiAgICAgIDwvQm94PlxuICAgICAge2xhbmd1YWdlID8gKFxuICAgICAgICA8RWRpdG9yXG4gICAgICAgICAgbGFuZ3VhZ2U9e2xhbmd1YWdlfVxuICAgICAgICAgIHRleHQ9e3RleHR9XG4gICAgICAgICAgaGlkZUNvcHlCdXR0b249e2hpZGVDb3B5QnV0dG9ufVxuICAgICAgICAgIG9uQ2hhbmdlPXsobmV3VGV4dDogc3RyaW5nKSA9PiB7XG4gICAgICAgICAgICBzZXRUZXh0KG5ld1RleHQpO1xuICAgICAgICAgICAgb25FZGl0Py4obmV3VGV4dCwgbGFuZ3VhZ2UpO1xuICAgICAgICAgICAgaWYgKCFyZW5kZXJNb2RlICYmIGhhc0JlZW5FZGl0ZWQgPT09IGZhbHNlKSB7XG4gICAgICAgICAgICAgIHNldEhhc0JlZW5FZGl0ZWQodHJ1ZSk7XG4gICAgICAgICAgICAgIHRyYWNrQ2xpY2soJ2VkaXQnLCB0cmFja2luZ0RhdGEpO1xuICAgICAgICAgICAgfVxuICAgICAgICAgIH19XG4gICAgICAgICAgc25pcHBldHNCYXNlVXJsPXtzbmlwcGV0c0Jhc2VVcmx9XG4gICAgICAgICAgb25Db3B5PXtvbkNvcHl9XG4gICAgICAgICAgdHJhY2tpbmdEYXRhPXt0cmFja2luZ0RhdGF9XG4gICAgICAgIC8+XG4gICAgICApIDogKFxuICAgICAgICA8TGFuZ3VhZ2VTZWxlY3Rpb25cbiAgICAgICAgICBvbkNoYW5nZT17KG5ld0xhbmd1YWdlKSA9PiB7XG4gICAgICAgICAgICBjb25zdCBuZXdUZXh0OiBzdHJpbmcgPVxuICAgICAgICAgICAgICB0ZXh0IHx8IChuZXdMYW5ndWFnZSA/IGhlbGxvV29ybGRbbmV3TGFuZ3VhZ2VdIDogJycpO1xuICAgICAgICAgICAgc2V0TGFuZ3VhZ2UobmV3TGFuZ3VhZ2UpO1xuICAgICAgICAgICAgc2V0VGV4dChuZXdUZXh0KTtcbiAgICAgICAgICAgIHRyYWNrQ2xpY2soJ2xhbmdfc2VsZWN0JywgdHJhY2tpbmdEYXRhKTtcbiAgICAgICAgICAgIG9uTGFuZ3VhZ2VDaGFuZ2U/LihuZXdUZXh0LCBuZXdMYW5ndWFnZSk7XG4gICAgICAgICAgfX1cbiAgICAgICAgLz5cbiAgICAgICl9XG4gICAgPC9FZGl0b3JDb250YWluZXI+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBDb2RlQnl0ZUVkaXRvcjtcbiJdfQ== */");
 
 export var CodeByteEditor = function CodeByteEditor(_ref) {
   var initialText = _ref.text,
@@ -50,7 +50,8 @@ export var CodeByteEditor = function CodeByteEditor(_ref) {
       onLanguageChange = _ref.onLanguageChange,
       onCopy = _ref.onCopy,
       trackingData = _ref.trackingData,
-      rest = _objectWithoutProperties(_ref, ["text", "language", "hideCopyButton", "snippetsBaseUrl", "onEdit", "onLanguageChange", "onCopy", "trackingData"]);
+      renderMode = _ref.renderMode,
+      rest = _objectWithoutProperties(_ref, ["text", "language", "hideCopyButton", "snippetsBaseUrl", "onEdit", "onLanguageChange", "onCopy", "trackingData", "renderMode"]);
 
   var getInitialText = function getInitialText() {
     if (initialText !== undefined) return initialText;
@@ -73,14 +74,14 @@ export var CodeByteEditor = function CodeByteEditor(_ref) {
       setHasBeenEdited = _useState6[1];
 
   useEffect(function () {
-    var options = getOptions();
-    var page_name = options.renderMode ? "".concat(options.clientName, "_").concat(options.renderMode) : options.clientName;
+    var _trackingData$page_na, _trackingData$context;
+
     trackUserImpression({
-      page_name: page_name,
-      context: options.parentPage,
+      page_name: (_trackingData$page_na = trackingData === null || trackingData === void 0 ? void 0 : trackingData.page_name) !== null && _trackingData$page_na !== void 0 ? _trackingData$page_na : 'Unknown',
+      context: (_trackingData$context = trackingData === null || trackingData === void 0 ? void 0 : trackingData.context) !== null && _trackingData$context !== void 0 ? _trackingData$context : document.referrer,
       target: 'codebyte'
     });
-  }, []);
+  }, [trackingData]);
   return /*#__PURE__*/React.createElement(EditorContainer, _extends({
     bg: "black",
     maxWidth: "43rem"
@@ -107,9 +108,6 @@ export var CodeByteEditor = function CodeByteEditor(_ref) {
       setText(newText);
       onEdit === null || onEdit === void 0 ? void 0 : onEdit(newText, language);
 
-      var _getOptions = getOptions(),
-          renderMode = _getOptions.renderMode;
-
       if (!renderMode && hasBeenEdited === false) {
         setHasBeenEdited(true);
         trackClick('edit', trackingData);

package/dist/helpers/index.d.ts

@@ -1,16 +1,2 @@
 import { UserClickData } from '@codecademy/tracking';
-export declare type CodebyteOptions = {
-    clientName: string;
-    parentPage: string;
-    renderMode: string;
-};
-export declare enum CodebytesParams {
-    Language = "lang",
-    Text = "text",
-    CopyMode = "copy-mode",
-    ClientName = "client-name",
-    Page = "page",
-    Mode = "mode"
-}
-export declare const getOptions: () => CodebyteOptions;
 export declare const trackClick: (target: string, trackingData?: Omit<UserClickData, "target"> | undefined) => void;

package/dist/helpers/index.js

@@ -5,25 +5,6 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 import { trackUserClick } from '../libs/eventTracking';
-export var CodebytesParams;
-
-(function (CodebytesParams) {
-  CodebytesParams["Language"] = "lang";
-  CodebytesParams["Text"] = "text";
-  CodebytesParams["CopyMode"] = "copy-mode";
-  CodebytesParams["ClientName"] = "client-name";
-  CodebytesParams["Page"] = "page";
-  CodebytesParams["Mode"] = "mode";
-})(CodebytesParams || (CodebytesParams = {}));
-
-export var getOptions = function getOptions() {
-  var currentUri = new URL(window.location.href);
-  return {
-    clientName: currentUri.searchParams.get(CodebytesParams.ClientName) || 'Unknown',
-    parentPage: currentUri.searchParams.get(CodebytesParams.Page) || document.referrer,
-    renderMode: currentUri.searchParams.get(CodebytesParams.Mode) || ''
-  };
-};
 export var trackClick = function trackClick(target, trackingData) {
   if (trackingData) {
     return trackUserClick(_objectSpread(_objectSpread({}, trackingData), {}, {
@@ -31,11 +12,7 @@ export var trackClick = function trackClick(target, trackingData) {
     }));
   }
 
-  var options = getOptions();
-  var page_name = options.renderMode ? "".concat(options.clientName, "_").concat(options.renderMode) : options.clientName;
   trackUserClick({
-    page_name: page_name,
-    context: options.parentPage,
     target: target
   });
 };

package/dist/index.d.ts

@@ -1,2 +1,3 @@
 export * from './codeByteEditor';
 export * from './consts';
+export * from './types';

package/dist/index.js

@@ -1,2 +1,3 @@
 export * from './codeByteEditor';
-export * from './consts';
+export * from './consts';
+export * from './types';

package/dist/types.d.ts

@@ -13,4 +13,5 @@ export interface CodeByteEditorProps extends Omit<BackgroundProps, 'onCopy' | 'b
     onEdit?: CodebytesChangeHandler;
     onLanguageChange?: CodebytesChangeHandler;
     trackingData?: Omit<UserClickData, 'target'>;
+    renderMode?: string;
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@codecademy/codebytes",
   "description": "Codebytes Code Editor",
-  "version": "0.6.9",
+  "version": "0.6.10-alpha.1f547e.0",
   "author": "Codecademy Engineering <dev@codecademy.com>",
   "sideEffects": [
     "**/*.css",
@@ -64,5 +64,5 @@
   "files": [
     "dist/**"
   ],
-  "gitHead": "fed4ec2dc2081c550b9be46acfa810f86e63dc86"
+  "gitHead": "05f9bb590b2a285734a21b8c72610fbc2806787a"
 }