breadcrumb-the-shire/web/js/components/app-details-state.js

/**
 * Initializes detail page open-state persistence and action policy.
 */
import { initPersistedDetailsGroup } from '../core/app-details-open-state.js';
import { resolveHost } from '../core/app-dom.js';

const controllerRegistry = new WeakMap();

export function initDetailsState(root = document, options = {}) {
  const selector = String(options.selector || '[data-details-storage]').trim() || '[data-details-storage]';
  const storageNamespace = String(options.storageNamespace || 'app-ui').trim() || 'app-ui';
  const storageVersion = String(options.storageVersion || 'v1').trim() || 'v1';
  const storageScope = String(options.storageScope || 'details-open').trim() || 'details-open';
  const host = resolveHost(root);
  const groups = Array.from(host.querySelectorAll(selector));
  groups.forEach((group) => {
    if (!group || group.dataset.detailsStorageBound === '1') {
      return;
    }

    const storageKey = (group.dataset.detailsStorage || '').trim();
    if (!storageKey) {
      return;
    }

    const controller = initPersistedDetailsGroup({
      root: group,
      storageKey,
      storageNamespace,
      storageVersion,
      storageScope,
    });
    if (!controller) {
      return;
    }

    controllerRegistry.set(group, controller);
    group.dataset.detailsStorageBound = '1';
  });
  return {
    destroy: () => {
      groups.forEach((group) => {
        const controller = controllerRegistry.get(group);
        if (controller && typeof controller.destroy === 'function') {
          controller.destroy();
        }
        delete group.dataset.detailsStorageBound;
      });
    },
  };
}