Codemirror 6

[mraghuram]

Hi, just curious to know if there is a plan to upgrade this to CodeMirror 6.

Thanks for all the amazing stuff so far.

[jaywcjlove]

@mraghuram Wait for the official version to released.

[mraghuram]

Thanks. Looks like final beta is out.

[addingama]

Any update on this?

[jaywcjlove]

@addingama Still waiting...

[jaywcjlove]

Upgrade @uiw/react-codemirror@4.0.0-rc.4 +++

[jaywcjlove]

⚠️ 3.0 cannot be upgraded to 4.0+

import CodeMirror from '@uiw/react-codemirror';
- import 'codemirror/mode/javascript/javascript';
+ import { javascript } from "@codemirror/lang-javascript";

const code = 'console.log("hello world!");';

<CodeMirror
  value={code}
-  options={{
-    mode: 'js',
-  }}
+  extensions={[
+    javascript({ jsx: true })
+  ]}
/>

[gitluck1314]

I have not found any language packs that support yaml. Can you help me?

[gitluck1314]

@jaywcjlove

[gitluck1314]

@jaywcjlove 我看这个链接，没有发现可以支持yaml的语言包，这是怎么回事呢？我需要你的帮助

[jaywcjlove]

@gitluck1314 https://gitee.com/uiw/react-codemirror

react-codemirror/extensions/langs/src/index.ts

Line 124 in a84030f

import { yaml } from '@codemirror/legacy-modes/mode/yaml';

import CodeMirror from '@uiw/react-codemirror';
import { StreamLanguage } from '@codemirror/language';
import { yaml } from '@codemirror/legacy-modes/mode/yaml';

const yamlLang = `yaml......`;

export default function App() {
  return (
    <CodeMirror
      value={yamlLang}
      height="200px"
      extensions={[StreamLanguage.define(yaml)]}
    />
  );
}

[ArchanaSharma95]

I am getting this error after adding any language extension:: Cannot read properties of null (reading 'extension')