silentium-components 0.0.65 → 0.0.67

package/src/structures/Record.concatenated.test.ts

@@ -1,17 +1,17 @@
-import { late, of, shared } from "silentium";
-import { concatenated } from "../strings";
-import { recordOf } from "../structures/RecordOf";
+import { Late, Of, Shared } from "silentium";
+import { Concatenated } from "../strings";
+import { RecordOf } from "../structures/RecordOf";
 import { expect, test, vi } from "vitest";
 
 test("Record.concatenated.test", () => {
-  const three = of<string>("three");
-  const concatPart = late<string>("part");
-  const r = shared(
-    recordOf({
-      one: of("one"),
-      two: of("two"),
+  const three = Of<string>("three");
+  const concatPart = Late<string>("part");
+  const r = Shared(
+    RecordOf({
+      one: Of("one"),
+      two: Of("two"),
       three,
-      nested: concatenated([of("one"), concatPart.event]),
+      nested: Concatenated([Of("one"), concatPart.event]),
     }),
   );
   const g = vi.fn();

package/src/structures/Record.nested.test.ts

@@ -1,16 +1,16 @@
-import { of } from "silentium";
+import { Of } from "silentium";
 import { expect, test, vi } from "vitest";
-import { recordOf } from "./RecordOf";
+import { RecordOf } from "./RecordOf";
 
 test("Record.nested.test", () => {
-  const three = of<string>("three");
-  const recordSrc = recordOf({
-    one: of("one"),
-    two: of("two"),
+  const three = Of<string>("three");
+  const recordSrc = RecordOf({
+    one: Of("one"),
+    two: Of("two"),
     three,
-    nested: recordOf({
-      four: of("four"),
-      five: of("five"),
+    nested: RecordOf({
+      four: Of("four"),
+      five: Of("five"),
     }),
   });
   const g = vi.fn();

package/src/structures/RecordOf.ts

@@ -1,22 +1,22 @@
-import { all, EventType } from "silentium";
+import { All, EventType } from "silentium";
 
 type UnInformation<T> = T extends EventType<infer U> ? U : never;
 
 /**
- * Returns record of data from record of sources
+ * Returns record Of data from record Of sources
  * https://silentium-lab.github.io/silentium-components/#/structures/record
  */
-export const recordOf = <T extends EventType>(
+export function RecordOf<T extends EventType>(
   recordSrc: Record<string, T>,
-): EventType<Record<string, UnInformation<T>>> => {
-  return (u) => {
+): EventType<Record<string, UnInformation<T>>> {
+  return (user) => {
     const keys = Object.keys(recordSrc);
-    all(...Object.values(recordSrc))((entries) => {
+    All(...Object.values(recordSrc))((entries) => {
       const record: Record<string, any> = {};
       entries.forEach((entry, index) => {
         record[keys[index]] = entry;
       });
-      u(record);
+      user(record);
     });
   };
-};
+}

package/src/system/RegexpMatch._group.test.ts

@@ -1,11 +1,11 @@
-import { of } from "silentium";
+import { Of } from "silentium";
 import { expect, test, vi } from "vitest";
-import { path } from "../behaviors";
-import { regexpMatch } from "./RegexpMatch";
+import { Path } from "../behaviors";
+import { RegexpMatch } from "./RegexpMatch";
 
 test("RegexpMatch._group.test", () => {
-  const urlSrc = of<string>("http://domain.com/some/url/");
-  const matchedSrc = path(regexpMatch(of("/(s\\w+)/"), urlSrc), of("1"));
+  const urlSrc = Of<string>("http://domain.com/some/url/");
+  const matchedSrc = Path(RegexpMatch(Of("/(s\\w+)/"), urlSrc), Of("1"));
   const g = vi.fn();
   matchedSrc(g);
 

package/src/system/RegexpMatch._main.test.ts

@@ -1,11 +1,11 @@
-import { of } from "silentium";
+import { Of } from "silentium";
 import { expect, test, vi } from "vitest";
-import { path } from "../behaviors";
-import { regexpMatch } from "./RegexpMatch";
+import { Path } from "../behaviors";
+import { RegexpMatch } from "./RegexpMatch";
 
 test("RegexpMatch._main.test", () => {
-  const urlSrc = of<string>("http://domain.com/some/url/");
-  const matchedSrc = path(regexpMatch(of("/(s\\w+)/"), urlSrc), of("0"));
+  const urlSrc = Of<string>("http://domain.com/some/url/");
+  const matchedSrc = Path(RegexpMatch(Of("/(s\\w+)/"), urlSrc), Of("0"));
   const g = vi.fn();
   matchedSrc(g);
 

package/src/system/RegexpMatch.ts

@@ -1,22 +1,22 @@
-import { all, EventType, of } from "silentium";
+import { All, EventType, Of } from "silentium";
 
 /**
- * First match of regexp
+ * First match Of regexp
  * https://silentium-lab.github.io/silentium-components/#/system/regexp-matched
  */
-export const regexpMatch = (
+export function RegexpMatch(
   patternSrc: EventType<string>,
   valueSrc: EventType<string>,
-  flagsSrc: EventType<string> = of(""),
-): EventType<string[]> => {
-  return (u) => {
-    all(
+  flagsSrc: EventType<string> = Of(""),
+): EventType<string[]> {
+  return (user) => {
+    All(
       patternSrc,
       valueSrc,
       flagsSrc,
     )(([pattern, value, flags]) => {
       const result = new RegExp(pattern, flags).exec(value);
-      u(result ?? []);
+      user(result ?? []);
     });
   };
-};
+}

package/src/system/RegexpMatched.test.ts

@@ -1,10 +1,10 @@
-import { late, of } from "silentium";
-import { regexpMatched } from "../system/RegexpMatched";
+import { Late, Of } from "silentium";
+import { RegexpMatched } from "../system/RegexpMatched";
 import { expect, test, vi } from "vitest";
 
 test("RegexpMatched.test", () => {
-  const urlI = late<string>("http://domain.com/some/url/");
-  const matchedSrc = regexpMatched(of("/some/url"), urlI.event);
+  const urlI = Late<string>("http://domain.com/some/url/");
+  const matchedSrc = RegexpMatched(Of("/some/url"), urlI.event);
   const g = vi.fn();
   matchedSrc(g);
 

package/src/system/RegexpMatched.ts

@@ -1,21 +1,21 @@
-import { all, EventType, of } from "silentium";
+import { All, EventType, Of } from "silentium";
 
 /**
  * Boolean source what checks what string matches pattern
  * https://silentium-lab.github.io/silentium-components/#/system/regexp-matched
  */
-export const regexpMatched = (
+export function RegexpMatched(
   patternSrc: EventType<string>,
   valueSrc: EventType<string>,
-  flagsSrc: EventType<string> = of(""),
-): EventType<boolean> => {
-  return (u) => {
-    all(
+  flagsSrc: EventType<string> = Of(""),
+): EventType<boolean> {
+  return (user) => {
+    All(
       patternSrc,
       valueSrc,
       flagsSrc,
     )(([pattern, value, flags]) => {
-      u(new RegExp(pattern, flags).test(value));
+      user(new RegExp(pattern, flags).test(value));
     });
   };
-};
+}

package/src/system/RegexpReplaced.test.ts

@@ -1,10 +1,10 @@
-import { late, of } from "silentium";
-import { regexpReplaced } from "../system/RegexpReplaced";
+import { Late, Of } from "silentium";
+import { RegexpReplaced } from "../system/RegexpReplaced";
 import { expect, test, vi } from "vitest";
 
 test("RegexpReplaced.test", () => {
-  const urlSrc = late<string>("http://domain.com/some/url/");
-  const matchedSrc = regexpReplaced(urlSrc.event, of("some/url/"), of(""));
+  const urlSrc = Late<string>("http://domain.com/some/url/");
+  const matchedSrc = RegexpReplaced(urlSrc.event, Of("some/url/"), Of(""));
   const g = vi.fn();
   matchedSrc(g);
 

package/src/system/RegexpReplaced.ts

@@ -1,23 +1,23 @@
-import { all, EventType, of } from "silentium";
+import { All, EventType, Of } from "silentium";
 
 /**
  * Returns string replaced by regular expression pattern
  * https://silentium-lab.github.io/silentium-components/#/system/regexp-replaced
  */
-export const regexpReplaced = (
+export function RegexpReplaced(
   valueSrc: EventType<string>,
   patternSrc: EventType<string>,
   replaceValueSrc: EventType<string>,
-  flagsSrc: EventType<string> = of(""),
-): EventType<string> => {
-  return (u) => {
-    all(
+  flagsSrc: EventType<string> = Of(""),
+): EventType<string> {
+  return (user) => {
+    All(
       patternSrc,
       valueSrc,
       replaceValueSrc,
       flagsSrc,
     )(([pattern, value, replaceValue, flags]) => {
-      u(String(value).replace(new RegExp(pattern, flags), replaceValue));
+      user(String(value).replace(new RegExp(pattern, flags), replaceValue));
     });
   };
-};
+}

package/src/system/Set.test.ts

@@ -1,13 +1,13 @@
-import { late, of } from "silentium";
-import { set } from "../system/Set";
+import { Late, Of } from "silentium";
+import { Set } from "../system/Set";
 import { expect, test, vi } from "vitest";
 
 test("Set.test", () => {
-  const value = late<string>();
+  const value = Late<string>();
   const object = {
     value: "hello",
   };
-  const obj = set(of(object), of("value"), value.event);
+  const obj = Set(Of(object), Of("value"), value.event);
   const g = vi.fn();
   obj(g);
 

package/src/system/Set.ts

@@ -1,22 +1,22 @@
-import { all, EventType } from "silentium";
+import { All, EventType } from "silentium";
 
 /**
  * Ability to mutate some object, helpful when integrate to procedure systems
  * https://silentium-lab.github.io/silentium-components/#/system/set
  */
-export const set = <T extends Record<string, unknown>>(
+export function Set<T extends Record<string, unknown>>(
   baseSrc: EventType<T>,
   keySrc: EventType<string>,
   valueSrc: EventType<unknown>,
-): EventType<T> => {
-  return (u) => {
-    all(
+): EventType<T> {
+  return (user) => {
+    All(
       baseSrc,
       keySrc,
       valueSrc,
     )(([base, key, value]) => {
       (base as Record<string, unknown>)[key] = value;
-      u(base);
+      user(base);
     });
   };
-};
+}

package/docs/assets/js/components/linkDynamic.mjs

@@ -1,14 +0,0 @@
-window.customElements.define(
-  "link-dynamic",
-  class extends HTMLElement {
-    constructor() {
-      super();
-      const href = this.getAttribute("href");
-      const content = this.innerHTML;
-      this.innerHTML = `<a
-            class="inline-block whitespace-nowrap rounded-[0.27rem] bg-primary-100 px-[0.65em] pb-[0.25em] pt-[0.35em] text-center align-baseline text-[0.75em] font-bold leading-none text-white bg-slate-900 dynamic-navigation"
-            href="#${href}"
-        >${content}</a>`;
-    }
-  },
-);

package/docs/assets/js/components/linkReloadable.mjs

@@ -1,17 +0,0 @@
-window.customElements.define(
-  "link-reloadable",
-  class extends HTMLElement {
-    constructor() {
-      super();
-      const href = this.getAttribute("href");
-      const target =
-        this.getAttribute("target-blank") !== null ? 'target="_blank"' : "";
-      const content = this.innerHTML;
-      this.innerHTML = `<a
-            class="inline-block whitespace-nowrap rounded-[0.27rem] bg-primary-100 px-[0.65em] pb-[0.25em] pt-[0.35em] text-center align-baseline text-[0.75em] font-bold leading-none text-white bg-slate-900"
-            href="${href}"
-            ${target}
-        >${content}</a>`;
-    }
-  },
-);

package/docs/assets/js/components.mjs

@@ -1,2 +0,0 @@
-import "./components/linkDynamic.mjs";
-import "./components/linkReloadable.mjs";

package/docs/assets/js/index.mjs

@@ -1,271 +0,0 @@
-import {
-  lazy,
-  lazyClass,
-  patron,
-  sourceAny,
-  sourceApplied,
-  sourceChain,
-  sourceMap,
-  sourceMemoOf,
-  sourceOf,
-  sourceSync,
-  value,
-} from "silentium";
-import {
-  branch,
-  concatenated,
-  deferred,
-  loading,
-  memo,
-  moment,
-  not,
-  onlyChanged,
-  path,
-  record,
-  regexpMatch,
-  regexpReplaced,
-  router,
-  set,
-  shot,
-  tick
-} from "silentium-components";
-import {
-  attribute,
-  classRemoved,
-  element,
-  elements,
-  fetched,
-  historyNewPate,
-  historyPoppedPage,
-  html,
-  link,
-  log,
-  styleInstalled,
-  visible,
-} from "silentium-web-api";
-import "./components.mjs";
-
-// Initializing components with predefined values
-const nativeHistoryUrl = historyNewPate.bind(null, window.history);
-const nativeElement = element.bind(
-  null,
-  lazyClass(window.MutationObserver),
-  window.document,
-);
-const nativeElements = elements.bind(
-  null,
-  lazyClass(window.MutationObserver),
-  window.document,
-);
-const nativeLog = log.bind(null, window.console);
-
-const nativeFetched = fetched.bind(null, {
-  fetch: window.fetch.bind(window),
-});
-
-// Internationalization
-const defaultLang = "ru";
-const langFromUrlSrc = sourceAny([
-  "ru",
-  path(regexpMatch("/(\\w{2})/", window.location.hash), "1"),
-]);
-window.langSrc = sourceMemoOf(langFromUrlSrc);
-set(nativeElement(".lang-select"), "value", window.langSrc);
-const isDefaultLangSrc = sourceApplied(
-  window.langSrc,
-  (l) => l === defaultLang,
-);
-
-// Url source
-const basePath = concatenated([
-  window.location.origin,
-  regexpReplaced(window.location.pathname, "index(-dev)?\\.html", ""),
-]);
-window.basePath = basePath;
-
-const urlSrc = regexpReplaced(
-  sourceAny([
-    historyPoppedPage(window, sourceOf()),
-    window.location.href,
-    concatenated([
-      window.location.origin,
-      window.location.pathname,
-      link(nativeElement("body"), ".dynamic-navigation"),
-    ]),
-  ]),
-  concatenated(["#/", window.langSrc, "/"]),
-  "#/",
-);
-
-window.urlSrc = urlSrc;
-
-const langUrlPartSrc = branch(
-  isDefaultLangSrc,
-  "/",
-  concatenated(["/", window.langSrc, "/"]),
-);
-
-nativeHistoryUrl(
-  regexpReplaced(urlSrc, "#/", concatenated(["#", langUrlPartSrc])),
-);
-
-// Loading main styles and remove loading class on body after styles loaded
-const bodyStylesReady = sourceChain(
-  styleInstalled(
-    window.document,
-    nativeFetched(
-      record({
-        method: "get",
-        url: "https://raw.githubusercontent.com/kosukhin/patorn-design-system/refs/heads/main/dist/assets/index.css",
-      }),
-    ),
-  ),
-  window.document.body,
-);
-classRemoved(bodyStylesReady, "body-loading");
-
-// All errors collected here
-const errors = sourceOf();
-nativeLog("ERROR: ", errors);
-
-// Building routes of SPA
-const routesRequestSrc = record({
-  method: "get",
-  url: concatenated([basePath, "routes.json"]),
-});
-const routesSrc = sourceApplied(
-  sourceMap(
-    sourceApplied(nativeFetched(routesRequestSrc, errors), JSON.parse),
-    lazy((route) =>
-      record({
-        pattern: regexpReplaced(route, "pages/(.+).html", "#/$1/?$"),
-        template: regexpReplaced(route, "pages/", ""),
-      }),
-    ),
-  ),
-  Array.prototype.concat.bind([
-    {
-      pattern: "/$",
-      template: "index.html",
-    },
-    {
-      pattern: "#/$",
-      template: "index.html",
-    },
-    {
-      pattern: "\\.html$",
-      template: "index.html",
-    },
-  ]),
-);
-
-const layoutContentSrc = nativeFetched(
-  record({
-    method: "get",
-    url: tick(
-      sourceAny([
-        concatenated([basePath, sourceChain(urlSrc, "layouts/default.html")]),
-      ]),
-    ),
-  }),
-);
-html(nativeElement("article.container .page-area"), layoutContentSrc);
-
-const templateUrlSrc = deferred(urlSrc, layoutContentSrc);
-
-const templateLangUrlPartSrc = deferred(langUrlPartSrc, layoutContentSrc);
-
-// Template content fetching
-const templateSrc = tick(router(templateUrlSrc, routesSrc, "404.html"));
-
-const templateRequestSrc = record({
-  method: "get",
-  url: memo(
-    concatenated([basePath, "pages", templateLangUrlPartSrc, templateSrc]),
-  ),
-});
-
-const templateContentSrc = nativeFetched(templateRequestSrc, errors);
-window.urlChanged = shot(urlSrc, onlyChanged(urlSrc));
-
-// Template loading visualization
-const templateContentLoadingSrc = loading(urlSrc, layoutContentSrc);
-visible(templateContentLoadingSrc, nativeElement("article.container .loader"));
-visible(
-  not(templateContentLoadingSrc),
-  nativeElement("article.container .page-area"),
-);
-html(
-  nativeElement(sourceChain(layoutContentSrc, ".layout-content")),
-  templateContentSrc,
-);
-
-// Template title
-value(
-  path(
-    nativeElement(sourceChain(templateContentSrc, ".page-title")),
-    "textContent",
-  ),
-  patron((v) => (window.document.title = v)),
-);
-
-// chunks rendering
-const chunkError = sourceOf();
-value(chunkError, patron(errors));
-sourceSync(
-  sourceMap(
-    sourceChain(templateContentSrc, nativeElements(".chunk")),
-    lazy((el) => {
-      return html(
-        el,
-        sourceAny([
-          sourceChain(chunkError, "ChunkError!"),
-          nativeFetched(
-            record({
-              method: "get",
-              url: concatenated([
-                basePath,
-                "chunks",
-                moment(langUrlPartSrc),
-                attribute("data-url", el),
-              ]),
-            }),
-            chunkError,
-          ),
-        ]),
-      );
-    }),
-  ),
-);
-
-// scripts alive on new loaded page
-value(
-  templateContentSrc,
-  patron(() => {
-    window.setTimeout(() => {
-      window.hljs.highlightAll();
-    }, 0);
-    const destination = window.document.querySelector(
-      "article.container .page-area",
-    );
-    destination.querySelectorAll("script").forEach((x) => {
-      if (x.getAttribute("type") === "text/template") {
-        return;
-      }
-
-      if (x.getAttribute("data-listing")) {
-        const listingEl = window.document.querySelector(
-          x.getAttribute("data-listing"),
-        );
-        if (listingEl) {
-          listingEl.textContent = x.innerText.trim();
-        }
-      }
-
-      const sc = window.document.createElement("script");
-      sc.setAttribute("type", "module");
-      sc.appendChild(window.document.createTextNode(x.innerText));
-      destination.appendChild(sc);
-    });
-  }),
-);