pleno-vue/src/composables/useModuleConfig.js

import { onMounted, ref } from "vue";
import { SessionUser } from "@/components/session/token/SessionUser.vue";

const TRUTHY_BOOL_LITERALS = new Set(["true", "1", "yes", "on"]);

const coerceConfigBoolean = (raw) => {
  if (raw === true || raw === 1) return true;
  if (typeof raw === "string") {
    return TRUTHY_BOOL_LITERALS.has(raw.trim().toLowerCase());
  }
  return false;
};

const normalizeEntries = (payload) => {
  if (Array.isArray(payload)) {
    return payload.map((entry) => ({
      variable: entry?.variable,
      value: entry?.value,
      isSecret: entry?.isSecret === true,
      isSet: entry?.isSet === true,
    }));
  }
  return Object.values(payload ?? {}).map((entry) => ({
    variable: entry?.variable,
    value: entry?.value,
    isSecret: entry?.isSecret === true,
    isSet: entry?.isSet === true,
  }));
};

/**
 * Replaces the copy-pasted `getModuleConfig` / `getModuleConfigValue` /
 * `module_config = ref([])` triple that 20+ `Configuration*.vue` pages
 * each defined themselves.
 *
 * @param {string} moduleName - e.g. "stripe", "xlvask", "bird"
 * @param {object} [options]
 * @param {boolean} [options.coerceBooleans=true] - return `true`/`false` for `'true'`/`'false'` strings
 * @param {boolean} [options.autoLoad=true] - load on mount
 * @returns module_config, loading, error, refresh, getModuleConfigValue, getEntry, isVariableSet
 */
export const useModuleConfig = (moduleName, options = {}) => {
  const { coerceBooleans = true, autoLoad = true } = options;

  const module_config = ref([]);
  const loading = ref(false);
  const error = ref(null);

  const getEntry = (variable) => module_config.value.find((entry) => entry.variable === variable);

  const getModuleConfigValue = (variable) => {
    const entry = getEntry(variable);
    if (!entry) return "";
    const raw = entry.value;
    if (coerceBooleans) {
      if (raw === "true" || raw === true) return true;
      if (raw === "false" || raw === false) return false;
    }
    return raw ?? "";
  };

  const isVariableSet = (variable) => {
    const entry = getEntry(variable);
    if (!entry) return false;
    if (entry.isSecret) return entry.isSet;
    return entry.value !== null && entry.value !== undefined && entry.value !== "";
  };

  const load = async () => {
    loading.value = true;
    error.value = null;
    try {
      const response = await SessionUser.superUser.modules[moduleName].config.get_all();
      module_config.value = normalizeEntries(response?.data?.data);
    } catch (err) {
      console.error(`useModuleConfig(${moduleName}): load failed`, err);
      module_config.value = [];
      error.value = err;
    } finally {
      loading.value = false;
    }
  };

  if (autoLoad) {
    onMounted(load);
  }

  return {
    module_config,
    loading,
    error,
    load,
    getEntry,
    getModuleConfigValue,
    isVariableSet,
    coerceConfigBoolean,
  };
};