Bump version to 0.0.5 and update README to describe new Generate Markdown and Download Content features

Author: benrhughes

README.md

@@ -35,6 +35,10 @@ When you first open the plugin, the sample query will provide results in the exp
 ]
 ```
 
+## Generating Markdown 
+
+The "Generate Markdown" button converts the JSON query results into markdown format and displays it in the query-result area. This allows you to preview the markdown before downloading it.
+
 ### Page and Hash References Processing
 
 When exporting query results to markdown, you can customize how page references (`[[]]`) and hash references (`#`) are handled. The available options are:
@@ -44,3 +48,8 @@ When exporting query results to markdown, you can customize how page references
 - **Delete**: Remove the references entirely.
 
 
+### Download Content 
+
+The "Download Content" button downloads the current content of the query-result area. This could be either the JSON query results or the generated markdown, depending on what is currently displayed.
+
+

package.json

@@ -1,6 +1,6 @@
 {
   "name": "logseq-query-exporter",
-  "version": "0.0.4",
+  "version": "0.0.5",
   "main": "public/index.html",
   "author": "benrhughes",
   "scripts": {

screenshot.png

@@ -21,11 +21,13 @@
 
   let res: ReturnType<typeof runQuery>;
   let sortedResults: any[] = [];
+  let queryResult: string = '';
 
   function executeQuery() {
     res = runQuery()
     .then((result) => {
       sortedResults = sortResult(result?.map(([item]) => item));
+      queryResult = JSON.stringify(sortedResults, null, 2); // Set queryResult to display JSON by default
     });
   }
 
@@ -54,7 +56,7 @@
     }
   }
 
-  function downloadMarkdown() {
+  function generateMarkdown() {
     if (!sortedResults.length) return;
 
     const markdownContent = sortedResults
@@ -78,8 +80,14 @@
       })
       .join('\n\n---\n\n');
 
-    const blob = new Blob([markdownContent], { type: 'text/markdown;charset=utf-8' });
-    saveAs(blob, 'results.md');
+    queryResult = markdownContent; // Update the query-result area with markdown
+  }
+
+  function downloadContent() {
+    if (!queryResult) return;
+
+    const blob = new Blob([queryResult], { type: 'text/plain;charset=utf-8' });
+    saveAs(blob, 'results.txt');
   }
 </script>
 
@@ -90,8 +98,8 @@
       <div class="control-group">
         <label for="sort-order">Sort Order:</label>
         <select id="sort-order" bind:value={sortOrder}>
-          <option value="asc">Sort Asc</option>
-          <option value="desc">Sort Desc</option>
+          <option value="asc">Asc</option>
+          <option value="desc">Desc</option>
         </select>
       </div>
       <div class="control-group">
@@ -115,15 +123,17 @@
         </select>
       </div>
       <div class="control-group">
-        <button on:click={downloadMarkdown}>Download as Markdown</button>
+        <button on:click={generateMarkdown}>Generate Markdown</button>
+        <div class="vertical-separator"></div>
+        <button on:click={downloadContent}>Download Content</button>
       </div>
     </div>
   </div>
   <div class="query-result">
     {#await res}
       <pre>...running query</pre>
     {:then result}
-      <pre>{JSON.stringify(sortedResults, null, 2)}</pre>
+      <pre>{queryResult}</pre>
     {:catch error}
       <pre class="error">{error.message}</pre>
     {/await}