xv-webcomponents 1.25.1 → 2.0.0-beta.28

package/dist/collection/utils/table-layout.js

@@ -0,0 +1,130 @@
+const DB_NAME = 'xv-webcomponents';
+const DB_VERSION = 1;
+const STORE = 'table-layouts';
+const MAX_AGE_MS = 180 * 24 * 60 * 60 * 1000;
+const READ_TIMEOUT_MS = 1500;
+let connection = null;
+let pruned = false;
+const layoutId = (owner, storageKey) => `${owner || 'anonymous'}:${storageKey}`;
+const request = (req) => new Promise((resolve, reject) => {
+    req.onsuccess = () => resolve(req.result);
+    req.onerror = () => reject(req.error);
+});
+/**
+ * Our own database on purpose. XvMarketplaceNG's origin already carries a Dexie database, and Dexie
+ * multiplies its version by ten — sharing a name loses the version race and kills the feature (MAR-15943).
+ */
+const openDb = () => {
+    if (connection)
+        return connection;
+    connection = new Promise(resolve => {
+        if (typeof indexedDB === 'undefined')
+            return resolve(null);
+        let req;
+        try {
+            req = indexedDB.open(DB_NAME, DB_VERSION);
+        }
+        catch (_a) {
+            return resolve(null);
+        }
+        req.onupgradeneeded = () => {
+            const db = req.result;
+            if (db.objectStoreNames.contains(STORE))
+                return;
+            const store = db.createObjectStore(STORE, { keyPath: 'id' });
+            store.createIndex('owner', 'owner');
+            store.createIndex('updatedAt', 'updatedAt');
+        };
+        req.onsuccess = () => resolve(req.result);
+        req.onerror = () => resolve(null);
+        req.onblocked = () => resolve(null);
+    });
+    return connection;
+};
+const store = async (mode) => {
+    const db = await openDb();
+    if (!db)
+        return null;
+    try {
+        return db.transaction(STORE, mode).objectStore(STORE);
+    }
+    catch (_a) {
+        return null;
+    }
+};
+/** A cold database must not hold the first paint hostage — past this, the declared columns win. */
+const withTimeout = (promise, fallback, ms = READ_TIMEOUT_MS) => Promise.race([promise, new Promise(resolve => setTimeout(() => resolve(fallback), ms))]);
+export const readLayout = async (owner, storageKey) => {
+    if (!storageKey)
+        return null;
+    const read = (async () => {
+        var _a;
+        try {
+            const objectStore = await store('readonly');
+            if (!objectStore)
+                return null;
+            const record = await request(objectStore.get(layoutId(owner, storageKey)));
+            return (_a = record === null || record === void 0 ? void 0 : record.layout) !== null && _a !== void 0 ? _a : null;
+        }
+        catch (_b) {
+            return null;
+        }
+    })();
+    const layout = await withTimeout(read, null);
+    void pruneLayouts();
+    return layout;
+};
+export const writeLayout = async (owner, storageKey, layout) => {
+    if (!storageKey)
+        return;
+    try {
+        const objectStore = await store('readwrite');
+        if (!objectStore)
+            return;
+        const record = {
+            id: layoutId(owner, storageKey),
+            owner: owner || 'anonymous',
+            storageKey,
+            layout,
+            updatedAt: Date.now(),
+        };
+        await request(objectStore.put(record));
+    }
+    catch (_a) {
+        // Private mode and a full quota both degrade to "this table does not remember".
+    }
+};
+export const deleteLayout = async (owner, storageKey) => {
+    if (!storageKey)
+        return;
+    try {
+        const objectStore = await store('readwrite');
+        if (!objectStore)
+            return;
+        await request(objectStore.delete(layoutId(owner, storageKey)));
+    }
+    catch (_a) {
+        // See writeLayout.
+    }
+};
+export const pruneLayouts = async () => {
+    if (pruned)
+        return;
+    pruned = true;
+    try {
+        const objectStore = await store('readwrite');
+        if (!objectStore)
+            return;
+        const range = IDBKeyRange.upperBound(Date.now() - MAX_AGE_MS);
+        const stale = await request(objectStore.index('updatedAt').getAll(range));
+        stale.forEach(record => objectStore.delete(record.id));
+    }
+    catch (_a) {
+        // See writeLayout.
+    }
+};
+/** Test seam: drops the cached connection and the once-per-run prune guard. */
+export const resetLayoutStore = () => {
+    connection = null;
+    pruned = false;
+};

package/dist/components/index.d.ts

@@ -0,0 +1,35 @@
+/**
+ * Get the base path to where the assets can be found. Use "setAssetPath(path)"
+ * if the path needs to be customized.
+ */
+export declare const getAssetPath: (path: string) => string;
+
+/**
+ * Used to manually set the base path where assets can be found.
+ * If the script is used as "module", it's recommended to use "import.meta.url",
+ * such as "setAssetPath(import.meta.url)". Other options include
+ * "setAssetPath(document.currentScript.src)", or using a bundler's replace plugin to
+ * dynamically set the path at build time, such as "setAssetPath(process.env.ASSET_PATH)".
+ * But do note that this configuration depends on how your script is bundled, or lack of
+ * bundling, and where your assets can be loaded from. Additionally custom bundling
+ * will have to ensure the static assets are copied to its build directory.
+ */
+export declare const setAssetPath: (path: string) => void;
+
+/**
+ * Used to specify a nonce value that corresponds with an application's CSP.
+ * When set, the nonce will be added to all dynamically created script and style tags at runtime.
+ * Alternatively, the nonce value can be set on a meta tag in the DOM head
+ * (<meta name="csp-nonce" content="{ nonce value here }" />) which
+ * will result in the same behavior.
+ */
+export declare const setNonce: (nonce: string) => void
+
+export interface SetPlatformOptions {
+  raf?: (c: FrameRequestCallback) => number;
+  ael?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
+  rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
+}
+export declare const setPlatformOptions: (opts: SetPlatformOptions) => void;
+
+export * from '../types';

package/dist/components/index.js

@@ -0,0 +1 @@
+export{g as getAssetPath,r as render,s as setAssetPath,b as setNonce,d as setPlatformOptions,e as setTagTransformer,t as transformTag}from"./p-CspyoLL9.js";function o(t,e,o){return(t||"")+(e?" "+e:"")+(o?" "+o:"")}const n=t=>{const{error:e,warning:o,helper:r}=t;return"string"==typeof e&&e?{level:"error",text:e}:"string"==typeof o&&o?{level:"warning",text:o}:"string"==typeof r&&r?{level:"helper",text:r}:null};function a(){return"10000000-1000-4000-8000-100000000000".replace(/[018]/g,(t=>(+t^crypto.getRandomValues(new Uint8Array(1))[0]&15>>+t/4).toString(16)))}const i=(t,e,o)=>Array.prototype.forEach.call(t,e,o),c=(t,e=500)=>{let o;return function(...r){clearTimeout(o),o=setTimeout((()=>{t.apply(this,r)}),e)}},l=(t,e,o)=>"string"==typeof o?(!t.hasAttribute(e)&&t.setAttribute(e,o),t):(o?!t.hasAttribute(e)&&t.setAttribute(e,""):t.hasAttribute(e)&&t.removeAttribute(e),t),u=()=>{try{const t=localStorage.getItem("metaNav");return t?JSON.parse(t):{}}catch(t){return console.warn("Could not parse metaNav from localStorage:",t),{}}},v=()=>{var t;return window.__xvWhitelabelOverride||(()=>{var t;if("undefined"==typeof document)return;const e="ApplicationContext=";return null===(t=document.cookie.split(";").map((t=>t.trim())).find((t=>t.startsWith(e))))||void 0===t?void 0:t.slice(19)})()||(null===(t=u())||void 0===t?void 0:t.WhitelabelName)||void 0},p=(t="")=>{var e;return`${null!==(e={"sitefinity-qa.crossvertise.com":"https://qa.crossvertise.com","www.crossvertise.com":"https://market.crossvertise.com","sitefinity-staging.crossvertise.com":"https://staging.crossvertise.com",localhost:"https://qa.crossvertise.com"}[window.location.hostname])&&void 0!==e?e:window.location.origin}${t}`},m=async(t,e)=>{const o=e||{},{awaitWl:r,raw:s}=o,n=function(t,e){var o={};for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&e.indexOf(r)<0&&(o[r]=t[r]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var s=0;for(r=Object.getOwnPropertySymbols(t);s<r.length;s++)e.indexOf(r[s])<0&&Object.prototype.propertyIsEnumerable.call(t,r[s])&&(o[r[s]]=t[r[s]])}return o}(o,["awaitWl","raw"]),a=r?await((t=2e3,e=100)=>{const o=v();return o?Promise.resolve(o):new Promise((o=>{const r=Date.now(),s=()=>{const n=v();return n?o(n):Date.now()-r>=t?o("Xv"):void setTimeout(s,e)};s()}))})():v()||"Xv",i=/^https?:\/\//i.test(t)?t:`${p()}/${t.replace(/^\//,"")}`,c=Object.assign(Object.assign({},s?{}:{"Content-Type":"application/json","Application-Context":a}),null==n?void 0:n.headers);return fetch(i,Object.assign(Object.assign({},n),{headers:c})).then((t=>{var e;if(!t.ok)throw Error(`${t.status} ${t.statusText}`);return(null!==(e=t.headers.get("Content-Type"))&&void 0!==e?e:"").includes("application/json")?t.json():t.text()}))},f={get:(t,e)=>m(t,Object.assign(Object.assign({},e),{method:"GET"})),post:(t,e,o)=>m(t,Object.assign(Object.assign({},o),{method:"POST",body:void 0!==e?JSON.stringify(e):void 0})),put:(t,e,o)=>m(t,Object.assign(Object.assign({},o),{method:"PUT",body:void 0!==e?JSON.stringify(e):void 0})),patch:(t,e,o)=>m(t,Object.assign(Object.assign({},o),{method:"PATCH",body:void 0!==e?JSON.stringify(e):void 0})),delete:(t,e)=>m(t,Object.assign(Object.assign({},e),{method:"DELETE"}))};export{u as a,f as b,v as c,c as d,i as f,o as format,p as g,n as r,l as s,a as u}