New structure

package-lock.json

@@ -28,6 +28,7 @@
         "ethereum-cryptography": "^1.1.2",
         "ethereumjs-util": "^7.1.5",
         "ethr-did-resolver": "^8.0.0",
+        "js-generate-password": "^0.1.7",
         "localstorage-slim": "^2.3.0",
         "luxon": "^3.1.1",
         "merkletreejs": "^0.3.9",
@@ -16845,6 +16846,14 @@
         "url": "https://github.com/sponsors/panva"
       }
     },
+    "node_modules/js-generate-password": {
+      "version": "0.1.7",
+      "resolved": "https://registry.npmjs.org/js-generate-password/-/js-generate-password-0.1.7.tgz",
+      "integrity": "sha512-O2fTDgD2DSf4mnuTKO0rZ2DMgv/CkWvdboKzV5XDDLsUrmFQppbMtMkbLIEHiiXSsIdMcFdr/OAN+CXqc7TdTQ==",
+      "bin": {
+        "js-generate-password": "dist/index.js"
+      }
+    },
     "node_modules/js-message": {
       "version": "1.0.7",
       "resolved": "https://registry.npmmirror.com/js-message/-/js-message-1.0.7.tgz",

package.json

@@ -28,6 +28,7 @@
     "ethereum-cryptography": "^1.1.2",
     "ethereumjs-util": "^7.1.5",
     "ethr-did-resolver": "^8.0.0",
+    "js-generate-password": "^0.1.7",
     "localstorage-slim": "^2.3.0",
     "luxon": "^3.1.1",
     "merkletreejs": "^0.3.9",

src/constants/app.ts

@@ -0,0 +1,7 @@
+/**
+ * Generic strings that could be used throughout the app.
+ */
+export enum AppString {
+  APP_NAME = "Kickstart for time",
+  VERSION = "0.1",
+}

src/constants/model.ts

@@ -0,0 +1,27 @@
+/**
+ * Field names used by the tables for the DB objects.
+ */
+export enum Field {
+  // Setting
+  KEY = "key",
+  VALUE = "value",
+  // Log
+  SEVERITY = "severity",
+  LABEL = "label",
+  ERROR = "error",
+  // Accounts
+  NAME = "name",
+  DESCRIPTION = "description",
+  ID = "id",
+  IDENTITY = "indentity",
+  CREATED_TIMESTAMP = "createdTimestamp",
+  STATUS = "status",
+}
+
+export enum Severity {
+  DEBUG = "Debug",
+  INFO = "Info",
+  WARN = "Warning",
+  ERROR = "Error",
+  CRITICAL = "Critical",
+}

src/constants/table.ts

@@ -0,0 +1,6 @@
+/**
+ * Dexie table names used by the DexieWrapper service.
+ */
+export enum AppTable {
+  ACCOUNTS = "Accounts-Table",
+}

src/libs/db/index.ts

@@ -1,27 +0,0 @@
-import Dexie, { Table } from "dexie";
-import { encrypted } from "@pvermeer/dexie-encrypted-addon";
-
-export interface Account {
-  id?: number;
-  did: string;
-  kid: string;
-  kms: string;
-  meta: string;
-  privateKeyHex: string;
-  publicKeyHex: string;
-  type: string;
-}
-
-export class AccountsDb extends Dexie {
-  accounts!: Table<Account>;
-
-  constructor(secret?: string) {
-    super("KickStartDb");
-    encrypted(this, { secretKey: secret });
-    this.version(1).stores({
-      accounts: "++id, privateKeyHex, publicKeyHex", // Primary key and indexed props
-    });
-  }
-}
-
-export const db = new AccountsDb();

src/main.ts

@@ -45,7 +45,6 @@ library.add(
 );
 
 import { FontAwesomeIcon } from "@fortawesome/vue-fontawesome";
-import { db } from "./libs/db";
 
 createApp(App)
   .component("fa", FontAwesomeIcon)

src/models/Account.ts

@@ -0,0 +1,9 @@
+import type { Field } from "@/constants/model";
+
+export interface IDBAccount {
+  [Field.ID]?: string;
+  [Field.IDENTITY]: string;
+  [Field.NAME]: string;
+  [Field.DESCRIPTION]: string;
+  [Field.CREATED_TIMESTAMP]: number;
+}

src/router/index.ts

@@ -115,7 +115,7 @@ router.beforeEach(async (to) => {
   const isPublic = publicPages.includes(to.path);
   const appStore = useAppStore();
   let return_path = "/start";
-
+  console.log(isPublic);
   if (isPublic) {
     switch (appStore.condition) {
       case "uninitialized":

src/services/DexieWrapper.ts

@@ -0,0 +1,35 @@
+import Dexie, { type Table } from "dexie";
+import { encrypted, Encryption } from "@pvermeer/dexie-encrypted-addon";
+
+import { AppString } from "@/constants/app";
+import { AppTable } from "../constants/table";
+import { Field } from "@/constants/model";
+import { IDBAccount } from "@/models/Account";
+
+export class DexieWrapper extends Dexie {
+  [AppTable.ACCOUNTS]!: Table<IDBAccount>;
+
+  constructor(name: string, secret: string) {
+    super(name, { autoOpen: true });
+    encrypted(this, { secretKey: secret });
+    this.version(1).stores({
+      [AppTable.ACCOUNTS]: `#&${Field.ID}, $${Field.IDENTITY}`,
+    });
+  }
+}
+
+const secret =
+  localStorage.getItem("secret") || Encryption.createRandomEncryptionKey();
+
+if (localStorage.getItem("secret") == null) {
+  localStorage.setItem("secret", secret);
+}
+
+console.log("secret", secret);
+/**
+ * Preconfigured DexieWrapper
+ */
+export const dexieWrapper = new DexieWrapper(
+  `${AppString.APP_NAME} v${AppString.VERSION}`,
+  secret
+);

src/use/useDBAccounts.ts

@@ -0,0 +1,41 @@
+import type { IndexableType } from "dexie";
+import { AppTable } from "@/constants/table";
+import { Field } from "@/constants/model";
+import { dexieWrapper } from "@/services/DexieWrapper";
+import type { IDBAccount } from "@/models/Account";
+
+export default function useDBAccounts() {
+  /**
+   * Gets all data from the Logs table.
+   * @returns IDBAccount[]
+   */
+  async function getAccountsTable(): Promise<IDBAccount[]> {
+    return await dexieWrapper.table(AppTable.ACCOUNTS).toArray();
+  }
+
+  /**
+   * Adds an Account to the database.
+   * @param name
+   * @param description
+   * @param identity
+   * @returns Id of new Account
+   */
+  async function addAccount(
+    name: string,
+    description: string,
+    identity: string
+  ): Promise<IndexableType> {
+    const account: IDBAccount = {
+      [Field.CREATED_TIMESTAMP]: new Date().getTime(),
+      [Field.NAME]: name,
+      [Field.DESCRIPTION]: description,
+      [Field.IDENTITY]: identity,
+    };
+    return await dexieWrapper.table(AppTable.ACCOUNTS).add(account);
+  }
+
+  return {
+    getAccountsTable,
+    addAccount,
+  };
+}

src/views/AccountViewView.vue

@@ -172,7 +172,9 @@ import { useAccountStore } from "../store/account";
 import { createIdentifier, deriveAddress, newIdentifier } from "../libs/crypto";
 import { IIdentifier } from "@veramo/core";
 import * as R from "ramda";
-import { db } from "../libs/db";
+import useDBAccounts from "@/use/useDBAccounts";
+
+const { addAccount } = useDBAccounts();
 
 @Options({
   components: {},
@@ -221,15 +223,7 @@ export default class AccountViewView extends Vue {
         UPORT_ROOT_DERIVATION_PATH
       );
       console.log(newId);
-      db.accounts.add({
-        did: address,
-        kid: newId.keys[0].kid,
-        kms: newId.keys[0].kms,
-        meta: "",
-        privateKeyHex: privateHex,
-        publicKeyHex: publicHex,
-        type: "Secp256k1",
-      });
+      addAccount("me", "you", "identity");
       //appStore.dispatch(appSlice.actions.addLog({log: false, msg: "... created new ID..."}))
       accountStore.account = JSON.stringify(newId);
       //appStore.dispatch(appSlice.actions.addLog({log: false, msg: "... stored new ID..."}))