chore: integration with monaco-yaml (#58)

Author: JounQin

.storybook/main.ts

@@ -15,6 +15,17 @@ export default {
     config.plugins!.push(
       new MonacoEditorWebpackPlugin({
         languages: ['yaml'],
+        globalAPI: true,
+        customLanguages: [
+          {
+            label: 'yaml',
+            entry: '../../monaco-yaml/lib/esm/monaco.contribution',
+            worker: {
+              id: 'vs/language/yaml/yamlWorker',
+              entry: '../../monaco-yaml/lib/esm/yaml.worker.js',
+            },
+          },
+        ],
       }),
     );
     return config;

README.md

@@ -1,6 +1,6 @@
 # Angular wrapper for monaco-editor
 
-[![GitHub Workflow Status](https://img.shields.io/github/workflow/status/alauda/ng-monaco-editor/Publish%20package)](https://github.com/alauda/ng-monaco-editor/actions?query=workflow%3A%22Publish+package%22)
+[![GitHub Workflow Status](https://img.shields.io/github/workflow/status/alauda/ng-monaco-editor/Publish%20package)](https://github.com/alauda/ng-monaco-editor/actions/workflows/publish.yml)
 [![npm](https://img.shields.io/npm/v/ng-monaco-editor)](https://www.npmjs.com/package/ng-monaco-editor)
 
 ## Dependencies
@@ -60,7 +60,7 @@ Most of the time, you should configure the module at the root module.
       /**
        * optional, load monaco by yourself, you'd prefer loading esm for example
        */
-      dynamicImport: () => import('monaco-editor/esm/vs/editor/editor.api'),
+      dynamicImport: () => import('monaco-editor'),
 
       /**
        * optional, use amd loader to load monaco if present, lower priority than `dynamicImport`

package.json

@@ -41,16 +41,18 @@
     "@angular/forms": "^12.0.1",
     "@angular/platform-browser": "^12.0.1",
     "@angular/platform-browser-dynamic": "^12.0.1",
-    "@storybook/addon-actions": "^6.3.0-alpha.21",
+    "@storybook/addon-actions": "^6.3.0-alpha.39",
     "@storybook/addon-knobs": "^6.3.0-alpha.21",
     "@storybook/addon-postcss": "^2.0.0",
-    "@storybook/angular": "^6.3.0-alpha.21",
-    "@storybook/builder-webpack5": "^6.2.9",
-    "@storybook/cli": "^6.3.0-alpha.21",
+    "@storybook/angular": "^6.3.0-alpha.39",
+    "@storybook/builder-webpack5": "^6.3.0-alpha.39",
+    "@storybook/cli": "^6.3.0-alpha.39",
+    "@storybook/manager-webpack5": "^6.3.0-alpha.39",
     "@types/lodash-es": "^4.17.4",
     "lodash-es": "^4.17.21",
     "monaco-editor": "^0.24.0",
     "monaco-editor-webpack-plugin": "^3.1.0",
+    "monaco-yaml": "^2.5.1",
     "ng-packagr": "^12.0.0",
     "npm-run-all": "^4.1.5",
     "postcss": "^8.3.0",