Fully-functional editor page (sb#6)

* Style imported

* All UI in react components now

* Optimize layout

* Replace ace editor with monaco editor

* Completion Service

* Show diagnostics in UI

* Add all buttons

* Fix CI

Author: OmarTawfik

build/generate-loc-strings.ts

@@ -1,31 +1,15 @@
 import { convertFilePromise } from "./gulp-helpers";
-import * as path from "path";
 
 function generateContents(identifier: string, entries: { [entryName: string]: string }): string {
     return `// This file is generated through a build task. Do not edit by hand.
 
 export module ${identifier} {
-    export enum Keys {
-${Object.keys(entries).map(entryName => `        ${entryName}`).join(",\n")}
-    }
-
-    export function toString(key: Keys): string {
-        switch (key) {${Object.keys(entries).map(entryName => `
-            case Keys.${entryName}:
-                return "${entries[entryName]}";`).join("")}
-            default:
-                throw new Error("Key not found: " + key);
-        }
-    }
+${Object.keys(entries).map(entryName => `    export const ${entryName} = "${entries[entryName]}";`).join("\n")}
 }
 `;
 }
 
-export function generateLocStrings(identifier: string, resource: string): Promise<void> {
-    const language = "en";
-    const inputPath = path.resolve(__dirname, `./strings/${language}/${resource}.json`);
-    const outputPath = path.resolve(__dirname, `../src/compiler/strings/${resource}.ts`);
-
+export function generateLocStrings(identifier: string, inputPath: string, outputPath: string): Promise<void> {
     return convertFilePromise(inputPath, outputPath, value => {
         return Promise.resolve(generateContents(identifier, JSON.parse(value)));
     });

build/strings/en/app/editor.json

@@ -0,0 +1,21 @@
+{
+    "ToolbarButton_New_Title": "New",
+    "ToolbarButton_New_Description": "Clears the editor and starts a new program",
+    "ToolbarButton_Publish_Title": "Publish",
+    "ToolbarButton_Publish_Description": "Get a publish url to share with friends",
+    "ToolbarButton_Cut_Title": "Cut",
+    "ToolbarButton_Cut_Description": "Cut selected text",
+    "ToolbarButton_Copy_Title": "Copy",
+    "ToolbarButton_Copy_Description": "Copy selected text",
+    "ToolbarButton_Paste_Title": "Paste",
+    "ToolbarButton_Paste_Description": "Paste copied text",
+    "ToolbarButton_Undo_Title": "Undo",
+    "ToolbarButton_Undo_Description": "Undo last action",
+    "ToolbarButton_Redo_Title": "Redo",
+    "ToolbarButton_Redo_Description": "Redo last undone action",
+    "ToolbarButton_Run_Title": "Run",
+    "ToolbarButton_Run_Description": "Run this program",
+    "Modal_ConfirmNew_Text": "Are you sure you want to erase all code and start a new program?",
+    "Modal_Button_Yes": "Yes",
+    "Modal_Button_No": "No"
+}