@vandenberghinc/volt 1.1.28 → 1.1.30

package/backend/dist/cjs/backend/src/endpoint.js

@@ -248,7 +248,7 @@ class Endpoint {
   _initialize(server) {
     this.server = server;
     if (this.view != null) {
-      this.view._initialize(server, this);
+      this.view.initialize(server, this);
     }
     if (this.view != null) {
       if (this.view.meta == null) {

package/backend/dist/cjs/backend/src/frontend.js

@@ -27,7 +27,7 @@ const Frontend = {
   /** CSS exports. */
   css: {
     /** The default volt css export. */
-    volt: __dirname + "/../../../../../frontend/src/css/volt.css"
+    volt: __dirname + "/../../../../../frontend/dist/frontend/src/css/volt.css"
   }
 };
 var stdin_default = Frontend;

package/backend/dist/cjs/backend/src/rate_limit.d.ts

@@ -6,13 +6,19 @@ import * as https from "https";
 import * as vlib from "@vandenberghinc/vlib";
 import type { Server } from "./server.js";
 export interface RateLimitGroup {
+    /** The rate limit group name. */
     group?: string | null;
+    /** The maximum requests per rate limit interval. */
     limit?: number | null;
+    /** The rate limit interval in seconds. */
     interval?: number | null;
 }
 export interface RateLimitData {
+    /** The rate limit group name. */
     group: string;
+    /** The maximum requests per rate limit interval. */
     limit: number;
+    /** The rate limit interval in seconds. */
     interval: number;
 }
 export interface RateLimitCacheData {
@@ -37,13 +43,7 @@ export declare namespace RateLimits {
      * @param interval The rate limit interval in seconds, defaults to 60.
      * @docs
      */
-    function add({ 
-    /** The rate limit group name. */
-    group, 
-    /** The maximum requests per rate limit interval. */
-    limit, 
-    /** The rate limit interval in seconds. */
-    interval, }: RateLimitGroup): RateLimitData;
+    function add({ group, limit, interval }: RateLimitGroup): RateLimitData;
     /**
      * Normalize an IPv4 or IPv6 address into a unique, canonical string suitable for rate limiting keys.
      *

package/backend/dist/cjs/backend/src/rate_limit.js

@@ -40,14 +40,7 @@ var RateLimits;
     /** The `global` rate settings. */
     ["global", { group: "global", interval: 60, limit: 1e3 }]
   ]);
-  function add({
-    /** The rate limit group name. */
-    group = null,
-    /** The maximum requests per rate limit interval. */
-    limit = null,
-    /** The rate limit interval in seconds. */
-    interval = null
-  }) {
+  function add({ group, limit, interval }) {
     const settings = RateLimits2.groups.has(group) ? RateLimits2.groups.get(group) : { group: "", limit: 0, interval: 0 };
     settings.group = group;
     if (limit) {

package/backend/dist/cjs/backend/src/server.js

@@ -1391,7 +1391,7 @@ Sitemap: ${this.full_domain}/sitemap.xml`;
     if (this.production) {
       for (const endpoint of this.endpoints.values()) {
         if (endpoint.view) {
-          await endpoint.view.ensure_bundle();
+          await endpoint.view.production_initialize();
         }
       }
     }

package/backend/dist/cjs/backend/src/users.d.ts

@@ -324,6 +324,7 @@ export declare class Users {
      * @param username The username of the new account.
      * @param email The email of the new account.
      * @param password The password of the new account.
+     * @param verify_password An optional second password input to check against the first input to ensure its the same.
      * @param phone_number The phone number of the user account.
      * @param is_activated Whether the account should be set to activated; by default `!Server.enable_account_activation`.
      * @example
@@ -335,12 +336,13 @@ export declare class Users {
      *   password: "HelloWorld!"
      * });
      */
-    create({ first_name, last_name, username, email, password, phone_number, is_activated, _check_username_email, }: {
+    create({ first_name, last_name, username, email, password, verify_password, phone_number, is_activated, _check_username_email, }: {
         first_name: string;
         last_name: string;
         username: string;
         email: string;
         password: string;
+        verify_password?: string;
         phone_number?: string;
         is_activated?: boolean;
         _check_username_email?: boolean;

package/backend/dist/cjs/backend/src/users.js

@@ -284,18 +284,18 @@ class Users {
     let error = void 0;
     if (pass !== verify_pass) {
       error = "Passwords do not match.";
-      return { error, invalid_fields: { password: error, verify_password: error } };
     } else if (pass.length < 8) {
       error = "The password should at least include eight characters.";
-      return { error, invalid_fields: { password: error, verify_password: error } };
     } else if (pass.toLowerCase() === pass) {
       error = "The password should at least include one capital letter.";
-      return { error, invalid_fields: { password: error, verify_password: error } };
     } else if (!/\d|[!@#$%^&*]/.test(pass)) {
       error = "The password should at least include one numeric or special character.";
+    }
+    if (error) {
       return { error, invalid_fields: { password: error, verify_password: error } };
+    } else {
+      return { error: void 0, invalid_fields: void 0 };
     }
-    return { error: void 0, invalid_fields: void 0 };
   }
   // ---------------------------------------------------------
   // Authentication (private).
@@ -664,7 +664,10 @@ class Users {
       method: "POST",
       endpoint: "/volt/api/v1/auth/signup",
       content_type: "application/json",
-      rate_limit: "global",
+      rate_limit: [
+        "global",
+        { limit: 5, interval: 60 * 10, group: "volt/Users/signup" }
+      ],
       params: {
         username: { type: "string", allow_empty: false },
         first_name: { type: "string", allow_empty: false },
@@ -676,6 +679,7 @@ class Users {
         code: { type: "string", required: false }
       },
       callback: async (stream, params) => {
+        console.log("signup 1", params);
         const { error, invalid_fields } = this._verify_new_pass(params.password, params.verify_password);
         if (error) {
           return stream.error({
@@ -736,9 +740,14 @@ class Users {
         let uid;
         try {
           uid = await this.create({
-            ...params,
-            // verify_password: undefined,
-            // code: undefined,
+            // dont unpack params since we are performing param validation inside create().
+            first_name: params.first_name,
+            last_name: params.last_name,
+            username: params.username,
+            email: params.email,
+            password: params.password,
+            verify_password: params.verify_password,
+            phone_number: params.phone_number,
             is_activated: true,
             // already verified by 2fa or no 2fa is enabled.
             _check_username_email: false
@@ -1380,6 +1389,7 @@ class Users {
    * @param username The username of the new account.
    * @param email The email of the new account.
    * @param password The password of the new account.
+   * @param verify_password An optional second password input to check against the first input to ensure its the same.
    * @param phone_number The phone number of the user account.
    * @param is_activated Whether the account should be set to activated; by default `!Server.enable_account_activation`.
    * @example
@@ -1391,7 +1401,7 @@ class Users {
    *   password: "HelloWorld!"
    * });
    */
-  async create({ first_name, last_name, username, email, password, phone_number = "", is_activated = void 0, _check_username_email = false }) {
+  async create({ first_name, last_name, username, email, password, verify_password, phone_number = "", is_activated = void 0, _check_username_email = false }) {
     vlib.schema.validate(arguments[0], {
       unknown: false,
       throw: true,
@@ -1401,11 +1411,21 @@ class Users {
         username: "string",
         email: "string",
         password: "string",
+        verify_password: { type: "string", required: false },
         phone_number: { type: "string", required: false },
         is_activated: { type: "boolean", required: false },
         _check_username_email: { type: "boolean", required: false }
       }
     });
+    const { error, invalid_fields } = this._verify_new_pass(password, verify_password ?? password);
+    if (error) {
+      throw new import_errors.ExternalError({
+        type: "InvalidPassword",
+        message: `Invalid password: ${error}.`,
+        status: import_status.Status.bad_request,
+        invalid_fields
+      });
+    }
     if (_check_username_email) {
       if (await this.username_exists(username)) {
         throw new import_errors.ExternalError({

package/backend/dist/cjs/backend/src/view.d.ts

@@ -135,7 +135,9 @@ export declare class View {
         min_device_width?: number;
         _src?: string;
     });
-    _initialize(server: Server, endpoint: Endpoint): void;
+    initialize(server: Server, endpoint: Endpoint): void;
+    /** Production initialization. */
+    production_initialize(): Promise<void>;
     private _dynamic_bundle;
     /** Ensure the view is bundled when required. */
     ensure_bundle(): Promise<void>;

package/backend/dist/cjs/backend/src/view.js

@@ -109,7 +109,7 @@ class View {
     this._bundle = void 0;
   }
   // Initialize.
-  _initialize(server, endpoint) {
+  initialize(server, endpoint) {
     if (server === void 0) {
       throw Error('Invalid usage, define parameter "server".');
     }
@@ -119,6 +119,11 @@ class View {
     this.server = server;
     this.endpoint = endpoint;
   }
+  /** Production initialization. */
+  async production_initialize() {
+    await this.ensure_bundle();
+    await this._build_html();
+  }
   // Bundle the compiled typescript / javascript dynamically on demand to optimize server startup for development purposes.
   async _dynamic_bundle() {
     if (this.server === void 0 || this.endpoint === void 0) {

package/backend/dist/esm/backend/src/endpoint.js

@@ -313,7 +313,7 @@ export class Endpoint {
         this.server = server;
         // Initialize view.
         if (this.view != null) {
-            this.view._initialize(server, this);
+            this.view.initialize(server, this);
         }
         // Init view meta.
         if (this.view != null) {

package/backend/dist/esm/backend/src/frontend.js

@@ -6,7 +6,7 @@ export const Frontend = {
     /** CSS exports. */
     css: {
         /** The default volt css export. */
-        volt: __dirname + "/../../../../../frontend/src/css/volt.css",
+        volt: __dirname + "/../../../../../frontend/dist/frontend/src/css/volt.css",
     }
 };
 export default Frontend;

package/backend/dist/esm/backend/src/server.js

@@ -1642,11 +1642,11 @@ export class Server {
     async start() {
         // Always initialize, even when forking.
         await this.initialize();
-        // On production bundle all view endpoints.
+        // On production also exec the endpoint production init.
         if (this.production) {
             for (const endpoint of this.endpoints.values()) {
                 if (endpoint.view) {
-                    await endpoint.view.ensure_bundle();
+                    await endpoint.view.production_initialize();
                 }
             }
         }

package/backend/dist/esm/backend/src/view.d.ts

@@ -135,7 +135,9 @@ export declare class View {
         min_device_width?: number;
         _src?: string;
     });
-    _initialize(server: Server, endpoint: Endpoint): void;
+    initialize(server: Server, endpoint: Endpoint): void;
+    /** Production initialization. */
+    production_initialize(): Promise<void>;
     private _dynamic_bundle;
     /** Ensure the view is bundled when required. */
     ensure_bundle(): Promise<void>;

package/backend/dist/esm/backend/src/view.js

@@ -171,7 +171,7 @@ export class View {
         this._bundle = undefined;
     }
     // Initialize.
-    _initialize(server, endpoint) {
+    initialize(server, endpoint) {
         if (server === undefined) {
             throw Error("Invalid usage, define parameter \"server\".");
         }
@@ -181,6 +181,11 @@ export class View {
         this.server = server;
         this.endpoint = endpoint;
     }
+    /** Production initialization. */
+    async production_initialize() {
+        await this.ensure_bundle();
+        await this._build_html();
+    }
     // Bundle the compiled typescript / javascript dynamically on demand to optimize server startup for development purposes.
     async _dynamic_bundle() {
         // Server & endpoint.

package/frontend/dist/backend/src/endpoint.js

@@ -313,7 +313,7 @@ export class Endpoint {
         this.server = server;
         // Initialize view.
         if (this.view != null) {
-            this.view._initialize(server, this);
+            this.view.initialize(server, this);
         }
         // Init view meta.
         if (this.view != null) {

package/frontend/dist/backend/src/frontend.js

@@ -6,7 +6,7 @@ export const Frontend = {
     /** CSS exports. */
     css: {
         /** The default volt css export. */
-        volt: __dirname + "/../../../../../frontend/src/css/volt.css",
+        volt: __dirname + "/../../../../../frontend/dist/frontend/src/css/volt.css",
     }
 };
 export default Frontend;

package/frontend/dist/backend/src/rate_limit.d.ts

@@ -6,13 +6,19 @@ import * as https from "https";
 import * as vlib from "@vandenberghinc/vlib";
 import type { Server } from "./server.js";
 export interface RateLimitGroup {
+    /** The rate limit group name. */
     group?: string | null;
+    /** The maximum requests per rate limit interval. */
     limit?: number | null;
+    /** The rate limit interval in seconds. */
     interval?: number | null;
 }
 export interface RateLimitData {
+    /** The rate limit group name. */
     group: string;
+    /** The maximum requests per rate limit interval. */
     limit: number;
+    /** The rate limit interval in seconds. */
     interval: number;
 }
 export interface RateLimitCacheData {
@@ -37,13 +43,7 @@ export declare namespace RateLimits {
      * @param interval The rate limit interval in seconds, defaults to 60.
      * @docs
      */
-    function add({ 
-    /** The rate limit group name. */
-    group, 
-    /** The maximum requests per rate limit interval. */
-    limit, 
-    /** The rate limit interval in seconds. */
-    interval, }: RateLimitGroup): RateLimitData;
+    function add({ group, limit, interval }: RateLimitGroup): RateLimitData;
     /**
      * Normalize an IPv4 or IPv6 address into a unique, canonical string suitable for rate limiting keys.
      *

package/frontend/dist/backend/src/rate_limit.js

@@ -27,13 +27,7 @@ export var RateLimits;
      * @param interval The rate limit interval in seconds, defaults to 60.
      * @docs
      */
-    function add({ 
-    /** The rate limit group name. */
-    group = null, 
-    /** The maximum requests per rate limit interval. */
-    limit = null, 
-    /** The rate limit interval in seconds. */
-    interval = null, }) {
+    function add({ group, limit, interval }) {
         const settings = RateLimits.groups.has(group)
             ? RateLimits.groups.get(group)
             : { group: "", limit: 0, interval: 0 };

package/frontend/dist/backend/src/server.js

@@ -1642,11 +1642,11 @@ export class Server {
     async start() {
         // Always initialize, even when forking.
         await this.initialize();
-        // On production bundle all view endpoints.
+        // On production also exec the endpoint production init.
         if (this.production) {
             for (const endpoint of this.endpoints.values()) {
                 if (endpoint.view) {
-                    await endpoint.view.ensure_bundle();
+                    await endpoint.view.production_initialize();
                 }
             }
         }

package/frontend/dist/backend/src/users.d.ts

@@ -324,6 +324,7 @@ export declare class Users {
      * @param username The username of the new account.
      * @param email The email of the new account.
      * @param password The password of the new account.
+     * @param verify_password An optional second password input to check against the first input to ensure its the same.
      * @param phone_number The phone number of the user account.
      * @param is_activated Whether the account should be set to activated; by default `!Server.enable_account_activation`.
      * @example
@@ -335,12 +336,13 @@ export declare class Users {
      *   password: "HelloWorld!"
      * });
      */
-    create({ first_name, last_name, username, email, password, phone_number, is_activated, _check_username_email, }: {
+    create({ first_name, last_name, username, email, password, verify_password, phone_number, is_activated, _check_username_email, }: {
         first_name: string;
         last_name: string;
         username: string;
         email: string;
         password: string;
+        verify_password?: string;
         phone_number?: string;
         is_activated?: boolean;
         _check_username_email?: boolean;

package/frontend/dist/backend/src/users.js

@@ -274,21 +274,22 @@ export class Users {
         let error = undefined;
         if (pass !== verify_pass) {
             error = "Passwords do not match.";
-            return { error, invalid_fields: { password: error, verify_password: error } };
         }
         else if (pass.length < 8) {
             error = "The password should at least include eight characters.";
-            return { error, invalid_fields: { password: error, verify_password: error } };
         }
         else if (pass.toLowerCase() === pass) {
             error = "The password should at least include one capital letter.";
-            return { error, invalid_fields: { password: error, verify_password: error } };
         }
         else if (!/\d|[!@#$%^&*]/.test(pass)) {
             error = "The password should at least include one numeric or special character.";
+        }
+        if (error) {
             return { error, invalid_fields: { password: error, verify_password: error } };
         }
-        return { error: undefined, invalid_fields: undefined };
+        else {
+            return { error: undefined, invalid_fields: undefined };
+        }
     }
     // ---------------------------------------------------------
     // Authentication (private).
@@ -702,7 +703,10 @@ export class Users {
             method: "POST",
             endpoint: "/volt/api/v1/auth/signup",
             content_type: "application/json",
-            rate_limit: "global",
+            rate_limit: [
+                "global",
+                { limit: 5, interval: 60 * 10, group: "volt/Users/signup" }
+            ],
             params: {
                 username: { type: "string", allow_empty: false },
                 first_name: { type: "string", allow_empty: false },
@@ -714,6 +718,7 @@ export class Users {
                 code: { type: "string", required: false },
             },
             callback: async (stream, params) => {
+                console.log("signup 1", params);
                 // Verify password.
                 const { error, invalid_fields } = this._verify_new_pass(params.password, params.verify_password);
                 if (error) {
@@ -782,9 +787,14 @@ export class Users {
                 let uid;
                 try {
                     uid = await this.create({
-                        ...params,
-                        // verify_password: undefined,
-                        // code: undefined,
+                        // dont unpack params since we are performing param validation inside create().
+                        first_name: params.first_name,
+                        last_name: params.last_name,
+                        username: params.username,
+                        email: params.email,
+                        password: params.password,
+                        verify_password: params.verify_password,
+                        phone_number: params.phone_number,
                         is_activated: true, // already verified by 2fa or no 2fa is enabled.
                         _check_username_email: false, // already checked.
                     });
@@ -1486,6 +1496,7 @@ export class Users {
      * @param username The username of the new account.
      * @param email The email of the new account.
      * @param password The password of the new account.
+     * @param verify_password An optional second password input to check against the first input to ensure its the same.
      * @param phone_number The phone number of the user account.
      * @param is_activated Whether the account should be set to activated; by default `!Server.enable_account_activation`.
      * @example
@@ -1497,7 +1508,7 @@ export class Users {
      *   password: "HelloWorld!"
      * });
      */
-    async create({ first_name, last_name, username, email, password, phone_number = "", is_activated = undefined, _check_username_email = false, }) {
+    async create({ first_name, last_name, username, email, password, verify_password, phone_number = "", is_activated = undefined, _check_username_email = false, }) {
         // Verify params.
         vlib.schema.validate(arguments[0], {
             unknown: false,
@@ -1508,11 +1519,22 @@ export class Users {
                 username: "string",
                 email: "string",
                 password: "string",
+                verify_password: { type: "string", required: false },
                 phone_number: { type: "string", required: false },
                 is_activated: { type: "boolean", required: false },
                 _check_username_email: { type: "boolean", required: false },
             }
         });
+        // Verify password.
+        const { error, invalid_fields } = this._verify_new_pass(password, verify_password ?? password);
+        if (error) {
+            throw new ExternalError({
+                type: "InvalidPassword",
+                message: `Invalid password: ${error}.`,
+                status: Status.bad_request,
+                invalid_fields,
+            });
+        }
         // Check if username & email already exist.
         if (_check_username_email) {
             if (await this.username_exists(username)) {

package/frontend/dist/backend/src/view.d.ts

@@ -135,7 +135,9 @@ export declare class View {
         min_device_width?: number;
         _src?: string;
     });
-    _initialize(server: Server, endpoint: Endpoint): void;
+    initialize(server: Server, endpoint: Endpoint): void;
+    /** Production initialization. */
+    production_initialize(): Promise<void>;
     private _dynamic_bundle;
     /** Ensure the view is bundled when required. */
     ensure_bundle(): Promise<void>;

package/frontend/dist/backend/src/view.js

@@ -171,7 +171,7 @@ export class View {
         this._bundle = undefined;
     }
     // Initialize.
-    _initialize(server, endpoint) {
+    initialize(server, endpoint) {
         if (server === undefined) {
             throw Error("Invalid usage, define parameter \"server\".");
         }
@@ -181,6 +181,11 @@ export class View {
         this.server = server;
         this.endpoint = endpoint;
     }
+    /** Production initialization. */
+    async production_initialize() {
+        await this.ensure_bundle();
+        await this._build_html();
+    }
     // Bundle the compiled typescript / javascript dynamically on demand to optimize server startup for development purposes.
     async _dynamic_bundle() {
         // Server & endpoint.

package/frontend/dist/frontend/src/css/adyen.css

@@ -0,0 +1,92 @@
+/* Payment method container */
+.adyen-checkout__payment-method {
+	border-radius: var(--vpayments_border_radius);
+	margin: 5px 0px;
+}
+
+/* Buttons */
+.adyen-checkout__button {
+    background: var(--vpayments_button_bg);
+    color: var(--vpayments_button_fg);
+    border-radius: var(--vpayments_button_border_radius);
+    transition: filter 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
+}
+.adyen-checkout__button:hover {
+    background: var(--vpayments_button_bg);
+    color: var(--vpayments_button_fg);
+    filter: brightness(1.1);
+}
+
+/* Selected item circle */
+.adyen-checkout__payment-method__radio {
+	border: 1px solid var(--vpayments_border_bg);
+	transition: outline 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
+}
+.adyen-checkout__payment-method__radio--selected {
+	background: var(--vpayments_button_bg);
+}
+.adyen-checkout__payment-method__radio--selected::after {
+	background: var(--vpayments_button_fg);
+}
+
+/* Input label names. */
+.adyen-checkout__label > .adyen-checkout__label__text {
+	color: var(--vpayments_fg);
+}
+.adyen-checkout__label--focused > .adyen-checkout__label__text {
+	color: var(--vpayments_theme_fg);
+}
+
+/* Input fields */
+.adyen-checkout__input,
+.adyen-checkout__input--text,
+.adyen-checkout__dropdown__button {
+	border-radius: var(--vpayments_border_radius);
+	border: 1px solid var(--vpayments_border_bg);
+	/*box-shadow: 0 0 0 0px transparent; causes the custom inputs like card holder when invalid to stop enabling box-shadow */
+	transition: outline 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
+}
+.adyen-checkout__input:hover,
+.adyen-checkout__input--text:hover,
+.adyen-checkout__dropdown__button:hover {
+	border: 1px solid var(--vpayments_border_bg);
+}
+.adyen-checkout__input:focus,
+.adyen-checkout__input:focus:hover,
+.adyen-checkout__input:active,
+.adyen-checkout__input:active:hover,
+.adyen-checkout__input--focus,
+.adyen-checkout__input--focus:hover,
+.adyen-checkout__dropdown__button--active,
+.adyen-checkout__dropdown__button--active:hover {
+	border: 1px solid var(--vpayments_theme_fg);
+	box-shadow: 0 0 0 2px var(--vpayments_theme_fg_80);
+}
+.adyen-checkout__input--error,
+.adyen-checkout__input--error:hover,
+.adyen-checkout__input--error:required,
+.adyen-checkout__input--invalid,
+.adyen-checkout__input--invalid:hover,
+.adyen-checkout__input--invalid:required,
+.adyen-checkout__dropdown__button--invalid,
+.adyen-checkout__dropdown__button--invalid:hover,
+.adyen-checkout__dropdown__button--invalid:required {
+	border: 1px solid var(--vpayments_missing_fg);
+	box-shadow: 0 0 0 2px var(--vpayments_missing_fg_80);
+}
+
+/* Dropdown list */
+.adyen-checkout__dropdown__list {
+    /* Dropdown list */
+    color: var(--vpayments_fg);
+}
+
+/* Checkout status container */
+.adyen-checkout__status {
+	border: none;
+}
+
+/* Adyen checkout dropin */
+.adyen-checkout__dropin {
+	width: 100%; /* since the container centers the content. */
+}

package/frontend/dist/frontend/src/css/volt.css

@@ -0,0 +1,70 @@
+/*
+Author: Daan van den Bergh
+Copyright: © 2022 Daan van den Bergh.
+*/
+
+/* On all elements. */
+* {
+	
+	/* Box sizing on all elements. */
+	box-sizing: border-box;
+	-webkit-box-sizing: border-box;
+	-mos-box-sizing: border-box;
+	-ms-box-sizing: border-box;
+	
+	/* Hide scrollbar. 
+	-webkit-scrollbar::display: none;
+	-ms-overflow-style: none;
+	scrollbar-width: none;
+	*/
+	
+}
+
+/*kill the transitions on any descendant elements of .volt_notransition*/
+.volt_notransition * {
+    transition: none !important;
+}
+
+/* Hide the scrollbar */
+.volt_hide_scrollbar {
+	-ms-overflow-style: none;  /* IE and Edge */
+  scrollbar-width: none;  /* Firefox */
+}
+.volt_hide_scrollbar::-webkit-scrollbar {
+	display: none;
+	background: transparent;
+	width: 0 !important
+}
+.volt_hide_scrollbar::-webkit-scrollbar:horizontal {
+	height: 0;
+  width: 0;
+  display: none;
+}
+/* */
+.volt_hide_scrollbar::-webkit-scrollbar-thumb { 
+  display: none;
+	background: transparent;
+}
+.volt_hide_scrollbar::-webkit-scrollbar-horizontal { 
+  height: 0.5em;
+  display: none;
+	background: transparent;
+}
+.volt_hide_scrollbar::-webkit-scrollbar-horizontal-track { 
+  display: none;
+	background: transparent;
+}
+.volt_hide_scrollbar::-webkit-scrollbar-thumb-horizontal { 
+  display: none;
+	background: transparent;
+}
+
+/* Ring loader keyframe. */
+@keyframes RingLoader {
+	0% {
+		transform: rotate(0deg);
+	}
+	100% {
+		transform: rotate(360deg);
+	}
+}

package/package.json

@@ -1,7 +1,7 @@
 {
     "author": "Daan van den Bergh",
     "name": "@vandenberghinc/volt",
-    "version": "1.1.28",
+    "version": "1.1.30",
     "description": "",
     "type": "module",
     "types": "./backend/dist/esm/volt.d.ts",
@@ -22,7 +22,7 @@
         "build": "npm run build:backend --silent && npm run build:backend:cjs --silent && npm run build:frontend --silent",
         "build:backend": "tsc -p backend/tsconfig.json",
         "build:backend:cjs": "vts --transform-esm --debug 1 --src backend/dist/esm/ --dest backend/dist/cjs/ --override --platform node --target es2023",
-        "build:frontend": "tsc -p frontend/tsconfig.json",
+        "build:frontend": "tsc -p frontend/tsconfig.json && rsync -az --delete frontend/src/css/ frontend/dist/frontend/src/css/",
         "start": "node start.js",
         "check-circular-dependencies": "npx madge --circular frontend/src/"
     },
@@ -35,8 +35,7 @@
     },
     "dependencies": {
         "@vandenberghinc/vhighlight": "^1.3.15",
-        "@vandenberghinc/vlib": "^1.6.29",
-        "@vandenberghinc/volt": "1.1.21",
+        "@vandenberghinc/vlib": "^1.6.32",
         "blob-stream": "^0.1.3",
         "esbuild": "^0.25.4",
         "mongodb": "^6.19.0",