Releases: uiwjs/react-codemirror
Releases · uiwjs/react-codemirror
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]
v4.3.2
- 🐞 fix: Add type checking to value (#242) 9e78952 @JabinGP
- 🌟 feat: Also use highlight style (#241) f836641 @karlhorky
- 💄 chore(deps): update dependency kkt to v7 02ed82e @jaywcjlove
npm i @uiw/[email protected]
v4.3.1
v4.3.0
- 💄 chore(deps): update dependency @uiw/react-markdown-preview to v3.4.4 (#230) d07f64b @renovate-bot
- 🌟 feat: allow custom themes (#232) 657ad4b @arvigeus
- 💄 chore(deps): update codemirror (#222) a3b0aed @renovate-bot
- 💄 chore(deps): update dependency tsbb to v3.5.4 (#225) d427dd9 @renovate-bot
- 💄 chore(deps): update dependency prettier to v2.5.1 (#227) 8f040c9 @renovate-bot
- 💄 chore(deps): update dependency @types/react to v17.0.37 (#224) c9fa841 @renovate-bot
- 💄 chore(deps): update dependency @uiw/react-markdown-preview to v3.4.5 (#231) 1e2dca7 @renovate-bot
- 💄 chore(deps): update dependency jest to v27.4.5 (#229) e79ff52 @renovate-bot
- 📖 doc: Update Document. #232 #181 f8525f9 @jaywcjlove
npm i @uiw/[email protected]