Restructuring the Project

Updating dependencies

.dockerignore

@@ -0,0 +1,11 @@
+node_modules/
+Backend/node_modules
+Backend/keys
+Backend/logs
+Backend/lib
+Backend/doc
+Backend/config.ini
+Frontend/build
+Frontend/node_modules
+FrontendLegacy/node_modules
+FrontendLegacy/out

.gitignore

@@ -10,3 +10,6 @@ yarn-error\.log
 config.ini
 .env
 doc/
+
+.yarn/cache
+.yarn/install-state.gz

.gitmodules

@@ -1,3 +0,0 @@
-[submodule "views_repo"]
-	path = views_repo
-	url = ../OpenAuth_views

.yarnrc.yml

@@ -0,0 +1,9 @@
+nodeLinker: node-modules
+
+npmRegistryServer: "https://npm.hibas123.de"
+
+plugins:
+  - path: .yarn/plugins/@yarnpkg/plugin-interactive-tools.cjs
+    spec: "@yarnpkg/plugin-interactive-tools"
+
+yarnPath: .yarn/releases/yarn-3.5.0.cjs

Backend/package.json

@@ -0,0 +1,72 @@
+{
+   "name": "@hibas123/openauth-backend",
+   "version": "1.1.2",
+   "main": "lib/index.js",
+   "author": "Fabian Stamm <dev@fabianstamm.de>",
+   "license": "MIT",
+   "scripts": {
+      "build": "run-s build-ts build-doc",
+      "build-doc": "apidoc -i src/ -p apidoc/",
+      "build-ts": "tsc",
+      "start": "node lib/index.js",
+      "dev": "nodemon -e ts --exec ts-node src/index.ts",
+      "format": "prettier --write \"src/**\""
+   },
+   "pipelines": {
+      "install": [
+         "cd views && npm install",
+         "git submodule init",
+         "git submodule update",
+         "cd views_repo && npm install"
+      ]
+   },
+   "devDependencies": {
+      "@types/body-parser": "^1.19.2",
+      "@types/compression": "^1.7.2",
+      "@types/cookie-parser": "^1.4.3",
+      "@types/dotenv": "^8.2.0",
+      "@types/express": "^4.17.17",
+      "@types/i18n": "^0.13.6",
+      "@types/ini": "^1.3.31",
+      "@types/jsonwebtoken": "^9.0.1",
+      "@types/mongodb": "^3.6.20",
+      "@types/node": "^18.15.11",
+      "@types/node-rsa": "^1.1.1",
+      "@types/qrcode": "^1.5.0",
+      "@types/speakeasy": "^2.0.7",
+      "@types/uuid": "^9.0.1",
+      "apidoc": "^0.54.0",
+      "concurrently": "^8.0.1",
+      "nodemon": "^2.0.22",
+      "prettier": "^2.8.7",
+      "ts-node": "^10.9.1",
+      "typescript": "^5.0.3"
+   },
+   "dependencies": {
+      "@hibas123/config": "^1.1.2",
+      "@hibas123/nodelogging": "^3.1.3",
+      "@hibas123/nodeloggingserver_client": "^1.1.2",
+      "@hibas123/openauth-views-v1": "workspace:^",
+      "@hibas123/safe_mongo": "^1.7.1",
+      "body-parser": "^1.20.2",
+      "compression": "^1.7.4",
+      "cookie-parser": "^1.4.6",
+      "cors": "^2.8.5",
+      "dotenv": "^16.0.3",
+      "express": "^4.18.2",
+      "handlebars": "^4.7.7",
+      "i18n": "^0.15.1",
+      "ini": "^4.0.0",
+      "jsonwebtoken": "^9.0.0",
+      "moment": "^2.29.4",
+      "mongodb": "^3.7.3",
+      "node-rsa": "^1.1.1",
+      "npm-run-all": "^4.1.5",
+      "qrcode": "^1.5.1",
+      "reflect-metadata": "^0.1.13",
+      "speakeasy": "^2.0.0",
+      "u2f": "^0.1.3",
+      "uuid": "^9.0.0"
+   },
+   "packageManager": "yarn@3.5.0"
+}

Backend/src/api/middlewares/verify.ts

@@ -1,13 +1,8 @@
 import { Request, Response, NextFunction } from "express";
-import { Logging } from "@hibas123/nodelogging";
+import Logging from "@hibas123/nodelogging";
 import {
-   isBoolean,
    isString,
-   isNumber,
-   isObject,
    isDate,
-   isArray,
-   isSymbol,
 } from "util";
 import RequestError, { HttpStatusCode } from "../../helper/request_error";
 
@@ -65,25 +60,25 @@ export default function (fields: Checks, noadditional = false) {
                   }
                   break;
                case Types.NUMBER:
-                  if (isNumber(data)) return;
+                  if (typeof data == "number") return;
                   break;
                case Types.EMAIL:
                   if (isEmail(data)) return;
                   break;
                case Types.BOOLEAN:
-                  if (isBoolean(data)) return;
+                  if (typeof data == "boolean") return;
                   break;
                case Types.OBJECT:
-                  if (isObject(data)) return;
+                  if (typeof data == "object") return;
                   break;
                case Types.ARRAY:
-                  if (isArray(data)) return;
+                  if (Array.isArray(data)) return;
                   break;
                case Types.DATE:
                   if (isDate(data)) return;
                   break;
                case Types.ENUM:
-                  if (isString(data)) {
+                  if (typeof data == "string") {
                      if (field.values.indexOf(data) >= 0) return;
                   }
                   break;

Backend/src/config.ts

@@ -1,5 +1,5 @@
 import { parse } from "@hibas123/config";
-import { Logging } from "@hibas123/nodelogging";
+import Logging from "@hibas123/nodelogging";
 import * as dotenv from "dotenv";
 import moment = require("moment");
 

Backend/src/index.ts

@@ -33,7 +33,7 @@ if (config.core.dev) {
 }
 DB.connect()
    .then(async () => {
-      Logging.log("Database connected");
+      Logging.log("Database connected", config);
       if (config.core.dev) await TestData();
       let web = new Web(config.web);
       web.listen();

Backend/src/testdata.ts

@@ -1,6 +1,6 @@
 import User, { Gender } from "./models/user";
 import Client from "./models/client";
-import { Logging } from "@hibas123/nodelogging";
+import Logging from "@hibas123/nodelogging";
 import RegCode from "./models/regcodes";
 import * as moment from "moment";
 import Permission from "./models/permissions";
@@ -13,6 +13,7 @@ import LoginToken from "./models/login_token";
 import Mail from "./models/mail";
 
 export default async function TestData() {
+   Logging.warn("Running in dev mode! Database will be cleared!");
    await DB.db.dropDatabase();
 
    let mail = await Mail.findOne({ mail: "test@test.de" });
@@ -140,4 +141,6 @@ export default async function TestData() {
    //    })
    //    Logging.debug("OTC Code is:", code);
    // }, 1000)
+
+   console.log("Finished adding test data")
 }

Backend/src/views/admin.ts

@@ -0,0 +1,8 @@
+import { __ as i__ } from "i18n";
+import config from "../config";
+import * as viewsv1 from "@hibas123/openauth-views-v1";
+
+export default function GetAdminPage(__: typeof i__): string {
+   let data = {};
+   return viewsv1.admin(config.core.dev)(data, { helpers: { i18n: __ } });
+}

Backend/src/views/authorize.ts

@@ -1,24 +1,14 @@
-import { compile, TemplateDelegate } from "handlebars";
-import { readFileSync } from "fs";
 import { __ as i__ } from "i18n";
 import config from "../config";
-
-let template: TemplateDelegate<any>;
-function loadStatic() {
-   let html = readFileSync("./views/out/authorize/authorize.html").toString();
-   template = compile(html);
-}
+import * as viewsv1 from "@hibas123/openauth-views-v1";
 
 export default function GetAuthPage(
    __: typeof i__,
    appname: string,
    scopes: { name: string; description: string; logo: string }[]
 ): string {
-   if (config.core.dev) {
-      loadStatic();
-   }
 
-   return template(
+   return viewsv1.authorize(config.core.dev)(
       {
          title: __("Authorize %s", appname),
          information: __(
@@ -30,5 +20,3 @@ export default function GetAuthPage(
       { helpers: { i18n: __ } }
    );
 }
-
-loadStatic();

Backend/src/views/register.ts

@@ -0,0 +1,9 @@
+import { __ as i__ } from "i18n";
+import config from "../config";
+import * as viewsv1 from "@hibas123/openauth-views-v1";
+
+export default function GetRegistrationPage(__: typeof i__): string {
+   let data = {};
+   return viewsv1.register(config.core.dev)(data, { helpers: { i18n: __ } });
+}
+

Backend/src/views/views.ts

@@ -12,9 +12,11 @@ import GetAuthRoute from "../api/oauth/auth";
 import config from "../config";
 import { HttpStatusCode } from "../helper/request_error";
 import GetAdminPage from "./admin";
-import GetAuthPage from "./authorize";
-import GetPopupPage from "./popup";
 import GetRegistrationPage from "./register";
+import * as path from "path";
+
+const viewsv2_location = path.join(path.dirname(require.resolve("@hibas123/openauth-views-v2")), "build");
+
 
 Handlebars.registerHelper("appname", () => config.core.name);
 
@@ -27,6 +29,7 @@ const addCache: RequestHandler = (req, res, next) => {
    next();
 };
 
+
 const ViewRouter: IRouter = Router();
 ViewRouter.get("/", UserMiddleware, (req, res) => {
    res.send("This is the main page");
@@ -40,13 +43,13 @@ ViewRouter.get("/register", (req, res) => {
 ViewRouter.use(
    "/login",
    addCache,
-   ServeStatic("./views_repo/build/Login", { cacheControl: false })
+   ServeStatic(path.join(viewsv2_location, "login"), { cacheControl: false })
 );
 
 ViewRouter.use(
    "/user",
    addCache,
-   ServeStatic("./views_repo/build/User", { cacheControl: false })
+   ServeStatic(path.join(viewsv2_location, "user"), { cacheControl: false })
 );
 
 ViewRouter.get("/code", (req, res) => {
@@ -73,7 +76,7 @@ ViewRouter.use(
    "/popup",
    GetUserMiddleware(false, false),
    addCache,
-   ServeStatic("./views_repo/build/Popup", { cacheControl: false })
+   ServeStatic(path.join(viewsv2_location, "popup"), { cacheControl: false })
 );
 
 // ViewRouter.get("/popup", UserMiddleware, (req, res) => {

Dockerfile

@@ -1,25 +1,31 @@
-FROM node:12
-
+FROM node:18-alpine
 LABEL maintainer="Fabian Stamm <dev@fabianstamm.de>"
 
-
 RUN mkdir -p /usr/src/app
 WORKDIR /usr/src/app
 
-RUN npm config set registry https://npm.hibas123.de
+# COPY ["package.json", "yarn.lock", ".yarnrc.yml", "/usr/src/app/"]
+# COPY .yarn /usr/src/app/.yarn
+# COPY Backend /usr/src/app/Backend
+# COPY Frontend /usr/src/app/Frontend
+# COPY FrontendLegacy /usr/src/app/FrontendLegacy
 
-COPY ["package.json", "package-lock.json", "tsconfig.json", "/usr/src/app/"]
+COPY . /usr/src/app
 
-ENV NODE_ENV=production
+# RUN rm -rf /usr/src/app/Backend/node_modules &&\
+#    rm -rf /usr/src/app/Frontend/node_modules &&\
+#    rm -rf /usr/src/app/FrontendLegacy/node_modules &&\
+#    rm -rf /usr/src/app/Backend/logs &&\
+#    rm -rf /usr/src/app/Backend/keys
 
-RUN npm install
+RUN yarn install
+RUN yarn build
 
-COPY lib/ /usr/src/app/lib
-COPY views/out /usr/src/app/views/out/
-COPY views_repo/build /usr/src/app/views_repo/build
+RUN ln -s /usr/src/app/logs /usr/src/app/Backend/logs && ln -s /usr/src/app/keys /usr/src/app/Backend/keys
 
 VOLUME [ "/usr/src/app/logs", "/usr/src/app/keys"]
 
 EXPOSE 3004/tcp
 
+WORKDIR /usr/src/app/Backend
 CMD ["npm", "run", "start"]

FrontendLegacy/build.js

@@ -88,7 +88,7 @@ async function buildPage(folder) {
 
    let sass_res = sass.renderSync({
       file: folder + `/${pagename}.scss`,
-      includePaths: ["./node_modules", folder, "./shared"],
+      includePaths: ["./node_modules", folder, "./shared", "../node_modules"],
       outputStyle: "compressed",
    });
 
@@ -151,6 +151,7 @@ async function run() {
          } catch (er) {
             console.error("Failed compiling", basename(e));
             console.log(er);
+            process.exitCode = 1;
          }
       })
    );

FrontendLegacy/index.d.ts

@@ -0,0 +1,3 @@
+export const register: (dev?: boolean) => Handlebars.TemplateDelegate<any>
+export const admin: (dev?: boolean) => Handlebars.TemplateDelegate<any>
+export const authorize: (dev?: boolean) => Handlebars.TemplateDelegate<any>

FrontendLegacy/index.js

@@ -0,0 +1,20 @@
+const handlebars = require("handlebars");
+const { readFileSync } = require("fs");
+const path = require("path");
+
+const CACHE = {};
+
+function get_template(name, dev) {
+   if (!dev && CACHE[name]) return CACHE[name];
+   const template = handlebars.compile(
+      readFileSync(path.join(__dirname, `./out/${name}/${name}.html`), "utf8")
+   );
+   CACHE[name] = template;
+   return template;
+}
+
+exports.register = (dev) => get_template("register", dev);
+
+exports.admin = (dev) => get_template("admin", dev);
+
+exports.authorize = (dev) => get_template("authorize", dev);

FrontendLegacy/out/admin/admin.html

@@ -0,0 +1,484 @@
+<html><head><title>{{i18n "Administration"}}</title><meta charset=utf8 /><meta name=viewport content="width=device-width,initial-scale=1"/><script src=https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js type=text/javascript></script><script src=https://unpkg.com/popper.js@1.12.6/dist/umd/popper.js type=text/javascript></script><script src=https://unpkg.com/bootstrap-material-design@4.1.1/dist/js/bootstrap-material-design.js type=text/javascript></script><script src=https://cdnjs.cloudflare.com/ajax/libs/handlebars.js/4.0.11/handlebars.min.js type=text/javascript></script><script>$(document).ready(() => $('body').bootstrapMaterialDesign())</script><style>@import"https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Material+Icons";@import"https://unpkg.com/bootstrap-material-design@4.1.1/dist/css/bootstrap-material-design.min.css";.btn-primary{color:#fff !important;background-color:#1e88e5 !important}.error_card{color:#ff2f00;padding:1rem;font-size:1rem}.bg-primary{background-color:#1e88e5 !important}.spinner{-webkit-animation:rotation 1.35s linear infinite;animation:rotation 1.35s linear infinite;stroke:#1e88e5}@-webkit-keyframes rotation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}}@keyframes rotation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}}.circle{stroke-dasharray:180;stroke-dashoffset:0;-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-animation:turn 1.35s ease-in-out infinite;animation:turn 1.35s ease-in-out infinite}@-webkit-keyframes turn{0%{stroke-dashoffset:180}50%{stroke-dashoffset:45;-webkit-transform:rotate(135deg);transform:rotate(135deg)}100%{stroke-dashoffset:180;-webkit-transform:rotate(450deg);transform:rotate(450deg)}}@keyframes turn{0%{stroke-dashoffset:180}50%{stroke-dashoffset:45;-webkit-transform:rotate(135deg);transform:rotate(135deg)}100%{stroke-dashoffset:180;-webkit-transform:rotate(450deg);transform:rotate(450deg)}}header{margin-bottom:8px;padding:8px 16px;padding-bottom:0}table{word-wrap:break-word;table-layout:fixed}table td{vertical-align:inherit !important;width:auto}.col.form-group{padding-left:0 !important;margin-left:5px !important}</style></head><body><header class=bg-primary style="display: flex; justify-content: space-between;"><h3 style="display: inline">{{appname}} {{i18n "Administration"}} <span id=sitename>LOADING</span></h3><ul class="nav nav-tabs" style="display: inline-block; margin-left: auto; margin-top: -8px;"><li class="nav-item dropdown"><a class="nav-link dropdown-toggle" data-toggle=dropdown href=# role=button aria-haspopup=true aria-expanded=false>Model</a><div class=dropdown-menu><a class=dropdown-item href="?type=user">User</a> <a class=dropdown-item href="?type=regcode">RegCode</a> <a class=dropdown-item href="?type=client">Client</a></div></li></ul></header><div id=content><div class=container><div id=error_cont class=row style="margin-bottom: 24px;display: none;"><div class=col-sm><div class="card error_card"><div id=error_msg class=card-body></div></div></div></div><div id=custom_data_cont class=row style="margin-bottom: 24px; display: none"><div class=col-sm><div class=card><div id=custom_data class=card-body></div></div></div></div><div class=row><div class=col-sm><div class=card><div class=card-body><div id=table-body><div style="width: 65px; height: 65px; margin: 0 auto;"><svg class=spinner viewBox="0 0 66 66" xmlns=http://www.w3.org/2000/svg><circle class=circle fill=none stroke-width=6 stroke-linecap=round cx=33 cy=33 r=30></circle></svg></div></div></div></div></div></div></div></div><script id=template-spinner type=text/x-handlebars-template><div style="width: 65px; height: 65px; margin: 0 auto;">
+         <svg class="spinner" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">
+            <circle class="circle" fill="none" stroke-width="6" stroke-linecap="round" cx="33" cy="33" r="30"></circle>
+         </svg>
+      </div></script><script id=template-user-list type=text/x-handlebars-template><table class="table table-bordered" style="margin-bottom: 0">
+         <thead>
+            <tr>
+               <th scope="col">Username</th>
+               <th scope="col">Name</th>
+               <th scope="col">Gender</th>
+               <th scope="col">Role</th>
+               <th scope="col" style="width: 2.5rem"></th>
+            </tr>
+         </thead>
+         <tbody>
+            \{{#users}}
+            <tr>
+               <td>\{{ username }}</td>
+               <td>\{{ name }}</td>
+
+               <!-- ToDo: Make helper to resolve number to human readaby text-->
+               <td>\{{humangender gender}}</td>
+
+               <td onclick="userOnChangeType('\{{_id}}')">
+                  \{{#if admin}}
+                  <span class="badge badge-danger">Admin</span>
+                  \{{else}}
+                  <span class="badge badge-success">User</span>
+                  \{{/if}}
+               </td>
+               <td style="padding: 0.25em">
+                  <button style="border: 0; background-color: rgba(0, 0, 0, 0); padding: 0; text-align: center;" onclick="deleteUser('\{{_id}}')">
+                     <i class="material-icons" style="font-size: 2rem; display: inline">
+                        delete
+                     </i>
+                  </button>
+               </td>
+            </tr>
+            \{{/users}}
+         </tbody>
+      </table></script><script id=template-regcode-list type=text/x-handlebars-template><button class="btn btn-raised btn-primary" onclick="createRegcode()">Create</button>
+      <table class="table table-bordered" style="margin-bottom: 0">
+         <thead>
+            <tr>
+               <th scope="col">Code</th>
+               <th scope="col">Valid</th>
+               <th scope="col">Till</th>
+               <th scope="col" style="width: 2.5rem"></th>
+            </tr>
+         </thead>
+         <tbody>
+            \{{#regcodes}}
+            <tr>
+               <td>\{{ token }}</td>
+               <td>\{{ valid }}</td>
+
+               <!-- ToDo: Make helper to resolve number to human readaby text-->
+               <td>\{{formatDate validTill }}</td>
+               <td style="padding: 0.25em">
+                  <button style="border: 0; background-color: rgba(0, 0, 0, 0); padding: 0; text-align: center;" onclick="deleteRegcode('\{{_id}}')">
+                     <i class="material-icons" style="font-size: 2rem; display: inline">
+                        delete
+                     </i>
+                  </button>
+               </td>
+            </tr>
+            \{{/regcodes}}
+         </tbody>
+      </table></script><script id=template-client-list type=text/x-handlebars-template><button class="btn btn-raised btn-primary" onclick="createClient()">Create</button>
+      <table class="table table-bordered" style="margin-bottom: 0">
+         <thead>
+            <tr>
+               <th scope="col">ID</th>
+               <th scope="col">Secret</th>
+               <th scope="col">Maintainer</th>
+               <th scope="col">Name</th>
+               <th scope="col" style="width: 80px">Type</th>
+               <th scope="col">Website</th>
+               <th scope="col" style="width: 2.5rem">
+                  <div></div>
+               </th>
+               <th scope="col" style="width: 2.5rem"></th>
+               <th scope="col" style="width: 2.5rem"></th>
+            </tr>
+         </thead>
+         <tbody>
+            \{{#clients}}
+            <tr>
+               <td>\{{ client_id }}</td>
+               <td>\{{ client_secret }}</td>
+               <td>\{{ maintainer.username }}</td>
+               <td>\{{ name }}</td>
+               <td>
+                  \{{#if internal}}
+                  <span class="badge badge-success">Internal</span>
+                  \{{else}}
+                  <span class="badge badge-danger">External</span>
+                  \{{/if}}
+               </td>
+               <td>
+                  <a href="\{{ website }}">\{{ website }}</a>
+               </td>
+               <td style="padding: 0.25em">
+                  <button style="border: 0; background-color: rgba(0, 0, 0, 0); padding: 0; text-align: center;" onclick="permissionsClient('\{{_id}}')">
+                        perm
+                  </button>
+               </td>
+               <td style="padding: 0.25em">
+                  <button style="border: 0; background-color: rgba(0, 0, 0, 0); padding: 0; text-align: center;" onclick="editClient('\{{_id}}')">
+                     <i class="material-icons" style="font-size: 2rem; display: inline">
+                        edit
+                     </i>
+                  </button>
+               </td>
+               <td style="padding: 0.25em">
+                  <button style="border: 0; background-color: rgba(0, 0, 0, 0); padding: 0; text-align: center;" onclick="deleteClient('\{{_id}}')">
+                     <i class="material-icons" style="font-size: 2rem; display: inline">
+                        delete
+                     </i>
+                  </button>
+               </td>
+            </tr>
+            \{{/clients}}
+         </tbody>
+      </table></script><script id=template-client-form type=text/x-handlebars-template><form class="form" action="JavaScript:void(null)" onsubmit="createClientSubmit(this)" style="margin-bottom: 0">
+         <input type=hidden value="\{{_id}}" name=id />
+         <div class="form-group">
+            <label for="name_input" class="bmd-label-floating">Name</label>
+            <input type="text" class="form-control" id="name_input" name=name value="\{{name}}">
+         </div>
+         <div class="form-group">
+            <label for="redirect_input" class="bmd-label-floating">Redirect Url</label>
+            <input type="text" class="form-control" id="redirect_input" name=redirect_url value="\{{redirect_url}}">
+         </div>
+         <div class="form-group">
+            <label for="website_input" class="bmd-label-floating">Website</label>
+            <input type="text" class="form-control" id="website_input" name=website value="\{{website}}">
+         </div>
+         <div class="form-group">
+            <label for="logo_input" class="bmd-label-floating">Logo</label>
+            <input type="text" class="form-control" id="logo_input" name=logo value="\{{logo}}">
+         </div>
+
+         <div class="form-group">
+            <div class="form-check">
+               <input type="checkbox" class="form-check-input" id="internal_check" \{{#if internal}} checked="checked" \{{/if}} name=internal>
+               <label class="form-check-label" for="internal_check">Internal</label>
+            </div>
+         </div>
+
+         <span class="form-group bmd-form-group">
+            <!-- needed to match padding for floating labels -->
+            <button type="submit" class="btn btn-raised btn-primary">Save</button>
+         </span>
+      </form></script><script id=template-permission-list type=text/x-handlebars-template><h2><button class="btn btn-raised btn-primary" onclick="gotoClients()">back</button> to \{{client_name}} </h2>
+      <button class="btn btn-raised btn-primary" onclick="createPermission('\{{ client_id }}')">Create</button>
+      <table class="table table-bordered" style="margin-bottom: 0">
+         <thead>
+            <tr>
+               <th scope="col">ID</th>
+               <th scope="col">Name</th>
+               <th scope="col">Description</th>
+               <th scope="col" style="width: 10ch">Type</th>
+               <th scope="col" style="width: 2.5rem"></th>
+            </tr>
+         </thead>
+         <tbody>
+            \{{#permissions}}
+            <tr>
+               <td>\{{ _id }}</td>
+               <td>\{{ name }}</td>
+               <td>\{{ description }}</td>
+               <td>\{{ grant_type }}</td>
+               <td style="padding: 0.25em">
+                  <button style="border: 0; background-color: rgba(0, 0, 0, 0); padding: 0; text-align: center;" onclick="deletePermission('\{{_id}}')">
+                     <i class="material-icons" style="font-size: 2rem; display: inline">
+                        delete
+                     </i>
+                  </button>
+               </td>
+            </tr>
+            \{{/permissions}}
+         </tbody>
+      </table></script><script id=template-permission-form type=text/x-handlebars-template><form class="form" action="JavaScript:void(null)" onsubmit="createPermissionSubmit(this)" style="margin-bottom: 0">
+         <input type=hidden value="\{{client_id}}" name=client />
+         <div class="form-group">
+            <label for="name_input" class="bmd-label-floating">Name</label>
+            <input type="text" class="form-control" id="name_input" name=name value="">
+         </div>
+         <div class="form-group">
+            <label for=description class="bmd-label-floating">Description</label>
+            <input type="text" class="form-control" id=description name=description value="">
+         </div>
+         <div class="form-group">
+            <label for=type class="bmd-label-floating">Type</label>
+
+            <select type="text" class="form-control" id=type name=type>
+               <option value="user">User granted</option>
+               <option value="client">Client granted</option>
+            </select>
+         </div>
+         <span class="form-group bmd-form-group">
+            <!-- needed to match padding for floating labels -->
+            <button type="submit" class="btn btn-raised btn-primary">Save</button>
+         </span>
+      </form></script><script>(function(){'use strict';function request(endpoint, method, data) {
+   var headers = new Headers();
+   headers.set("Content-Type", "application/json");
+   return fetch(endpoint, {
+      method: method,
+      body: JSON.stringify(data),
+      headers: headers,
+      credentials: "include",
+   })
+      .then(async (e) => {
+         if (e.status !== 200)
+            throw new Error((await e.text()) || e.statusText);
+         return e.json();
+      })
+      .then((e) => {
+         if (e.error)
+            return Promise.reject(
+               new Error(
+                  typeof e.error === "string"
+                     ? e.error
+                     : JSON.stringify(e.error)
+               )
+            );
+         return e;
+      });
+}function getFormData(element) {
+   let data = {};
+   if (
+      element.name !== undefined &&
+      element.name !== null &&
+      element.name !== ""
+   ) {
+      if (typeof element.name === "string") {
+         if (element.type === "checkbox") data[element.name] = element.checked;
+         else data[element.name] = element.value;
+      }
+   }
+   element.childNodes.forEach((child) => {
+      let res = getFormData(child);
+      data = Object.assign(data, res);
+   });
+   return data;
+}Handlebars.registerHelper("humangender", function (value, options) {
+   switch (value) {
+      case 1:
+         return "male";
+      case 2:
+         return "female";
+      case 3:
+         return "other";
+      default:
+      case 0:
+         return "none";
+   }
+});
+
+// Deprecated since version 0.8.0
+Handlebars.registerHelper("formatDate", function (datetime, format) {
+   return new Date(datetime).toLocaleString();
+});
+
+(() => {
+   const tableb = document.getElementById("table-body");
+
+   function setTitle(title) {
+      document.getElementById("sitename").innerText = title;
+   }
+
+   const cc = document.getElementById("custom_data");
+   const ccc = document.getElementById("custom_data_cont");
+
+   function setCustomCard(content) {
+      if (!content) {
+         cc.innerHTML = "";
+         ccc.style.display = "none";
+      } else {
+         cc.innerHTML = content;
+         ccc.style.display = "";
+      }
+   }
+
+   const error_cont = document.getElementById("error_cont");
+   const error_msg = document.getElementById("error_msg");
+
+   function catchError(error) {
+      error_cont.style.display = "";
+      error_msg.innerText = error.message;
+      console.log(error);
+   }
+
+   async function renderUser() {
+      console.log("Rendering User");
+      setTitle("User");
+      const listt = Handlebars.compile(
+         document.getElementById("template-user-list").innerText
+      );
+
+      async function loadList() {
+         let data = await request("/api/admin/user", "GET");
+         tableb.innerHTML = listt({
+            users: data,
+         });
+      }
+
+      window.userOnChangeType = (id) => {
+         request("/api/admin/user?id=" + id, "PUT")
+            .then(() => loadList())
+            .catch(catchError);
+      };
+
+      window.deleteUser = (id) => {
+         request("/api/admin/user?id=" + id, "DELETE")
+            .then(() => loadList())
+            .catch(catchError);
+      };
+
+      await loadList();
+   }
+
+   async function renderPermissions(client_id, client_name) {
+      const listt = Handlebars.compile(
+         document.getElementById("template-permission-list").innerText
+      );
+      const formt = Handlebars.compile(
+         document.getElementById("template-permission-form").innerText
+      );
+      setCustomCard();
+      async function loadList() {
+         try {
+            let data = await request(
+               "/api/admin/permission?client=" + client_id,
+               "GET"
+            );
+            tableb.innerHTML = listt({
+               client_id: client_id,
+               client_name: client_name,
+               permissions: data,
+            });
+         } catch (err) {
+            catchError(err);
+         }
+      }
+
+      window.gotoClients = () => {
+         renderClient();
+      };
+
+      window.deletePermission = (id) => {
+         request("/api/admin/permission?id=" + id, "DELETE")
+            .then(() => loadList())
+            .catch(catchError);
+      };
+
+      window.createPermission = () => {
+         try {
+            setCustomCard(formt({ client_id: client_id }));
+         } catch (err) {
+            console.log("Err", err);
+         }
+      };
+
+      window.createPermissionSubmit = (elm) => {
+         console.log(elm);
+         let data = getFormData(elm);
+         console.log(data);
+         request("/api/admin/permission", "POST", data)
+            .then(() => setCustomCard())
+            .then(() => loadList())
+            .catch(catchError);
+      };
+      await loadList();
+   }
+
+   async function renderClient() {
+      console.log("Rendering Client");
+      setTitle("Client");
+
+      const listt = Handlebars.compile(
+         document.getElementById("template-client-list").innerText
+      );
+      const formt = Handlebars.compile(
+         document.getElementById("template-client-form").innerText
+      );
+
+      let clients = [];
+      async function loadList() {
+         let data = await request("/api/admin/client", "GET");
+         clients = data;
+         tableb.innerHTML = listt({
+            clients: data,
+         });
+      }
+
+      window.permissionsClient = (id) => {
+         renderPermissions(id, clients.find((e) => e._id === id).name);
+      };
+
+      window.deleteClient = (id) => {
+         request("/api/admin/client/id=" + id, "DELETE")
+            .then(() => loadList())
+            .catch(catchError);
+      };
+
+      window.createClientSubmit = (elm) => {
+         console.log(elm);
+         let data = getFormData(elm);
+         console.log(data);
+         let id = data.id;
+         delete data.id;
+         if (id && id !== "") {
+            request("/api/admin/client?id=" + id, "PUT", data)
+               .then(() => setCustomCard())
+               .then(() => loadList())
+               .catch(catchError);
+         } else {
+            request("/api/admin/client", "POST", data)
+               .then(() => setCustomCard())
+               .then(() => loadList())
+               .catch(catchError);
+         }
+      };
+
+      window.createClient = () => {
+         setCustomCard(formt());
+      };
+
+      window.editClient = (id) => {
+         let client = clients.find((e) => e._id === id);
+         if (!client) return catchError(new Error("Client does not exist!!"));
+         setCustomCard(formt(client));
+      };
+
+      await loadList().catch(catchError);
+   }
+
+   async function renderRegCode() {
+      console.log("Rendering RegCode");
+      setTitle("RegCode");
+
+      const listt = Handlebars.compile(
+         document.getElementById("template-regcode-list").innerText
+      );
+
+      async function loadList() {
+         let data = await request("/api/admin/regcode", "GET");
+         tableb.innerHTML = listt({
+            regcodes: data,
+         });
+      }
+
+      window.deleteRegcode = (id) => {
+         request("/api/admin/regcode?id=" + id, "DELETE")
+            .then(() => loadList())
+            .catch(catchError);
+      };
+
+      window.createRegcode = () => {
+         request("/api/admin/regcode", "POST")
+            .then(() => loadList())
+            .catch(catchError);
+      };
+
+      await loadList().catch(catchError);
+   }
+
+   const type = new URL(window.location.href).searchParams.get("type");
+   switch (type) {
+      case "client":
+         renderClient().catch(catchError);
+         break;
+      case "regcode":
+         renderRegCode().catch(catchError);
+         break;
+      case "user":
+      default:
+         renderUser().catch(catchError);
+         break;
+   }
+})();})();</script></body></html>

FrontendLegacy/out/admin/stats.json

@@ -0,0 +1,21 @@
+{
+   "sass": {
+      "entry": "src\\admin/admin.scss",
+      "start": 1680888864800,
+      "end": 1680888864814,
+      "duration": 14,
+      "includedFiles": [
+         "D:\\Projekte\\OpenServer\\OpenAuth\\server\\FrontendLegacy\\src\\admin\\admin.scss",
+         "D:\\Projekte\\OpenServer\\OpenAuth\\server\\FrontendLegacy\\shared\\mat_bs.scss",
+         "D:\\Projekte\\OpenServer\\OpenAuth\\server\\FrontendLegacy\\shared\\style.scss"
+      ]
+   },
+   "js": {
+      "chars": 7975
+   },
+   "css": {
+      "chars": 1665
+   },
+   "bundle_size": 21873,
+   "gzip_size": 4359
+}

FrontendLegacy/out/authorize/stats.json

@@ -0,0 +1,52 @@
+{
+   "sass": {
+      "entry": "src\\authorize/authorize.scss",
+      "start": 1680888863485,
+      "end": 1680888864104,
+      "duration": 619,
+      "includedFiles": [
+         "D:\\Projekte\\OpenServer\\OpenAuth\\server\\FrontendLegacy\\src\\authorize\\authorize.scss",
+         "D:\\Projekte\\OpenServer\\OpenAuth\\server\\node_modules\\@material\\button\\mdc-button.import.scss",
+         "D:\\Projekte\\OpenServer\\OpenAuth\\server\\node_modules\\@material\\base\\_mixins.scss",
+         "D:\\Projekte\\OpenServer\\OpenAuth\\server\\node_modules\\@material\\feature-targeting\\_variables.scss",
+         "D:\\Projekte\\OpenServer\\OpenAuth\\server\\node_modules\\@material\\feature-targeting\\_mixins.scss",
+         "D:\\Projekte\\OpenServer\\OpenAuth\\server\\node_modules\\@material\\feature-targeting\\_functions.scss",
+         "D:\\Projekte\\OpenServer\\OpenAuth\\server\\node_modules\\@material\\theme\\_constants.scss",
+         "D:\\Projekte\\OpenServer\\OpenAuth\\server\\node_modules\\@material\\theme\\_variables.scss",
+         "D:\\Projekte\\OpenServer\\OpenAuth\\server\\node_modules\\@material\\theme\\_functions.scss",
+         "D:\\Projekte\\OpenServer\\OpenAuth\\server\\node_modules\\@material\\animation\\_variables.scss",
+         "D:\\Projekte\\OpenServer\\OpenAuth\\server\\node_modules\\@material\\elevation\\_variables.scss",
+         "D:\\Projekte\\OpenServer\\OpenAuth\\server\\node_modules\\@material\\ripple\\_variables.scss",
+         "D:\\Projekte\\OpenServer\\OpenAuth\\server\\node_modules\\@material\\rtl\\_variables.scss",
+         "D:\\Projekte\\OpenServer\\OpenAuth\\server\\node_modules\\@material\\touch-target\\_variables.scss",
+         "D:\\Projekte\\OpenServer\\OpenAuth\\server\\node_modules\\@material\\typography\\_variables.scss",
+         "D:\\Projekte\\OpenServer\\OpenAuth\\server\\node_modules\\@material\\typography\\_functions.scss",
+         "D:\\Projekte\\OpenServer\\OpenAuth\\server\\node_modules\\@material\\shape\\_variables.scss",
+         "D:\\Projekte\\OpenServer\\OpenAuth\\server\\node_modules\\@material\\density\\_variables.scss",
+         "D:\\Projekte\\OpenServer\\OpenAuth\\server\\node_modules\\@material\\button\\_variables.scss",
+         "D:\\Projekte\\OpenServer\\OpenAuth\\server\\node_modules\\@material\\button\\_mixins.scss",
+         "D:\\Projekte\\OpenServer\\OpenAuth\\server\\node_modules\\@material\\elevation\\_mixins.scss",
+         "D:\\Projekte\\OpenServer\\OpenAuth\\server\\node_modules\\@material\\theme\\_mixins.scss",
+         "D:\\Projekte\\OpenServer\\OpenAuth\\server\\node_modules\\@material\\elevation\\_functions.scss",
+         "D:\\Projekte\\OpenServer\\OpenAuth\\server\\node_modules\\@material\\ripple\\_mixins.scss",
+         "D:\\Projekte\\OpenServer\\OpenAuth\\server\\node_modules\\@material\\animation\\_functions.scss",
+         "D:\\Projekte\\OpenServer\\OpenAuth\\server\\node_modules\\@material\\ripple\\_functions.scss",
+         "D:\\Projekte\\OpenServer\\OpenAuth\\server\\node_modules\\@material\\ripple\\_keyframes.scss",
+         "D:\\Projekte\\OpenServer\\OpenAuth\\server\\node_modules\\@material\\rtl\\_mixins.scss",
+         "D:\\Projekte\\OpenServer\\OpenAuth\\server\\node_modules\\@material\\touch-target\\_mixins.scss",
+         "D:\\Projekte\\OpenServer\\OpenAuth\\server\\node_modules\\@material\\typography\\_mixins.scss",
+         "D:\\Projekte\\OpenServer\\OpenAuth\\server\\node_modules\\@material\\shape\\_mixins.scss",
+         "D:\\Projekte\\OpenServer\\OpenAuth\\server\\node_modules\\@material\\shape\\_functions.scss",
+         "D:\\Projekte\\OpenServer\\OpenAuth\\server\\node_modules\\@material\\density\\_functions.scss",
+         "D:\\Projekte\\OpenServer\\OpenAuth\\server\\node_modules\\@material\\button\\mdc-button.scss"
+      ]
+   },
+   "js": {
+      "chars": 576
+   },
+   "css": {
+      "chars": 9933
+   },
+   "bundle_size": 11387,
+   "gzip_size": 2740
+}

FrontendLegacy/out/login/stats.json

@@ -0,0 +1,54 @@
+{
+   "sass": {
+      "entry": "src\\login/login.scss",
+      "start": 1596809618526,
+      "end": 1596809618741,
+      "duration": 215,
+      "includedFiles": [
+         "C:\\Users\\micro\\Documents\\Projekte\\OpenAuth\\server\\views\\src\\login\\login.scss",
+         "C:\\Users\\micro\\Documents\\Projekte\\OpenAuth\\server\\views\\node_modules\\@material\\button\\mdc-button.import.scss",
+         "C:\\Users\\micro\\Documents\\Projekte\\OpenAuth\\server\\views\\node_modules\\@material\\base\\_mixins.scss",
+         "C:\\Users\\micro\\Documents\\Projekte\\OpenAuth\\server\\views\\node_modules\\@material\\feature-targeting\\_variables.scss",
+         "C:\\Users\\micro\\Documents\\Projekte\\OpenAuth\\server\\views\\node_modules\\@material\\feature-targeting\\_mixins.scss",
+         "C:\\Users\\micro\\Documents\\Projekte\\OpenAuth\\server\\views\\node_modules\\@material\\feature-targeting\\_functions.scss",
+         "C:\\Users\\micro\\Documents\\Projekte\\OpenAuth\\server\\views\\node_modules\\@material\\theme\\_constants.scss",
+         "C:\\Users\\micro\\Documents\\Projekte\\OpenAuth\\server\\views\\node_modules\\@material\\theme\\_variables.scss",
+         "C:\\Users\\micro\\Documents\\Projekte\\OpenAuth\\server\\views\\node_modules\\@material\\theme\\_functions.scss",
+         "C:\\Users\\micro\\Documents\\Projekte\\OpenAuth\\server\\views\\node_modules\\@material\\animation\\_variables.scss",
+         "C:\\Users\\micro\\Documents\\Projekte\\OpenAuth\\server\\views\\node_modules\\@material\\elevation\\_variables.scss",
+         "C:\\Users\\micro\\Documents\\Projekte\\OpenAuth\\server\\views\\node_modules\\@material\\ripple\\_variables.scss",
+         "C:\\Users\\micro\\Documents\\Projekte\\OpenAuth\\server\\views\\node_modules\\@material\\rtl\\_variables.scss",
+         "C:\\Users\\micro\\Documents\\Projekte\\OpenAuth\\server\\views\\node_modules\\@material\\touch-target\\_variables.scss",
+         "C:\\Users\\micro\\Documents\\Projekte\\OpenAuth\\server\\views\\node_modules\\@material\\typography\\_variables.scss",
+         "C:\\Users\\micro\\Documents\\Projekte\\OpenAuth\\server\\views\\node_modules\\@material\\typography\\_functions.scss",
+         "C:\\Users\\micro\\Documents\\Projekte\\OpenAuth\\server\\views\\node_modules\\@material\\shape\\_variables.scss",
+         "C:\\Users\\micro\\Documents\\Projekte\\OpenAuth\\server\\views\\node_modules\\@material\\density\\_variables.scss",
+         "C:\\Users\\micro\\Documents\\Projekte\\OpenAuth\\server\\views\\node_modules\\@material\\button\\_variables.scss",
+         "C:\\Users\\micro\\Documents\\Projekte\\OpenAuth\\server\\views\\node_modules\\@material\\button\\_mixins.scss",
+         "C:\\Users\\micro\\Documents\\Projekte\\OpenAuth\\server\\views\\node_modules\\@material\\elevation\\_mixins.scss",
+         "C:\\Users\\micro\\Documents\\Projekte\\OpenAuth\\server\\views\\node_modules\\@material\\theme\\_mixins.scss",
+         "C:\\Users\\micro\\Documents\\Projekte\\OpenAuth\\server\\views\\node_modules\\@material\\elevation\\_functions.scss",
+         "C:\\Users\\micro\\Documents\\Projekte\\OpenAuth\\server\\views\\node_modules\\@material\\ripple\\_mixins.scss",
+         "C:\\Users\\micro\\Documents\\Projekte\\OpenAuth\\server\\views\\node_modules\\@material\\animation\\_functions.scss",
+         "C:\\Users\\micro\\Documents\\Projekte\\OpenAuth\\server\\views\\node_modules\\@material\\ripple\\_functions.scss",
+         "C:\\Users\\micro\\Documents\\Projekte\\OpenAuth\\server\\views\\node_modules\\@material\\ripple\\_keyframes.scss",
+         "C:\\Users\\micro\\Documents\\Projekte\\OpenAuth\\server\\views\\node_modules\\@material\\rtl\\_mixins.scss",
+         "C:\\Users\\micro\\Documents\\Projekte\\OpenAuth\\server\\views\\node_modules\\@material\\touch-target\\_mixins.scss",
+         "C:\\Users\\micro\\Documents\\Projekte\\OpenAuth\\server\\views\\node_modules\\@material\\typography\\_mixins.scss",
+         "C:\\Users\\micro\\Documents\\Projekte\\OpenAuth\\server\\views\\node_modules\\@material\\shape\\_mixins.scss",
+         "C:\\Users\\micro\\Documents\\Projekte\\OpenAuth\\server\\views\\node_modules\\@material\\shape\\_functions.scss",
+         "C:\\Users\\micro\\Documents\\Projekte\\OpenAuth\\server\\views\\node_modules\\@material\\density\\_functions.scss",
+         "C:\\Users\\micro\\Documents\\Projekte\\OpenAuth\\server\\views\\node_modules\\@material\\button\\mdc-button.scss",
+         "C:\\Users\\micro\\Documents\\Projekte\\OpenAuth\\server\\views\\shared\\inputs.scss",
+         "C:\\Users\\micro\\Documents\\Projekte\\OpenAuth\\server\\views\\shared\\style.scss"
+      ]
+   },
+   "js": {
+      "chars": 68059
+   },
+   "css": {
+      "chars": 11795
+   },
+   "bundle_size": 81043,
+   "gzip_size": 20007
+}

FrontendLegacy/out/main/main.html

@@ -0,0 +1 @@
+<html><head><style></style></head><body><script>(function(){'use strict';console.log("Hello World");})();</script></body></html>

FrontendLegacy/out/main/stats.json

@@ -0,0 +1,19 @@
+{
+   "sass": {
+      "entry": "src\\main/main.scss",
+      "start": 1680888864122,
+      "end": 1680888864124,
+      "duration": 2,
+      "includedFiles": [
+         "D:\\Projekte\\OpenServer\\OpenAuth\\server\\FrontendLegacy\\src\\main\\main.scss"
+      ]
+   },
+   "js": {
+      "chars": 57
+   },
+   "css": {
+      "chars": 18
+   },
+   "bundle_size": 128,
+   "gzip_size": 123
+}

FrontendLegacy/out/register/stats.json

@@ -0,0 +1,63 @@
+{
+   "sass": {
+      "entry": "src\\register/register.scss",
+      "start": 1680888864210,
+      "end": 1680888864775,
+      "duration": 565,
+      "includedFiles": [
+         "D:\\Projekte\\OpenServer\\OpenAuth\\server\\FrontendLegacy\\src\\register\\register.scss",
+         "D:\\Projekte\\OpenServer\\OpenAuth\\server\\node_modules\\@material\\button\\mdc-button.import.scss",
+         "D:\\Projekte\\OpenServer\\OpenAuth\\server\\node_modules\\@material\\base\\_mixins.scss",
+         "D:\\Projekte\\OpenServer\\OpenAuth\\server\\node_modules\\@material\\feature-targeting\\_variables.scss",
+         "D:\\Projekte\\OpenServer\\OpenAuth\\server\\node_modules\\@material\\feature-targeting\\_mixins.scss",
+         "D:\\Projekte\\OpenServer\\OpenAuth\\server\\node_modules\\@material\\feature-targeting\\_functions.scss",
+         "D:\\Projekte\\OpenServer\\OpenAuth\\server\\node_modules\\@material\\theme\\_constants.scss",
+         "D:\\Projekte\\OpenServer\\OpenAuth\\server\\node_modules\\@material\\theme\\_variables.scss",
+         "D:\\Projekte\\OpenServer\\OpenAuth\\server\\node_modules\\@material\\theme\\_functions.scss",
+         "D:\\Projekte\\OpenServer\\OpenAuth\\server\\node_modules\\@material\\animation\\_variables.scss",
+         "D:\\Projekte\\OpenServer\\OpenAuth\\server\\node_modules\\@material\\elevation\\_variables.scss",
+         "D:\\Projekte\\OpenServer\\OpenAuth\\server\\node_modules\\@material\\ripple\\_variables.scss",
+         "D:\\Projekte\\OpenServer\\OpenAuth\\server\\node_modules\\@material\\rtl\\_variables.scss",
+         "D:\\Projekte\\OpenServer\\OpenAuth\\server\\node_modules\\@material\\touch-target\\_variables.scss",
+         "D:\\Projekte\\OpenServer\\OpenAuth\\server\\node_modules\\@material\\typography\\_variables.scss",
+         "D:\\Projekte\\OpenServer\\OpenAuth\\server\\node_modules\\@material\\typography\\_functions.scss",
+         "D:\\Projekte\\OpenServer\\OpenAuth\\server\\node_modules\\@material\\shape\\_variables.scss",
+         "D:\\Projekte\\OpenServer\\OpenAuth\\server\\node_modules\\@material\\density\\_variables.scss",
+         "D:\\Projekte\\OpenServer\\OpenAuth\\server\\node_modules\\@material\\button\\_variables.scss",
+         "D:\\Projekte\\OpenServer\\OpenAuth\\server\\node_modules\\@material\\button\\_mixins.scss",
+         "D:\\Projekte\\OpenServer\\OpenAuth\\server\\node_modules\\@material\\elevation\\_mixins.scss",
+         "D:\\Projekte\\OpenServer\\OpenAuth\\server\\node_modules\\@material\\theme\\_mixins.scss",
+         "D:\\Projekte\\OpenServer\\OpenAuth\\server\\node_modules\\@material\\elevation\\_functions.scss",
+         "D:\\Projekte\\OpenServer\\OpenAuth\\server\\node_modules\\@material\\ripple\\_mixins.scss",
+         "D:\\Projekte\\OpenServer\\OpenAuth\\server\\node_modules\\@material\\animation\\_functions.scss",
+         "D:\\Projekte\\OpenServer\\OpenAuth\\server\\node_modules\\@material\\ripple\\_functions.scss",
+         "D:\\Projekte\\OpenServer\\OpenAuth\\server\\node_modules\\@material\\ripple\\_keyframes.scss",
+         "D:\\Projekte\\OpenServer\\OpenAuth\\server\\node_modules\\@material\\rtl\\_mixins.scss",
+         "D:\\Projekte\\OpenServer\\OpenAuth\\server\\node_modules\\@material\\touch-target\\_mixins.scss",
+         "D:\\Projekte\\OpenServer\\OpenAuth\\server\\node_modules\\@material\\typography\\_mixins.scss",
+         "D:\\Projekte\\OpenServer\\OpenAuth\\server\\node_modules\\@material\\shape\\_mixins.scss",
+         "D:\\Projekte\\OpenServer\\OpenAuth\\server\\node_modules\\@material\\shape\\_functions.scss",
+         "D:\\Projekte\\OpenServer\\OpenAuth\\server\\node_modules\\@material\\density\\_functions.scss",
+         "D:\\Projekte\\OpenServer\\OpenAuth\\server\\node_modules\\@material\\button\\mdc-button.scss",
+         "D:\\Projekte\\OpenServer\\OpenAuth\\server\\node_modules\\@material\\form-field\\mdc-form-field.import.scss",
+         "D:\\Projekte\\OpenServer\\OpenAuth\\server\\node_modules\\@material\\form-field\\_variables.scss",
+         "D:\\Projekte\\OpenServer\\OpenAuth\\server\\node_modules\\@material\\form-field\\_mixins.scss",
+         "D:\\Projekte\\OpenServer\\OpenAuth\\server\\node_modules\\@material\\form-field\\mdc-form-field.scss",
+         "D:\\Projekte\\OpenServer\\OpenAuth\\server\\node_modules\\@material\\radio\\mdc-radio.import.scss",
+         "D:\\Projekte\\OpenServer\\OpenAuth\\server\\node_modules\\@material\\radio\\_variables.scss",
+         "D:\\Projekte\\OpenServer\\OpenAuth\\server\\node_modules\\@material\\radio\\_mixins.scss",
+         "D:\\Projekte\\OpenServer\\OpenAuth\\server\\node_modules\\@material\\radio\\_functions.scss",
+         "D:\\Projekte\\OpenServer\\OpenAuth\\server\\node_modules\\@material\\radio\\mdc-radio.scss",
+         "D:\\Projekte\\OpenServer\\OpenAuth\\server\\FrontendLegacy\\shared\\inputs.scss",
+         "D:\\Projekte\\OpenServer\\OpenAuth\\server\\FrontendLegacy\\shared\\style.scss"
+      ]
+   },
+   "js": {
+      "chars": 21204
+   },
+   "css": {
+      "chars": 19609
+   },
+   "bundle_size": 44031,
+   "gzip_size": 9858
+}

FrontendLegacy/package.json

@@ -1,5 +1,5 @@
 {
-   "name": "open_auth_service_views",
+   "name": "@hibas123/openauth-views-v1",
    "version": "1.0.0",
    "main": "index.js",
    "author": "Fabian Stamm <dev@fabianstamm.de>",
@@ -9,20 +9,21 @@
       "watch": "node build.js watch"
    },
    "dependencies": {
+      "handlebars": "^4.7.7"
+   },
+   "devDependencies": {
       "@material/button": "^5.1.0",
       "@material/form-field": "^5.1.0",
       "@material/radio": "^5.1.0",
-      "preact": "^10.3.3"
-   },
-   "devDependencies": {
-      "chokidar": "^3.3.1",
-      "gzip-size": "^5.1.1",
+      "chokidar": "^3.5.3",
+      "gzip-size": "^6.0.0",
       "html-minifier": "^4.0.0",
-      "rollup": "^2.0.2",
-      "rollup-plugin-includepaths": "^0.2.3",
+      "preact": "^10.13.2",
+      "rollup": "^3.20.2",
+      "rollup-plugin-includepaths": "^0.2.4",
       "rollup-plugin-node-resolve": "^5.2.0",
-      "rollup-plugin-typescript2": "^0.26.0",
-      "sass": "^1.26.2",
-      "typescript": "^3.8.3"
+      "rollup-plugin-typescript2": "^0.34.1",
+      "sass": "^1.61.0",
+      "typescript": "^5.0.3"
    }
 }