spruceid · Juliano1612 · Feb 6, 2023 · Mar 23, 2023 · Apr 14, 2023 · Apr 25, 2023
diff --git a/.gitignore b/.gitignore
@@ -32,4 +32,6 @@ npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
 
-lerna-debug.log
+lerna-debug.log
+
+pnpm-lock.yaml
diff --git a/.jest.config.ts b/.jest.config.ts
@@ -34,13 +34,17 @@ export default async (): Promise<Config> => ({
       displayName: SSXSDK.name,
       testEnvironment: "jsdom",
       transform: {
-        "^.+\\.(ts|tsx)?$": [
+        "^.+\\.(js|ts|tsx)?$": [
           "ts-jest",
           { tsconfig: "<rootDir>/packages/ssx-sdk/tsconfig.json" },
         ],
       },
       testMatch: [
         "<rootDir>/packages/ssx-sdk/tests/?(*.)+(spec|test).[jt]s?(x)",
+        "<rootDir>/packages/ssx-sdk/tests/modules/?(*.)+(spec|test).[jt]s?(x)",
+      ],
+      transformIgnorePatterns: [
+        'node_modules/(?!(jose|ipfs-core-utils|ipfs-http-client|ipfs-unixfs|@ipld|multiformats|cborg|dag-jose|uint8arrays)/)',
       ],
     },
     {

diff --git a/examples/ssx-notepad-datavault/.env.example b/examples/ssx-notepad-datavault/.env.example
@@ -0,0 +1,2 @@
+INFURA_API_KEY=
+PORT=
diff --git a/examples/ssx-notepad-datavault/.gitignore b/examples/ssx-notepad-datavault/.gitignore
@@ -0,0 +1,7 @@
+node_modules
+dist
+build
+docs
+db
+public/bundle*
+.env
diff --git a/examples/ssx-notepad-datavault/notepad.png b/examples/ssx-notepad-datavault/notepad.png
diff --git a/examples/ssx-notepad-datavault/package.json b/examples/ssx-notepad-datavault/package.json
@@ -0,0 +1,59 @@
+{
+    "name": "ssx-test-notepad-datavault",
+    "version": "1.0.0",
+    "description": "A simple demonstration of SSX and it's capabilities, forked off of siwe-notepad",
+    "private": true,
+    "main": "src/index.ts",
+    "scripts": {
+        "dev": "concurrently \"nodemon src/index.ts --ignore public/ --ignore db/ --ignore build/\" \"webpack --watch\"",
+        "clean": "rm -rf build db node_modules",
+        "build": "concurrently \"tsc\" \"webpack\""
+    },
+    "author": "Spruce Systems Inc.",
+    "license": "MIT",
+    "dependencies": {
+        "@spruceid/ssx": "*",
+        "@walletconnect/client": "^1.8.0",
+        "@walletconnect/web3-provider": "^1.8.0",
+        "assert": "^2.0.0",
+        "buffer": "^6.0.3",
+        "dotenv": "^16.0.0",
+        "ethers": "^5.5.1",
+        "events": "^3.3.0",
+        "express": "^4.17.1",
+        "helmet": "^4.6.0",
+        "https-browserify": "^1.0.0",
+        "mousetrap": "^1.6.5",
+        "os-browserify": "^0.3.0",
+        "path-browserify": "^1.0.1",
+        "process": "^0.11.10",
+        "stream-browserify": "^3.0.0",
+        "stream-http": "^3.2.0",
+        "url": "^0.11.0",
+        "util": "^0.12.4"
+    },
+    "devDependencies": {
+        "@types/cors": "^2.8.12",
+        "@types/dotenv": "^8.2.0",
+        "@types/express": "^4.17.13",
+        "@types/mousetrap": "^1.6.8",
+        "@types/node": "^16.11.5",
+        "@types/pino": "^6.3.12",
+        "@types/session-file-store": "^1.2.2",
+        "@types/webpack": "^5.28.0",
+        "@typescript-eslint/eslint-plugin": "^5.2.0",
+        "@typescript-eslint/parser": "^5.2.0",
+        "autoprefixer": "^10.4.0",
+        "concurrently": "^6.3.0",
+        "eslint": "^8.1.0",
+        "eslint-config-prettier": "^8.3.0",
+        "eslint-plugin-prettier": "^4.0.0",
+        "nodemon": "^2.0.14",
+        "prettier": "^2.4.1",
+        "ts-loader": "^9.2.6",
+        "ts-node": "^10.4.0",
+        "typescript": "^4.4.4",
+        "webpack": "^5.64.0",
+        "webpack-cli": "^4.9.1"
+    }
+}
diff --git a/examples/ssx-notepad-datavault/public/background.jpg b/examples/ssx-notepad-datavault/public/background.jpg
diff --git a/examples/ssx-notepad-datavault/public/favicon.png b/examples/ssx-notepad-datavault/public/favicon.png
diff --git a/examples/ssx-notepad-datavault/public/index.html b/examples/ssx-notepad-datavault/public/index.html
@@ -0,0 +1,89 @@
+<html>
+    <head>
+        <title>SIWE Notepad</title>
+        <link href="https://unpkg.com/tailwindcss@^2/dist/tailwind.min.css" rel="stylesheet" />
+        <link rel="stylesheet" href="https://unpkg.com/98.css" />
+        <link href="./style.css" rel="stylesheet" />
+        <script src="./bundle.js"></script>
+        <script src="./utils.js"></script>
+        <link rel="icon" type="image/png" href="/favicon.png" />
+        <meta
+            http-equiv="Content-Security-Policy"
+            content="default-src 'self'; script-src 'self' cdn-cors.ethers.io cdnjs.cloudflare.com; font-src 'self' unpkg.com; connect-src 'self' wss://*.walletconnect.org https://*.walletconnect.org https://*.infura.io; img-src 'self' data:; style-src 'self' 'unsafe-inline' unpkg.com;"
+        />
+    </head>
+
+    <body class="h-screen w-screen flex flex-col">
+        <div class="w-full h-full" id="desktop">
+            <div class="window inline-block select-none">
+                <div class="title-bar">
+                    <div class="title-bar-text">
+                        <div class="flex">
+                            <img src="/favicon.png" alt="Notepad icon" class="w-4 h-4 mr-1" />
+                            <p id="title">Untitled</p>
+                            &nbsp- Notepad&nbsp
+                            <p id="unsaved"></p>
+                        </div>
+                    </div>
+                    <div class="title-bar-controls">
+                        <button id="toggleSize" aria-label="Maximize"></button>
+                        <button id="closeButton" aria-label="Close" title="Sign-Out"></button>
+                    </div>
+                </div>
+                <div class="flex py-0.5">
+                    <div
+                        id="disconnectButton"
+                        class="cursor-default hover:bg-blue-900 hover:text-white px-1 hidden"
+                    >
+                        Disconnect
+                    </div>
+                    <div
+                        id="saveButton"
+                        class="cursor-default hover:bg-blue-900 hover:text-white px-1 hidden"
+                    >
+                        Save
+                    </div>
+                    <div
+                        id="metamask"
+                        class="cursor-default hover:bg-blue-900 hover:text-white px-1"
+                    >
+                        Metamask
+                    </div>
+                    <div
+                        id="walletconnect"
+                        class="cursor-default hover:bg-blue-900 hover:text-white px-1"
+                    >
+                        WalletConnect
+                    </div>
+                </div>
+                <textarea
+                    name="notepad"
+                    id="notepad"
+                    cols="30"
+                    rows="10"
+                    spellcheck="false"
+                    class="mousetrap"
+                ></textarea>
+            </div>
+        </div>
+        <div class="h-8 menu-bar flex justify-between">
+            <a href="https://login.xyz" target="_blank">
+                <button class="m-1">
+                    <div class="flex items-center justify-evenly">
+                        <img
+                            src="/start-button.png"
+                            alt="Start Button"
+                            class="w-3 h-4 mb-0.5"
+                            draggable="false"
+                        />
+                        &nbsp&nbsplogin.xyz
+                    </div>
+                </button>
+            </a>
+            <div
+                id="clock"
+                class="clock justify-end px-2 items-center flex m-1 cursor-default select-none"
+            ></div>
+        </div>
+    </body>
+</html>
diff --git a/examples/ssx-notepad-datavault/public/start-button.png b/examples/ssx-notepad-datavault/public/start-button.png
diff --git a/examples/ssx-notepad-datavault/public/style.css b/examples/ssx-notepad-datavault/public/style.css
@@ -0,0 +1,50 @@
+textarea {
+    resize: both;
+    cursor: auto;
+    overflow: scroll;
+    min-width: 660px;
+    min-height: 380px;
+    max-width: 99.7vw;
+    max-height: 91.7vh;
+    white-space: pre;
+    padding: 0.25rem;
+    font-size: 14px;
+}
+
+.title-bar, button {
+    font-size: 12px;
+}
+
+button {
+    cursor: default;
+}
+
+div [disabled], div [disabled]:hover {
+    background-color: transparent;
+    color: grey;
+}
+
+#desktop {
+    background-color: #018080;
+}
+
+.menu-bar {
+    background-color: silver;
+    box-shadow: inset -1px -1px #0a0a0a, inset 1px 1px #dfdfdf, inset -2px -2px grey, inset 2px 2px #fff;
+}
+
+.clock {
+    border-top: 1px solid gray;
+    border-left: 1px solid gray;
+    border-right: 1px solid white;
+    border-bottom: 1px solid white;
+    font-family: "Pixelated MS Sans Serif",Arial;
+    -webkit-font-smoothing: none;
+    font-size: 11px;
+    letter-spacing: 0.5px;
+}
+
+a {
+    color: black;
+    text-decoration: none; /* no underline */
+  }
diff --git a/examples/ssx-notepad-datavault/public/utils.js b/examples/ssx-notepad-datavault/public/utils.js
@@ -0,0 +1,24 @@
+function clock() {
+    let date = new Date();
+    let hh = date.getHours();
+    let mm = date.getMinutes();
+    let ss = date.getSeconds();
+    let session = "AM";
+
+    if (hh > 12) {
+        session = "PM";
+    }
+
+    hh = (hh < 10) ? "0" + hh : hh;
+    mm = (mm < 10) ? "0" + mm : mm;
+    ss = (ss < 10) ? "0" + ss : ss;
+
+    let time = hh + ":" + mm + ":" + ss + " " + session;
+
+    document.getElementById("clock").innerText = time;
+    let t = setTimeout(function () { clock() }, 1000);
+}
+
+document.addEventListener('DOMContentLoaded', () => {
+    clock();
+});