30bbbaf00b
* Make eslint sort our imports * fix missing deps in eslint rule (dae) Caught on Linux due to the stricter sandboxing * Remove exports-last eslint rule (for now?) * Adjust browserslist settings - We use ResizeObserver which is not supported in browsers like KaiOS, Baidu or Android UC * Raise minimum iOS version 13.4 - It's the first version that supports ResizeObserver * Apply new eslint rules to sort imports
78 lines
2.2 KiB
TypeScript
78 lines
2.2 KiB
TypeScript
// Copyright: Ankitects Pty Ltd and contributors
|
|
// License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
|
|
|
|
import { onDestroy as svelteOnDestroy, onMount as svelteOnMount } from "svelte";
|
|
|
|
import type { Callback } from "../lib/helpers";
|
|
import { removeItem } from "../lib/helpers";
|
|
|
|
type ComponentAPIMount<T> = (api: T) => Callback | void;
|
|
type ComponentAPIDestroy<T> = (api: T) => void;
|
|
|
|
type SetLifecycleHooksAction<T> = (api: T) => void;
|
|
|
|
export interface LifecycleHooks<T> {
|
|
onMount(callback: ComponentAPIMount<T>): Callback;
|
|
onDestroy(callback: ComponentAPIDestroy<T>): Callback;
|
|
}
|
|
|
|
/**
|
|
* Makes the Svelte lifecycle hooks accessible to add-ons.
|
|
* Currently we expose onMount and onDestroy in here, but it is fully
|
|
* thinkable to expose the others as well, given a good use case.
|
|
*/
|
|
function lifecycleHooks<T>(): [LifecycleHooks<T>, T[], SetLifecycleHooksAction<T>] {
|
|
const instances: T[] = [];
|
|
const mountCallbacks: ComponentAPIMount<T>[] = [];
|
|
const destroyCallbacks: ComponentAPIDestroy<T>[] = [];
|
|
|
|
function setup(api: T): void {
|
|
svelteOnMount(() => {
|
|
const cleanups: Callback[] = [];
|
|
|
|
for (const callback of mountCallbacks) {
|
|
const cleanup = callback(api);
|
|
|
|
if (cleanup) {
|
|
cleanups.push(cleanup);
|
|
}
|
|
}
|
|
|
|
instances.push(api);
|
|
|
|
return () => {
|
|
for (const cleanup of cleanups) {
|
|
cleanup();
|
|
}
|
|
};
|
|
});
|
|
|
|
svelteOnDestroy(() => {
|
|
removeItem(instances, api);
|
|
|
|
for (const callback of destroyCallbacks) {
|
|
callback(api);
|
|
}
|
|
});
|
|
}
|
|
|
|
function onMount(callback: ComponentAPIMount<T>): Callback {
|
|
mountCallbacks.push(callback);
|
|
return () => removeItem(mountCallbacks, callback);
|
|
}
|
|
|
|
function onDestroy(callback: ComponentAPIDestroy<T>): Callback {
|
|
destroyCallbacks.push(callback);
|
|
return () => removeItem(mountCallbacks, callback);
|
|
}
|
|
|
|
const lifecycle = {
|
|
onMount,
|
|
onDestroy,
|
|
};
|
|
|
|
return [lifecycle, instances, setup];
|
|
}
|
|
|
|
export default lifecycleHooks;
|