@monaco-editor/react - npm Package Compare versions

Comparing version 1.0.2 to 1.0.3

CHANGELOG.md

 ### Versions
 
+## 1.0.3
+###### *July 13, 2019*
+
+ - Add basic support for TypeScript
+
 ## 1.0.2
@@ -4,0 +9,0 @@ ###### *June 26, 2019*

lib/config/index.js

@@ -6,3 +6,3 @@ "use strict";
 });
-exports["default"] = void 0;
+exports.default = void 0;
 var config = {
@@ -25,2 +25,2 @@ urls: {
 var _default = config;
-exports["default"] = _default;
+exports.default = _default;

lib/DiffEditor/DiffEditor.js

@@ -6,3 +6,3 @@ "use strict";
 });
-exports["default"] = void 0;
+exports.default = void 0;
 
@@ -23,5 +23,5 @@ var _react = _interopRequireWildcard(require("react"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get || desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj["default"] = obj; return newObj; } }
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get || desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj.default = obj; return newObj; } }
 
@@ -105,4 +105,4 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; }
 
-    editorDidMount(modified.getValue.bind(editorRef.current), original.getValue.bind(editorRef.current), editorRef.current);
-    monacoRef.current.editor.defineTheme('dark', _config["default"].theme['night-dark']);
+    editorDidMount(modified.getValue.bind(modified), original.getValue.bind(original), editorRef.current);
+    monacoRef.current.editor.defineTheme('dark', _config.default.theme['night-dark']);
     monacoRef.current.editor.setTheme(theme);
@@ -125,12 +125,12 @@ setIsLoading(false);
 
-  return _react["default"].createElement("section", {
-    style: _objectSpread({}, _styles["default"].wrapper, {
+  return _react.default.createElement("section", {
+    style: _objectSpread({}, _styles.default.wrapper, {
       width: width,
       height: height
     })
-  }, isLoading && _react["default"].createElement(_Loading["default"], {
+  }, isLoading && _react.default.createElement(_Loading.default, {
     content: loading
-  }), _react["default"].createElement("div", {
+  }), _react.default.createElement("div", {
     ref: containerRef,
-    style: _objectSpread({}, _styles["default"].fullWidth, isLoading && _styles["default"].hide)
+    style: _objectSpread({}, _styles.default.fullWidth, isLoading && _styles.default.hide)
   }));
@@ -140,14 +140,14 @@ };
 DiffEditor.propTypes = {
-  original: _propTypes["default"].string,
-  modified: _propTypes["default"].string,
-  language: _propTypes["default"].string,
-  originalLanguage: _propTypes["default"].string,
-  modifiedLanguage: _propTypes["default"].string,
-  editorDidMount: _propTypes["default"].func,
-  theme: _propTypes["default"].string,
-  line: _propTypes["default"].number,
-  width: _propTypes["default"].oneOfType([_propTypes["default"].number, _propTypes["default"].string]),
-  height: _propTypes["default"].oneOfType([_propTypes["default"].number, _propTypes["default"].string]),
-  loading: _propTypes["default"].oneOfType([_propTypes["default"].element, _propTypes["default"].string]),
-  options: _propTypes["default"].object
+  original: _propTypes.default.string,
+  modified: _propTypes.default.string,
+  language: _propTypes.default.string,
+  originalLanguage: _propTypes.default.string,
+  modifiedLanguage: _propTypes.default.string,
+  editorDidMount: _propTypes.default.func,
+  theme: _propTypes.default.string,
+  line: _propTypes.default.number,
+  width: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
+  height: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
+  loading: _propTypes.default.oneOfType([_propTypes.default.element, _propTypes.default.string]),
+  options: _propTypes.default.object
 };
@@ -163,2 +163,2 @@ DiffEditor.defaultProps = {
 var _default = DiffEditor;
-exports["default"] = _default;
+exports.default = _default;

lib/DiffEditor/index.js

@@ -6,3 +6,3 @@ "use strict";
 });
-exports["default"] = void 0;
+exports.default = void 0;
 
@@ -13,6 +13,6 @@ var _react = require("react");
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _default = (0, _react.memo)(_DiffEditor["default"]);
+var _default = (0, _react.memo)(_DiffEditor.default);
 
-exports["default"] = _default;
+exports.default = _default;

lib/DiffEditor/index.spec.js

@@ -11,9 +11,9 @@ "use strict";
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 describe('<DiffEditor />', function () {
   it('should check render with snapshot', function () {
-    var component = (0, _react2.render)(_react["default"].createElement(_["default"], null));
+    var component = (0, _react2.render)(_react.default.createElement(_.default, null));
     expect(component).toMatchSnapshot();
   });
 });

lib/DiffEditor/styles.js

@@ -6,3 +6,3 @@ "use strict";
 });
-exports["default"] = void 0;
+exports.default = void 0;
 var styles = {
@@ -22,2 +22,2 @@ wrapper: {
 var _default = styles;
-exports["default"] = _default;
+exports.default = _default;

lib/Editor/Editor.js

@@ -6,3 +6,3 @@ "use strict";
 });
-exports["default"] = void 0;
+exports.default = void 0;
 
@@ -23,5 +23,5 @@ var _react = _interopRequireWildcard(require("react"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get || desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj["default"] = obj; return newObj; } }
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get || desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj.default = obj; return newObj; } }
 
@@ -91,3 +91,3 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; }
     editorDidMount(editorRef.current.getValue.bind(editorRef.current), editorRef.current);
-    monacoRef.current.editor.defineTheme('dark', _config["default"].theme['night-dark']);
+    monacoRef.current.editor.defineTheme('dark', _config.default.theme['night-dark']);
     monacoRef.current.editor.setTheme(theme);
@@ -101,12 +101,12 @@ setIsLoading(false);
 
-  return _react["default"].createElement("section", {
-    style: _objectSpread({}, _styles["default"].wrapper, {
+  return _react.default.createElement("section", {
+    style: _objectSpread({}, _styles.default.wrapper, {
       width: width,
       height: height
     })
-  }, isLoading && _react["default"].createElement(_Loading["default"], {
+  }, isLoading && _react.default.createElement(_Loading.default, {
     content: loading
-  }), _react["default"].createElement("div", {
+  }), _react.default.createElement("div", {
     ref: containerRef,
-    style: _objectSpread({}, _styles["default"].fullWidth, isLoading && _styles["default"].hide)
+    style: _objectSpread({}, _styles.default.fullWidth, isLoading && _styles.default.hide)
   }));
@@ -116,11 +116,11 @@ };
 Editor.propTypes = {
-  value: _propTypes["default"].string,
-  language: _propTypes["default"].string,
-  editorDidMount: _propTypes["default"].func,
-  theme: _propTypes["default"].string,
-  line: _propTypes["default"].number,
-  width: _propTypes["default"].oneOfType([_propTypes["default"].number, _propTypes["default"].string]),
-  height: _propTypes["default"].oneOfType([_propTypes["default"].number, _propTypes["default"].string]),
-  loading: _propTypes["default"].oneOfType([_propTypes["default"].element, _propTypes["default"].string]),
-  options: _propTypes["default"].object
+  value: _propTypes.default.string,
+  language: _propTypes.default.string,
+  editorDidMount: _propTypes.default.func,
+  theme: _propTypes.default.string,
+  line: _propTypes.default.number,
+  width: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
+  height: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
+  loading: _propTypes.default.oneOfType([_propTypes.default.element, _propTypes.default.string]),
+  options: _propTypes.default.object
 };
@@ -136,2 +136,2 @@ Editor.defaultProps = {
 var _default = Editor;
-exports["default"] = _default;
+exports.default = _default;

lib/Editor/index.js

@@ -6,3 +6,3 @@ "use strict";
 });
-exports["default"] = void 0;
+exports.default = void 0;
 
@@ -13,6 +13,6 @@ var _react = require("react");
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _default = (0, _react.memo)(_Editor["default"]);
+var _default = (0, _react.memo)(_Editor.default);
 
-exports["default"] = _default;
+exports.default = _default;

lib/Editor/index.spec.js

@@ -11,9 +11,9 @@ "use strict";
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 describe('<Editor />', function () {
   it('should check render with snapshot', function () {
-    var component = (0, _react2.render)(_react["default"].createElement(_["default"], null));
+    var component = (0, _react2.render)(_react.default.createElement(_.default, null));
     expect(component).toMatchSnapshot();
   });
 });

lib/Editor/styles.js

@@ -6,3 +6,3 @@ "use strict";
 });
-exports["default"] = void 0;
+exports.default = void 0;
 var styles = {
@@ -22,2 +22,2 @@ wrapper: {
 var _default = styles;
-exports["default"] = _default;
+exports.default = _default;

lib/index.js

@@ -9,6 +9,6 @@ "use strict";
   get: function get() {
-    return _DiffEditor["default"];
+    return _DiffEditor.default;
   }
 });
-exports["default"] = void 0;
+exports.default = void 0;
 
@@ -19,5 +19,5 @@ var _Editor = _interopRequireDefault(require("./Editor"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _default = _Editor["default"];
-exports["default"] = _default;
+var _default = _Editor.default;
+exports.default = _default;

lib/Loading/index.js

@@ -6,9 +6,9 @@ "use strict";
 });
-exports["default"] = void 0;
+exports.default = void 0;
 
 var _Loading = _interopRequireDefault(require("./Loading"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _default = _Loading["default"];
-exports["default"] = _default;
+var _default = _Loading.default;
+exports.default = _default;

lib/Loading/index.spec.js

@@ -11,11 +11,11 @@ "use strict";
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 describe('<Loading />', function () {
   it('should check render with snapshot', function () {
-    var component = (0, _react2.render)(_react["default"].createElement(_["default"], null));
+    var component = (0, _react2.render)(_react.default.createElement(_.default, null));
     expect(component).toMatchSnapshot();
   });
   it('should check is it wrapped with <div />', function () {
-    var component = (0, _react2.render)(_react["default"].createElement(_["default"], null));
+    var component = (0, _react2.render)(_react.default.createElement(_.default, null));
     var container = component.container;
@@ -26,3 +26,3 @@ expect(container.firstChild.tagName).toBe('DIV');
     var content = 'Loading...';
-    var component = (0, _react2.render)(_react["default"].createElement(_["default"], {
+    var component = (0, _react2.render)(_react.default.createElement(_.default, {
       content: content
@@ -29,0 +29,0 @@ }));

lib/Loading/Loading.js

@@ -6,7 +6,7 @@ "use strict";
 });
-exports["default"] = void 0;
+exports.default = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -23,3 +23,3 @@ var loadingStyles = {
   var content = _ref.content;
-  return _react["default"].createElement("div", {
+  return _react.default.createElement("div", {
     style: loadingStyles
@@ -30,2 +30,2 @@ }, content);
 var _default = Loading;
-exports["default"] = _default;
+exports.default = _default;

lib/utils/hooks/index.js

@@ -9,3 +9,3 @@ "use strict";
   get: function get() {
-    return _useMount["default"];
+    return _useMount.default;
   }
@@ -16,3 +16,3 @@ });
   get: function get() {
-    return _useUpdate["default"];
+    return _useUpdate.default;
   }
@@ -25,2 +25,2 @@ });
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

lib/utils/hooks/useMount/index.js

@@ -6,3 +6,3 @@ "use strict";
 });
-exports["default"] = void 0;
+exports.default = void 0;
 
@@ -16,2 +16,2 @@ var _react = require("react");
 var _default = useMount;
-exports["default"] = _default;
+exports.default = _default;

lib/utils/hooks/useUpdate/index.js

@@ -6,3 +6,3 @@ "use strict";
 });
-exports["default"] = void 0;
+exports.default = void 0;
 
@@ -19,2 +19,2 @@ var _react = require("react");
 var _default = useUpdate;
-exports["default"] = _default;
+exports.default = _default;

lib/utils/index.js

@@ -9,3 +9,3 @@ "use strict";
   get: function get() {
-    return _monaco["default"];
+    return _monaco.default;
   }
@@ -16,3 +16,3 @@ });
   get: function get() {
-    return _noop["default"];
+    return _noop.default;
   }
@@ -25,2 +25,2 @@ });
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

lib/utils/monaco.js

@@ -6,7 +6,7 @@ "use strict";
 });
-exports["default"] = void 0;
+exports.default = void 0;
 
 var _config = _interopRequireDefault(require("../config"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -59,3 +59,3 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
-      var loaderScript = this.createScript(_config["default"].urls.monacoLoader);
+      var loaderScript = this.createScript(_config.default.urls.monacoLoader);
 
@@ -73,3 +73,3 @@ loaderScript.onload = function (_) {
       var mainScript = this.createScript();
-      mainScript.innerHTML = "\n      require.config({ paths: { 'vs': '".concat(_config["default"].urls.monacoBase, "' }});\n      require(['vs/editor/editor.main'], function() {\n        document.dispatchEvent(new Event('monaco_init'));\n      });\n    ");
+      mainScript.innerHTML = "\n      require.config({ paths: { 'vs': '".concat(_config.default.urls.monacoBase, "' }});\n      require(['vs/editor/editor.main'], function() {\n        document.dispatchEvent(new Event('monaco_init'));\n      });\n    ");
       mainScript.onerror = this.reject;
@@ -104,2 +104,2 @@ return mainScript;
 
-exports["default"] = _default;
+exports.default = _default;

lib/utils/noop.js

@@ -6,3 +6,3 @@ "use strict";
 });
-exports["default"] = void 0;
+exports.default = void 0;
 
@@ -12,2 +12,2 @@ var noop = function noop(_) {};
 var _default = noop;
-exports["default"] = _default;
+exports.default = _default;

package.json

 {
   "name": "@monaco-editor/react",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "description": "Monaco editor wrapper for easy/one-line integration with React applications (e.g. powered by create-react-app) without need of webpack configuration files",
@@ -5,0 +5,0 @@ "main": "lib/index.js",

README.md

@@ -27,3 +27,3 @@ # monaco-react
 
-Example
+Example ([codesandbox](https://codesandbox.io/s/monaco-editor-react-u0fyv))
 ```js
@@ -30,0 +30,0 @@ import React, { useState } from 'react';

No alert changes

Improved metrics

Number of downloads

961272

increased by470.88%

Worsened metrics

Total package byte prevSize

40570

decreased by-3.43%

Number of package files

28

decreased by-3.45%

Lines of code

557

decreased by-3.63%

No dependency changes