feat: v5.1.0

Author: surmon-china

CHANGELOG.md

@@ -1,5 +1,11 @@
 ## CHANGELOG
 
+### 5.1.0 (2022-06-12)
+
+- Update codemirror dependencies to 6.x
+- The package no longer exports `@codemirror/view` `@codemirror/state` `@codemirror/basic-setup`.
+- Change the package [from `@codemirror/example-setup` to just `codemirror`](https://github.com/codemirror/basic-setup/blob/main/CHANGELOG.md#breaking-changes).
+
 ### 5.0.1 (2022-05-14)
 
 - Use the correct version dependencies for the `@codemirror/*` package.

dev/App.vue

@@ -7,8 +7,8 @@
   import { oneDark } from '@codemirror/theme-one-dark'
   import { Codemirror } from '../src'
 
-  const themes = { oneDark }
-  const languages = {
+  const themes: any = { oneDark }
+  const languages: any = {
     javascript: javascript(),
     html: html(),
     json: json(),

package.json

@@ -1,7 +1,7 @@
 {
   "name": "vue-codemirror",
   "description": "CodeMirror component for Vue",
-  "version": "5.0.1",
+  "version": "5.1.0",
   "homepage": "https://github.com/surmon-china/vue-codemirror#readme",
   "license": "MIT",
   "keywords": [
@@ -45,28 +45,28 @@
     "vue": "3.x"
   },
   "dependencies": {
-    "@codemirror/basic-setup": "^0.20.0",
-    "@codemirror/commands": "^0.20.0",
-    "@codemirror/language": "^0.20.0",
-    "@codemirror/state": "^0.20.0",
-    "@codemirror/view": "^0.20.0",
+    "codemirror": "6.x",
+    "@codemirror/commands": "6.x",
+    "@codemirror/language": "6.x",
+    "@codemirror/state": "6.x",
+    "@codemirror/view": "6.x",
     "csstype": "^2.6.8"
   },
   "devDependencies": {
-    "@codemirror/lang-cpp": "^0.20.0",
-    "@codemirror/lang-html": "^0.20.0",
-    "@codemirror/lang-java": "^0.20.0",
-    "@codemirror/lang-javascript": "^0.20.0",
-    "@codemirror/lang-json": "^0.20.0",
-    "@codemirror/lang-lezer": "^0.20.0",
-    "@codemirror/lang-markdown": "^0.20.0",
-    "@codemirror/lang-php": "^0.20.0",
-    "@codemirror/lang-python": "^0.20.0",
-    "@codemirror/lang-rust": "^0.20.0",
-    "@codemirror/lang-sql": "^0.20.0",
-    "@codemirror/lang-xml": "^0.20.0",
-    "@codemirror/legacy-modes": "^0.20.0",
-    "@codemirror/theme-one-dark": "^0.20.0",
+    "@codemirror/lang-cpp": "^6.0.0",
+    "@codemirror/lang-html": "^6.0.0",
+    "@codemirror/lang-java": "^6.0.0",
+    "@codemirror/lang-javascript": "^6.0.0",
+    "@codemirror/lang-json": "^6.0.0",
+    "@codemirror/lang-lezer": "^6.0.0",
+    "@codemirror/lang-markdown": "^6.0.0",
+    "@codemirror/lang-php": "^6.0.0",
+    "@codemirror/lang-python": "^6.0.0",
+    "@codemirror/lang-rust": "^6.0.0",
+    "@codemirror/lang-sql": "^6.0.0",
+    "@codemirror/lang-xml": "^6.0.0",
+    "@codemirror/legacy-modes": "^6.0.0",
+    "@codemirror/theme-one-dark": "^6.0.0",
     "@surmon-china/libundler": "^2.2.0",
     "@typescript-eslint/eslint-plugin": "^5.9.1",
     "@typescript-eslint/parser": "^5.9.1",

src/component.ts

@@ -10,9 +10,9 @@ import {
   ExtractPropTypes
 } from 'vue'
 import * as CSS from 'csstype'
+import { basicSetup } from 'codemirror'
 import { EditorState, EditorStateConfig } from '@codemirror/state'
 import { EditorView, ViewUpdate } from '@codemirror/view'
-import { basicSetup } from '@codemirror/basic-setup'
 import { useGlobalConfig } from './config'
 import * as cm from './codemirror'
 

src/index.ts

@@ -2,10 +2,15 @@ import type { Plugin } from 'vue'
 import Component, { Props } from './component'
 import { injectGlobalConfig } from './config'
 
-export * from '@codemirror/view'
-export * from '@codemirror/state'
-export * from '@codemirror/basic-setup'
-export { Props, DEFAULT_CONFIG } from './component'
+export type { Props } from './component'
+export { DEFAULT_CONFIG } from './component'
+
+// Stop exports codemirror primitive interface to prevent module domain flooding naming conflicts.
+// export * from 'codemirror'
+// export * from '@codemirror/view'
+// export * from '@codemirror/state'
+// export * from '@codemirror/commands'
+// export * from '@codemirror/language'
 
 export const Codemirror = Component
 export const install: Plugin = (app, defaultConfig?: Props) => {