// const LodashModuleReplacementPlugin = require('lodash-webpack-plugin'); 实测对打包成一个 js 时有影响，暂未找到原因

cssDebug: true, // 打开 cssDebug，以避免使用 MiniCssExtractPlugin，会产生多余的 css
entry: './app/app.js', // 改变入口，不分包
output: {
  filename: 'bundle.js', // 只输出一个 bundle.js 文件
},

splitChunks: false,  // 关闭分包优化，下面同理
runtimeChunk: false,

// new LodashModuleReplacementPlugin(), // lodash 优化，暂时屏蔽，理由同上
// new webpack.HashedModuleIdsPlugin(), // 不需要固定 chunkhash，因为只有一个文件

const render = () => {
  const root = document.createElement('div');
  document.querySelector('body').appendChild(root);
  ReactDOM.render(<App />, root);
};

render();

if (!global._babelPolyfill) {
  // 防止二次引入
  require('babel-polyfill');
}

import React from 'react';
import PropTypes from 'prop-types';

class ErrorBoundary extends React.Component {
  static propTypes = {
    children: PropTypes.node
  };

  constructor(props) {
    super(props);
    this.state = { error: null, errorInfo: null };
  }

  componentDidCatch(error, errorInfo) {
    console.log(error, errorInfo);
    // Display fallback UI
    this.setState({ error, errorInfo });
    // You can also log the error to an error reporting service
  }

  render() {
    // if (this.state.hasError) {
    //   // You can render any custom fallback UI
    //   return <h1>Something went wrong.</h1>;
    // }
    return this.props.children;
  }
}

export default ErrorBoundary;

# 设置到某个文件下的别名，可以通过 /im 访问到调试端
location ^~ /im {
  alias /home/frontend/pony/;
}
# 设置到某个文件下的别名，可以通过 /bundle.js 直接访问到 bundle.js
location = /bundle.js {
  alias /home/frontend/pony/bundle.js;
}
# 反代设置跨域并允许设置 cookie
location /service-tp-api/ {
  add_header Access-Control-Allow-Credentials true;  # 是否允许发送 Cookie
  add_header Access-Control-Allow-Origin $http_origin; # 这里 $http_origin 代表引用 bundle.js 的网站域名（真实域名），不能设置为 * ，否则不能成功设置 cookie
  add_header Access-Control-Allow-Methods 'GET, POST, OPTIONS'; # 用到哪些 HTTP 方法
  add_header Access-Control-Allow-Headers 'DNT,X-Mx-ReqToken,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Authorization,Cookie,Set-Cookie,x-requested-with,content-type,pragma'; # 允许使用的 header 字段，可以查看自己的 request 来进行添加

  if ($request_method = 'OPTIONS') {
    # 跨域预检
    return 204;
  }

  # 以下是反代到哪里
  proxy_pass http://localhost:10602/api/im-service/;
  proxy_redirect off;
  proxy_set_header Host $host;
  proxy_set_header X-Real-IP $remote_addr;
  proxy_set_header X-Forward-For $proxy_add_x_forwarded_for;
}

export function createDebugUserInfo(data) {
  return httpFetch('/service-tp-api/create-debug-user', {
    method: 'POST',
    data,
    mode: 'cors',
    credentials: 'include'
  });
}

function getCursorPosition(textDom) {
  let cursorPos = 0;
  if (document.selection) {
    // IE Support
    textDom.focus();
    const selectRange = document.selection.createRange();
    selectRange.moveStart('character', -textDom.value.length);
    cursorPos = selectRange.text.length;
  } else if (textDom.selectionStart || textDom.selectionStart === 0) {
    // Firefox support
    cursorPos = textDom.selectionStart;
  }
  return cursorPos;
}

function setCursorPosition(elem, index) {
  const val = elem.value;
  const len = val.length;

  // 超过文本长度直接返回
  if (len < index) return;
  // 注意这里的 setTimeout 延迟写入，否则不生效
  setTimeout(() => {
    elem.focus();
    if (elem.setSelectionRange) {
      // 标准浏览器
      elem.setSelectionRange(index, index);
    } else {
      // IE9-
      const range = elem.createTextRange();
      range.moveStart('character', -len);
      range.moveEnd('character', -len);
      range.moveStart('character', index);
      range.moveEnd('character', 0);
      range.select();
    }
  }, 0);
}