Add monaco package

axonivy · Jan 3, 2025 · cf5b3a9 · cf5b3a9
1 parent 3802153
commit cf5b3a9
Show file tree

Hide file tree

Showing 35 changed files with 1,633 additions and 8 deletions.
diff --git a/.vscode/launch.json b/.vscode/launch.json
@@ -5,13 +5,22 @@
   "version": "0.2.0",
   "configurations": [
     {
-      "name": "Chrome",
+      "name": "Storybook (Chrome)",
       "type": "chrome",
       "request": "launch",
       "url": "http://localhost:6006",
       "preLaunchTask": "Start Dev Server",
       "postDebugTask": "Terminate All Tasks",
       "webRoot": "${workspaceFolder}/packages/components"
+    },
+    {
+      "name": "Monaco (Chrome)",
+      "type": "chrome",
+      "request": "launch",
+      "url": "http://localhost:5173",
+      "preLaunchTask": "Start Monaco Dev Server",
+      "postDebugTask": "Terminate All Tasks",
+      "webRoot": "${workspaceFolder}/packages/monaco"
     }
   ]
 }
diff --git a/.vscode/tasks.json b/.vscode/tasks.json
@@ -22,6 +22,25 @@
       ],
       "isBackground": true
     },
+    {
+      "label": "Start Monaco Dev Server",
+      "type": "shell",
+      "command": "npm run dev:monaco",
+      "problemMatcher": [
+        {
+          "owner": "typescript",
+          "pattern": {
+            "regexp": ""
+          },
+          "background": {
+            "activeOnStart": true,
+            "beginsPattern": ".*",
+            "endsPattern": ".*"
+          }
+        }
+      ],
+      "isBackground": true
+    },
     {
       "label": "Terminate All Tasks",
       "command": "echo ${input:terminate}",

diff --git a/build/unpublish-npm.sh b/build/unpublish-npm.sh
@@ -4,3 +4,5 @@ REGISTRY="https://npmjs-registry.ivyteam.ch/"
 
 npm unpublish "@axonivy/ui-icons@${1}" --registry $REGISTRY
 npm unpublish "@axonivy/ui-components@${1}" --registry $REGISTRY
+npm unpublish "@axonivy/jsonrpc@${1}" --registry $REGISTRY
+npm unpublish "@axonivy/monaco@${1}" --registry $REGISTRY
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -18,6 +18,7 @@
     "lint:ci": "npm run lint -- -o eslint.xml -f checkstyle",
     "lint:fix": "lerna run lint:fix --",
     "dev": "npm run dev --workspace=@axonivy/ui-components",
+    "dev:monaco": "npm run dev --workspace=@axonivy/monaco",
     "test": "npm run test --workspace=@axonivy/ui-components",
     "test:ci": "lerna run test:ci",
     "publish:next": "lerna publish --exact --canary --preid next --pre-dist-tag next --no-git-tag-version --no-push --ignore-scripts --yes"

diff --git a/packages/monaco/.eslintrc.cjs b/packages/monaco/.eslintrc.cjs
@@ -0,0 +1,11 @@
+/** @type {import('eslint').Linter.Config} */
+module.exports = {
+  extends: ['../../config/base.eslintrc.json'],
+  parserOptions: {
+    tsconfigRootDir: __dirname,
+    project: 'tsconfig.json'
+  },
+  rules: {
+    '@typescript-eslint/no-explicit-any': 'off'
+  }
+};
diff --git a/packages/monaco/index.html b/packages/monaco/index.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="utf-8" />
+  <link rel="icon" href="/favicon.ico" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <meta name="theme-color" content="#000000" />
+  <title>Monaco Playground</title>
+</head>
+
+
+<body>
+  <noscript>You need to enable JavaScript to run this app.</noscript>
+  <div id="root" style="height: 100%;">
+    <div class="init-loader"></div>
+  </div>
+  <script type="module" src="/src/playground/index.tsx"></script>
+</body>
+
+</html>