@harmoniclabs/monaco-editor 0.52.0

package/website/src/website/data/home-samples/sample.typescript.txt

@@ -0,0 +1,124 @@
+/* Game of Life
+ * Implemented in TypeScript
+ * To learn more about TypeScript, please visit http://www.typescriptlang.org/
+ */
+
+namespace Conway {
+
+	export class Cell {
+		public row: number;
+		public col: number;
+		public live: boolean;
+
+		constructor(row: number, col: number, live: boolean) {
+			this.row = row;
+			this.col = col;
+			this.live = live;
+		}
+	}
+
+	export class GameOfLife {
+		private gridSize: number;
+		private canvasSize: number;
+		private lineColor: string;
+		private liveColor: string;
+		private deadColor: string;
+		private initialLifeProbability: number;
+		private animationRate: number;
+		private cellSize: number;
+		private context: CanvasRenderingContext2D;
+		private world;
+
+
+		constructor() {
+			this.gridSize = 50;
+			this.canvasSize = 600;
+			this.lineColor = '#cdcdcd';
+			this.liveColor = '#666';
+			this.deadColor = '#eee';
+			this.initialLifeProbability = 0.5;
+			this.animationRate = 60;
+			this.cellSize = 0;
+			this.world = this.createWorld();
+			this.circleOfLife();
+		}
+
+		public createWorld() {
+			return this.travelWorld( (cell : Cell) =>  {
+				cell.live = Math.random() < this.initialLifeProbability;
+				return cell;
+			});
+		}
+
+		public circleOfLife() : void {
+			this.world = this.travelWorld( (cell: Cell) => {
+				cell = this.world[cell.row][cell.col];
+				this.draw(cell);
+				return this.resolveNextGeneration(cell);
+			});
+			setTimeout( () => {this.circleOfLife()}, this.animationRate);
+		}
+
+		public resolveNextGeneration(cell : Cell) {
+			var count = this.countNeighbors(cell);
+			var newCell = new Cell(cell.row, cell.col, cell.live);
+			if(count < 2 || count > 3) newCell.live = false;
+			else if(count == 3) newCell.live = true;
+			return newCell;
+		}
+
+		public countNeighbors(cell : Cell) {
+			var neighbors = 0;
+			for(var row = -1; row <=1; row++) {
+				for(var col = -1; col <= 1; col++) {
+					if(row == 0 && col == 0) continue;
+					if(this.isAlive(cell.row + row, cell.col + col)) {
+						neighbors++;
+					}
+				}
+			}
+			return neighbors;
+		}
+
+		public isAlive(row : number, col : number) {
+			if(row < 0 || col < 0 || row >= this.gridSize || col >= this.gridSize) return false;
+			return this.world[row][col].live;
+		}
+
+		public travelWorld(callback) {
+			var result = [];
+			for(var row = 0; row < this.gridSize; row++) {
+				var rowData = [];
+				for(var col = 0; col < this.gridSize; col++) {
+					rowData.push(callback(new Cell(row, col, false)));
+				}
+				result.push(rowData);
+			}
+			return result;
+		}
+
+		public draw(cell : Cell) {
+			if(this.context == null) this.context = this.createDrawingContext();
+			if(this.cellSize == 0) this.cellSize = this.canvasSize/this.gridSize;
+
+			this.context.strokeStyle = this.lineColor;
+			this.context.strokeRect(cell.row * this.cellSize, cell.col*this.cellSize, this.cellSize, this.cellSize);
+			this.context.fillStyle = cell.live ? this.liveColor : this.deadColor;
+			this.context.fillRect(cell.row * this.cellSize, cell.col*this.cellSize, this.cellSize, this.cellSize);
+		}
+
+		public createDrawingContext() {
+			var canvas = <HTMLCanvasElement> document.getElementById('conway-canvas');
+			if(canvas == null) {
+					canvas = document.createElement('canvas');
+					canvas.id = 'conway-canvas';
+					canvas.width = this.canvasSize;
+					canvas.height = this.canvasSize;
+					document.body.appendChild(canvas);
+			}
+			return canvas.getContext('2d');
+		}
+	}
+}
+
+var game = new Conway.GameOfLife();

package/website/src/website/data/home-samples/sample.typespec.txt

@@ -0,0 +1,71 @@
+import "@typespec/rest";
+import "@typespec/openapi";
+import "./decorators.js";
+
+using TypeSpec.Http;
+
+@service({
+  title: "Pet Store Service",
+})
+/** This is a sample server Petstore server.  You can find out more about Swagger at [http://swagger.io](http://swagger.io) or on [irc.freenode.net, #swagger](http://swagger.io/irc/).  For this sample, you can use the api key `special-key` to test the authorization filters. */
+namespace PetStore;
+
+// Model types
+model Pet {
+  name: string;
+  tag?: string;
+
+  @minValue(0)
+  @maxValue(20)
+  age: int32;
+}
+
+model Toy {
+  id: int64;
+  petId: int64;
+  name: string;
+}
+
+/** Error */
+@error
+model Error {
+  code: int32;
+  message: string;
+}
+
+/** Not modified */
+model NotModified<Body> {
+  @statusCode _: 304;
+  @body body: Body;
+}
+
+@friendlyName("{name}ListResults", Item)
+model ResponsePage<Item> {
+  items: Item[];
+  nextLink?: string;
+}
+
+model PetId {
+  @path petId: int32;
+}
+
+/** Manage your pets. */
+@route("/pets")
+namespace Pets {
+  /** Delete a pet. */
+  @delete
+  op delete(...PetId): OkResponse | Error;
+
+  @fancyDoc("List pets.")
+  op list(@query nextLink?: string): ResponsePage<Pet> | Error;
+
+  /** Returns a pet. Supports eTags. */
+  op read(...PetId): Pet | (NotModifiedResponse & Pet) | Error;
+
+  @post op create(@body pet: Pet): Pet | Error;
+}
+
+@route("/pets/{petId}/toys")
+namespace ListPetToysResponse {
+  op list(@path petId: string, @query nameFilter: string): ResponsePage<Toy> | Error;
+}

package/website/src/website/data/home-samples/sample.vb.txt

@@ -0,0 +1,59 @@
+Imports System
+Imports System.Collections.Generic
+
+Module Module1
+
+    Sub Main()
+        Dim a As New M8Ball
+
+        Do While True
+
+            Dim q As String = ""
+            Console.Write("ask me about the future... ")
+            q = Console.ReadLine()
+
+            If q.Trim <> "" Then
+                Console.WriteLine("the answer is... {0}", a.getAnswer(q))
+            Else
+                Exit Do
+            End If
+        Loop
+
+    End Sub
+
+End Module
+
+Class M8Ball
+
+    Public Answers As System.Collections.Generic.Dictionary(Of Integer, String)
+
+    Public Sub New()
+        Answers = New System.Collections.Generic.Dictionary(Of Integer, String)
+        Answers.Add(0, "It is certain")
+        Answers.Add(1, "It is decidedly so")
+        Answers.Add(2, "Without a doubt")
+        Answers.Add(3, "Yes, definitely")
+        Answers.Add(4, "You may rely on ")
+        Answers.Add(5, "As I see it, yes")
+        Answers.Add(6, "Most likely")
+        Answers.Add(7, "Outlook good")
+        Answers.Add(8, "Signs point to yes")
+        Answers.Add(9, "Yes")
+        Answers.Add(10, "Reply hazy, try again")
+        Answers.Add(11, "Ask again later")
+        Answers.Add(12, "Better not tell you now")
+        Answers.Add(13, "Cannot predict now")
+        Answers.Add(14, "Concentrate and ask again")
+        Answers.Add(15, "Don't count on it")
+        Answers.Add(16, "My reply is no")
+        Answers.Add(17, "My sources say no")
+        Answers.Add(18, "Outlook not so")
+        Answers.Add(19, "Very doubtful")
+    End Sub
+
+    Public Function getAnswer(theQuestion As String) As String
+        Dim r As New Random
+        Return Answers(r.Next(0, 19))
+    End Function
+
+End Class

package/website/src/website/data/home-samples/sample.verilog.txt

@@ -0,0 +1,35 @@
+`include "first_counter.v"
+module first_counter_tb();
+// Declare inputs as regs and outputs as wires
+reg clock, reset, enable;
+wire [3:0] counter_out;
+
+// Initialize all variables
+initial begin
+  $display ("time\t clk reset enable counter");
+  $monitor ("%g\t %b   %b     %b      %b",
+	  $time, clock, reset, enable, counter_out);
+  clock = 1;       // initial value of clock
+  reset = 0;       // initial value of reset
+  enable = 0;      // initial value of enable
+   #5  reset = 1;    // Assert the reset
+   #10  reset = 0;   // De-assert the reset
+   #10  enable = 1;  // Assert enable
+   #100  enable = 0; // De-assert enable
+   #5  $finish;      // Terminate simulation
+end
+
+// Clock generator
+always begin
+   #5  clock = ~clock; // Toggle clock every 5 ticks
+end
+
+// Connect DUT to test bench
+first_counter U_counter (
+clock,
+reset,
+enable,
+counter_out
+);
+
+endmodule

package/website/src/website/data/home-samples/sample.wgsl.txt

@@ -0,0 +1,48 @@
+// A fragment shader which lights textured geometry with point lights.
+// Taken from the introduction of the WebGPU Shading Lnaguage Specification
+// https://w3.org/TR/WGSL
+
+// Lights from a storage buffer binding.
+struct PointLight {
+  position : vec3f,
+  color : vec3f,
+}
+
+struct LightStorage {
+  pointCount : u32,
+  point : array<PointLight>,
+}
+@group(0) @binding(0) var<storage> lights : LightStorage;
+
+// Texture and sampler.
+@group(1) @binding(0) var baseColorSampler : sampler;
+@group(1) @binding(1) var baseColorTexture : texture_2d<f32>;
+
+// Function arguments are values from from vertex shader.
+@fragment
+fn fragmentMain(@location(0) worldPos : vec3f,
+                @location(1) normal : vec3f,
+                @location(2) uv : vec2f) -> @location(0) vec4f {
+  // Sample the base color of the surface from a texture.
+  let baseColor = textureSample(baseColorTexture, baseColorSampler, uv);
+
+  let N = normalize(normal);
+  var surfaceColor = vec3f(0);
+
+  // Loop over the scene point lights.
+  for (var i = 0u; i < lights.pointCount; i++) {
+    let worldToLight = lights.point[i].position - worldPos;
+    let dist = length(worldToLight);
+    let dir = normalize(worldToLight);
+
+    // Determine the contribution of this light to the surface color.
+    let radiance = lights.point[i].color * (1 / pow(dist, 2));
+    let nDotL = max(dot(N, dir), 0);
+
+    // Accumulate light contribution to the surface color.
+    surfaceColor += baseColor.rgb * radiance * nDotL;
+  }
+
+  // Return the accumulated surface color.
+  return vec4(surfaceColor, baseColor.a);
+}

package/website/src/website/data/home-samples/sample.xml.txt

@@ -0,0 +1,14 @@
+<?xml version="1.0"?>
+<configuration xmlns:xdt="http://schemas.microsoft.com/XML-Document-Transform">
+  <connectionStrings>
+    <add name="MyDB" 
+      connectionString="value for the deployed Web.config file" 
+      xdt:Transform="SetAttributes" xdt:Locator="Match(name)"/>
+  </connectionStrings>
+  <system.web>
+    <customErrors defaultRedirect="GenericError.htm"
+      mode="RemoteOnly" xdt:Transform="Replace">
+      <error statusCode="500" redirect="InternalError.htm"/>
+    </customErrors>
+  </system.web>
+</configuration>

package/website/src/website/data/home-samples/sample.yaml.txt

@@ -0,0 +1,14 @@
+%TAG ! tag:clarkevans.com,2002:
+--- !shape
+  # Use the ! handle for presenting
+  # tag:clarkevans.com,2002:circle
+- !circle
+  center: &ORIGIN {x: 73, y: 129}
+  radius: 7
+- !line
+  start: *ORIGIN
+  finish: { x: 89, y: 102 }
+- !label
+  start: *ORIGIN
+  color: 0xFFEEBB
+  text: Pretty vector drawing.

package/website/src/website/data/playground-samples/all.js

@@ -0,0 +1,196 @@
+(function () {
+	var PLAY_SAMPLES = [
+		{
+			chapter: "Creating the editor",
+			name: "Hello world!",
+			id: "creating-the-editor-hello-world",
+			path: "creating-the-editor/hello-world",
+		},
+		{
+			chapter: "Creating the editor",
+			name: "Editor basic options",
+			id: "creating-the-editor-editor-basic-options",
+			path: "creating-the-editor/editor-basic-options",
+		},
+		{
+			chapter: "Creating the editor",
+			name: "Hard wrapping",
+			id: "creating-the-editor-hard-wrapping",
+			path: "creating-the-editor/hard-wrapping",
+		},
+		{
+			chapter: "Creating the editor",
+			name: "Syntax highlighting for HTML elements",
+			id: "creating-the-editor-syntax-highlighting-for-html-elements",
+			path: "creating-the-editor/syntax-highlighting-for-html-elements",
+		},
+		{
+			chapter: "Interacting with the editor",
+			name: "Adding a command to an editor instance",
+			id: "interacting-with-the-editor-adding-a-command-to-an-editor-instance",
+			path: "interacting-with-the-editor/adding-a-command-to-an-editor-instance",
+		},
+		{
+			chapter: "Interacting with the editor",
+			name: "Adding an action to an editor instance",
+			id: "interacting-with-the-editor-adding-an-action-to-an-editor-instance",
+			path: "interacting-with-the-editor/adding-an-action-to-an-editor-instance",
+		},
+		{
+			chapter: "Interacting with the editor",
+			name: "Adding a keybinding to an existing command",
+			id: "interacting-with-the-editor-adding-an-keybinding-to-an-existing-command",
+			path: "interacting-with-the-editor/adding-an-keybinding-to-an-existing-command",
+		},
+		{
+			chapter: "Interacting with the editor",
+			name: "Revealing a position",
+			id: "interacting-with-the-editor-revealing-a-position",
+			path: "interacting-with-the-editor/revealing-a-position",
+		},
+		{
+			chapter: "Interacting with the editor",
+			name: "Rendering glyphs in the margin",
+			id: "interacting-with-the-editor-rendering-glyphs-in-the-margin",
+			path: "interacting-with-the-editor/rendering-glyphs-in-the-margin",
+		},
+		{
+			chapter: "Interacting with the editor",
+			name: "Line and Inline decorations",
+			id: "interacting-with-the-editor-line-and-inline-decorations",
+			path: "interacting-with-the-editor/line-and-inline-decorations",
+		},
+		{
+			chapter: "Interacting with the editor",
+			name: "Customizing the line numbers",
+			id: "interacting-with-the-editor-customizing-the-line-numbers",
+			path: "interacting-with-the-editor/customizing-the-line-numbers",
+		},
+		{
+			chapter: "Interacting with the editor",
+			name: "Listening to mouse events",
+			id: "interacting-with-the-editor-listening-to-mouse-events",
+			path: "interacting-with-the-editor/listening-to-mouse-events",
+		},
+		{
+			chapter: "Interacting with the editor",
+			name: "Listening to key events",
+			id: "interacting-with-the-editor-listening-to-key-events",
+			path: "interacting-with-the-editor/listening-to-key-events",
+		},
+		{
+			chapter: "Customizing the appearence",
+			name: "Exposed colors",
+			id: "customizing-the-appearence-exposed-colors",
+			path: "customizing-the-appearence/exposed-colors",
+		},
+		{
+			chapter: "Customizing the appearence",
+			name: "Scrollbars",
+			id: "customizing-the-appearence-scrollbars",
+			path: "customizing-the-appearence/scrollbars",
+		},
+		{
+			chapter: "Customizing the appearence",
+			name: "Tokens and colors",
+			id: "customizing-the-appearence-tokens-and-colors",
+			path: "customizing-the-appearence/tokens-and-colors",
+		},
+		{
+			chapter: "Creating the DiffEditor",
+			name: "Hello diff world!",
+			id: "creating-the-diffeditor-hello-diff-world",
+			path: "creating-the-diffeditor/hello-diff-world",
+		},
+		{
+			chapter: "Creating the DiffEditor",
+			name: "Multi-line example",
+			id: "creating-the-diffeditor-multi-line-example",
+			path: "creating-the-diffeditor/multi-line-example",
+		},
+		{
+			chapter: "Creating the DiffEditor",
+			name: "Inline Diff Example",
+			id: "creating-the-diffeditor-inline-diff-example",
+			path: "creating-the-diffeditor/inline-diff-example",
+		},
+		{
+			chapter: "Creating the DiffEditor",
+			name: "Navigating a Diff",
+			id: "creating-the-diffeditor-navigating-a-diff",
+			path: "creating-the-diffeditor/navigating-a-diff",
+		},
+		{
+			chapter: "Extending Language Services",
+			name: "Custom languages",
+			id: "extending-language-services-custom-languages",
+			path: "extending-language-services/custom-languages",
+		},
+		{
+			chapter: "Extending Language Services",
+			name: "Completion provider example",
+			id: "extending-language-services-completion-provider-example",
+			path: "extending-language-services/completion-provider-example",
+		},
+		{
+			chapter: "Extending Language Services",
+			name: "Codelens provider example",
+			id: "extending-language-services-codelens-provider-example",
+			path: "extending-language-services/codelens-provider-example",
+		},
+		{
+			chapter: "Extending Language Services",
+			name: "Color provider example",
+			id: "extending-language-services-color-provider-example",
+			path: "extending-language-services/color-provider-example",
+		},
+		{
+			chapter: "Extending Language Services",
+			name: "Symbols provider example",
+			id: "extending-language-services-symbols-provider-example",
+			path: "extending-language-services/symbols-provider-example",
+		},
+		{
+			chapter: "Extending Language Services",
+			name: "Folding provider example",
+			id: "extending-language-services-folding-provider-example",
+			path: "extending-language-services/folding-provider-example",
+		},
+		{
+			chapter: "Extending Language Services",
+			name: "Hover provider example",
+			id: "extending-language-services-hover-provider-example",
+			path: "extending-language-services/hover-provider-example",
+		},
+		{
+			chapter: "Extending Language Services",
+			name: "Model markers example",
+			id: "extending-language-services-model-markers-example",
+			path: "extending-language-services/model-markers-example",
+		},
+		{
+			chapter: "Extending Language Services",
+			name: "Semantic tokens provider example",
+			id: "extending-language-services-semantic-tokens-provider-example",
+			path: "extending-language-services/semantic-tokens-provider-example",
+		},
+		{
+			chapter: "Extending Language Services",
+			name: "Configure JavaScript defaults",
+			id: "extending-language-services-configure-javascript-defaults",
+			path: "extending-language-services/configure-javascript-defaults",
+		},
+		{
+			chapter: "Extending Language Services",
+			name: "Configure JSON defaults",
+			id: "extending-language-services-configure-json-defaults",
+			path: "extending-language-services/configure-json-defaults",
+		},
+	];
+
+	if (typeof exports !== "undefined") {
+		exports.PLAY_SAMPLES = PLAY_SAMPLES;
+	} else {
+		self.PLAY_SAMPLES = PLAY_SAMPLES;
+	}
+})();

package/website/src/website/data/playground-samples/creating-the-diffeditor/chapter.json

@@ -0,0 +1,3 @@
+{
+	"title": "Creating The Diff Editor"
+}

package/website/src/website/data/playground-samples/creating-the-diffeditor/hello-diff-world/sample.html

@@ -0,0 +1 @@
+<div id="container" style="height: 100%"></div>

package/website/src/website/data/playground-samples/creating-the-diffeditor/hello-diff-world/sample.js

@@ -0,0 +1,20 @@
+const originalModel = monaco.editor.createModel(
+	/* set from `originalModel`: */ `hello world`,
+	"text/plain"
+);
+const modifiedModel = monaco.editor.createModel(
+	/* set from `modifiedModel`: */ `Hello World!`,
+	"text/plain"
+);
+
+const diffEditor = monaco.editor.createDiffEditor(
+	document.getElementById("container"),
+	{
+		originalEditable: true,
+		automaticLayout: true,
+	}
+);
+diffEditor.setModel({
+	original: originalModel,
+	modified: modifiedModel,
+});

package/website/src/website/data/playground-samples/creating-the-diffeditor/hello-diff-world/sample.json

@@ -0,0 +1,3 @@
+{
+	"title": "Hello Diff World"
+}

package/website/src/website/data/playground-samples/creating-the-diffeditor/inline-diff-example/sample.html

@@ -0,0 +1 @@
+<div id="container" style="height: 100%"></div>

package/website/src/website/data/playground-samples/creating-the-diffeditor/inline-diff-example/sample.js

@@ -0,0 +1,23 @@
+var originalModel = monaco.editor.createModel(
+	"This line is removed on the right.\njust some text\nabcd\nefgh\nSome more text",
+	"text/plain"
+);
+var modifiedModel = monaco.editor.createModel(
+	"just some text\nabcz\nzzzzefgh\nSome more text\nThis line is removed on the left.",
+	"text/plain"
+);
+
+var diffEditor = monaco.editor.createDiffEditor(
+	document.getElementById("container"),
+	{
+		// You can optionally disable the resizing
+		enableSplitViewResizing: false,
+
+		// Render the diff inline
+		renderSideBySide: false,
+	}
+);
+diffEditor.setModel({
+	original: originalModel,
+	modified: modifiedModel,
+});

package/website/src/website/data/playground-samples/creating-the-diffeditor/inline-diff-example/sample.json

@@ -0,0 +1,3 @@
+{
+	"title": "Inline Diff Example"
+}

package/website/src/website/data/playground-samples/creating-the-diffeditor/multi-line-example/sample.html

@@ -0,0 +1 @@
+<div id="container" style="height: 100%"></div>

package/website/src/website/data/playground-samples/creating-the-diffeditor/multi-line-example/sample.js

@@ -0,0 +1,20 @@
+var originalModel = monaco.editor.createModel(
+	"This line is removed on the right.\njust some text\nabcd\nefgh\nSome more text",
+	"text/plain"
+);
+var modifiedModel = monaco.editor.createModel(
+	"just some text\nabcz\nzzzzefgh\nSome more text.\nThis line is removed on the left.",
+	"text/plain"
+);
+
+var diffEditor = monaco.editor.createDiffEditor(
+	document.getElementById("container"),
+	{
+		// You can optionally disable the resizing
+		enableSplitViewResizing: false,
+	}
+);
+diffEditor.setModel({
+	original: originalModel,
+	modified: modifiedModel,
+});

package/website/src/website/data/playground-samples/creating-the-diffeditor/multi-line-example/sample.json

@@ -0,0 +1,3 @@
+{
+	"title": "Multi Line Example"
+}

package/website/src/website/data/playground-samples/creating-the-editor/chapter.json

@@ -0,0 +1,4 @@
+{
+	"title": "Creating The Editor",
+	"sortingKey": 100
+}

package/website/src/website/data/playground-samples/creating-the-editor/editor-basic-options/sample.html

@@ -0,0 +1 @@
+<div id="container" style="height: 100%"></div>