@patternfly/react-code-editor 6.0.0-alpha.83 → 6.0.0-alpha.85

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [6.0.0-alpha.85](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-code-editor@6.0.0-alpha.84...@patternfly/react-code-editor@6.0.0-alpha.85) (2024-07-18)
+
+**Note:** Version bump only for package @patternfly/react-code-editor
+
+# [6.0.0-alpha.84](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-code-editor@6.0.0-alpha.83...@patternfly/react-code-editor@6.0.0-alpha.84) (2024-07-17)
+
+**Note:** Version bump only for package @patternfly/react-code-editor
+
 # [6.0.0-alpha.83](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-code-editor@6.0.0-alpha.82...@patternfly/react-code-editor@6.0.0-alpha.83) (2024-07-15)
 
 **Note:** Version bump only for package @patternfly/react-code-editor

package/README.md

@@ -14,7 +14,7 @@ or
 npm install @patternfly/react-code-editor
 ```
 
-[!NOTE] For TypeScript type definitions, this package uses the `monaco-editor` package as a peer dependency. So, if you need types and don't already have the `monaco-editor package` installed, you will need to do so:
+[!NOTE] For TypeScript type definitions, this package uses the `monaco-editor` package as a peer dependency. So, if you need types and don't already have the `monaco-editor` package installed, you will need to do so:
 
 ```sh
 yarn add --dev monaco-editor
@@ -75,6 +75,19 @@ Next, replace all of the `react-script` references in your `package.json` `scrip
 
 You can now start your app with `npm start` and syntax highlighting should work.
 
+#### To use monaco-editor as an npm package and avoid using CDN
+
+The `@monaco-editor/react` package is built on the `monaco-editor` package, which will fetch some additional files using CDN by default. To avoid this, include `monaco-editor` as a dependency and insert the following into your code:
+
+```
+import * as monaco from 'monaco-editor';
+import { loader } from '@monaco-editor/react';
+
+loader.config({ monaco });
+```
+
+This may require the additonal `webpack` plugins such as `monaco-editor-webpack-plugin`. To properly install the library `monaco-editor-webpack-plugin` be sure to follow the [plugin instructions](https://github.com/microsoft/monaco-editor/tree/main/webpack-plugin)
+
 #### Enable YAML Syntax Highlighting
 
 The Monaco editor doesn't ship with full YAML support. You can configure your code editor with `Languages.yaml` but there will be no highlighting. To enable YAML support you need to do the following:

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@patternfly/react-code-editor",
-  "version": "6.0.0-alpha.83",
+  "version": "6.0.0-alpha.85",
   "description": "This package provides a PatternFly wrapper for the Monaco code editor\n",
   "main": "dist/js/index.js",
   "module": "dist/esm/index.js",
@@ -31,7 +31,7 @@
   },
   "dependencies": {
     "@monaco-editor/react": "^4.6.0",
-    "@patternfly/react-core": "^6.0.0-alpha.83",
+    "@patternfly/react-core": "^6.0.0-alpha.85",
     "@patternfly/react-icons": "^6.0.0-alpha.30",
     "@patternfly/react-styles": "^6.0.0-alpha.29",
     "react-dropzone": "14.2.3",
@@ -44,5 +44,5 @@
   "devDependencies": {
     "monaco-editor": "^0.49.0"
   },
-  "gitHead": "640f3adbba7919fd6ab3f7d8617d9ddcf62ca939"
+  "gitHead": "c3878e74a655cae5c081b3f2b799f060ccd47fed"
 }