@nanoporetech-digital/components 7.9.1 → 8.0.0-alpha.0

package/dist/components/algolia.js

@@ -1,8 +1,7 @@
 /*!
- * Web Components for Nanopore digital Web Apps
+ * Custom elements for Nanopore-Digital Web applications
  */
-import { getElement, getRenderingRef, proxyCustomElement, HTMLElement, createEvent, writeTask, readTask, Build, Host } from '@stencil/core/internal/client';
-import { a as algoliasearch } from './algoliasearch-lite.esm.browser.js';
+import { getRenderingRef, getElement, proxyCustomElement, HTMLElement, createEvent, writeTask, readTask, Build, Host } from '@stencil/core/internal/client';
 import { g as getDirectChildren } from './dom.js';
 import { C as ComponentStore } from './component-store.js';
 import { d as debounce } from './throttle.js';
@@ -10,6 +9,951 @@ import { t as transformTag, h } from './renderer.js';
 import { S as SearchChangeEvent } from './algolia-data.js';
 import { d as defineCustomElement$1 } from './spinner.js';
 
+function createBrowserLocalStorageCache(options) {
+    const namespaceKey = `algoliasearch-client-js-${options.key}`;
+    // eslint-disable-next-line functional/no-let
+    let storage;
+    const getStorage = () => {
+        if (storage === undefined) {
+            storage = options.localStorage || window.localStorage;
+        }
+        return storage;
+    };
+    const getNamespace = () => {
+        return JSON.parse(getStorage().getItem(namespaceKey) || '{}');
+    };
+    const setNamespace = (namespace) => {
+        getStorage().setItem(namespaceKey, JSON.stringify(namespace));
+    };
+    const removeOutdatedCacheItems = () => {
+        const timeToLive = options.timeToLive ? options.timeToLive * 1000 : null;
+        const namespace = getNamespace();
+        const filteredNamespaceWithoutOldFormattedCacheItems = Object.fromEntries(Object.entries(namespace).filter(([, cacheItem]) => {
+            return cacheItem.timestamp !== undefined;
+        }));
+        setNamespace(filteredNamespaceWithoutOldFormattedCacheItems);
+        if (!timeToLive)
+            return;
+        const filteredNamespaceWithoutExpiredItems = Object.fromEntries(Object.entries(filteredNamespaceWithoutOldFormattedCacheItems).filter(([, cacheItem]) => {
+            const currentTimestamp = new Date().getTime();
+            const isExpired = cacheItem.timestamp + timeToLive < currentTimestamp;
+            return !isExpired;
+        }));
+        setNamespace(filteredNamespaceWithoutExpiredItems);
+    };
+    return {
+        get(key, defaultValue, events = {
+            miss: () => Promise.resolve(),
+        }) {
+            return Promise.resolve()
+                .then(() => {
+                removeOutdatedCacheItems();
+                const keyAsString = JSON.stringify(key);
+                return getNamespace()[keyAsString];
+            })
+                .then(value => {
+                return Promise.all([value ? value.value : defaultValue(), value !== undefined]);
+            })
+                .then(([value, exists]) => {
+                return Promise.all([value, exists || events.miss(value)]);
+            })
+                .then(([value]) => value);
+        },
+        set(key, value) {
+            return Promise.resolve().then(() => {
+                const namespace = getNamespace();
+                // eslint-disable-next-line functional/immutable-data
+                namespace[JSON.stringify(key)] = {
+                    timestamp: new Date().getTime(),
+                    value,
+                };
+                getStorage().setItem(namespaceKey, JSON.stringify(namespace));
+                return value;
+            });
+        },
+        delete(key) {
+            return Promise.resolve().then(() => {
+                const namespace = getNamespace();
+                // eslint-disable-next-line functional/immutable-data
+                delete namespace[JSON.stringify(key)];
+                getStorage().setItem(namespaceKey, JSON.stringify(namespace));
+            });
+        },
+        clear() {
+            return Promise.resolve().then(() => {
+                getStorage().removeItem(namespaceKey);
+            });
+        },
+    };
+}
+
+// @todo Add logger on options to debug when caches go wrong.
+function createFallbackableCache(options) {
+    const caches = [...options.caches];
+    const current = caches.shift(); // eslint-disable-line functional/immutable-data
+    if (current === undefined) {
+        return createNullCache();
+    }
+    return {
+        get(key, defaultValue, events = {
+            miss: () => Promise.resolve(),
+        }) {
+            return current.get(key, defaultValue, events).catch(() => {
+                return createFallbackableCache({ caches }).get(key, defaultValue, events);
+            });
+        },
+        set(key, value) {
+            return current.set(key, value).catch(() => {
+                return createFallbackableCache({ caches }).set(key, value);
+            });
+        },
+        delete(key) {
+            return current.delete(key).catch(() => {
+                return createFallbackableCache({ caches }).delete(key);
+            });
+        },
+        clear() {
+            return current.clear().catch(() => {
+                return createFallbackableCache({ caches }).clear();
+            });
+        },
+    };
+}
+
+function createNullCache() {
+    return {
+        get(_key, defaultValue, events = {
+            miss: () => Promise.resolve(),
+        }) {
+            const value = defaultValue();
+            return value
+                .then(result => Promise.all([result, events.miss(result)]))
+                .then(([result]) => result);
+        },
+        set(_key, value) {
+            return Promise.resolve(value);
+        },
+        delete(_key) {
+            return Promise.resolve();
+        },
+        clear() {
+            return Promise.resolve();
+        },
+    };
+}
+
+function createInMemoryCache(options = { serializable: true }) {
+    // eslint-disable-next-line functional/no-let
+    let cache = {};
+    return {
+        get(key, defaultValue, events = {
+            miss: () => Promise.resolve(),
+        }) {
+            const keyAsString = JSON.stringify(key);
+            if (keyAsString in cache) {
+                return Promise.resolve(options.serializable ? JSON.parse(cache[keyAsString]) : cache[keyAsString]);
+            }
+            const promise = defaultValue();
+            const miss = (events && events.miss) || (() => Promise.resolve());
+            return promise.then((value) => miss(value)).then(() => promise);
+        },
+        set(key, value) {
+            // eslint-disable-next-line functional/immutable-data
+            cache[JSON.stringify(key)] = options.serializable ? JSON.stringify(value) : value;
+            return Promise.resolve(value);
+        },
+        delete(key) {
+            // eslint-disable-next-line functional/immutable-data
+            delete cache[JSON.stringify(key)];
+            return Promise.resolve();
+        },
+        clear() {
+            cache = {};
+            return Promise.resolve();
+        },
+    };
+}
+
+function createAuth(authMode, appId, apiKey) {
+    const credentials = {
+        'x-algolia-api-key': apiKey,
+        'x-algolia-application-id': appId,
+    };
+    return {
+        headers() {
+            return authMode === AuthMode.WithinHeaders ? credentials : {};
+        },
+        queryParameters() {
+            return authMode === AuthMode.WithinQueryParameters ? credentials : {};
+        },
+    };
+}
+
+// eslint-disable-next-line functional/prefer-readonly-type
+function shuffle(array) {
+    let c = array.length - 1; // eslint-disable-line functional/no-let
+    // eslint-disable-next-line functional/no-loop-statement
+    for (c; c > 0; c--) {
+        const b = Math.floor(Math.random() * (c + 1));
+        const a = array[c];
+        array[c] = array[b]; // eslint-disable-line functional/immutable-data, no-param-reassign
+        array[b] = a; // eslint-disable-line functional/immutable-data, no-param-reassign
+    }
+    return array;
+}
+function addMethods(base, methods) {
+    if (!methods) {
+        return base;
+    }
+    Object.keys(methods).forEach(key => {
+        // eslint-disable-next-line functional/immutable-data, no-param-reassign
+        base[key] = methods[key](base);
+    });
+    return base;
+}
+function encode(format, ...args) {
+    // eslint-disable-next-line functional/no-let
+    let i = 0;
+    return format.replace(/%s/g, () => encodeURIComponent(args[i++]));
+}
+
+const version = '4.24.0';
+
+const AuthMode = {
+    /**
+     * If auth credentials should be in query parameters.
+     */
+    WithinQueryParameters: 0,
+    /**
+     * If auth credentials should be in headers.
+     */
+    WithinHeaders: 1,
+};
+
+function createMappedRequestOptions(requestOptions, timeout) {
+    const options = requestOptions || {};
+    const data = options.data || {};
+    Object.keys(options).forEach(key => {
+        if (['timeout', 'headers', 'queryParameters', 'data', 'cacheable'].indexOf(key) === -1) {
+            data[key] = options[key]; // eslint-disable-line functional/immutable-data
+        }
+    });
+    return {
+        data: Object.entries(data).length > 0 ? data : undefined,
+        timeout: options.timeout || timeout,
+        headers: options.headers || {},
+        queryParameters: options.queryParameters || {},
+        cacheable: options.cacheable,
+    };
+}
+
+const CallEnum = {
+    /**
+     * If the host is read only.
+     */
+    Read: 1,
+    /**
+     * If the host is write only.
+     */
+    Write: 2,
+    /**
+     * If the host is both read and write.
+     */
+    Any: 3,
+};
+
+const HostStatusEnum = {
+    Up: 1,
+    Down: 2,
+    Timeouted: 3,
+};
+
+// By default, API Clients at Algolia have expiration delay
+// of 5 mins. In the JavaScript client, we have 2 mins.
+const EXPIRATION_DELAY = 2 * 60 * 1000;
+function createStatefulHost(host, status = HostStatusEnum.Up) {
+    return {
+        ...host,
+        status,
+        lastUpdate: Date.now(),
+    };
+}
+function isStatefulHostUp(host) {
+    return host.status === HostStatusEnum.Up || Date.now() - host.lastUpdate > EXPIRATION_DELAY;
+}
+function isStatefulHostTimeouted(host) {
+    return (host.status === HostStatusEnum.Timeouted && Date.now() - host.lastUpdate <= EXPIRATION_DELAY);
+}
+
+function createStatelessHost(options) {
+    if (typeof options === 'string') {
+        return {
+            protocol: 'https',
+            url: options,
+            accept: CallEnum.Any,
+        };
+    }
+    return {
+        protocol: options.protocol || 'https',
+        url: options.url,
+        accept: options.accept || CallEnum.Any,
+    };
+}
+
+const MethodEnum = {
+    Get: 'GET',
+    Post: 'POST'};
+
+function createRetryableOptions(hostsCache, statelessHosts) {
+    return Promise.all(statelessHosts.map(statelessHost => {
+        return hostsCache.get(statelessHost, () => {
+            return Promise.resolve(createStatefulHost(statelessHost));
+        });
+    })).then(statefulHosts => {
+        const hostsUp = statefulHosts.filter(host => isStatefulHostUp(host));
+        const hostsTimeouted = statefulHosts.filter(host => isStatefulHostTimeouted(host));
+        /**
+         * Note, we put the hosts that previously timeouted on the end of the list.
+         */
+        const hostsAvailable = [...hostsUp, ...hostsTimeouted];
+        const statelessHostsAvailable = hostsAvailable.length > 0
+            ? hostsAvailable.map(host => createStatelessHost(host))
+            : statelessHosts;
+        return {
+            getTimeout(timeoutsCount, baseTimeout) {
+                /**
+                 * Imagine that you have 4 hosts, if timeouts will increase
+                 * on the following way: 1 (timeouted) > 4 (timeouted) > 5 (200)
+                 *
+                 * Note that, the very next request, we start from the previous timeout
+                 *
+                 *  5 (timeouted) > 6 (timeouted) > 7 ...
+                 *
+                 * This strategy may need to be reviewed, but is the strategy on the our
+                 * current v3 version.
+                 */
+                const timeoutMultiplier = hostsTimeouted.length === 0 && timeoutsCount === 0
+                    ? 1
+                    : hostsTimeouted.length + 3 + timeoutsCount;
+                return timeoutMultiplier * baseTimeout;
+            },
+            statelessHosts: statelessHostsAvailable,
+        };
+    });
+}
+
+const isNetworkError = ({ isTimedOut, status }) => {
+    return !isTimedOut && ~~status === 0;
+};
+const isRetryable = (response) => {
+    const status = response.status;
+    const isTimedOut = response.isTimedOut;
+    return (isTimedOut || isNetworkError(response) || (~~(status / 100) !== 2 && ~~(status / 100) !== 4));
+};
+const isSuccess = ({ status }) => {
+    return ~~(status / 100) === 2;
+};
+const retryDecision = (response, outcomes) => {
+    if (isRetryable(response)) {
+        return outcomes.onRetry(response);
+    }
+    if (isSuccess(response)) {
+        return outcomes.onSuccess(response);
+    }
+    return outcomes.onFail(response);
+};
+
+function retryableRequest(transporter, statelessHosts, request, requestOptions) {
+    const stackTrace = []; // eslint-disable-line functional/prefer-readonly-type
+    /**
+     * First we prepare the payload that do not depend from hosts.
+     */
+    const data = serializeData(request, requestOptions);
+    const headers = serializeHeaders(transporter, requestOptions);
+    const method = request.method;
+    // On `GET`, the data is proxied to query parameters.
+    const dataQueryParameters = request.method !== MethodEnum.Get
+        ? {}
+        : {
+            ...request.data,
+            ...requestOptions.data,
+        };
+    const queryParameters = {
+        'x-algolia-agent': transporter.userAgent.value,
+        ...transporter.queryParameters,
+        ...dataQueryParameters,
+        ...requestOptions.queryParameters,
+    };
+    let timeoutsCount = 0; // eslint-disable-line functional/no-let
+    const retry = (hosts, // eslint-disable-line functional/prefer-readonly-type
+    getTimeout) => {
+        /**
+         * We iterate on each host, until there is no host left.
+         */
+        const host = hosts.pop(); // eslint-disable-line functional/immutable-data
+        if (host === undefined) {
+            throw createRetryError(stackTraceWithoutCredentials(stackTrace));
+        }
+        const payload = {
+            data,
+            headers,
+            method,
+            url: serializeUrl(host, request.path, queryParameters),
+            connectTimeout: getTimeout(timeoutsCount, transporter.timeouts.connect),
+            responseTimeout: getTimeout(timeoutsCount, requestOptions.timeout),
+        };
+        /**
+         * The stackFrame is pushed to the stackTrace so we
+         * can have information about onRetry and onFailure
+         * decisions.
+         */
+        const pushToStackTrace = (response) => {
+            const stackFrame = {
+                request: payload,
+                response,
+                host,
+                triesLeft: hosts.length,
+            };
+            // eslint-disable-next-line functional/immutable-data
+            stackTrace.push(stackFrame);
+            return stackFrame;
+        };
+        const decisions = {
+            onSuccess: response => deserializeSuccess(response),
+            onRetry(response) {
+                const stackFrame = pushToStackTrace(response);
+                /**
+                 * If response is a timeout, we increaset the number of
+                 * timeouts so we can increase the timeout later.
+                 */
+                if (response.isTimedOut) {
+                    timeoutsCount++;
+                }
+                return Promise.all([
+                    /**
+                     * Failures are individually send the logger, allowing
+                     * the end user to debug / store stack frames even
+                     * when a retry error does not happen.
+                     */
+                    transporter.logger.info('Retryable failure', stackFrameWithoutCredentials(stackFrame)),
+                    /**
+                     * We also store the state of the host in failure cases. If the host, is
+                     * down it will remain down for the next 2 minutes. In a timeout situation,
+                     * this host will be added end of the list of hosts on the next request.
+                     */
+                    transporter.hostsCache.set(host, createStatefulHost(host, response.isTimedOut ? HostStatusEnum.Timeouted : HostStatusEnum.Down)),
+                ]).then(() => retry(hosts, getTimeout));
+            },
+            onFail(response) {
+                pushToStackTrace(response);
+                throw deserializeFailure(response, stackTraceWithoutCredentials(stackTrace));
+            },
+        };
+        return transporter.requester.send(payload).then(response => {
+            return retryDecision(response, decisions);
+        });
+    };
+    /**
+     * Finally, for each retryable host perform request until we got a non
+     * retryable response. Some notes here:
+     *
+     * 1. The reverse here is applied so we can apply a `pop` later on => more performant.
+     * 2. We also get from the retryable options a timeout multiplier that is tailored
+     * for the current context.
+     */
+    return createRetryableOptions(transporter.hostsCache, statelessHosts).then(options => {
+        return retry([...options.statelessHosts].reverse(), options.getTimeout);
+    });
+}
+
+function createTransporter(options) {
+    const { hostsCache, logger, requester, requestsCache, responsesCache, timeouts, userAgent, hosts, queryParameters, headers, } = options;
+    const transporter = {
+        hostsCache,
+        logger,
+        requester,
+        requestsCache,
+        responsesCache,
+        timeouts,
+        userAgent,
+        headers,
+        queryParameters,
+        hosts: hosts.map(host => createStatelessHost(host)),
+        read(request, requestOptions) {
+            /**
+             * First, we compute the user request options. Now, keep in mind,
+             * that using request options the user is able to modified the intire
+             * payload of the request. Such as headers, query parameters, and others.
+             */
+            const mappedRequestOptions = createMappedRequestOptions(requestOptions, transporter.timeouts.read);
+            const createRetryableRequest = () => {
+                /**
+                 * Then, we prepare a function factory that contains the construction of
+                 * the retryable request. At this point, we may *not* perform the actual
+                 * request. But we want to have the function factory ready.
+                 */
+                return retryableRequest(transporter, transporter.hosts.filter(host => (host.accept & CallEnum.Read) !== 0), request, mappedRequestOptions);
+            };
+            /**
+             * Once we have the function factory ready, we need to determine of the
+             * request is "cacheable" - should be cached. Note that, once again,
+             * the user can force this option.
+             */
+            const cacheable = mappedRequestOptions.cacheable !== undefined
+                ? mappedRequestOptions.cacheable
+                : request.cacheable;
+            /**
+             * If is not "cacheable", we immediatly trigger the retryable request, no
+             * need to check cache implementations.
+             */
+            if (cacheable !== true) {
+                return createRetryableRequest();
+            }
+            /**
+             * If the request is "cacheable", we need to first compute the key to ask
+             * the cache implementations if this request is on progress or if the
+             * response already exists on the cache.
+             */
+            const key = {
+                request,
+                mappedRequestOptions,
+                transporter: {
+                    queryParameters: transporter.queryParameters,
+                    headers: transporter.headers,
+                },
+            };
+            /**
+             * With the computed key, we first ask the responses cache
+             * implemention if this request was been resolved before.
+             */
+            return transporter.responsesCache.get(key, () => {
+                /**
+                 * If the request has never resolved before, we actually ask if there
+                 * is a current request with the same key on progress.
+                 */
+                return transporter.requestsCache.get(key, () => {
+                    return (transporter.requestsCache
+                        /**
+                         * Finally, if there is no request in progress with the same key,
+                         * this `createRetryableRequest()` will actually trigger the
+                         * retryable request.
+                         */
+                        .set(key, createRetryableRequest())
+                        .then(response => Promise.all([transporter.requestsCache.delete(key), response]), err => Promise.all([transporter.requestsCache.delete(key), Promise.reject(err)]))
+                        .then(([_, response]) => response));
+                });
+            }, {
+                /**
+                 * Of course, once we get this response back from the server, we
+                 * tell response cache to actually store the received response
+                 * to be used later.
+                 */
+                miss: response => transporter.responsesCache.set(key, response),
+            });
+        },
+        write(request, requestOptions) {
+            /**
+             * On write requests, no cache mechanisms are applied, and we
+             * proxy the request immediately to the requester.
+             */
+            return retryableRequest(transporter, transporter.hosts.filter(host => (host.accept & CallEnum.Write) !== 0), request, createMappedRequestOptions(requestOptions, transporter.timeouts.write));
+        },
+    };
+    return transporter;
+}
+
+function createUserAgent(version) {
+    const userAgent = {
+        value: `Algolia for JavaScript (${version})`,
+        add(options) {
+            const addedUserAgent = `; ${options.segment}${options.version !== undefined ? ` (${options.version})` : ''}`;
+            if (userAgent.value.indexOf(addedUserAgent) === -1) {
+                // eslint-disable-next-line functional/immutable-data
+                userAgent.value = `${userAgent.value}${addedUserAgent}`;
+            }
+            return userAgent;
+        },
+    };
+    return userAgent;
+}
+
+function deserializeSuccess(response) {
+    // eslint-disable-next-line functional/no-try-statement
+    try {
+        return JSON.parse(response.content);
+    }
+    catch (e) {
+        throw createDeserializationError(e.message, response);
+    }
+}
+function deserializeFailure({ content, status }, stackFrame) {
+    // eslint-disable-next-line functional/no-let
+    let message = content;
+    // eslint-disable-next-line functional/no-try-statement
+    try {
+        message = JSON.parse(content).message;
+    }
+    catch (e) {
+        // ..
+    }
+    return createApiError(message, status, stackFrame);
+}
+
+function serializeUrl(host, path, queryParameters) {
+    const queryParametersAsString = serializeQueryParameters(queryParameters);
+    // eslint-disable-next-line functional/no-let
+    let url = `${host.protocol}://${host.url}/${path.charAt(0) === '/' ? path.substr(1) : path}`;
+    if (queryParametersAsString.length) {
+        url += `?${queryParametersAsString}`;
+    }
+    return url;
+}
+function serializeQueryParameters(parameters) {
+    const isObjectOrArray = (value) => Object.prototype.toString.call(value) === '[object Object]' ||
+        Object.prototype.toString.call(value) === '[object Array]';
+    return Object.keys(parameters)
+        .map(key => encode('%s=%s', key, isObjectOrArray(parameters[key]) ? JSON.stringify(parameters[key]) : parameters[key]))
+        .join('&');
+}
+function serializeData(request, requestOptions) {
+    if (request.method === MethodEnum.Get ||
+        (request.data === undefined && requestOptions.data === undefined)) {
+        return undefined;
+    }
+    const data = Array.isArray(request.data)
+        ? request.data
+        : { ...request.data, ...requestOptions.data };
+    return JSON.stringify(data);
+}
+function serializeHeaders(transporter, requestOptions) {
+    const headers = {
+        ...transporter.headers,
+        ...requestOptions.headers,
+    };
+    const serializedHeaders = {};
+    Object.keys(headers).forEach(header => {
+        const value = headers[header];
+        // @ts-ignore
+        // eslint-disable-next-line functional/immutable-data
+        serializedHeaders[header.toLowerCase()] = value;
+    });
+    return serializedHeaders;
+}
+
+function stackTraceWithoutCredentials(stackTrace) {
+    return stackTrace.map(stackFrame => stackFrameWithoutCredentials(stackFrame));
+}
+function stackFrameWithoutCredentials(stackFrame) {
+    const modifiedHeaders = stackFrame.request.headers['x-algolia-api-key']
+        ? { 'x-algolia-api-key': '*****' }
+        : {};
+    return {
+        ...stackFrame,
+        request: {
+            ...stackFrame.request,
+            headers: {
+                ...stackFrame.request.headers,
+                ...modifiedHeaders,
+            },
+        },
+    };
+}
+
+function createApiError(message, status, transporterStackTrace) {
+    return {
+        name: 'ApiError',
+        message,
+        status,
+        transporterStackTrace,
+    };
+}
+
+function createDeserializationError(message, response) {
+    return {
+        name: 'DeserializationError',
+        message,
+        response,
+    };
+}
+
+function createRetryError(transporterStackTrace) {
+    return {
+        name: 'RetryError',
+        message: 'Unreachable hosts - your application id may be incorrect. If the error persists, please reach out to the Algolia Support team: https://alg.li/support .',
+        transporterStackTrace,
+    };
+}
+
+const createSearchClient = options => {
+    const appId = options.appId;
+    const auth = createAuth(options.authMode !== undefined ? options.authMode : AuthMode.WithinHeaders, appId, options.apiKey);
+    const transporter = createTransporter({
+        hosts: [
+            { url: `${appId}-dsn.algolia.net`, accept: CallEnum.Read },
+            { url: `${appId}.algolia.net`, accept: CallEnum.Write },
+        ].concat(shuffle([
+            { url: `${appId}-1.algolianet.com` },
+            { url: `${appId}-2.algolianet.com` },
+            { url: `${appId}-3.algolianet.com` },
+        ])),
+        ...options,
+        headers: {
+            ...auth.headers(),
+            ...{ 'content-type': 'application/x-www-form-urlencoded' },
+            ...options.headers,
+        },
+        queryParameters: {
+            ...auth.queryParameters(),
+            ...options.queryParameters,
+        },
+    });
+    const base = {
+        transporter,
+        appId,
+        addAlgoliaAgent(segment, version) {
+            transporter.userAgent.add({ segment, version });
+        },
+        clearCache() {
+            return Promise.all([
+                transporter.requestsCache.clear(),
+                transporter.responsesCache.clear(),
+            ]).then(() => undefined);
+        },
+    };
+    return addMethods(base, options.methods);
+};
+
+const customRequest = (base) => {
+    return (request, requestOptions) => {
+        if (request.method === MethodEnum.Get) {
+            return base.transporter.read(request, requestOptions);
+        }
+        return base.transporter.write(request, requestOptions);
+    };
+};
+
+const initIndex = (base) => {
+    return (indexName, options = {}) => {
+        const searchIndex = {
+            transporter: base.transporter,
+            appId: base.appId,
+            indexName,
+        };
+        return addMethods(searchIndex, options.methods);
+    };
+};
+
+const multipleQueries = (base) => {
+    return (queries, requestOptions) => {
+        const requests = queries.map(query => {
+            return {
+                ...query,
+                params: serializeQueryParameters(query.params || {}),
+            };
+        });
+        return base.transporter.read({
+            method: MethodEnum.Post,
+            path: '1/indexes/*/queries',
+            data: {
+                requests,
+            },
+            cacheable: true,
+        }, requestOptions);
+    };
+};
+
+const multipleSearchForFacetValues = (base) => {
+    return (queries, requestOptions) => {
+        return Promise.all(queries.map(query => {
+            const { facetName, facetQuery, ...params } = query.params;
+            return initIndex(base)(query.indexName, {
+                methods: { searchForFacetValues },
+            }).searchForFacetValues(facetName, facetQuery, {
+                ...requestOptions,
+                ...params,
+            });
+        }));
+    };
+};
+
+const findAnswers = (base) => {
+    return (query, queryLanguages, requestOptions) => {
+        return base.transporter.read({
+            method: MethodEnum.Post,
+            path: encode('1/answers/%s/prediction', base.indexName),
+            data: {
+                query,
+                queryLanguages,
+            },
+            cacheable: true,
+        }, requestOptions);
+    };
+};
+
+const search = (base) => {
+    return (query, requestOptions) => {
+        return base.transporter.read({
+            method: MethodEnum.Post,
+            path: encode('1/indexes/%s/query', base.indexName),
+            data: {
+                query,
+            },
+            cacheable: true,
+        }, requestOptions);
+    };
+};
+
+const searchForFacetValues = (base) => {
+    return (facetName, facetQuery, requestOptions) => {
+        return base.transporter.read({
+            method: MethodEnum.Post,
+            path: encode('1/indexes/%s/facets/%s/query', base.indexName, facetName),
+            data: {
+                facetQuery,
+            },
+            cacheable: true,
+        }, requestOptions);
+    };
+};
+
+/* eslint no-console: 0 */
+function createConsoleLogger(logLevel) {
+    return {
+        debug(message, args) {
+            return Promise.resolve();
+        },
+        info(message, args) {
+            return Promise.resolve();
+        },
+        error(message, args) {
+            console.error(message, args);
+            return Promise.resolve();
+        },
+    };
+}
+
+const getRecommendations = base => {
+    return (queries, requestOptions) => {
+        const requests = queries.map(query => ({
+            ...query,
+            // The `threshold` param is required by the endpoint to make it easier
+            // to provide a default value later, so we default it in the client
+            // so that users don't have to provide a value.
+            threshold: query.threshold || 0,
+        }));
+        return base.transporter.read({
+            method: MethodEnum.Post,
+            path: '1/indexes/*/recommendations',
+            data: {
+                requests,
+            },
+            cacheable: true,
+        }, requestOptions);
+    };
+};
+
+function createBrowserXhrRequester() {
+    return {
+        send(request) {
+            return new Promise((resolve) => {
+                const baseRequester = new XMLHttpRequest();
+                baseRequester.open(request.method, request.url, true);
+                Object.keys(request.headers).forEach(key => baseRequester.setRequestHeader(key, request.headers[key]));
+                const createTimeout = (timeout, content) => {
+                    return setTimeout(() => {
+                        baseRequester.abort();
+                        resolve({
+                            status: 0,
+                            content,
+                            isTimedOut: true,
+                        });
+                    }, timeout * 1000);
+                };
+                const connectTimeout = createTimeout(request.connectTimeout, 'Connection timeout');
+                // eslint-disable-next-line functional/no-let
+                let responseTimeout;
+                // eslint-disable-next-line functional/immutable-data
+                baseRequester.onreadystatechange = () => {
+                    if (baseRequester.readyState > baseRequester.OPENED && responseTimeout === undefined) {
+                        clearTimeout(connectTimeout);
+                        responseTimeout = createTimeout(request.responseTimeout, 'Socket timeout');
+                    }
+                };
+                // eslint-disable-next-line functional/immutable-data
+                baseRequester.onerror = () => {
+                    // istanbul ignore next
+                    if (baseRequester.status === 0) {
+                        clearTimeout(connectTimeout);
+                        clearTimeout(responseTimeout);
+                        resolve({
+                            content: baseRequester.responseText || 'Network request failed',
+                            status: baseRequester.status,
+                            isTimedOut: false,
+                        });
+                    }
+                };
+                //  eslint-disable-next-line functional/immutable-data
+                baseRequester.onload = () => {
+                    clearTimeout(connectTimeout);
+                    clearTimeout(responseTimeout);
+                    resolve({
+                        content: baseRequester.responseText,
+                        status: baseRequester.status,
+                        isTimedOut: false,
+                    });
+                };
+                baseRequester.send(request.data);
+            });
+        },
+    };
+}
+
+function algoliasearch(appId, apiKey, options) {
+    const commonOptions = {
+        appId,
+        apiKey,
+        timeouts: {
+            connect: 1,
+            read: 2,
+            write: 30,
+        },
+        requester: createBrowserXhrRequester(),
+        logger: createConsoleLogger(),
+        responsesCache: createInMemoryCache(),
+        requestsCache: createInMemoryCache({ serializable: false }),
+        hostsCache: createFallbackableCache({
+            caches: [
+                createBrowserLocalStorageCache({ key: `${version}-${appId}` }),
+                createInMemoryCache(),
+            ],
+        }),
+        userAgent: createUserAgent(version).add({
+            segment: 'Browser',
+            version: 'lite',
+        }),
+        authMode: AuthMode.WithinQueryParameters,
+    };
+    return createSearchClient({
+        ...commonOptions,
+        ...options,
+        methods: {
+            search: multipleQueries,
+            searchForFacetValues: multipleSearchForFacetValues,
+            multipleQueries,
+            multipleSearchForFacetValues,
+            customRequest,
+            initIndex: base => (indexName) => {
+                return initIndex(base)(indexName, {
+                    methods: { search, searchForFacetValues, findAnswers },
+                });
+            },
+            getRecommendations,
+        },
+    });
+}
+// eslint-disable-next-line functional/immutable-data
+algoliasearch.version = version;
+
 class PromiseQueue {
     queue = [];
     workingOnPromise = false;
@@ -1018,20 +1962,20 @@ function render(template, data, env, cb) {
     }
 }
 
-const squirrel = /*#__PURE__*/Object.freeze({
+var squirrel = /*#__PURE__*/Object.freeze({
     __proto__: null,
-    compileToString: compileToString,
+    compile: compile,
     compileScope: compileScope,
     compileScopeIntoFunction: compileScopeIntoFunction,
-    compile: compile,
-    parse: parse,
-    render: render,
+    compileToString: compileToString,
+    defaultConfig: defaultConfig,
+    filters: filters,
+    getConfig: getConfig,
     helpers: helpers,
     nativeHelpers: nativeHelpers,
-    filters: filters,
-    templates: templates,
-    defaultConfig: defaultConfig,
-    getConfig: getConfig
+    parse: parse,
+    render: render,
+    templates: templates
 });
 
 filters.define('date_long', (str, options = {
@@ -1168,8 +2112,7 @@ var Universe = {
     }
 };
 
-const algoliaCss = ":host{box-sizing:border-box}*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}:host{box-sizing:border-box}*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}:host{position:relative;display:block}:host ::slotted([slot=search-template]){display:none !important}.loader{opacity:0;position:fixed;block-size:100%;inline-size:100%;min-block-size:100%;max-block-size:100vh !important;max-inline-size:100vw !important;inset-inline-start:0;inset-block-start:0;z-index:-10;font-size:60px;display:flex;align-items:center;justify-content:center;transition:opacity 0.2s ease, z-index 0.01s ease 0.2s}.loader.loading{opacity:1;z-index:10;transition:z-index 0.01s ease, opacity 0.2s ease 0.01s}.default{block-size:100%}.default:focus{outline:none}.results{opacity:0;outline:none;overflow:auto;transition:transform 0.3s ease, opacity 0.3s ease, visibility 0.01s ease 0.3s, z-index 0.01s ease 0.3s;transform:translate(0, 100px);visibility:hidden;z-index:-1;position:absolute;inset-block-start:0;inset-inline-start:0;display:none}.results-container{position:relative}.results.show{transition:z-index 0.01s ease, visibility 0.01s ease, transform 0.3s ease 0.01s, opacity 0.3s ease 0.01s, overflow 0.01s ease 0.31s;transform:translate(0, 0);visibility:visible;opacity:1;z-index:10;overflow:hidden}.results.shown{block-size:auto !important;inline-size:auto !important;display:block;position:static;transform:none;z-index:auto;visibility:inherit;opacity:initial;overflow:visible}";
-const NanoAlgoliaStyle0 = algoliaCss;
+const algoliaCss = ":host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host{position:relative;display:block}:host ::slotted([slot=search-template]){display:none !important}.loader{opacity:0;position:fixed;block-size:100%;inline-size:100%;min-block-size:100%;max-block-size:100vh !important;max-inline-size:100vw !important;inset-inline-start:0;inset-block-start:0;z-index:-10;font-size:60px;display:flex;align-items:center;justify-content:center;transition:opacity 0.2s ease, z-index 0.01s ease 0.2s}.loader.loading{opacity:1;z-index:10;transition:z-index 0.01s ease, opacity 0.2s ease 0.01s}.default{block-size:100%}.default:focus{outline:none}.results{opacity:0;outline:none;overflow:auto;transition:transform 0.3s ease, opacity 0.3s ease, visibility 0.01s ease 0.3s, z-index 0.01s ease 0.3s;transform:translate(0, 100px);visibility:hidden;z-index:-1;position:absolute;inset-block-start:0;inset-inline-start:0;display:none}.results-container{position:relative}.results.show{transition:z-index 0.01s ease, visibility 0.01s ease, transform 0.3s ease 0.01s, opacity 0.3s ease 0.01s, overflow 0.01s ease 0.31s;transform:translate(0, 0);visibility:visible;opacity:1;z-index:10;overflow:hidden}.results.shown{block-size:auto !important;inline-size:auto !important;display:block;position:static;transform:none;z-index:auto;visibility:inherit;opacity:initial;overflow:visible}";
 
 const Algolia = /*@__PURE__*/ proxyCustomElement(class Algolia extends HTMLElement {
     constructor() {
@@ -1848,14 +2791,14 @@ const Algolia = /*@__PURE__*/ proxyCustomElement(class Algolia extends HTMLEleme
             globalStoreMethod: this.storeMethod,
             isLoading: this.isLoading,
         };
-        return (h(Host, { key: 'f0ae1895d779c2a59dd459fbc7cde8780b1ac9f8', class: {
+        return (h(Host, { key: 'e5a080bf3b11c991465f1b44521b75539f80d5ec', class: {
                 'show-results': this.showResults,
                 'is-loading': this.isLoading,
                 'nano-algolia': true,
-            }, "aria-busy": this.isLoading }, this.hasLoadSlot && (h("div", { key: '15e48727d32a3afa360fec13edb8aca3d211737c', hidden: !this.isLoading }, h("slot", { key: 'a5ec5e6a5ec997540d2dd60fd95a8c82c0c506c2', name: "loader" }))), !this.hasLoadSlot && (h("div", { key: '96275ed0b3486691bc9f5154f5f115cd09274990', class: {
+            }, "aria-busy": this.isLoading }, this.hasLoadSlot && (h("div", { key: '586696526af9ba7b721ebfe8aeba2b5a45b8a19a', hidden: !this.isLoading }, h("slot", { key: '40556633911954fd20b756fedf71aea7e15b15e1', name: "loader" }))), !this.hasLoadSlot && (h("div", { key: 'e5ee4968b6864b656b3537ec46b69e64ebe76370', class: {
                 loader: true,
                 loading: this.isLoading,
-            } }, h("nano-spinner", { key: 'd2b86328009cfdb943c5d702e55e9c51ae569f9d', overlay: true, type: "circle" }))), h(Universe.Provider, { key: 'e3465b7980720e2be4d481b7e71a7a033fe52ae1', state: wormholeState }, h("slot", { key: '161554c21e77aa7e662491e787c69d402d00035f', name: "search-input" }), h("div", { key: '4f1c30d75e84a609fc621afce96233bfd678518f', class: "results-container", "aria-live": "polite" }, h("div", { key: '1bce8a2a0c2cd7f71f64750f7c18ff63aefeadd1', ref: (div) => (this.resultsDiv = div), class: "results" }, h("slot", { key: '70582027504c1d2cba99f80e99d51d711247d0ab', name: "output" })))), h("div", { key: 'd4fcea375a1c86191135ba43f85e66e93b076d63', ref: (div) => (this.defaultDiv = div), class: "default", tabindex: "-1" }, h("slot", { key: '7e291158dfbcb83181bb91e0506eb0a1b6cfb13b' }))));
+            } }, h("nano-spinner", { key: '63bbc6292b6a7183fe21a2527ffbd3002548871b', overlay: true, type: "circle" }))), h(Universe.Provider, { key: '64e8d5149940ad9c3353709db00677805f0d9946', state: wormholeState }, h("slot", { key: '700649f3a918fce90e0e4c533c849942b9c0ad5c', name: "search-input" }), h("div", { key: '5e5c54c6365ea0725a5b995115c196eb5b1026ca', class: "results-container", "aria-live": "polite" }, h("div", { key: '0a9559ae98ab627e5529dca1026ac1312127d824', ref: (div) => (this.resultsDiv = div), class: "results" }, h("slot", { key: 'cf30d2970741dfb1631fca008317e4420d228a98', name: "output" })))), h("div", { key: '4d9cf66b3c2c3d0e10e1a443002db80d686530f7', ref: (div) => (this.defaultDiv = div), class: "default", tabindex: "-1" }, h("slot", { key: 'fc365faa7953cdf3a0aa2887716e2f0f3af464fa' }))));
     }
     static get watchers() { return {
         "listenTo": ["handleListenToChange"],
@@ -1872,19 +2815,19 @@ const Algolia = /*@__PURE__*/ proxyCustomElement(class Algolia extends HTMLEleme
         "showResults": ["showResultsChange"],
         "filters": ["handleFilterpropChange"]
     }; }
-    static get style() { return NanoAlgoliaStyle0; }
+    static get style() { return algoliaCss; }
 }, [1, "nano-algolia", {
         "showResults": [1028, "show-results"],
         "resultsPage": [1026, "results-page"],
         "appId": [1025, "app-id"],
         "apiKey": [1025, "api-key"],
-        "searchIndex": [1040],
+        "searchIndex": [1040, "search-index"],
         "searchIndexName": [1025, "search-index-name"],
         "listenTo": [1, "listen-to"],
         "query": [1025],
         "operator": [1],
         "filters": [16],
-        "tplRenderFn": [16],
+        "tplRenderFn": [16, "tpl-render-fn"],
         "replicaIndex": [1025, "replica-index"],
         "browseIndex": [1028, "browse-index"],
         "minChars": [2, "min-chars"],
@@ -1935,6 +2878,4 @@ function defineCustomElement() {
     } });
 }
 
-export { Algolia as A, defineCustomElement as d };
-
-//# sourceMappingURL=algolia.js.map
+export { Algolia as A, algoliasearch as a, defineCustomElement as d };