Releases: uiwjs/react-codemirror
Releases · uiwjs/react-codemirror
v4.6.0
Documentation v4.6.0: https://raw.githack.com/uiwjs/react-codemirror/dc353b5/index.html
Comparing Changes: v4.5.3...v4.6.0
npm i @uiw/[email protected]
- 💄 chore(deps): update dependency prettier to ~2.6.0 (#286) 773bcff @renovate-bot
- 💄 chore(deps): update react monorepo to v18 (major) #291 4909335 @jaywcjlove
- ⛑ test: fix test case in react v18 error. 6d6a72e @jaywcjlove
- 🌟 feat: Add readOnly props (#295). 54d01af @jaywcjlove
v4.5.3
Documentation v4.5.3: https://raw.githack.com/uiwjs/react-codemirror/63db93a/index.html
Comparing Changes: v4.5.2...v4.5.3
npm i @uiw/[email protected]
- 🔙 revert: fix EditorView.update errors (#280). cb5883d @jaywcjlove
v4.5.2
Documentation v4.5.2: https://raw.githack.com/uiwjs/react-codemirror/a8e32c9/index.html
Comparing Changes: v4.5.1...v4.5.2
npm i @uiw/[email protected]
- 💄 chore: update renovate.json e64cdc4 @jaywcjlove
- 💄 chore: add gitpod config. 45d9965 @jaywcjlove
- 💄 chore(deps): update dependency @uiw/react-markdown-preview to ~3.5.0 (#283) afbed95 @renovate-bot
- 💄 chore: update workflows config. 707eba3 @jaywcjlove
- 🌍 website: add dark theme. f810897 @jaywcjlove
- 🌍 website: update theme style. 971aca7 @jaywcjlove
- 🐞 fix: fix EditorView.update errors (#280). acffc46 @jaywcjlove
v4.5.1
- 🐞 fix: Fix bundled file name (#267). 296493a @jaywcjlove
npm i @uiw/[email protected]
Support Bundle...
Bundle Example: https://uiwjs.github.io/react-codemirror/bundle.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<script src="https://unpkg.com/@babel/[email protected]/babel.min.js" crossorigin></script>
<script src="https://unpkg.com/[email protected]/umd/react.development.js" crossorigin></script>
<script src="https://unpkg.com/[email protected]/umd/react-dom.development.js" crossorigin></script>
<script src="https://codemirror.net/6/codemirror.js"></script>
<script src="https://unpkg.com/@uiw/react-codemirror/dist/codemirror.min.js"></script>
</head>
<body>
<div id="container" style="padding: 24px"></div>
<script>
window.require = function (module) {
if (!module) {
throw new Error(`this is a fake require only use for import ${module}`);
}
if (window.CM && window.CM[module]) {
return window.CM[module];
}
return window[module];
};
</script>
<script type="text/babel">
import CodeMirror from '@uiw/codemirror';
import { javascript } from '@codemirror/lang-javascript';
const Demo = () => {
return (
<div>
<CodeMirror
value="console.log('hello world!')"
height="200px"
extensions={[javascript({ jsx: true })]}
onChange={(value, viewUpdate) => {
console.log('value:', value);
}}
/>
</div>
);
};
ReactDOM.render(<Demo />, document.getElementById('container'));
</script>
</body>
</html>
v4.5.0
- 💄 chore: Update dependencies & fix bundle import issue (#267). 7484096 @jaywcjlove
- 💄 chore: update workflows config. b673596 @jaywcjlove
- 💄 chore(deps): update dependency kkt to v7.1.5 (#279) daad9cf @renovate-bot
- 💄 chore(deps): update dependency @kkt/ncc to v1.0.5 (#281) 71e39ee @renovate-bot
npm i @uiw/[email protected]
v4.4.3
- 📖 doc: Update README.md 67c5af8 @jaywcjlove
- 🐞 fix: Avoid react warning for wrong returns from useEffect. (#272) 47e86be @ray5cc
npm i @uiw/[email protected]
v4.4.2
v4.4.1
- 🐞 fix: Fix extensions bundled version issue (#267). cde4438 @jaywcjlove
npm i @uiw/[email protected]
Example:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<script src="https://unpkg.com/[email protected]/umd/react.development.js" crossorigin></script>
<script src="https://unpkg.com/[email protected]/umd/react-dom.development.js" crossorigin></script>
<script src="https://codemirror.net/6/codemirror.js"></script>
<script src="https://unpkg.com/@uiw/[email protected]/dist/codemirror.min.js"></script>
</head>
<body>
<div id="container" style="padding: 24px"></div>
<script>
const {javascript} = CM["@codemirror/lang-javascript"];
const ReactCodeMirror = codemirror.default;
const e = React.createElement;
const Demo = () => {
return e('div', {},
e(ReactCodeMirror, {
value: console.log('hello world!'),
height: '200px',
extensions: [javascript({ jsx: true })],
onChange: (value, viewUpdate) => {
console.log('value:', value);
}
})
);
}
ReactDOM.render(e(Demo), document.getElementById("container"));
</script>
</body>
</html>
v4.4.0
- 📖 doc: Update README.md fb25871 @jaywcjlove
- 💄 chore: update .github/workflows/ci.yml cf15170 @jaywcjlove
- 💄 chore(deps): update codemirror (#245) eb71da9 @renovate-bot
- 💄 chore(deps): update dependency kkt to v7.0.7 4b7db56 @jaywcjlove
- 💄 chore: Modify lint-staged config. 9424fd8 @jaywcjlove
- 💄 chore: update .github/workflows/ci.yml a47f698 @jaywcjlove
- ⛑ test: Modify test => src/tests 003cfd9 @jaywcjlove
- 📖 doc: Update README.md 0d49d00 @jaywcjlove
- 🌟 feat: Add bundled version. #267 ba01097 @jaywcjlove
<script src="https://unpkg.com/@uiw/react-codemirror/dist/codemirror.min.js"></script>
Example: https://codepen.io/jaywcjlove/pen/podWJra?editors=0010
├── dist
│ ├── codemirror.js
│ └── codemirror.min.js
├── cjs
└── esm
npm i @uiw/[email protected]
v4.3.3
- 📖 doc: Fix custom theme docs (#244) c4e1cb4 @karlhorky
- 🌍 website: Fix type error. 651e60a @jaywcjlove
- 🌍 website: Fix startup service stuck. 755ce91 @jaywcjlove
- 🐞 fix: Fix ref issue. #6 bccec47 @jaywcjlove
- ⛑ test: Fix test case errors. 79b3890 @jaywcjlove
npm i @uiw/[email protected]