@deephaven/golden-layout 0.17.1-beta.2 → 0.17.1-beta.4

package/dist/utils/ReactComponentHandler.js

@@ -0,0 +1,135 @@
+import React from 'react';
+import ReactDOM from 'react-dom';
+import $ from 'jquery';
+import utils from './utils.js';
+/**
+ * A specialised GoldenLayout component that binds GoldenLayout container
+ * lifecycle events to react components
+ *
+ * @constructor
+ *
+ * @param {lm.container.ItemContainer} container
+ * @param {Object} state state is not required for react components
+ */
+
+var ReactComponentHandler = function ReactComponentHandler(container, state) {
+  this._reactComponent = null;
+  this._originalComponentWillUpdate = null;
+  this._container = container;
+  this._initialState = state;
+  this._reactClass = this._getReactClass();
+
+  this._container.on('open', this._render, this);
+
+  this._container.on('destroy', this._destroy, this);
+};
+
+utils.copy(ReactComponentHandler.prototype, {
+  /**
+   * Creates the react class and component and hydrates it with
+   * the initial state - if one is present
+   *
+   * By default, react's getInitialState will be used
+   *
+   * @private
+   * @returns {void}
+   */
+  _render: function _render() {
+    ReactDOM.render(this._getReactComponent(), this._container.getElement()[0]);
+  },
+
+  /**
+   * Fired by react when the component is created.
+   * <p>
+   * Note: This callback is used instead of the return from `ReactDOM.render` because
+   *	   of https://github.com/facebook/react/issues/10309.
+   * </p>
+   *
+   * @private
+   * @arg {React.Ref} component The component instance created by the `ReactDOM.render` call in the `_render` method.
+   * @returns {void}
+   */
+  _gotReactComponent: function _gotReactComponent(component) {
+    if (!component) {
+      return;
+    }
+
+    this._reactComponent = component;
+
+    this._originalComponentWillUpdate = this._reactComponent.componentWillUpdate || function () {};
+
+    this._reactComponent.componentWillUpdate = this._onUpdate.bind(this);
+
+    if (this._container.getState()) {
+      this._reactComponent.setState(this._container.getState());
+    }
+  },
+
+  /**
+   * Removes the component from the DOM and thus invokes React's unmount lifecycle
+   *
+   * @private
+   * @returns {void}
+   */
+  _destroy: function _destroy() {
+    ReactDOM.unmountComponentAtNode(this._container.getElement()[0]);
+
+    this._container.off('open', this._render, this);
+
+    this._container.off('destroy', this._destroy, this);
+  },
+
+  /**
+   * Hooks into React's state management and applies the componentstate
+   * to GoldenLayout
+   *
+   * @private
+   * @returns {void}
+   */
+  _onUpdate: function _onUpdate(nextProps, nextState) {
+    this._container.setState(nextState);
+
+    this._originalComponentWillUpdate.call(this._reactComponent, nextProps, nextState);
+  },
+
+  /**
+   * Retrieves the react class from GoldenLayout's registry
+   *
+   * @private
+   * @returns {React.Class}
+   */
+  _getReactClass: function _getReactClass() {
+    var componentName = this._container._config.component;
+    var reactClass;
+
+    if (!componentName) {
+      throw new Error('No react component name. type: react-component needs a field `component`');
+    }
+
+    reactClass = this._container.layoutManager.getComponent(componentName) || this._container.layoutManager.getFallbackComponent();
+
+    if (!reactClass) {
+      throw new Error('React component "' + componentName + '" not found. ' + 'Please register all components with GoldenLayout using `registerComponent(name, component)`');
+    }
+
+    return reactClass;
+  },
+
+  /**
+   * Copies and extends the properties array and returns the React element
+   *
+   * @private
+   * @returns {React.Element}
+   */
+  _getReactComponent: function _getReactComponent() {
+    var defaultProps = {
+      glEventHub: this._container.layoutManager.eventHub,
+      glContainer: this._container,
+      ref: this._gotReactComponent.bind(this)
+    };
+    var props = $.extend(defaultProps, this._container._config.props);
+    return /*#__PURE__*/React.createElement(this._reactClass, props);
+  }
+});
+export default ReactComponentHandler;
+//# sourceMappingURL=ReactComponentHandler.js.map

package/dist/utils/ReactComponentHandler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReactComponentHandler.js","names":["React","ReactDOM","$","utils","ReactComponentHandler","container","state","_reactComponent","_originalComponentWillUpdate","_container","_initialState","_reactClass","_getReactClass","on","_render","_destroy","copy","prototype","render","_getReactComponent","getElement","_gotReactComponent","component","componentWillUpdate","_onUpdate","bind","getState","setState","unmountComponentAtNode","off","nextProps","nextState","call","componentName","_config","reactClass","Error","layoutManager","getComponent","getFallbackComponent","defaultProps","glEventHub","eventHub","glContainer","ref","props","extend","createElement"],"sources":["../../src/utils/ReactComponentHandler.js"],"sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport $ from 'jquery';\nimport utils from './utils.js';\n\n/**\n * A specialised GoldenLayout component that binds GoldenLayout container\n * lifecycle events to react components\n *\n * @constructor\n *\n * @param {lm.container.ItemContainer} container\n * @param {Object} state state is not required for react components\n */\nconst ReactComponentHandler = function (container, state) {\n  this._reactComponent = null;\n  this._originalComponentWillUpdate = null;\n  this._container = container;\n  this._initialState = state;\n  this._reactClass = this._getReactClass();\n  this._container.on('open', this._render, this);\n  this._container.on('destroy', this._destroy, this);\n};\n\nutils.copy(ReactComponentHandler.prototype, {\n  /**\n   * Creates the react class and component and hydrates it with\n   * the initial state - if one is present\n   *\n   * By default, react's getInitialState will be used\n   *\n   * @private\n   * @returns {void}\n   */\n  _render: function () {\n    ReactDOM.render(this._getReactComponent(), this._container.getElement()[0]);\n  },\n\n  /**\n   * Fired by react when the component is created.\n   * <p>\n   * Note: This callback is used instead of the return from `ReactDOM.render` because\n   *\t   of https://github.com/facebook/react/issues/10309.\n   * </p>\n   *\n   * @private\n   * @arg {React.Ref} component The component instance created by the `ReactDOM.render` call in the `_render` method.\n   * @returns {void}\n   */\n  _gotReactComponent: function (component) {\n    if (!component) {\n      return;\n    }\n\n    this._reactComponent = component;\n    this._originalComponentWillUpdate =\n      this._reactComponent.componentWillUpdate || function () {};\n    this._reactComponent.componentWillUpdate = this._onUpdate.bind(this);\n    if (this._container.getState()) {\n      this._reactComponent.setState(this._container.getState());\n    }\n  },\n\n  /**\n   * Removes the component from the DOM and thus invokes React's unmount lifecycle\n   *\n   * @private\n   * @returns {void}\n   */\n  _destroy: function () {\n    ReactDOM.unmountComponentAtNode(this._container.getElement()[0]);\n    this._container.off('open', this._render, this);\n    this._container.off('destroy', this._destroy, this);\n  },\n\n  /**\n   * Hooks into React's state management and applies the componentstate\n   * to GoldenLayout\n   *\n   * @private\n   * @returns {void}\n   */\n  _onUpdate: function (nextProps, nextState) {\n    this._container.setState(nextState);\n    this._originalComponentWillUpdate.call(\n      this._reactComponent,\n      nextProps,\n      nextState\n    );\n  },\n\n  /**\n   * Retrieves the react class from GoldenLayout's registry\n   *\n   * @private\n   * @returns {React.Class}\n   */\n  _getReactClass: function () {\n    var componentName = this._container._config.component;\n    var reactClass;\n\n    if (!componentName) {\n      throw new Error(\n        'No react component name. type: react-component needs a field `component`'\n      );\n    }\n\n    reactClass =\n      this._container.layoutManager.getComponent(componentName) ||\n      this._container.layoutManager.getFallbackComponent();\n\n    if (!reactClass) {\n      throw new Error(\n        'React component \"' +\n          componentName +\n          '\" not found. ' +\n          'Please register all components with GoldenLayout using `registerComponent(name, component)`'\n      );\n    }\n\n    return reactClass;\n  },\n\n  /**\n   * Copies and extends the properties array and returns the React element\n   *\n   * @private\n   * @returns {React.Element}\n   */\n  _getReactComponent: function () {\n    var defaultProps = {\n      glEventHub: this._container.layoutManager.eventHub,\n      glContainer: this._container,\n      ref: this._gotReactComponent.bind(this),\n    };\n    var props = $.extend(defaultProps, this._container._config.props);\n    return React.createElement(this._reactClass, props);\n  },\n});\n\nexport default ReactComponentHandler;\n"],"mappings":"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"}

package/dist/utils/index.js

@@ -0,0 +1,22 @@
+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 _objectSpread(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; }
+
+import utils from './utils.js';
+import EventEmitter from './EventEmitter.js';
+import DragListener from './DragListener.js';
+import ReactComponentHandler from './ReactComponentHandler.js';
+import ConfigMinifier from './ConfigMinifier.js';
+import BubblingEvent from './BubblingEvent.js';
+import EventHub from './EventHub.js';
+export default _objectSpread(_objectSpread({}, utils), {}, {
+  EventEmitter,
+  DragListener,
+  ReactComponentHandler,
+  ConfigMinifier,
+  BubblingEvent,
+  EventHub
+});
+//# sourceMappingURL=index.js.map

package/dist/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["utils","EventEmitter","DragListener","ReactComponentHandler","ConfigMinifier","BubblingEvent","EventHub"],"sources":["../../src/utils/index.js"],"sourcesContent":["import utils from './utils.js';\nimport EventEmitter from './EventEmitter.js';\nimport DragListener from './DragListener.js';\nimport ReactComponentHandler from './ReactComponentHandler.js';\nimport ConfigMinifier from './ConfigMinifier.js';\nimport BubblingEvent from './BubblingEvent.js';\nimport EventHub from './EventHub.js';\n\nexport default {\n  ...utils,\n  EventEmitter,\n  DragListener,\n  ReactComponentHandler,\n  ConfigMinifier,\n  BubblingEvent,\n  EventHub,\n};\n"],"mappings":";;;;;;AAAA,OAAOA,KAAP,MAAkB,YAAlB;AACA,OAAOC,YAAP,MAAyB,mBAAzB;AACA,OAAOC,YAAP,MAAyB,mBAAzB;AACA,OAAOC,qBAAP,MAAkC,4BAAlC;AACA,OAAOC,cAAP,MAA2B,qBAA3B;AACA,OAAOC,aAAP,MAA0B,oBAA1B;AACA,OAAOC,QAAP,MAAqB,eAArB;AAEA,+CACKN,KADL;EAEEC,YAFF;EAGEC,YAHF;EAIEC,qBAJF;EAKEC,cALF;EAMEC,aANF;EAOEC;AAPF"}

package/dist/utils/utils.js

@@ -0,0 +1,195 @@
+import $ from 'jquery';
+var utils = {};
+
+utils.F = function () {};
+
+utils.extend = function (subClass, superClass) {
+  subClass.prototype = utils.createObject(superClass.prototype);
+  subClass.prototype.contructor = subClass;
+};
+
+utils.createObject = function (prototype) {
+  if (typeof Object.create === 'function') {
+    return Object.create(prototype);
+  } else {
+    utils.F.prototype = prototype;
+    return new utils.F();
+  }
+};
+
+utils.objectKeys = function (object) {
+  var keys, key;
+
+  if (typeof Object.keys === 'function') {
+    return Object.keys(object);
+  } else {
+    keys = [];
+
+    for (key in object) {
+      keys.push(key);
+    }
+
+    return keys;
+  }
+};
+
+utils.getHashValue = function (key) {
+  var matches = location.hash.match(new RegExp(key + '=([^&]*)'));
+  return matches ? matches[1] : null;
+};
+
+utils.getQueryStringParam = function (param) {
+  if (window.location.hash) {
+    return utils.getHashValue(param);
+  } else if (!window.location.search) {
+    return null;
+  }
+
+  var keyValuePairs = window.location.search.substr(1).split('&'),
+      params = {},
+      pair,
+      i;
+
+  for (i = 0; i < keyValuePairs.length; i++) {
+    pair = keyValuePairs[i].split('=');
+    params[pair[0]] = pair[1];
+  }
+
+  return params[param] || null;
+};
+
+utils.copy = function (target, source) {
+  for (var key in source) {
+    target[key] = source[key];
+  }
+
+  return target;
+};
+/**
+ * This is based on Paul Irish's shim, but looks quite odd in comparison. Why?
+ * Because
+ * a) it shouldn't affect the global requestAnimationFrame function
+ * b) it shouldn't pass on the time that has passed
+ *
+ * @param   {Function} fn
+ *
+ * @returns {void}
+ */
+
+
+utils.animFrame = function (fn) {
+  return (window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || function (callback) {
+    window.setTimeout(callback, 1000 / 60);
+  })(function () {
+    fn();
+  });
+};
+
+utils.indexOf = function (needle, haystack) {
+  if (!(haystack instanceof Array)) {
+    throw new Error('Haystack is not an Array');
+  }
+
+  if (haystack.indexOf) {
+    return haystack.indexOf(needle);
+  } else {
+    for (var i = 0; i < haystack.length; i++) {
+      if (haystack[i] === needle) {
+        return i;
+      }
+    }
+
+    return -1;
+  }
+};
+
+if (typeof /./ != 'function' && typeof Int8Array != 'object') {
+  utils.isFunction = function (obj) {
+    return typeof obj == 'function' || false;
+  };
+} else {
+  utils.isFunction = function (obj) {
+    return toString.call(obj) === '[object Function]';
+  };
+}
+
+utils.fnBind = function (fn, context, boundArgs) {
+  if (Function.prototype.bind !== undefined) {
+    return Function.prototype.bind.apply(fn, [context].concat(boundArgs || []));
+  }
+
+  var bound = function bound() {
+    // Join the already applied arguments to the now called ones (after converting to an array again).
+    var args = (boundArgs || []).concat(Array.prototype.slice.call(arguments, 0)); // If not being called as a constructor
+
+    if (!(this instanceof bound)) {
+      // return the result of the function called bound to target and partially applied.
+      return fn.apply(context, args);
+    } // If being called as a constructor, apply the function bound to self.
+
+
+    fn.apply(this, args);
+  }; // Attach the prototype of the function to our newly created function.
+
+
+  bound.prototype = fn.prototype;
+  return bound;
+};
+
+utils.removeFromArray = function (item, array) {
+  var index = utils.indexOf(item, array);
+
+  if (index === -1) {
+    throw new Error("Can't remove item from array. Item is not in the array");
+  }
+
+  array.splice(index, 1);
+};
+
+utils.now = function () {
+  if (typeof Date.now === 'function') {
+    return Date.now();
+  } else {
+    return new Date().getTime();
+  }
+};
+
+utils.getUniqueId = function () {
+  return (Math.random() * 1000000000000000).toString(36).replace('.', '');
+};
+/**
+ * A basic XSS filter. It is ultimately up to the
+ * implementing developer to make sure their particular
+ * applications and usecases are save from cross site scripting attacks
+ *
+ * @param   {String} input
+ * @param    {Boolean} keepTags
+ *
+ * @returns {String} filtered input
+ */
+
+
+utils.filterXss = function (input, keepTags) {
+  var output = input.replace(/javascript/gi, 'j&#97;vascript').replace(/expression/gi, 'expr&#101;ssion').replace(/onload/gi, 'onlo&#97;d').replace(/script/gi, '&#115;cript').replace(/onerror/gi, 'on&#101;rror');
+
+  if (keepTags === true) {
+    return output;
+  } else {
+    return output.replace(/>/g, '&gt;').replace(/</g, '&lt;');
+  }
+};
+/**
+ * Removes html tags from a string
+ *
+ * @param   {String} input
+ *
+ * @returns {String} input without tags
+ */
+
+
+utils.stripTags = function (input) {
+  return $.trim(input.replace(/(<([^>]+)>)/gi, ''));
+};
+
+export default utils;
+//# sourceMappingURL=utils.js.map

package/dist/utils/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","names":["$","utils","F","extend","subClass","superClass","prototype","createObject","contructor","Object","create","objectKeys","object","keys","key","push","getHashValue","matches","location","hash","match","RegExp","getQueryStringParam","param","window","search","keyValuePairs","substr","split","params","pair","i","length","copy","target","source","animFrame","fn","requestAnimationFrame","webkitRequestAnimationFrame","mozRequestAnimationFrame","callback","setTimeout","indexOf","needle","haystack","Array","Error","Int8Array","isFunction","obj","toString","call","fnBind","context","boundArgs","Function","bind","undefined","apply","concat","bound","args","slice","arguments","removeFromArray","item","array","index","splice","now","Date","getTime","getUniqueId","Math","random","replace","filterXss","input","keepTags","output","stripTags","trim"],"sources":["../../src/utils/utils.js"],"sourcesContent":["import $ from 'jquery';\n\nconst utils = {};\n\nutils.F = function () {};\n\nutils.extend = function (subClass, superClass) {\n  subClass.prototype = utils.createObject(superClass.prototype);\n  subClass.prototype.contructor = subClass;\n};\n\nutils.createObject = function (prototype) {\n  if (typeof Object.create === 'function') {\n    return Object.create(prototype);\n  } else {\n    utils.F.prototype = prototype;\n    return new utils.F();\n  }\n};\n\nutils.objectKeys = function (object) {\n  var keys, key;\n\n  if (typeof Object.keys === 'function') {\n    return Object.keys(object);\n  } else {\n    keys = [];\n    for (key in object) {\n      keys.push(key);\n    }\n    return keys;\n  }\n};\n\nutils.getHashValue = function (key) {\n  var matches = location.hash.match(new RegExp(key + '=([^&]*)'));\n  return matches ? matches[1] : null;\n};\n\nutils.getQueryStringParam = function (param) {\n  if (window.location.hash) {\n    return utils.getHashValue(param);\n  } else if (!window.location.search) {\n    return null;\n  }\n\n  var keyValuePairs = window.location.search.substr(1).split('&'),\n    params = {},\n    pair,\n    i;\n\n  for (i = 0; i < keyValuePairs.length; i++) {\n    pair = keyValuePairs[i].split('=');\n    params[pair[0]] = pair[1];\n  }\n\n  return params[param] || null;\n};\n\nutils.copy = function (target, source) {\n  for (var key in source) {\n    target[key] = source[key];\n  }\n  return target;\n};\n\n/**\n * This is based on Paul Irish's shim, but looks quite odd in comparison. Why?\n * Because\n * a) it shouldn't affect the global requestAnimationFrame function\n * b) it shouldn't pass on the time that has passed\n *\n * @param   {Function} fn\n *\n * @returns {void}\n */\nutils.animFrame = function (fn) {\n  return (\n    window.requestAnimationFrame ||\n    window.webkitRequestAnimationFrame ||\n    window.mozRequestAnimationFrame ||\n    function (callback) {\n      window.setTimeout(callback, 1000 / 60);\n    }\n  )(function () {\n    fn();\n  });\n};\n\nutils.indexOf = function (needle, haystack) {\n  if (!(haystack instanceof Array)) {\n    throw new Error('Haystack is not an Array');\n  }\n\n  if (haystack.indexOf) {\n    return haystack.indexOf(needle);\n  } else {\n    for (var i = 0; i < haystack.length; i++) {\n      if (haystack[i] === needle) {\n        return i;\n      }\n    }\n    return -1;\n  }\n};\n\nif (typeof /./ != 'function' && typeof Int8Array != 'object') {\n  utils.isFunction = function (obj) {\n    return typeof obj == 'function' || false;\n  };\n} else {\n  utils.isFunction = function (obj) {\n    return toString.call(obj) === '[object Function]';\n  };\n}\n\nutils.fnBind = function (fn, context, boundArgs) {\n  if (Function.prototype.bind !== undefined) {\n    return Function.prototype.bind.apply(fn, [context].concat(boundArgs || []));\n  }\n\n  var bound = function () {\n    // Join the already applied arguments to the now called ones (after converting to an array again).\n    var args = (boundArgs || []).concat(\n      Array.prototype.slice.call(arguments, 0)\n    );\n\n    // If not being called as a constructor\n    if (!(this instanceof bound)) {\n      // return the result of the function called bound to target and partially applied.\n      return fn.apply(context, args);\n    }\n    // If being called as a constructor, apply the function bound to self.\n    fn.apply(this, args);\n  };\n  // Attach the prototype of the function to our newly created function.\n  bound.prototype = fn.prototype;\n  return bound;\n};\n\nutils.removeFromArray = function (item, array) {\n  var index = utils.indexOf(item, array);\n\n  if (index === -1) {\n    throw new Error(\"Can't remove item from array. Item is not in the array\");\n  }\n\n  array.splice(index, 1);\n};\n\nutils.now = function () {\n  if (typeof Date.now === 'function') {\n    return Date.now();\n  } else {\n    return new Date().getTime();\n  }\n};\n\nutils.getUniqueId = function () {\n  return (Math.random() * 1000000000000000).toString(36).replace('.', '');\n};\n\n/**\n * A basic XSS filter. It is ultimately up to the\n * implementing developer to make sure their particular\n * applications and usecases are save from cross site scripting attacks\n *\n * @param   {String} input\n * @param    {Boolean} keepTags\n *\n * @returns {String} filtered input\n */\nutils.filterXss = function (input, keepTags) {\n  var output = input\n    .replace(/javascript/gi, 'j&#97;vascript')\n    .replace(/expression/gi, 'expr&#101;ssion')\n    .replace(/onload/gi, 'onlo&#97;d')\n    .replace(/script/gi, '&#115;cript')\n    .replace(/onerror/gi, 'on&#101;rror');\n\n  if (keepTags === true) {\n    return output;\n  } else {\n    return output.replace(/>/g, '&gt;').replace(/</g, '&lt;');\n  }\n};\n\n/**\n * Removes html tags from a string\n *\n * @param   {String} input\n *\n * @returns {String} input without tags\n */\nutils.stripTags = function (input) {\n  return $.trim(input.replace(/(<([^>]+)>)/gi, ''));\n};\n\nexport default utils;\n"],"mappings":"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"}

package/package.json

@@ -1,31 +1,34 @@
 {
   "name": "@deephaven/golden-layout",
-  "version": "0.17.1-beta.2+18cb85c",
+  "version": "0.17.1-beta.4+1995291",
   "author": "Deephaven Data Labs LLC",
   "license": "Apache-2.0",
   "description": "A multi-screen javascript Layout manager",
-  "main": "./dist/goldenlayout.js",
+  "main": "./dist/index.js",
   "types": "./index.d.ts",
-  "directories": {
-    "test": "test"
-  },
+  "type": "module",
   "dependencies": {
     "jquery": "^3.6.0"
   },
+  "peerDependencies": {
+    "react": "^17.x",
+    "react-dom": "^17.x"
+  },
   "scripts": {
     "build": "cross-env NODE_ENV=production run-p build:*",
     "build-dev": "cross-env NODE_ENV=development run-p build:*",
     "sass": "sass ./src/scss:./dist/css -s compressed",
-    "build:gulp": "gulp build",
+    "build:babel": "npm run babel",
     "build:sass": "npm run sass",
+    "babel": "babel ./src --out-dir ./dist --extensions \".js\" --source-maps --root-mode upward",
     "watch": "run-p watch:*",
-    "watch:gulp": "gulp dev",
+    "watch:babel": "npm run babel -- -w --skip-initial-build",
     "watch:sass": "npm run sass -- --watch --update",
-    "clean": "rimraf ./dist ./src/css",
+    "clean": "rimraf ./dist",
     "start": "cross-env NODE_ENV=development npm run watch",
     "prestart": "npm run build-dev",
-    "test": "karma start karma.conf.js",
-    "test:ci": "karma start karma.conf.js --single-run"
+    "test": "karma start karma.conf.cjs",
+    "test:ci": "karma start karma.conf.cjs --single-run"
   },
   "repository": {
     "type": "git",
@@ -42,44 +45,14 @@
   "files": [
     "dist"
   ],
-  "npmFileMap": [
-    {
-      "basePath": "/dist/",
-      "files": [
-        "goldenlayout.js",
-        "goldenlayout.min.js"
-      ]
-    },
-    {
-      "basePath": "/src/css/",
-      "files": [
-        "goldenlayout.base.css",
-        "goldenlayout-dark-theme.css",
-        "goldenlayout-light-theme.css"
-      ]
-    },
-    {
-      "basePath": "/",
-      "files": [
-        "typings.json"
-      ]
-    }
-  ],
-  "jspm": {
-    "main": "dist/goldenlayout",
-    "format": "global",
-    "registry": "jspm",
-    "dependencies": {
-      "jquery": "^2.1.0"
-    },
-    "shim": {
-      "dist/goldenlayout": [
-        "jquery"
-      ]
-    }
-  },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "18cb85c1f562752fb444cb3177d5eff1f5a60532"
+  "devDependencies": {
+    "browserify": "^17.0.0",
+    "esmify": "^2.1.1",
+    "karma-browserify": "^8.1.0",
+    "watchify": "^4.0.0"
+  },
+  "gitHead": "1995291c1352e7571fa62963606a1108a6e8b3ea"
 }