@snap/camera-kit 0.16.2 → 0.18.0

package/lib/clients/metricsClient.js

@@ -1,120 +0,0 @@
-import { __awaiter } from "tslib";
-import { Subject, filter } from "rxjs";
-import { pageVisibilityFactory } from "../common/pageVisibility";
-import { Injectable } from "../dependency-injection/Injectable";
-import { ServerEventBatch } from "../generated-proto/blizzard/cameraKitEvents";
-import { MetricsDefinition } from "../generated-proto/pb_schema/camera_kit/v3/service";
-import { HandlerChainBuilder } from "../handlers/HandlerChainBuilder";
-import { createBatchingHandler } from "../handlers/batchingHandler";
-import { createMappingHandler } from "../handlers/mappingHandler";
-import { createRateLimitingHandler } from "../handlers/rateLimitingHandler";
-import { isCountMetric } from "../metrics/operational/Count";
-import { createTsProtoClient } from "./createTsProtoClient";
-import { grpcHandlerFactory } from "./grpcHandler";
-// Send at most one metric (operational or business) per second.
-const METRIC_REQUEST_RATE_LIMIT_MS = 1000;
-// It is rather cumbersome to check the actual final size of a batch, but we can easily limit the number of events we
-// include in each batch -- looking at historical data, typical events average ~1.3kb per event. But there are some
-// events (like CAMERA_KIT_EXCEPTION, which includes a stack trace) that can be much larger.
-//
-// To prevent us running over the 64kibibyte limit imposed by browsers on `keep-alive` requests, we'll set quite a low
-// limit to ensure we don't lose events which are larger in size than we expect.
-const BUSINESS_EVENT_BATCH_MAX_SIZE = 10;
-const BUSINESS_EVENT_BATCH_MAX_AGE_MS = 5000;
-// These values are (currently) arbitrarily selected.
-// TODO: Once we have gathered a sufficient quantity of metrics data, we should tune these numbers to ensure we're
-// operating with the right cost vs. alarming SLA vs. IDB storage size tradeoffs.
-const METRIC_BATCH_MAX_SIZE = 100;
-const METRIC_BATCH_MAX_AGE_MS = 5000;
-export class MetricsClient {
-    constructor(grpcClient, pageVisibility) {
-        this.grpcClient = grpcClient;
-        // Both business events and operational metrics will share a rate limit.
-        const rateLimitingHandler = createRateLimitingHandler(METRIC_REQUEST_RATE_LIMIT_MS, pageVisibility);
-        // The business events handler has to do some manual encoding, because the CameraKit service's backend expects
-        // an `Any` type inside of SetBusinessEventsRequest -- even though this `Any` type is always `ServerEventBatch`.
-        // eslint-disable-next-line max-len
-        // See: https://github.sc-corp.net/Snapchat/pb_schema/blob/4bc5ec98243c472c848cccc577d8cfd21317af51/proto/camera_kit/v3/service.proto#L94
-        this.businessEventsHandler = new HandlerChainBuilder((request) => __awaiter(this, void 0, void 0, function* () {
-            yield this.grpcClient.setBusinessEvents(request);
-        }))
-            .map(rateLimitingHandler)
-            .map(createMappingHandler((serverEvents) => {
-            const batch = ServerEventBatch.fromPartial({ serverEvents });
-            const request = {
-                batchEvents: {
-                    typeUrl: "com.snapchat.analytics.blizzard.ServerEventBatch",
-                    value: ServerEventBatch.encode(batch).finish(),
-                },
-            };
-            return request;
-        }, pageVisibility))
-            .map(createBatchingHandler({
-            batchReduce: (previous, event) => {
-                const batch = previous !== null && previous !== void 0 ? previous : [];
-                batch.push(event);
-                return batch;
-            },
-            isBatchComplete: (batch) => batch.length >= BUSINESS_EVENT_BATCH_MAX_SIZE,
-            maxBatchAge: BUSINESS_EVENT_BATCH_MAX_AGE_MS,
-            pageVisibility,
-        })).handler;
-        // The operational metrics handler is slightly simpler, but it has more interesting batching logic (e.g. we can
-        // sum up Count metrics, for example, rather than sending multiple single-count metrics objects).
-        this.operationalMetricsHandler = new HandlerChainBuilder((metrics) => __awaiter(this, void 0, void 0, function* () {
-            yield this.grpcClient.setOperationalMetrics({ metrics });
-        }))
-            .map(rateLimitingHandler)
-            .map(createBatchingHandler({
-            // The batching logic here is very simple – it could be improved by e.g.
-            // computing statistics to reduce overall data sent, etc. Right now this is
-            // premature optimization, but could become a good idea in the future.
-            batchReduce: (previous, metric) => {
-                var _a;
-                const batch = { metrics: (_a = previous === null || previous === void 0 ? void 0 : previous.metrics) !== null && _a !== void 0 ? _a : [] };
-                // For "count" metrics, it's straightforward to merge them into
-                // a single metric with the same name.
-                if (isCountMetric(metric)) {
-                    const priorCount = batch.metrics.find((m) => {
-                        return isCountMetric(m) && m.name === metric.name;
-                    });
-                    if (priorCount && isCountMetric(priorCount)) {
-                        priorCount.metric.count = `${Number(priorCount.metric.count) + Number(metric.metric.count)}`;
-                        return batch;
-                    }
-                }
-                // For all other cases, we'll just add the metric separately to the batch.
-                batch.metrics.push(metric);
-                return batch;
-            },
-            isBatchComplete: (bundle) => bundle.metrics.length >= METRIC_BATCH_MAX_SIZE,
-            maxBatchAge: METRIC_BATCH_MAX_AGE_MS,
-            pageVisibility,
-        })).handler;
-    }
-    setBusinessEvents(event) {
-        return __awaiter(this, void 0, void 0, function* () {
-            yield this.businessEventsHandler(event);
-        });
-    }
-    setOperationalMetrics(metric) {
-        return __awaiter(this, void 0, void 0, function* () {
-            yield Promise.all(metric.toOperationalMetric().map((metric) => {
-                return this.operationalMetricsHandler(metric);
-            }));
-        });
-    }
-}
-const validExternalMetrics = /^push2web_/;
-/** @internal */
-export const externalMetricsSubjectFactory = Injectable("externalMetricsSubject", () => new Subject());
-export const metricsClientFactory = Injectable("metricsClient", [externalMetricsSubjectFactory.token, grpcHandlerFactory.token, pageVisibilityFactory.token], (externalMetricsSubjectFactory, grpcHandler, pageVisibility) => {
-    const metrics = new MetricsClient(createTsProtoClient(MetricsDefinition, grpcHandler), pageVisibility);
-    externalMetricsSubjectFactory.pipe(filter((metric) => validExternalMetrics.test(metric.name))).subscribe({
-        next: (metric) => {
-            metrics.setOperationalMetrics(metric);
-        },
-    });
-    return metrics;
-});
-//# sourceMappingURL=metricsClient.js.map

package/lib/clients/metricsClient.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"metricsClient.js","sourceRoot":"","sources":["../../src/clients/metricsClient.ts"],"names":[],"mappings":"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","sourcesContent":["import { Subject, filter } from \"rxjs\";\nimport { PageVisibility, pageVisibilityFactory } from \"../common/pageVisibility\";\nimport { Injectable } from \"../dependency-injection/Injectable\";\nimport { ServerEvent, ServerEventBatch } from \"../generated-proto/blizzard/cameraKitEvents\";\nimport {\n    OperationalMetric,\n    OperationalMetricsBundle,\n} from \"../generated-proto/pb_schema/camera_kit/v3/operational_metrics\";\nimport { MetricsDefinition, SetBusinessEventsRequest } from \"../generated-proto/pb_schema/camera_kit/v3/service\";\nimport { Handler, HandlerChainBuilder, RequestMetadata } from \"../handlers/HandlerChainBuilder\";\nimport { createBatchingHandler } from \"../handlers/batchingHandler\";\nimport { createMappingHandler } from \"../handlers/mappingHandler\";\nimport { createRateLimitingHandler } from \"../handlers/rateLimitingHandler\";\nimport { isCountMetric } from \"../metrics/operational/Count\";\nimport { Metric } from \"../metrics/operational/Metric\";\nimport { TsProtoServiceClient, createTsProtoClient } from \"./createTsProtoClient\";\nimport { GrpcHandler, grpcHandlerFactory } from \"./grpcHandler\";\n\n// Send at most one metric (operational or business) per second.\nconst METRIC_REQUEST_RATE_LIMIT_MS = 1000;\n\n// It is rather cumbersome to check the actual final size of a batch, but we can easily limit the number of events we\n// include in each batch -- looking at historical data, typical events average ~1.3kb per event. But there are some\n// events (like CAMERA_KIT_EXCEPTION, which includes a stack trace) that can be much larger.\n//\n// To prevent us running over the 64kibibyte limit imposed by browsers on `keep-alive` requests, we'll set quite a low\n// limit to ensure we don't lose events which are larger in size than we expect.\nconst BUSINESS_EVENT_BATCH_MAX_SIZE = 10;\nconst BUSINESS_EVENT_BATCH_MAX_AGE_MS = 5000;\n\n// These values are (currently) arbitrarily selected.\n// TODO: Once we have gathered a sufficient quantity of metrics data, we should tune these numbers to ensure we're\n// operating with the right cost vs. alarming SLA vs. IDB storage size tradeoffs.\nconst METRIC_BATCH_MAX_SIZE = 100;\nconst METRIC_BATCH_MAX_AGE_MS = 5000;\n\nexport class MetricsClient {\n    private readonly businessEventsHandler: Handler<ServerEvent, void, RequestInit | undefined>;\n    private readonly operationalMetricsHandler: Handler<OperationalMetric, void, RequestInit | undefined>;\n\n    constructor(\n        private readonly grpcClient: TsProtoServiceClient<typeof MetricsDefinition>,\n        pageVisibility: PageVisibility | false\n    ) {\n        // Both business events and operational metrics will share a rate limit.\n        const rateLimitingHandler = createRateLimitingHandler<any, any, RequestMetadata>(\n            METRIC_REQUEST_RATE_LIMIT_MS,\n            pageVisibility\n        );\n\n        // The business events handler has to do some manual encoding, because the CameraKit service's backend expects\n        // an `Any` type inside of SetBusinessEventsRequest -- even though this `Any` type is always `ServerEventBatch`.\n        // eslint-disable-next-line max-len\n        // See: https://github.sc-corp.net/Snapchat/pb_schema/blob/4bc5ec98243c472c848cccc577d8cfd21317af51/proto/camera_kit/v3/service.proto#L94\n        this.businessEventsHandler = new HandlerChainBuilder(async (request: SetBusinessEventsRequest) => {\n            await this.grpcClient.setBusinessEvents(request);\n        })\n            .map(rateLimitingHandler)\n            .map(\n                createMappingHandler((serverEvents: ServerEvent[]) => {\n                    const batch: ServerEventBatch = ServerEventBatch.fromPartial({ serverEvents });\n                    const request: SetBusinessEventsRequest = {\n                        batchEvents: {\n                            typeUrl: \"com.snapchat.analytics.blizzard.ServerEventBatch\",\n                            value: ServerEventBatch.encode(batch).finish(),\n                        },\n                    };\n                    return request;\n                }, pageVisibility)\n            )\n            .map(\n                createBatchingHandler({\n                    batchReduce: (previous: ServerEvent[] | undefined, event: ServerEvent) => {\n                        const batch = previous ?? [];\n                        batch.push(event);\n                        return batch;\n                    },\n                    isBatchComplete: (batch) => batch.length >= BUSINESS_EVENT_BATCH_MAX_SIZE,\n                    maxBatchAge: BUSINESS_EVENT_BATCH_MAX_AGE_MS,\n                    pageVisibility,\n                })\n            ).handler;\n\n        // The operational metrics handler is slightly simpler, but it has more interesting batching logic (e.g. we can\n        // sum up Count metrics, for example, rather than sending multiple single-count metrics objects).\n        this.operationalMetricsHandler = new HandlerChainBuilder(async (metrics: OperationalMetricsBundle) => {\n            await this.grpcClient.setOperationalMetrics({ metrics });\n        })\n            .map(rateLimitingHandler)\n            .map(\n                createBatchingHandler({\n                    // The batching logic here is very simple – it could be improved by e.g.\n                    // computing statistics to reduce overall data sent, etc. Right now this is\n                    // premature optimization, but could become a good idea in the future.\n                    batchReduce: (previous: OperationalMetricsBundle | undefined, metric: OperationalMetric) => {\n                        const batch: OperationalMetricsBundle = { metrics: previous?.metrics ?? [] };\n\n                        // For \"count\" metrics, it's straightforward to merge them into\n                        // a single metric with the same name.\n                        if (isCountMetric(metric)) {\n                            const priorCount = batch.metrics.find((m) => {\n                                return isCountMetric(m) && m.name === metric.name;\n                            });\n                            if (priorCount && isCountMetric(priorCount)) {\n                                priorCount.metric.count = `${\n                                    Number(priorCount.metric.count) + Number(metric.metric.count)\n                                }`;\n                                return batch;\n                            }\n                        }\n\n                        // For all other cases, we'll just add the metric separately to the batch.\n                        batch.metrics.push(metric);\n                        return batch;\n                    },\n                    isBatchComplete: (bundle) => bundle.metrics.length >= METRIC_BATCH_MAX_SIZE,\n                    maxBatchAge: METRIC_BATCH_MAX_AGE_MS,\n                    pageVisibility,\n                })\n            ).handler;\n    }\n\n    async setBusinessEvents(event: ServerEvent): Promise<void> {\n        await this.businessEventsHandler(event);\n    }\n\n    async setOperationalMetrics(metric: Metric): Promise<void> {\n        await Promise.all(\n            metric.toOperationalMetric().map((metric) => {\n                return this.operationalMetricsHandler(metric);\n            })\n        );\n    }\n}\n\nconst validExternalMetrics = /^push2web_/;\n\n/** @internal */\nexport const externalMetricsSubjectFactory = Injectable(\"externalMetricsSubject\", () => new Subject<Metric>());\n\nexport const metricsClientFactory = Injectable(\n    \"metricsClient\",\n    [externalMetricsSubjectFactory.token, grpcHandlerFactory.token, pageVisibilityFactory.token] as const,\n    (externalMetricsSubjectFactory: Subject<Metric>, grpcHandler: GrpcHandler, pageVisibility: PageVisibility) => {\n        const metrics = new MetricsClient(createTsProtoClient(MetricsDefinition, grpcHandler), pageVisibility);\n        externalMetricsSubjectFactory.pipe(filter((metric) => validExternalMetrics.test(metric.name))).subscribe({\n            next: (metric) => {\n                metrics.setOperationalMetrics(metric);\n            },\n        });\n        return metrics;\n    }\n);\n"]}

package/lib/common/__mocks__/loadScript.d.ts

@@ -1 +0,0 @@
-export declare function loadScript(): Promise<HTMLScriptElement>;

package/lib/common/__mocks__/loadScript.js

@@ -1,10 +0,0 @@
-export function loadScript() {
-    global.createLensesModule = jest.fn().mockImplementation((module) => {
-        return new Promise((resolve) => {
-            module.getCoreVersion = () => 0;
-            module.instantiateWasm({}, () => resolve(module));
-        });
-    });
-    return Promise.resolve(document.createElement("script"));
-}
-//# sourceMappingURL=loadScript.js.map

package/lib/common/__mocks__/loadScript.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"loadScript.js","sourceRoot":"","sources":["../../../src/common/__mocks__/loadScript.ts"],"names":[],"mappings":"AAIA,MAAM,UAAU,UAAU;IACtB,MAAM,CAAC,kBAAkB,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC,kBAAkB,CAAC,CAAC,MAAkB,EAAE,EAAE;QAC5E,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE;YAC3B,MAAM,CAAC,cAAc,GAAG,GAAG,EAAE,CAAC,CAAC,CAAC;YAChC,MAAM,CAAC,eAAgB,CAAC,EAAE,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC;QACvD,CAAC,CAAC,CAAC;IACP,CAAC,CAAC,CAAC;IACH,OAAO,OAAO,CAAC,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC,CAAC;AAC7D,CAAC","sourcesContent":["import { InitialEmscriptenModule, LensCoreModule } from \"../../lens-core-module/generated-types\";\n\ntype MockModule = InitialEmscriptenModule & Partial<LensCoreModule>;\n\nexport function loadScript(): Promise<HTMLScriptElement> {\n    global.createLensesModule = jest.fn().mockImplementation((module: MockModule) => {\n        return new Promise((resolve) => {\n            module.getCoreVersion = () => 0;\n            module.instantiateWasm!({}, () => resolve(module));\n        });\n    });\n    return Promise.resolve(document.createElement(\"script\"));\n}\n"]}

package/lib/common/assertions.d.ts

@@ -1,27 +0,0 @@
-/**
- * Assert a particular code path is unreachable, e.g. to perform a compile-time exhaustiveness check.
- *
- * Ex:
- * ```ts
- * interface A { type: 'a' }
- * interface B { type: 'b' }
- * type TaggedUnion = A | B
- *
- * function exhaustiveSwitch(value: TaggedUnion) {
- *   switch (value.type) {
- *     case 'a': // do something with A
- *     case 'b': // do something with B
- *     // this will fail to compile if we add another type to TaggedUnion and forget to add a corresponding case
- *     // to the switch statement.
- *     default: assertUnreachable(value)
- *   }
- * }
- * ```
- */
-export declare function assertUnreachable(_: never): never;
-/**
- * Assert that a condition is true. Otherwise, throws an error.
- * @param condition Condition to test.
- * @param error Optional error message or error instance to throw.
- */
-export declare function assert(condition: boolean, error?: string | Error): asserts condition;

package/lib/common/assertions.js

@@ -1,39 +0,0 @@
-/**
- * Assert a particular code path is unreachable, e.g. to perform a compile-time exhaustiveness check.
- *
- * Ex:
- * ```ts
- * interface A { type: 'a' }
- * interface B { type: 'b' }
- * type TaggedUnion = A | B
- *
- * function exhaustiveSwitch(value: TaggedUnion) {
- *   switch (value.type) {
- *     case 'a': // do something with A
- *     case 'b': // do something with B
- *     // this will fail to compile if we add another type to TaggedUnion and forget to add a corresponding case
- *     // to the switch statement.
- *     default: assertUnreachable(value)
- *   }
- * }
- * ```
- */
-export function assertUnreachable(_) {
-    throw new Error("Reached unreachable code at runtime.");
-}
-/**
- * Assert that a condition is true. Otherwise, throws an error.
- * @param condition Condition to test.
- * @param error Optional error message or error instance to throw.
- */
-export function assert(condition, error = "Assertion failed") {
-    if (!condition) {
-        if (error instanceof Error) {
-            throw error;
-        }
-        else {
-            throw new Error(error);
-        }
-    }
-}
-//# sourceMappingURL=assertions.js.map

package/lib/common/assertions.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"assertions.js","sourceRoot":"","sources":["../../src/common/assertions.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,UAAU,iBAAiB,CAAC,CAAQ;IACtC,MAAM,IAAI,KAAK,CAAC,sCAAsC,CAAC,CAAC;AAC5D,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,MAAM,CAAC,SAAkB,EAAE,QAAwB,kBAAkB;IACjF,IAAI,CAAC,SAAS,EAAE;QACZ,IAAI,KAAK,YAAY,KAAK,EAAE;YACxB,MAAM,KAAK,CAAC;SACf;aAAM;YACH,MAAM,IAAI,KAAK,CAAC,KAAK,CAAC,CAAC;SAC1B;KACJ;AACL,CAAC","sourcesContent":["/**\n * Assert a particular code path is unreachable, e.g. to perform a compile-time exhaustiveness check.\n *\n * Ex:\n * ```ts\n * interface A { type: 'a' }\n * interface B { type: 'b' }\n * type TaggedUnion = A | B\n *\n * function exhaustiveSwitch(value: TaggedUnion) {\n *   switch (value.type) {\n *     case 'a': // do something with A\n *     case 'b': // do something with B\n *     // this will fail to compile if we add another type to TaggedUnion and forget to add a corresponding case\n *     // to the switch statement.\n *     default: assertUnreachable(value)\n *   }\n * }\n * ```\n */\nexport function assertUnreachable(_: never): never {\n    throw new Error(\"Reached unreachable code at runtime.\");\n}\n\n/**\n * Assert that a condition is true. Otherwise, throws an error.\n * @param condition Condition to test.\n * @param error Optional error message or error instance to throw.\n */\nexport function assert(condition: boolean, error: string | Error = \"Assertion failed\"): asserts condition {\n    if (!condition) {\n        if (error instanceof Error) {\n            throw error;\n        } else {\n            throw new Error(error);\n        }\n    }\n}\n"]}

package/lib/common/copyDefinedProperties.d.ts

@@ -1,13 +0,0 @@
-/**
- * Copy only those properties of an object which are not undefined.
- *
- * This can be useful when using `Object.assign(foo, bar)` or `{ ...foo, ...bar }` to copy values from one object to
- * another. There's a (rather annoying) difference between a property not existing in an object and that property
- * existing but having an undefined value. When copying values using either of the methods above, it's generally
- * expected that undefined properties won't overwrite defined properties. But that's not the behavior – this helper
- * function is needed to ensure undefined properties in `bar` don't clobber corresponding properties in `foo`.
- *
- * @param obj Any object, possibly with properties whose values are undefined.
- * @returns A copy of the input object, without keys whose values were undefined.
- */
-export declare function copyDefinedProperties<T extends {}>(obj: T): T;

package/lib/common/copyDefinedProperties.js

@@ -1,16 +0,0 @@
-/**
- * Copy only those properties of an object which are not undefined.
- *
- * This can be useful when using `Object.assign(foo, bar)` or `{ ...foo, ...bar }` to copy values from one object to
- * another. There's a (rather annoying) difference between a property not existing in an object and that property
- * existing but having an undefined value. When copying values using either of the methods above, it's generally
- * expected that undefined properties won't overwrite defined properties. But that's not the behavior – this helper
- * function is needed to ensure undefined properties in `bar` don't clobber corresponding properties in `foo`.
- *
- * @param obj Any object, possibly with properties whose values are undefined.
- * @returns A copy of the input object, without keys whose values were undefined.
- */
-export function copyDefinedProperties(obj) {
-    return Object.fromEntries(Object.entries(obj).filter(([_, value]) => value !== undefined));
-}
-//# sourceMappingURL=copyDefinedProperties.js.map

package/lib/common/copyDefinedProperties.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"copyDefinedProperties.js","sourceRoot":"","sources":["../../src/common/copyDefinedProperties.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AACH,MAAM,UAAU,qBAAqB,CAAe,GAAM;IACtD,OAAO,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,KAAK,KAAK,SAAS,CAAC,CAAM,CAAC;AACpG,CAAC","sourcesContent":["/**\n * Copy only those properties of an object which are not undefined.\n *\n * This can be useful when using `Object.assign(foo, bar)` or `{ ...foo, ...bar }` to copy values from one object to\n * another. There's a (rather annoying) difference between a property not existing in an object and that property\n * existing but having an undefined value. When copying values using either of the methods above, it's generally\n * expected that undefined properties won't overwrite defined properties. But that's not the behavior – this helper\n * function is needed to ensure undefined properties in `bar` don't clobber corresponding properties in `foo`.\n *\n * @param obj Any object, possibly with properties whose values are undefined.\n * @returns A copy of the input object, without keys whose values were undefined.\n */\nexport function copyDefinedProperties<T extends {}>(obj: T): T {\n    return Object.fromEntries(Object.entries(obj).filter(([_, value]) => value !== undefined)) as T;\n}\n"]}

package/lib/common/date.d.ts

@@ -1,3 +0,0 @@
-export declare const DEFAULT_TIMEZONE = "America/Los_Angeles";
-export declare const dayFormatter: Intl.DateTimeFormat;
-export declare const monthFormatter: Intl.DateTimeFormat;

package/lib/common/dialog.d.ts

@@ -1,59 +0,0 @@
-/**
- * Dialog options.
- */
-interface DialogOptions<Keys extends string> {
-    /**
-     * Element to attach the dialgo to.
-     */
-    container: HTMLElement;
-    /**
-     * Body content string. Can be HTML string.
-     */
-    body?: string;
-    /**
-     * Title string to render. Can be HTML string.
-     */
-    title?: string;
-    /**
-     * Accessible dialog title text,
-     * especially useful for voice-over features when the title field is an image.
-     */
-    titleText?: string;
-    /**
-     * "data-testid" attribute for testing purposes.
-     */
-    dataTestId?: string;
-    /**
-     * Use the lang field to set "lang" attribute on the dialog if that should be different from the parent page.
-     */
-    lang?: string;
-    /**
-     * Accessbile text of dismiss (X) button,
-     * especially useful for voice-over features when the title field is an image.
-     */
-    dismissButtonText?: string;
-    /**
-     * Buttons to display at the bottom of the dialog.
-     */
-    buttons?: DialogButton<Keys>[];
-}
-/**
- * Dialog button.
- */
-interface DialogButton<Key extends string> {
-    /**
-     * Button text.
-     */
-    text: string;
-    /**
-     * Value returned by the {@link showDialog} function after the button is clicked.
-     */
-    key: Key;
-    /**
-     * Whether to apply "secondary" styles on the button.
-     */
-    isSecondary?: boolean;
-}
-type DismissKey = "dismiss";
-export declare function showDialog<Keys extends string>(options: DialogOptions<Keys>): Promise<Keys | DismissKey>;
-export {};

package/lib/common/dialog.js

@@ -1,160 +0,0 @@
-import { fromEvent, map, merge, take } from "rxjs";
-const stylesCss = `
-dialog {
-    display: flex;
-    flex-direction: column;
-
-    background-color: #fff;
-    border: #efefef 1px solid;
-    border-radius: 20px;
-    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.3);
-
-    max-width: 80vw;
-    max-height: 80vh;
-    padding: 44px 0 24px 0;
-
-    font-size: 16px;
-    font-family: sans-serif;
-    font-style: normal;
-    font-weight: 600;
-    line-height: 24px;
-}
-
-dialog::backdrop {
-    background-color: rgba(0, 0, 0, 0.4);
-}
-
-.title {
-    color: #16191C;
-    padding: 0 32px;
-    text-align: center;
-}
-
-.body {
-    color: #656D78;
-    font-size: 14px;
-    font-weight: 500;
-    margin-top: 16px;
-    max-width: 350px;
-    padding: 0 32px;
-    overflow: auto;
-}
-
-a {
-    color: rgb(78, 171, 248);
-}
-
-button {
-    cursor: pointer;
-}
-
-button.dismiss {
-    position: absolute;
-    top: 7px;
-    right: 7px;
-    padding: 0;
-    height: 36px;
-    width: 36px;
-    margin: 0;
-    background-color: transparent;
-    border: 0;
-}
-
-button.dismiss svg {
-    fill: black;
-}
-
-.buttons {
-    margin-top: 8px;
-    padding: 0 32px;
-}
-
-.buttons button {
-    background: #0FADFF;
-    border: 0;
-    border-radius: 25px;
-
-    width: 100%;
-    padding: 1rem;
-    margin-top: 8px;
-
-    color: #fff;
-    font-weight: inherit;
-    font-family: inherit;
-    font-size: inherit;
-    font-style: inherit;
-}
-
-.buttons button.secondary {
-    background-color: transparent;
-    color: #656D78;
-}
-
-// Proper filling of X button in High Contrast themes
-@media (forced-colors: active) {
-    button.dismiss svg {
-        fill: ButtonText;
-    }
-}
-`;
-function getDismissButtonHtml(button) {
-    /* eslint-disable max-len */
-    return `
-        <button class="dismiss" autofocus data-key=${button.key}>
-            <svg xmlns="http://www.w3.org/2000/svg" role="img" width="36" height="36" viewBox="0 0 36 36">
-                <title>${button.text}</title>
-                <path fill-rule="evenodd" clip-rule="evenodd" d="M12.6763 11.2621C12.2858 10.8716 11.6527 10.8716 11.2621 11.2621C10.8716 11.6527 10.8716 12.2858 11.2621 12.6763L16.5858 18L11.2621 23.3237C10.8716 23.7142 10.8716 24.3474 11.2621 24.7379C11.6527 25.1284 12.2858 25.1284 12.6764 24.7379L18 19.4142L23.3237 24.7379C23.7142 25.1284 24.3474 25.1284 24.7379 24.7379C25.1284 24.3474 25.1284 23.7142 24.7379 23.3237L19.4142 18L24.7379 12.6763C25.1284 12.2858 25.1284 11.6527 24.7379 11.2621C24.3474 10.8716 23.7142 10.8716 23.3237 11.2621L18 16.5858L12.6763 11.2621Z" fill-opacity="0.4"/>
-            </svg>
-        </button>`;
-    /* eslint-enable */
-}
-function getTitleHtml(title) {
-    return title ? `<div class="title" role="heading">${title}</div>` : "";
-}
-function getBodyHtml(body) {
-    return body ? `<div class="body">${body}</div>` : "";
-}
-function getButtonHtml(button) {
-    return `<button data-key="${button.key}"${button.isSecondary ? ` class="secondary"` : ""}>${button.text}</button>`;
-}
-function getButtonsHtml(buttons) {
-    if (buttons.length === 0)
-        return "";
-    return `
-        <div class="buttons">
-        ${buttons.map((b) => getButtonHtml(b)).join("\n")}
-        </div>`;
-}
-function setAttribute(element, attr, value) {
-    if (value)
-        element.setAttribute(attr, value);
-}
-export function showDialog(options) {
-    return new Promise((res) => {
-        var _a, _b, _c;
-        const element = document.createElement("div");
-        setAttribute(element, "data-testid", options.dataTestId);
-        const shadow = element.attachShadow({ mode: "open" });
-        const style = document.createElement("style");
-        shadow.appendChild(style);
-        style.innerHTML = stylesCss;
-        const prompt = document.createElement("dialog");
-        setAttribute(prompt, "aria-label", (_a = options.titleText) !== null && _a !== void 0 ? _a : options.title);
-        setAttribute(prompt, "lang", options.lang);
-        setAttribute(prompt, "dir", "auto");
-        shadow.appendChild(prompt);
-        prompt.innerHTML = `
-            ${getDismissButtonHtml({ key: "dismiss", text: (_b = options.dismissButtonText) !== null && _b !== void 0 ? _b : "Dismiss" })}
-            ${getTitleHtml(options.title)}
-            ${getBodyHtml(options.body)}
-            ${getButtonsHtml((_c = options.buttons) !== null && _c !== void 0 ? _c : [])}
-        `;
-        const buttonsElements = Array.from(prompt.querySelectorAll("button"));
-        merge(...buttonsElements.map((b) => fromEvent(b, "click").pipe(map(() => b.dataset.key))), fromEvent(prompt, "cancel").pipe(map(() => "dismiss")))
-            .pipe(take(1))
-            .subscribe({ next: res, complete: () => element.remove() });
-        options.container.appendChild(element);
-        prompt.showModal();
-    });
-}
-//# sourceMappingURL=dialog.js.map

package/lib/common/dialog.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dialog.js","sourceRoot":"","sources":["../../src/common/dialog.ts"],"names":[],"mappings":"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","sourcesContent":["import { fromEvent, map, merge, take } from \"rxjs\";\n\n/**\n * Dialog options.\n */\ninterface DialogOptions<Keys extends string> {\n    /**\n     * Element to attach the dialgo to.\n     */\n    container: HTMLElement;\n    /**\n     * Body content string. Can be HTML string.\n     */\n    body?: string;\n    /**\n     * Title string to render. Can be HTML string.\n     */\n    title?: string;\n    /**\n     * Accessible dialog title text,\n     * especially useful for voice-over features when the title field is an image.\n     */\n    titleText?: string;\n    /**\n     * \"data-testid\" attribute for testing purposes.\n     */\n    dataTestId?: string;\n    /**\n     * Use the lang field to set \"lang\" attribute on the dialog if that should be different from the parent page.\n     */\n    lang?: string;\n    /**\n     * Accessbile text of dismiss (X) button,\n     * especially useful for voice-over features when the title field is an image.\n     */\n    dismissButtonText?: string;\n    /**\n     * Buttons to display at the bottom of the dialog.\n     */\n    buttons?: DialogButton<Keys>[];\n}\n\n/**\n * Dialog button.\n */\ninterface DialogButton<Key extends string> {\n    /**\n     * Button text.\n     */\n    text: string;\n    /**\n     * Value returned by the {@link showDialog} function after the button is clicked.\n     */\n    key: Key;\n    /**\n     * Whether to apply \"secondary\" styles on the button.\n     */\n    isSecondary?: boolean;\n}\n\ntype DismissKey = \"dismiss\";\n\nconst stylesCss = `\ndialog {\n    display: flex;\n    flex-direction: column;\n\n    background-color: #fff;\n    border: #efefef 1px solid;\n    border-radius: 20px;\n    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.3);\n\n    max-width: 80vw;\n    max-height: 80vh;\n    padding: 44px 0 24px 0;\n\n    font-size: 16px;\n    font-family: sans-serif;\n    font-style: normal;\n    font-weight: 600;\n    line-height: 24px;\n}\n\ndialog::backdrop {\n    background-color: rgba(0, 0, 0, 0.4);\n}\n\n.title {\n    color: #16191C;\n    padding: 0 32px;\n    text-align: center;\n}\n\n.body {\n    color: #656D78;\n    font-size: 14px;\n    font-weight: 500;\n    margin-top: 16px;\n    max-width: 350px;\n    padding: 0 32px;\n    overflow: auto;\n}\n\na {\n    color: rgb(78, 171, 248);\n}\n\nbutton {\n    cursor: pointer;\n}\n\nbutton.dismiss {\n    position: absolute;\n    top: 7px;\n    right: 7px;\n    padding: 0;\n    height: 36px;\n    width: 36px;\n    margin: 0;\n    background-color: transparent;\n    border: 0;\n}\n\nbutton.dismiss svg {\n    fill: black;\n}\n\n.buttons {\n    margin-top: 8px;\n    padding: 0 32px;\n}\n\n.buttons button {\n    background: #0FADFF;\n    border: 0;\n    border-radius: 25px;\n\n    width: 100%;\n    padding: 1rem;\n    margin-top: 8px;\n\n    color: #fff;\n    font-weight: inherit;\n    font-family: inherit;\n    font-size: inherit;\n    font-style: inherit;\n}\n\n.buttons button.secondary {\n    background-color: transparent;\n    color: #656D78;\n}\n\n// Proper filling of X button in High Contrast themes\n@media (forced-colors: active) {\n    button.dismiss svg {\n        fill: ButtonText;\n    }\n}\n`;\n\nfunction getDismissButtonHtml(button: DialogButton<DismissKey>) {\n    /* eslint-disable max-len */\n    return `\n        <button class=\"dismiss\" autofocus data-key=${button.key}>\n            <svg xmlns=\"http://www.w3.org/2000/svg\" role=\"img\" width=\"36\" height=\"36\" viewBox=\"0 0 36 36\">\n                <title>${button.text}</title>\n                <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M12.6763 11.2621C12.2858 10.8716 11.6527 10.8716 11.2621 11.2621C10.8716 11.6527 10.8716 12.2858 11.2621 12.6763L16.5858 18L11.2621 23.3237C10.8716 23.7142 10.8716 24.3474 11.2621 24.7379C11.6527 25.1284 12.2858 25.1284 12.6764 24.7379L18 19.4142L23.3237 24.7379C23.7142 25.1284 24.3474 25.1284 24.7379 24.7379C25.1284 24.3474 25.1284 23.7142 24.7379 23.3237L19.4142 18L24.7379 12.6763C25.1284 12.2858 25.1284 11.6527 24.7379 11.2621C24.3474 10.8716 23.7142 10.8716 23.3237 11.2621L18 16.5858L12.6763 11.2621Z\" fill-opacity=\"0.4\"/>\n            </svg>\n        </button>`;\n    /* eslint-enable */\n}\n\nfunction getTitleHtml(title: string | undefined) {\n    return title ? `<div class=\"title\" role=\"heading\">${title}</div>` : \"\";\n}\n\nfunction getBodyHtml(body: string | undefined) {\n    return body ? `<div class=\"body\">${body}</div>` : \"\";\n}\n\nfunction getButtonHtml<Key extends string>(button: DialogButton<Key>) {\n    return `<button data-key=\"${button.key}\"${button.isSecondary ? ` class=\"secondary\"` : \"\"}>${button.text}</button>`;\n}\n\nfunction getButtonsHtml<Key extends string>(buttons: DialogButton<Key>[]) {\n    if (buttons.length === 0) return \"\";\n    return `\n        <div class=\"buttons\">\n        ${buttons.map((b) => getButtonHtml(b)).join(\"\\n\")}\n        </div>`;\n}\n\nfunction setAttribute(element: HTMLElement, attr: string, value: string | undefined) {\n    if (value) element.setAttribute(attr, value);\n}\n\nexport function showDialog<Keys extends string>(options: DialogOptions<Keys>): Promise<Keys | DismissKey> {\n    return new Promise((res) => {\n        const element = document.createElement(\"div\");\n        setAttribute(element, \"data-testid\", options.dataTestId);\n        const shadow = element.attachShadow({ mode: \"open\" });\n\n        const style = document.createElement(\"style\");\n        shadow.appendChild(style);\n        style.innerHTML = stylesCss;\n\n        const prompt = document.createElement(\"dialog\");\n        setAttribute(prompt, \"aria-label\", options.titleText ?? options.title);\n        setAttribute(prompt, \"lang\", options.lang);\n        setAttribute(prompt, \"dir\", \"auto\");\n        shadow.appendChild(prompt);\n\n        prompt.innerHTML = `\n            ${getDismissButtonHtml({ key: \"dismiss\", text: options.dismissButtonText ?? \"Dismiss\" })}\n            ${getTitleHtml(options.title)}\n            ${getBodyHtml(options.body)}\n            ${getButtonsHtml(options.buttons ?? [])}\n        `;\n\n        const buttonsElements = Array.from(prompt.querySelectorAll(\"button\"));\n        merge(\n            ...buttonsElements.map((b) => fromEvent(b, \"click\").pipe(map(() => b.dataset.key as Keys))),\n            fromEvent(prompt, \"cancel\").pipe(map(() => \"dismiss\" as const))\n        )\n            .pipe(take(1))\n            .subscribe({ next: res, complete: () => element.remove() });\n        options.container.appendChild(element);\n        prompt.showModal();\n    });\n}\n"]}

package/lib/common/entries.d.ts

@@ -1,4 +0,0 @@
-export declare const entries: <T extends {
-    [s: string]: U;
-} | ArrayLike<U>, U>(o: T) => [keyof T, T[keyof T]][];
-export declare const fromEntries: <K extends string | number | symbol, V>(entries: readonly [K, V][]) => Record<K, V>;

package/lib/common/entries.js

@@ -1,5 +0,0 @@
-// `Object.entries` does not use `keyof` types, so it loses type specificity. We'll fix this with a wrapper.
-export const entries = (o) => Object.entries(o);
-// `Object.fromEntries` similarly does not preserve key types.
-export const fromEntries = (entries) => Object.fromEntries(entries);
-//# sourceMappingURL=entries.js.map

package/lib/common/entries.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"entries.js","sourceRoot":"","sources":["../../src/common/entries.ts"],"names":[],"mappings":"AAAA,4GAA4G;AAC5G,MAAM,CAAC,MAAM,OAAO,GAAG,CAAiD,CAAI,EAAgC,EAAE,CAC1G,MAAM,CAAC,OAAO,CAAC,CAAC,CAAiC,CAAC;AAEtD,8DAA8D;AAC9D,MAAM,CAAC,MAAM,WAAW,GAAG,CAAwC,OAA8B,EAAgB,EAAE,CAC/G,MAAM,CAAC,WAAW,CAAC,OAAO,CAAiB,CAAC","sourcesContent":["// `Object.entries` does not use `keyof` types, so it loses type specificity. We'll fix this with a wrapper.\nexport const entries = <T extends { [s: string]: U } | ArrayLike<U>, U>(o: T): Array<[keyof T, T[keyof T]]> =>\n    Object.entries(o) as Array<[keyof T, T[keyof T]]>;\n\n// `Object.fromEntries` similarly does not preserve key types.\nexport const fromEntries = <K extends string | number | symbol, V>(entries: ReadonlyArray<[K, V]>): Record<K, V> =>\n    Object.fromEntries(entries) as Record<K, V>;\n"]}

package/lib/common/errorHelpers.d.ts

@@ -1,10 +0,0 @@
-/**
- * Returns a stack trace for a given error, and also appends the stack trace of any nested error, if one exists.
- * @param error Error to stringify.
- * @returns Error stack trace.
- */
-export declare function stringifyError(error: Error): string;
-/**
- * If given a value of type Error, return it – otherwise wrap the value in an Error.
- */
-export declare function ensureError(error: unknown): Error;

package/lib/common/errorHelpers.js

@@ -1,24 +0,0 @@
-/**
- * Returns a stack trace for a given error, and also appends the stack trace of any nested error, if one exists.
- * @param error Error to stringify.
- * @returns Error stack trace.
- */
-export function stringifyError(error) {
-    var _a;
-    const outer = (_a = error.stack) !== null && _a !== void 0 ? _a : "";
-    return error.cause ? `${outer}\nCaused by:\n\t${stringifyError(ensureError(error.cause))}` : outer;
-}
-/**
- * If given a value of type Error, return it – otherwise wrap the value in an Error.
- */
-export function ensureError(error) {
-    if (error instanceof Error)
-        return error;
-    try {
-        return new Error(`Non-Error type exception thrown. Serialized error value: ${JSON.stringify(error)}`);
-    }
-    catch (_) {
-        return new Error("Non-Error type exception thrown. Original error value could not be serialized.");
-    }
-}
-//# sourceMappingURL=errorHelpers.js.map

package/lib/common/errorHelpers.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"errorHelpers.js","sourceRoot":"","sources":["../../src/common/errorHelpers.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,MAAM,UAAU,cAAc,CAAC,KAAY;;IACvC,MAAM,KAAK,GAAG,MAAA,KAAK,CAAC,KAAK,mCAAI,EAAE,CAAC;IAChC,OAAO,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,mBAAmB,cAAc,CAAC,WAAW,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC;AACvG,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,WAAW,CAAC,KAAc;IACtC,IAAI,KAAK,YAAY,KAAK;QAAE,OAAO,KAAK,CAAC;IAEzC,IAAI;QACA,OAAO,IAAI,KAAK,CAAC,4DAA4D,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;KACzG;IAAC,OAAO,CAAC,EAAE;QACR,OAAO,IAAI,KAAK,CAAC,gFAAgF,CAAC,CAAC;KACtG;AACL,CAAC","sourcesContent":["/**\n * Returns a stack trace for a given error, and also appends the stack trace of any nested error, if one exists.\n * @param error Error to stringify.\n * @returns Error stack trace.\n */\nexport function stringifyError(error: Error): string {\n    const outer = error.stack ?? \"\";\n    return error.cause ? `${outer}\\nCaused by:\\n\\t${stringifyError(ensureError(error.cause))}` : outer;\n}\n\n/**\n * If given a value of type Error, return it – otherwise wrap the value in an Error.\n */\nexport function ensureError(error: unknown): Error {\n    if (error instanceof Error) return error;\n\n    try {\n        return new Error(`Non-Error type exception thrown. Serialized error value: ${JSON.stringify(error)}`);\n    } catch (_) {\n        return new Error(\"Non-Error type exception thrown. Original error value could not be serialized.\");\n    }\n}\n"]}

package/lib/common/getFilename.d.ts

@@ -1 +0,0 @@
-export declare function getFilename(lensUri: string): string;

package/lib/common/hash.d.ts

@@ -1,5 +0,0 @@
-/**
- * Fast, simple hashing function from github.com/bryc
- * https://github.com/bryc/code/blob/master/jshash/experimental/cyrb53.js
- */
-export declare const computeHash: (str: string) => string;

package/lib/common/hash.js

@@ -1,17 +0,0 @@
-/**
- * Fast, simple hashing function from github.com/bryc
- * https://github.com/bryc/code/blob/master/jshash/experimental/cyrb53.js
- */
-export const computeHash = (str) => {
-    let h1 = 0xdeadbeef;
-    let h2 = 0x41c6ce57;
-    for (let i = 0; i < str.length; i++) {
-        const ch = str.charCodeAt(i);
-        h1 = Math.imul(h1 ^ ch, 2654435761);
-        h2 = Math.imul(h2 ^ ch, 1597334677);
-    }
-    h1 = Math.imul(h1 ^ (h1 >>> 16), 2246822507) ^ Math.imul(h2 ^ (h2 >>> 13), 3266489909);
-    h2 = Math.imul(h2 ^ (h2 >>> 16), 2246822507) ^ Math.imul(h1 ^ (h1 >>> 13), 3266489909);
-    return (4294967296 * (2097151 & h2) + (h1 >>> 0)).toString(16);
-};
-//# sourceMappingURL=hash.js.map

package/lib/common/hash.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"hash.js","sourceRoot":"","sources":["../../src/common/hash.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,GAAW,EAAU,EAAE;IAC/C,IAAI,EAAE,GAAG,UAAU,CAAC;IACpB,IAAI,EAAE,GAAG,UAAU,CAAC;IACpB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,GAAG,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;QACjC,MAAM,EAAE,GAAG,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;QAC7B,EAAE,GAAG,IAAI,CAAC,IAAI,CAAC,EAAE,GAAG,EAAE,EAAE,UAAU,CAAC,CAAC;QACpC,EAAE,GAAG,IAAI,CAAC,IAAI,CAAC,EAAE,GAAG,EAAE,EAAE,UAAU,CAAC,CAAC;KACvC;IACD,EAAE,GAAG,IAAI,CAAC,IAAI,CAAC,EAAE,GAAG,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,UAAU,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,EAAE,GAAG,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,UAAU,CAAC,CAAC;IACvF,EAAE,GAAG,IAAI,CAAC,IAAI,CAAC,EAAE,GAAG,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,UAAU,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,EAAE,GAAG,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,UAAU,CAAC,CAAC;IACvF,OAAO,CAAC,UAAU,GAAG,CAAC,OAAO,GAAG,EAAE,CAAC,GAAG,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;AACnE,CAAC,CAAC","sourcesContent":["/**\n * Fast, simple hashing function from github.com/bryc\n * https://github.com/bryc/code/blob/master/jshash/experimental/cyrb53.js\n */\nexport const computeHash = (str: string): string => {\n    let h1 = 0xdeadbeef;\n    let h2 = 0x41c6ce57;\n    for (let i = 0; i < str.length; i++) {\n        const ch = str.charCodeAt(i);\n        h1 = Math.imul(h1 ^ ch, 2654435761);\n        h2 = Math.imul(h2 ^ ch, 1597334677);\n    }\n    h1 = Math.imul(h1 ^ (h1 >>> 16), 2246822507) ^ Math.imul(h2 ^ (h2 >>> 13), 3266489909);\n    h2 = Math.imul(h2 ^ (h2 >>> 16), 2246822507) ^ Math.imul(h1 ^ (h1 >>> 13), 3266489909);\n    return (4294967296 * (2097151 & h2) + (h1 >>> 0)).toString(16);\n};\n"]}

package/lib/common/loadScript.d.ts

@@ -1,6 +0,0 @@
-/**
- * Adds script element to document body and starts downloading provided script URL.
- * @param scriptUri Script URL.
- * @returns Script element added.
- */
-export declare function loadScript(scriptUri: string): Promise<HTMLScriptElement>;