aprog 2.3.0 → 2.3.2

package/index.js

@@ -23,7 +23,7 @@ export {
 } from './src/html.js';
 export { prism } from "./src/prism.js";
 export { uniquePage } from "./src/pages.js";
-export { state, wrap, toast, abort, useTableDrag } from "./src/helper.js";
+export { state, wrap, toast, abort, useTableDrag, callback } from "./src/helper.js";
 export { loadTranslations, translate } from "./src/translator.js";
 export { svg } from "./src/svg.js";
 export { Modal, modal, closeAllModals, closeThisModal } from "./src/modal.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "aprog",
-  "version": "2.3.0",
+  "version": "2.3.2",
   "description": "Допоміжна JavaScript-бібліотека для проєктів",
   "main": "index.js",
   "exports": {

package/src/helper.js

@@ -105,3 +105,12 @@ export const useTableDrag = (selectorOrElement, onReorder = null, time = 1000) =
 
   return { getOrder };
 };
+
+/**
+ * Creates a callback with predefined arguments.
+ *
+ * @param {Function} fn
+ * @param {...*} args
+ * @returns {Function}
+ */
+export const callback = (fn, ...args) => (...extra) => fn(...args, ...extra);

package/src/router.js

@@ -2,6 +2,11 @@ import NotFound from "./NotFound.js";
 
 /**
  * Ініціалізація роутера.
+ * @param routes
+ * @param main
+ * @param message
+ * @param props
+ * @returns {Promise<void>}
  */
 export const router = async ({routes, main, message = "", props = {}}) => {
     const renderRoute = async () => {
@@ -29,6 +34,8 @@ export const router = async ({routes, main, message = "", props = {}}) => {
 
 /**
  * Перехід без рендеру.
+ * @param path
+ * @param props
  */
 export const navigateTo = (path, props = {}) => {
     window.history.pushState(props, "", path);
@@ -36,6 +43,9 @@ export const navigateTo = (path, props = {}) => {
 
 /**
  * Перехід + рендер.
+ * @param path
+ * @param props
+ * @returns {Promise<void>}
  */
 export const navi = async (path, props = {}) => {
     window.history.pushState(props, "", path);
@@ -59,6 +69,9 @@ export const navi = async (path, props = {}) => {
  *     category_id: "15",
  *     product_id: "128"
  * }
+ * @param routePath
+ * @param path
+ * @returns {*|null}
  */
 const matchRoute = (routePath, path) => {
     const keys = [];
@@ -84,19 +97,28 @@ const matchRoute = (routePath, path) => {
 
 /**
  * Знаходить поточний route.
+ * @param routes
+ * @returns {{routeComponent: ((function({colors?: {backgroundColor: string, numberColor: string, textColor: string}, message?: string}): HTMLDivElement)|*), props: {}}|{routeComponent: RTCIceComponent, props: {}}}
  */
 const useRoutes = (routes) => {
     const path = window.location.pathname;
 
     for (const route of routes) {
         const params = matchRoute(route.path, path);
+
         if (params !== null) {
+            const props = {
+                ...(window.history.state || {}),
+                ...params,
+            };
+
+            if (props.title) {
+                document.title = props.title;
+            }
+
             return {
                 routeComponent: route.component,
-                props: {
-                    ...(window.history.state || {}),
-                    ...params,
-                },
+                props,
             };
         }
     }