Skip to content

Releases: uiwjs/react-codemirror

v4.9.6

01 Jul 14:51
Compare
Choose a tag to compare

Documentation v4.9.6: https://raw.githack.com/uiwjs/react-codemirror/9a0a1b1/index.html
Comparing Changes: v4.9.5...v4.9.6

v4.9.5

30 Jun 01:43
Compare
Choose a tag to compare

Documentation v4.9.5: https://raw.githack.com/uiwjs/react-codemirror/a41e227/index.html
Comparing Changes: v4.9.4...v4.9.5

v4.9.4

21 Jun 16:59
Compare
Choose a tag to compare

Documentation v4.9.4: https://raw.githack.com/uiwjs/react-codemirror/559dda5/index.html
Comparing Changes: v4.9.3...v4.9.4

v4.9.3

20 Jun 21:29
Compare
Choose a tag to compare

Documentation v4.9.3: https://raw.githack.com/uiwjs/react-codemirror/d2da2ed/index.html
Comparing Changes: v4.9.2...v4.9.3

v4.9.2

20 Jun 03:56
Compare
Choose a tag to compare

Documentation v4.9.2: https://raw.githack.com/uiwjs/react-codemirror/8a2422f/index.html
Comparing Changes: v4.9.1...v4.9.2

import { createTheme } from '@uiw/codemirror-themes';
import { tags as t } from '@lezer/highlight';

const myTheme = createTheme({
-  dark: 'light',
+  theme: 'light',
  settings: {
    background: '#ffffff',
    foreground: '#75baff',
    caret: '#5d00ff',
    selection: '#036dd626',
    lineHighlight: '#8a91991a',
    gutterBackground: '#fff',
    gutterForeground: '#8a919966',
  },
  styles: [
    { tag: t.comment, color: '#787b8099' },
    { tag: t.variableName, color: '#0080ff' },
    { tag: t.attributeName, color: '#5c6166' },
  ],
});

v4.9.1

19 Jun 18:26
Compare
Choose a tag to compare

Documentation v4.9.1: https://raw.githack.com/uiwjs/react-codemirror/b0757c9/index.html
Comparing Changes: v4.9.0...v4.9.1

npm install @uiw/codemirror-theme-duotone --save
npm install @uiw/codemirror-theme-dracula --save

v4.9.0

19 Jun 06:43
Compare
Choose a tag to compare

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

<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

09 Jun 05:59
Compare
Choose a tag to compare

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

v4.8.0

09 Jun 05:36
Compare
Choose a tag to compare

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

v4.7.0

22 Apr 13:50
Compare
Choose a tag to compare

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