// ==UserScript==
// @name        增强x岛匿名版
// @description 保存编辑内容，发串前显示预览，粘贴插入图片，自动设置网页标题（修改自no1xsyzy的增强黎明板）
// @namespace   nwater23
// @match       http://www.nmbxd1.com/*
// @match       https://www.nmbxd1.com/*
// @require     https://code.jquery.com/jquery-2.2.4.min.js
// @license     Apache-2.0
// @version     0.7.0
// @author      nwater23
// @grant       GM_setValue
// @grant       GM_getValue
// @grant       GM_deleteValue
// @downloadURL https://update.greasyfork.icu/scripts/513156/%E5%A2%9E%E5%BC%BAx%E5%B2%9B%E5%8C%BF%E5%90%8D%E7%89%88.user.js
// @updateURL https://update.greasyfork.icu/scripts/513156/%E5%A2%9E%E5%BC%BAx%E5%B2%9B%E5%8C%BF%E5%90%8D%E7%89%88.meta.js
// ==/UserScript==
(function ($) {
  'use strict';

  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

  var $__default = /*#__PURE__*/_interopDefaultLegacy($);

  var 正文框 = $__default['default']('textarea.h-post-form-textarea');

  const search = window.location.search;
  const 搜索参数 = {};
  search.replace(/^\?/, '').split('&').forEach(kev => {
    const [k, v] = kev.split('=', 2);
    搜索参数[k] = v;
  });

  const 路径 = window.location.pathname;
  const 路径分块 = 路径.split('/').splice(1);

  const previewHtml = `
<div class="h-preview-box">

<div class="h-threads-item">
<div class="h-threads-item-replies">
<div class="h-threads-item-reply">
<div class="h-threads-item-reply-main">
    <div class="h-threads-img-box">
        <div class="h-threads-img-tool uk-animation-slide-top">
            <span class="h-threads-img-tool-btn h-threads-img-tool-small uk-button-link"><i class="uk-icon-minus"></i>收起</span>
            <a href=":javascript:;" class="h-threads-img-tool-btn uk-button-link"><i class="uk-icon-search-plus"></i>查看大图</a>
            <span class="h-threads-img-tool-btn h-threads-img-tool-left uk-button-link"><i class="uk-icon-reply"></i>向左旋转</span>
            <span class="h-threads-img-tool-btn h-threads-img-tool-right uk-button-link"><i class="uk-icon-share"></i>向右旋转</span>
        </div>
        <a class="h-threads-img-a"><img src="" align="left" border="0" hspace="20" class="h-threads-img"></a>
    </div>
    <div class="h-threads-info">
        <span class="h-threads-info-title">无标题</span>
        <span class="h-threads-info-email">无名氏</span>
        <span class="h-threads-info-createdat">2099-01-01(四)00:00:01</span>
        <span class="h-threads-info-uid">ID:cookies</span>
        <span class="uk-text-primary uk-text-small">(PO主)</span>
        <span class="h-threads-info-report-btn">
            [<a href="/f/值班室" target="_blank">举报</a>]
        </span>
        <a href=":javascript:;" class="h-threads-info-id" target="_blank">No.99999999</a>
    </div>
    <div class="h-threads-content">
        无内文
    </div>
</div>
</div>
</div>
</div>

</div>
`;
  $__default['default'](previewHtml).insertAfter('#h-post-form form');
  const previewBox = $__default['default']('.h-preview-box');
  const previewTitle = previewBox.find('.h-threads-info-title');
  const previewEmail = previewBox.find('.h-threads-info-email');
  const previewContent = previewBox.find('.h-threads-content');
  console.log(previewBox, previewTitle, previewEmail, previewContent);

  const refExp = /^([>＞]+.*)$/g;
  const hideExp = /\[h\](.*)\[\/h\]/g;

  function renderContent (raw) {
    if (raw.trim() === '') {
      console.log('No content');
      return
    }
    previewContent.text('');
    for (let i of raw.split('\n')) {
      i = i.replace(/ +/g, ' ');
      let e;
      if (refExp.test(i)) {
        e = $__default['default']('<font color="#789922"></font>').text(i);
      } else if (hideExp.test(i)) {
        e = $__default['default']('<span class="h-hidden-text"></span>').text(i);
      } else {
        e = $__default['default']('<span></span>').text(i);
      }
      previewContent.append(e);
      previewContent.append('<br>');
    }
  }

  /* global GM_deleteValue, GM_getValue, GM_setValue */

  function 清空编辑 () {
    if (document.getElementsByClassName('success')[0].textContent.includes('回复成功')) {
      const 主串路径 = /https?:\/\/[^/]+(\/t\/\d+)/.exec(document.getElementById('href').href)[1];
      GM_deleteValue(主串路径);
    }
  }

  function 载入编辑 () {
    正文框.val(GM_getValue(window.location.pathname, 搜索参数.r ? `>>No.${搜索参数.r}\n` : ''));
  }

  function 注册自动保存编辑 () {
    $__default['default'](保存编辑);
    $__default['default']('form').on('input', 保存编辑);
  }

  function 保存编辑 () {
    GM_setValue(window.location.pathname, 正文框.val());
    renderContent(正文框.val());
    previewTitle.text($__default['default']('form input[name="title"]').val() || '无标题');
    previewEmail.text($__default['default']('form input[name="name"]').val() || '无名氏');
  }

  function 注册追记引用串号 () {
    $__default['default']('body').on('click', 'a.h-threads-info-id', e => {
      const start = 正文框.prop('selectionStart');
      const end = 正文框.prop('selectionEnd');
      const len = end - start;
      const str = 正文框.val();
      const left = str.substring(0, start);
      const right = str.substring(end);
      const ref = `>>${e.target.textContent.trim()}`;
      正文框.val(
        start === 0
          ? `${ref}\n${right}`
          : end === str.length
            ? `${left}\n${ref}\n`
            : len > 0
              ? `${left} ${ref} ${right}`
              : `${left}\n${ref}`
      );
      正文框.trigger('input', '');
      保存编辑();
      e.preventDefault();
    });
  }

  function 注册粘贴图片 () {
    window.addEventListener('paste', e => {
      const files = (e.clipboardData || e.originalEvent.clipboardData).files;
      if (files.length) { document.querySelector('input[type="file"][name="image"]').files = files; }
    });
  }

  function 自动标题 () {
    const 页码 = 路径分块[0] === 'Forum' ? 路径分块[5]?.replace(/\.html$/, '') || 1 : 搜索参数.page || 1;
    const 标题 = 选择标题();
    document.querySelector('title').textContent = `${标题} - ${document.querySelector('title').textContent} - page ${页码}`;
  }

  function visit (root, cb) {
    if (cb(root) === '停止') {
      return
    }

    for (const child of root.children) {
      visit(child, cb);
    }
  }

  function 选择标题 () {
    const title = document.querySelector('.h-threads-list .h-threads-item-main .h-threads-info .h-threads-info-title').textContent.trim();
    if (title !== '无标题') {
      return title
    }

    const mainContent = document.querySelector('.h-threads-list .h-threads-item-main .h-threads-content');
    const redTexts = [];
    visit(mainContent, el => {
      if (window.getComputedStyle(el).color === 'rgb(255, 0, 0)') {
        const redSegment = el.textContent.replace(/^[=\s+]+|[=\s+]+$/, '');
        if (redSegment !== '') {
          redTexts.push(redSegment);
        }
        return '停止'
      }
    });
    const red = redTexts.join('');
    if (red !== '') {
      return red
    }

    const lines = document.querySelector('.h-threads-list .h-threads-item-main .h-threads-content').innerText.split('\n');
    for (let line of lines) {
      if ((line = line.trim()) !== '') {
        return line
      }
    }
  }

  /*
   *  @param {string} machineReadableTime 1970-01-01(四)00:00:00
   */
  function getFriendlyTime (machineReadableTime) {
    /*
      const yr = machineReadableTime.slice(0, 4)
      const mo = machineReadableTime.slice(5, 7)
      const day = machineReadableTime.slice(8, 10)
      const hr = machineReadableTime.slice(13, 15)
      const min = machineReadableTime.slice(16, 18)
      const sec = machineReadableTime.slice(19, 21)
      const date = new Date(yr, mo - 1, day, hr, min, sec)
    */
    const date = new Date(machineReadableTime);
    const now = new Date();
    if (now < date) return machineReadableTime
    let friendlyDate = machineReadableTime.slice(0, 10);
    let friendlyTime = machineReadableTime.slice(13, 21);
    const weekday = machineReadableTime.slice(11, 12);

    const diff = (now.getTime() - date.getTime()) / 1000;
    if (diff < 60) {
      friendlyTime = `${Math.floor(diff)}秒前`;
    } else if (diff < 3600) {
      friendlyTime = `${Math.floor(diff / 60)}分钟前`;
    } else if (diff < 24 * 3600) {
      friendlyTime = `${Math.floor(diff / 3600)}小时前 ${friendlyTime}`;
    }

    const yesterday = new Date(new Date(now - 1000 * 60 * 60 * 24).toLocaleDateString());
    if (now.toLocaleDateString() === date.toLocaleDateString()) {
      friendlyDate = '今天';
    } else if (yesterday.toLocaleDateString() === date.toLocaleDateString()) {
      friendlyDate = '昨天';
    } else if (yesterday - date < 1000 * 60 * 60 * 24 * 30) {
      friendlyDate = `${Math.floor((now - date) / (1000 * 60 * 60 * 24))}天前`;
    } else if (now.getFullYear() === date.getFullYear()) {
      friendlyDate = friendlyDate.slice(5);
    } else {
      friendlyDate = `${now.getFullYear() - date.getFullYear()}年前 ${friendlyDate}`;
    }
    return `${friendlyDate}(${weekday})${friendlyTime}`
  }

  function formatDateStrOnPage () {
    const targets = $__default['default']('span.h-threads-info-createdat');
    targets.each(function () {
      const target = $__default['default'](this);
      const timeStr = target.attr('title') || target.text().trim();
      target.attr('title', timeStr);
      const friendlyTime = getFriendlyTime(timeStr);
      target.text(friendlyTime);
    });
  }

  function 串 () {
    载入编辑();
    注册追记引用串号();
    注册自动保存编辑();
    注册粘贴图片();
    自动标题();
    setInterval(formatDateStrOnPage, 2500);
  }

  function 串只看po () {
    自动标题();
  }

  function 版块 () {
    注册自动保存编辑();
    注册追记引用串号();
    注册粘贴图片();
    setInterval(formatDateStrOnPage, 2500);
  }

  function 回复成功 () {
    清空编辑();
    注册粘贴图片();
  }

  function 未知 () {
    注册粘贴图片();
  }

  const 一层路径 = 路径分块[0] === 'm' ? 路径分块[1] : 路径分块[0];

  switch (一层路径) {
    case 't':
      串();
      break
    case 'f':
      版块();
      break
    case 'Forum':
      if (路径分块[1] === 'po' && 路径分块[2] === 'id') { 串只看po(); } else { 未知(); }
      break
    case 'Home':
      if (路径 === '/Home/Forum/doReplyThread.html') { 回复成功(); } else { 未知(); }
      break
    case 'Member':
      if (路径.startsWith('/Member/User/Cookie/export/id/')) { console.debug('//TODO'); }
      break
    default:
      未知();
  }

}($));