dothtml 6.0.0-beta.44 → 6.0.0-beta.46

package/build_module/routing/router.js

@@ -0,0 +1,209 @@
+import dot from "../dot";
+import { currentPath, previousPath, navigate } from "./state";
+import { Vdom } from "../vdom-nodes/vdom";
+const beforeHooks = [];
+const afterHooks = [];
+const globalRoutes = dot.watch([]);
+export function setGlobalRoutes(routes) {
+    globalRoutes.value = routes;
+}
+export function getGlobalRoutes() {
+    return globalRoutes.value;
+}
+export function matchRoute(routes, path, basePath = "") {
+    const relativePath = path.startsWith(basePath) ? path.slice(basePath.length) : path;
+    const pathSegments = relativePath.split("/").filter(s => s !== "");
+    for (const route of routes) {
+        const routeSegments = route.path.split("/").filter(s => s !== "");
+        const params = {};
+        let match = true;
+        const hasMultiWildcard = routeSegments.indexOf("*") !== -1;
+        const isPrefixMatchAllowed = !!(route.children && route.children.length > 0);
+        if (!hasMultiWildcard && !isPrefixMatchAllowed && routeSegments.length !== pathSegments.length) {
+            continue;
+        }
+        if (routeSegments.length > pathSegments.length) {
+            continue;
+        }
+        for (let i = 0; i < routeSegments.length; i++) {
+            const rSeg = routeSegments[i];
+            const pSeg = pathSegments[i];
+            if (rSeg === "*") {
+                match = true;
+                break;
+            }
+            if (pSeg === undefined) {
+                match = false;
+                break;
+            }
+            if (rSeg === "+") {
+                continue;
+            }
+            if (rSeg.startsWith("{") && rSeg.endsWith("}")) {
+                const paramName = rSeg.slice(1, -1);
+                params[paramName] = pSeg;
+                continue;
+            }
+            if (rSeg.startsWith(":")) {
+                const paramName = rSeg.slice(1);
+                params[paramName] = pSeg;
+                continue;
+            }
+            if (rSeg !== pSeg) {
+                match = false;
+                break;
+            }
+        }
+        if (match) {
+            const matchedSegments = pathSegments.slice(0, routeSegments.length);
+            const matchedPath = (basePath.endsWith("/") ? basePath.slice(0, -1) : basePath) + "/" + matchedSegments.join("/");
+            return { route, params, matchedPath };
+        }
+    }
+    return null;
+}
+export const Router = dot.component(class {
+    constructor() {
+        this.resolvedComponent = dot.watch(null);
+        this.currentMatch = null;
+        this.lastPath = "";
+        this.subId = -1;
+        this.loaderCache = new Map();
+    }
+    static { this.props = {
+        routes: { type: Array, required: true },
+        notFound: { type: Object, default: null },
+        loading: { type: Object, default: null },
+        basePath: { type: String, default: "" }
+    }; }
+    mounting() {
+        this.subId = currentPath.subscribe(() => {
+            this._?.cvdom.requestUpdate();
+        });
+    }
+    unmounting() {
+        currentPath._detachBinding(this.subId);
+    }
+    build(dot) {
+        setGlobalRoutes(this.props.routes);
+        const path = currentPath.value;
+        const match = matchRoute(this.props.routes, path, this.props.basePath);
+        this.currentMatch = match;
+        const proceed = (comp) => {
+            if (!match)
+                return;
+            let title = match.route.title;
+            if (typeof title === "function") {
+                title = title(match.params);
+            }
+            if (title) {
+                document.title = title;
+            }
+            if (typeof comp === "function" && !comp.prototype?.build) {
+                if (this.loaderCache.has(comp)) {
+                    this.resolvedComponent.value = this.loaderCache.get(comp);
+                    afterHooks.forEach(h => h(path, previousPath.value));
+                    return;
+                }
+                const result = comp();
+                if (result instanceof Promise) {
+                    result.then(m => {
+                        const resolved = m.default || m;
+                        this.loaderCache.set(comp, resolved);
+                        this.resolvedComponent.value = resolved;
+                        this._?.cvdom.requestUpdate();
+                        afterHooks.forEach(h => h(path, previousPath.value));
+                    });
+                    this.resolvedComponent.value = this.props.loading || dot.div("Loading...");
+                    return;
+                }
+            }
+            this.resolvedComponent.value = comp;
+            afterHooks.forEach(h => h(path, previousPath.value));
+        };
+        if (!match) {
+            this.resolvedComponent.value = this.props.notFound || dot.div("404 - Not Found");
+        }
+        else if (match.route.redirect) {
+            const target = typeof match.route.redirect === "function"
+                ? match.route.redirect(match.params)
+                : match.route.redirect;
+            navigate(target, true);
+            return dot.div();
+        }
+        else {
+            const guards = [...beforeHooks];
+            if (match.route.beforeEnter) {
+                guards.push(match.route.beforeEnter);
+            }
+            const runGuards = async (index) => {
+                if (index >= guards.length) {
+                    proceed(match.route.component);
+                    return;
+                }
+                const guard = guards[index];
+                let nextCalled = false;
+                const handleNext = (nextVal) => {
+                    if (nextCalled)
+                        return;
+                    nextCalled = true;
+                    if (nextVal === false) {
+                        navigate(previousPath.value, true);
+                    }
+                    else if (typeof nextVal === "string") {
+                        navigate(nextVal, true);
+                    }
+                    else {
+                        runGuards(index + 1);
+                    }
+                };
+                const result = guard(path, previousPath.value, handleNext);
+                if (result instanceof Promise) {
+                    const asyncResult = await result;
+                    if (!nextCalled) {
+                        if (asyncResult === false || typeof asyncResult === "string") {
+                            handleNext(asyncResult);
+                        }
+                        else {
+                            handleNext();
+                        }
+                    }
+                }
+                else if (result !== undefined && !nextCalled) {
+                    handleNext(result);
+                }
+            };
+            runGuards(0);
+        }
+        const C = this.resolvedComponent.value;
+        if (!C)
+            return dot.div();
+        const currentMatch = this.currentMatch;
+        if (typeof C === "function" && C.prototype?.build) {
+            return dot.mount(new C(), {
+                routeParams: currentMatch?.params,
+                basePath: currentMatch?.matchedPath
+            });
+        }
+        if (typeof C === "object" && C.build) {
+            return dot.mount(C, {
+                routeParams: currentMatch?.params,
+                basePath: currentMatch?.matchedPath
+            });
+        }
+        if (C instanceof Vdom)
+            return C;
+        return dot.div(C);
+    }
+});
+Router.beforeEach = (guard) => {
+    beforeHooks.push(guard);
+};
+Router.afterEach = (hook) => {
+    afterHooks.push(hook);
+};
+Router.clearHooks = () => {
+    beforeHooks.length = 0;
+    afterHooks.length = 0;
+};
+//# sourceMappingURL=router.js.map

package/build_module/routing/router.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"router.js","sourceRoot":"","sources":["../../src/routing/router.ts"],"names":[],"mappings":"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"}

package/build_module/routing/scroll-manager.d.ts

@@ -0,0 +1 @@
+export declare function initScrollManager(): void;

package/build_module/routing/scroll-manager.js

@@ -0,0 +1,33 @@
+import { currentPath, currentHash } from "./state";
+const scrollPositions = new Map();
+export function initScrollManager() {
+    if (typeof window === "undefined")
+        return;
+    window.addEventListener("scroll", () => {
+        scrollPositions.set(window.location.pathname, {
+            x: window.pageXOffset,
+            y: window.pageYOffset
+        });
+    }, { passive: true });
+    currentPath.subscribe((newPath) => {
+        setTimeout(() => {
+            const hash = currentHash.value;
+            if (hash && hash.startsWith("#")) {
+                const id = hash.substring(1);
+                const element = document.getElementById(id);
+                if (element) {
+                    element.scrollIntoView();
+                    return;
+                }
+            }
+            const savedPosition = scrollPositions.get(newPath);
+            if (savedPosition) {
+                window.scrollTo(savedPosition.x, savedPosition.y);
+            }
+            else {
+                window.scrollTo(0, 0);
+            }
+        }, 0);
+    });
+}
+//# sourceMappingURL=scroll-manager.js.map

package/build_module/routing/scroll-manager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-manager.js","sourceRoot":"","sources":["../../src/routing/scroll-manager.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEnD,MAAM,eAAe,GAAG,IAAI,GAAG,EAAoC,CAAC;AAMpE,MAAM,UAAU,iBAAiB;IAChC,IAAI,OAAO,MAAM,KAAK,WAAW;QAAE,OAAO;IAM1C,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,GAAG,EAAE;QACtC,eAAe,CAAC,GAAG,CAAC,MAAM,CAAC,QAAQ,CAAC,QAAQ,EAAE;YAC7C,CAAC,EAAE,MAAM,CAAC,WAAW;YACrB,CAAC,EAAE,MAAM,CAAC,WAAW;SACrB,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;IAEtB,WAAW,CAAC,SAAS,CAAC,CAAC,OAAO,EAAE,EAAE;QAEjC,UAAU,CAAC,GAAG,EAAE;YACf,MAAM,IAAI,GAAG,WAAW,CAAC,KAAK,CAAC;YAC/B,IAAI,IAAI,IAAI,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE;gBACjC,MAAM,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;gBAC7B,MAAM,OAAO,GAAG,QAAQ,CAAC,cAAc,CAAC,EAAE,CAAC,CAAC;gBAC5C,IAAI,OAAO,EAAE;oBACZ,OAAO,CAAC,cAAc,EAAE,CAAC;oBACzB,OAAO;iBACP;aACD;YAED,MAAM,aAAa,GAAG,eAAe,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;YACnD,IAAI,aAAa,EAAE;gBAClB,MAAM,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;aAClD;iBAAM;gBACN,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;aACtB;QACF,CAAC,EAAE,CAAC,CAAC,CAAC;IACP,CAAC,CAAC,CAAC;AACJ,CAAC"}

package/build_module/routing/state.d.ts

@@ -0,0 +1,7 @@
+export declare const currentPath: import("dothtml-interfaces").IWatcher<string>;
+export declare const previousPath: import("dothtml-interfaces").IWatcher<string>;
+export declare const currentSearch: import("dothtml-interfaces").IWatcher<string>;
+export declare const currentHash: import("dothtml-interfaces").IWatcher<string>;
+export declare function navigate(path: string, replace?: boolean): void;
+export declare function useQueryParams(): import("dothtml-interfaces").IWatcher<Record<string, string>>;
+export declare function useHash(): import("dothtml-interfaces").IWatcher<string>;

package/build_module/routing/state.js

@@ -0,0 +1,45 @@
+import dot from "../dot";
+export const currentPath = dot.watch(typeof window !== "undefined" ? window.location.pathname : "/");
+export const previousPath = dot.watch(typeof window !== "undefined" ? window.location.pathname : "/");
+export const currentSearch = dot.watch(typeof window !== "undefined" ? window.location.search : "");
+export const currentHash = dot.watch(typeof window !== "undefined" ? window.location.hash : "");
+export function navigate(path, replace = false) {
+    if (typeof window === "undefined")
+        return;
+    previousPath.value = window.location.pathname;
+    if (replace) {
+        window.history.replaceState({}, "", path);
+    }
+    else {
+        window.history.pushState({}, "", path);
+    }
+    currentPath.value = window.location.pathname;
+    currentSearch.value = window.location.search;
+    currentHash.value = window.location.hash;
+}
+export function useQueryParams() {
+    return dot.computed(() => {
+        const search = currentSearch.value;
+        const params = new URLSearchParams(search);
+        const result = {};
+        params.forEach((value, key) => {
+            result[key] = value;
+        });
+        return result;
+    });
+}
+export function useHash() {
+    return dot.computed(() => {
+        const hash = currentHash.value;
+        return hash.startsWith("#") ? hash.substring(1) : hash;
+    });
+}
+if (typeof window !== "undefined") {
+    window.addEventListener("popstate", () => {
+        previousPath.value = currentPath.value;
+        currentPath.value = window.location.pathname;
+        currentSearch.value = window.location.search;
+        currentHash.value = window.location.hash;
+    });
+}
+//# sourceMappingURL=state.js.map

package/build_module/routing/state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"state.js","sourceRoot":"","sources":["../../src/routing/state.ts"],"names":[],"mappings":"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"}

package/build_module/v-meta-nodes/style-v-node.d.ts

@@ -1,16 +1,26 @@
 import { IDotCss } from "dothtml-interfaces";
 import VMetaNode from "./v-meta-node";
-import Binding from "../reactivity/binding";
+import BaseVStyle from "../v-style-nodes/base-v-style";
 export default class StyleVNode extends VMetaNode {
-    target: NodeListOf<Element> | HTMLElement | string;
+    target: HTMLElement | string;
     document: Document;
     shadowRoot: ShadowRoot;
-    styleValue: IDotCss;
-    observables: Array<Binding>;
-    observableIds: Array<number>;
-    constructor(styleValue: IDotCss);
+    styleSource: IDotCss | BaseVStyle;
+    private styleElement;
+    private observables;
+    private observableIds;
+    private isQueued;
+    private updateSubscription;
+    constructor(styleSource: IDotCss | BaseVStyle);
+    private extractObservables;
+    private processValue;
+    private tryExtractObservable;
     render(target: HTMLElement | string, document?: Document, shadowRoot?: ShadowRoot): void;
     update(): void;
+    private applyStyles;
+    private applySingleStyle;
+    private getStyleString;
+    private formatSingleStyle;
     unrender(): void;
-    toString(): void;
+    toString(): string;
 }