@salesforcedevs/dx-components 0.0.0

package/src/modules/dxUtils/queryCoordinator/queryCoordinator.ts

@@ -0,0 +1,43 @@
+import qs, { ParsedQuery } from "query-string";
+/*
+ we import this util function below to get/set the query params as hyphenated versions of their camelcase counterparts.
+*/
+import kebabCase from "lodash.kebabcase";
+
+export function getUrlParamValue(key: string) {
+    const urlParams: ParsedQuery<string> = qs.parse(window.location.search);
+    const hyphenatedKey = kebabCase(key);
+
+    if (hyphenatedKey in urlParams) {
+        return (urlParams[hyphenatedKey] as string)
+            .split(",")
+            .map((urlParam) => urlParam.replace("-", " "));
+    }
+
+    return [];
+}
+
+export function setUrlParamValue(options: { [key: string]: string[] }) {
+    const url = new URL(window.location.href);
+
+    const newParams = {} as any;
+    const urlParams = qs.parse(window.location.search) as any;
+
+    for (const [key, value] of Object.entries(options)) {
+        if (value?.length) {
+            newParams[kebabCase(key)] = value.map((v) => kebabCase(v));
+        } else {
+            delete urlParams[kebabCase(key)];
+        }
+    }
+
+    url.search = qs.stringify(
+        {
+            ...urlParams,
+            ...newParams
+        },
+        { arrayFormat: "comma" }
+    );
+
+    window.history.replaceState(null, "", url.href);
+}

package/src/modules/dxUtils/recentSearches/recentSearches.ts

@@ -0,0 +1,57 @@
+export const LOCAL_STORAGE_KEY = "dx-sidebar-recent-searches";
+
+export const LIMIT = 5;
+
+export class RecentSearches {
+    items: string[] = [];
+
+    constructor() {
+        this._init();
+    }
+
+    get() {
+        return this.items;
+    }
+
+    add(item: string | undefined) {
+        if (!item || typeof item !== "string") {
+            return;
+        }
+        const normalized = item.trim();
+        if (normalized === "") {
+            return;
+        }
+        this._prepend(normalized);
+        this._removeDuplicates(normalized);
+        this._cutOffExcess();
+        this._addToStorage();
+    }
+
+    // private
+    _init() {
+        this.items = JSON.parse(
+            window.localStorage.getItem(LOCAL_STORAGE_KEY) || "[]"
+        );
+    }
+
+    _prepend(item: string) {
+        this.items.unshift(item);
+    }
+
+    _removeDuplicates(item: string) {
+        while (this.items.lastIndexOf(item) > 0) {
+            this.items.splice(this.items.lastIndexOf(item), 1);
+        }
+    }
+
+    _cutOffExcess() {
+        this.items = this.items.slice(0, LIMIT);
+    }
+
+    _addToStorage() {
+        window.localStorage.setItem(
+            LOCAL_STORAGE_KEY,
+            JSON.stringify(this.items)
+        );
+    }
+}

package/src/modules/dxUtils/regexps/regexps.ts

@@ -0,0 +1,5 @@
+const escapeRegExp = (text: string) =>
+    text.replace(/[-[\]{}()*+?.,\\^$|]/g, "\\$&");
+
+export const createSearchRegExp = (searchTerm: string): RegExp =>
+    new RegExp(`(?:${escapeRegExp(searchTerm)})(?![^<>]*>)`, "gi");

package/src/modules/dxUtils/seo/seo.ts

@@ -0,0 +1,4 @@
+export function isPrerender(): boolean {
+    const userAgent = window.navigator.userAgent;
+    return userAgent.includes("Prerender");
+}

package/src/modules/dxUtils/slot/slot.ts

@@ -0,0 +1,17 @@
+import { LightningSlotElement } from "typings/custom";
+
+export const isSlotEmpty = (e: LightningSlotElement) =>
+    // @ts-ignore
+    e.target.assignedElements().length === 0;
+
+const stopPropagation = (event: Event) => {
+    event.stopPropagation();
+};
+
+export const stopPropagationOnSlotted = (e: LightningSlotElement) => {
+    // @ts-ignore
+    const slot = e.target;
+    slot.assignedElements().forEach((el: HTMLElement) => {
+        el.addEventListener("click", stopPropagation);
+    });
+};

package/src/modules/dxUtils/wordpress/wordpress.ts

@@ -0,0 +1,13 @@
+export const fetchWordpressPosts = async (
+    path: string,
+    normalizer: any,
+    count: string = "6"
+) => {
+    const res = await fetch(`${path}?maxResults=${count}`);
+    if (res.status !== 200) {
+        console.error("Failed to fetch posts", res);
+        return null;
+    }
+    const json = await res.json();
+    return json.posts.map(normalizer);
+};