create basic editro framework

rsharp-lang · Nov 1, 2024 · 04b6ce1 · 04b6ce1
1 parent 26776ed
commit 04b6ce1
Show file tree

Hide file tree

Showing 8 changed files with 99 additions and 43 deletions.
diff --git a/Editor/Rstudio.css b/Editor/Rstudio.css
@@ -0,0 +1,22 @@
+html,
+body {
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
+
+body {
+    overflow: hidden;
+}
+
+.full-screen-div {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+}
+
+#container {
+    border: none;
+}
diff --git a/Editor/Rstudio.d.ts b/Editor/Rstudio.d.ts
@@ -0,0 +1 @@
+/// <reference path="vscode/monaco.d.ts" />
diff --git a/Editor/Rstudio.js b/Editor/Rstudio.js
diff --git a/Editor/Rstudio.js.map b/Editor/Rstudio.js.map
diff --git a/Editor/index.html b/Editor/index.html
@@ -3,57 +3,17 @@
 
 <head>
     <meta charset="UTF-8">
-    <title>Monaco Editor Sample</title>
-    <style>
-        html,
-        body {
-            height: 100%;
-            margin: 0;
-            padding: 0;
-        }
+    <title>R# Editor</title>
 
-        body {
-            overflow: hidden;
-        }
-
-        .full-screen-div {
-            position: absolute;
-            top: 0;
-            left: 0;
-            width: 100%;
-            height: 100%;
-        }
-
-        #container {
-            border: none;
-        }
-    </style>
+    <link crossorigin="anonymous" media="all" rel="stylesheet" href="./Rstudio.css" />
 </head>
 
 <body>
     <div id="container" class="full-screen-div"></div>
 
     <!-- OR ANY OTHER AMD LOADER HERE INSTEAD OF loader.js -->
     <script src="./vscode/min/vs/loader.js"></script>
-    <script>
-        require.config({ paths: { vs: './vscode/min/vs' } });
-
-        require(['vs/editor/editor.main'], function () {
-            var editor = monaco.editor.create(document.getElementById('container'), {
-                value: [
-                    'imports "aaa" from "bbb";',
-                    '',
-                    'let f(x) = console.log("Hello world!");',
-                    'let hello_world = function(x) {',
-                    '   return `hello ${x}!`;',
-                    '};',
-                    '',
-                    'print(c(1,2,3,4,5));'
-                ].join("\n"),
-                language: 'r'
-            });
-        });
-    </script>
+    <script src="./Rstudio.js"></script>
 </body>
 
 </html>
diff --git a/Editor/rstudio/app.ts b/Editor/rstudio/app.ts
@@ -0,0 +1,18 @@
+/// <reference path="../vscode/monaco.d.ts" />
+
+require.config({ paths: { vs: './vscode/min/vs' } });
+require(['vs/editor/editor.main'], function () {
+    var editor = monaco.editor.create(document.getElementById('container'), {
+        value: [
+            'imports "aaa" from "bbb";',
+            '',
+            'let f(x) = console.log("Hello world!");',
+            'let hello_world = function(x) {',
+            '   return `hello ${x}!`;',
+            '};',
+            '',
+            'print(c(1,2,3,4,5));'
+        ].join("\n"),
+        language: 'r'
+    });
+});
diff --git a/Editor/rstudio/package.json b/Editor/rstudio/package.json
@@ -0,0 +1,21 @@
+{
+  "name": "rstudio",
+  "version": "1.0.0",
+  "description": "",
+  "main": "app.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "build": "tsc --build",
+    "clean": "tsc --build --clean"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "devDependencies": {
+    "@types/node": "^20.10.1",
+    "@typescript-eslint/eslint-plugin": "^6.13.1",
+    "@typescript-eslint/parser": "^6.13.1",
+    "eslint": "^8.54.0",
+    "typescript": "^5.3.2"
+  }
+}
diff --git a/Editor/rstudio/tsconfig.json b/Editor/rstudio/tsconfig.json
@@ -0,0 +1,15 @@
+{
+  "compilerOptions": {
+    "module": "amd",
+    "target": "es5",
+    "lib": [ "dom", "es5", "dom.iterable", "scripthost" ],
+    "sourceMap": true,
+    "allowSyntheticDefaultImports": true,
+    "outDir": "../dist",
+    "outFile": "../Rstudio.js",
+    "declaration": true
+  },
+  "exclude": [
+    "node_modules"
+  ]
+}