@fullstory/browser 1.5.1 → 1.6.2

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # Changelog
 
+## 1.6.2
+
+- Load `fs-debug.js` capture script when `debug = true` option is used to match updated debug logging practices.
+
+## 1.6.1
+
+- Fix a TypeScript type issue with the `readyCallback` API (#144)
+- Add a RELEASING doc (#143)
+## 1.6.0
+
+- Add a `readyCallback` parameter to the `init` function (#140)
+- Add an `isInitialized` API (#130)
+- Automated dependency updates
+
 ## 1.5.1
 
 - Updating README to include `host` and `script` configuration options

package/README.md

@@ -1,6 +1,6 @@
 # FullStory Browser SDK
 
-[![CircleCI](https://circleci.com/gh/fullstorydev/fullstory-browser-sdk.svg?style=svg)](https://circleci.com/gh/fullstorydev/fullstory-browser-sdk)
+[![CircleCI](https://circleci.com/gh/fullstorydev/fullstory-browser-sdk.svg?style=svg)](https://circleci.com/gh/fullstorydev/fullstory-browser-sdk) [![npm (scoped)](https://img.shields.io/npm/v/@fullstory/browser)](https://www.npmjs.com/package/@fullstory/browser)
 
 FullStory's browser SDK lets you manage FullStory recording on your site as well as retrieve deep links to session replays and send your own custom events. More information about the FullStory API can be found at https://developer.fullstory.com.
 
@@ -20,7 +20,7 @@ yarn add @fullstory/browser
 
 ## Initialize the SDK
 
-Call the `init()` function with options as soon as you can in your website startup process.
+Call the `init()` function with options as soon as you can in your website startup process. Calling init after successful initialization will trigger console warnings - if you need to programmatically check if FullStory has been initialized at some point in your code, you can call `isInitialized()`.
 
 ### Configuration Options
 
@@ -35,6 +35,14 @@ The only required option is `orgId`, all others are optional.
 * `recordOnlyThisIFrame` - When set to `true`, this tells FullStory that the IFrame is the "root" of the recording and should be its own session; defaults to `false`. Use this when your app is embedded in an IFrame on a site not running FullStory or when the site *is* running FullStory, but you want your content sent to a different FullStory org.
 * `devMode` - Set to `true` if you want to deactivate FullStory in your development environment. When set to `true`, FullStory will shutdown recording and all subsequent SDK method calls will be no-ops. At the time `init` is called with `devMode: true`, a single `event` call will be sent to FullStory to indicate that the SDK is in `devMode`; this is to help trouble-shoot the case that the SDK was accidentally set to `devMode: true` in a production environment. Additionally, any calls to SDK methods will `console.warn` that FullStory is in `devMode`. Defaults to `false`.
 
+### Ready Callback
+
+The `init` function also accepts an optional `readyCallback` argument. If you provide a function, it will be invoked when the FullStory session has started. Your callback will be called with one parameter: an object containing information about the session. Currently the only property is `sessionUrl`, which is a string containing the URL to the session.
+
+```javascript
+FullStory.init({ orgId }, ({ sessionUrl }) => console.log(`Started session: ${sessionUrl}`));
+```
+
 ### Initialization Examples
 
 #### React

package/dist/index.d.ts

@@ -6,7 +6,7 @@
  * - debug: Debug mode with extra browser console logging.
  * - host: The recording server host domain. Can be set to direct recorded events to a proxy that you host. Defaults to `fullstory.com`.
  * - script: FullStory script host domain. FullStory hosts the `fs.js` recording script on a CDN, but you can choose to host a copy yourself. Defaults to `edge.fullstory.com`.
- * - recordCrossDomainIFrames: FullStory can record cross-domain iFrames. Defaults to `false`. Certain limitations apply and can be found [here](https://help.fullstory.com/hc/en-us/articles/360020622514-Can-FullStory-capture-content-that-is-presented-in-iframes-#h_01F1G333PYKPGZ4B42WDBV3YKV). 
+ * - recordCrossDomainIFrames: FullStory can record cross-domain iFrames. Defaults to `false`. Certain limitations apply and can be found [here](https://help.fullstory.com/hc/en-us/articles/360020622514-Can-FullStory-capture-content-that-is-presented-in-iframes-#h_01F1G333PYKPGZ4B42WDBV3YKV).
  * - recordOnlyThisIFrame: FullStory can record the iFrame as its own unique session. Defaults to `false`. Additional conditions apply and can be found [here](https://help.fullstory.com/hc/en-us/articles/360020622514-Can-FullStory-capture-content-that-is-presented-in-iframes-#h_01F1G33B40Q2TPQA8MA7SF8Y5P).
  * - devMode: In dev mode FullStory won't record sessions. Any calls to SDK methods will `console.warn` that FullStory is in `devMode`. Defaults to `false`.
  */
@@ -31,12 +31,26 @@ type LogLevel = 'log' | 'info' | 'warn' | 'error' | 'debug';
 
 type VarScope = 'page';
 
+/**
+ * A callback that will be invoked when FullStory has begun a session.
+ *
+ * `sessionUrl` contains the URL to the current session.
+ */
+type ReadyCallback = (data: { sessionUrl: string }) => void;
+
 // API functions that are available as soon as the snippet has executed.
 export function anonymize(): void;
 export function consent(userConsents?: boolean): void;
 export function event(eventName: string, eventProperties: { [key: string]: any }): void;
 export function identify(uid: string, customVars?: UserVars): void;
-export function init(options: SnippetOptions): void;
+/**
+ * Initialize FullStory.
+ *
+ * @param options Options to pass to the snippet.
+ * @param readyCallback If provided, a callback that will be invoked when the FullStory session has begun.
+ */
+export function init(options: SnippetOptions, readyCallback?: ReadyCallback): void;
+export function isInitialized(): boolean;
 export function log(level: LogLevel, msg: string): void;
 export function log(msg: string): void;
 export function restart(): void;

package/dist/index.esm.js

@@ -1,9 +1,49 @@
+function ownKeys(object, enumerableOnly) {
+  var keys = Object.keys(object);
+
+  if (Object.getOwnPropertySymbols) {
+    var symbols = Object.getOwnPropertySymbols(object);
+    enumerableOnly && (symbols = symbols.filter(function (sym) {
+      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+    })), keys.push.apply(keys, symbols);
+  }
+
+  return keys;
+}
+
+function _objectSpread2(target) {
+  for (var i = 1; i < arguments.length; i++) {
+    var source = null != arguments[i] ? arguments[i] : {};
+    i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {
+      _defineProperty(target, key, source[key]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {
+      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+    });
+  }
+
+  return target;
+}
+
+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;
+}
+
 var snippet = function snippet(_ref) {
   var orgId = _ref.orgId,
       _ref$namespace = _ref.namespace,
       namespace = _ref$namespace === void 0 ? 'FS' : _ref$namespace,
       _ref$debug = _ref.debug,
-      debug = _ref$debug === void 0 ? false : _ref$debug,
       _ref$host = _ref.host,
       host = _ref$host === void 0 ? 'fullstory.com' : _ref$host,
       _ref$script = _ref.script,
@@ -13,7 +53,6 @@ var snippet = function snippet(_ref) {
     throw new Error('FullStory orgId is a required parameter');
   }
 
-  window['_fs_debug'] = debug;
   window['_fs_host'] = host;
   window['_fs_script'] = script;
   window['_fs_org'] = orgId;
@@ -157,7 +196,9 @@ var restart = guard('restart');
 var anonymize = guard('anonymize');
 var setVars = guard('setVars');
 
-var _init = function _init(options) {
+var _init = function _init(inputOptions, readyCallback) {
+  var options = _objectSpread2({}, inputOptions);
+
   if (fs()) {
     console.warn('The FullStory snippet has already been defined elsewhere (likely in the <head> element)');
     return;
@@ -171,8 +212,23 @@ var _init = function _init(options) {
     window._fs_is_outer_script = true;
   }
 
+  if (options.debug === true) {
+    if (!options.script) {
+      options.script = 'edge.fullstory.com/s/fs-debug.js';
+    } else {
+      console.warn('Ignoring `debug = true` because `script` is set');
+    }
+  }
+
   snippet(options);
 
+  if (readyCallback) {
+    fs()('observe', {
+      type: 'start',
+      callback: readyCallback
+    });
+  }
+
   if (options.devMode === true) {
     var message = 'FullStory was initialized in devMode and will stop recording';
     event('FullStory Dev Mode', {
@@ -197,5 +253,8 @@ var initOnce = function initOnce(fn, message) {
 };
 
 var init = initOnce(_init, 'FullStory init has already been called once, additional invocations are ignored');
+var isInitialized = function isInitialized() {
+  return !!window._fs_initialized;
+};
 
-export { anonymize, consent, event, getCurrentSessionURL, identify, init, log, restart, setUserVars, setVars, shutdown };
+export { anonymize, consent, event, getCurrentSessionURL, identify, init, isInitialized, log, restart, setUserVars, setVars, shutdown };

package/dist/index.js

@@ -2,12 +2,52 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+function ownKeys(object, enumerableOnly) {
+  var keys = Object.keys(object);
+
+  if (Object.getOwnPropertySymbols) {
+    var symbols = Object.getOwnPropertySymbols(object);
+    enumerableOnly && (symbols = symbols.filter(function (sym) {
+      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+    })), keys.push.apply(keys, symbols);
+  }
+
+  return keys;
+}
+
+function _objectSpread2(target) {
+  for (var i = 1; i < arguments.length; i++) {
+    var source = null != arguments[i] ? arguments[i] : {};
+    i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {
+      _defineProperty(target, key, source[key]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {
+      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+    });
+  }
+
+  return target;
+}
+
+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;
+}
+
 var snippet = function snippet(_ref) {
   var orgId = _ref.orgId,
       _ref$namespace = _ref.namespace,
       namespace = _ref$namespace === void 0 ? 'FS' : _ref$namespace,
       _ref$debug = _ref.debug,
-      debug = _ref$debug === void 0 ? false : _ref$debug,
       _ref$host = _ref.host,
       host = _ref$host === void 0 ? 'fullstory.com' : _ref$host,
       _ref$script = _ref.script,
@@ -17,7 +57,6 @@ var snippet = function snippet(_ref) {
     throw new Error('FullStory orgId is a required parameter');
   }
 
-  window['_fs_debug'] = debug;
   window['_fs_host'] = host;
   window['_fs_script'] = script;
   window['_fs_org'] = orgId;
@@ -161,7 +200,9 @@ var restart = guard('restart');
 var anonymize = guard('anonymize');
 var setVars = guard('setVars');
 
-var _init = function _init(options) {
+var _init = function _init(inputOptions, readyCallback) {
+  var options = _objectSpread2({}, inputOptions);
+
   if (fs()) {
     console.warn('The FullStory snippet has already been defined elsewhere (likely in the <head> element)');
     return;
@@ -175,8 +216,23 @@ var _init = function _init(options) {
     window._fs_is_outer_script = true;
   }
 
+  if (options.debug === true) {
+    if (!options.script) {
+      options.script = 'edge.fullstory.com/s/fs-debug.js';
+    } else {
+      console.warn('Ignoring `debug = true` because `script` is set');
+    }
+  }
+
   snippet(options);
 
+  if (readyCallback) {
+    fs()('observe', {
+      type: 'start',
+      callback: readyCallback
+    });
+  }
+
   if (options.devMode === true) {
     var message = 'FullStory was initialized in devMode and will stop recording';
     event('FullStory Dev Mode', {
@@ -201,6 +257,9 @@ var initOnce = function initOnce(fn, message) {
 };
 
 var init = initOnce(_init, 'FullStory init has already been called once, additional invocations are ignored');
+var isInitialized = function isInitialized() {
+  return !!window._fs_initialized;
+};
 
 exports.anonymize = anonymize;
 exports.consent = consent;
@@ -208,6 +267,7 @@ exports.event = event;
 exports.getCurrentSessionURL = getCurrentSessionURL;
 exports.identify = identify;
 exports.init = init;
+exports.isInitialized = isInitialized;
 exports.log = log;
 exports.restart = restart;
 exports.setUserVars = setUserVars;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fullstory/browser",
-  "version": "1.5.1",
+  "version": "1.6.2",
   "description": "The official FullStory browser SDK",
   "repository": "git://github.com/fullstorydev/fullstory-browser-sdk.git",
   "homepage": "https://github.com/fullstorydev/fullstory-browser-sdk",

package/src/index.d.ts

@@ -6,7 +6,7 @@
  * - debug: Debug mode with extra browser console logging.
  * - host: The recording server host domain. Can be set to direct recorded events to a proxy that you host. Defaults to `fullstory.com`.
  * - script: FullStory script host domain. FullStory hosts the `fs.js` recording script on a CDN, but you can choose to host a copy yourself. Defaults to `edge.fullstory.com`.
- * - recordCrossDomainIFrames: FullStory can record cross-domain iFrames. Defaults to `false`. Certain limitations apply and can be found [here](https://help.fullstory.com/hc/en-us/articles/360020622514-Can-FullStory-capture-content-that-is-presented-in-iframes-#h_01F1G333PYKPGZ4B42WDBV3YKV). 
+ * - recordCrossDomainIFrames: FullStory can record cross-domain iFrames. Defaults to `false`. Certain limitations apply and can be found [here](https://help.fullstory.com/hc/en-us/articles/360020622514-Can-FullStory-capture-content-that-is-presented-in-iframes-#h_01F1G333PYKPGZ4B42WDBV3YKV).
  * - recordOnlyThisIFrame: FullStory can record the iFrame as its own unique session. Defaults to `false`. Additional conditions apply and can be found [here](https://help.fullstory.com/hc/en-us/articles/360020622514-Can-FullStory-capture-content-that-is-presented-in-iframes-#h_01F1G33B40Q2TPQA8MA7SF8Y5P).
  * - devMode: In dev mode FullStory won't record sessions. Any calls to SDK methods will `console.warn` that FullStory is in `devMode`. Defaults to `false`.
  */
@@ -31,12 +31,26 @@ type LogLevel = 'log' | 'info' | 'warn' | 'error' | 'debug';
 
 type VarScope = 'page';
 
+/**
+ * A callback that will be invoked when FullStory has begun a session.
+ *
+ * `sessionUrl` contains the URL to the current session.
+ */
+type ReadyCallback = (data: { sessionUrl: string }) => void;
+
 // API functions that are available as soon as the snippet has executed.
 export function anonymize(): void;
 export function consent(userConsents?: boolean): void;
 export function event(eventName: string, eventProperties: { [key: string]: any }): void;
 export function identify(uid: string, customVars?: UserVars): void;
-export function init(options: SnippetOptions): void;
+/**
+ * Initialize FullStory.
+ *
+ * @param options Options to pass to the snippet.
+ * @param readyCallback If provided, a callback that will be invoked when the FullStory session has begun.
+ */
+export function init(options: SnippetOptions, readyCallback?: ReadyCallback): void;
+export function isInitialized(): boolean;
 export function log(level: LogLevel, msg: string): void;
 export function log(msg: string): void;
 export function restart(): void;

package/src/index.js

@@ -17,14 +17,14 @@ const hasFullStoryWithFunction = (...testNames) => {
 const guard = (name) => (...args) => {
   if (window._fs_dev_mode) {
     const message = `FullStory is in dev mode and is not recording: ${name} method not executed`;
-    console.warn(message); // eslint-disable-line no-console
+    console.warn(message);
     return message;
   }
 
   if (hasFullStoryWithFunction(name)) {
     return fs()[name](...args);
   }
-  console.warn(`FS.${name} not ready`); // eslint-disable-line no-console
+  console.warn(`FS.${name} not ready`);
   return null;
 };
 
@@ -39,9 +39,10 @@ export const restart = guard('restart');
 export const anonymize = guard('anonymize');
 export const setVars = guard('setVars');
 
-const _init = (options) => {
+const _init = (inputOptions, readyCallback) => {
+  // Make a copy so we can modify `options` if desired.
+  const options = { ...inputOptions };
   if (fs()) {
-    // eslint-disable-next-line no-console
     console.warn('The FullStory snippet has already been defined elsewhere (likely in the <head> element)');
     return;
   }
@@ -56,8 +57,20 @@ const _init = (options) => {
     window._fs_is_outer_script = true;
   }
 
+  if (options.debug === true) {
+    if (!options.script) {
+      options.script = 'edge.fullstory.com/s/fs-debug.js';
+    } else {
+      console.warn('Ignoring `debug = true` because `script` is set');
+    }
+  }
+
   snippet(options);
 
+  if (readyCallback) {
+    fs()('observe', { type: 'start', callback: readyCallback });
+  }
+
   if (options.devMode === true) {
     const message = 'FullStory was initialized in devMode and will stop recording';
     event('FullStory Dev Mode', {
@@ -65,13 +78,12 @@ const _init = (options) => {
     });
     shutdown();
     window._fs_dev_mode = true;
-    console.warn(message); // eslint-disable-line no-console
+    console.warn(message);
   }
 };
 
 const initOnce = (fn, message) => (...args) => {
   if (window._fs_initialized) {
-    // eslint-disable-next-line no-console
     if (message) console.warn(message);
     return;
   }
@@ -80,3 +92,6 @@ const initOnce = (fn, message) => (...args) => {
 };
 
 export const init = initOnce(_init, 'FullStory init has already been called once, additional invocations are ignored');
+
+// normalize undefined into boolean
+export const isInitialized = () => !!window._fs_initialized;

package/src/snippet.js

@@ -13,8 +13,7 @@ const snippet = (
     throw new Error('FullStory orgId is a required parameter');
   }
   /* begin FullStory snippet */
-  window['_fs_debug'] = debug;
-window['_fs_host'] = host;
+  window['_fs_host'] = host;
 window['_fs_script'] = script;
 window['_fs_org'] = orgId;
 window['_fs_namespace'] = namespace;