From 9f61ccd49bbfd564f9873310acd15f1cd4b0069d Mon Sep 17 00:00:00 2001
From: dskvr <dskvr@users.noreply.github.com>
Date: Thu, 18 Apr 2024 00:38:05 +0200
Subject: [PATCH] fix markdown block, bump v

---
 package.json                                         |  2 +-
 .../blocks/repeatable/markdown/markdown.options.js   |  4 ++--
 .../blocks/repeatable/markdown/markdown.svelte       |  5 +----
 .../components/partials/editor.block-options.svelte  | 12 ++++++++----
 4 files changed, 12 insertions(+), 11 deletions(-)

diff --git a/package.json b/package.json
index 9cf0748..3257d47 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "myrelay.site",
   "type": "module",
-  "version": "0.1.1",
+  "version": "0.2.0",
   "main": "index.js",
   "repository": "git@github.com:sandwichfarm/myrelay.site.git",
   "author": "dskvr <dskvr@users.noreply.github.com>",
diff --git a/src/lib/components/blocks/repeatable/markdown/markdown.options.js b/src/lib/components/blocks/repeatable/markdown/markdown.options.js
index 1211263..dbbc174 100644
--- a/src/lib/components/blocks/repeatable/markdown/markdown.options.js
+++ b/src/lib/components/blocks/repeatable/markdown/markdown.options.js
@@ -9,9 +9,9 @@ export const optionsConfig = {
     type: "text",
     default: defaultOptions.blockHeading
   },
-  imageUrl: {
+  markdown: {
     label: "Markdown",
-    type: "text",
+    type: "textarea",
     default: defaultOptions.markdown
   }
 }
\ No newline at end of file
diff --git a/src/lib/components/blocks/repeatable/markdown/markdown.svelte b/src/lib/components/blocks/repeatable/markdown/markdown.svelte
index c4e9d7d..aec44be 100644
--- a/src/lib/components/blocks/repeatable/markdown/markdown.svelte
+++ b/src/lib/components/blocks/repeatable/markdown/markdown.svelte
@@ -17,10 +17,7 @@
 </script>
 
 <Block key={key} id={id}>
-  <svelte:fragment slot="title">
-    {$MRP.loader.config.event.blocks[key]?.options?.blockHeading || ""}
-  </svelte:fragment>
   <svelte:fragment slot="content">
-    {$MRP.loader.config.event.blocks[key]?.options?.html || ""}
+    <SvelteMarkdown source={$MRP.loader.config.event.blocks[key]?.options?.markdown || ""} />
   </svelte:fragment>
 </Block>
\ No newline at end of file
diff --git a/src/lib/components/partials/editor.block-options.svelte b/src/lib/components/partials/editor.block-options.svelte
index e984bad..af5f997 100644
--- a/src/lib/components/partials/editor.block-options.svelte
+++ b/src/lib/components/partials/editor.block-options.svelte
@@ -55,11 +55,11 @@ loaded: {$loaded}
   {#each Object.keys($optionsConfig) as optionKey}
     {#if inputType(optionKey) === 'text'}
       <Label for={inputName(optionKey)} >{inputLabel(optionKey)}</Label>
-      <Input type="text" name={inputName(optionKey)} value={inputValue(optionKey)} on:change={event => change(optionKey, event?.target?.value)} />
+      <Input type="text" name={inputName(optionKey)} value={inputValue(optionKey)} on:keyup={event => change(optionKey, event?.target?.value)} />
     {/if}
     {#if inputType(optionKey) === 'textarea'}
       <Label for={inputName(optionKey)} >{inputLabel(optionKey)}</Label>
-      <Textarea name={inputName(optionKey)} value={inputValue(optionKey)} on:change={event => change(optionKey, event?.target?.value)}></Textarea>
+      <Textarea name={inputName(optionKey)} value={inputValue(optionKey)} on:change={keyup => change(optionKey, event?.target?.value)}></Textarea>
     {/if}
     {#if inputType(optionKey) === 'checkbox'}
       <Label for={inputName(optionKey)} >{inputLabel(optionKey)}</Label>
@@ -75,15 +75,19 @@ loaded: {$loaded}
     {/if} 
     {#if inputType(optionKey) === 'email'}
       <Label for={inputName(optionKey)} >{inputLabel(optionKey)}</Label>
-      <Input type="email" name={inputName(optionKey)} value={inputValue(optionKey)} on:change={event => change(optionKey, event?.target?.value)} />
+      <Input type="email" name={inputName(optionKey)} value={inputValue(optionKey)} on:keyup={event => change(optionKey, event?.target?.value)} />
     {/if}
     {#if inputType(optionKey) === 'url'}
       <Label for={inputName(optionKey)} >{inputLabel(optionKey)}</Label>
-      <Input type="url" name={inputName(optionKey)} value={inputValue(optionKey)} on:change={event => change(optionKey, event?.target?.value)} />
+      <Input type="url" name={inputName(optionKey)} value={inputValue(optionKey)} on:keyup={event => change(optionKey, event?.target?.value)} />
     {/if}
     {#if inputType(optionKey) === 'number'}
       <Label for={inputName(optionKey)} >{inputLabel(optionKey)}</Label>
       <Input type="number" name={inputName(optionKey)} value={inputValue(optionKey)} on:change={event => change(optionKey, event?.target?.value)} />
     {/if}
+    <!-- {#if inputType(optionKey) === 'dropdown'}
+      <Label for={inputName(optionKey)} >{inputLabel(optionKey)}</Label>
+      <Input type="number" name={inputName(optionKey)} value={inputValue(optionKey)} on:change={event => change(optionKey, event?.target?.value)} />
+    {/if} -->
   {/each}
 {/if}