get creation of links working

.eslintignore

@@ -2,3 +2,4 @@ dist
 processes.config.js
 node_modules
 coverage
+vitest.config.mts

.gitignore

@@ -55,5 +55,6 @@ test/**/*.js.map
 #env
 .env.local
 .env.development
+.envrc
 
 database.sqlite

package-lock.json

@@ -44,12 +44,14 @@
         "express": "^4.20.0",
         "express-session": "^1.18.0",
         "method-override": "^3.0.0",
+        "missing.css": "^1.1.3",
         "passport": "^0.7.0",
         "passport-github": "^1.1.0",
         "passport-oauth2": "^1.8.0",
         "reflect-metadata": "^0.2.2",
         "sqlite3": "^5.1.7",
-        "uuid": "^10.0.0"
+        "uuid": "^10.0.0",
+        "victormono": "^1.5.6"
       },
       "devDependencies": {
         "@swc/core": "^1.7.24",
@@ -114,33 +116,30 @@
       }
     },
     "node_modules/@babel/helper-string-parser": {
-      "version": "7.24.8",
+      "version": "7.25.7",
-      "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.24.8.tgz",
+      "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.25.7.tgz",
-      "integrity": "sha512-pO9KhhRcuUyGnJWwyEgnRJTSIZHiT+vMD0kPeD+so0l7mxkMT19g3pjY9GTnHySck/hDzq+dtW/4VgnMkippsQ==",
+      "integrity": "sha512-CbkjYdsJNHFk8uqpEkpCvRs3YRp9tY6FmFY7wLMSYuGYkrdUi7r2lc4/wqsvlHoMznX3WJ9IP8giGPq68T/Y6g==",
-      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/helper-validator-identifier": {
-      "version": "7.24.7",
+      "version": "7.25.7",
-      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.24.7.tgz",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.25.7.tgz",
-      "integrity": "sha512-rR+PBcQ1SMQDDyF6X0wxtG8QyLCgUB0eRAGguqRLfkCA87l7yAP7ehq8SNj96OOGTO8OBV70KhuFYcIkHXOg0w==",
+      "integrity": "sha512-AM6TzwYqGChO45oiuPqwL2t20/HdMC1rTPAesnBCgPCSF1x3oN9MVUwQV2iyz4xqWrctwK5RNC8LV22kaQCNYg==",
-      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/parser": {
-      "version": "7.25.6",
+      "version": "7.25.7",
-      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.25.6.tgz",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.25.7.tgz",
-      "integrity": "sha512-trGdfBdbD0l1ZPmcJ83eNxB9rbEax4ALFTF7fN386TMYbeCQbyme5cOEXQhbGXKebwGaB/J52w1mrklMcbgy6Q==",
+      "integrity": "sha512-aZn7ETtQsjjGG5HruveUK06cU3Hljuhd9Iojm4M8WWv3wLE6OkE5PWbDUkItmMgegmccaITudyuW5RPYrYlgWw==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/types": "^7.25.6"
+        "@babel/types": "^7.25.7"
       },
       "bin": {
         "parser": "bin/babel-parser.js"
@@ -150,14 +149,13 @@
       }
     },
     "node_modules/@babel/types": {
-      "version": "7.25.6",
+      "version": "7.25.7",
-      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.25.6.tgz",
+      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.25.7.tgz",
-      "integrity": "sha512-/l42B1qxpG6RdfYf343Uw1vmDjeNhneUXtzhojE7pDgfpEypmRhI6j1kr17XCVv4Cgl9HdAiQY2x0GwKm7rWCw==",
+      "integrity": "sha512-vwIVdXG+j+FOpkwqHRcBgHLYNL7XMkufrlaFvL9o6Ai9sJn9+PdyIL5qa0XzTZw084c+u9LOls53eoZWP/W5WQ==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/helper-string-parser": "^7.24.8",
+        "@babel/helper-string-parser": "^7.25.7",
-        "@babel/helper-validator-identifier": "^7.24.7",
+        "@babel/helper-validator-identifier": "^7.25.7",
         "to-fast-properties": "^2.0.0"
       },
       "engines": {
@@ -3170,6 +3168,35 @@
         "@types/estree": "^1.0.0"
       }
     },
+    "node_modules/@vue/compiler-sfc": {
+      "version": "2.7.16",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-2.7.16.tgz",
+      "integrity": "sha512-KWhJ9k5nXuNtygPU7+t1rX6baZeqOYLEforUPjgNDBnLicfHCoi48H87Q8XyLZOrNNsmhuwKqtpDQWjEFe6Ekg==",
+      "dependencies": {
+        "@babel/parser": "^7.23.5",
+        "postcss": "^8.4.14",
+        "source-map": "^0.6.1"
+      },
+      "optionalDependencies": {
+        "prettier": "^1.18.2 || ^2.0.0"
+      }
+    },
+    "node_modules/@vue/compiler-sfc/node_modules/prettier": {
+      "version": "2.8.8",
+      "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.8.8.tgz",
+      "integrity": "sha512-tdN8qQGvNjw4CHbY+XXk0JgCXn9QiF21a55rBe5LJAU+kDyC4WQn4+awm2Xfk2lQMk5fKup9XgzTZtGkjBdP9Q==",
+      "license": "MIT",
+      "optional": true,
+      "bin": {
+        "prettier": "bin-prettier.js"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      },
+      "funding": {
+        "url": "https://github.com/prettier/prettier?sponsor=1"
+      }
+    },
     "node_modules/abbrev": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/abbrev/-/abbrev-1.1.1.tgz",
@@ -3333,6 +3360,12 @@
         }
       }
     },
+    "node_modules/animejs": {
+      "version": "3.2.2",
+      "resolved": "https://registry.npmjs.org/animejs/-/animejs-3.2.2.tgz",
+      "integrity": "sha512-Ao95qWLpDPXXM+WrmwcKbl6uNlC5tjnowlaRYtuVDHHoygjtIPfDUoK9NthrlZsQSKjZXlmji2TrBUAVbiH0LQ==",
+      "license": "MIT"
+    },
     "node_modules/ansi-regex": {
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
@@ -3483,6 +3516,14 @@
       "integrity": "sha512-htCUDlxyyCLMgaM3xXg0C0LW2xqfuQ6p05pCEIsXuyQ+a1koYKTuBMzRNwmybfLgvJDMd0r1LTn4+E0Ti6C2AA==",
       "license": "MIT"
     },
+    "node_modules/async-validator": {
+      "version": "1.8.5",
+      "resolved": "https://registry.npmjs.org/async-validator/-/async-validator-1.8.5.tgz",
+      "integrity": "sha512-tXBM+1m056MAX0E8TL2iCjg8WvSyXu0Zc8LNtYqrVeyoL3+esHRZ4SieE9fKQyyU09uONjnMEjrNBMqT0mbvmA==",
+      "dependencies": {
+        "babel-runtime": "6.x"
+      }
+    },
     "node_modules/asynckit": {
       "version": "0.4.0",
       "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
@@ -3490,6 +3531,22 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/babel-helper-vue-jsx-merge-props": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/babel-helper-vue-jsx-merge-props/-/babel-helper-vue-jsx-merge-props-2.0.3.tgz",
+      "integrity": "sha512-gsLiKK7Qrb7zYJNgiXKpXblxbV5ffSwR0f5whkPAaBAR4fhi6bwRZxX9wBlIc5M/v8CCkXUbXZL4N/nSE97cqg==",
+      "license": "MIT"
+    },
+    "node_modules/babel-runtime": {
+      "version": "6.26.0",
+      "resolved": "https://registry.npmjs.org/babel-runtime/-/babel-runtime-6.26.0.tgz",
+      "integrity": "sha512-ITKNuq2wKlW1fJg9sSW52eepoYgZBggvOAHC0u/CYu/qxQ9EVzThCgR69BnSXLHjy2f7SY5zaQ4yt7H9ZVxY2g==",
+      "license": "MIT",
+      "dependencies": {
+        "core-js": "^2.4.0",
+        "regenerator-runtime": "^0.11.0"
+      }
+    },
     "node_modules/balanced-match": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
@@ -3542,6 +3599,12 @@
         "node": ">=6.0.0"
       }
     },
+    "node_modules/bezier-easing": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/bezier-easing/-/bezier-easing-2.1.0.tgz",
+      "integrity": "sha512-gbIqZ/eslnUFC1tjEvtz0sgx+xTK20wDnYMIA27VA04R7w6xxXQPZDbibjA9DTWZRA2CXtwHykkVzlCaAJAZig==",
+      "license": "MIT"
+    },
     "node_modules/binary-extensions": {
       "version": "2.3.0",
       "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.3.0.tgz",
@@ -4017,6 +4080,12 @@
         "node": ">=12"
       }
     },
+    "node_modules/codemirror": {
+      "version": "5.65.18",
+      "resolved": "https://registry.npmjs.org/codemirror/-/codemirror-5.65.18.tgz",
+      "integrity": "sha512-Gaz4gHnkbHMGgahNt3CA5HBk5lLQBqmD/pBgeB4kQU6OedZmqMBjlRF0LSrp2tJ4wlLNPm2FfaUd1pDy0mdlpA==",
+      "license": "MIT"
+    },
     "node_modules/color-convert": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
@@ -4231,6 +4300,14 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/core-js": {
+      "version": "2.6.12",
+      "resolved": "https://registry.npmjs.org/core-js/-/core-js-2.6.12.tgz",
+      "integrity": "sha512-Kb2wC0fvsWfQrgk8HU5lW6U/Lcs8+9aaYcy4ZFc6DDlo4nZ7n70dEgE5rtR0oG6ufKDUnrwfWL1mXR5ljDatrQ==",
+      "deprecated": "core-js@<3.23.3 is no longer maintained and not recommended for usage due to the number of issues. Because of the V8 engine whims, feature detection in old core-js versions could cause a slowdown up to 100x even if nothing is polyfilled. Some versions have web compatibility issues. Please, upgrade your dependencies to the actual version of core-js.",
+      "hasInstallScript": true,
+      "license": "MIT"
+    },
     "node_modules/core-util-is": {
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.3.tgz",
@@ -4289,6 +4366,12 @@
         "node": ">= 8"
       }
     },
+    "node_modules/csstype": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz",
+      "integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==",
+      "license": "MIT"
+    },
     "node_modules/date-format": {
       "version": "4.0.14",
       "resolved": "https://registry.npmjs.org/date-format/-/date-format-4.0.14.tgz",
@@ -4355,6 +4438,15 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/deepmerge": {
+      "version": "1.5.2",
+      "resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-1.5.2.tgz",
+      "integrity": "sha512-95k0GDqvBjZavkuvzx/YqVLv/6YYa17fz6ILMSf7neqQITCPbnfEnQvEgMPNjH4kgobe7+WIL0yJEHku+H3qtQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/define-data-property": {
       "version": "1.1.4",
       "resolved": "https://registry.npmjs.org/define-data-property/-/define-data-property-1.1.4.tgz",
@@ -4438,6 +4530,12 @@
         "node": ">=0.3.1"
       }
     },
+    "node_modules/diff-match-patch": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/diff-match-patch/-/diff-match-patch-1.0.5.tgz",
+      "integrity": "sha512-IayShXAgj/QMXgB0IWmKx+rOPuGMhqm5w6jvFxmVenXKIzRqTAAsbBPT3kWQeGANj3jGgvcvv4yK6SxqYmikgw==",
+      "license": "Apache-2.0"
+    },
     "node_modules/dir-glob": {
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/dir-glob/-/dir-glob-3.0.1.tgz",
@@ -4463,6 +4561,12 @@
         "node": ">=6.0.0"
       }
     },
+    "node_modules/dom-confetti": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/dom-confetti/-/dom-confetti-0.1.2.tgz",
+      "integrity": "sha512-6Zo1pJEbEW1/GPgmk7uGWnPsoZ1E1vF7pmrPARnN3tp8L3ReMr/SIyLl6E8mGbu4DermzDWXfa+be77HehH2MA==",
+      "license": "MIT"
+    },
     "node_modules/dot-case": {
       "version": "3.0.4",
       "resolved": "https://registry.npmjs.org/dot-case/-/dot-case-3.0.4.tgz",
@@ -4550,6 +4654,23 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/element-ui": {
+      "version": "2.15.14",
+      "resolved": "https://registry.npmjs.org/element-ui/-/element-ui-2.15.14.tgz",
+      "integrity": "sha512-2v9fHL0ZGINotOlRIAJD5YuVB8V7WKxrE9Qy7dXhRipa035+kF7WuU/z+tEmLVPBcJ0zt8mOu1DKpWcVzBK8IA==",
+      "license": "MIT",
+      "dependencies": {
+        "async-validator": "~1.8.1",
+        "babel-helper-vue-jsx-merge-props": "^2.0.0",
+        "deepmerge": "^1.2.0",
+        "normalize-wheel": "^1.0.1",
+        "resize-observer-polyfill": "^1.5.0",
+        "throttle-debounce": "^1.0.1"
+      },
+      "peerDependencies": {
+        "vue": "^2.5.17"
+      }
+    },
     "node_modules/emoji-regex": {
       "version": "8.0.0",
       "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
@@ -5782,6 +5903,12 @@
       "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==",
       "license": "ISC"
     },
+    "node_modules/granim": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/granim/-/granim-2.0.0.tgz",
+      "integrity": "sha512-aqa79K49ndjoUBtpYzlO8sKcuVQED+5axvX0SveqTLDR+Fa2G42AGntuQ36ysCFOWGVkWCLfHowFwk+D/9rGDg==",
+      "license": "MIT"
+    },
     "node_modules/graphemer": {
       "version": "1.4.0",
       "resolved": "https://registry.npmjs.org/graphemer/-/graphemer-1.4.0.tgz",
@@ -6053,6 +6180,15 @@
         "node": ">= 4"
       }
     },
+    "node_modules/immutable": {
+      "version": "4.3.7",
+      "resolved": "https://registry.npmjs.org/immutable/-/immutable-4.3.7.tgz",
+      "integrity": "sha512-1hqclzwYwjRDFLjcFxOM5AYkkG0rpFPpr1RLPMEuGczoS7YA8gLhy8SWXYRAA/XwfEHpfo3cw5JGioS32fnMRw==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "peer": true
+    },
     "node_modules/import-fresh": {
       "version": "3.3.0",
       "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.0.tgz",
@@ -6911,6 +7047,12 @@
         "node": ">= 8"
       }
     },
+    "node_modules/missing.css": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/missing.css/-/missing.css-1.1.3.tgz",
+      "integrity": "sha512-dkGzliE9Zcv9tGPvuIHy1lpMc4Y5QAc+svF7Nqi+EMl4taRC5HfjARg55YC2jC9cbqOwX0qOUltUxqn57YIQiw==",
+      "license": "BSD 2-Clause"
+    },
     "node_modules/mkdirp": {
       "version": "0.5.6",
       "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.6.tgz",
@@ -6969,7 +7111,6 @@
       "version": "3.3.7",
       "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.7.tgz",
       "integrity": "sha512-eSRppjcPIatRIMC1U6UngP8XFcz8MQWGQdt1MTBQ7NaAmvXDfvNxbvWV3x2y6CdEUciCSsDHDQZbhYaB8QEo2g==",
-      "dev": true,
       "funding": [
         {
           "type": "github",
@@ -7125,6 +7266,12 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/normalize-wheel": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/normalize-wheel/-/normalize-wheel-1.0.1.tgz",
+      "integrity": "sha512-1OnlAPZ3zgrk8B91HyRj+eVv+kS5u+Z0SCsak6Xil/kmgEia50ga7zfkumayonZrImffAxPU/5WcyGhzetHNPA==",
+      "license": "BSD-3-Clause"
+    },
     "node_modules/npm-run-path": {
       "version": "5.3.0",
       "resolved": "https://registry.npmjs.org/npm-run-path/-/npm-run-path-5.3.0.tgz",
@@ -7568,7 +7715,6 @@
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.0.tgz",
       "integrity": "sha512-TQ92mBOW0l3LeMeyLV6mzy/kWr8lkd/hp3mTg7wYK7zJhuBStmGMBG0BdeDZS/dZx1IukaX6Bk11zcln25o1Aw==",
-      "dev": true,
       "license": "ISC"
     },
     "node_modules/picomatch": {
@@ -7609,7 +7755,6 @@
       "version": "8.4.45",
       "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.45.tgz",
       "integrity": "sha512-7KTLTdzdZZYscUc65XmjFiB73vBhBfbPztCYdUNvlaso9PrzjzcmjqBPR0lNGkcVlcO4BjiO5rK/qNz+XAen1Q==",
-      "dev": true,
       "funding": [
         {
           "type": "opencollective",
@@ -7885,6 +8030,12 @@
       "integrity": "sha512-urBwgfrvVP/eAyXx4hluJivBKzuEbSQs9rKWCrCkbSxNv8mxPcUZKeuoF3Uy4mJl3Lwprp6yy5/39VWigZ4K6Q==",
       "license": "Apache-2.0"
     },
+    "node_modules/regenerator-runtime": {
+      "version": "0.11.1",
+      "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.11.1.tgz",
+      "integrity": "sha512-MguG95oij0fC3QV3URf4V2SDYGJhJnJGqvIIgdECeODCT98wSWDAJ94SSuVpYQUoTcGUIL6L4yNB7j1DFFHSBg==",
+      "license": "MIT"
+    },
     "node_modules/require-directory": {
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/require-directory/-/require-directory-2.1.1.tgz",
@@ -7903,6 +8054,12 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/resize-observer-polyfill": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/resize-observer-polyfill/-/resize-observer-polyfill-1.5.1.tgz",
+      "integrity": "sha512-LwZrotdHOo12nQuZlHEmtuXdqGoOD0OhaxopaNFxWzInpEgaLWoVuAMbTzixuosCx2nEG58ngzW3vxdWoxIgdg==",
+      "license": "MIT"
+    },
     "node_modules/resolve": {
       "version": "1.22.8",
       "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.8.tgz",
@@ -8148,6 +8305,60 @@
       "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==",
       "license": "MIT"
     },
+    "node_modules/sass": {
+      "version": "1.79.4",
+      "resolved": "https://registry.npmjs.org/sass/-/sass-1.79.4.tgz",
+      "integrity": "sha512-K0QDSNPXgyqO4GZq2HO5Q70TLxTH6cIT59RdoCHMivrC8rqzaTw5ab9prjz9KUN1El4FLXrBXJhik61JR4HcGg==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "chokidar": "^4.0.0",
+        "immutable": "^4.0.0",
+        "source-map-js": ">=0.6.2 <2.0.0"
+      },
+      "bin": {
+        "sass": "sass.js"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/sass/node_modules/chokidar": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-4.0.1.tgz",
+      "integrity": "sha512-n8enUVCED/KVRQlab1hr3MVpcVMvxtZjmEa956u+4YijlmQED223XMSYj2tLuKvr4jcCTzNNMpQDUer72MMmzA==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "readdirp": "^4.0.1"
+      },
+      "engines": {
+        "node": ">= 14.16.0"
+      },
+      "funding": {
+        "url": "https://paulmillr.com/funding/"
+      }
+    },
+    "node_modules/sass/node_modules/readdirp": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-4.0.1.tgz",
+      "integrity": "sha512-GkMg9uOTpIWWKbSsgwb5fA4EavTR+SG/PMPoAY8hkhHfEEY0/vqljY+XHqtDf2cr2IJtoNRDbrrEpZUiZCkYRw==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "peer": true,
+      "engines": {
+        "node": ">= 14.16.0"
+      },
+      "funding": {
+        "type": "individual",
+        "url": "https://paulmillr.com/funding/"
+      }
+    },
     "node_modules/semver": {
       "version": "7.6.3",
       "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.3.tgz",
@@ -8600,7 +8811,6 @@
       "version": "0.6.1",
       "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
       "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-      "dev": true,
       "license": "BSD-3-Clause",
       "engines": {
         "node": ">=0.10.0"
@@ -8610,7 +8820,6 @@
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",
       "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==",
-      "dev": true,
       "license": "BSD-3-Clause",
       "engines": {
         "node": ">=0.10.0"
@@ -9176,6 +9385,15 @@
         "node": ">=0.8"
       }
     },
+    "node_modules/throttle-debounce": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/throttle-debounce/-/throttle-debounce-1.1.0.tgz",
+      "integrity": "sha512-XH8UiPCQcWNuk2LYePibW/4qL97+ZQ1AN3FNXwZRBNPPowo/NRU5fAlDCSNBJIYCKbioZfuYtMhG4quqoJhVzg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
     "node_modules/tinybench": {
       "version": "2.9.0",
       "resolved": "https://registry.npmjs.org/tinybench/-/tinybench-2.9.0.tgz",
@@ -9217,7 +9435,6 @@
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/to-fast-properties/-/to-fast-properties-2.0.0.tgz",
       "integrity": "sha512-/OaKK0xYrs3DmxRYqL/yDc+FxFUVYhDlXMhRmv3z915w2HF1tnN1omB354j8VUGO/hbRzyD6Y3sA7v7GS/ceog==",
-      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=4"
@@ -9453,6 +9670,12 @@
         "node": ">= 0.6"
       }
     },
+    "node_modules/typed.js": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/typed.js/-/typed.js-2.1.0.tgz",
+      "integrity": "sha512-bDuXEf7YcaKN4g08NMTUM6G90XU25CK3bh6U0THC/Mod/QPKlEt9g/EjvbYB8x2Qwr2p6J6I3NrsoYaVnY6wsQ==",
+      "license": "MIT"
+    },
     "node_modules/typedarray": {
       "version": "0.0.6",
       "resolved": "https://registry.npmjs.org/typedarray/-/typedarray-0.0.6.tgz",
@@ -9888,6 +10111,27 @@
         "node": ">= 0.8"
       }
     },
+    "node_modules/victormono": {
+      "version": "1.5.6",
+      "resolved": "https://registry.npmjs.org/victormono/-/victormono-1.5.6.tgz",
+      "integrity": "sha512-ZZjEdcKAVRvNdL1tpq99KKJYL8dtA5YuGH33EKk4+7UeXH3HuZR1MBjYR5BB+MKogWvHri50a0vFwVPScPyiUg==",
+      "license": "MIT",
+      "dependencies": {
+        "animejs": "^3.2.1",
+        "core-js": "^2.6.12",
+        "dom-confetti": "^0.1.2",
+        "element-ui": "^2.14.1",
+        "granim": "^2.0.0",
+        "typed.js": "^2.0.11",
+        "vue": "^2.6.12",
+        "vue-codemirror": "^4.0.6",
+        "vue-faq-accordion": "^1.6.2",
+        "vue-scrollTo": "^2.4.1",
+        "vue-social-sharing": "^2.4.6",
+        "vue-tweet-embed": "^2.4.0",
+        "vue-twentytwenty": "^0.6.2"
+      }
+    },
     "node_modules/vite": {
       "version": "5.4.3",
       "resolved": "https://registry.npmjs.org/vite/-/vite-5.4.3.tgz",
@@ -10086,6 +10330,83 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/vue": {
+      "version": "2.7.16",
+      "resolved": "https://registry.npmjs.org/vue/-/vue-2.7.16.tgz",
+      "integrity": "sha512-4gCtFXaAA3zYZdTp5s4Hl2sozuySsgz4jy1EnpBHNfpMa9dK1ZCG7viqBPCwXtmgc8nHqUsAu3G4gtmXkkY3Sw==",
+      "deprecated": "Vue 2 has reached EOL and is no longer actively maintained. See https://v2.vuejs.org/eol/ for more details.",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/compiler-sfc": "2.7.16",
+        "csstype": "^3.1.0"
+      }
+    },
+    "node_modules/vue-codemirror": {
+      "version": "4.0.6",
+      "resolved": "https://registry.npmjs.org/vue-codemirror/-/vue-codemirror-4.0.6.tgz",
+      "integrity": "sha512-ilU7Uf0mqBNSSV3KT7FNEeRIxH4s1fmpG4TfHlzvXn0QiQAbkXS9lLfwuZpaBVEnpP5CSE62iGJjoliTuA8poQ==",
+      "license": "MIT",
+      "dependencies": {
+        "codemirror": "^5.41.0",
+        "diff-match-patch": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 4.0.0",
+        "npm": ">= 3.0.0"
+      }
+    },
+    "node_modules/vue-faq-accordion": {
+      "version": "1.6.2",
+      "resolved": "https://registry.npmjs.org/vue-faq-accordion/-/vue-faq-accordion-1.6.2.tgz",
+      "integrity": "sha512-PXFgeYQiXBe6fYERfIn44bFYUYsP+TiZ+qBH/KQKvXck85neCZvQiJN8IHwMLSC41fDdBnQvBIi6V9oO/wl/zg==",
+      "license": "MIT",
+      "dependencies": {
+        "vue2-transitions": "^0.3.0"
+      }
+    },
+    "node_modules/vue-scrollTo": {
+      "version": "2.4.1",
+      "resolved": "https://registry.npmjs.org/vue-scrollTo/-/vue-scrollTo-2.4.1.tgz",
+      "integrity": "sha512-l/f3ApUTnkGdElQBDhtDkiVkwO8uewMPY+FyOUnz94WcoqiOszsHLty1iGaX0V2y8fLz/hCQ/8XaNPjZ0xqa6A==",
+      "deprecated": "The package has been renamed to vue-scrollto (lowercase T)",
+      "license": "MIT",
+      "dependencies": {
+        "bezier-easing": "^2.0.3"
+      }
+    },
+    "node_modules/vue-social-sharing": {
+      "version": "2.4.7",
+      "resolved": "https://registry.npmjs.org/vue-social-sharing/-/vue-social-sharing-2.4.7.tgz",
+      "integrity": "sha512-X70bulEnjSHvakf8NaLhuKTuUS4yKzdhYjX/aJ4dPVIXWaoXH8w+QODuM3C6c3fPaiNqgR19VrDyWB7EUGUzPQ==",
+      "license": "MIT",
+      "dependencies": {
+        "vue": "^2.2.4"
+      },
+      "engines": {
+        "node": ">= 6.0"
+      }
+    },
+    "node_modules/vue-tweet-embed": {
+      "version": "2.4.0",
+      "resolved": "https://registry.npmjs.org/vue-tweet-embed/-/vue-tweet-embed-2.4.0.tgz",
+      "integrity": "sha512-bjViatv0priR1dTEPJpRyWigWGUTUC28VT/sWTaZE+RBWuj/XZvOU5Hzk+O8Mue2dBCAHJrRpoO1VKlcgmHohg==",
+      "license": "MIT",
+      "peerDependencies": {
+        "vue": "^2.2.0"
+      }
+    },
+    "node_modules/vue-twentytwenty": {
+      "version": "0.6.2",
+      "resolved": "https://registry.npmjs.org/vue-twentytwenty/-/vue-twentytwenty-0.6.2.tgz",
+      "integrity": "sha512-JKwxw/p8e4wab0xPbHhj3np2ltNUh9YAaiJYlJCRWEpBig3BzgJwozLJnm5Y/BPUuy46R61o6tr0mNv66CZHQQ==",
+      "license": "MIT"
+    },
+    "node_modules/vue2-transitions": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/vue2-transitions/-/vue2-transitions-0.3.0.tgz",
+      "integrity": "sha512-m1ad8K8kufqiEhj5gXHkkqOioI5sW0FaMbRiO0Tv2WFfGbO2eIKrfkFiO3HPQtMJboimaLCN4p/zL81clLbG4w==",
+      "license": "MIT"
+    },
     "node_modules/webpack-virtual-modules": {
       "version": "0.6.2",
       "resolved": "https://registry.npmjs.org/webpack-virtual-modules/-/webpack-virtual-modules-0.6.2.tgz",

package.json

@@ -53,12 +53,14 @@
     "express": "^4.20.0",
     "express-session": "^1.18.0",
     "method-override": "^3.0.0",
+    "missing.css": "^1.1.3",
     "passport": "^0.7.0",
     "passport-github": "^1.1.0",
     "passport-oauth2": "^1.8.0",
     "reflect-metadata": "^0.2.2",
     "sqlite3": "^5.1.7",
-    "uuid": "^10.0.0"
+    "uuid": "^10.0.0",
+    "victormono": "^1.5.6"
   },
   "devDependencies": {
     "@swc/core": "^1.7.24",

src/Server.ts

@@ -14,7 +14,7 @@ import "./protocols/GthubProtocol";
 @Configuration({
   ...config,
   acceptMimes: ["application/json"],
-  httpPort: process.env.PORT || 8083,
+  httpPort: process.env.PORT || "127.0.0.1:8081",
   httpsPort: false, // CHANGE
   disableComponentsScan: false,
   ajv: {
@@ -30,6 +30,17 @@ import "./protocols/GthubProtocol";
       specVersion: "3.0.1"
     }
   ],
+  statics: {
+    "/static/victormono": {
+      root: join(__dirname, "../node_modules/victormono/dist"),
+    },
+    "/static/missing": {
+      root: join(__dirname, "../node_modules/missing.css/dist")
+    },
+    "/static": {
+      root: join(__dirname, "../static")
+    }
+  },
   componentsScan: [`./protocols/*.ts`, `./services/*.ts`],
   passport: {
     userInfoModel: User

src/controllers/pages/app/AppController.ts

@@ -0,0 +1,19 @@
+import { Controller } from "@tsed/di";
+import { HeaderParams } from "@tsed/platform-params";
+import { View } from "@tsed/platform-views";
+import { Hidden, Get, Returns } from "@tsed/schema";
+
+@Hidden()
+@Controller("/app")
+export class AppController {
+  @Get("/")
+  @View("app/send.ejs")
+  @(Returns(200, String).ContentType("text/html"))
+  get(@HeaderParams("x-forwarded-proto") protocol: string, @HeaderParams("host") host: string) {
+    const hostUrl = `${protocol || "http"}://${host}`;
+
+    return {
+      BASE_URL: hostUrl
+    };
+  }
+}

src/controllers/pages/index.ts

@@ -3,3 +3,4 @@
  */
 
 export * from "./IndexController";
+export * from "./app/AppController";

src/services/EncryptionService.ts

@@ -0,0 +1,23 @@
+import { Service } from "@tsed/di";
+import crypto from "crypto";
+
+@Service()
+export class EncryptionService {
+  private algorithm = 'aes-256-cbc';
+  private key = crypto.randomBytes(32);
+
+  async encrypt(text: string): Promise<{ encryptedText: string; iv: string }> {
+    const iv = crypto.randomBytes(16);
+    const cipher = crypto.createCipheriv(this.algorithm, this.key, iv);
+    let encrypted = cipher.update(text, 'utf8', 'hex');
+    encrypted += cipher.final('hex');
+    return { encryptedText: encrypted, iv: iv.toString('hex') };
+  }
+
+  async decrypt(encryptedText: string, iv: string): Promise<string> {
+    const decipher = crypto.createDecipheriv(this.algorithm, this.key, Buffer.from(iv, 'hex'));
+    let decrypted = decipher.update(encryptedText, 'hex', 'utf8');
+    decrypted += decipher.final('utf8');
+    return decrypted;
+  }
+}

static/app.css

@@ -0,0 +1,5 @@
+html {
+  visibility: visible;
+  opacity: 1;
+  font-family: 'Victor Mono', monospace;
+}

views/app/send.ejs

@@ -0,0 +1,178 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<%- include('../layout/head.ejs', { title: 'Intended Link' }) %>
+
+  <body>
+    <%- include('../layout/header.ejs') %>
+      <main class="f-col">
+        <div class="page-wrapper">
+          <div class="text-center">
+            <h1 class="page-header">Securely Share Your Secrets</h1>
+            <p>Only the person with the account you specify will be able to decrypt your message.</p>
+          </div>
+          <form id="secretForm" class="table rows">
+            <p>
+              <label for="text">Secret Message</label>
+              <textarea id="text" name="text" placeholder="Enter your secret here." required></textarea>
+            </p>
+            <p>
+              <label for="file">Or select your secret file</label>
+              <input type="file" id="file" name="file">
+            </p>
+            <p>
+              <label for="serviceIdentifier">Their Username / Email</label>
+              <input type="text" id="serviceIdentifier" name="serviceIdentifier" required>
+            </p>
+            <p>
+              <label for="github">Type of account:</label>
+              <select id="service" name="service">
+                <option value="github">Github</option>
+                <option value="google">Google</option>
+              </select>
+            </p>
+            <p>
+              <button type="submit">Generate URL</button>
+            </p>
+          </form>
+
+          <div class="result-section">
+            <div class="f-row">
+              <label for="result">Intended Link:</label>
+              <input type="text" id="result" readonly>
+              <button id="copyButton" class="iconbutton" type="button">⎘</button>
+            </div>
+            <div>
+              <label for="encryptedData">Encrypted data sent to the server:</label>
+              <textarea id="encryptedData" readonly></textarea>
+            </div>
+          </div>
+        </div>
+      </main>
+
+      <script>
+        const HexMix = {
+          uint8ToHex(data) {
+            return Array.from(data, byte => ('00' + byte.toString(16)).slice(-2)).join('');
+          },
+          hexToUint8(data) {
+            const hexArray = data.match(/.{1,2}/g);
+            return hexArray ? new Uint8Array(hexArray.map(char => parseInt(char, 16))) : new Uint8Array(0);
+          },
+          arrayBufferToString(buf, callback) {
+            const reader = new FileReader();
+            reader.onload = event => callback(event.target.result);
+            reader.onerror = event => alert(event.target.error);
+            reader.readAsBinaryString(new Blob([buf], { type: 'application/octet-stream' }));
+          },
+          stringToArrayBuffer(str) {
+            const array = new Uint8Array(str.length);
+            for (let i = 0; i < str.length; i++) {
+              array[i] = str.charCodeAt(i);
+            }
+            return array.buffer;
+          }
+        };
+
+        const copyButton = document.getElementById('copyButton');
+        const fileInput = document.getElementById('file');
+
+        copyButton.addEventListener('click', () => {
+          resultInput.select();
+          document.execCommand('copy');
+          alert('URL copied to clipboard!');
+        });
+
+        fileInput.addEventListener('change', (e) => {
+          const file = e.target.files[0];
+          if (file) {
+            document.getElementById('text').disabled = true;
+          } else {
+            document.getElementById('text').disabled = false;
+          }
+        });
+
+        const form = document.getElementById('secretForm');
+        const resultInput = document.getElementById('result');
+        const encryptedDataTextarea = document.getElementById('encryptedData');
+
+
+        form.addEventListener('submit', async (e) => {
+          e.preventDefault();
+
+          const formData = new FormData(form);
+          const text = formData.get('text');
+          const file = formData.get('file');
+          const serviceIdentifier = formData.get('serviceIdentifier');
+          const service = formData.get('service');
+
+          let plaintext = text;
+          let filetype = 'text/plain';
+          let filename = 'secret.txt';
+
+          if (file.size > 0) {
+            if (file.size > 2097152) {
+              alert('Error: Max file size is 2mb.');
+              return;
+            }
+            plaintext = await file.arrayBuffer();
+            filetype = file.type;
+            filename = file.name;
+          }
+
+          const key = await window.crypto.subtle.generateKey(
+            { name: 'AES-GCM', length: 256 },
+            true,
+            ['encrypt', 'decrypt']
+          );
+
+          const iv = window.crypto.getRandomValues(new Uint8Array(16));
+          const exported = await window.crypto.subtle.exportKey('raw', key);
+          const encrypted = await window.crypto.subtle.encrypt(
+            { name: 'AES-GCM', iv },
+            key,
+            typeof plaintext === 'string' ? HexMix.stringToArrayBuffer(plaintext) : plaintext
+          );
+
+          HexMix.arrayBufferToString(encrypted, async (encryptedText) => {
+            encryptedDataTextarea.value = encryptedText;
+
+
+            const keyHex = HexMix.uint8ToHex(new Uint8Array(exported));
+            const ivHex = HexMix.uint8ToHex(iv);
+            const keyParams = { key: keyHex, iv: ivHex };
+
+            const params = JSON.stringify({
+              service: service,
+              serviceIdentifier: serviceIdentifier,
+              text: encryptedText,
+              iv: ivHex,
+              filetype: filetype,
+              filename: filename
+            });
+
+            try {
+              const response = await fetch('/rest/links', {
+                method: 'POST',
+                headers: {
+                  'Content-Type': 'application/json',
+                },
+                body: params
+              });
+              const data = await response.json();
+              const url = `http://${window.location.host}/rest/links/${data.id}#${btoa(JSON.stringify(keyParams))}`;
+              resultInput.value = url;
+            } catch (err) {
+              alert(`Error: ${err.message}`);
+            }
+          })
+
+        });
+
+
+      </script>
+
+      <%- include('../layout/footer.ejs') %>
+  </body>
+
+</html>

views/layout/footer.ejs

@@ -0,0 +1,8 @@
+<footer>
+  <p>&copy; 2023 Intended Link. All rights reserved.</p>
+  <p>
+    <a href="https://git.silentsilas.com/silentsilas/intended-server" target="_blank" rel="noopener noreferrer">
+      Intended Link
+    </a>, by <a href="https://silentsilas.com" target="_blank" rel="noopener noreferrer">Silent Silas</a>
+  </p>
+</footer>

views/layout/head.ejs

@@ -0,0 +1,25 @@
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width,initial-scale=1.0">
+  <link rel="icon" href="<%= BASE_URL %>favicon.ico">
+  <title>
+    <%= title %>
+  </title>
+  <style>
+    html {
+      visibility: hidden;
+      opacity: 0;
+    }
+
+    @media (prefers-color-scheme: dark) {
+      html {
+        background-color: #121212;
+        color: #e0e0e0;
+      }
+    }
+  </style>
+  <link href="/static/missing/missing.min.css" rel="stylesheet" />
+  <link href="/static/victormono/index.css" rel="stylesheet" />
+  <link href="/static/app.css" rel="stylesheet" />
+</head>

views/layout/header.ejs

@@ -0,0 +1,9 @@
+<header class="navbar">
+  <nav aria-label="Site sections">
+    <ul role="list">
+      <li><a href="/">Home</a></li>
+      <li><a href="/doc">Docs</a></li>
+      <li><a href="/app">App</a></li>
+    </ul>
+  </nav>
+</header>

views/swagger.ejs

@@ -1,100 +1,32 @@
 <!DOCTYPE html>
 <html lang="en">
-<head>
-    <meta charset="utf-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width,initial-scale=1.0">
-    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
-    <title>client</title>
-    <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700" rel="stylesheet" />
-    <style>
-        body, h1 {
-            font-family: Source Sans Pro,sans-serif;
-        }
-        body:after {
-            content: "";
-            background-image: radial-gradient(#eef2f5 0,#f4f7f8 40%,transparent 75%);
-            position: absolute;
-            top: 0;
-            right: 0;
-            width: 60%;
-            height: 100%;
-            z-index: 1;
-        }
-        .container {
-            position: fixed;
-            top: 0;
-            left: 0;
-            width: 100vw;
-            height: 100vh;
-            z-index: 2;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-        }
-        .container-logo {
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            margin-bottom: 60px;
-        }
-        .container-logo img {
-            max-width: 150px;
-            border-radius: 50%;
-        }
 
-        ul {
+<%- include('layout/head.ejs', { title: 'Intended Link' }) %>
-            list-style: none;
+
-            margin: 0;
-            padding: 0;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            margin-bottom: 40px;
-        }
-        ul li a {
-            padding-left: 1rem;
-            padding-right: 1rem;
-            padding-top: .25rem;
-            padding-bottom: .25rem;
-            margin-left: 10px;
-            margin-right: 10px;
-            border: 2px solid #504747;
-            min-width: 110px;
-            border-radius: 10px;
-            text-align: center;
-            display: block;
-            border-radius: 1rem;
-            color: #504747;
-            text-decoration: none;
-            transition: all ease-in-out 0.5s;
-        }
-        ul li a:hover {
-            color: #14a5c2;
-            border-color: #14a5c2;
-        }
-        ul li a span {
-            margin: .25rem;
-            display: block;
-        }
-    </style>
-</head>
   <body>
-<div class="container">
+    <%- include('layout/header.ejs') %>
-    <div>
+      <main class="container">
-        <div class="container-logo">
+        <h1>Intended Link</h1>
-            <img src="https://tsed.io/tsed-og.png" alt="Ts.ED">
+        <p>Securely share messages with verified recipients via OAuth.</p>
-        </div>
 
+        <h2>How it works:</h2>
+        <ol>
+          <li>&nbsp;Enter your secret message.</li>
+          <li>&nbsp;Choose the service and username of the recipient.</li>
+          <li>&nbsp;We generate a secure link that only the intended recipient can access.</li>
+          <li>&nbsp;The recipient must authenticate with the specified account for the service in order to
+            access the message.</li>
+        </ol>
+
+        <h2>Supported services</h2>
         <ul>
-            <% docs.forEach((doc) => { %>
+          <li>&nbsp;Github</li>
-
+          <li>&nbsp;Google</li>
-                <li><a href="<%= doc.path %>"><span>OpenSpec <%= doc.specVersion %></span></a></li>
-
-            <% }) %>
         </ul>
-    </div>
+      </main>
-</div>
+
+      <%- include('layout/footer.ejs') %>
         <!-- built files will be auto injected -->
   </body>
+
 </html>