@memori.ai/memori-react 8.45.1 → 8.45.4

package/src/helpers/llmUsage.ts

@@ -1,328 +0,0 @@
-export interface LlmUsageOnLine {
-  provider?: string;
-  model?: string;
-  totalInputTokens?: number;
-  inputCacheReadTokens?: number;
-  inputCacheWriteTokens?: number;
-  outputTokens?: number;
-  durationMs?: number;
-  energyImpact?: {
-    energy?: number | { source?: string; parsedValue?: number };
-    energyUnit?: string;
-    gwp?: number | { source?: string; parsedValue?: number };
-    gwpUnit?: string;
-    wcf?: number | { source?: string; parsedValue?: number };
-    wcfUnit?: string;
-  };
-}
-
-export type UsageBadgeType = 'llm' | 'energy' | 'co2' | 'water';
-type NumericMetric = number | { source?: string; parsedValue?: number };
-type ImpactMetricType = 'energy' | 'co2' | 'water';
-type TranslateFn = (key: string, options?: { [key: string]: unknown }) => string;
-
-export interface LlmUsageLabels {
-  llm: string;
-  model: string;
-  provider: string;
-  tokens: string;
-  input: string;
-  output: string;
-  cacheRead: string;
-  cacheWrite: string;
-  duration: string;
-  energy: string;
-  co2: string;
-  water: string;
-  usageBadgesHint: string;
-}
-
-export const BADGE_EMOJI: Record<UsageBadgeType, string> = {
-  llm: '🤖',
-  energy: '⚡',
-  co2: '🌍',
-  water: '💧',
-};
-
-export const escapeHtml = (value: string): string =>
-  value
-    .replaceAll('&', '&amp;')
-    .replaceAll('<', '&lt;')
-    .replaceAll('>', '&gt;')
-    .replaceAll('"', '&quot;')
-    .replaceAll("'", '&#39;');
-
-export const getMetricValue = (metric?: NumericMetric): number | undefined => {
-  if (typeof metric === 'number' && Number.isFinite(metric)) return metric;
-  if (!metric || typeof metric !== 'object') return undefined;
-  if (
-    typeof metric.parsedValue === 'number' &&
-    Number.isFinite(metric.parsedValue)
-  ) {
-    return metric.parsedValue;
-  }
-  if (typeof metric.source === 'string') {
-    const parsed = Number(metric.source);
-    if (Number.isFinite(parsed)) return parsed;
-  }
-  return undefined;
-};
-
-const formatMetricValue = (value: number, locale = 'it-IT'): string => {
-  if (!Number.isFinite(value)) return '—';
-  if (value === 0) return '0';
-
-  const absValue = Math.abs(value);
-  return new Intl.NumberFormat(locale, {
-    minimumFractionDigits: 0,
-    maximumFractionDigits: absValue >= 1 ? 3 : 4,
-  }).format(value);
-};
-
-export const formatIntegerValue = (value: number, locale = 'it-IT'): string => {
-  if (!Number.isFinite(value)) return '0';
-  return new Intl.NumberFormat(locale, { maximumFractionDigits: 0 }).format(
-    value,
-  );
-};
-
-export const formatDuration = (durationMs?: number, locale = 'it-IT'): string => {
-  if (typeof durationMs !== 'number' || !Number.isFinite(durationMs)) {
-    return '—';
-  }
-  if (durationMs < 1000) return `${formatIntegerValue(durationMs, locale)} ms`;
-  return `${formatMetricValue(durationMs / 1000, locale)} s`;
-};
-
-const floorToSingleDecimal = (value: number): number =>
-  Math.floor(value * 10) / 10;
-
-const formatComparisonNumber = (value: number, locale = 'it-IT'): string =>
-  new Intl.NumberFormat(locale, {
-    minimumFractionDigits: 1,
-    maximumFractionDigits: 1,
-  }).format(floorToSingleDecimal(value));
-
-const formatReadableDuration = (seconds: number, locale = 'it-IT'): string => {
-  if (!Number.isFinite(seconds) || seconds <= 0) return '0 s';
-  if (seconds < 60) return `${formatComparisonNumber(seconds, locale)} s`;
-
-  const minutes = seconds / 60;
-  if (minutes < 60) return `${formatComparisonNumber(minutes, locale)} min`;
-
-  return `${formatComparisonNumber(minutes / 60, locale)} h`;
-};
-
-const formatReadableDistance = (meters: number, locale = 'it-IT'): string => {
-  if (!Number.isFinite(meters) || meters <= 0) return '0 m';
-  if (meters < 1000) return `${formatComparisonNumber(meters, locale)} m`;
-  return `${formatComparisonNumber(meters / 1000, locale)} km`;
-};
-
-const getApiUnitToBaseFactor = (
-  unitFromApi: string | undefined,
-  metricType: ImpactMetricType,
-): number => {
-  const u = (unitFromApi ?? '').trim().toLowerCase();
-  if (metricType === 'energy') {
-    if (u === 'kwh') return 1;
-    if (u === 'wh') return 0.001;
-    if (u === 'mwh') return 0.000001;
-    return 1;
-  }
-  if (metricType === 'co2') {
-    if (u === 'kg' || u === 'kgco2eq') return 1;
-    if (u === 'g') return 0.001;
-    if (u === 'mg') return 0.000001;
-    return 1;
-  }
-  if (u === 'l') return 1;
-  if (u === 'ml') return 0.001;
-  if (u === 'μl' || u === 'ul') return 0.000001;
-  return 1;
-};
-
-export const formatImpactInReadableUnit = (
-  value: number,
-  metricType: ImpactMetricType,
-  locale = 'it-IT',
-): string => {
-  const absValue = Math.abs(value);
-
-  if (metricType === 'energy') {
-    if (absValue >= 1) return `${formatMetricValue(value, locale)} kWh`;
-    const wattHours = value * 1000;
-    if (Math.abs(wattHours) >= 1) return `${formatMetricValue(wattHours, locale)} Wh`;
-    return `${formatMetricValue(wattHours * 1000, locale)} mWh`;
-  }
-
-  if (metricType === 'co2') {
-    if (absValue >= 1) return `${formatMetricValue(value, locale)} kg`;
-    const grams = value * 1000;
-    if (Math.abs(grams) >= 1) return `${formatMetricValue(grams, locale)} g`;
-    return `${formatMetricValue(grams * 1000, locale)} mg`;
-  }
-
-  if (absValue >= 1) return `${formatMetricValue(value, locale)} L`;
-  const milliliters = value * 1000;
-  if (Math.abs(milliliters) >= 1) return `${formatMetricValue(milliliters, locale)} mL`;
-  return `${formatMetricValue(milliliters * 1000, locale)} μL`;
-};
-
-export const formatImpactWithApiUnit = (
-  value: number,
-  unitFromApi: string | undefined,
-  fallbackUnit: string,
-  metricType: ImpactMetricType,
-  locale = 'it-IT',
-): string => {
-  const factor = getApiUnitToBaseFactor(
-    unitFromApi ?? fallbackUnit,
-    metricType,
-  );
-  const baseValue = value * factor;
-  return formatImpactInReadableUnit(baseValue, metricType, locale);
-};
-
-export const getImpactComparison = (
-  value: number,
-  metricType: ImpactMetricType,
-  locale = 'it-IT',
-  t: TranslateFn,
-): string => {
-  if (!Number.isFinite(value) || value <= 0) {
-    return t('chatLogs.impactComparisonUnavailable');
-  }
-
-  if (metricType === 'energy') {
-    const ledSeconds = (value * 1000 * 3600) / 10;
-    return t('chatLogs.impactComparisonEnergy', {
-      duration: formatReadableDuration(ledSeconds, locale),
-    });
-  }
-
-  if (metricType === 'co2') {
-    const averageCarMeters = (value / 0.12) * 1000;
-    return t('chatLogs.impactComparisonCo2', {
-      distance: formatReadableDistance(averageCarMeters, locale),
-    });
-  }
-
-  const drops = (value * 1000) / 0.05;
-  return t('chatLogs.impactComparisonWater', {
-    count: formatComparisonNumber(drops, locale),
-  });
-};
-
-const buildUsageBadgeHtml = ({
-  badgeType,
-  badgeClassName,
-  label,
-  value,
-  lineIndex,
-  emoji,
-}: {
-  badgeType: UsageBadgeType;
-  badgeClassName: string;
-  label: string;
-  value?: string;
-  lineIndex: number;
-  emoji: string;
-}): string => {
-  const escapedLabel = escapeHtml(label);
-  const valueHtml = value
-    ? `<span class="memori-chat--usage-badge-value">${value}</span>`
-    : '';
-  const content =
-    valueHtml ||
-    `<span class="memori-chat--usage-badge-label">${escapedLabel}</span>`;
-
-  return `<button type="button" class="memori-chat--usage-badge ${badgeClassName}" data-llm-badge-type="${badgeType}" data-line-index="${lineIndex}" aria-label="${escapedLabel}">${emoji} ${content}</button>`;
-};
-
-export const buildLlmUsageHtml = (
-  usage: LlmUsageOnLine,
-  labels: LlmUsageLabels,
-  lineIndex: number,
-  locale = 'it-IT',
-): string => {
-  const badges = [
-    buildUsageBadgeHtml({
-      badgeType: 'llm',
-      badgeClassName: 'memori-chat--usage-badge-llm',
-      label: labels.llm,
-      lineIndex,
-      emoji: BADGE_EMOJI.llm,
-    }),
-  ];
-
-  const energy = getMetricValue(usage.energyImpact?.energy);
-  const gwp = getMetricValue(usage.energyImpact?.gwp);
-  const wcf = getMetricValue(usage.energyImpact?.wcf);
-
-  if (typeof energy === 'number') {
-    const energyFormatted = formatImpactWithApiUnit(
-      energy,
-      usage.energyImpact?.energyUnit,
-      'kWh',
-      'energy',
-      locale,
-    );
-    badges.push(
-      buildUsageBadgeHtml({
-        badgeType: 'energy',
-        badgeClassName: 'memori-chat--usage-badge-energy',
-        label: `${labels.energy} ${energyFormatted}`,
-        value: escapeHtml(energyFormatted),
-        lineIndex,
-        emoji: BADGE_EMOJI.energy,
-      }),
-    );
-  }
-
-  if (typeof gwp === 'number') {
-    const co2Formatted = formatImpactWithApiUnit(
-      gwp,
-      usage.energyImpact?.gwpUnit,
-      'kgCO2eq',
-      'co2',
-      locale,
-    );
-    badges.push(
-      buildUsageBadgeHtml({
-        badgeType: 'co2',
-        badgeClassName: 'memori-chat--usage-badge-co2',
-        label: `${labels.co2} ${co2Formatted}`,
-        value: escapeHtml(co2Formatted),
-        lineIndex,
-        emoji: BADGE_EMOJI.co2,
-      }),
-    );
-  }
-
-  if (typeof wcf === 'number') {
-    const waterFormatted = formatImpactWithApiUnit(
-      wcf,
-      usage.energyImpact?.wcfUnit,
-      'L',
-      'water',
-      locale,
-    );
-    badges.push(
-      buildUsageBadgeHtml({
-        badgeType: 'water',
-        badgeClassName: 'memori-chat--usage-badge-water',
-        label: `${labels.water} ${waterFormatted}`,
-        value: escapeHtml(waterFormatted),
-        lineIndex,
-        emoji: BADGE_EMOJI.water,
-      }),
-    );
-  }
-
-  return `<div class="memori-chat--llm-usage" data-llm-usage><hr class="memori-chat--llm-usage-hr" /><p class="memori-chat--llm-usage-hint">${escapeHtml(
-    labels.usageBadgesHint,
-  )}</p><div class="memori-chat--llm-usage-badges">${badges.join(
-    '',
-  )}</div></div>`;
-};

package/src/helpers/markedExtendedTables.js

@@ -1,217 +0,0 @@
-export default function () {
-  return {
-    extensions: [
-      {
-        name: 'spanTable',
-        level: 'block', // Is this a block-level or inline-level tokenizer?
-        start(src) {
-          return src.match(/^\n *([^\n ].*\|.*)\n/)?.index;
-        }, // Hint to Marked.js to stop and check for a match
-        tokenizer(src, tokens) {
-          // const regex = this.tokenizer.rules.block.table;
-          const regex = new RegExp(
-            '^ *([^\\n ].*\\|.*\\n(?: *[^\\s].*\\n)*?)' + // Header
-              ' {0,3}(?:\\| *)?(:?-+:? *(?:\\| *:?-+:? *)*)(?:\\| *)?' + // Align
-              '(?:\\n((?:(?! *\\n| {0,3}((?:- *){3,}|(?:_ *){3,}|(?:\\* *){3,})' + // Cells
-              '(?:\\n+|$)| {0,3}#{1,6} | {0,3}>| {4}[^\\n]| {0,3}(?:`{3,}' +
-              '(?=[^`\\n]*\\n)|~{3,})[^\\n]*\\n| {0,3}(?:[*+-]|1[.)]) |' +
-              '<\\/?(?:address|article|aside|base|basefont|blockquote|body|' +
-              'caption|center|col|colgroup|dd|details|dialog|dir|div|dl|dt|fieldset|figcaption|figure|footer|form|frame|frameset|h[1-6]|head|header|hr|html|iframe|legend|li|link|main|menu|menuitem|meta|nav|noframes|ol|optgroup|option|p|param|section|source|summary|table|tbody|td|tfoot|th|thead|title|tr|track|ul)(?: +|\\n|\\/?>)|<(?:script|pre|style|textarea|!--)).*(?:\\n|$))*)\\n*|$)'
-          ); // Cells
-          const cap = regex.exec(src);
-
-          if (cap) {
-            const item = {
-              type: 'spanTable',
-              header: cap[1].replace(/\n$/, '').split('\n'),
-              align: cap[2].replace(/^ *|\| *$/g, '').split(/ *\| */),
-              rows: cap[3] ? cap[3].replace(/\n$/, '').split('\n') : [],
-            };
-
-            // Get first header row to determine how many columns
-            item.header[0] = splitCells(item.header[0]);
-
-            const colCount = item.header[0].reduce((length, header) => {
-              return length + header.colspan;
-            }, 0);
-
-            if (colCount === item.align.length) {
-              item.raw = cap[0];
-
-              let i, j, k, row;
-
-              // Get alignment row (:---:)
-              let l = item.align.length;
-
-              for (i = 0; i < l; i++) {
-                if (/^ *-+: *$/.test(item.align[i])) {
-                  item.align[i] = 'right';
-                } else if (/^ *:-+: *$/.test(item.align[i])) {
-                  item.align[i] = 'center';
-                } else if (/^ *:-+ *$/.test(item.align[i])) {
-                  item.align[i] = 'left';
-                } else {
-                  item.align[i] = null;
-                }
-              }
-
-              // Get any remaining header rows
-              l = item.header.length;
-              for (i = 1; i < l; i++) {
-                item.header[i] = splitCells(
-                  item.header[i],
-                  colCount,
-                  item.header[i - 1]
-                );
-              }
-
-              // Get main table cells
-              l = item.rows.length;
-              for (i = 0; i < l; i++) {
-                item.rows[i] = splitCells(
-                  item.rows[i],
-                  colCount,
-                  item.rows[i - 1]
-                );
-              }
-
-              // header child tokens
-              l = item.header.length;
-              for (j = 0; j < l; j++) {
-                row = item.header[j];
-                for (k = 0; k < row.length; k++) {
-                  row[k].tokens = [];
-                  this.lexer.inline(row[k].text, row[k].tokens);
-                }
-              }
-
-              // cell child tokens
-              l = item.rows.length;
-              for (j = 0; j < l; j++) {
-                row = item.rows[j];
-                for (k = 0; k < row.length; k++) {
-                  row[k].tokens = [];
-                  this.lexer.inline(row[k].text, row[k].tokens);
-                }
-              }
-              return item;
-            }
-          }
-        },
-        renderer(token) {
-          let i, j, row, cell, col, text;
-          let output =
-            '<div class="memori--responsive-table-wrapper"><table class="memori--table memori--table--compact">';
-          output += '<thead>';
-          for (i = 0; i < token.header.length; i++) {
-            row = token.header[i];
-            let col = 0;
-            output += '<tr>';
-            for (j = 0; j < row.length; j++) {
-              cell = row[j];
-              text = this.parser.parseInline(cell.tokens);
-              output += getTableCell(text, cell, 'th', token.align[col]);
-              col += cell.colspan;
-            }
-            output += '</tr>';
-          }
-          output += '</thead>';
-          if (token.rows.length) {
-            output += '<tbody>';
-            for (i = 0; i < token.rows.length; i++) {
-              row = token.rows[i];
-              col = 0;
-              output += '<tr>';
-              for (j = 0; j < row.length; j++) {
-                cell = row[j];
-                text = this.parser.parseInline(cell.tokens);
-                output += getTableCell(text, cell, 'td', token.align[col]);
-                col += cell.colspan;
-              }
-              output += '</tr>';
-            }
-            output += '</tbody>';
-          }
-          output += '</table></div>';
-          return output;
-        },
-      },
-    ],
-  };
-}
-
-const getTableCell = (text, cell, type, align) => {
-  if (!cell.rowspan) {
-    return '';
-  }
-  const tag =
-    `<${type}` +
-    `${cell.colspan > 1 ? ` colspan=${cell.colspan}` : ''}` +
-    `${cell.rowspan > 1 ? ` rowspan=${cell.rowspan}` : ''}` +
-    `${align ? ` align=${align}` : ''}>`;
-  return `${tag + text}</${type}>\n`;
-};
-
-const splitCells = (tableRow, count, prevRow = []) => {
-  const cells = [...tableRow.matchAll(/(?:[^|\\]|\\.?)+(?:\|+|$)/g)].map(
-    x => x[0]
-  );
-
-  // Remove first/last cell in a row if whitespace only and no leading/trailing pipe
-  if (!cells[0]?.trim()) {
-    cells.shift();
-  }
-  if (!cells[cells.length - 1]?.trim()) {
-    cells.pop();
-  }
-
-  let numCols = 0;
-  let i, j, trimmedCell, prevCell, prevCols;
-
-  for (i = 0; i < cells.length; i++) {
-    trimmedCell = cells[i].split(/\|+$/)[0];
-    cells[i] = {
-      rowspan: 1,
-      colspan: Math.max(cells[i].length - trimmedCell.length, 1),
-      text: trimmedCell.trim().replace(/\\\|/g, '|'),
-      // display escaped pipes as normal character
-    };
-
-    // Handle Rowspan
-    if (trimmedCell.slice(-1) === '^' && prevRow.length) {
-      // Find matching cell in previous row
-      prevCols = 0;
-      for (j = 0; j < prevRow.length; j++) {
-        prevCell = prevRow[j];
-        if (prevCols === numCols && prevCell.colspan === cells[i].colspan) {
-          // merge into matching cell in previous row (the "target")
-          cells[i].rowSpanTarget = prevCell.rowSpanTarget ?? prevCell;
-          cells[i].rowSpanTarget.text += ` ${cells[i].text.slice(0, -1)}`;
-          cells[i].rowSpanTarget.rowspan += 1;
-          cells[i].rowspan = 0;
-          break;
-        }
-        prevCols += prevCell.colspan;
-        if (prevCols > numCols) {
-          break;
-        }
-      }
-    }
-
-    numCols += cells[i].colspan;
-  }
-
-  // Force main cell rows to match header column count
-  if (numCols > count) {
-    cells.splice(count);
-  } else {
-    while (numCols < count) {
-      cells.push({
-        colspan: 1,
-        text: '',
-      });
-      numCols += 1;
-    }
-  }
-  return cells;
-};