@uiw/react-codemirror 4.19.15 → 4.20.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/README.md +3 -2
  2. package/cjs/useCodeMirror.js +2 -2
  3. package/dist/codemirror.js +430 -340
  4. package/dist/codemirror.min.js +1 -1
  5. package/esm/useCodeMirror.js +2 -2
  6. package/package.json +2 -2
  7. package/src/useCodeMirror.ts +2 -2
package/README.md CHANGED
@@ -26,7 +26,7 @@ CodeMirror component for React. Demo Preview: [@uiwjs.github.io/react-codemirror
26
26
  📚 Use Typescript to write, better code hints.
27
27
  🌐 The bundled version supports use directly in the browser [#267](https://github.com/uiwjs/react-codemirror/issues/267#issuecomment-1041227592).
28
28
  🌎 There are better [sample previews](https://uiwjs.github.io/react-codemirror).
29
- 🎨 Support [theme](https://uiwjs.github.io/react-codemirror/#/theme/data/dracula) customization, provide theme [editor](https://uiwjs.github.io/react-codemirror/#/theme/editor).
29
+ 🎨 Support [theme](https://uiwjs.github.io/react-codemirror/#/theme/data/dracula) customization, provide theme [editor](https://uiwjs.github.io/react-codemirror/#/editor/theme).
30
30
 
31
31
  ## Install
32
32
 
@@ -41,6 +41,7 @@ npm install @uiw/react-codemirror --save
41
41
  | Name | NPM Version | Website |
42
42
  | :------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------- |
43
43
  | `@uiw/react-codemirror` | [![npm version](https://img.shields.io/npm/v/@uiw/react-codemirror.svg)](https://www.npmjs.com/package/@uiw/react-codemirror) [![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-codemirror.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-codemirror) | [`#preview`](https://uiwjs.github.io/react-codemirror/) |
44
+ | `react-codemirror-merge` | [![npm version](https://img.shields.io/npm/v/react-codemirror-merge.svg)](https://www.npmjs.com/package/react-codemirror-merge) [![NPM Downloads](https://img.shields.io/npm/dm/react-codemirror-merge.svg?style=flat)](https://www.npmjs.com/package/react-codemirror-merge) | [`#preview`](https://uiwjs.github.io/react-codemirror/#/merge/document) |
44
45
  | `@uiw/codemirror-extensions-basic-setup` | [![npm version](https://img.shields.io/npm/v/@uiw/codemirror-extensions-basic-setup.svg)](https://www.npmjs.com/package/@uiw/codemirror-extensions-basic-setup) [![NPM Downloads](https://img.shields.io/npm/dm/@uiw/codemirror-extensions-basic-setup.svg?style=flat)](https://www.npmjs.com/package/@uiw/codemirror-extensions-basic-setup) | [`#preview`](https://uiwjs.github.io/react-codemirror/#/extensions/basic-setup) |
45
46
  | `@uiw/codemirror-extensions-color` | [![npm version](https://img.shields.io/npm/v/@uiw/codemirror-extensions-color.svg)](https://www.npmjs.com/package/@uiw/codemirror-extensions-color) [![NPM Downloads](https://img.shields.io/npm/dm/@uiw/codemirror-extensions-color.svg?style=flat)](https://www.npmjs.com/package/@uiw/codemirror-extensions-color) | [`#preview`](https://uiwjs.github.io/react-codemirror/#/extensions/color) |
46
47
  | `@uiw/codemirror-extensions-classname` | [![npm version](https://img.shields.io/npm/v/@uiw/codemirror-extensions-classname.svg)](https://www.npmjs.com/package/@uiw/codemirror-extensions-classname) [![NPM Downloads](https://img.shields.io/npm/dm/@uiw/codemirror-extensions-classname.svg?style=flat)](https://www.npmjs.com/package/@uiw/codemirror-extensions-classname) | [`#preview`](https://uiwjs.github.io/react-codemirror/#/extensions/classname) |
@@ -246,7 +247,7 @@ export default function App() {
246
247
 
247
248
  ## Using Theme
248
249
 
249
- We have created a [`theme editor`](https://uiwjs.github.io/react-codemirror/#/theme/editor) where you can define your own theme. We have also defined [some themes](https://uiwjs.github.io/react-codemirror/#/theme/data/okaidia) ourselves, which can be installed and used directly. Below is a usage example:
250
+ We have created a [`theme editor`](https://uiwjs.github.io/react-codemirror/#/editor/theme) where you can define your own theme. We have also defined [some themes](https://uiwjs.github.io/react-codemirror/#/theme/data/okaidia) ourselves, which can be installed and used directly. Below is a usage example:
250
251
 
251
252
  ```jsx
252
253
  import CodeMirror from '@uiw/react-codemirror';
package/cjs/useCodeMirror.js CHANGED
@@ -86,8 +86,8 @@ function useCodeMirror(props) {
86
86
  });
87
87
  var defaultExtensions = (0, _getDefaultExtensions.getDefaultExtensions)({
88
88
  theme: theme,
89
- editable: true,
90
- readOnly: false,
89
+ editable: editable,
90
+ readOnly: readOnly,
91
91
  placeholder: placeholderStr,
92
92
  indentWithTab: defaultIndentWithTab,
93
93
  basicSetup: defaultBasicSetup