fix: fix createInstance bugs

packages/codemirror/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kevisual/codemirror",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "description": "",
   "main": "dist/editor.js",
   "privite": false,

packages/codemirror/src/editor.json.ts

@@ -10,7 +10,7 @@ let editor: EditorView = null;
  */
 const createEditorInstance = (el?: HTMLDivElement) => {
   if (editor && el) {
-    editor.dom.appendChild(el);
+    el.appendChild(editor.dom);
     return editor;
   } else if (editor) {
     return editor;
@@ -19,6 +19,7 @@ const createEditorInstance = (el?: HTMLDivElement) => {
     extensions: [basicSetup, json()],
     parent: el || document.body,
   });
+  editor.dom.style.height = '100%';
   return editor;
 };
 
@@ -28,10 +29,12 @@ const createEditorInstance = (el?: HTMLDivElement) => {
  * @returns
  */
 export const createEditor = (el: HTMLDivElement) => {
-  return new EditorView({
+  const editor = new EditorView({
     extensions: [basicSetup, json()],
     parent: el || document.body,
   });
+  editor.dom.style.height = '100%';
+  return editor;
 };
 
 export { editor, createEditorInstance };

packages/codemirror/src/editor.ts

@@ -14,7 +14,7 @@ type CreateOpts = {
  */
 const createEditorInstance = (el?: HTMLDivElement, opts?: CreateOpts) => {
   if (editor && el) {
-    editor.dom.appendChild(el);
+    el.appendChild(editor.dom);
     return editor;
   } else if (editor) {
     return editor;
@@ -24,6 +24,7 @@ const createEditorInstance = (el?: HTMLDivElement, opts?: CreateOpts) => {
     extensions: [basicSetup, javascript({ jsx, typescript })],
     parent: el || document.body,
   });
+  editor.dom.style.height = '100%';
   return editor;
 };
 
@@ -33,10 +34,12 @@ const createEditorInstance = (el?: HTMLDivElement, opts?: CreateOpts) => {
  * @returns
  */
 export const createEditor = (el: HTMLDivElement, opts?: CreateOpts) => {
-  return new EditorView({
+  const editor = new EditorView({
     extensions: [basicSetup, javascript({ jsx: opts?.jsx, typescript: opts?.typescript })],
     parent: el || document.body,
   });
+  editor.dom.style.height = '100%';
+  return editor;
 };
 
 export { editor, createEditorInstance };