New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More
Socket
Sign inDemoInstall
Socket

@monaco-editor/react

Package Overview
Dependencies
Maintainers
1
Versions
102
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@monaco-editor/react - npm Package Compare versions

Comparing version 1.2.3 to 2.0.0

6

CHANGELOG.md
### Versions
## 2.0.0
###### *Oct 9, 2019*
- set the default version of monaco to 0.18.1
- set last value by .setValue method before changing the language
## 1.2.3

@@ -4,0 +10,0 @@ ###### *Oct 7, 2019*

8

lib/config/index.js

@@ -6,10 +6,10 @@ "use strict";

});
exports["default"] = void 0;
exports.default = void 0;
var config = {
urls: {
monacoLoader: 'https://cdn.jsdelivr.net/npm/monaco-editor@0.17.1/min/vs/loader.js',
monacoBase: 'https://cdn.jsdelivr.net/npm/monaco-editor@0.17.1/min/vs'
monacoLoader: 'https://cdn.jsdelivr.net/npm/monaco-editor@0.18.1/min/vs/loader.js',
monacoBase: 'https://cdn.jsdelivr.net/npm/monaco-editor@0.18.1/min/vs'
}
};
var _default = config;
exports["default"] = _default;
exports.default = _default;

@@ -6,3 +6,3 @@ "use strict";

});
exports["default"] = void 0;
exports.default = void 0;
var themes = {

@@ -19,2 +19,2 @@ 'night-dark': {

var _default = themes;
exports["default"] = _default;
exports.default = _default;

@@ -6,3 +6,3 @@ "use strict";

});
exports["default"] = void 0;
exports.default = void 0;

@@ -17,3 +17,3 @@ 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 }; }

@@ -46,3 +46,3 @@ function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }

return _react["default"].createElement(_["default"], _extends({
return _react.default.createElement(_.default, _extends({
value: value,

@@ -54,5 +54,5 @@ editorDidMount: handleEditorDidMount

ControlledEditor.propTypes = {
value: _propTypes["default"].string,
editorDidMount: _propTypes["default"].func,
onChange: _propTypes["default"].func
value: _propTypes.default.string,
editorDidMount: _propTypes.default.func,
onChange: _propTypes.default.func
};

@@ -64,2 +64,2 @@ ControlledEditor.defaultProps = {

var _default = ControlledEditor;
exports["default"] = _default;
exports.default = _default;

@@ -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)(_ControlledEditor["default"]);
var _default = (0, _react.memo)(_ControlledEditor.default);
exports["default"] = _default;
exports.default = _default;

@@ -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('<ControlledEditor />', 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();
});
});

@@ -6,3 +6,3 @@ "use strict";

});
exports["default"] = void 0;
exports.default = void 0;

@@ -23,7 +23,7 @@ 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 _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; if (obj != null) { var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; if (obj != null) { var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }

@@ -74,3 +74,3 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }

return (monacoRef.current = monaco) && setIsMonacoMounting(false);
})["catch"](function (error) {
}).catch(function (error) {
return console.error('An error occurred during initialization of Monaco: ', error);

@@ -125,3 +125,3 @@ });

editorDidMount(modified.getValue.bind(modified), original.getValue.bind(original), editorRef.current);
monacoRef.current.editor.defineTheme('dark', _themes["default"]['night-dark']);
monacoRef.current.editor.defineTheme('dark', _themes.default['night-dark']);
monacoRef.current.editor.setTheme(theme);

@@ -138,12 +138,12 @@ setIsEditorReady(true);

return _react["default"].createElement("section", {
style: _objectSpread({}, _styles["default"].wrapper, {
return _react.default.createElement("section", {
style: _objectSpread({}, _styles.default.wrapper, {
width: width,
height: height
})
}, !isEditorReady && _react["default"].createElement(_Loading["default"], {
}, !isEditorReady && _react.default.createElement(_Loading.default, {
content: loading
}), _react["default"].createElement("div", {
}), _react.default.createElement("div", {
ref: containerRef,
style: _objectSpread({}, _styles["default"].fullWidth, {}, !isEditorReady && _styles["default"].hide)
style: _objectSpread({}, _styles.default.fullWidth, {}, !isEditorReady && _styles.default.hide)
}));

@@ -153,14 +153,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
};

@@ -176,2 +176,2 @@ DiffEditor.defaultProps = {

var _default = DiffEditor;
exports["default"] = _default;
exports.default = _default;

@@ -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;

@@ -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();
});
});

@@ -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;

@@ -6,3 +6,3 @@ "use strict";

});
exports["default"] = void 0;
exports.default = void 0;

@@ -23,7 +23,7 @@ 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 _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; if (obj != null) { var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; if (obj != null) { var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }

@@ -71,3 +71,3 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }

return (monacoRef.current = monaco) && setIsMonacoMounting(false);
})["catch"](function (error) {
}).catch(function (error) {
return console.error('An error occurred during initialization of Monaco: ', error);

@@ -90,2 +90,4 @@ });

(0, _hooks.useUpdate)(function (_) {
// set last value by .setValue method before changing the language
editorRef.current.setValue(value);
monacoRef.current.editor.setModelLanguage(editorRef.current.getModel(), language);

@@ -111,3 +113,3 @@ }, [language], isEditorReady);

editorDidMount(editorRef.current.getValue.bind(editorRef.current), editorRef.current);
monacoRef.current.editor.defineTheme('dark', _themes["default"]['night-dark']);
monacoRef.current.editor.defineTheme('dark', _themes.default['night-dark']);
monacoRef.current.editor.setTheme(theme);

@@ -124,12 +126,12 @@ setIsEditorReady(true);

return _react["default"].createElement("section", {
style: _objectSpread({}, _styles["default"].wrapper, {
return _react.default.createElement("section", {
style: _objectSpread({}, _styles.default.wrapper, {
width: width,
height: height
})
}, !isEditorReady && _react["default"].createElement(_Loading["default"], {
}, !isEditorReady && _react.default.createElement(_Loading.default, {
content: loading
}), _react["default"].createElement("div", {
}), _react.default.createElement("div", {
ref: containerRef,
style: _objectSpread({}, _styles["default"].fullWidth, {}, !isEditorReady && _styles["default"].hide)
style: _objectSpread({}, _styles.default.fullWidth, {}, !isEditorReady && _styles.default.hide)
}));

@@ -139,11 +141,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
};

@@ -159,2 +161,2 @@ Editor.defaultProps = {

var _default = Editor;
exports["default"] = _default;
exports.default = _default;

@@ -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;

@@ -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();
});
});

@@ -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;

@@ -9,3 +9,3 @@ "use strict";

get: function get() {
return _DiffEditor["default"];
return _DiffEditor.default;
}

@@ -16,3 +16,3 @@ });

get: function get() {
return _ControlledEditor["default"];
return _ControlledEditor.default;
}

@@ -26,3 +26,3 @@ });

});
exports["default"] = void 0;
exports.default = void 0;

@@ -37,5 +37,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;

@@ -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;

@@ -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 @@ }));

@@ -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;

@@ -6,3 +6,3 @@ "use strict";

});
exports["default"] = void 0;
exports.default = void 0;

@@ -23,2 +23,2 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }

var _default = merge;
exports["default"] = _default;
exports.default = _default;

@@ -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 }; }

@@ -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;

@@ -6,3 +6,3 @@ "use strict";

});
exports["default"] = void 0;
exports.default = void 0;

@@ -20,2 +20,2 @@ var _react = require("react");

var _default = useUpdate;
exports["default"] = _default;
exports.default = _default;

@@ -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;
}

@@ -23,3 +23,3 @@ });

get: function get() {
return _deepMerge["default"];
return _deepMerge.default;
}

@@ -34,2 +34,2 @@ });

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

@@ -6,3 +6,3 @@ "use strict";

});
exports["default"] = void 0;
exports.default = void 0;

@@ -13,3 +13,3 @@ var _config2 = _interopRequireDefault(require("../config"));

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

@@ -116,4 +116,4 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

var _default = new Monaco(_config2["default"]);
var _default = new Monaco(_config2.default);
exports["default"] = _default;
exports.default = _default;

@@ -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;
{
"name": "@monaco-editor/react",
"version": "1.2.3",
"version": "2.0.0",
"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",

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc