add options page (to upload vault snapshots)

projects/common/src/lib/services/storage/gooti-meta-handler.ts

@@ -8,7 +8,7 @@ export abstract class GootiMetaHandler {
 
   #gootiMetaData?: GootiMetaData;
 
-  readonly metaProperties = ['syncFlow'];
+  readonly metaProperties = ['syncFlow', 'vaultSnapshots'];
   /**
    * Load the full data from the storage. If the storage is used for storing
    * other data (e.g. browser sync data when the user decided to NOT sync),

projects/common/src/lib/services/storage/types.ts

@@ -79,6 +79,17 @@ export interface BrowserSessionData {
   relays: Relay_DECRYPTED[];
 }
 
+export interface GootiMetaData_VaultSnapshot {
+  fileName: string;
+  data: BrowserSyncData;
+}
+
+export const GOOTI_META_DATA_KEY = {
+  vaultSnapshots: 'vaultSnapshots',
+};
+
 export interface GootiMetaData {
   syncFlow?: number; // 0 = no sync, 1 = browser sync, (future: 2 = Gooti sync, 3 = Custom sync (bring your own sync))
+
+  vaultSnapshots?: GootiMetaData_VaultSnapshot[];
 }

projects/common/src/lib/styles/_spacing.scss

@@ -10,6 +10,10 @@
   margin-top: var(--size-h);
 }
 
+.sam-mt-hh {
+  margin-top: var(--size-hh);
+}
+
 .sam-mb {
   margin-bottom: var(--size);
 }

projects/common/src/lib/styles/styles.scss

@@ -8,6 +8,7 @@
   --size-2: 32px;
   --size: 16px;
   --size-h: 8px;
+  --size-hh: 4px;
 
   --background: #161c26;
   --background-light: #202733;