chore: 1. fix UX issue; 2. update ic_message_frontend dependencies

ldclabs · Nov 18, 2024 · 32598cc · 32598cc
1 parent 600dfc4
commit 32598cc
Show file tree

Hide file tree

Showing 14 changed files with 681 additions and 54 deletions.
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/src/ic_message_frontend/package.json b/src/ic_message_frontend/package.json
@@ -20,8 +20,8 @@
     "@skeletonlabs/skeleton": "^2.10.3",
     "@skeletonlabs/tw-plugin": "^0.4.0",
     "@sveltejs/adapter-static": "^3.0.6",
-    "@sveltejs/kit": "^2.8.0",
-    "@sveltejs/vite-plugin-svelte": "^4.0.0",
+    "@sveltejs/kit": "^2.8.1",
+    "@sveltejs/vite-plugin-svelte": "^4.0.1",
     "@tailwindcss/forms": "^0.5.9",
     "@testing-library/jest-dom": "^6.6.3",
     "@types/eslint": "^9.6.1",
@@ -36,7 +36,7 @@
     "cross-fetch": "^4.0.0",
     "cssnano": "^7.0.6",
     "dotenv": "^16.4.5",
-    "eslint": "^9.14.0",
+    "eslint": "^9.15.0",
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-import": "^2.31.0",
     "eslint-plugin-prettier": "^5.2.1",
@@ -51,17 +51,17 @@
     "sort-package-json": "^2.10.1",
     "stylelint": "^16.10.0",
     "stylelint-config-standard": "^36.0.1",
-    "svelte": "^5.1.15",
-    "svelte-check": "^4.0.7",
+    "svelte": "^5.2.2",
+    "svelte-check": "^4.0.9",
     "svelte-easy-crop": "^3.0.1",
-    "tailwindcss": "^3.4.14",
+    "tailwindcss": "^3.4.15",
     "ts-node": "^10.9.2",
     "tslib": "^2.8.1",
     "typescript": "^5.6.3",
     "vite": "^5.4.11",
     "vite-plugin-environment": "^1.1.3",
-    "vite-plugin-pwa": "^0.20.5",
-    "vitest": "^2.1.4",
+    "vite-plugin-pwa": "^0.21.0",
+    "vitest": "^2.1.5",
     "workbox-core": "^7.3.0",
     "workbox-expiration": "^7.3.0",
     "workbox-precaching": "^7.3.0",
@@ -82,5 +82,5 @@
     "test": "vitest run"
   },
   "type": "module",
-  "version": "2.6.8"
+  "version": "2.6.9"
 }
diff --git a/src/ic_message_frontend/src/lib/components/messages/ChannelCreateModal.svelte b/src/ic_message_frontend/src/lib/components/messages/ChannelCreateModal.svelte
@@ -139,7 +139,7 @@
 
   <form
     class="m-auto !mt-4 flex flex-col content-center"
-    onchange={onFormChange}
+    oninput={onFormChange}
     use:focusTrap={true}
   >
     <div class="relative">

diff --git a/src/ic_message_frontend/src/lib/components/messages/ChannelEditModal.svelte b/src/ic_message_frontend/src/lib/components/messages/ChannelEditModal.svelte
@@ -82,7 +82,7 @@
 
   <form
     class="m-auto !mt-4 flex flex-col content-center"
-    onchange={onFormChange}
+    oninput={onFormChange}
   >
     <div class="relative">
       <input

diff --git a/src/ic_message_frontend/src/lib/components/messages/ChannelMessages.svelte b/src/ic_message_frontend/src/lib/components/messages/ChannelMessages.svelte
@@ -178,7 +178,7 @@
               await myState.agent.setUploadingFile(
                 channelInfo.canister,
                 channelInfo.id,
-                filePayload
+                $state.snapshot(filePayload)
               )
             }, toastStore).finally(() => {
               uploading = null
@@ -756,7 +756,7 @@
           <input
             type="file"
             bind:this={fileInput}
-            onchange={onUploadChangeHandler}
+            oninput={onUploadChangeHandler}
           />
         </div>
         <button

diff --git a/src/ic_message_frontend/src/lib/components/messages/ChannelTopupModal.svelte b/src/ic_message_frontend/src/lib/components/messages/ChannelTopupModal.svelte
@@ -113,7 +113,7 @@
 
   <form
     class="m-auto !mt-4 flex flex-col content-center"
-    onchange={onFormChange}
+    oninput={onFormChange}
     use:focusTrap={true}
   >
     <div class="relative">

diff --git a/src/ic_message_frontend/src/lib/components/messages/ChannelUpdateStorageModal.svelte b/src/ic_message_frontend/src/lib/components/messages/ChannelUpdateStorageModal.svelte
@@ -91,7 +91,7 @@
 
   <form
     class="m-auto !mt-4 flex flex-col content-center"
-    onchange={onFormChange}
+    oninput={onFormChange}
     use:focusTrap={true}
   >
     <div class="relative">

diff --git a/src/ic_message_frontend/src/lib/components/messages/PasswordModal.svelte b/src/ic_message_frontend/src/lib/components/messages/PasswordModal.svelte
@@ -178,7 +178,7 @@
   >
   <form
     class="m-auto !mt-4 flex flex-col content-center"
-    onchange={onFormChange}
+    oninput={onFormChange}
     use:focusTrap={true}
   >
     <input

diff --git a/src/ic_message_frontend/src/lib/components/messages/ProfileEditModal.svelte b/src/ic_message_frontend/src/lib/components/messages/ProfileEditModal.svelte
@@ -80,7 +80,7 @@
 
   <form
     class="m-auto !mt-4 flex flex-col content-center"
-    onchange={onFormChange}
+    oninput={onFormChange}
   >
     <div class="relative">
       <div

diff --git a/src/ic_message_frontend/src/lib/components/messages/UserRegisterModal.svelte b/src/ic_message_frontend/src/lib/components/messages/UserRegisterModal.svelte
@@ -186,7 +186,7 @@
 
   <form
     class="m-auto !mt-4 flex flex-col content-center"
-    onchange={onFormChange}
+    oninput={onFormChange}
     use:focusTrap={true}
   >
     <div class="relative">

diff --git a/src/ic_message_frontend/src/lib/components/messages/UsernameTransferModal.svelte b/src/ic_message_frontend/src/lib/components/messages/UsernameTransferModal.svelte
@@ -76,7 +76,7 @@
 
   <form
     class="m-auto !mt-4 flex flex-col content-center"
-    onchange={onFormChange}
+    oninput={onFormChange}
   >
     <div class="relative mt-4">
       <input

diff --git a/src/ic_message_frontend/src/lib/components/ui/SendTokenForm.svelte b/src/ic_message_frontend/src/lib/components/ui/SendTokenForm.svelte
@@ -155,7 +155,7 @@
 {#if stepN === 0}
   <div class="flex w-full flex-col gap-4">
     <!-- Enable for debugging: -->
-    <form class="flex flex-col" bind:this={formRef} onchange={onFormChange}>
+    <form class="flex flex-col" bind:this={formRef} oninput={onFormChange}>
       <label class="label">
         <span>Send to destination</span>
         <input

diff --git a/src/ic_message_frontend/src/lib/constants.ts b/src/ic_message_frontend/src/lib/constants.ts
@@ -1,6 +1,6 @@
 const src = globalThis.location?.href || ''
 
-export const APP_VERSION = '2.6.8'
+export const APP_VERSION = '2.6.9'
 export const IS_LOCAL = src.includes('localhost') || src.includes('127.0.0.1')
 export const ENV = IS_LOCAL ? 'local' : 'ic'
 export const APP_ORIGIN = IS_LOCAL

diff --git a/src/ic_message_frontend/src/routes/(app)/+page.svelte b/src/ic_message_frontend/src/routes/(app)/+page.svelte
@@ -219,7 +219,7 @@
 
 <div class="landing-page w-full">
   <div
-    class="pandas-backgroud flex w-full max-w-[1800px] flex-col items-center pt-12 md:pt-24"
+    class="pandas-backgroud mx-auto flex w-full max-w-[1800px] flex-col items-center pt-12 md:pt-24"
   >
     <Saos
       animation="scale-down-center 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both"