@vandenberghinc/volt 1.1.26 → 1.1.28

package/frontend/dist/frontend/src/modules/request.d.ts

@@ -0,0 +1,70 @@
+/**
+ * @author Daan van den Bergh
+ * @copyright © 2022 - 2025 Daan van den Bergh.
+ */
+import type { RegisteredEndpoint } from "../../../backend/src/server.js";
+import type { APIError } from "../../../backend/src/stream.js";
+export declare namespace Request {
+    /** The method type. */
+    export type Method = "GET" | "POST" | "PUT" | "DELETE" | "PATCH" | "HEAD" | "OPTIONS";
+    /** The response data template base. */
+    type ResponseBodyBase = unknown | null | undefined | number | boolean | string | any[] | Record<string, any>;
+    /** The request data template base. */
+    type RequestBodyBase = unknown | null | undefined | string | Record<string, any>;
+    /**
+     * The detailed generic type for providing info for the {@link request} function.
+     */
+    export type Info<Method extends Request.Method, Endpoint extends string | RegExp, ParamsBody extends RequestBodyBase, SuccessBody extends ResponseBodyBase, ErrorBody extends ResponseBodyBase> = {
+        /** The HTTP method for the request. */
+        method: Method;
+        /** The route's endpoint or full url with domain, string or regex. */
+        endpoint: Endpoint;
+        /** The request payload (body) type. */
+        payload: ParamsBody;
+        /** The success result body type. */
+        result: SuccessBody;
+        /** The error result body type. */
+        error: ErrorBody;
+    };
+    /**
+     * Create request info from a registered endpoint.
+     */
+    export type InfoFromEndpoint<E extends RegisteredEndpoint<any, any, any>, SuccessBody extends ResponseBodyBase = undefined, ErrorBody extends ResponseBodyBase = undefined> = E extends RegisteredEndpoint<infer M, infer EP, infer P> ? Info<M extends undefined ? "GET" : M extends Method ? M : never, EP extends string ? EP : never, P, SuccessBody, ErrorBody> : never;
+    /** The request options. */
+    export interface Opts<Method extends Request.Method = "GET", Url extends string | RegExp = string, // use regex for backend support.
+    RequestBody extends RequestBodyBase = unknown> {
+        method?: Method;
+        url: Url;
+        data?: RequestBody;
+        json?: boolean;
+        credentials?: RequestCredentials;
+        headers?: Record<string, string>;
+    }
+    /** The returned result */
+    export type Result<SuccessBody extends ResponseBodyBase = unknown, ErrorBody extends ResponseBodyBase = unknown> = {
+        /** The request status. */
+        status: number;
+    } & ({
+        /** The api error from the backend {@link Stream.error}. */
+        error: APIError;
+        /** The error response body, always optional in case of body parsing failure. */
+        data?: ErrorBody;
+    } | {
+        /** The success response body. */
+        data: SuccessBody;
+        /** No API error from the backend {@link Stream.error} was found. */
+        error?: never;
+    });
+    /** The returned result by endpoint {@link Info} */
+    export type ResultFromInfo<Info extends Request.Info<any, any, any, any, any>> = Info extends Request.Info<any, any, any, infer S, infer E> ? Result<S, E> : never;
+    /** A promise to {@link Result}, for convenience. */
+    export type ResultPromise<SuccessBody extends ResponseBodyBase = unknown, ErrorBody extends ResponseBodyBase = unknown> = Promise<Result<SuccessBody, ErrorBody>>;
+    /** A promise to {@link Result} from endpoint {@link Info}, for convenience. */
+    export type ResultPromiseFromInfo<Info extends Request.Info<any, any, any, any, any>> = Info extends Request.Info<any, any, any, infer S, infer E> ? Promise<Result<S, E>> : never;
+    export {};
+}
+/**
+ * Make a request with a specific generic typing, optionally passing
+ * the request method, endpoint, request body and response body types.
+ */
+export declare function request<Info extends Request.Info<any, any, any, any, any>>(options: Info extends Request.Info<infer M, infer E, infer P, any, any> ? Request.Opts<M, E, P> : never): Promise<Info extends Request.Info<any, any, any, infer S, infer E> ? Request.Result<S, E> : never>;

package/frontend/dist/frontend/src/modules/request.js

@@ -0,0 +1,117 @@
+/**
+ * @author Daan van den Bergh
+ * @copyright © 2022 - 2025 Daan van den Bergh.
+ */
+/**
+ * Make a request with a specific generic typing, optionally passing
+ * the request method, endpoint, request body and response body types.
+ */
+export async function request(options) {
+    const { method = 'GET', url = null, data = null, json = true, credentials = "same-origin", headers = {}, } = options;
+    if (url instanceof RegExp) {
+        throw Error("The 'url' parameter cannot be a RegExp.");
+    }
+    // — prepare headers —
+    if (json && data != null && !headers['Content-Type']) {
+        headers['Content-Type'] = 'application/json';
+    }
+    // — build URL + body —
+    let finalUrl = url;
+    let body;
+    if (data != null && typeof data === 'object') {
+        if (method.toUpperCase() === 'GET') {
+            // @todo do without any cast.
+            finalUrl = `${url}?${new URLSearchParams(data).toString()}`;
+        }
+        else {
+            body = JSON.stringify(data);
+        }
+    }
+    else if (data != null) {
+        body = String(data);
+    }
+    const init = { method, credentials, headers };
+    if (body !== undefined)
+        init.body = body;
+    try {
+        const response = await fetch(finalUrl, init);
+        const status = response.status;
+        // — parse payload once —
+        let payload;
+        const clone = response.clone(); // @dev.
+        if (json) {
+            try {
+                payload = await response.json();
+            }
+            catch (e) {
+                // malformed JSON still counts as a “success” fetch
+                console.log("[debug] Unable to parse a json from response:", await clone.text(), "- Error: ", JSON.stringify(e, null, 4));
+                console.log("[debug] Response:", response);
+                return {
+                    status,
+                    error: { message: `Failed to parse JSON response: ${e.message}` },
+                };
+            }
+        }
+        else {
+            try {
+                payload = await response.text();
+            }
+            catch (e) {
+                return {
+                    status,
+                    error: { message: `Failed to parse text response: ${e.message}` },
+                };
+            }
+        }
+        // console.log("Payload", json, payload)
+        // — handle HTTP errors (4xx/5xx) by resolving with an error object —
+        if (!response.ok) {
+            // if server wrapped its error in { error: { message, type?, invalid_fields? }, … }
+            if (payload &&
+                typeof payload === 'object' &&
+                payload.error &&
+                typeof payload.error === 'object' &&
+                typeof payload.error.message === 'string') {
+                return {
+                    status,
+                    error: {
+                        message: payload.error.message,
+                        type: typeof payload.error.type === "string" ? payload.error.type : undefined,
+                        invalid_fields: payload.error.invalid_fields && typeof payload.error.invalid_fields === "object" && !Array.isArray(payload.error.invalid_fields)
+                            ? payload.error.invalid_fields
+                            : undefined,
+                    },
+                    data: payload.data,
+                };
+            }
+            // otherwise fall back to a generic single‐message error
+            const msg = typeof payload === 'string'
+                ? payload
+                : payload?.error?.toString() ?? JSON.stringify(payload);
+            return {
+                status,
+                error: { message: msg },
+                data: payload.data,
+            };
+        }
+        // — 2xx: success —
+        return { status, data: payload };
+    }
+    catch (networkErr) {
+        // genuine network / system failure
+        throw networkErr;
+    }
+}
+;
+// void request<{
+//     method: "GET",
+//     endpoint: "/example",
+//     payload: { id: string },
+//     result: { name: string, age: number },
+//     error: { reason: string }
+// }>({
+//     method: "GET",
+//     url: "/example",
+//     data: { id: "123" }
+// })

package/frontend/dist/frontend/src/modules/settings.d.ts

@@ -0,0 +1,3 @@
+export declare namespace Settings {
+    const production: boolean;
+}

package/frontend/dist/frontend/src/modules/settings.js

@@ -0,0 +1,5 @@
+// Settings.
+export var Settings;
+(function (Settings) {
+    Settings.production = "{{PRODUCTION}}";
+})(Settings || (Settings = {}));

package/frontend/dist/frontend/src/modules/statics.d.ts

@@ -0,0 +1,21 @@
+/**
+ * @author Daan van den Bergh
+ * @copyright © 2022 - 2025 Daan van den Bergh. All rights reserved
+ */
+export declare const Statics: {
+    aspect_ratios: any;
+    /**
+     * Retrieve the aspect ratio of a static endpoint.
+     *
+     * All aspect ratios are embedded into the compiled HTML document.
+     *
+     * @warning This function only works when the endpoint has been defined using the `Endpoint.view` attribute.
+     *
+     * @param endpoint The static image endpoint.
+     *
+     * @nav Frontend/Static
+     * @docs
+     */
+    aspect_ratio(endpoint: string): any;
+};
+export { Statics as statics };

package/frontend/dist/{modules → frontend/src/modules}/statics.js

@@ -1,6 +1,6 @@
-/*
- * Author: Daan van den Bergh
- * Copyright: © 2022 - 2024 Daan van den Bergh.
+/**
+ * @author Daan van den Bergh
+ * @copyright © 2022 - 2025 Daan van den Bergh. All rights reserved
  */
 // Static module
 if (window.volt_statics_aspect_ratios === undefined) {
@@ -13,21 +13,18 @@ export const Statics = {
     set aspect_ratios(aspect_ratios) {
         window.volt_statics_aspect_ratios = aspect_ratios;
     },
-    /*  @docs:
-        @nav: Frontend
-        @chapter: Static
-        @title: Aspect Ratio
-        @desc:
-            Retrieve the aspect ratio of a static endpoint.
-
-            All aspect ratios are embedded into the compiled HTML document.
-        @warning:
-            This function only works when the endpoint has been defined using the `Endpoint.view` attribute.
-        @param:
-            @name: endpoint
-            @type: string
-            @descr: The static image endpoint.
-    */
+    /**
+     * Retrieve the aspect ratio of a static endpoint.
+     *
+     * All aspect ratios are embedded into the compiled HTML document.
+     *
+     * @warning This function only works when the endpoint has been defined using the `Endpoint.view` attribute.
+     *
+     * @param endpoint The static image endpoint.
+     *
+     * @nav Frontend/Static
+     * @docs
+     */
     aspect_ratio(endpoint) {
         if (endpoint.charAt(0) !== "/") {
             endpoint = "/" + endpoint;

package/frontend/dist/frontend/src/modules/support.d.ts

@@ -0,0 +1,30 @@
+/**
+ * @author Daan van den Bergh
+ * @copyright © 2022 - 2025 Daan van den Bergh. All rights reserved
+ */
+import type { Users as UsersBackend } from "../../../backend/src/users.js";
+import { Attachment } from "./attachment.js";
+import { Request } from "./request.js";
+export declare namespace Support {
+    /**
+     * Submit a support contact form. The server will send an email to your registered SMTP mail.
+     *
+     * All provided argument keys will be included in the support mail, even the undefined parameters.
+     * Allows for a maximum of 5 attachments, each up to 5 MB in size.
+     * @nav Frontend/Support
+     * @returns Returns a promise with a successful submit response or a request error on a failed request.
+     * @param payload The request payload, see {@link UsersBackend.Endpoints.SubmitSupport.Params}.
+     * @docs
+     */
+    function submit(payload: Omit<UsersBackend.Endpoints.SubmitSupport["payload"], "attachments"> & {
+        attachments?: Attachment[];
+    }): Request.ResultPromiseFromInfo<UsersBackend.Endpoints.SubmitSupport>;
+    /**
+     * Get the support pin of an authenticated user.
+     * @nav Frontend/Support
+     * @returns Returns a promise that resolves with an object containing `pin` (the user's support pin) on success, or a request error on failure.
+     * @docs
+     */
+    function get_pin(): Request.ResultPromiseFromInfo<UsersBackend.Endpoints.GetSupportPin>;
+}
+export { Support as support };

package/frontend/dist/frontend/src/modules/support.js

@@ -0,0 +1,53 @@
+/**
+ * @author Daan van den Bergh
+ * @copyright © 2022 - 2025 Daan van den Bergh. All rights reserved
+ */
+import { request } from "./request.js";
+// Support module.
+export var Support;
+(function (Support) {
+    /**
+     * Submit a support contact form. The server will send an email to your registered SMTP mail.
+     *
+     * All provided argument keys will be included in the support mail, even the undefined parameters.
+     * Allows for a maximum of 5 attachments, each up to 5 MB in size.
+     * @nav Frontend/Support
+     * @returns Returns a promise with a successful submit response or a request error on a failed request.
+     * @param payload The request payload, see {@link UsersBackend.Endpoints.SubmitSupport.Params}.
+     * @docs
+     */
+    function submit(payload) {
+        if (payload.attachments) {
+            const total_attachments_size = payload.attachments.reduce((acc, it) => acc + it.size, 0);
+            if (total_attachments_size > 5 * 1024 * 1024) { // 5 MB total
+                throw new Error(`Total attachments size exceeds the maximum of 5 MB.`);
+            }
+        }
+        return request({
+            method: "POST",
+            url: "/volt/api/v1/support/submit",
+            data: {
+                ...payload,
+                attachments: payload.attachments?.map(a => a.to_rest_api({
+                    decompress: true,
+                    encoding: "base64",
+                }))
+            },
+        });
+    }
+    Support.submit = submit;
+    /**
+     * Get the support pin of an authenticated user.
+     * @nav Frontend/Support
+     * @returns Returns a promise that resolves with an object containing `pin` (the user's support pin) on success, or a request error on failure.
+     * @docs
+     */
+    function get_pin() {
+        return request({
+            method: "GET",
+            url: "/volt/api/v1/support/pin",
+        });
+    }
+    Support.get_pin = get_pin;
+})(Support || (Support = {}));
+export { Support as support }; // also export as lowercase for compatibility.

package/frontend/dist/{modules → frontend/src/modules}/theme.d.ts

@@ -1,10 +1,39 @@
+/**
+ * @author Daan van den Bergh
+ * @copyright © 2022 - 2025 Daan van den Bergh. All rights reserved
+ */
+/** Name of a theme attribute key. */
 type ThemeAttributeName = string;
+/** Identifier of a theme variant. */
 type ThemeId = "dark" | "light";
+/** Theme options for dark and light variants. */
 type ThemesOptions<ThemeOptions extends {}> = {
     dark: ThemeOptions;
     light: ThemeOptions;
 };
+/** Callback invoked when a theme is activated. */
 type OnActivateCallback<ThemeOptions extends {}> = (themes_class: Theme<ThemeOptions>, active_id: ThemeId) => void;
+/**
+ * A themes class to efficiently style the site using themes.
+ *
+ * The constructor arguments must be a theme style per theme name. Every theme variable should exist in all themes or it may cause undefined behaviour. The theme name that is passed first will be the active theme by default.
+ * ```
+ * Theme("main-theme", {
+ *     light: {
+ *         text_fg: "#000000",
+ *     },
+ *     dark: {
+ *         text_fg: "#FFFFFF",
+ *     },
+ * })
+ * ```
+ *
+ * When theme attributes are retrieved, by default they will be the active theme's attribute as a css variable. So this can be passed to an element.
+ * However, some element functions do not accept css variables, in this case the `value()` function can be used to retrieve the raw value. Do not forget to apply an `on_theme_update()` callback on the elements where you use this.
+ * @nav Frontend/Themes
+ * @note The `ThemesClass` is also initializable under function `Themes`.
+ * @docs
+ */
 export declare class Theme<ThemeOptions extends Record<string, any>> {
     active_id: ThemeId;
     active: ThemeOptions;
@@ -29,15 +58,46 @@ export declare class Theme<ThemeOptions extends Record<string, any>> {
     initialize(id?: ThemeId): this;
     /** Get full active theme id. */
     get id(): string;
+    /** Get cached active subtheme id from localStorage. */
     get_active_id_cached(): string;
+    /**
+     * Activate a theme and update CSS variables.
+     * @param id The theme id to activate.
+     * @param apply_theme_update Whether to call the global theme update hook after activation.
+     */
     activate(id: ThemeId, apply_theme_update?: boolean): this;
     on_activate(): OnActivateCallback<ThemeOptions> | undefined;
     on_activate(callback: OnActivateCallback<ThemeOptions>): this;
+    /**
+     * Toggle the active theme between "dark" and "light".
+     * @param apply_theme_update Whether to call the global theme update hook after toggling.
+     */
     toggle(apply_theme_update?: boolean): this;
+    /**
+     * Internal: add a theme attribute and expose it as a CSS variable-backed property.
+     * @param id The attribute name to add.
+     * @param theme Optional theme id used for initialization and gradient detection.
+     */
     _add_attr(id: string, theme?: ThemeId): void;
+    /**
+     * Assign a new value to a theme attribute and update its CSS variable for the active theme.
+     * @param theme The theme id to modify.
+     * @param key The attribute name.
+     * @param value The new value for the attribute.
+     */
     set(theme: ThemeId, key: string, value: any): this;
+    /** Get the raw active theme object. */
     get raw(): ThemeOptions;
+    /**
+     * Get the raw (non-CSS-variable) value of an attribute from the active theme.
+     * @param id The attribute name.
+     */
     value(id: ThemeAttributeName): any;
+    /**
+     * Create a new attribute for each theme using a callback and expose it as a CSS variable.
+     * @param id The new attribute name to create.
+     * @param create_theme_value Callback that returns the value for each theme.
+     */
     create<T = string>(id: string, create_theme_value: (theme_id: ThemeId, theme: ThemeOptions) => T): void;
     /**
      * Auto darken lighten a color from the theme
@@ -48,6 +108,12 @@ export declare class Theme<ThemeOptions extends Record<string, any>> {
      * @param percent Percentage between 0. and 1.0.
      */
     auto_darken_lighten(theme_attr: ThemeAttributeName, percent?: number, reversed?: boolean): string;
+    /**
+     * Set the opacity on a theme color, creating a derived CSS variable.
+     * Opacity must be a number `0.0` till `1.0`, and may also be an object with opacity per theme `{dark: 0.2, light: 0.35}`.
+     * @param theme_attr The source theme color attribute.
+     * @param opacity The opacity value or per-theme map.
+     */
     opacity(theme_attr: ThemeAttributeName, opacity?: number): string;
     /**
      * Create a new value by multiplying a numeric attribute.
@@ -61,6 +127,7 @@ export declare class Theme<ThemeOptions extends Record<string, any>> {
     /** Function to re-enable all transition attributes on all elements. */
     enable_transitions(delay?: number): this;
 }
+/** Interface merge to expose theme attributes as properties from ThemeOptions on Theme instances. */
 export interface Theme<ThemeOptions extends Record<string, any>> extends ThemeOptions {
 }
 export {};

package/frontend/dist/{modules → frontend/src/modules}/theme.js

@@ -1,36 +1,34 @@
-/*
- * Author: Daan van den Bergh
- * Copyright: © 2022 - 2024 Daan van den Bergh.
+/**
+ * @author Daan van den Bergh
+ * @copyright © 2022 - 2025 Daan van den Bergh. All rights reserved
  */
 // Imports.
 import { Color } from "./color.js";
 import { Themes as ThemesModule } from "./themes.js";
+/** List of supported theme identifiers. */
 const ThemeIdList = ["dark", "light"];
-// Themes class.
-/* 	@docs:
-    @nav: Frontend
-    @chapter: Themes
-    @note: The `ThemesClass` is also initializable under function `Themes`.
-    @desc:
-        A themes class to efficiently style the site using themes.
-
-        The constructor arguments must be a theme style per theme name. Every theme variable should exist in all themes or it may cause undefined behaviour. The theme name that is passed first will be the active theme by default.
-        ```
-        Theme("main-theme", {
-            light: {
-                text_fg: "#000000",
-            },
-            dark: {
-                text_fg: "#FFFFFF",
-            },
-        })
-        ```
-
-        When theme attributes are retrieved, by default they will be the active theme's attribute as a css variable. So this can be passed to an element.
-        However, some element functions do not accept css variables, in this case the `value()` function can be used to retrieve the raw value. Do not forget to apply an `on_theme_update()` callback on the elements where you use this.
+/**
+ * A themes class to efficiently style the site using themes.
+ *
+ * The constructor arguments must be a theme style per theme name. Every theme variable should exist in all themes or it may cause undefined behaviour. The theme name that is passed first will be the active theme by default.
+ * ```
+ * Theme("main-theme", {
+ *     light: {
+ *         text_fg: "#000000",
+ *     },
+ *     dark: {
+ *         text_fg: "#FFFFFF",
+ *     },
+ * })
+ * ```
+ *
+ * When theme attributes are retrieved, by default they will be the active theme's attribute as a css variable. So this can be passed to an element.
+ * However, some element functions do not accept css variables, in this case the `value()` function can be used to retrieve the raw value. Do not forget to apply an `on_theme_update()` callback on the elements where you use this.
+ * @nav Frontend/Themes
+ * @note The `ThemesClass` is also initializable under function `Themes`.
+ * @docs
  */
 export class Theme {
-    // helper: union of all keys across all themes
     // Attributes.
     active_id;
     active;
@@ -97,11 +95,15 @@ export class Theme {
     get id() {
         return `${this._id}.${String(this.active_id)}`;
     }
-    // Get cached active subtheme id.
+    /** Get cached active subtheme id from localStorage. */
     get_active_id_cached() {
         return localStorage.getItem(this._id) ?? "";
     }
-    // Activate a theme.
+    /**
+     * Activate a theme and update CSS variables.
+     * @param id The theme id to activate.
+     * @param apply_theme_update Whether to call the global theme update hook after activation.
+     */
     activate(id, apply_theme_update = true) {
         if (ThemeIdList.includes(id) === false || this[id] === undefined) {
             throw Error(`Theme "${id}" does not exist.`);
@@ -125,6 +127,11 @@ export class Theme {
         localStorage.setItem(this._id, String(this.active_id));
         return this;
     }
+    /**
+     * Get or set the callback invoked after a theme is activated.
+     * When called without a callback, returns the currently set callback.
+     * @param callback The callback to invoke with the theme instance and active id after activation.
+     */
     on_activate(callback) {
         if (callback == null) {
             return this._on_activate_callback;
@@ -132,7 +139,10 @@ export class Theme {
         this._on_activate_callback = callback;
         return this;
     }
-    // Toggle themes.
+    /**
+     * Toggle the active theme between "dark" and "light".
+     * @param apply_theme_update Whether to call the global theme update hook after toggling.
+     */
     toggle(apply_theme_update = true) {
         const other = this.active_id === "dark" ? "light" : "dark";
         this.activate(other, apply_theme_update);
@@ -140,7 +150,11 @@ export class Theme {
     }
     // ---------------------------------------------------------------------
     // Adding values.
-    // Add a new attribute.
+    /**
+     * Internal: add a theme attribute and expose it as a CSS variable-backed property.
+     * @param id The attribute name to add.
+     * @param theme Optional theme id used for initialization and gradient detection.
+     */
     _add_attr(id, theme) {
         if (theme == null) {
             this._css_vars[id] = `var(--${this._id}_${id})`;
@@ -173,7 +187,12 @@ export class Theme {
         });
         this._attrs.append(id);
     }
-    // Assign a new value.
+    /**
+     * Assign a new value to a theme attribute and update its CSS variable for the active theme.
+     * @param theme The theme id to modify.
+     * @param key The attribute name.
+     * @param value The new value for the attribute.
+     */
     set(theme, key, value) {
         // Update theme.
         const theme_style = this[theme];
@@ -194,10 +213,14 @@ export class Theme {
         // Response.
         return this;
     }
+    /** Get the raw active theme object. */
     get raw() {
         return this.active;
     }
-    // Get raw value.
+    /**
+     * Get the raw (non-CSS-variable) value of an attribute from the active theme.
+     * @param id The attribute name.
+     */
     value(id) {
         if (this.active === undefined) {
             return;
@@ -206,7 +229,11 @@ export class Theme {
     }
     // ---------------------------------------------------------------------
     // Color manipulation methods.
-    // Create a new color for each theme.
+    /**
+     * Create a new attribute for each theme using a callback and expose it as a CSS variable.
+     * @param id The new attribute name to create.
+     * @param create_theme_value Callback that returns the value for each theme.
+     */
     create(id, create_theme_value) {
         // Already created.
         if (this._css_vars[id]) {
@@ -253,8 +280,12 @@ export class Theme {
         });
         return this._css_vars[full_id];
     }
-    // Opacity.
-    // Opacity must be a number `0.0` till `1.0`, and may also be an object with opacity pet theme `{dark: 0.2, light: 0.35}`.
+    /**
+     * Set the opacity on a theme color, creating a derived CSS variable.
+     * Opacity must be a number `0.0` till `1.0`, and may also be an object with opacity per theme `{dark: 0.2, light: 0.35}`.
+     * @param theme_attr The source theme color attribute.
+     * @param opacity The opacity value or per-theme map.
+     */
     opacity(theme_attr, opacity = 1.0) {
         // Create full id.
         let full_id;
@@ -342,7 +373,7 @@ export class Theme {
         //     *::before { transition: none !important; }
         // `.dedent();
         // document.head.appendChild(style);
-        document.body.classList.add("notransition");
+        document.body.classList.add("volt_notransition");
         // Force a reflow to apply the new styles immediately
         // document.head.getBoundingClientRect();
         void document.body.offsetHeight;
@@ -354,7 +385,7 @@ export class Theme {
             setTimeout(() => this.enable_transitions(0), delay);
             return this;
         }
-        document.body.classList.remove("notransition");
+        document.body.classList.remove("volt_notransition");
         // const style = document.getElementById('__libris_thme_disable_transitions__');
         // if (style) {
         //     style.remove();
@@ -363,4 +394,3 @@ export class Theme {
         return this;
     }
 }
-// export type ExtendTheme<ThemeOptions extends Record<string, any>> = Theme<any>;

package/frontend/dist/frontend/src/modules/themes.d.ts

@@ -0,0 +1,12 @@
+/**
+ * @author Daan van den Bergh
+ * @copyright © 2022 - 2025 Daan van den Bergh. All rights reserved
+ */
+interface ThemeElement {
+    element: any;
+}
+export declare namespace Themes {
+    const theme_elements: ThemeElement[];
+    function apply_theme_update(): void;
+}
+export { Themes as themes };