convert to ts

Author: patricklx

package.json

@@ -103,7 +103,8 @@
     "router_js": "^8.0.5",
     "semver": "^7.5.2",
     "silent-error": "^1.1.1",
-    "simple-html-tokenizer": "^0.5.11"
+    "simple-html-tokenizer": "^0.5.11",
+    "source-map-js": "^1.2.1"
   },
   "devDependencies": {
     "@aws-sdk/client-s3": "^3.321.1",

packages/@ember/debug/ember-inspector-support/.eslintrc.js

@@ -1,8 +1,12 @@
 /* eslint no-console: 0 */
-import { onReady } from '@ember/debug/ember-inspector-support/utils/on-ready';
 import BaseObject from '../utils/base-object';
+import { DEBUG } from '@glimmer/env';
+import { onReady } from '../utils/on-ready';
 
 export default class BasicAdapter extends BaseObject {
+  private _messageCallbacks: any[] = [];
+  private __environment = '';
+  interval: number | undefined;
   init() {
     Promise.resolve(this.connect()).then(() => {
       this.onConnectionReady();
@@ -20,43 +24,42 @@ export default class BasicAdapter extends BaseObject {
    */
   get environment() {
     if (!this.__environment) {
-      this.__environment =
-        requireModule('@ember/debug/ember-inspector-support/config')['default'].environment;
+      this.__environment = DEBUG ? 'development' : 'production';
     }
     return this.__environment;
   }
 
-  debug() {
-    return console.debug(...arguments);
+  debug(...args: any[]) {
+    return console.debug(...args);
   }
 
-  log() {
-    return console.log(...arguments);
+  log(...args: any[]) {
+    return console.log(...args);
   }
 
   /**
    * A wrapper for `console.warn`.
    *
    * @method warn
    */
-  warn() {
-    return console.warn(...arguments);
+  warn(...args: any[]) {
+    return console.warn(...args);
   }
 
   /**
     Used to send messages to EmberExtension
 
     @param {Object} type the message to the send
   */
-  sendMessage(/* options */) {}
+  sendMessage(_options: any) {}
 
   /**
     Register functions to be called
     when a message from EmberExtension is received
 
     @param {Function} callback
   */
-  onMessageReceived(callback) {
+  onMessageReceived(callback: () => void) {
     this._messageCallbacks.push(callback);
   }
 
@@ -71,9 +74,9 @@ export default class BasicAdapter extends BaseObject {
     For functions, it will open the sources tab and goto the definition
     @param {Node|Function} node
   */
-  inspectValue(/* value */) {}
+  inspectValue(_value: any) {}
 
-  _messageReceived(message) {
+  _messageReceived(message: any) {
     this._messageCallbacks.forEach((callback) => {
       callback(message);
     });
@@ -92,7 +95,7 @@ export default class BasicAdapter extends BaseObject {
    * @method handleError
    * @param {Error} error
    */
-  handleError(error) {
+  handleError(error: any) {
     if (this.environment === 'production') {
       if (error && error instanceof Error) {
         error = `Error message: ${error.message}\nStack trace: ${error.stack}`;
@@ -122,9 +125,9 @@ export default class BasicAdapter extends BaseObject {
           reject();
         }
         this.interval = setInterval(() => {
-          if (document.documentElement.dataset.emberExtension) {
+          if (document.documentElement.dataset['emberExtension']) {
             clearInterval(this.interval);
-            resolve();
+            resolve(true);
           }
         }, 10);
       });
@@ -137,11 +140,11 @@ export default class BasicAdapter extends BaseObject {
   }
 
   _isReady = false;
-  _pendingMessages = [];
+  _pendingMessages: any[] = [];
 
-  send(options) {
+  send(options: any) {
     if (this._isReady) {
-      this.sendMessage(...arguments);
+      this.sendMessage(options);
     } else {
       this._pendingMessages.push(options);
     }

packages/@ember/debug/ember-inspector-support/adapters/basic.js renamed to packages/@ember/debug/ember-inspector-support/adapters/basic.ts

@@ -6,14 +6,16 @@ export default class extends BasicAdapter {
     this._listen();
   }
 
-  sendMessage(options) {
+  sendMessage(options: any) {
     options = options || {};
-    window.emberInspector.w.postMessage(options, window.emberInspector.url);
+    const w = window as any;
+    w.emberInspector.w.postMessage(options, w.emberInspector.url);
   }
 
   _listen() {
+    const w = window as any;
     window.addEventListener('message', (e) => {
-      if (e.origin !== window.emberInspector.url) {
+      if (e.origin !== w.emberInspector.url) {
         return;
       }
       const message = e.data;

packages/@ember/debug/ember-inspector-support/adapters/bookmarklet.js renamed to packages/@ember/debug/ember-inspector-support/adapters/bookmarklet.ts

@@ -2,23 +2,23 @@
 import WebExtension from './web-extension';
 
 export default class extends WebExtension {
-  debug() {
+  debug(...args: unknown[]) {
     // WORKAROUND: temporarily workaround issues with firebug console object:
     // - https://github.com/tildeio/ember-extension/issues/94
     // - https://github.com/firebug/firebug/pull/109
     // - https://code.google.com/p/fbug/issues/detail?id=7045
     try {
-      super.debug(...arguments);
-    } catch (e) {}
+      super.debug(...args);
+    } catch {}
   }
 
-  log() {
+  log(...args: any[]) {
     // WORKAROUND: temporarily workaround issues with firebug console object:
     // - https://github.com/tildeio/ember-extension/issues/94
     // - https://github.com/firebug/firebug/pull/109
     // - https://code.google.com/p/fbug/issues/detail?id=7045
     try {
-      super.log(...arguments);
-    } catch (e) {}
+      super.log(...args);
+    } catch {}
   }
 }

packages/@ember/debug/ember-inspector-support/adapters/chrome.js renamed to packages/@ember/debug/ember-inspector-support/adapters/chrome.ts

@@ -1,13 +1,9 @@
 import BasicAdapter from './basic';
-import { typeOf } from '@ember/debug/ember-inspector-support/utils/type-check';
+import { run } from '@ember/runloop';
 
-import Ember from '@ember/debug/ember-inspector-support/utils/ember';
-import { run } from '@ember/debug/ember-inspector-support/utils/ember/runloop';
-
-const { isArray } = Array;
-const { keys } = Object;
-
-export default class extends BasicAdapter {
+export default class WebExtension extends BasicAdapter {
+  private _channel!: MessageChannel;
+  private _chromePort!: MessagePort;
   init() {
     this._channel = new MessageChannel();
     this._chromePort = this._channel?.port1;
@@ -27,10 +23,10 @@ export default class extends BasicAdapter {
     // would not be considered native arrays, so it's not possible to
     // "clone" them through postMessage unless they are converted to a
     // native array.
-    options = deepClone(options);
     try {
       this._chromePort.postMessage(options);
     } catch (e) {
+      // eslint-disable-next-line no-console
       console.log('failed to send message', e);
     }
   }
@@ -40,7 +36,7 @@ export default class extends BasicAdapter {
    *
    * @param  {Node|Function} value The DOM node to select
    */
-  inspectValue(value) {
+  inspectValue(value: any) {
     // NOTE:
     //
     // Basically, we are just trying to call `inspect(node)` here.
@@ -62,8 +58,7 @@ export default class extends BasicAdapter {
 
     let name = `__EMBER_INSPECTOR_${(Math.random() * 100000000).toFixed(0)}`;
 
-    window[name] = value;
-
+    (window as any)[name] = value;
     this.namespace.port.send('view:inspectJSValue', { name });
   }
 
@@ -96,51 +91,3 @@ export default class extends BasicAdapter {
     chromePort.start();
   }
 }
-
-// On some older Ember version `Ember.ENV.EXTEND_PROTOTYPES` is not
-// guarenteed to be an object. While this code only support 3.4+ (all
-// of which normalizes `EXTEND_PROTOTYPES` for us), startup-wrapper.js
-// eagerly require/load ember-debug modules, which ultimately causes
-// this top-level code to run, even we are going to pick a different
-// adapter later. See GH #1114.
-const HAS_ARRAY_PROTOTYPE_EXTENSIONS = (() => {
-  try {
-    return Ember.ENV.EXTEND_PROTOTYPES.Array === true;
-  } catch (e) {
-    return false;
-  }
-})();
-
-let deepClone;
-
-if (HAS_ARRAY_PROTOTYPE_EXTENSIONS) {
-  deepClone = function deepClone(item) {
-    return item;
-  };
-} else {
-  /**
-   * Recursively clones all arrays. Needed because Chrome
-   * refuses to clone Ember Arrays when extend prototypes is disabled.
-   *
-   * If the item passed is an array, a clone of the array is returned.
-   * If the item is an object or an array, or array properties/items are cloned.
-   *
-   * @param {Mixed} item The item to clone
-   * @return {Mixed}
-   */
-  deepClone = function deepClone(item) {
-    let clone = item;
-    if (isArray(item)) {
-      clone = new Array(item.length);
-      item.forEach((child, key) => {
-        clone[key] = deepClone(child);
-      });
-    } else if (item && typeOf(item) === 'object') {
-      clone = {};
-      keys(item).forEach((key) => {
-        clone[key] = deepClone(item[key]);
-      });
-    }
-    return clone;
-  };
-}

packages/@ember/debug/ember-inspector-support/adapters/firefox.js renamed to packages/@ember/debug/ember-inspector-support/adapters/firefox.ts

@@ -1,18 +1,18 @@
 import BasicAdapter from './basic';
 import { onReady } from '@ember/debug/ember-inspector-support/utils/on-ready';
-import { run } from '@ember/debug/ember-inspector-support/utils/ember/runloop';
+import { run } from '@ember/runloop';
 
 export default class extends BasicAdapter {
   sendMessage(options = {}) {
     this.socket.emit('emberInspectorMessage', options);
   }
 
   get socket() {
-    return window.EMBER_INSPECTOR_CONFIG.remoteDebugSocket;
+    return (window as any).EMBER_INSPECTOR_CONFIG.remoteDebugSocket;
   }
 
   _listen() {
-    this.socket.on('emberInspectorMessage', (message) => {
+    this.socket.on('emberInspectorMessage', (message: any) => {
       // We should generally not be run-wrapping here. Starting a runloop in
       // ember-debug will cause the inspected app to revalidate/rerender. We
       // are generally not intending to cause changes to the rendered output
@@ -44,12 +44,12 @@ export default class extends BasicAdapter {
         if (this.isDestroyed) {
           reject();
         }
-        const EMBER_INSPECTOR_CONFIG = window.EMBER_INSPECTOR_CONFIG;
+        const EMBER_INSPECTOR_CONFIG = (window as any).EMBER_INSPECTOR_CONFIG;
         if (
           typeof EMBER_INSPECTOR_CONFIG === 'object' &&
           EMBER_INSPECTOR_CONFIG.remoteDebugSocket
         ) {
-          resolve();
+          resolve(true);
         }
       });
     }).then(() => {