diff --git a/angular.json b/angular.json index 238f953..abe58fe 100644 --- a/angular.json +++ b/angular.json @@ -51,8 +51,8 @@ }, { "type": "anyComponentStyle", - "maximumWarning": "20kB", - "maximumError": "25kB" + "maximumWarning": "25kB", + "maximumError": "30kB" } ], "optimization": { @@ -154,8 +154,8 @@ }, { "type": "anyComponentStyle", - "maximumWarning": "20kB", - "maximumError": "25kB" + "maximumWarning": "25kB", + "maximumError": "30kB" } ], "optimization": { diff --git a/package-lock.json b/package-lock.json index 244cda9..ac56391 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,12 +1,12 @@ { "name": "plebeian-signer", - "version": "1.2.1", + "version": "1.2.2", "lockfileVersion": 3, "requires": true, "packages": { "": { "name": "plebeian-signer", - "version": "1.2.1", + "version": "1.2.2", "dependencies": { "@angular/animations": "^19.0.0", "@angular/common": "^19.0.0", diff --git a/package.json b/package.json index 0cdec12..ea3588b 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "plebeian-signer", - "version": "1.2.1", + "version": "1.2.2", "custom": { "chrome": { "version": "v1.1.6" diff --git a/plebeian-signer-chrome-v1.2.2.zip b/plebeian-signer-chrome-v1.2.2.zip new file mode 100644 index 0000000..297ff5c Binary files /dev/null and b/plebeian-signer-chrome-v1.2.2.zip differ diff --git a/plebeian-signer-firefox-v1.2.2.zip b/plebeian-signer-firefox-v1.2.2.zip new file mode 100644 index 0000000..c68bcc9 Binary files /dev/null and b/plebeian-signer-firefox-v1.2.2.zip differ diff --git a/projects/chrome/src/app/components/home/wallet/wallet.component.html b/projects/chrome/src/app/components/home/wallet/wallet.component.html index 4cd93dc..4992936 100644 --- a/projects/chrome/src/app/components/home/wallet/wallet.component.html +++ b/projects/chrome/src/app/components/home/wallet/wallet.component.html @@ -57,73 +57,10 @@
@if (mints.length === 0) {
- @if (showCashuInfo) { -
-

Welcome to Cashu Wallet

+
+ No mints connected yet. -
-

Storage Considerations

- @if (currentSyncFlow === BrowserSyncFlow.BROWSER_SYNC) { -
-

Browser Sync is enabled

-

- Sync storage is limited to ~100KB shared across all your vault data - (identities, permissions, relays, and Cashu tokens). This limits - your Cashu wallet to approximately 300-400 tokens. -

-

- For larger Cashu holdings, consider disabling browser sync which - provides ~5MB of local storage (~18,000+ tokens). -

- -
- } @else { -
-

Local Storage Mode

-

- You have ~5MB of local storage available, which can hold - thousands of Cashu tokens. Your data stays on this device only. -

-
- } -
- -
-

Backup Your Wallet

-

- Important: Cashu tokens are bearer assets. - If you lose your vault backup, you lose your tokens permanently. -

-

- Vault exports are saved to your browser's downloads folder. - Configure this to point to either: -

-
    -
  • Your backup storage device (external drive, NAS)
  • -
  • A folder synced by your backup tool (Syncthing, rsync, etc.)
  • -
-

- {{ browserDownloadSettingsUrl }} -

- -
- - -
- } @else { -
- No mints connected yet. - - - +
Quick Add a Mint
@@ -147,8 +84,14 @@
{{ mintError }}
}
+ +
+ Have you set up backups? + +
- }
} @else {
diff --git a/projects/chrome/src/app/components/home/wallet/wallet.component.scss b/projects/chrome/src/app/components/home/wallet/wallet.component.scss index 25ba665..28baf38 100644 --- a/projects/chrome/src/app/components/home/wallet/wallet.component.scss +++ b/projects/chrome/src/app/components/home/wallet/wallet.component.scss @@ -1232,6 +1232,22 @@ } } +// Backup reminder +.backup-reminder { + display: flex; + flex-direction: column; + align-items: center; + gap: var(--size-h); + margin-top: var(--size); + padding-top: var(--size); + border-top: 1px solid var(--border); + + span { + font-size: 0.8rem; + color: var(--muted-foreground); + } +} + // Quick add disclosure (when mints exist) .quick-add-disclosure { margin-top: var(--size-h); diff --git a/projects/firefox/src/app/components/home/wallet/wallet.component.html b/projects/firefox/src/app/components/home/wallet/wallet.component.html index 4cd93dc..8d902a7 100644 --- a/projects/firefox/src/app/components/home/wallet/wallet.component.html +++ b/projects/firefox/src/app/components/home/wallet/wallet.component.html @@ -57,74 +57,11 @@
@if (mints.length === 0) {
- @if (showCashuInfo) { -
-

Welcome to Cashu Wallet

+
+ No mints connected yet. -
-

Storage Considerations

- @if (currentSyncFlow === BrowserSyncFlow.BROWSER_SYNC) { -
-

Browser Sync is enabled

-

- Sync storage is limited to ~100KB shared across all your vault data - (identities, permissions, relays, and Cashu tokens). This limits - your Cashu wallet to approximately 300-400 tokens. -

-

- For larger Cashu holdings, consider disabling browser sync which - provides ~5MB of local storage (~18,000+ tokens). -

- -
- } @else { -
-

Local Storage Mode

-

- You have ~5MB of local storage available, which can hold - thousands of Cashu tokens. Your data stays on this device only. -

-
- } -
- -
-

Backup Your Wallet

-

- Important: Cashu tokens are bearer assets. - If you lose your vault backup, you lose your tokens permanently. -

-

- Vault exports are saved to your browser's downloads folder. - Configure this to point to either: -

-
    -
  • Your backup storage device (external drive, NAS)
  • -
  • A folder synced by your backup tool (Syncthing, rsync, etc.)
  • -
-

- {{ browserDownloadSettingsUrl }} -

- -
- - -
- } @else { -
- No mints connected yet. - - - -
+ +
Quick Add a Mint
@for (mint of suggestedMints; track mint.url) { @@ -147,8 +84,14 @@
{{ mintError }}
}
+ +
+ Have you set up backups? + +
- }
} @else {
diff --git a/projects/firefox/src/app/components/home/wallet/wallet.component.scss b/projects/firefox/src/app/components/home/wallet/wallet.component.scss index 3d699f4..21e4f08 100644 --- a/projects/firefox/src/app/components/home/wallet/wallet.component.scss +++ b/projects/firefox/src/app/components/home/wallet/wallet.component.scss @@ -1223,6 +1223,22 @@ } } +// Backup reminder +.backup-reminder { + display: flex; + flex-direction: column; + align-items: center; + gap: var(--size-h); + margin-top: var(--size); + padding-top: var(--size); + border-top: 1px solid var(--border); + + span { + font-size: 0.8rem; + color: var(--muted-foreground); + } +} + // Quick add disclosure (when mints exist) .quick-add-disclosure { margin-top: var(--size-h);