fix: mf-6765 update json-stable-stringify and use default export (#12325)

bump dependency across packages, remove @types/json-stable-stringify,
replace import * as stringify with default import and call stringify(...).
also enable dotenv dev loading in build script.

Author: swkatmask

packages/mask/background/services/site-adaptors/connect.ts

@@ -131,5 +131,5 @@ export async function connectSite(
         persona: identifier.toText(),
         username: profile?.userId,
         tabId: targetTab.id,
-    })
+    }) as string
 }

packages/mask/content-script/site-adaptor-infra/ui.ts

@@ -136,7 +136,7 @@ export async function activateSiteAdaptorUIInner(ui_deferred: SiteAdaptorUI.Defe
         currentSetupGuideStatus[activatedSiteAdaptorUI!.networkIdentifier].value = stringify({
             status: SetupGuideStep.FindUsername,
             persona: currentPersonaIdentifier?.toText(),
-        })
+        }) as string
     }
 
     setupUIContext()

packages/mask/package.json

@@ -94,7 +94,6 @@
     "@tanstack/react-query-devtools": "^5.48.0",
     "@tanstack/react-query-persist-client": "^5.48.0",
     "@types/elliptic": "^6.4.18",
-    "@types/json-stable-stringify": "^1.0.36",
     "@types/react-avatar-editor": "^13.0.2",
     "@types/react-highlight-words": "^0.20.0",
     "@types/use-subscription": "^1.0.2",
@@ -115,7 +114,7 @@
     "https-browserify": "^1.0.0",
     "idb": "^8.0.0",
     "immer": "^10.1.1",
-    "json-stable-stringify": "^1.1.1",
+    "json-stable-stringify": "1.3.0",
     "react-avatar-editor": "^13.0.2",
     "react-draggable": "^4.4.6",
     "react-highlight-words": "^0.20.0",

packages/plugins/Transak/package.json

@@ -23,8 +23,7 @@
     "@masknet/shared-base-ui": "workspace:^",
     "@masknet/theme": "workspace:^",
     "@masknet/web3-shared-evm": "workspace:^",
-    "@types/json-stable-stringify": "^1.0.36",
-    "json-stable-stringify": "^1.1.1",
+    "json-stable-stringify": "1.3.0",
     "react-use": "^17.5.0"
   }
-}
+}

packages/scripts/src/extension/dotenv.ts

@@ -4,7 +4,7 @@ import type { BuildFlags } from './flags.ts'
 import { ManifestFile } from '../../../mask/.webpack/flags.ts'
 
 export function applyDotEnv(flags: BuildFlags) {
-    if (flags.mode === 'production') return
+    // if (flags.mode === 'production') return
 
     const { parsed, error } = config({ path: new URL('./.env/dev-preference', ROOT_PATH) })
     if (error && !error.message.includes('no such file or directory')) {

packages/shared-base/package.json

@@ -23,12 +23,11 @@
     "@masknet/typed-message": "workspace:^",
     "@servie/events": "^3.0.0",
     "@types/dompurify": "^3.0.5",
-    "@types/json-stable-stringify": "^1.0.36",
     "async-call-rpc": "^6.4.2",
     "bignumber.js": "9.1.2",
     "dompurify": "^3.1.5",
     "idb": "^8.0.0",
-    "json-stable-stringify": "^1.1.1",
+    "json-stable-stringify": "1.3.0",
     "pvtsutils": "^1.3.5",
     "typeson": "^9.0.3",
     "typeson-registry": "^11.1.1"

packages/shared-base/src/helpers/ValueRef.ts

@@ -1,7 +1,7 @@
 // All imports must be deferred. This file loads in the very early stage.
 import defer * as lodash from 'lodash-es'
 import defer * as constants from '../constants.js'
-import defer * as stringify from 'json-stable-stringify'
+import stringify from 'json-stable-stringify'
 
 export type ValueComparer<T> = (a: T, b: T) => boolean
 const defaultComparer: ValueComparer<any> = (a, b) => a === b
@@ -64,7 +64,7 @@ export class ValueRefWithReady<T> extends ValueRef<T> {
  */
 export class ValueRefJSON<T extends object> extends ValueRefWithReady<string> {
     constructor(defaultValue: T) {
-        super(stringify.default(defaultValue), lodash.isEqual)
+        super(stringify(defaultValue), lodash.isEqual)
     }
     override get value(): string {
         return super.value
@@ -76,7 +76,7 @@ export class ValueRefJSON<T extends object> extends ValueRefWithReady<string> {
         }
         if (lodash.isEqual(this.asJSON, value)) return
         this.json = value
-        super.value = stringify.default(value)
+        super.value = stringify(value) as string
     }
     private json: Readonly<T> | undefined
     get asJSON(): Readonly<T> {

packages/shared/package.json

@@ -34,13 +34,12 @@
     "@masknet/web3-telemetry": "workspace:^",
     "@react-hookz/web": "^24.0.4",
     "@types/d3": "5.16.4",
-    "@types/json-stable-stringify": "^1.0.36",
     "bignumber.js": "9.1.2",
     "d3": "^5.16.0",
     "date-fns": "^3.6.0",
     "fuse.js": "^7.0.0",
     "immer": "^10.1.1",
-    "json-stable-stringify": "^1.1.1",
+    "json-stable-stringify": "1.3.0",
     "lodash-es": "^4.17.21",
     "pure-react-carousel": "^1.30.1",
     "qrcode": "^1.5.4",