feat: добавить репосты сообщений в каналах и тредах

2026-05-21 16:16:26 +03:00
parent 5344c42ceb
commit fd99250882
20 changed files with 694 additions and 50 deletions
@@ -283,6 +283,14 @@ function buildTargetFromNode(node) {
  return { blockchainName, blockNumber, blockHash };
 }

+function buildRepostTargetFromNode(node) {
+  const blockchainName = String(node?.targetBlockchainName || '').trim();
+  const blockNumber = Number(node?.targetBlockNumber);
+  const blockHash = normalizeMessageHash(node?.targetBlockHash);
+  if (!blockchainName || !Number.isFinite(blockNumber) || blockNumber < 0 || !blockHash) return null;
+  return { blockchainName, blockNumber, blockHash };
+}
+
 function firstNonEmptyText(...candidates) {
  for (const candidate of candidates) {
    if (typeof candidate !== 'string') continue;
@@ -379,6 +387,95 @@ function openReplyModal({ onSubmit, navigate }) {
  if (textEl) textEl.focus();
 }

+function openRepostModal({ navigate, channels = [], onSubmit }) {
+  const root = document.getElementById('modal-root');
+  const options = (Array.isArray(channels) ? channels : [])
+    .filter((item) => item?.selector?.ownerBlockchainName && Number.isFinite(Number(item?.selector?.channelRootBlockNumber)))
+    .map((item, index) => {
+      const owner = String(item?.ownerLogin || '').trim();
+      const name = String(item?.channelName || '').trim();
+      const label = `${owner || 'my'} / ${name || 'stories'}`;
+      return `<option value="${index}">${label}</option>`;
+    })
+    .join('');
+
+  root.innerHTML = `
+    <div class="modal" id="thread-repost-modal">
+      <div class="modal-card stack">
+        <h3 class="modal-title">Репост</h3>
+        <label class="meta-muted" for="thread-repost-channel-select">Канал</label>
+        <select id="thread-repost-channel-select" class="input">${options}</select>
+        <label class="meta-muted" for="thread-repost-comment">Комментарий</label>
+        <textarea id="thread-repost-comment" class="input" rows="5" maxlength="2000" placeholder="Комментарий к репосту"></textarea>
+        <div class="row wrap-row">
+          <button class="ghost-btn" id="thread-repost-voice" type="button">🎤 Голосом</button>
+        </div>
+        <div class="meta-muted inline-error" id="thread-repost-error"></div>
+        <div class="form-actions-grid">
+          <button class="secondary-btn" id="thread-repost-cancel" type="button">Отмена</button>
+          <button class="primary-btn" id="thread-repost-submit" type="button">Опубликовать репост</button>
+        </div>
+      </div>
+    </div>
+  `;
+
+  const selectEl = root.querySelector('#thread-repost-channel-select');
+  const textEl = root.querySelector('#thread-repost-comment');
+  const errorEl = root.querySelector('#thread-repost-error');
+  const submitEl = root.querySelector('#thread-repost-submit');
+  let inFlight = false;
+
+  const setBusy = (busy) => {
+    inFlight = !!busy;
+    if (selectEl) selectEl.disabled = inFlight;
+    if (textEl) textEl.disabled = inFlight;
+    if (submitEl) {
+      submitEl.disabled = inFlight;
+      submitEl.textContent = inFlight ? 'Публикуем...' : 'Опубликовать репост';
+    }
+  };
+
+  const close = () => {
+    root.innerHTML = '';
+  };
+
+  root.querySelector('#thread-repost-cancel')?.addEventListener('click', close);
+  root.querySelector('#thread-repost-voice')?.addEventListener('click', async () => {
+    await openSpeechInputModal({
+      navigate,
+      onTextReady: (text) => {
+        const prev = String(textEl?.value || '').trim();
+        if (textEl) textEl.value = prev ? `${prev} ${text}` : text;
+      },
+    });
+  });
+
+  submitEl?.addEventListener('click', async () => {
+    if (inFlight) return;
+    const idx = Number(selectEl?.value ?? -1);
+    if (!Number.isFinite(idx) || idx < 0 || idx >= channels.length) {
+      errorEl.textContent = 'Выберите канал для репоста.';
+      return;
+    }
+    const text = String(textEl?.value || '').trim();
+    if (!text) {
+      errorEl.textContent = 'Введите комментарий к репосту.';
+      return;
+    }
+    setBusy(true);
+    errorEl.textContent = '';
+    try {
+      await onSubmit({ channel: channels[idx].selector, text });
+      close();
+    } catch (error) {
+      setBusy(false);
+      errorEl.textContent = toUserMessage(error, 'Не удалось сделать репост.');
+    }
+  });
+
+  if (textEl) textEl.focus();
+}
+
 function openMessageHistoryModal({ versions = [], title = 'История изменений' }) {
  const root = document.getElementById('modal-root');
  const rows = Array.isArray(versions) ? versions : [];
@@ -477,6 +574,8 @@ function renderNodeCard(node, heading, handlers, localNumber) {
  const replies = Number(node?.repliesCount || 0);
  const isOwnMessage = String(node?.authorLogin || '').trim().toLowerCase() === String(state.session.login || '').trim().toLowerCase();
  const isChannelPost = Number(node?.channelInfo?.channelRoot?.blockNumber) >= 0;
+  const msgSubType = Number(node?.msgSubType || 0);
+  const repostTarget = msgSubType === 30 ? buildRepostTargetFromNode(node) : null;

  const headingText = String(heading || '').trim();
  if (headingText) {
@@ -610,7 +709,46 @@ function renderNodeCard(node, heading, handlers, localNumber) {
    await handlers.onShare(target);
  });

-  actions.append(likeButton, replyButton, shareButton);
+  const repostButton = document.createElement('button');
+  repostButton.type = 'button';
+  repostButton.className = 'channel-action-item thread-reply-btn';
+  repostButton.innerHTML = `
+    <span class="channel-action-icon" aria-hidden="true">🔁</span>
+    <span class="channel-action-label">Репост</span>
+  `;
+  repostButton.addEventListener('click', async (event) => {
+    event.stopPropagation();
+    animatePress(event.currentTarget);
+    try {
+      await handlers.onRepost(target);
+    } catch (error) {
+      handlers?.onActionError?.(error, 'repost');
+    }
+  });
+
+  actions.append(likeButton, replyButton, repostButton, shareButton);
+  if (repostTarget) {
+    const originalButton = document.createElement('button');
+    originalButton.type = 'button';
+    originalButton.className = 'channel-action-item';
+    originalButton.innerHTML = `
+      <span class="channel-action-icon" aria-hidden="true">↪</span>
+      <span class="channel-action-label">Оригинал</span>
+    `;
+    originalButton.addEventListener('click', (event) => {
+      event.stopPropagation();
+      const ok = window.confirm('Перейти к оригинальному сообщению?');
+      if (!ok) return;
+      const ownerLogin = extractLoginFromBlockchainName(repostTarget.blockchainName);
+      if (!ownerLogin) return;
+      handlers.navigate(makeShineMessageRoute({
+        ownerLogin,
+        messageBlockchainName: repostTarget.blockchainName,
+        messageBlockNumber: repostTarget.blockNumber,
+      }));
+    });
+    actions.append(originalButton);
+  }
  if (isOwnMessage) {
    const editButton = document.createElement('button');
    editButton.type = 'button';
@@ -797,6 +935,45 @@ export function render({ navigate, route }) {
      showStatus('');
      rerender();
    },
+    onRepost: async (target) => {
+      const { login, storagePwd } = requireSigningSession();
+      const feed = await authService.listSubscriptionsFeed(login, 1000);
+      const channels = (Array.isArray(feed?.ownedChannels) ? feed.ownedChannels : [])
+        .map((row) => {
+          const selectorRow = {
+            ownerBlockchainName: String(row?.channel?.ownerBlockchainName || '').trim(),
+            channelRootBlockNumber: Number(row?.channel?.channelRoot?.blockNumber),
+            channelRootBlockHash: normalizeRouteHash(row?.channel?.channelRoot?.blockHash),
+          };
+          if (!selectorRow.ownerBlockchainName || !Number.isFinite(selectorRow.channelRootBlockNumber) || selectorRow.channelRootBlockNumber < 0) {
+            return null;
+          }
+          return {
+            ownerLogin: String(row?.channel?.ownerLogin || '').trim(),
+            channelName: String(row?.channel?.channelName || '').trim(),
+            selector: selectorRow,
+          };
+        })
+        .filter(Boolean);
+      if (!channels.length) throw new Error('У вас пока нет каналов для репоста.');
+
+      openRepostModal({
+        navigate,
+        channels,
+        onSubmit: async ({ channel, text }) => {
+          await authService.addBlockRepost({
+            login,
+            storagePwd,
+            channel,
+            message: target,
+            text,
+          });
+          softHaptic(12);
+          showToast('Репост опубликован');
+          showStatus('');
+        },
+      });
+    },
    onShare: async (target) => {
      try {
        const routePath = buildThreadRouteFromTarget(target, selector);
@@ -824,7 +1001,9 @@ export function render({ navigate, route }) {
    onActionError: (error, action) => {
      const fallback = action === 'unlike'
        ? 'Не удалось убрать лайк.'
-        : 'Не удалось поставить лайк.';
+        : action === 'repost'
+          ? 'Не удалось сделать репост.'
+          : 'Не удалось поставить лайк.';
      showStatus(toUserMessage(error, fallback));
    },
    onEdit: async (target, textValue, meta = {}) => {