fix: fix break-word style on ic_message_frontend

Author: zensh

proposals/proposal-236.sh

@@ -22,4 +22,4 @@ quill sns make-proposal --canister-ids-file ./sns_canister_ids.json --pem-file $
     }
 )" > proposal-message.json
 
-quill send proposal-message.json
+# quill send proposal-message.json

proposals/proposal-240.sh

@@ -14,4 +14,4 @@ quill sns make-proposal --canister-ids-file ./sns_canister_ids.json --pem-file $
     }
 )' > proposal-message.json
 
-quill send proposal-message.json
+# quill send proposal-message.json

proposals/proposal-241.sh

@@ -0,0 +1,25 @@
+#!/usr/bin/env bash
+
+# Load the environment variables
+source "$(pwd)"/proposals/env.sh
+
+# build and get batch_id, evidence:
+# dfx deploy ic_message_frontend --ic --by-proposal
+
+export BLOB="$(didc encode --format blob '(record {batch_id=33:nat; evidence=blob "\dc\09\60\a5\5b\ac\49\ea\14\a8\19\85\c1\13\56\d7\c8\3f\eb\24\ce\fa\02\44\70\df\25\2b\58\0f\4a\60"})')"
+
+quill sns make-proposal --canister-ids-file ./sns_canister_ids.json --pem-file $PROPOSAL_PEM_FILE $PROPOSAL_NEURON_ID --proposal "(
+    record {
+        title = \"Execute commit_proposed_batch() to release ic_message_frontend v2.6.10\";
+        url = \"https://dMsg.net/\";
+        summary = \"This proposal executes commit_proposed_batch() on 2fvu6-tqaaa-aaaap-akksa-cai to release ic_message_frontend v2.6.10.\n\n1. fix: fix break-word style.\";
+        action = opt variant {
+            ExecuteGenericNervousSystemFunction = record {
+                function_id = 1100 : nat64;
+                payload = ${BLOB};
+            }
+        };
+    }
+)" > proposal-message.json
+
+# quill send proposal-message.json

src/ic_message_frontend/package.json

@@ -82,5 +82,5 @@
     "test": "vitest run"
   },
   "type": "module",
-  "version": "2.6.9"
+  "version": "2.6.10"
 }

src/ic_message_frontend/src/app.pcss

@@ -43,6 +43,11 @@ body {
     radial-gradient(at 100% 60%, hsla(137, 58%, 16%, 0.98) 0px, transparent 50%);
 }
 
+.break-words {
+  word-break: break-word;
+  overflow-wrap: break-word;
+}
+
 .icpanda-message {
   font-family: -apple-system, BlinkMacSystemFont, 'system-ui', 'Segoe UI',
     'Noto Sans', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji',

src/ic_message_frontend/src/lib/components/messages/ChannelFileCard.svelte

@@ -125,7 +125,7 @@
     </div>
   {/if}
   <div class="flex w-full flex-row items-center justify-center px-4">
-    <p class="break-word text-pretty py-2"><span>{file.name}</span></p>
+    <p class="text-pretty break-words py-2"><span>{file.name}</span></p>
     <button
       type="button"
       class="btn btn-sm text-surface-500 hover:text-black dark:hover:text-white"

src/ic_message_frontend/src/lib/components/messages/ChannelMessages.svelte

@@ -577,7 +577,8 @@
   {#if msg.error}
     <p class="w-full text-pretty px-4 py-2 text-sm">{msg.error}</p>
   {:else}
-    <pre class="icpanda-message break-word min-h-4 w-full text-pretty px-4 py-2"
+    <pre
+      class="icpanda-message min-h-4 w-full text-pretty break-words px-4 py-2"
       >{msg.message}</pre
     >
   {/if}
@@ -780,7 +781,7 @@
           </div>
         {:else if uploading}
           <div class="btn btn-sm truncate px-2">
-            <span class="break-word max-w-52 text-pretty"
+            <span class="max-w-52 text-pretty break-words"
               >{`${uploading.name}, ${getBytesString(uploading.filled)}/${getBytesString(uploading.size || uploading.filled)}`}</span
             >
             <span class="*:size-5">
@@ -797,7 +798,7 @@
       minHeight="40"
       maxHeight="200"
       containerClass=""
-      class="break-word textarea text-pretty border-0 !bg-transparent outline-0 ring-0"
+      class="textarea text-pretty break-words border-0 !bg-transparent outline-0 ring-0"
       name="prompt"
       id="prompt"
       disabled={submitting > 0}

src/ic_message_frontend/src/lib/components/ui/SendTokenForm.svelte

@@ -224,7 +224,7 @@
       </div>
       <div class="flex flex-row justify-between">
         <span>Available Balance</span>
-        <span class="break-word text-pretty text-right">
+        <span class="text-pretty break-words text-right">
           {txInfo.balance}
           {token.symbol}
         </span>

src/ic_message_frontend/src/lib/components/ui/TextAreaAutosize.svelte

@@ -52,7 +52,7 @@
 <div class="relative !p-0 {containerClass}" class:drag-over={dragOver}>
   <pre
     aria-hidden="true"
-    class="break-word invisible w-full text-pretty px-3 py-2"
+    class="invisible w-full text-pretty break-words px-3 py-2"
     style="min-height: {minHeight}px; max-height: {maxHeight}px"
     >{value + ' '}</pre
   >

src/ic_message_frontend/src/lib/constants.ts

@@ -1,6 +1,6 @@
 const src = globalThis.location?.href || ''
 
-export const APP_VERSION = '2.6.9'
+export const APP_VERSION = '2.6.10'
 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