[console] use resize checker

src/plugins/console/public/src/app.js

@@ -122,15 +122,5 @@ history.restoreFromHistory = function applyHistoryElem(req) {
   input.focus();
 };
 
-function resize() {
-  input.resize();
-  output.resize();
-}
-
-resize();
-$(window).resize((event) => {
-  if (event.target === window) resize();
-});
-
 loadSavedState();
 setupAutosave();

src/plugins/console/public/src/directives/sense_help_example.js

@@ -1,14 +1,18 @@
 const SenseEditor = require('../sense_editor/editor');
 const exampleText = require('raw!./helpExample.txt').trim();
+import { useResizeCheckerProvider } from '../sense_editor_resize';
 
 require('ui/modules')
 .get('app/sense')
-.directive('senseHelpExample', function () {
+.directive('senseHelpExample', function (Private) {
+  const useResizeChecker = Private(useResizeCheckerProvider);
+
   return {
     restrict: 'E',
     link: function ($scope, $el) {
       $el.text(exampleText);
       $scope.editor = new SenseEditor($el);
+      useResizeChecker($scope, $el, $scope.editor);
       $scope.editor.setReadOnly(true);
       $scope.editor.$blockScrolling = Infinity;
 

src/plugins/console/public/src/directives/sense_history_viewer.js

@@ -1,9 +1,12 @@
 const history = require('../history');
 let SenseEditor = require('../sense_editor/editor');
+import { useResizeCheckerProvider } from '../sense_editor_resize';
 
 require('ui/modules')
 .get('app/sense')
-.directive('senseHistoryViewer', function () {
+.directive('senseHistoryViewer', function (Private) {
+  const useResizeChecker = Private(useResizeCheckerProvider);
+
   return {
     restrict: 'E',
     scope: {
@@ -13,6 +16,7 @@ require('ui/modules')
       const viewer = new SenseEditor($el);
       viewer.setReadOnly(true);
       viewer.renderer.setShowPrintMargin(false);
+      useResizeChecker($scope, $el, viewer);
       require('../settings').applyCurrentSettings(viewer);
 
       $scope.$watch('req', function (req) {

src/plugins/console/public/src/input.js

@@ -11,8 +11,14 @@ let storage = require('./storage');
 let utils = require('./utils');
 let es = require('./es');
 let history = require('./history');
-
-var input = new SenseEditor($('#editor'));
+import { useResizeCheckerProvider } from './sense_editor_resize';
+import uiModules from 'ui/modules';
+
+var $el = $('#editor');
+var input = new SenseEditor($el);
+uiModules.get('kibana').run(function (Private, $rootScope) {
+  Private(useResizeCheckerProvider)($rootScope, $el, input, output);
+})
 
 input.autocomplete = new Autocomplete(input);
 

src/plugins/console/public/src/sense_editor_resize.js

@@ -0,0 +1,11 @@
+import ResizeCheckerProvider from 'ui/vislib/lib/resize_checker'
+
+export function useResizeCheckerProvider(Private) {
+  const ResizeChecker = Private(ResizeCheckerProvider);
+
+  return function useResizeChecker($scope, $el, ...editors) {
+    const checker = new ResizeChecker($el);
+    checker.on('resize', () => editors.forEach(e => e.resize()));
+    $scope.$on('$destroy', () => checker.destroy())
+  }
+}

src/plugins/console/public/src/smart_resize.js

@@ -1,43 +1,5 @@
 import { throttle } from 'lodash';
 
 module.exports = function (editor) {
-  let resize = editor.resize;
-  let lastDemensions = [];
-  let timeout = null;
-
-  let checkDelay = 250;
-  let stableChecks = 0;
-  let maxStableChecks = 20;
-
-  function check() {
-    clearTimeout(timeout);
-
-    const $container = editor.$el.parent();
-    const demensions = [$container.width(), $container.height()];
-    const [ width, height ] = demensions;
-    const [ lastWidth, lastHieght ] = lastDemensions;
-    lastDemensions = demensions;
-
-    if (width !== lastWidth || height !== lastHieght) {
-      resize.call(editor, true);
-      stableChecks = 0;
-    } else {
-      stableChecks += 1;
-    }
-
-    if (stableChecks < maxStableChecks) {
-      scheduleCheck();
-    }
-  }
-
-  function scheduleCheck() {
-    if (!timeout) timeout = setTimeout(check, checkDelay);
-  }
-
-  function requestResize() {
-    stableChecks = 0;
-    scheduleCheck();
-  }
-
-  return requestResize;
+  return throttle(() => editor.resize(), 35)
 };