0.1.8: Fix content not rendering & Update frontend

package.json

@@ -1,6 +1,6 @@
 {
   "name": "quilter",
-  "version": "0.1.0",
+  "version": "0.1.8",
   "description": "",
   "type": "module",
   "scripts": {
@@ -14,23 +14,23 @@
   },
   "license": "MIT",
   "dependencies": {
-    "@tauri-apps/api": "^2",
-    "@tauri-apps/plugin-dialog": "~2",
-    "@tauri-apps/plugin-process": "~2",
-    "@tauri-apps/plugin-shell": "^2",
-    "@tauri-apps/plugin-updater": "~2"
+    "@tauri-apps/api": "^2.1.1",
+    "@tauri-apps/plugin-dialog": "~2.0.1",
+    "@tauri-apps/plugin-process": "~2.0.0",
+    "@tauri-apps/plugin-shell": "^2.0.1",
+    "@tauri-apps/plugin-updater": "~2.0.0"
   },
   "devDependencies": {
-    "@sveltejs/adapter-static": "^3.0.5",
-    "@sveltejs/kit": "^2.7.0",
-    "@sveltejs/vite-plugin-svelte": "^4.0.0",
-    "@tauri-apps/cli": "^2",
-    "prettier": "^3.3.3",
-    "prettier-plugin-svelte": "^3.2.8",
-    "svelte": "^5.0.0",
-    "svelte-check": "^4.0.0",
-    "tslib": "^2.8.0",
-    "typescript": "^5.5.0",
-    "vite": "^5.4.10"
+    "@sveltejs/adapter-static": "^3.0.6",
+    "@sveltejs/kit": "^2.9.0",
+    "@sveltejs/vite-plugin-svelte": "^4.0.2",
+    "@tauri-apps/cli": "^2.1.0",
+    "prettier": "^3.4.2",
+    "prettier-plugin-svelte": "^3.3.2",
+    "svelte": "^5.8.0",
+    "svelte-check": "^4.1.1",
+    "tslib": "^2.8.1",
+    "typescript": "^5.7.2",
+    "vite": "^5.4.11"
   }
 }

src-tauri/Cargo.toml

@@ -1,6 +1,6 @@
 [package]
 name = "quilter"
-version = "0.1.0"
+version = "0.1.8"
 description = "A Tauri App"
 authors = ["you"]
 edition = "2021"

src-tauri/tauri.conf.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://schema.tauri.app/config/2",
-  "productName": "quilter",
-  "version": "0.2.0",
+  "productName": "Quilter",
+  "version": "0.1.8",
   "identifier": "dev.transcental.quilter",
   "build": {
     "beforeDevCommand": "bun run dev",

src/components/button.svelte

@@ -1,13 +1,23 @@
 <script lang="ts">
-  export let disabled: boolean = false;
-  export let onClick: () => void;
-  export let type: "button" | "submit" | "reset" = "button";
-  export let ariaLabel: string;
-  export let close: boolean = false;
+  let {
+    disabled = false,
+    onClick,
+    type,
+    ariaLabel,
+    close = false,
+    children,
+  }: {
+    disabled?: boolean;
+    onClick: () => void;
+    type?: "button" | "submit" | "reset";
+    ariaLabel: string;
+    close?: boolean;
+    children: any;
+  } = $props();
 </script>
 
 <button {type} {disabled} aria-label={ariaLabel} onclick={onClick} class:close>
-  <slot></slot>
+  {@render children?.()}
 </button>
 
 <style>

src/components/dropdown.svelte

@@ -3,8 +3,10 @@
     value: any;
     display: string;
   };
-  export let options: Option[] = [];
-  export let selected: any;
+  let {
+    options = $bindable(),
+    selected = $bindable(),
+  }: { options: Option[]; selected: any } = $props();
 </script>
 
 <div class="select-wrapper">

src/components/folderInput.svelte

@@ -10,12 +10,20 @@
       callback(result);
     }
   };
-  export let multiple: boolean = false;
-  export let callback: (path: string) => void;
+
+  let {
+    multiple = false,
+    callback,
+    children,
+  }: {
+    multiple?: boolean;
+    callback: (path: string) => void;
+    children: any;
+  } = $props();
 </script>
 
-<button on:click={openFolder}>
-  <slot></slot>
+<button onclick={openFolder}>
+  {@render children?.()}
 </button>
 
 <style>

src/routes/create-quilt/+page.svelte

@@ -40,13 +40,17 @@
           unwantedFiles: filesMap.files,
         };
       } else {
-        sortedFolder.status = "ok";
+        sortedFolder = {
+          ...sortedFolder,
+          status: "ok",
+          unwantedFiles: undefined,
+        };
       }
     });
   };
 
   const sortedFolderCallback = async (result: string) => {
-    sortedFolder.path = result;
+    sortedFolder = { path: result, status: "checking" };
     checkFolder(result);
   };
 

src/routes/sort-files/+page.svelte

@@ -27,10 +27,13 @@
   );
 
   const frameFolderCallback = async (result: string) => {
-    folders.push({
-      path: result,
-      status: "checking",
-    });
+    folders = [
+      ...folders,
+      {
+        path: result,
+        status: "checking",
+      },
+    ];
     checkFolder(result);
   };