@fluid-topics/ft-wc-utils 1.1.2 → 1.1.4

package/build/helpers.d.ts

@@ -1,4 +1,6 @@
+import { Optional, Provider } from "./generic-types";
 export declare const delay: (ms: number) => Promise<unknown>;
+export declare function waitFor<T>(provider: Provider<Optional<T>>, interval?: number): Promise<T>;
 export declare function flatDeep<T>(arr: Array<T>, getChildren: (o: T) => Array<T>): Array<T>;
 export declare function dateReviver(...dateKeys: string[]): (key: string, value: any) => any;
 export declare function parseDate(value: string): Date;

package/build/helpers.js

@@ -1,4 +1,12 @@
 export const delay = (ms) => new Promise(resolve => setTimeout(resolve, ms));
+export async function waitFor(provider, interval = 5) {
+    let value = provider();
+    while (value == null) {
+        await delay(interval);
+        value = provider();
+    }
+    return value;
+}
 export function flatDeep(arr, getChildren) {
     return arr.flatMap(o => [o, ...flatDeep(getChildren(o), getChildren)]);
 }

package/build/index.d.ts

@@ -2,6 +2,7 @@ import "./silent-define";
 export declare const isSafari: boolean;
 export * from "./CacheRegistry";
 export * from "./CancelablePromise";
+export * from "./conditional-visibility";
 export * from "./Debouncer";
 export * from "./decorators";
 export * from "./designSystemVariables";

package/build/index.js

@@ -4,6 +4,7 @@ export const isSafari = (navigator.vendor && !!navigator.vendor.match(/apple/i))
     || ((_c = (_b = (_a = window.safari) === null || _a === void 0 ? void 0 : _a.pushNotification) === null || _b === void 0 ? void 0 : _b.toString()) !== null && _c !== void 0 ? _c : "") === "[object SafariRemoteNotification]";
 export * from "./CacheRegistry";
 export * from "./CancelablePromise";
+export * from "./conditional-visibility";
 export * from "./Debouncer";
 export * from "./decorators";
 export * from "./designSystemVariables";

package/build/redux/FtCommandQueue.d.ts

@@ -0,0 +1,9 @@
+import { Optional } from "../generic-types";
+export interface FtCommand {
+    type: string;
+}
+export declare class FtCommandQueue {
+    private stack;
+    add(command: FtCommand, unique?: boolean): void;
+    consume<T extends FtCommand>(type: string): Optional<T>;
+}

package/build/redux/FtCommandQueue.js

@@ -0,0 +1,18 @@
+export class FtCommandQueue {
+    constructor() {
+        this.stack = [];
+    }
+    add(command, unique = false) {
+        if (unique) {
+            this.stack = this.stack.filter(c => c.type !== command.type);
+        }
+        this.stack.push(command);
+    }
+    consume(type) {
+        const maybeCommand = this.stack.find(c => c.type === type);
+        if (maybeCommand) {
+            this.stack = this.stack.filter(c => c !== maybeCommand);
+        }
+        return maybeCommand;
+    }
+}

package/build/redux/FtReduxStore.d.ts

@@ -1,5 +1,6 @@
 import { Action, AnyAction, CaseReducerActions, Dispatch, Observable, Reducer, Slice, SliceCaseReducers, Store, Unsubscribe } from "@reduxjs/toolkit";
 import { DefaultStateReducer, FtCreateReduxStoreOptions, FtReduxStoreActions } from "./models";
+import { FtCommandQueue } from "./FtCommandQueue";
 declare global {
     interface Window {
         ftReduxStores: Record<string, Store<any, any>>;
@@ -11,7 +12,8 @@ export declare class FtReduxStore<State = any, CR extends SliceCaseReducers<Stat
     readonly isFtReduxStore = true;
     static get<State = any, CR extends SliceCaseReducers<State> = SliceCaseReducers<State>, A extends Action = AnyAction>(name: string): FtReduxStore<State, CR, A> | undefined;
     static get<State = any, CR extends SliceCaseReducers<State> = SliceCaseReducers<State>, A extends Action = AnyAction>(options: FtCreateReduxStoreOptions<State, CR>): FtReduxStore<State, CR, A>;
-    eventBus: EventTarget;
+    readonly eventBus: EventTarget;
+    readonly commands: FtCommandQueue;
     private constructor();
     clear(): void;
     setState(state: Partial<State>): void;

package/build/redux/FtReduxStore.js

@@ -1,5 +1,6 @@
 import { configureStore, createSlice } from "@reduxjs/toolkit";
 import { isFtReduxStore } from "./models";
+import { FtCommandQueue } from "./FtCommandQueue";
 if (!window.ftReduxStores) {
     window.ftReduxStores = {};
 }
@@ -39,6 +40,7 @@ export class FtReduxStore {
         this.reduxStore = reduxStore;
         this.isFtReduxStore = true;
         this.eventBus = document.createElement("event-bus");
+        this.commands = new FtCommandQueue();
         // Add proxy to automatically dispatch changes
         this.actions = new Proxy(this.reduxSlice.actions, {
             get: (target, p, receiver) => {

package/build/redux/index.d.ts

@@ -1,4 +1,5 @@
+export * from "./decorators";
+export * from "./FtCommandQueue";
 export * from "./FtLitElementRedux";
 export * from "./FtReduxStore";
-export * from "./decorators";
 export * from "./models";

package/build/redux/index.js

@@ -1,4 +1,5 @@
+export * from "./decorators";
+export * from "./FtCommandQueue";
 export * from "./FtLitElementRedux";
 export * from "./FtReduxStore";
-export * from "./decorators";
 export * from "./models";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluid-topics/ft-wc-utils",
-  "version": "1.1.2",
+  "version": "1.1.4",
   "description": "Internal web components tools",
   "author": "Fluid Topics <devtopics@antidot.net>",
   "license": "ISC",
@@ -21,5 +21,5 @@
     "lit": "3.1.0",
     "mark.js": "8.11.1"
   },
-  "gitHead": "53ce99f657872582bca43cbb7ad691b239b22823"
+  "gitHead": "b13ddd3359734158be660854f9ffe5fc5880c430"
 }