Simplify setup

demo.ts

@@ -26,17 +26,12 @@ const el = document.querySelector('#editor')!
 
 createEditor({
   parent: el,
-  state: {
-    doc,
-    extensions: [
-      linter((view) => {
-        return [{ from: 0, to: 46, message: "This is what warnings look like", severity: "warning" }]
-      })
-    ],
-    events: {
-      changeInterval: 500, // `change` events are debounced by default (300ms)
-    }
-  }
+  doc,
+  extensions: [
+    linter((view) => {
+      return [{ from: 0, to: 46, message: "This is what warnings look like", severity: "warning" }]
+    })
+  ]
 })
 
 el.addEventListener('focus', console.log)

src/extensions/index.ts

@@ -39,7 +39,6 @@ export default [
         if (completionStatus(e.state)) return acceptCompletion(e);
         return false
       },
-    },
-
+    }
   ])
 ]

src/index.ts

@@ -1,29 +1,19 @@
-import { EditorState, EditorStateConfig } from '@codemirror/state'
+import { EditorState, EditorStateConfig, Extension } from '@codemirror/state'
 import { EditorView, EditorViewConfig } from '@codemirror/view'
 import extensions from "./extensions"
-import { eventsToExtensions, EventConfig } from "./events"
+import { eventsToExtensions } from "./events"
 
-export type { EventConfig }
-export { extensions, eventsToExtensions }
+export const basicSetup: Extension[] = [
+  ...extensions,
+  ...eventsToExtensions()
+]
 
-export interface StateConfig extends EditorStateConfig {
-  events?: EventConfig
-}
-
-export function createState({ events, ...state }: StateConfig = {}) {
-  return EditorState.create({
-    ...state,
-    extensions: [
-      ...extensions,
-      ...eventsToExtensions(events),
-      state.extensions ?? []
-    ],
-  })
-}
-
-export function createEditor({ state, ...config }: EditorViewConfig = {}) {
+export function createEditor(config: EditorViewConfig = {}) {
   return new EditorView({
     ...config,
-    state: createState(state)
+    extensions: [
+      ...basicSetup,
+      ...(config.extensions ? [config.extensions] : [])
+    ].flat()
   })
 }