silentium-components 0.0.1

package/.husky/pre-commit

@@ -0,0 +1 @@
+npm run build-doc;

package/.vscode/settings.json

@@ -0,0 +1,4 @@
+{
+    "liveServer.settings.port": 5500,
+    "npm-scripts.showStartNotification": false
+}

package/CHANGELOG.md

@@ -0,0 +1,165 @@
+# Changelog
+
+All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
+
+### 0.0.1 (2025-04-12)
+
+## [1.20.0](https://github.com/kosukhin/patron-web-api/compare/v1.19.0...v1.20.0) (2025-04-05)
+
+
+### Features
+
+* **3-issue:** docs init ([13caf63](https://github.com/kosukhin/patron-web-api/commit/13caf638789914c5099e50897fb9e0c9e0b239db))
+* **3-issue:** initial docs template done ([fca3397](https://github.com/kosukhin/patron-web-api/commit/fca33976331ca25be7bbc2c43beb2e1998b5749e))
+* **main:** initial docs files ([1299608](https://github.com/kosukhin/patron-web-api/commit/12996082d98188256fefc0673a5f1e35df934421))
+
+## [1.19.0](https://github.com/kosukhin/patron-web-api/compare/v1.18.0...v1.19.0) (2025-03-30)
+
+
+### Features
+
+* **1-issue:** rename source ([6baa09f](https://github.com/kosukhin/patron-web-api/commit/6baa09f8404a571149e82ef42e9e286f5e5db01b))
+* **1-issue:** rework source classes ([981693d](https://github.com/kosukhin/patron-web-api/commit/981693d1dc401f68f14d32a100174610d1392aba))
+* **1-issue:** tests on js dom ([1e5f732](https://github.com/kosukhin/patron-web-api/commit/1e5f732ef995ade67c9ecec1d0a262d342c77d62))
+* **1-issue:** work on source renaming ([961aba4](https://github.com/kosukhin/patron-web-api/commit/961aba4f0698481c297f6011c02acb29a4dbf918))
+
+## [1.18.0](https://github.com/kosukhin/patron-web-api/compare/v1.17.0...v1.18.0) (2025-02-15)
+
+
+### Features
+
+* **main:** fix navigation ([3c344ac](https://github.com/kosukhin/patron-web-api/commit/3c344acdb231f21ae1f6a8d957324308daadcff1))
+
+## [1.17.0](https://github.com/kosukhin/patron-web-api/compare/v1.16.0...v1.17.0) (2025-01-22)
+
+
+### Features
+
+* **main:** add pull to current page ([8bb248e](https://github.com/kosukhin/patron-web-api/commit/8bb248e71a5412d39ce0f218c5b63420d9d11b77))
+* **main:** input source pool ([6516b9e](https://github.com/kosukhin/patron-web-api/commit/6516b9e8125c75450957b7307c33d837cced4db6))
+* **main:** update guest chain ([34324e6](https://github.com/kosukhin/patron-web-api/commit/34324e6756ed4ff249df7192ba2ea96d8d0fc293))
+
+## [1.16.0](https://github.com/kosukhin/patron-web-api/compare/v1.15.0...v1.16.0) (2024-11-14)
+
+
+### Features
+
+* **main:** решил ошибку динамических ссылок preventDefault не работал ([7fd2ced](https://github.com/kosukhin/patron-web-api/commit/7fd2ced7597146baff4ff7d1ef97f5e3f4a2d88e))
+
+## [1.15.0](https://github.com/kosukhin/patron-web-api/compare/v1.14.0...v1.15.0) (2024-11-12)
+
+
+### Features
+
+* **main:** link может ходить по абсолютным ссылкам ([fa40c81](https://github.com/kosukhin/patron-web-api/commit/fa40c8109bd3bba61ad624dfddd34abfbcec17fe))
+
+## [1.14.0](https://github.com/kosukhin/patron-web-api/compare/v1.13.0...v1.14.0) (2024-11-09)
+
+
+### Features
+
+* **main:** link может управлять элементами которых еще нет ([ada3556](https://github.com/kosukhin/patron-web-api/commit/ada3556b7a753b1eebdcb9821707187947eb3a86))
+
+## [1.13.0](https://github.com/kosukhin/patron-web-api/compare/v1.12.1...v1.13.0) (2024-11-08)
+
+
+### Features
+
+* **main:** убрать гость мидл ([d31fc90](https://github.com/kosukhin/patron-web-api/commit/d31fc90e8ea14bf4c8bc0ba04a4bfca3aed01d3f))
+
+### [1.12.1](https://github.com/kosukhin/patron-web-api/compare/v1.12.0...v1.12.1) (2024-11-08)
+
+## [1.12.0](https://github.com/kosukhin/patron-web-api/compare/v1.11.0...v1.12.0) (2024-11-04)
+
+
+### Features
+
+* **main:** в navigation добавлена обработка wildcard ([71d1708](https://github.com/kosukhin/patron-web-api/commit/71d17085450ae89dc4027024f3b13bee1f8ac92d))
+
+## [1.11.0](https://github.com/kosukhin/patron-web-api/compare/v1.10.0...v1.11.0) (2024-11-03)
+
+
+### Features
+
+* **main:** link может работать с несколькими элементами ([5a7d2f0](https://github.com/kosukhin/patron-web-api/commit/5a7d2f060cae29534a8bd78c6daedf0d82f96cb3))
+
+## [1.10.0](https://github.com/kosukhin/patron-web-api/compare/v1.9.0...v1.10.0) (2024-11-02)
+
+
+### Features
+
+* **main:** наработка по алиасам навигации ([57b4ac2](https://github.com/kosukhin/patron-web-api/commit/57b4ac22d02d1c1e66791c8c108be6138f51cf13))
+* **main:** сделать удобную команду релиза ([567fd60](https://github.com/kosukhin/patron-web-api/commit/567fd60f9bfaf2cad1bd3384af04c03e4a64e30b))
+
+## [1.9.0](https://github.com/kosukhin/patron-web-api/compare/v1.8.0...v1.9.0) (2024-11-02)
+
+
+### Features
+
+* **main:** доделал логику алиасов для navigation ([4852bea](https://github.com/kosukhin/patron-web-api/commit/4852bea60f728518cc74424225611ffd741a6837))
+* **main:** работа по поддержке алиасов в navigation ([f2d72eb](https://github.com/kosukhin/patron-web-api/commit/f2d72ebeabbd0f5420e8a12e77b399953edf9ca8))
+
+## [1.8.0](https://github.com/kosukhin/patron-web-api/compare/v1.7.0...v1.8.0) (2024-11-02)
+
+
+### Features
+
+* **main:** адаптировать код к версии paron с value-give ([81c06ef](https://github.com/kosukhin/patron-web-api/commit/81c06ef3e837a6c205c36863c88d56437a9357d7))
+
+## [1.7.0](https://github.com/kosukhin/patron-web-api/compare/v1.6.0...v1.7.0) (2024-11-01)
+
+
+### Features
+
+* **main:** страницы с энтри поинтами ([b31a130](https://github.com/kosukhin/patron-web-api/commit/b31a130eaa73e9a4bef28e5b32f2ebbcde729864))
+
+## [1.6.0](https://github.com/kosukhin/patron-web-api/compare/v1.5.0...v1.6.0) (2024-11-01)
+
+
+### Features
+
+* **main:** исправление явных ошибок в Navigation классе ([5d21632](https://github.com/kosukhin/patron-web-api/commit/5d21632956df0bed0a19795326b60d0449c51913))
+* **main:** улучшения логики и форматирования ([e000995](https://github.com/kosukhin/patron-web-api/commit/e000995185132a225903034e20800bdbc0bc9ff1))
+
+## [1.5.0](https://github.com/kosukhin/patron-web-api/compare/v1.4.0...v1.5.0) (2024-10-31)
+
+
+### Features
+
+* **main:** добавить publish скрипт ([0408b81](https://github.com/kosukhin/patron-web-api/commit/0408b81e8ef94a6bfbe99d27f4decf938f1494b2))
+* **main:** доделал роутинг и базовые компоненты ([7135b1b](https://github.com/kosukhin/patron-web-api/commit/7135b1b0211d0026a5865092ed590cedd4250d30))
+* **main:** нарабокти по навигации ([335c1b4](https://github.com/kosukhin/patron-web-api/commit/335c1b48e3f336dbce7496d6e5ca74c5c9115055))
+
+## 1.4.0 (2024-10-30)
+
+
+### Features
+
+* **main:** доделал основные компоненты ([043ff6a](https://github.com/kosukhin/patron-web-api/commit/043ff6a4c75d085cdaadf7232349cd0c7314cc71))
+* **main:** изменить название библиотеки ([6e13618](https://github.com/kosukhin/patron-web-api/commit/6e136187e207a8366891f4582a80de2284e0aa9b))
+* **main:** наработка с примером роутера ([99057f4](https://github.com/kosukhin/patron-web-api/commit/99057f40947113d2e262e7f3065fe124af3ec41f))
+* **main:** наработки для исключения зависимостей и Route ([cb350fe](https://github.com/kosukhin/patron-web-api/commit/cb350fe34c953f170fb28eafd2dba8a6e01ed487))
+* **main:** наработки по комопнентам и оптимизация Navigation ([af7bf44](https://github.com/kosukhin/patron-web-api/commit/af7bf446261c3961352e9b689c139a0ee8b8def5))
+* **main:** настроить общий index.ts ([6bd70be](https://github.com/kosukhin/patron-web-api/commit/6bd70be70e7ba5223f3ef3421b119cf27624987c))
+* **main:** роут сделал ([20ca58b](https://github.com/kosukhin/patron-web-api/commit/20ca58b5d00b3f9296d203dd4fcfd273655fd91f))
+
+## [1.3.0](https://github.com/kosukhin/patron-web-api/compare/v1.2.0...v1.3.0) (2024-10-27)
+
+
+### Features
+
+* **main:** настроить общий index.ts ([6bd70be](https://github.com/kosukhin/patron-web-api/commit/6bd70be70e7ba5223f3ef3421b119cf27624987c))
+
+## [1.2.0](https://github.com/kosukhin/patron-web-api/compare/v1.1.0...v1.2.0) (2024-10-27)
+
+
+### Features
+
+* **main:** изменить название библиотеки ([6e13618](https://github.com/kosukhin/patron-web-api/commit/6e136187e207a8366891f4582a80de2284e0aa9b))
+
+## 1.1.0 (2024-10-27)
+
+
+### Features
+
+* **main:** роут сделал ([20ca58b](https://github.com/kosukhin/patron-web-api/commit/20ca58b5d00b3f9296d203dd4fcfd273655fd91f))

package/LICENSE.md

@@ -0,0 +1,7 @@
+Copyright (c) 2025 Silentium Lab
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

package/README.md

@@ -0,0 +1,4 @@
+# Patron components
+
+Коллекция готовых компонентов
+    

package/beforeRelease.sh

@@ -0,0 +1,11 @@
+#!/bin/bash
+
+current_branch=$(git rev-parse --abbrev-ref HEAD)
+
+if [ "$current_branch" != "main" ]; then
+  echo "Error: Current branch not 'main'. Release impossible you are on '$current_branch'."
+  exit 1
+fi
+
+echo "Current branch — 'main'."
+exit 0

package/commitizen.cjs

@@ -0,0 +1,50 @@
+const { execSync } = require("child_process");
+
+function getGitBranch() {
+  const res = execSync("git rev-parse --abbrev-ref HEAD", { encoding: "utf8" });
+  return res.trim();
+}
+
+module.exports = {
+  types: [
+    {
+      value: "feat",
+      name: "feat: Добавление нового функционала",
+    },
+    {
+      value: "refactor",
+      name: "refactor: Правки кода без исправления ошибок или добавления новых функций",
+    },
+    {
+      value: "fix",
+      name: "fix: Исправление ошибок",
+    },
+    {
+      value: "build",
+      name: "build: Сборка проекта или изменения внешних зависимостей",
+    },
+    {
+      value: "docs",
+      name: "docs: Обновление документации",
+    },
+    {
+      value: "docs",
+      name: "docs: Правки по документации проекта или отдельных частей проекта",
+    },
+    {
+      value: "test",
+      name: "test: Добавление тестов",
+    },
+  ],
+  scopes: [
+    {
+      name: getGitBranch(),
+    },
+  ],
+
+  allowCustomScopes: true,
+
+  allowBreakingChanges: false,
+
+  subjectLimit: 72,
+};

package/dist/patron-components.cjs

@@ -0,0 +1,372 @@
+'use strict';
+
+var patronOop = require('patron-oop');
+var patronWebApi = require('patron-web-api');
+
+class PageFetchTransport {
+  constructor(basePath, template) {
+    this.basePath = basePath;
+    this.template = template;
+  }
+  content(guest) {
+    fetch(this.basePath + "/" + this.template).then((result) => {
+      return result.text();
+    }).then((result) => {
+      patronOop.give(result, guest);
+    });
+  }
+}
+
+class Navigation {
+  constructor(loading, basePath, currentPage, display, pageTransport) {
+    this.loading = loading;
+    this.basePath = basePath;
+    this.currentPage = currentPage;
+    this.display = display;
+    this.pageTransport = pageTransport;
+  }
+  routes(routes) {
+    const defaultRoute = routes.find((route) => route.default);
+    const all = new patronOop.SourceAll();
+    patronOop.value(this.basePath, new patronOop.Patron(all.guestKey("basePath")));
+    patronOop.value(this.currentPage, new patronOop.Patron(all.guestKey("currentPage")));
+    all.value(
+      new patronOop.Patron(({ basePath, currentPage }) => {
+        const urlWithoutBasePath = currentPage.replace(basePath, "");
+        const routeMatchedToAlias = routes.find(
+          (route2) => route2.aliases && (route2.aliases.includes(currentPage) || route2.aliases.includes(urlWithoutBasePath))
+        );
+        if (routeMatchedToAlias) {
+          const correctUrl = basePath + routeMatchedToAlias.url;
+          if (correctUrl !== currentPage) {
+            patronOop.give(correctUrl, this.currentPage);
+            return;
+          }
+        }
+        let route = routes.find((route2) => {
+          if (route2.url.indexOf("*") >= 0) {
+            const regexp = new RegExp(
+              route2.url.replaceAll("*", ".*").replaceAll("/", "/")
+            );
+            return regexp.test(urlWithoutBasePath);
+          }
+          return route2.url.replaceAll("*", "") === urlWithoutBasePath;
+        });
+        if (!route && defaultRoute) {
+          route = defaultRoute;
+        }
+        if (route) {
+          const basePathWithoutHash = basePath.replace("/#", "").replace("#", "").replace(/[^/]+\.html$/, "");
+          patronOop.give(true, this.loading);
+          this.pageTransport.get(basePathWithoutHash, route.template).content((templateContent) => {
+            this.display.display(templateContent);
+            route.page.mounted();
+            patronOop.give(false, this.loading);
+          });
+        } else {
+          throw new Error("No matching route in Navigation");
+        }
+      })
+    );
+  }
+}
+
+class RouteDisplay {
+  constructor(selector) {
+    this.selector = selector;
+  }
+  display(content) {
+    const contentEl = document.querySelector(this.selector);
+    if (contentEl) {
+      contentEl.innerHTML = content;
+    }
+  }
+}
+
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, key + "" , value);
+class CurrentPage {
+  constructor() {
+    __publicField(this, "source");
+    const correctUrl = location.href.replace(location.origin, "");
+    this.source = new patronOop.SourceWithPool(correctUrl);
+  }
+  give(value) {
+    this.source.give(value);
+    return this;
+  }
+  value(guest) {
+    this.source.value(guest);
+    return guest;
+  }
+  pool() {
+    return this.source.pool();
+  }
+}
+
+class Input {
+  constructor(source, selector) {
+    this.source = source;
+    const el = document.querySelector(selector);
+    this.source.value(
+      new patronOop.Patron((value) => {
+        el.value = String(value);
+      })
+    );
+    el.addEventListener("keyup", () => {
+      this.give(el.value);
+    });
+    el.addEventListener("change", () => {
+      this.give(el.value);
+    });
+  }
+  value(guest) {
+    this.source.value(guest);
+    return this;
+  }
+  give(value) {
+    this.source.give(value);
+    return this;
+  }
+  pool() {
+    return this.source.pool();
+  }
+}
+
+class Visible {
+  constructor(selector) {
+    this.selector = selector;
+  }
+  give(isVisible) {
+    const el = document.querySelector(this.selector);
+    if (el) {
+      el.style.display = isVisible ? "block" : "none";
+    }
+    return this;
+  }
+}
+
+class Text {
+  constructor(selector) {
+    this.selector = selector;
+  }
+  give(value) {
+    const element = document.querySelector(this.selector);
+    if (element) {
+      element.innerText = String(value);
+    }
+    return this;
+  }
+}
+
+class Link {
+  constructor(linkSource, basePath) {
+    this.linkSource = linkSource;
+    this.basePath = basePath;
+  }
+  watchClick(selector, subselector) {
+    const wrapperEl = document.querySelectorAll(selector);
+    if (wrapperEl.length) {
+      wrapperEl.forEach((theElement) => {
+        theElement.addEventListener("click", (e) => {
+          if (subselector) {
+            theElement.querySelectorAll(subselector).forEach((theSubElement) => {
+              if (e?.target === theSubElement || e?.currentTarget === theSubElement) {
+                this.handleClick({
+                  preventDefault: e.preventDefault.bind(e),
+                  target: theSubElement
+                });
+              }
+            });
+          } else {
+            this.handleClick(e);
+          }
+        });
+      });
+    } else {
+      throw new Error(`Link wrapper not found for selector ${selector}`);
+    }
+  }
+  handleClick(e) {
+    let href = e?.target?.getAttribute("href");
+    if (!href) {
+      href = e?.currentTarget?.getAttribute("href");
+    }
+    if (href && href.indexOf("http") !== 0) {
+      e.preventDefault();
+      patronOop.value(this.basePath, (basePath) => {
+        this.linkSource.give(basePath + href);
+      });
+    }
+  }
+}
+
+class ComputedElement {
+  constructor(sources, selectorTemplate) {
+    this.sources = sources;
+    this.selectorTemplate = selectorTemplate;
+  }
+  element(guest) {
+    const chain = new patronOop.SourceAll();
+    this.sources.forEach((source) => {
+      source.source.value(
+        new patronOop.GuestCast(guest, chain.guestKey(source.placeholder))
+      );
+    });
+    chain.value(
+      new patronOop.GuestCast(
+        guest,
+        (placeholders) => {
+          let selectorTemplate = this.selectorTemplate;
+          Object.entries(placeholders).map((entry) => {
+            selectorTemplate = selectorTemplate.replaceAll(entry[0], entry[1]);
+          });
+          const element = document.querySelector(
+            selectorTemplate
+          );
+          if (element) {
+            patronOop.give(element, guest);
+          }
+        }
+      )
+    );
+  }
+}
+
+class GroupActiveClass {
+  constructor(activeClass, groupSelector, document) {
+    this.activeClass = activeClass;
+    this.groupSelector = groupSelector;
+    this.document = document;
+  }
+  give(element) {
+    patronOop.value(
+      this.document,
+      new patronOop.PatronOnce((document) => {
+        document.querySelectorAll(this.groupSelector).forEach((el) => {
+          el.classList.remove(this.activeClass);
+        });
+        element.classList.add(this.activeClass);
+      })
+    );
+    return this;
+  }
+}
+
+class Router {
+  constructor(loaderSelector, navigationResultSelector, menuSelector) {
+    this.loaderSelector = loaderSelector;
+    this.navigationResultSelector = navigationResultSelector;
+    this.menuSelector = menuSelector;
+  }
+  routes(routes, currentPage, basePathSource, afterPageLoaded) {
+    if (!currentPage) {
+      currentPage = new CurrentPage();
+    }
+    currentPage.value(new patronOop.Patron(new patronWebApi.HistoryNewPage()));
+    const [basePath] = location.href.replace(location.origin, "").split("#");
+    if (!basePathSource) {
+      basePathSource = new patronOop.SourceWithPool(
+        `${basePath}#`.replace("index.html", "").replace("//", "/")
+      );
+    }
+    const pageLoading = new patronOop.SourceWithPool(false);
+    pageLoading.value(new patronOop.Patron(new Visible(this.loaderSelector)));
+    const historyPoppedPage = new patronWebApi.HistoryPoppedPage(currentPage);
+    historyPoppedPage.watchPop();
+    const navigation = new Navigation(
+      pageLoading,
+      basePathSource,
+      currentPage,
+      new RouteDisplay(this.navigationResultSelector),
+      new patronOop.PrivateClass(PageFetchTransport)
+    );
+    navigation.routes(routes);
+    const link = new Link(currentPage, basePathSource);
+    link.watchClick(this.menuSelector);
+    const urlChain = new patronOop.SourceAll();
+    basePathSource.value(new patronOop.Patron(urlChain.guestKey("basePath")));
+    currentPage.value(new patronOop.Patron(urlChain.guestKey("page")));
+    const url = new patronOop.Source((guest) => {
+      urlChain.value(
+        new patronOop.GuestCast(guest, ({ basePath: basePath2, page }) => {
+          patronOop.give(page.replace(basePath2, ""), guest);
+        })
+      );
+    });
+    const activeLink = new ComputedElement(
+      [{ source: url, placeholder: "{url}" }],
+      `${this.menuSelector} a[href="{url}"]`
+    );
+    activeLink.element(
+      new patronOop.Patron(
+        new GroupActiveClass(
+          "active",
+          `${this.menuSelector} a`,
+          patronOop.sourceOf(document)
+        )
+      )
+    );
+    pageLoading.value(
+      new patronOop.Patron((isInLoading) => {
+        if (isInLoading) {
+          return;
+        }
+        if (afterPageLoaded) {
+          afterPageLoaded();
+        }
+        const divDestination = document.querySelector(
+          this.navigationResultSelector
+        );
+        if (divDestination) {
+          divDestination.querySelectorAll("script").forEach((x) => {
+            const sc = document.createElement("script");
+            sc.setAttribute("type", "module");
+            sc.appendChild(document.createTextNode(x.innerText));
+            divDestination.appendChild(sc);
+          });
+        }
+      })
+    );
+  }
+}
+
+class Page {
+  constructor(title) {
+    this.title = title;
+  }
+  mounted() {
+    document.title = this.title;
+  }
+}
+
+class EntryPointPage {
+  constructor(title, entryPointUrl) {
+    this.title = title;
+    this.entryPointUrl = entryPointUrl;
+  }
+  mounted() {
+    document.title = this.title;
+    import(this.entryPointUrl).then((module) => {
+      if (module.main) {
+        module.main();
+      }
+    });
+  }
+}
+
+exports.ComputedElement = ComputedElement;
+exports.CurrentPage = CurrentPage;
+exports.EntryPointPage = EntryPointPage;
+exports.GroupActiveClass = GroupActiveClass;
+exports.Input = Input;
+exports.Link = Link;
+exports.Navigation = Navigation;
+exports.Page = Page;
+exports.PageFetchTransport = PageFetchTransport;
+exports.RouteDisplay = RouteDisplay;
+exports.Router = Router;
+exports.Text = Text;
+exports.Visible = Visible;
+//# sourceMappingURL=patron-components.cjs.map