@difizen/libro-code-editor 0.0.2-alpha.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2023-present Difizen Team
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/es/code-editor-view.d.ts

@@ -0,0 +1,101 @@
+/// <reference types="react" resolution-mode="require"/>
+import { BaseView } from '@difizen/mana-app';
+import { Deferred, Emitter } from '@difizen/mana-app';
+import type { IEditor } from './code-editor.js';
+import type { CodeEditorFactory, IEditorConfig, IEditorSelectionStyle, CompletionProvider, TooltipProvider, LSPProvider } from './code-editor.js';
+import type { IModel } from './model.js';
+export declare const CodeEditorRender: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<import("react").RefAttributes<HTMLDivElement>>>;
+/**
+ * A widget which hosts a code editor.
+ */
+export declare class CodeEditorView extends BaseView {
+    view: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<import("react").RefAttributes<HTMLDivElement>>>;
+    protected classlist: string[];
+    protected options: CodeEditorViewOptions;
+    protected modalChangeEmitter: Emitter<any>;
+    get onModalChange(): import("@difizen/mana-app").Event<any>;
+    /**
+     * Get the editor wrapped by the widget.
+     */
+    editor: IEditor | undefined;
+    protected editorReadyDeferred: Deferred<void>;
+    get editorReady(): Promise<void>;
+    /**
+     * Construct a new code editor widget.
+     */
+    constructor(options: CodeEditorViewOptions);
+    onViewMount(): void;
+    onViewUnmount(): void;
+    /**
+     * Get the model used by the widget.
+     */
+    get model(): IModel | undefined;
+    /**
+     * Dispose of the resources held by the widget.
+     */
+    dispose(): void;
+    protected onViewActive: () => void;
+    /**
+     * A message handler invoked on a `'resize'` message.
+     */
+    protected onResize(): void;
+    addClass(classname: string): void;
+    removeClass(classname: string): void;
+    /**
+     * Handle a change in model selections.
+     */
+    protected _onSelectionsChanged(): void;
+    /**
+     * Handle the `'lm-dragenter'` event for the widget.
+     */
+    protected _evtDragEnter: (event: DragEvent) => void;
+    /**
+     * Handle the `'lm-dragleave'` event for the widget.
+     */
+    protected _evtDragLeave: (event: DragEvent) => void;
+    /**
+     * Handle the `'lm-dragover'` event for the widget.
+     */
+    protected _evtDragOver: (event: DragEvent) => void;
+    /**
+     * Handle the `'lm-drop'` event for the widget.
+     */
+    protected _evtDrop: (event: DragEvent) => void;
+}
+/**
+ * The namespace for the `CodeEditorWrapper` statics.
+ */
+/**
+ * The options used to initialize a code editor widget.
+ */
+export interface CodeEditorViewOptions {
+    /**
+     * A code editor factory.
+     *
+     * #### Notes
+     * The widget needs a factory and a model instead of a `CodeEditor.IEditor`
+     * object because it needs to provide its own node as the host.
+     */
+    factory: CodeEditorFactory;
+    /**
+     * The model used to initialize the code editor.
+     */
+    model: IModel;
+    /**
+     * The desired uuid for the editor.
+     */
+    uuid?: string;
+    /**
+     * The configuration options for the editor.
+     */
+    config?: Partial<IEditorConfig>;
+    /**
+     * The default selection style for the editor.
+     */
+    selectionStyle?: IEditorSelectionStyle;
+    tooltipProvider?: TooltipProvider;
+    completionProvider?: CompletionProvider;
+    lspProvider?: LSPProvider;
+    autoFocus?: boolean;
+}
+//# sourceMappingURL=code-editor-view.d.ts.map

package/es/code-editor-view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"code-editor-view.d.ts","sourceRoot":"","sources":["../src/code-editor-view.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAoB,MAAM,mBAAmB,CAAC;AAE/D,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAGtD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,KAAK,EACV,iBAAiB,EAEjB,aAAa,EACb,qBAAqB,EACrB,kBAAkB,EAClB,eAAe,EACf,WAAW,EACZ,MAAM,kBAAkB,CAAC;AAC1B,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AAEzC,eAAO,MAAM,gBAAgB,+HAI5B,CAAC;AAuBF;;GAEG;AACH,qBAEa,cAAe,SAAQ,QAAQ;IACjC,IAAI,gIAAoB;IAEjC,SAAS,CAAC,SAAS,EAAE,MAAM,EAAE,CAAM;IAEnC,SAAS,CAAC,OAAO,EAAE,qBAAqB,CAAC;IAEzC,SAAS,CAAC,kBAAkB,eAAiB;IAE7C,IAAI,aAAa,2CAEhB;IAED;;OAEG;IAEH,MAAM,EAAE,OAAO,GAAG,SAAS,CAAC;IAC5B,SAAS,CAAC,mBAAmB,EAAE,QAAQ,CAAC,IAAI,CAAC,CAAwB;IACrE,IAAI,WAAW,kBAEd;IACD;;OAEG;gBAC6B,OAAO,EAAE,qBAAqB;IAKrD,WAAW;IA6BX,aAAa;IAWtB;;OAEG;IACH,IAAI,KAAK,IAAI,MAAM,GAAG,SAAS,CAE9B;IAED;;OAEG;IACM,OAAO,IAAI,IAAI;IAQxB,SAAS,CAAC,YAAY,QAAO,IAAI,CAE/B;IAEF;;OAEG;IACH,SAAS,CAAC,QAAQ,IAAI,IAAI;IAM1B,QAAQ,CAAC,SAAS,EAAE,MAAM;IAI1B,WAAW,CAAC,SAAS,EAAE,MAAM;IAO7B;;OAEG;IACH,SAAS,CAAC,oBAAoB,IAAI,IAAI;IAwBtC;;OAEG;IACH,SAAS,CAAC,aAAa,UAAW,SAAS,KAAG,IAAI,CAchD;IAEF;;OAEG;IACH,SAAS,CAAC,aAAa,UAAW,SAAS,KAAG,IAAI,CAchD;IAEF;;OAEG;IACH,SAAS,CAAC,YAAY,UAAW,SAAS,KAAG,IAAI,CAgB/C;IAEF;;OAEG;IACH,SAAS,CAAC,QAAQ,UAAW,SAAS,KAAG,IAAI,CAkC3C;CACH;AAED;;GAEG;AACH;;GAEG;AACH,MAAM,WAAW,qBAAqB;IACpC;;;;;;OAMG;IACH,OAAO,EAAE,iBAAiB,CAAC;IAE3B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC,aAAa,CAAC,CAAC;IAEhC;;OAEG;IACH,cAAc,CAAC,EAAE,qBAAqB,CAAC;IAEvC,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;IACxC,WAAW,CAAC,EAAE,WAAW,CAAC;IAE1B,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB"}

package/es/code-editor-view.js

@@ -0,0 +1,339 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+var _dec, _dec2, _dec3, _class, _class2, _descriptor;
+function _initializerDefineProperty(target, property, descriptor, context) { if (!descriptor) return; Object.defineProperty(target, property, { enumerable: descriptor.enumerable, configurable: descriptor.configurable, writable: descriptor.writable, value: descriptor.initializer ? descriptor.initializer.call(context) : void 0 }); }
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _get() { if (typeof Reflect !== "undefined" && Reflect.get) { _get = Reflect.get.bind(); } else { _get = function _get(target, property, receiver) { var base = _superPropBase(target, property); if (!base) return; var desc = Object.getOwnPropertyDescriptor(base, property); if (desc.get) { return desc.get.call(arguments.length < 3 ? target : receiver); } return desc.value; }; } return _get.apply(this, arguments); }
+function _superPropBase(object, property) { while (!Object.prototype.hasOwnProperty.call(object, property)) { object = _getPrototypeOf(object); if (object === null) break; } return object; }
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+function _applyDecoratedDescriptor(target, property, decorators, descriptor, context) { var desc = {}; Object.keys(descriptor).forEach(function (key) { desc[key] = descriptor[key]; }); desc.enumerable = !!desc.enumerable; desc.configurable = !!desc.configurable; if ('value' in desc || desc.initializer) { desc.writable = true; } desc = decorators.slice().reverse().reduce(function (desc, decorator) { return decorator(target, property, desc) || desc; }, desc); if (context && desc.initializer !== void 0) { desc.value = desc.initializer ? desc.initializer.call(context) : void 0; desc.initializer = undefined; } if (desc.initializer === void 0) { Object.defineProperty(target, property, desc); desc = null; } return desc; }
+function _initializerWarningHelper(descriptor, context) { throw new Error('Decorating class property failed. Please ensure that ' + 'transform-class-properties is enabled and runs after the decorators transform.'); }
+import { getOrigin, prop } from '@difizen/mana-app';
+import { BaseView, view, ViewOption } from '@difizen/mana-app';
+import { inject, transient } from '@difizen/mana-app';
+import { Deferred, Emitter } from '@difizen/mana-app';
+import { forwardRef, memo } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+export var CodeEditorRender = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (_props, ref) {
+  return /*#__PURE__*/_jsx("div", {
+    ref: ref
+  });
+}));
+
+/**
+ * The class name added to an editor widget that has a primary selection.
+ */
+var HAS_SELECTION_CLASS = 'jp-mod-has-primary-selection';
+
+/**
+ * The class name added to an editor widget that has a cursor/selection
+ * within the whitespace at the beginning of a line
+ */
+var HAS_IN_LEADING_WHITESPACE_CLASS = 'jp-mod-in-leading-whitespace';
+
+/**
+ * A class used to indicate a drop target.
+ */
+var DROP_TARGET_CLASS = 'jp-mod-dropTarget';
+
+/**
+ * RegExp to test for leading whitespace
+ */
+var leadingWhitespaceRe = /^\s+$/;
+
+/**
+ * A widget which hosts a code editor.
+ */
+export var CodeEditorView = (_dec = transient(), _dec2 = view('code-editor-view'), _dec3 = prop(), _dec(_class = _dec2(_class = (_class2 = /*#__PURE__*/function (_BaseView) {
+  _inherits(CodeEditorView, _BaseView);
+  var _super = _createSuper(CodeEditorView);
+  /**
+   * Construct a new code editor widget.
+   */
+  function CodeEditorView(options) {
+    var _this;
+    _classCallCheck(this, CodeEditorView);
+    _this = _super.call(this);
+    _this.view = CodeEditorRender;
+    _this.classlist = [];
+    _this.modalChangeEmitter = new Emitter();
+    /**
+     * Get the editor wrapped by the widget.
+     */
+    _initializerDefineProperty(_this, "editor", _descriptor, _assertThisInitialized(_this));
+    _this.editorReadyDeferred = new Deferred();
+    _this.onViewActive = function () {
+      var _this$editor;
+      (_this$editor = _this.editor) === null || _this$editor === void 0 ? void 0 : _this$editor.focus();
+    };
+    /**
+     * Handle the `'lm-dragenter'` event for the widget.
+     */
+    _this._evtDragEnter = function (event) {
+      if (!_this.editor) {
+        return;
+      }
+      if (_this.editor.getOption('readOnly') === true) {
+        return;
+      }
+      var data = findTextData(event);
+      if (data === undefined) {
+        return;
+      }
+      event.preventDefault();
+      event.stopPropagation();
+      _this.addClass('jp-mod-dropTarget');
+    };
+    /**
+     * Handle the `'lm-dragleave'` event for the widget.
+     */
+    _this._evtDragLeave = function (event) {
+      if (!_this.editor) {
+        return;
+      }
+      _this.removeClass(DROP_TARGET_CLASS);
+      if (_this.editor.getOption('readOnly') === true) {
+        return;
+      }
+      var data = findTextData(event);
+      if (data === undefined) {
+        return;
+      }
+      event.preventDefault();
+      event.stopPropagation();
+    };
+    /**
+     * Handle the `'lm-dragover'` event for the widget.
+     */
+    _this._evtDragOver = function (event) {
+      if (!_this.editor) {
+        return;
+      }
+      _this.removeClass(DROP_TARGET_CLASS);
+      if (_this.editor.getOption('readOnly') === true) {
+        return;
+      }
+      var data = findTextData(event);
+      if (data === undefined) {
+        return;
+      }
+      event.preventDefault();
+      event.stopPropagation();
+      event.dataTransfer.dropEffect = 'copy';
+      _this.addClass(DROP_TARGET_CLASS);
+    };
+    /**
+     * Handle the `'lm-drop'` event for the widget.
+     */
+    _this._evtDrop = function (event) {
+      if (!_this.editor) {
+        return;
+      }
+      if (_this.editor.getOption('readOnly') === true) {
+        return;
+      }
+      var data = findTextData(event);
+      if (data === undefined) {
+        return;
+      }
+      var coordinate = {
+        top: event.y,
+        bottom: event.y,
+        left: event.x,
+        right: event.x,
+        x: event.x,
+        y: event.y,
+        width: 0,
+        height: 0
+      };
+      var position = _this.editor.getPositionForCoordinate(coordinate);
+      if (position === null) {
+        return;
+      }
+      _this.removeClass(DROP_TARGET_CLASS);
+      event.preventDefault();
+      event.stopPropagation();
+      // if (event.proposedAction === 'none') {
+      //   event.dropAction = 'none';
+      //   return;
+      // }
+      // const offset = this.editor.getOffsetAt(position);
+      // this.model.value.insert(offset, data);
+    };
+    _this.options = options;
+    return _this;
+  }
+  CodeEditorView = inject(ViewOption)(CodeEditorView, undefined, 0) || CodeEditorView;
+  _createClass(CodeEditorView, [{
+    key: "onModalChange",
+    get: function get() {
+      return this.modalChangeEmitter.event;
+    }
+  }, {
+    key: "editorReady",
+    get: function get() {
+      return this.editorReadyDeferred.promise;
+    }
+  }, {
+    key: "onViewMount",
+    value: function onViewMount() {
+      var _this$container,
+        _this2 = this;
+      var node = (_this$container = this.container) === null || _this$container === void 0 ? void 0 : _this$container.current;
+      if (node) {
+        this.editor = this.options.factory({
+          host: node,
+          model: this.options.model,
+          uuid: this.options.uuid,
+          config: this.options.config,
+          selectionStyle: this.options.selectionStyle,
+          tooltipProvider: this.options.tooltipProvider,
+          completionProvider: this.options.completionProvider,
+          lspProvider: this.options.lspProvider
+        });
+        this.editorReadyDeferred.resolve();
+        this.editor.onModalChange(function (val) {
+          return _this2.modalChangeEmitter.fire(val);
+        });
+        // this.editor.model.selections.changed(this._onSelectionsChanged);
+
+        if (this.options.autoFocus) {
+          getOrigin(this.editor).focus();
+        }
+        node.addEventListener('focus', this.onViewActive);
+        node.addEventListener('dragenter', this._evtDragEnter);
+        node.addEventListener('dragleave', this._evtDragLeave);
+        node.addEventListener('dragover', this._evtDragOver);
+        node.addEventListener('drop', this._evtDrop);
+      }
+    }
+  }, {
+    key: "onViewUnmount",
+    value: function onViewUnmount() {
+      var _this$container2;
+      var node = (_this$container2 = this.container) === null || _this$container2 === void 0 ? void 0 : _this$container2.current;
+      if (node) {
+        node.removeEventListener('focus', this.onViewActive);
+        node.removeEventListener('dragenter', this._evtDragEnter);
+        node.removeEventListener('dragleave', this._evtDragLeave);
+        node.removeEventListener('dragover', this._evtDragOver);
+        node.removeEventListener('drop', this._evtDrop);
+      }
+    }
+
+    /**
+     * Get the model used by the widget.
+     */
+  }, {
+    key: "model",
+    get: function get() {
+      var _this$editor2;
+      return (_this$editor2 = this.editor) === null || _this$editor2 === void 0 ? void 0 : _this$editor2.model;
+    }
+
+    /**
+     * Dispose of the resources held by the widget.
+     */
+  }, {
+    key: "dispose",
+    value: function dispose() {
+      var _this$editor3;
+      if (this.isDisposed) {
+        return;
+      }
+      _get(_getPrototypeOf(CodeEditorView.prototype), "dispose", this).call(this);
+      (_this$editor3 = this.editor) === null || _this$editor3 === void 0 ? void 0 : _this$editor3.dispose();
+    }
+  }, {
+    key: "onResize",
+    value:
+    /**
+     * A message handler invoked on a `'resize'` message.
+     */
+    function onResize() {
+      if (this.isVisible) {
+        var _this$editor4;
+        (_this$editor4 = this.editor) === null || _this$editor4 === void 0 ? void 0 : _this$editor4.resizeToFit();
+      }
+    }
+  }, {
+    key: "addClass",
+    value: function addClass(classname) {
+      this.classlist.push(classname);
+    }
+  }, {
+    key: "removeClass",
+    value: function removeClass(classname) {
+      var index = this.classlist.indexOf(classname);
+      if (index >= 0) {
+        this.classlist.splice(index, 1);
+      }
+    }
+
+    /**
+     * Handle a change in model selections.
+     */
+  }, {
+    key: "_onSelectionsChanged",
+    value: function _onSelectionsChanged() {
+      if (!this.editor) {
+        return;
+      }
+      var _this$editor$getSelec = this.editor.getSelection(),
+        start = _this$editor$getSelec.start,
+        end = _this$editor$getSelec.end;
+      if (start.column !== end.column || start.line !== end.line) {
+        // a selection was made
+        this.addClass(HAS_SELECTION_CLASS);
+        this.removeClass(HAS_IN_LEADING_WHITESPACE_CLASS);
+      } else {
+        // the cursor was placed
+        this.removeClass(HAS_SELECTION_CLASS);
+        if (this.editor.getLine(end.line).slice(0, end.column).match(leadingWhitespaceRe)) {
+          this.addClass(HAS_IN_LEADING_WHITESPACE_CLASS);
+        } else {
+          this.removeClass(HAS_IN_LEADING_WHITESPACE_CLASS);
+        }
+      }
+    }
+  }]);
+  return CodeEditorView;
+}(BaseView), (_descriptor = _applyDecoratedDescriptor(_class2.prototype, "editor", [_dec3], {
+  configurable: true,
+  enumerable: true,
+  writable: true,
+  initializer: null
+})), _class2)) || _class) || _class);
+
+/**
+ * The namespace for the `CodeEditorWrapper` statics.
+ */
+/**
+ * The options used to initialize a code editor widget.
+ */
+/**
+ * Given a MimeData instance, extract the first text data, if any.
+ */
+function findTextData(event) {
+  var _event$dataTransfer;
+  var items = (_event$dataTransfer = event.dataTransfer) === null || _event$dataTransfer === void 0 ? void 0 : _event$dataTransfer.items;
+  if (!items) {
+    return;
+  }
+  var textTypeItem = Array.from(items).find(function (t) {
+    return t.type.indexOf('text') === 0;
+  });
+  if (textTypeItem === undefined) {
+    return undefined;
+  }
+  return event.dataTransfer.getData(textTypeItem.type);
+}