Add ch-code-editor control (#286)

* Add ch-code-editor control

A Web Component based on the Monaco editor. We use Vite to prebundle the Monaco's chunks to avoid issues with StencilJS' rollup configuration.

* Add "type": "module" to compile JS to .js extension instead of .mjs

This is required by Vite plugin

* Update package-lock.json

* Update showcase

* Create readme.md

* Update components.d.ts

* Update .gitignore

* Update .eslintrc.js

* Add "vite build" in package.json scripts

With this change, we ensure that the library will work with the Monaco editor by default

* Add scripts for lighter builds

These scripts are intended to be used after the creation of the Monaco editor chunks

* Fix order

* Improve types and bundle size

* Fix initial value not working

* Remove unused styles

* Fix implementation of code diffing

* Add missing Watch

* Improve readme

* Migrate ESLint to CJS and disable local plugin as a WA to re-enable ESLint

* Remove console.log

Author: ncamera

.eslintrc.js .eslintrc.cjs

@@ -1,6 +1,6 @@
 module.exports = {
   parser: "@typescript-eslint/parser", // Specifies the ESLint parser
-  plugins: ["@typescript-eslint", "local"],
+  plugins: ["@typescript-eslint"],
   extends: [
     "plugin:@typescript-eslint/recommended", // Uses the recommended rules from the @typescript-eslint/eslint-plugin
     "plugin:@stencil-community/recommended", // Enables @stencil-community/eslint-plugin.
@@ -11,7 +11,12 @@ module.exports = {
     project: "./tsconfig.json",
     sourceType: "module" // Allows for the use of imports
   },
-  ignorePatterns: ["src/deprecated-components/*"],
+  ignorePatterns: [
+    "src/deprecated-components/*",
+    "node_modules/*",
+    "www/*",
+    "dist/*"
+  ],
   rules: {
     // - - - - - - - - - - - -
     // ESLint
@@ -97,14 +102,14 @@ module.exports = {
 
     // WA to fix false positive errors
     "@stencil-community/strict-mutable": "warn" // This rule catches Stencil Prop marked as mutable but not changing value in code
-  },
-  overrides: [
-    {
-      files: ["**/*.tsx"],
-      rules: {
-        "local/jsx-uses-my-pragma": "error", // These are needed to avoid getting a not used error with imports used in JSX
-        "local/jsx-uses-vars": "error"
-      }
-    }
-  ]
+  }
+  // overrides: [
+  //   {
+  //     files: ["**/*.tsx"],
+  //     rules: {
+  //       "local/jsx-uses-my-pragma": "error", // These are needed to avoid getting a not used error with imports used in JSX
+  //       "local/jsx-uses-vars": "error"
+  //     }
+  //   }
+  // ]
 };

.gitignore

@@ -31,6 +31,7 @@ build/Release
 # Dependency directories
 node_modules/
 jspm_packages/
+src/components/code-editor/monaco/output
 
 # TypeScript v1 declaration files
 typings/