@indiekit/frontend/lib/globals/summary-rows.js

Frontend components for Indiekit

import { markdown } from "../filters/string.js";

const _valueText = (value) => {
  if (typeof value === "string") {
    return `<code class="token string">"${value}"</code>`;
  }

  if (typeof value === "object" && typeof value[0] === "boolean") {
    return `<code class="token boolean">${value}</code>`;
  }

  try {
    return markdown(`~~~js\n${JSON.stringify(value, undefined, 2)}\n~~~`);
  } catch {
    return `<code class="token class-name">${value.constructor.name}</code>`;
  }
};

/**
 * Transform object to array for consumption by summary component
 * @param {object} object - Object
 * @returns {Array} Rows
 */
export const summaryRows = (object) => {
  const rows = [];

  for (const [key, value] of Object.entries(object)) {
    rows.push({
      key: {
        text: key,
      },
      value: {
        text: _valueText(value),
      },
    });
  }

  return rows;
};