@swiftwc/ui 0.0.0-dev.4 → 0.0.0-dev.6

package/generated/namespace/index.d.ts

@@ -0,0 +1,6 @@
+export type WebComponentCtor = CustomElementConstructor & {
+    polyfillExtends?: string;
+    polyfillConnectedCallback(el: HTMLElement): void;
+    polyfillDisconnectedCallback(el: HTMLElement): void;
+    polyfillAttributeChangedCallback?(entries: MutationRecord[]): void;
+};

package/generated/namespace/index.js

@@ -0,0 +1 @@
+export {};

package/generated/snapshot/index.d.ts

@@ -0,0 +1,16 @@
+import type * as Components from '../components';
+export declare class Snapshot {
+    #private;
+    static get config(): Record<string, string> | undefined;
+    static setOwnConfig(): Promise<void>;
+    static get parent(): Components.ScrollView | undefined;
+    static get root(): HTMLElement | undefined;
+    static get leaf(): Components.ScrollView | undefined;
+    static get parentContainer(): HTMLElement | undefined;
+    static get leafContainer(): HTMLElement | undefined;
+    static get container(): HTMLElement | undefined;
+    static get toolbarItems(): NodeListOf<Element> | undefined;
+    static get parentToolbarItems(): NodeListOf<Element> | undefined;
+    static get leafToolbarItems(): NodeListOf<Element> | undefined;
+    static getSnapshot(scrollView?: Components.ScrollView): void;
+}

package/generated/snapshot/index.js

@@ -0,0 +1,150 @@
+var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
+    if (kind === "m") throw new TypeError("Private method is not writable");
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+};
+var _a, _Snapshot_config, _Snapshot_getOwnConfig, _Snapshot_parent, _Snapshot_leaf, _Snapshot_root, _Snapshot_parentContainer, _Snapshot_container, _Snapshot_leafContainer, _Snapshot_parentToolbarItems, _Snapshot_toolbarItems, _Snapshot_leafToolbarItems, _Snapshot_queryScrollViewRels;
+export class Snapshot {
+    static get config() {
+        return __classPrivateFieldGet(this, _a, "f", _Snapshot_config);
+    }
+    static async setOwnConfig() {
+        if ('complete' === document.readyState)
+            return __classPrivateFieldGet(_a, _a, "m", _Snapshot_getOwnConfig).call(_a); // Page already loaded
+        await new Promise((resolve) => self.addEventListener('load', resolve)); // Wait for window load
+        return __classPrivateFieldGet(_a, _a, "m", _Snapshot_getOwnConfig).call(_a);
+    }
+    static get parent() {
+        return __classPrivateFieldGet(this, _a, "f", _Snapshot_parent);
+    }
+    static get root() {
+        return __classPrivateFieldGet(this, _a, "f", _Snapshot_root);
+    }
+    static get leaf() {
+        return __classPrivateFieldGet(this, _a, "f", _Snapshot_leaf);
+    }
+    static get parentContainer() {
+        return __classPrivateFieldGet(this, _a, "f", _Snapshot_parentContainer);
+    }
+    static get leafContainer() {
+        return __classPrivateFieldGet(this, _a, "f", _Snapshot_leafContainer);
+    }
+    static get container() {
+        return __classPrivateFieldGet(this, _a, "f", _Snapshot_container);
+    }
+    static get toolbarItems() {
+        return __classPrivateFieldGet(this, _a, "f", _Snapshot_toolbarItems);
+    }
+    static get parentToolbarItems() {
+        return __classPrivateFieldGet(this, _a, "f", _Snapshot_parentToolbarItems);
+    }
+    static get leafToolbarItems() {
+        return __classPrivateFieldGet(this, _a, "f", _Snapshot_leafToolbarItems);
+    }
+    static getSnapshot(scrollView) {
+        console.debug(`${_a.name} ⚡️ getSnapshot`);
+        // root
+        for (let e = scrollView; e; e = e.parentElement)
+            e.matches('navigation-stack,navigation-split-view') && (__classPrivateFieldSet(this, _a, e, "f", _Snapshot_root));
+        // current
+        const { frame, toolbarElements: toolbarItems } = __classPrivateFieldGet(this, _a, "f", _Snapshot_queryScrollViewRels).call(this, scrollView);
+        __classPrivateFieldSet(this, _a, frame, "f", _Snapshot_container);
+        __classPrivateFieldSet(this, _a, toolbarItems, "f", _Snapshot_toolbarItems);
+        // parent
+        const possibleParent = __classPrivateFieldGet(this, _a, "f", _Snapshot_container)?.parentElement;
+        __classPrivateFieldSet(this, _a, possibleParent?.querySelector(`:scope > scroll-view,:scope > [is=sidebar-view] > scroll-view`) ?? undefined, "f", _Snapshot_parent); //const sv2 = pr.parentElement.querySelector(`:scope > scroll-view`) //pr.previousElementSibling
+        const { frame: parentFrame, toolbarElements: parentToolbarItems } = __classPrivateFieldGet(this, _a, "f", _Snapshot_queryScrollViewRels).call(this, __classPrivateFieldGet(this, _a, "f", _Snapshot_parent));
+        __classPrivateFieldSet(this, _a, parentFrame, "f", _Snapshot_parentContainer);
+        __classPrivateFieldSet(this, _a, parentToolbarItems, "f", _Snapshot_parentToolbarItems);
+        // const possibleParent =
+        //     this.#container?.parentElement?.querySelector<HTMLElement>(
+        //       `:scope > scroll-view,:scope > [is=sidebar-view] > scroll-view`
+        //     ) ?? undefined, //const sv2 = pr.parentElement.querySelector(`:scope > scroll-view`) //pr.previousElementSibling
+        //   {
+        //     landmark: parentLm,
+        //     frame: parentFrame,
+        //     toolbarElements: parentToolbarItems,
+        //   } = this.#queryScrollViewRels(possibleParent)
+        // this.#parent = parentLm
+        // this.#parentContainer = parentFrame
+        // this.#parentToolbarItems = parentToolbarItems
+        // detect children
+        let possibleNest = scrollView?.nextElementSibling;
+        if ('NAVIGATION-SPLIT-VIEW' === __classPrivateFieldGet(this, _a, "f", _Snapshot_root)?.tagName)
+            if (scrollView?.matches(`navigation-split-view > scroll-view${null !== __classPrivateFieldGet(this, _a, "f", _Snapshot_root).querySelector(':scope > [is=sidebar-view]') ? ',navigation-split-view > [is=sidebar-view] > scroll-view,navigation-split-view > body-view > scroll-view' : ''}`))
+                possibleNest = (scrollView?.parentElement?.matches('dialog[is=sidebar-view]')
+                    ? scrollView?.parentElement
+                    : scrollView)?.previousElementSibling; // look for prev sibling instead
+        // const possibleNest = scrollView?.nextElementSibling as HTMLElement | null
+        __classPrivateFieldSet(this, _a, [
+            ...(possibleNest?.querySelectorAll('scroll-view:not(navigation-stack[hidden] scroll-view,navigation-split-view[hidden] scroll-view)') ?? []),
+        ]?.pop?.(), "f", _Snapshot_leaf); //'navigation-stack:not([hidden]) scroll-view'
+        const { frame: leafFrame, toolbarElements: leafToolbarItems } = __classPrivateFieldGet(this, _a, "f", _Snapshot_queryScrollViewRels).call(this, __classPrivateFieldGet(this, _a, "f", _Snapshot_leaf));
+        __classPrivateFieldSet(this, _a, leafFrame, "f", _Snapshot_leafContainer);
+        __classPrivateFieldSet(this, _a, leafToolbarItems, "f", _Snapshot_leafToolbarItems);
+        // const {
+        //   landmark: leafLm,
+        //   frame: leafFrame,
+        //   toolbarElements: leafToolbarItems,
+        // } = this.#queryScrollViewRels(
+        //   [
+        //     ...(possibleNest?.querySelectorAll<Components.ScrollView>(
+        //       'scroll-view:not(navigation-stack[hidden] scroll-view,navigation-split-view[hidden] scroll-view)'
+        //     ) ?? []),
+        //   ]?.pop?.()
+        // ) //'navigation-stack:not([hidden]) scroll-view'
+        // this.#leaf = leafLm
+        // this.#leafContainer = leafFrame
+        // this.#leafToolbarItems = leafToolbarItems
+        console.debug(`${__classPrivateFieldGet(this, _a, "f", _Snapshot_root)?.tagName}
+      / \\
+     B   ${__classPrivateFieldGet(this, _a, "f", _Snapshot_parentContainer)?.tagName}
+        / \\
+       D   ${__classPrivateFieldGet(this, _a, "f", _Snapshot_container)?.tagName}
+          / \\
+         H   ${__classPrivateFieldGet(this, _a, "f", _Snapshot_leafContainer)?.tagName}
+`);
+        // this.#childFrame = ['BODY-VIEW', 'NAVIGATION-STACK'].includes(
+        //   possibleNest?.tagName ?? ''
+        // )
+        //   ? (possibleNest ?? undefined)
+        //   : undefined
+        // this.#childToolbarItems = this.#childFrame?.querySelectorAll(
+        //   `:scope > navigation-bar > tool-bar-item,:scope > bottom-bar > tool-bar-item`
+        // )
+    }
+}
+_a = Snapshot, _Snapshot_getOwnConfig = function _Snapshot_getOwnConfig() {
+    const style = getComputedStyle(document.documentElement, '::before'), content = style.getPropertyValue('content'), unquoted = content.replace(/^"(.*)"$/, '$1'); // Remove quotes around the content
+    try {
+        __classPrivateFieldSet(this, _a, Object.fromEntries(new URLSearchParams(unquoted).entries()), "f", _Snapshot_config); // {"none": ""}
+    }
+    catch {
+        console.error('could-not-parse-config');
+    }
+    console.debug(__classPrivateFieldGet(this, _a, "f", _Snapshot_config));
+};
+_Snapshot_config = { value: void 0 };
+//////
+_Snapshot_parent = { value: void 0 };
+_Snapshot_leaf = { value: void 0 };
+_Snapshot_root = { value: void 0 };
+_Snapshot_parentContainer = { value: void 0 };
+_Snapshot_container = { value: void 0 };
+_Snapshot_leafContainer = { value: void 0 };
+_Snapshot_parentToolbarItems = { value: void 0 };
+_Snapshot_toolbarItems = { value: void 0 };
+_Snapshot_leafToolbarItems = { value: void 0 };
+_Snapshot_queryScrollViewRels = { value: (sv) => {
+        const isSidebarWrapped = sv?.parentElement?.matches('dialog[is=sidebar-view]');
+        return {
+            frame: (isSidebarWrapped ? sv?.parentElement : sv)?.parentElement ?? undefined,
+            toolbarElements: sv?.parentElement?.querySelectorAll(`:scope > navigation-bar > tool-bar-item,:scope > bottom-bar > tool-bar-item,:scope > navigation-bar > tool-bar-item-group,:scope > bottom-bar > tool-bar-item-group`),
+        };
+    } };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@swiftwc/ui",
-  "version": "0.0.0-dev.4",
-  "description": "Elegant SwiftUI-inspired web components for ambitious web apps and web extensions.",
+  "version": "0.0.0-dev.6",
+  "description": "Elegant SwiftUI-inspired web components for standalone web apps and web extensions.",
   "publishConfig": {
     "access": "public"
   },
@@ -53,8 +53,8 @@
     "prebuild": "rm -rf generated",
     "build": "npm run build:ts && npm run build:scss",
     "build:ts:watch": "npm run prebuild && tsc --watch",
-    "build:ts": "npm run prebuild && tsc",
-    "build:scss": "npm run prebuild && sass --no-source-map scss/index.scss generated/styles.css",
+    "build:ts": "tsc",
+    "build:scss": "sass --no-source-map scss/index.scss generated/styles.css",
     "format:check": "prettier . --check",
     "format:write": "prettier . --write"
   },