Custom lifecycle events

import {
    createLifecycleEvents,
    createResourceScope,
} from '@bjanczak/flex-fields/sdk/v1';

const effects = createResourceScope();
const events = createLifecycleEvents({
    signal: effects.signal,
    events: {
        'acme.photo:changed': {
            kind: 'notification',
            validate: value => typeof value.id === 'string',
        },
        'acme.photo:before-save': {
            kind: 'guard',
            validate: value => typeof value.id === 'string',
        },
    },
    onError: ({ name, reason }) => reportComponentError(name, reason),
});

const unsubscribe = events.subscribe('acme.photo:changed', ({ id }) => {
    refreshPreview(id);
});

const removeGuard = events.subscribe('acme.photo:before-save', ({ id }) => {
    return isAllowedToSave(id); // Synchronous boolean.
});

if (events.allow('acme.photo:before-save', { id: photoId })) {
    savePhoto(photoId);
    events.notify('acme.photo:changed', { id: photoId });
}

// Invoke when the rendered component is destroyed.
effects.dispose();

const cancelRefresh = effects.timeout(refreshPreview, 200);
const cancelFrame = effects.frame(renderPreview);
const cancelPoll = effects.interval(refreshStatus, 5_000);
const disconnect = effects.trackObserver(observer);
const terminate = effects.trackWorker(worker);