jiapu/public/js/feed-pages.js

(function (root, factory) {
  // 家族圈动态模块同时支持浏览器页面和 Node 单元测试。
  if (typeof module === 'object' && module.exports) {
    module.exports = factory(root);
    return;
  }

  root.FeedPages = factory(root);
  if (root.document) {
    root.document.addEventListener('DOMContentLoaded', function () {
      root.FeedPages.init();
    });
  }
})(typeof globalThis !== 'undefined' ? globalThis : window, function (root) {
  'use strict';

  var documentRef = root.document;

  function normalizeList(data) {
    // 动态分页响应兼容 rows、records、list、data。
    if (Array.isArray(data)) return data;
    if (!data || typeof data !== 'object') return [];
    if (Array.isArray(data.rows)) return data.rows;
    if (Array.isArray(data.records)) return data.records;
    if (Array.isArray(data.list)) return data.list;
    if (Array.isArray(data.data)) return data.data;
    return [];
  }

  function pick(item, keys, fallback) {
    var source = item || {};
    var index;
    var value;

    for (index = 0; index < keys.length; index += 1) {
      value = source[keys[index]];
      if (value !== undefined && value !== null && value !== '') return value;
    }

    return fallback || '';
  }

  function escapeHtml(value) {
    // 动态内容进入 innerHTML 前转义，详情富文本不在这里处理。
    return String(value === undefined || value === null ? '' : value)
      .replace(/&/g, '&amp;')
      .replace(/</g, '&lt;')
      .replace(/>/g, '&gt;')
      .replace(/"/g, '&quot;')
      .replace(/'/g, '&#39;');
  }

  function getApi() {
    return root.GenealogyApi && root.GenealogyApi.defaultClient;
  }

  function query(selector, rootNode) {
    return (rootNode || documentRef).querySelector(selector);
  }

  function queryAll(selector, rootNode) {
    return Array.prototype.slice.call((rootNode || documentRef).querySelectorAll(selector));
  }

  function showMessage(message) {
    if (root.layui && root.layui.layer) {
      root.layui.layer.msg(message);
      return;
    }

    root.alert(message);
  }

  function getQueryParam(search, name) {
    var params = new URLSearchParams(String(search || '').replace(/^\?/, ''));
    return params.get(name) || '';
  }

  function getCurrentGenealogyId() {
    var search = root.location && root.location.search;
    var page = query('[data-feed-page], [data-feed-edit-page]');

    return getQueryParam(search, 'genealogyId') ||
      (page && page.getAttribute('data-genealogy-id')) ||
      getQueryParam(search, 'id') ||
      '';
  }

  function getCurrentFeedId() {
    var search = root.location && root.location.search;

    return getQueryParam(search, 'feedId') || '';
  }

  function trimOrUndefined(value) {
    var text = String(value === undefined || value === null ? '' : value).trim();

    return text || undefined;
  }

  function toNumber(value) {
    var text = String(value === undefined || value === null ? '' : value).trim();
    var number = Number(text);

    return text && Number.isFinite(number) ? number : undefined;
  }

  function buildFeedBody(values) {
    var source = values || {};

    return {
      content: String(source.content || '').trim(),
      mediaOssIds: trimOrUndefined(source.mediaOssIds),
      visibility: String(source.visibility || '').trim() || '2',
      status: String(source.status || '').trim() || '0'
    };
  }

  function buildCommentBody(values) {
    // FamilyFeedCommentBody 要求 content 必填。
    var source = values || {};

    return {
      parentCommentId: toNumber(source.parentCommentId),
      replyUserId: toNumber(source.replyUserId),
      content: String(source.content || '').trim()
    };
  }

  function getFeedId(item) {
    return pick(item, ['feedId', 'id'], '');
  }

  function buildFeedRow(item) {
    var feedId = getFeedId(item);
    var author = pick(item, ['authorName', 'nickName', 'memberName'], '家族成员');
    var content = pick(item, ['content', 'feedContent'], '暂无内容');
    var likeCount = pick(item, ['likeCount', 'likes'], '0');
    var commentCount = pick(item, ['commentCount', 'comments'], '0');
    var createTime = pick(item, ['createTime', 'publishTime', 'updateTime'], '未记录时间');

    return '<div class="module-row feed-row" data-feed-id="' + escapeHtml(feedId) + '">' +
      '<div><h3>' + escapeHtml(author) + '</h3><p>' + escapeHtml(content) + '</p><small>' + escapeHtml(createTime) + ' · ' + escapeHtml(likeCount) + ' 赞 · ' + escapeHtml(commentCount) + ' 评论</small></div>' +
      '<div class="row-actions"><button class="pill" type="button" data-feed-like="' + escapeHtml(feedId) + '">点赞</button><button class="pill" type="button" data-feed-comment="' + escapeHtml(feedId) + '">评论</button></div>' +
      '</div>';
  }

  function renderFeeds(items) {
    var container = query('[data-feed-list]');
    var list = normalizeList(items);

    if (!container) return;
    if (!list.length) {
      container.innerHTML = '<div class="api-empty">暂无家族动态</div>';
      return;
    }

    container.innerHTML = list.map(buildFeedRow).join('');
  }

  function getFormValues(form) {
    var values = {};

    queryAll('[name]', form).forEach(function (field) {
      if (field.type === 'checkbox') {
        values[field.name] = field.checked ? '1' : '';
        return;
      }

      values[field.name] = field.value;
    });

    return values;
  }

  function fillFeedForm(feed) {
    var source = feed || {};

    queryAll('[name]').forEach(function (field) {
      var value = pick(source, [field.name], '');
      if (field.type === 'checkbox') {
        field.checked = value === '1' || value === true;
        return;
      }

      if (value !== '') field.value = value;
    });
  }

  async function loadFeeds() {
    var api = getApi();
    var genealogyId = getCurrentGenealogyId();
    var feedId = getCurrentFeedId();

    if (!api || !genealogyId) return;

    try {
      if (query('[data-feed-list]')) {
        renderFeeds(await api.feedsPage(genealogyId, {
          pageNum: 1,
          pageSize: 10
        }));
      }

      if (feedId && query('[data-feed-edit-page]')) {
        fillFeedForm(await api.feedDetail(genealogyId, feedId));
      }
    } catch (error) {
      showMessage(error.message || '家族动态加载失败');
    }
  }

  async function submitFeed(form) {
    var api = getApi();
    var genealogyId = getCurrentGenealogyId();
    var feedId = getCurrentFeedId();
    var body = buildFeedBody(getFormValues(form));

    if (!api || !genealogyId) {
      showMessage('请从具体家谱进入动态发布');
      return;
    }

    if (!body.content) {
      showMessage('请填写动态内容');
      return;
    }

    try {
      if (feedId) {
        await api.updateFeed(genealogyId, feedId, body);
      } else {
        await api.createFeed(genealogyId, body);
      }

      showMessage('动态已保存');
      root.location.href = 'profile-feed.html?genealogyId=' + encodeURIComponent(genealogyId);
    } catch (error) {
      showMessage(error.message || '保存动态失败');
    }
  }

  async function likeFeed(feedId) {
    var api = getApi();
    var genealogyId = getCurrentGenealogyId();

    if (!api || !genealogyId || !feedId) return;

    try {
      await api.likeFeed(genealogyId, feedId);
      showMessage('已点赞');
      loadFeeds();
    } catch (error) {
      showMessage(error.message || '点赞失败');
    }
  }

  async function commentFeed(feedId) {
    var api = getApi();
    var genealogyId = getCurrentGenealogyId();
    var content;

    if (!api || !genealogyId || !feedId) return;

    content = root.prompt('请输入评论内容', '');
    if (!content) return;

    try {
      await api.createFeedComment(genealogyId, feedId, buildCommentBody({
        content: content
      }));
      showMessage('评论已发布');
      loadFeeds();
    } catch (error) {
      showMessage(error.message || '评论失败');
    }
  }

  function bindActions() {
    if (!documentRef) return;

    documentRef.addEventListener('submit', function (event) {
      var form = event.target.closest('[data-feed-form]');

      if (!form) return;
      event.preventDefault();
      submitFeed(form);
    });

    documentRef.addEventListener('click', function (event) {
      var likeButton = event.target.closest('[data-feed-like]');
      var commentButton = event.target.closest('[data-feed-comment]');

      if (likeButton) {
        event.preventDefault();
        likeFeed(likeButton.getAttribute('data-feed-like'));
      }

      if (commentButton) {
        event.preventDefault();
        commentFeed(commentButton.getAttribute('data-feed-comment'));
      }
    });
  }

  function init() {
    if (!documentRef) return;

    bindActions();
    loadFeeds();
  }

  return {
    normalizeList: normalizeList,
    buildFeedBody: buildFeedBody,
    buildCommentBody: buildCommentBody,
    buildFeedRow: buildFeedRow,
    init: init
  };
});