build editor

front/js/svelte/records/block/Block.svelte

@@ -11,7 +11,6 @@
     export let value = [];
     export let graph;
     let blockSchema = channel.schemas.find((s) => s.name === field.schema);
-
 </script>
 
 

front/js/svelte/records/block/BlockButtons.svelte

@@ -2,11 +2,10 @@
     import Icon from "../../common/Icon.svelte";
     import {insertBlock} from "./block";
 
-    export let blockId;
+    export let blockId = "";
     export let blockData;
     export let blockSchema;
     $: showOptions = false;
-    let validUis = ["heading", "textarea", "rich", "reference"];
 
     function createBlock(e, ui) {
         e.preventDefault();

front/js/svelte/records/block/BlockElements.svelte

@@ -2,6 +2,7 @@
     import Heading from "./elements/Heading.svelte";
     import Textarea from "./elements/Textarea.svelte";
     import Rich from "./elements/Rich.svelte";
+    import Markdown from "./elements/Markdown.svelte";
     import Reference from "./elements/Reference.svelte";
     import Icon from "../../common/Icon.svelte";
     import {insertBlock} from "./block";
@@ -125,6 +126,10 @@
         <Rich
                 bind:block={block}
         />
+    {:else if block.meta.info.name === "markdown"}
+        <Markdown
+                bind:block={block}
+        />
     {:else if block.meta.info.name === "file"}
         <File
                 {record}

front/js/svelte/records/block/elements/Markdown.svelte

@@ -0,0 +1,15 @@
+<script>
+    import Codemirror from "../../../libs/CodemirrorMarkdown.svelte";
+
+
+    export let block;
+    // export let id;
+
+</script>
+
+<div class="mb-3">
+
+    <Codemirror bind:value={block.value}  />
+
+</div>
+