v4.9.0

Documentation v4.9.0: https://raw.githack.com/uiwjs/react-codemirror/4f8b8c0/index.html
Comparing Changes: v4.8.1...v4.9.0

npm i @uiw/[email protected]

• 📖 doc: Update README.md dcd3e32 @jaywcjlove
• 🌟 feat: use npm workspaces. 5ba83cf @jaywcjlove
• 💄 chore: update README.md 4789a1f @jaywcjlove
• 💄 chore: update workflows config. 743680f @jaywcjlove
• 💄 chore: modify typscript config. cb90002 @jaywcjlove
• 💄 chore: update workflows config. c220d27 @jaywcjlove
• 🌟 feat: add @uiw/codemirror-themes package. bb0ece5 @jaywcjlove
• 🐞 fix(deps): update dependency @codemirror/legacy-modes to ~6.1.0 (#340) 108618a @renovate-bot
• 📖 doc: Update README.md bb9a963 @jaywcjlove
• 💄 chore: Fix workflow errors. 167ce75 @jaywcjlove
• 🌟 feat: add codemirror-theme-okaidia. 98bcfed @jaywcjlove
• 🐞 fix(codemirror-themes): Fix export createTheme error. aba2e59 @jaywcjlove
• 💄 chore: update workflows config. 29d5840 @jaywcjlove
• 🌟 feat: Extend the basicSetup props (#316). 778df93 @jaywcjlove
• 💄 chore(deps): update dependency prettier to ~2.7.0 (#332) 7a4b33c @renovate-bot

<CodeMirror
  value="console.log('hello world!');"
  height="200px"
  theme="dark"
  basicSetup={{
+    lineNumbers: false
  }}
  extensions={[javascript({ jsx: true })]}
  onChange={(value, viewUpdate) => {
    console.log("value:", value);
  }}
/>

export interface BasicSetupOptions {
  lineNumbers?: boolean;
  highlightActiveLineGutter?: boolean;
  highlightSpecialChars?: boolean;
  history?: boolean;
  foldGutter?: boolean;
  drawSelection?: boolean;
  dropCursor?: boolean;
  allowMultipleSelections?: boolean;
  indentOnInput?: boolean;
  syntaxHighlighting?: boolean;
  bracketMatching?: boolean;
  closeBrackets?: boolean;
  autocompletion?: boolean;
  rectangularSelection?: boolean;
  crosshairCursor?: boolean;
  highlightActiveLine?: boolean;
  highlightSelectionMatches?: boolean;
  closeBracketsKeymap?: boolean;
  defaultKeymap?: boolean;
  searchKeymap?: boolean;
  historyKeymap?: boolean;
  foldKeymap?: boolean;
  completionKeymap?: boolean;
  lintKeymap?: boolean;
}

v4.8.1

Documentation v4.8.1: https://raw.githack.com/uiwjs/react-codemirror/81fb88f/index.html
Comparing Changes: v4.8.0...v4.8.1

npm i @uiw/[email protected]

• 🌍 website: remove console.log abbc1ad @jaywcjlove
• 🐞 fix: fix EditorView.theme undefined. 6e371ce @jaywcjlove

v4.8.0

Documentation v4.8.0: https://raw.githack.com/uiwjs/react-codemirror/a680956/index.html
Comparing Changes: v4.7.0...v4.8.0

⚠️ Update dependency CodeMirror to v6

npm i @uiw/[email protected]

• 📖 doc: Fix Copy to Clipboard Script (#311) 95e8b1a @realabbas
• 📖 doc: replace stream-parser with language (#312) 22cc819 @shubhendusaurabh
• 💄 chore(deps): update codemirror to v6 (#326) 7e8e7d9 @renovate-bot
• 💄 chore(deps): update dependency lint-staged to v13 (#324) 2fb75d4 @renovate-bot
• 💄 chore(deps): update react monorepo to ~18.1.0 (#307) 45b18ff @renovate-bot
• 💄 chore(deps): update dependency husky to v8 (#313) 8e90032 @renovate-bot
• 💄 chore(deps): Update dependency codemirror to v6 (#327) (#88) 5cef465 @jaywcjlove
• 📖 doc: Update README.md 3830b9f @jaywcjlove

v4.7.0

Documentation v4.7.0: https://raw.githack.com/uiwjs/react-codemirror/ecb9c96/index.html
Comparing Changes: v4.6.0...v4.7.0

npm i @uiw/[email protected]

• 📖 doc: Update README.md 5098495 @jaywcjlove
• 🐞 fix(deps): update codemirror (#301) ffeebea @renovate-bot
• 💄 chore(deps): update dependency lint-staged to ~12.4.0 (#300) 32bcda4 @renovate-bot
• 💄 chore(deps): update dependency @types/react-test-renderer to v18 (#296) f57a5f6 @renovate-bot

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

v4.5.0...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

v4.4.3...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

v4.4.2...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]