chore: update frontend dependencies

Author: zensh

canister_ids.json

@@ -55,7 +55,6 @@
     "ic": "5szpn-tiaaa-aaaaj-qncoq-cai",
     "local": "5szpn-tiaaa-aaaaj-qncoq-cai"
   },
-  "ic_panda_ai": {},
   "ic_panda_frontend": {
     "ic": "c63a7-6yaaa-aaaap-ab3gq-cai",
     "local": "c63a7-6yaaa-aaaap-ab3gq-cai"

dfx.json

@@ -82,6 +82,9 @@
     },
     "ic_panda_frontend": {
       "dependencies": [],
+      "build": [
+        "echo 'Disable dfx build for ic_panda_frontend because some issue, you should run npm build manually'"
+      ],
       "source": [
         "src/ic_panda_frontend/dist"
       ],
@@ -90,6 +93,9 @@
     },
     "ic_message_frontend": {
       "dependencies": [],
+      "build": [
+        "echo 'Disable dfx build for ic_panda_frontend because some issue, you should run npm build manually'"
+      ],
       "source": [
         "src/ic_message_frontend/dist"
       ],

package.json

@@ -1,7 +1,7 @@
 {
   "engines": {
-    "node": ">=21.0.0",
-    "npm": ">=7.0.0"
+    "node": ">=22.0.0",
+    "npm": ">=10.0.0"
   },
   "name": "ic_panda",
   "private": true,
@@ -12,6 +12,7 @@
     "start": "npm start --workspaces --if-present",
     "test": "npm test --workspaces --if-present"
   },
+  "packageManager": "[email protected]",
   "type": "module",
   "workspaces": [
     "src/ic_message_frontend",

pnpm-lock.yaml

@@ -11,6 +11,7 @@ dfx start
 # Creates the canisters with the specified IDs
 dfx canister create --specified-id rdmx6-jaaaa-aaaaa-aaadq-cai internet_identity
 dfx canister create --specified-id ryjl3-tyaaa-aaaaa-aaaba-cai icp_ledger_canister
+dfx canister create --specified-id druyg-tyaaa-aaaaq-aactq-cai icrc1_ledger_canister
 dfx canister create --specified-id c63a7-6yaaa-aaaap-ab3gq-cai ic_panda_frontend
 dfx canister create --specified-id a7cug-2qaaa-aaaap-ab3la-cai ic_panda_luckypool
 dfx canister create --specified-id nscli-qiaaa-aaaaj-qa4pa-cai ic_message
@@ -65,7 +66,7 @@ export NUM_OF_BLOCK_TO_ARCHIVE=1000
 export CYCLE_FOR_ARCHIVE_CREATION=10000000000000
 export FEATURE_FLAGS=true
 
-dfx deploy icrc1_ledger_canister --specified-id druyg-tyaaa-aaaaq-aactq-cai --argument "(variant {Init =
+dfx deploy icrc1_ledger_canister --argument "(variant {Init =
 record {
      token_symbol = \"${TOKEN_SYMBOL}\";
      token_name = \"${TOKEN_NAME}\";
@@ -83,15 +84,15 @@ record {
  }
 })"
 
-dfx deploy ic_dmsg_minter --specified-id ql553-iqaaa-aaaap-anuyq-cai --argument "(opt variant {Init =
+dfx deploy ic_dmsg_minter --argument "(opt variant {Init =
 record {
      preparers = vec { principal \"nscli-qiaaa-aaaaj-qa4pa-cai\"};
      committers = vec { principal \"nvdn4-5qaaa-aaaaj-qa4pq-cai\";};
  }
 })"
 
 # Deploys the ICRC-1 token Ledger canister with the specified initial values
-dfx deploy dmsg_ledger_canister --specified-id ocqzv-tyaaa-aaaar-qal4a-cai --argument "(variant {Init =
+dfx deploy dmsg_ledger_canister --argument "(variant {Init =
 record {
      token_symbol = \"DMSG\";
      token_name = \"dMsg.net\";

scripts/deployment_guide.md

@@ -1,70 +1,69 @@
 {
   "dependencies": {
-    "@dfinity/agent": "^2.3.0",
-    "@dfinity/auth-client": "^2.3.0",
-    "@dfinity/candid": "^2.3.0",
-    "@dfinity/identity": "^2.3.0",
-    "@dfinity/oisy-wallet-signer": "^0.1.7",
-    "@dfinity/principal": "^2.3.0",
-    "@dfinity/utils": "^2.10.1",
+    "@dfinity/agent": "^2.4.1",
+    "@dfinity/auth-client": "^2.4.1",
+    "@dfinity/candid": "^2.4.1",
+    "@dfinity/identity": "^2.4.1",
+    "@dfinity/oisy-wallet-signer": "^0.1.8",
+    "@dfinity/principal": "^2.4.1",
+    "@dfinity/utils": "^2.13.0",
     "@ldclabs/cose-ts": "^1.3.2",
-    "@ldclabs/ic_oss_ts": "^1.0.0",
-    "@noble/hashes": "^1.7.1",
-    "@paulmillr/qr": "^0.3.0",
-    "@scure/base": "^1.2.4",
-    "@scure/bip39": "^1.5.4",
-    "cborg": "^4.2.8",
+    "@ldclabs/ic_oss_ts": "^1.1.0",
+    "@noble/hashes": "^1.8.0",
+    "@scure/base": "^1.2.5",
+    "@scure/bip39": "^1.6.0",
+    "cborg": "^4.2.10",
     "debounce": "^2.2.0",
     "idb": "^8.0.2",
-    "markdown-it": "^14.1.0"
+    "markdown-it": "^14.1.0",
+    "qr": "^0.4.2"
   },
   "devDependencies": {
-    "@floating-ui/dom": "^1.6.13",
+    "@floating-ui/dom": "^1.7.0",
     "@skeletonlabs/skeleton": "^2.11.0",
     "@skeletonlabs/tw-plugin": "^0.4.1",
     "@sveltejs/adapter-static": "^3.0.8",
-    "@sveltejs/kit": "^2.18.0",
+    "@sveltejs/kit": "^2.20.8",
     "@sveltejs/vite-plugin-svelte": "^5.0.3",
     "@tailwindcss/forms": "^0.5.10",
     "@testing-library/jest-dom": "^6.6.3",
     "@types/eslint": "^9.6.1",
     "@types/markdown-it": "^14.1.2",
-    "@types/node": "^22.13.9",
-    "@typescript-eslint/eslint-plugin": "^8.26.0",
-    "@typescript-eslint/parser": "^8.26.0",
-    "@vite-pwa/assets-generator": "^0.2.6",
-    "@vite-pwa/sveltekit": "^0.6.7",
-    "autoprefixer": "^10.4.20",
-    "babel-plugin-formatjs": "^10.5.35",
+    "@types/node": "^22.15.3",
+    "@typescript-eslint/eslint-plugin": "^8.31.1",
+    "@typescript-eslint/parser": "^8.31.1",
+    "@vite-pwa/assets-generator": "^1.0.0",
+    "@vite-pwa/sveltekit": "^1.0.0",
+    "autoprefixer": "^10.4.21",
+    "babel-plugin-formatjs": "^10.5.37",
     "cross-fetch": "^4.1.0",
-    "cssnano": "^7.0.6",
-    "dotenv": "^16.4.7",
-    "eslint": "^9.21.0",
-    "eslint-config-prettier": "^10.0.2",
+    "dotenv": "^16.5.0",
+    "eslint": "^9.26.0",
+    "eslint-config-prettier": "^10.1.2",
     "eslint-plugin-import": "^2.31.0",
-    "eslint-plugin-prettier": "^5.2.3",
-    "eslint-plugin-svelte": "^3.0.2",
-    "jsdom": "^26.0.0",
+    "eslint-plugin-prettier": "^5.2.6",
+    "eslint-plugin-svelte": "^3.5.1",
+    "jsdom": "^26.1.0",
     "postcss": "^8.5.3",
     "postcss-load-config": "^6.0.1",
     "prettier": "^3.5.3",
     "prettier-plugin-svelte": "^3.3.3",
     "prettier-plugin-tailwindcss": "^0.6.11",
     "saos": "^1.3.1",
-    "sort-package-json": "^3.0.0",
-    "stylelint": "^16.15.0",
-    "stylelint-config-standard": "^37.0.0",
-    "svelte": "^5.22.1",
-    "svelte-check": "^4.1.4",
-    "svelte-easy-crop": "^4.0.0",
+    "sort-package-json": "^3.1.0",
+    "stylelint": "^16.19.1",
+    "stylelint-config-standard": "^38.0.0",
+    "svelte": "^5.28.2",
+    "svelte-check": "^4.1.7",
+    "svelte-easy-crop": "^4.0.1",
     "tailwindcss": "^3.4.17",
     "ts-node": "^10.9.2",
     "tslib": "^2.8.1",
-    "typescript": "^5.8.2",
-    "vite": "^6.2.0",
+    "typescript": "^5.8.3",
+    "vite": "^6.3.4",
     "vite-plugin-environment": "^1.1.3",
-    "vite-plugin-pwa": "^0.21.1",
-    "vitest": "^3.0.7",
+    "vite-plugin-pwa": "^1.0.0",
+    "vitest": "^3.1.2",
     "workbox-core": "^7.3.0",
     "workbox-expiration": "^7.3.0",
     "workbox-precaching": "^7.3.0",
@@ -85,5 +84,5 @@
     "test": "vitest run"
   },
   "type": "module",
-  "version": "2.9.11"
+  "version": "2.10.0"
 }

src/ic_message_frontend/package.json

@@ -1,14 +1,12 @@
 import autoprefixer from 'autoprefixer'
-import cssnano from 'cssnano'
 import tailwindcss from 'tailwindcss'
 
 const config = {
   plugins: [
     //Some plugins, like tailwindcss/nesting, need to run before Tailwind,
     tailwindcss(),
     //But others, like autoprefixer, need to run after,
-    autoprefixer,
-    cssnano({ preset: 'default' })
+    autoprefixer
   ]
 }
 

src/ic_message_frontend/postcss.config.js

@@ -1,6 +1,6 @@
 <script lang="ts">
   import { goto } from '$app/navigation'
-  import { page } from '$app/stores'
+  import { page } from '$app/state'
   import { type UserInfo } from '$lib/canisters/message'
   import { ChannelAPI } from '$lib/canisters/messagechannel'
   import { MyMessageState } from '$lib/stores/message'
@@ -24,7 +24,7 @@
   const myInfo: Readable<UserInfo> =
     myState.agent.subscribeUser() as Readable<UserInfo>
 
-  const channelParam = $derived(($page?.params || {})['channel'] || '')
+  const channelParam = $derived((page?.params || {})['channel'] || '')
   const channelId = $derived(
     ChannelAPI.parseChannelParam(channelParam) as {
       canister: Principal

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

@@ -1,6 +1,6 @@
 <script lang="ts">
   import { goto } from '$app/navigation'
-  import { page } from '$app/stores'
+  import { page } from '$app/state'
   import IconAdd from '$lib/components/icons/IconAdd.svelte'
   import IconNotificationOffLine from '$lib/components/icons/IconNotificationOffLine.svelte'
   import Loading from '$lib/components/ui/Loading.svelte'
@@ -29,7 +29,7 @@
   let myChannels: Readable<ChannelBasicInfoEx[]> = $state(readable([]))
   let filterValue: string = $state('')
 
-  const currentChannel = $derived(($page?.params || {})['channel'] || '')
+  const currentChannel = $derived((page?.params || {})['channel'] || '')
   const channels = $derived.by(() => {
     return ($myChannels || []).filter((c) => {
       const val = filterValue.trim().toLowerCase()

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

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { page } from '$app/stores'
+  import { page } from '$app/state'
   import { type UserInfo } from '$lib/canisters/message'
   import {
     type Link,
@@ -77,7 +77,7 @@
   )
   let displayDebug = $state(false)
 
-  let pathname = $derived($page?.url?.pathname || '')
+  let pathname = $derived(page?.url?.pathname || '')
   let links = $derived($myInfo?.links || [])
   let myUsername = $derived($myInfo?.username[0] || '')
   let isUsernameAccount = $state(!!authStore.identity?.username)