diff --git a/README.md b/README.md index 5e1c401..0a1c373 100644 --- a/README.md +++ b/README.md @@ -3,6 +3,8 @@ [![ci workflow](https://github.com/remcohaszing/monaco-yaml/actions/workflows/ci.yaml/badge.svg)](https://github.com/remcohaszing/monaco-yaml/actions/workflows/ci.yaml) [![npm version](https://img.shields.io/npm/v/monaco-yaml)](https://www.npmjs.com/package/monaco-yaml) [![prettier code style](https://img.shields.io/badge/code_style-prettier-ff69b4.svg)](https://prettier.io) +[![demo](https://img.shields.io/badge/demo-monaco--yaml.js.org-61ffcf.svg)](https://monaco-yaml.js.org) +[![netlify status](https://api.netlify.com/api/v1/badges/20b08937-99d0-4882-b9a3-d5f09ddd29b7/deploy-status)](https://app.netlify.com/sites/monaco-yaml/deploys) YAML language plugin for the Monaco Editor. It provides the following features when editing YAML files: @@ -86,6 +88,8 @@ Also make sure to register the web worker. ## Examples +A demo is available on [monaco-yaml.js.org](https://monaco-yaml.js.org). + A running example: ![demo-image](test-demo.png) Some usage examples can be found in the diff --git a/examples/webpack/README.md b/examples/webpack/README.md index c8236b8..28bdb9f 100644 --- a/examples/webpack/README.md +++ b/examples/webpack/README.md @@ -1,7 +1,8 @@ -# Webpack entry points demo +# Demo -This demo shows how to use `monaco-editor` and `monaco-yaml` with Webpack 4 -[entry points](https://webpack.js.org/concepts/entry-points). To start it, simply run: +This demo is deployed to [monaco-yaml.js.org](https://monaco-yaml.js.org). It shows how +`monaco-editor` and `monaco-yaml` can be used with +[Webpack 5](https://webpack.js.org/concepts/entry-points). To start it, simply run: ```sh npm start diff --git a/examples/webpack/src/icon.svg b/examples/webpack/src/icon.svg new file mode 100644 index 0000000..b27ea04 --- /dev/null +++ b/examples/webpack/src/icon.svg @@ -0,0 +1,14 @@ + + + + + + + + diff --git a/examples/webpack/src/index.ejs b/examples/webpack/src/index.ejs index c9013d7..458d356 100644 --- a/examples/webpack/src/index.ejs +++ b/examples/webpack/src/index.ejs @@ -2,6 +2,7 @@ + Monaco YAML diff --git a/examples/webpack/src/index.js b/examples/webpack/src/index.js index f37a163..918dcad 100644 --- a/examples/webpack/src/index.js +++ b/examples/webpack/src/index.js @@ -10,14 +10,8 @@ import 'monaco-editor'; window.MonacoEnvironment = { getWorker(moduleId, label) { switch (label) { - case 'css': - return new Worker(new URL('monaco-editor/esm/vs/language/css/css.worker', import.meta.url)); case 'editorWorkerService': return new Worker(new URL('monaco-editor/esm/vs/editor/editor.worker', import.meta.url)); - case 'json': - return new Worker( - new URL('monaco-editor/esm/vs/language/json/json.worker', import.meta.url), - ); case 'yaml': return new Worker(new URL('monaco-yaml/lib/esm/yaml.worker', import.meta.url)); default: diff --git a/package.json b/package.json index 1a9f5bc..ab41373 100644 --- a/package.json +++ b/package.json @@ -2,6 +2,7 @@ "name": "monaco-yaml", "version": "3.0.0", "description": "YAML plugin for the Monaco Editor", + "homepage": "https://monaco-yaml.js.org", "scripts": { "watch": "tsc -p ./src --watch", "compile": "rimraf ./out && tsc",