silentium-components 0.0.4 → 0.0.6

package/src/navigation/CurrentPage.ts

@@ -1,27 +0,0 @@
-import { GuestType, SourceWithPool, SourceWithPoolType } from "silentium";
-
-/**
- * @deprecated move to web api
- */
-export class CurrentPage implements SourceWithPoolType<string> {
-  private source: SourceWithPoolType<string>;
-
-  public constructor() {
-    const correctUrl = location.href.replace(location.origin, "");
-    this.source = new SourceWithPool(correctUrl);
-  }
-
-  public give(value: string): this {
-    this.source.give(value);
-    return this;
-  }
-
-  public value(guest: GuestType<string>) {
-    this.source.value(guest);
-    return guest;
-  }
-
-  public pool() {
-    return this.source.pool();
-  }
-}

package/src/navigation/Navigation.default.test.ts

@@ -1,53 +0,0 @@
-import { give, GuestType, PrivateClass, SourceWithPool } from "silentium";
-import { expect, test } from "vitest";
-import { PageFake } from "../page/PageFake";
-import { Navigation } from "./Navigation";
-import { RoutePageTransportType } from "./PageFetchTransport";
-
-class FakeTransport implements RoutePageTransportType {
-  constructor(
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    basePath = null,
-    private template = "null",
-  ) {}
-  content(guest: GuestType<string>): void {
-    give(this.template, guest);
-  }
-}
-
-test("navigation", () => {
-  const pageLoading = new SourceWithPool(false);
-  const basePath = new SourceWithPool("/some/path/#");
-  const currentPage = new SourceWithPool("/some/path/unknown-page");
-  const display = {
-    display(content: string) {
-      expect(content).toBe("default.html");
-    },
-  };
-
-  const navigation = new Navigation(
-    pageLoading,
-    basePath,
-    currentPage,
-    display,
-    new PrivateClass(FakeTransport),
-  );
-
-  navigation.routes([
-    {
-      url: "/",
-      template: "main.html",
-      aliases: ["/some/path/"],
-      page: new PageFake(),
-    },
-    {
-      url: "",
-      template: "default.html",
-      aliases: ["/some/path/"],
-      page: new PageFake(),
-      default: true,
-    },
-  ]);
-
-  expect(true).toBe(true);
-});

package/src/navigation/Navigation.main.test.ts

@@ -1,46 +0,0 @@
-import { give, GuestType, PrivateClass, SourceWithPool } from "silentium";
-import { expect, test } from "vitest";
-import { PageFake } from "../page/PageFake";
-import { Navigation } from "./Navigation";
-import { RoutePageTransportType } from "./PageFetchTransport";
-
-class FakeTransport implements RoutePageTransportType {
-  constructor(
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    basePath = null,
-    private template = "null",
-  ) {}
-  content(guest: GuestType<string>): void {
-    give(this.template, guest);
-  }
-}
-
-test("navigation", () => {
-  const pageLoading = new SourceWithPool(false);
-  const basePath = new SourceWithPool("/some/path/#");
-  const currentPage = new SourceWithPool("/some/path/");
-  const display = {
-    display(content: string) {
-      expect(content).toBe("main.html");
-    },
-  };
-
-  const navigation = new Navigation(
-    pageLoading,
-    basePath,
-    currentPage,
-    display,
-    new PrivateClass(FakeTransport),
-  );
-
-  navigation.routes([
-    {
-      url: "/",
-      template: "main.html",
-      aliases: ["/some/path/"],
-      page: new PageFake(),
-    },
-  ]);
-
-  expect(true).toBe(true);
-});

package/src/navigation/Navigation.ts

@@ -1,92 +0,0 @@
-import {
-  SourceAll,
-  Patron,
-  PrivateType,
-  SourceType,
-  value,
-  give,
-  SourceWithPoolType,
-} from "silentium";
-import { RoutePageTransportType } from "src/navigation/PageFetchTransport";
-import { RouteDisplayType } from "src/navigation/RouteDisplay";
-import { RoutePageType } from "src/navigation/RoutePageType";
-
-export interface RouteDocument {
-  url: string;
-  template: string;
-  aliases?: string[];
-  page: RoutePageType;
-  default?: boolean;
-}
-
-export class Navigation {
-  public constructor(
-    private loading: SourceWithPoolType<boolean>,
-    private basePath: SourceType<string>,
-    private currentPage: SourceWithPoolType<string>,
-    private display: RouteDisplayType,
-    private pageTransport: PrivateType<RoutePageTransportType>,
-  ) {}
-
-  public routes(routes: RouteDocument[]) {
-    const defaultRoute = routes.find((route) => route.default);
-    const all = new SourceAll<{
-      basePath: string;
-      currentPage: string;
-    }>();
-    value(this.basePath, new Patron(all.guestKey("basePath")));
-    value(this.currentPage, new Patron(all.guestKey("currentPage")));
-
-    all.value(
-      new Patron(({ basePath, currentPage }) => {
-        const urlWithoutBasePath = currentPage.replace(basePath, "");
-        const routeMatchedToAlias = routes.find(
-          (route) =>
-            route.aliases &&
-            (route.aliases.includes(currentPage) ||
-              route.aliases.includes(urlWithoutBasePath)),
-        );
-
-        if (routeMatchedToAlias) {
-          const correctUrl = basePath + routeMatchedToAlias.url;
-
-          if (correctUrl !== currentPage) {
-            give(correctUrl, this.currentPage);
-            return;
-          }
-        }
-
-        let route = routes.find((route) => {
-          if (route.url.indexOf("*") >= 0) {
-            const regexp = new RegExp(
-              route.url.replaceAll("*", ".*").replaceAll("/", "/"),
-            );
-            return regexp.test(urlWithoutBasePath);
-          }
-          return route.url.replaceAll("*", "") === urlWithoutBasePath;
-        });
-
-        if (!route && defaultRoute) {
-          route = defaultRoute;
-        }
-
-        if (route) {
-          const basePathWithoutHash = basePath
-            .replace("/#", "")
-            .replace("#", "")
-            .replace(/[^/]+\.html$/, "");
-          give(true, this.loading);
-          this.pageTransport
-            .get(basePathWithoutHash, route.template)
-            .content((templateContent) => {
-              this.display.display(templateContent);
-              route.page.mounted();
-              give(false, this.loading);
-            });
-        } else {
-          throw new Error("No matching route in Navigation");
-        }
-      }),
-    );
-  }
-}

package/src/navigation/Navigation.wildcard.test.ts

@@ -1,52 +0,0 @@
-import { give, GuestType, PrivateClass, SourceWithPool } from "silentium";
-import { expect, test } from "vitest";
-import { PageFake } from "../page/PageFake";
-import { Navigation } from "./Navigation";
-import { RoutePageTransportType } from "./PageFetchTransport";
-
-class FakeTransport implements RoutePageTransportType {
-  constructor(
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    basePath = null,
-    private template = "null",
-  ) {}
-  content(guest: GuestType<string>): void {
-    give(this.template, guest);
-  }
-}
-
-test("navigation", () => {
-  const pageLoading = new SourceWithPool(false);
-  const basePath = new SourceWithPool("/some/path/#");
-  const currentPage = new SourceWithPool("/some/path/catalog/information");
-  const display = {
-    display(content: string) {
-      expect(content).toBe("catalog.html");
-    },
-  };
-
-  const navigation = new Navigation(
-    pageLoading,
-    basePath,
-    currentPage,
-    display,
-    new PrivateClass(FakeTransport),
-  );
-
-  navigation.routes([
-    {
-      url: "/",
-      template: "default.html",
-      aliases: ["/some/path/"],
-      page: new PageFake(),
-      default: true,
-    },
-    {
-      url: "/catalog*",
-      template: "catalog.html",
-      page: new PageFake(),
-    },
-  ]);
-
-  expect(true).toBe(true);
-});

package/src/navigation/PageFetchTransport.ts

@@ -1,26 +0,0 @@
-import { give, GuestType } from "silentium";
-
-export interface RoutePageTransportType {
-  content(guest: GuestType<string>): void;
-}
-
-/**
- * Not needed anymore same thing in web api existed
- * @deprecated
- */
-export class PageFetchTransport implements RoutePageTransportType {
-  public constructor(
-    private basePath: string,
-    private template: string,
-  ) {}
-
-  public content(guest: GuestType<string>): void {
-    fetch(this.basePath + "/" + this.template)
-      .then((result) => {
-        return result.text();
-      })
-      .then((result) => {
-        give(result, guest);
-      });
-  }
-}

package/src/navigation/RouteDisplay.ts

@@ -1,18 +0,0 @@
-export interface RouteDisplayType {
-  display(content: string): void;
-}
-
-/**
- * Renders content on selector
- * @deprecated move to web api
- */
-export class RouteDisplay implements RouteDisplayType {
-  public constructor(private selector: string) {}
-
-  public display(content: string): void {
-    const contentEl = document.querySelector(this.selector);
-    if (contentEl) {
-      contentEl.innerHTML = content;
-    }
-  }
-}

package/src/navigation/RoutePageType.ts

@@ -1,3 +0,0 @@
-export interface RoutePageType {
-  mounted(): void;
-}

package/src/page/EntryPointPage.ts

@@ -1,20 +0,0 @@
-import { RoutePageType } from "../navigation";
-
-/**
- * @deprecated not needed
- */
-export class EntryPointPage implements RoutePageType {
-  public constructor(
-    private title: string,
-    private entryPointUrl: string,
-  ) {}
-
-  public mounted() {
-    document.title = this.title;
-    import(this.entryPointUrl).then((module) => {
-      if (module.main) {
-        module.main();
-      }
-    });
-  }
-}

package/src/page/Page.ts

@@ -1,12 +0,0 @@
-import { RoutePageType } from "../navigation";
-
-/**
- * @deprecated Move to web api
- */
-export class Page implements RoutePageType {
-  public constructor(private title: string) {}
-
-  public mounted() {
-    document.title = this.title;
-  }
-}

package/src/page/PageFake.ts

@@ -1,8 +0,0 @@
-import { RoutePageType } from "../navigation";
-
-/**
- * @deprecated not needed
- */
-export class PageFake implements RoutePageType {
-  public mounted() {}
-}

package/src/page/index.ts

@@ -1,2 +0,0 @@
-export * from "./Page";
-export * from "./EntryPointPage";