@harmoniclabs/monaco-editor 0.52.0

package/test/manual/diff.js

@@ -0,0 +1,451 @@
+/// <reference path="../../node_modules/monaco-editor-core/monaco.d.ts" />
+define(['require'], function (require) {
+	var container = document.getElementById('container');
+
+	var original = monaco.editor.createModel(getOriginalStr(), 'javascript');
+	var modified = monaco.editor.createModel(getModifiedStr(), 'javascript');
+
+	var diffEditor = monaco.editor.createDiffEditor(container, {});
+
+	diffEditor.setModel({
+		original: original,
+		modified: modified
+	});
+});
+
+function getOriginalStr() {
+	return [
+		'/*',
+		'  © Microsoft. All rights reserved.',
+		'',
+		'  This library is supported for use in Windows Tailored Apps only.',
+		'',
+		'  Build: 6.2.8100.0',
+		'  Version: 0.5',
+		'*/',
+		'',
+		'(function (global, undefined) {',
+		'	"use strict";',
+		'	undefinedVariable = {};',
+		'	undefinedVariable.prop = 5;',
+		'',
+		'	function initializeProperties(target, members) {',
+		'		var keys = Object.keys(members);',
+		'		var properties;',
+		'		var i, len;',
+		'		for (i = 0, len = keys.length; i < len; i++) {',
+		'			var key = keys[i];',
+		'			var enumerable = key.charCodeAt(0) !== /*_*/95;',
+		'			var member = members[key];',
+		"			if (member && typeof member === 'object') {",
+		"				if (member.value !== undefined || typeof member.get === 'function' || typeof member.set === 'function') {",
+		'					if (member.enumerable === undefined) {',
+		'						member.enumerable = enumerable;',
+		'					}',
+		'					properties = properties || {};',
+		'					properties[key] = member;',
+		'					continue;',
+		'				}',
+		'			}',
+		'			// These next lines will be deleted',
+		'			if (!enumerable) {',
+		'				properties = properties || {};',
+		'				properties[key] = { value: member, enumerable: enumerable, configurable: true, writable: true }',
+		'				continue;',
+		'			}',
+		'			target[key] = member;',
+		'		}',
+		'		if (properties) {',
+		'			Object.defineProperties(target, properties);',
+		'		}',
+		'	}',
+		'',
+		'	(function (rootNamespace) {',
+		'',
+		'		// Create the rootNamespace in the global namespace',
+		'		if (!global[rootNamespace]) {',
+		'			global[rootNamespace] = Object.create(Object.prototype);',
+		'		}',
+		'',
+		'		// Cache the rootNamespace we just created in a local variable',
+		'		var _rootNamespace = global[rootNamespace];',
+		'		if (!_rootNamespace.Namespace) {',
+		'			_rootNamespace.Namespace = Object.create(Object.prototype);',
+		'		}',
+		'',
+		'		function defineWithParent(parentNamespace, name, members) {',
+		'			/// <summary locid="1">',
+		'			/// Defines a new namespace with the specified name, under the specified parent namespace.',
+		'			/// </summary>',
+		'			/// <param name="parentNamespace" type="Object" locid="2">',
+		'			/// The parent namespace which will contain the new namespace.',
+		'			/// </param>',
+		'			/// <param name="name" type="String" locid="3">',
+		'			/// Name of the new namespace.',
+		'			/// </param>',
+		'			/// <param name="members" type="Object" locid="4">',
+		'			/// Members in the new namespace.',
+		'			/// </param>',
+		'			/// <returns locid="5">',
+		'			/// The newly defined namespace.',
+		'			/// </returns>',
+		'			var currentNamespace = parentNamespace,',
+		'				namespaceFragments = name.split(".");',
+		'',
+		'			for (var i = 0, len = namespaceFragments.length; i < len; i++) {',
+		'				var namespaceName = namespaceFragments[i];',
+		'				if (!currentNamespace[namespaceName]) {',
+		'					Object.defineProperty(currentNamespace, namespaceName,',
+		'						{ value: {}, writable: false, enumerable: true, configurable: true }',
+		'					);',
+		'				}',
+		'				currentNamespace = currentNamespace[namespaceName];',
+		'			}',
+		'',
+		'			if (members) {',
+		'				initializeProperties(currentNamespace, members);',
+		'			}',
+		'',
+		'			return currentNamespace;',
+		'		}',
+		'',
+		'		function define(name, members) {',
+		'			/// <summary locid="6">',
+		'			/// Defines a new namespace with the specified name.',
+		'			/// </summary>',
+		'			/// <param name="name" type="String" locid="7">',
+		'			/// Name of the namespace.  This could be a dot-separated nested name.',
+		'			/// </param>',
+		'			/// <param name="members" type="Object" locid="4">',
+		'			/// Members in the new namespace.',
+		'			/// </param>',
+		'			/// <returns locid="5">',
+		'			/// The newly defined namespace.',
+		'			/// </returns>',
+		'			return defineWithParent(global, name, members);',
+		'		}',
+		'',
+		'		// Establish members of the "WinJS.Namespace" namespace',
+		'		Object.defineProperties(_rootNamespace.Namespace, {',
+		'',
+		'			defineWithParent: { value: defineWithParent, writable: true, enumerable: true },',
+		'',
+		'			define: { value: define, writable: true, enumerable: true }',
+		'',
+		'		});',
+		'',
+		'	})("WinJS");',
+		'',
+		'	(function (WinJS) {',
+		'',
+		'		function define(constructor, instanceMembers, staticMembers) {',
+		'			/// <summary locid="8">',
+		'			/// Defines a class using the given constructor and with the specified instance members.',
+		'			/// </summary>',
+		'			/// <param name="constructor" type="Function" locid="9">',
+		'			/// A constructor function that will be used to instantiate this class.',
+		'			/// </param>',
+		'			/// <param name="instanceMembers" type="Object" locid="10">',
+		'			/// The set of instance fields, properties and methods to be made available on the class.',
+		'			/// </param>',
+		'			/// <param name="staticMembers" type="Object" locid="11">',
+		'			/// The set of static fields, properties and methods to be made available on the class.',
+		'			/// </param>',
+		'			/// <returns type="Function" locid="12">',
+		'			/// The newly defined class.',
+		'			/// </returns>',
+		'			constructor = constructor || function () { };',
+		'			if (instanceMembers) {',
+		'				initializeProperties(constructor.prototype, instanceMembers);',
+		'			}',
+		'			if (staticMembers) {',
+		'				initializeProperties(constructor, staticMembers);',
+		'			}',
+		'			return constructor;',
+		'		}',
+		'',
+		'		function derive(baseClass, constructor, instanceMembers, staticMembers) {',
+		'			/// <summary locid="13">',
+		'			/// Uses prototypal inheritance to create a sub-class based on the supplied baseClass parameter.',
+		'			/// </summary>',
+		'			/// <param name="baseClass" type="Function" locid="14">',
+		'			/// The class to inherit from.',
+		'			/// </param>',
+		'			/// <param name="constructor" type="Function" locid="9">',
+		'			/// A constructor function that will be used to instantiate this class.',
+		'			/// </param>',
+		'			/// <param name="instanceMembers" type="Object" locid="10">',
+		'			/// The set of instance fields, properties and methods to be made available on the class.',
+		'			/// </param>',
+		'			/// <param name="staticMembers" type="Object" locid="11">',
+		'			/// The set of static fields, properties and methods to be made available on the class.',
+		'			/// </param>',
+		'			/// <returns type="Function" locid="12">',
+		'			/// The newly defined class.',
+		'			/// </returns>',
+		'			if (baseClass) {',
+		'				constructor = constructor || function () { };',
+		'				var basePrototype = baseClass.prototype;',
+		'				constructor.prototype = Object.create(basePrototype);',
+		'				Object.defineProperty(constructor.prototype, "_super", { value: basePrototype });',
+		'				Object.defineProperty(constructor.prototype, "constructor", { value: constructor });',
+		'				if (instanceMembers) {',
+		'					initializeProperties(constructor.prototype, instanceMembers);',
+		'				}',
+		'				if (staticMembers) {',
+		'					initializeProperties(constructor, staticMembers);',
+		'				}',
+		'				return constructor;',
+		'			} else {',
+		'				return define(constructor, instanceMembers, staticMembers);',
+		'			}',
+		'		}',
+		'',
+		'		function mix(constructor) {',
+		'			/// <summary locid="15">',
+		'			/// Defines a class using the given constructor and the union of the set of instance members',
+		'			/// specified by all the mixin objects.  The mixin parameter list can be of variable length.',
+		'			/// </summary>',
+		'			/// <param name="constructor" locid="9">',
+		'			/// A constructor function that will be used to instantiate this class.',
+		'			/// </param>',
+		'			/// <returns locid="12">',
+		'			/// The newly defined class.',
+		'			/// </returns>',
+		'			constructor = constructor || function () { };',
+		'			var i, len;',
+		'			for (i = 0, len = arguments.length; i < len; i++) {',
+		'				initializeProperties(constructor.prototype, arguments[i]);',
+		'			}',
+		'			return constructor;',
+		'		}',
+		'',
+		'		// Establish members of "WinJS.Class" namespace',
+		'		WinJS.Namespace.define("WinJS.Class", {',
+		'			define: define,',
+		'			derive: derive,',
+		'			mix: mix',
+		'		});',
+		'',
+		'	})(WinJS);',
+		'',
+		'})(this);'
+	].join('\n');
+}
+
+function getModifiedStr() {
+	return [
+		'/*',
+		'  © Microsoft. All rights reserved.',
+		'',
+		'  This library is supported for use in Windows Tailored Apps only.',
+		'',
+		'  Build: 6.2.8100.0',
+		'  Version: 0.5',
+		'*/',
+		'',
+		'// Here are some inserted lines',
+		'// with some extra comments',
+		'',
+		'(function (global, undefined) {',
+		'	"use strict";',
+		'	var definedVariable = {};',
+		'	definedVariable.prop = 5;',
+		'',
+		'	function initializeProperties(target, members) {',
+		'		var keys = Object.keys(members);',
+		'		var properties;',
+		'		var i, len;',
+		'		for (i = 0, len = keys.length; i < len; i++) {',
+		'			var key = keys[i];',
+		'			var enumerable = key.charCodeAt(0) !== /*_*/95;',
+		'			var member = members[key];',
+		"			if (member && typeof member === 'object') {",
+		"				if (member.value !== undefined || typeof member.get === 'function' || typeof member.set === 'function') {",
+		'					if (member.enumerable === undefined) {',
+		'						member.enumerable = enumerable;',
+		'					}',
+		'					properties = properties || {};',
+		'					properties[key] = member;',
+		'					continue;',
+		'				}',
+		'			}',
+		'			target[key] = member;',
+		'		}',
+		'		if (properties) {',
+		'			Object.defineProperties(target, properties);',
+		'		}',
+		'	}',
+		'',
+		'	(function (rootNamespace) {',
+		'',
+		'		// Create the rootNamespace in the global namespace',
+		'		if (!global[rootNamespace]) {',
+		'			global[rootNamespace] = Object.create(Object.prototype);',
+		'		}',
+		'',
+		'		// Cache the rootNamespace we just created in a local variable',
+		'		var _rootNamespace = global[rootNamespace];',
+		'		if (!_rootNamespace.Namespace) {',
+		'			_rootNamespace.Namespace = Object.create(Object.prototype);',
+		'		}',
+		'',
+		'		function defineWithParent(parentNamespace, name, members) {',
+		'			/// <summary locid="1">',
+		'			/// Defines a new namespace with the specified name, under the specified parent namespace.',
+		'			/// </summary>',
+		'			/// <param name="parentNamespace" type="Object" locid="2">',
+		'			/// The parent namespace which will contain the new namespace.',
+		'			/// </param>',
+		'			/// <param name="name" type="String" locid="3">',
+		'			/// Name of the new namespace.',
+		'			/// </param>',
+		'			/// <param name="members" type="Object" locid="4">',
+		'			/// Members in the new namespace.',
+		'			/// </param>',
+		'			/// <returns locid="5">',
+		'			/// The newly defined namespace.',
+		'			/// </returns>',
+		'			var currentNamespace = parentNamespace,',
+		'				namespaceFragments = name.split(".");',
+		'',
+		'			for (var i = 0, len = namespaceFragments.length; i < len; i++) {',
+		'				var namespaceName = namespaceFragments[i];',
+		'				if (!currentNamespace[namespaceName]) {',
+		'					Object.defineProperty(currentNamespace, namespaceName,',
+		'						{ value: {}, writable: false, enumerable: true, configurable: true }',
+		'					);',
+		'				}',
+		'				currentNamespace = currentNamespace[namespaceName];',
+		'			}',
+		'',
+		'			if (members) {',
+		'				initializeProperties(currentNamespace, members);',
+		'			}',
+		'',
+		'			return currentNamespace;',
+		'		}',
+		'',
+		'		function define(name, members) {',
+		'			/// <summary locid="6">',
+		'			/// Defines a new namespace with the specified name.',
+		'			/// </summary>',
+		'			/// <param name="name" type="String" locid="7">',
+		'			/// Name of the namespace.  This could be a dot-separated nested name.',
+		'			/// </param>',
+		'			/// <param name="members" type="Object" locid="4">',
+		'			/// Members in the new namespace.',
+		'			/// </param>',
+		'			/// <returns locid="5">',
+		'			/// The newly defined namespace.',
+		'			/// </returns>',
+		'			return defineWithParent(global, name, members);',
+		'		}',
+		'',
+		'		// Establish members of the "WinJS.Namespace" namespace',
+		'		Object.defineProperties(_rootNamespace.Namespace, {',
+		'',
+		'			defineWithParent: { value: defineWithParent, writable: true, enumerable: true },',
+		'',
+		'			define: { value: define, writable: true, enumerable: true }',
+		'',
+		'		});',
+		'',
+		'	})("WinJS");',
+		'',
+		'	(function (WinJS) {',
+		'',
+		'		function define(constructor, instanceMembers, staticMembers) {',
+		'			/// <summary locid="8">',
+		'			/// Defines a class using the given constructor and with the specified instance members.',
+		'			/// </summary>',
+		'			/// <param name="constructor" type="Function" locid="9">',
+		'			/// A constructor function that will be used to instantiate this class.',
+		'			/// </param>',
+		'			/// <param name="instanceMembers" type="Object" locid="10">',
+		'			/// The set of instance fields, properties and methods to be made available on the class.',
+		'			/// </param>',
+		'			/// <param name="staticMembers" type="Object" locid="11">',
+		'			/// The set of static fields, properties and methods to be made available on the class.',
+		'			/// </param>',
+		'			/// <returns type="Function" locid="12">',
+		'			/// The newly defined class.',
+		'			/// </returns>',
+		'			constructor = constructor || function () { };',
+		'			if (instanceMembers) {',
+		'				initializeProperties(constructor.prototype, instanceMembers);',
+		'			}',
+		'			if (staticMembers) {',
+		'				initializeProperties(constructor, staticMembers);',
+		'			}',
+		'			return constructor;',
+		'		}',
+		'',
+		'		function derive(baseClass, constructor, instanceMembers, staticMembers) {',
+		'			/// <summary locid="13">',
+		'			/// Uses prototypal inheritance to create a sub-class based on the supplied baseClass parameter.',
+		'			/// </summary>',
+		'			/// <param name="baseClass" type="Function" locid="14">',
+		'			/// The class to inherit from.',
+		'			/// </param>',
+		'			/// <param name="constructor" type="Function" locid="9">',
+		'			/// A constructor function that will be used to instantiate this class.',
+		'			/// </param>',
+		'			/// <param name="instanceMembers" type="Object" locid="10">',
+		'			/// The set of instance fields, properties and methods to be made available on the class.',
+		'			/// </param>',
+		'			/// <param name="staticMembers" type="Object" locid="11">',
+		'			/// The set of static fields, properties and methods to be made available on the class.',
+		'			/// </param>',
+		'			/// <returns type="Function" locid="12">',
+		'			/// The newly defined class.',
+		'			/// </returns>',
+		'			if (baseClass) {',
+		'				constructor = constructor || function () { };',
+		'				var basePrototype = baseClass.prototype;',
+		'				constructor.prototype = Object.create(basePrototype);',
+		'				Object.defineProperty(constructor.prototype, "_super", { value: basePrototype });',
+		'				Object.defineProperty(constructor.prototype, "constructor", { value: constructor });',
+		'				if (instanceMembers) {',
+		'					initializeProperties(constructor.prototype, instanceMembers);',
+		'				}',
+		'				if (staticMembers) {',
+		'					initializeProperties(constructor, staticMembers);',
+		'				}',
+		'				return constructor;',
+		'			} else {',
+		'				return define(constructor, instanceMembers, staticMembers);',
+		'			}',
+		'		}',
+		'',
+		'		function mix(constructor) {',
+		'			/// <summary locid="15">',
+		'			/// Defines a class using the given constructor and the union of the set of instance members',
+		'			/// specified by all the mixin objects.  The mixin parameter list can be of variable length.',
+		'			/// </summary>',
+		'			/// <param name="constructor" locid="9">',
+		'			/// A constructor function that will be used to instantiate this class.',
+		'			/// </param>',
+		'			/// <returns locid="12">',
+		'			/// The newly defined class.',
+		'			/// </returns>',
+		'			constructor = constructor || function () { };',
+		'			var i, len;',
+		'			for (i = 0, len = arguments.length; i < len; i++) {',
+		'				initializeProperties(constructor.prototype, arguments[i]);',
+		'			}',
+		'			return constructor;',
+		'		}',
+		'',
+		'		// Establish members of "WinJS.Class" namespace',
+		'		WinJS.Namespace.define("WinJS.Class", {',
+		'			define: define,',
+		'			derive: derive,',
+		'			mix: mix',
+		'		});',
+		'',
+		'	})(WinJS);',
+		'',
+		'})(this);'
+	].join('\n');
+}

package/test/manual/iframe-inner.html

@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
+	</head>
+	<body style="height: 100%">
+		<div
+			style="
+				position: absolute;
+				left: 10px;
+				top: 10px;
+				width: 400px;
+				height: 200px;
+				border: 1px solid silver;
+			"
+			id="editor"
+		></div>
+
+		<script src="dev-setup.js"></script>
+		<script>
+			loadEditor(function () {
+				monaco.editor.create(document.getElementById('editor'), {
+					value: `function hello()\n{\treturn 5;\n}`,
+					language: 'javascript'
+				});
+			});
+		</script>
+	</body>
+</html>

package/test/manual/iframe.html

@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
+	</head>
+	<body>
+		<h2>Monaco Editor in iframe</h2>
+
+		<input type="text" style="position: absolute; top: 60px; left: 20px" />
+
+		<iframe
+			src="./iframe-inner.html"
+			style="
+				position: absolute;
+				left: 20px;
+				top: 100px;
+				width: calc(100% - 40px);
+				height: 300px;
+				border: 1px solid silver;
+			"
+		></iframe>
+	</body>
+</html>

package/test/manual/index.css

@@ -0,0 +1,14 @@
+.monaco-editor .token.custom-info {
+	color: grey !important;
+}
+.monaco-editor .token.custom-error {
+	color: red !important;
+	font-weight: bold !important;
+	font-size: 1.2em !important;
+}
+.monaco-editor .token.custom-notice {
+	color: orange !important;
+}
+.monaco-editor .token.custom-date {
+	color: green !important;
+}

package/test/manual/index.html

@@ -0,0 +1,44 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
+		<link rel="stylesheet" href="./index.css" />
+	</head>
+	<body>
+		Jump to:
+		<a class="loading-opts" href="./generated/playground/index.html">[PLAYGROUND]</a> &#160;|&#160;
+		<a class="loading-opts" href="./shadow-dom.html">[Shadow DOM]</a> &#160;|&#160;
+		<a class="loading-opts" href="./diff.html">[Diff]</a> &#160;|&#160;
+		<a class="loading-opts" href="./typescript/index.html">[TypeScript]</a> &#160;|&#160;
+		<a class="loading-opts" href="./typescript/custom-worker.html">[TS Worker]</a>
+		&#160;|&#160;
+		<a class="loading-opts" href="./iframe.html">[iframe]</a>
+		<br />&#160;|&#160;
+		<a class="loading-opts" href="./cross-origin.html">[cross origin]</a> &#160;|&#160;
+		<a class="loading-opts" href="./mouse-fixed.html">[fixed element]</a> &#160;|&#160;
+		<a class="loading-opts" href="./mouse-scrollable-body.html">[scrollable body]</a> &#160;|&#160;
+		<a class="loading-opts" href="./mouse-scrollable-element.html">[scrollable element]</a>
+		&#160;|&#160;
+		<a class="loading-opts" href="./transform.html">[transform]</a>
+		<br /><br />
+
+		<div id="bar" style="margin-bottom: 6px"></div>
+		<div style="clear: both"></div>
+		<div
+			id="container"
+			style="float: left; width: 800px; height: 450px; border: 1px solid grey"
+		></div>
+		<div
+			id="options"
+			style="float: left; width: 220px; height: 450px; border: 1px solid grey"
+		></div>
+		<div style="clear: both"></div>
+
+		<script src="dev-setup.js"></script>
+		<script>
+			loadEditor(function () {
+				require(['./index'], function () {});
+			});
+		</script>
+	</body>
+</html>