\r\n {props.text}\r\n
\r\n )\r\n}\r\n\r\nexport function GlobalTitle(props) {\r\n return (\r\n\r\n
\r\n );\r\n}\r\n\r\nconst FALLBACK_APPS={\r\n // id, text, url, icon_normal, icon_hover, new_tab\r\n bar: [\r\n ['hole', '树洞', '/hole', appicon_hole, null, false],\r\n ['imasugu', '教室', '/spare_classroom', appicon_imasugu, appicon_imasugu_rev, false],\r\n ['syllabus', '课表', '/syllabus', appicon_syllabus, null, false],\r\n ['score', '成绩', '/my_score', appicon_score, null, false],\r\n ],\r\n dropdown: [\r\n ['course_survey', '课程测评', 'https://courses.pinzhixiaoyuan.com/', appicon_course_survey, null, true],\r\n ['homepage', '客户端', '/', appicon_homepage, null, true],\r\n ],\r\n fix: {},\r\n};\r\n// const SWITCHER_DATA_VER='switcher_2';\r\n// const SWITCHER_DATA_URL=THUHOLE_API_ROOT+'web_static/appswitcher_items.json';\r\n\r\n// export class AppSwitcher extends Component {\r\n// constructor(props) {\r\n// super(props);\r\n// this.state={\r\n// apps: this.get_apps_from_localstorage(),\r\n// }\r\n// }\r\n//\r\n// get_apps_from_localstorage() {\r\n// let ret=FALLBACK_APPS;\r\n// if(localStorage['APPSWITCHER_ITEMS'])\r\n// try {\r\n// let content=JSON.parse(localStorage['APPSWITCHER_ITEMS'])[SWITCHER_DATA_VER];\r\n// if(!content || !content.bar)\r\n// throw new Error('content is empty');\r\n//\r\n// ret=content;\r\n// } catch(e) {\r\n// console.error('load appswitcher items from localstorage failed');\r\n// console.trace(e);\r\n// }\r\n//\r\n// return ret;\r\n// }\r\n//\r\n// check_fix() {\r\n// if(this.state.apps && this.state.apps.fix && this.state.apps.fix[this.props.appid])\r\n// setTimeout(()=>{\r\n// window.HOTFIX_CONTEXT={\r\n// build_info: process.env.REACT_APP_BUILD_INFO || '---',\r\n// build_env: process.env.NODE_ENV,\r\n// };\r\n// eval(this.state.apps.fix[this.props.appid]);\r\n// },1); // make it async so failures won't be critical\r\n// }\r\n//\r\n// componentDidMount() {\r\n// this.check_fix();\r\n// setTimeout(()=>{\r\n// fetch(SWITCHER_DATA_URL)\r\n// .then((res)=>{\r\n// if(!res.ok) throw Error(`网络错误 ${res.status} ${res.statusText}`);\r\n// return res.text();\r\n// })\r\n// .then((txt)=>{\r\n// if(txt!==localStorage['APPSWITCHER_ITEMS']) {\r\n// console.log('loaded new appswitcher items',txt);\r\n// localStorage['APPSWITCHER_ITEMS']=txt;\r\n//\r\n// this.setState({\r\n// apps: this.get_apps_from_localstorage(),\r\n// });\r\n// } else {\r\n// console.log('appswitcher items unchanged');\r\n// }\r\n// })\r\n// .catch((e)=>{\r\n// console.error('loading appswitcher items failed');\r\n// console.trace(e);\r\n// });\r\n// },500);\r\n// }\r\n//\r\n// componentDidUpdate(prevProps, prevState) {\r\n// if(this.state.apps!==prevState.apps)\r\n// this.check_fix();\r\n// }\r\n//\r\n// render() {\r\n// let cur_id=this.props.appid;\r\n//\r\n// function app_elem([id,title,url,icon_normal,icon_hover,new_tab],no_class=false,ref=null) {\r\n// return (\r\n// \r\n// {!!icon_normal && [\r\n// \r\n
\r\n {props.text}
\r\n\r\n// PKUHelper\r\n// {this.state.apps.bar.map((app)=>\r\n// app_elem(app)\r\n// )}\r\n// {!!this.state.apps.dropdown.length &&\r\n//
\r\n// );\r\n// }\r\n// }\r\n\r\nclass LoginPopupSelf extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state={\r\n loading_status: 'idle',\r\n // excluded_scopes: [],\r\n };\r\n this.username_ref=React.createRef();\r\n this.password_ref=React.createRef();\r\n this.input_token_ref=React.createRef();\r\n\r\n this.popup_anchor=document.getElementById(LOGIN_POPUP_ANCHOR_ID);\r\n if(!this.popup_anchor) {\r\n this.popup_anchor=document.createElement('div');\r\n this.popup_anchor.id=LOGIN_POPUP_ANCHOR_ID;\r\n document.body.appendChild(this.popup_anchor);\r\n }\r\n }\r\n\r\n do_sendcode(type) {\r\n if(this.state.loading_status==='loading')\r\n return;\r\n\r\n this.setState({\r\n loading_status: 'loading',\r\n },()=>{\r\n fetch(\r\n THUHOLE_API_ROOT+'api_xmcp/login/send_code'\r\n +'?user='+encodeURIComponent(this.username_ref.current.value)\r\n +'&code_type='+encodeURIComponent(type)\r\n +API_VERSION_PARAM(), {\r\n method: 'POST',\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n },\r\n body: JSON.stringify({\r\n excluded_scopes: [],\r\n }),\r\n }\r\n )\r\n .then(get_json)\r\n .then((json)=>{\r\n console.log(json);\r\n if(!json.success)\r\n throw new Error(JSON.stringify(json));\r\n\r\n alert(json.msg);\r\n this.setState({\r\n loading_status: 'done',\r\n });\r\n })\r\n .catch((e)=>{\r\n console.error(e);\r\n alert('发送失败\\n'+e);\r\n this.setState({\r\n loading_status: 'done',\r\n });\r\n });\r\n\r\n });\r\n }\r\n\r\n do_login(set_token) {\r\n if(this.state.loading_status==='loading')\r\n return;\r\n\r\n this.setState({\r\n loading_status: 'loading',\r\n },()=>{\r\n fetch(\r\n THUHOLE_API_ROOT+'api_xmcp/login/login'\r\n +'?user='+encodeURIComponent(this.username_ref.current.value)\r\n +'&valid_code='+encodeURIComponent(this.password_ref.current.value)\r\n +API_VERSION_PARAM(), {\r\n method: 'POST',\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n },\r\n body: JSON.stringify({\r\n excluded_scopes: [],\r\n }),\r\n }\r\n )\r\n .then(get_json)\r\n .then((json)=>{\r\n if(json.code!==0) {\r\n if(json.msg) throw new Error(json.msg);\r\n throw new Error(JSON.stringify(json));\r\n }\r\n\r\n set_token(json.user_token);\r\n alert(`登录成功`);\r\n this.setState({\r\n loading_status: 'done',\r\n });\r\n this.props.on_close();\r\n })\r\n .catch((e)=>{\r\n console.error(e);\r\n alert('登录失败\\n'+e);\r\n this.setState({\r\n loading_status: 'done',\r\n });\r\n });\r\n });\r\n }\r\n\r\n do_input_token(set_token) {\r\n if(this.state.loading_status==='loading')\r\n return;\r\n\r\n let token=this.input_token_ref.current.value;\r\n this.setState({\r\n loading_status: 'loading',\r\n },()=>{\r\n fetch(THUHOLE_API_ROOT+'api_xmcp/hole/system_msg?user_token='+encodeURIComponent(token)+API_VERSION_PARAM())\r\n .then((res)=>res.json())\r\n .then((json)=>{\r\n if(json.error)\r\n throw new Error(json.error);\r\n if(json.result.length===0)\r\n throw new Error('result check failed');\r\n this.setState({\r\n loading_status: 'done',\r\n });\r\n set_token(token);\r\n this.props.on_close();\r\n })\r\n .catch((e)=>{\r\n alert('Token检验失败\\n'+e);\r\n this.setState({\r\n loading_status: 'done',\r\n });\r\n console.error(e);\r\n });\r\n });\r\n }\r\n\r\n // perm_alert() {\r\n // alert('如果你不需要 PKU Helper 的某项功能，可以取消相应权限。\\n其中【状态信息】包括你的网费、校园卡余额等。\\n该设置应用到你的【所有】设备，取消后如需再次启用相应功能需要重新登录。');\r\n // }\r\n\r\n render() {\r\n // let PERM_SCOPES=[\r\n // ['score','成绩查询'],\r\n // ['syllabus','课表查询'],\r\n // ['my_info','状态信息'],\r\n // ];\r\n\r\n return ReactDOM.createPortal(\r\n \r\n//
\r\n// }\r\n// 网页版\r\n// \r\n// {!!dropdown_cur_app ?\r\n// app_elem((()=>{\r\n// let [id,title,_url,icon_normal,icon_hover,_new_tab]=dropdown_cur_app;\r\n// return [id,title+'▾',null,icon_normal,icon_hover,false];\r\n// })(),true) :\r\n// app_elem(['-placeholder-elem','更多▾',null,appicon_dropdown,appicon_dropdown_rev,false],true)\r\n// }\r\n//
\r\n// {this.state.apps.dropdown.map((app)=>{\r\n// let ref=React.createRef();\r\n// return (\r\n//{\r\n// if(!e.target.closest('a') && ref.current)\r\n// ref.current.click();\r\n// }}>\r\n// {app_elem(app,true,ref)}\r\n//
\r\n// );\r\n// })}\r\n//\r\n \r\n
,\r\n this.popup_anchor,\r\n );\r\n }\r\n}\r\n\r\nexport class LoginPopup extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state={\r\n popup_show: false,\r\n };\r\n this.on_popup_bound=this.on_popup.bind(this);\r\n this.on_close_bound=this.on_close.bind(this);\r\n }\r\n\r\n on_popup() {\r\n this.setState({\r\n popup_show: true,\r\n });\r\n }\r\n on_close() {\r\n this.setState({\r\n popup_show: false,\r\n });\r\n }\r\n\r\n render() {\r\n return (\r\n <>\r\n {this.props.children(this.on_popup_bound)}\r\n {this.state.popup_show &&\r\n \r\n
\r\n
\r\n
\r\n \r\n 接收验证码来登录 T大树洞\r\n
\r\n\r\n \r\n \r\n {/*this.do_sendcode('sms')}>*/}\r\n {/* 短信 */}\r\n {/**/}\r\n {/*/*/}\r\n this.do_sendcode('mail')}>\r\n 发送邮件 \r\n \r\n \r\n
\r\n\r\n \r\n \r\n
\r\n\r\n
\r\n 从其他设备导入登录状态\r\n
\r\n\r\n \r\n \r\n
\r\n\r\n
\r\n \r\n
\r\n\r\n {this.props.parts.map((part,idx)=>{\r\n let [rule,p]=part;\r\n return (\r\n {\r\n rule==='url_pid' ? /## :\r\n rule==='url' ? {p} :\r\n rule==='pid' ? {e.preventDefault(); this.props.show_pid(p.substring(1));}}>{p} :\r\n rule==='nickname' ? {p} :\r\n rule==='search' ? {p} :\r\n p\r\n }\r\n );\r\n })}\r\n \r\n )\r\n }\r\n}\r\n\r\nwindow.TEXTAREA_BACKUP={};\r\n\r\nexport class SafeTextarea extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state={\r\n text: '',\r\n };\r\n this.on_change_bound=this.on_change.bind(this);\r\n this.on_keydown_bound=this.on_keydown.bind(this);\r\n this.clear=this.clear.bind(this);\r\n this.area_ref=React.createRef();\r\n this.change_callback=props.on_change||(()=>{});\r\n this.submit_callback=props.on_submit||(()=>{});\r\n }\r\n\r\n componentDidMount() {\r\n this.setState({\r\n text: window.TEXTAREA_BACKUP[this.props.id]||''\r\n },()=>{\r\n this.change_callback(this.state.text);\r\n });\r\n }\r\n\r\n componentWillUnmount() {\r\n window.TEXTAREA_BACKUP[this.props.id]=this.state.text;\r\n this.change_callback(this.state.text);\r\n }\r\n\r\n on_change(event) {\r\n this.setState({\r\n text: event.target.value,\r\n });\r\n this.change_callback(event.target.value);\r\n }\r\n on_keydown(event) {\r\n if(event.key==='Enter' && event.ctrlKey && !event.altKey) {\r\n event.preventDefault();\r\n this.submit_callback();\r\n }\r\n }\r\n\r\n clear() {\r\n this.setState({\r\n text: '',\r\n });\r\n }\r\n set(text) {\r\n this.change_callback(text);\r\n this.setState({\r\n text: text,\r\n });\r\n }\r\n get() {\r\n return this.state.text;\r\n }\r\n focus() {\r\n this.area_ref.current.focus();\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n )\r\n }\r\n}\r\n\r\nlet pwa_prompt_event=null;\r\nwindow.addEventListener('beforeinstallprompt', (e) => {\r\n console.log('pwa: received before install prompt');\r\n pwa_prompt_event=e;\r\n});\r\n\r\nexport function PromotionBar(props) {\r\n let is_ios=/iPhone|iPad|iPod/i.test(window.navigator.userAgent);\r\n let is_installed=(window.matchMedia('(display-mode: standalone)').matches) || (window.navigator.standalone);\r\n\r\n if(is_installed)\r\n return null;\r\n\r\n if(is_ios)\r\n // noinspection JSConstructorReturnsPrimitive\r\n return !navigator.standalone ? (\r\n \r\n \r\n 用 Safari 把树洞 添加到主屏幕 更好用\r\n
\r\n ) : null;\r\n else\r\n // noinspection JSConstructorReturnsPrimitive\r\n return pwa_prompt_event ? (\r\n \r\n \r\n 把网页版树洞 {\r\n if(pwa_prompt_event)\r\n pwa_prompt_event.prompt();\r\n }}>安装到桌面 更好用\r\n
\r\n ) : null;\r\n}\r\n\r\nexport class ClickHandler extends PureComponent {\r\n constructor(props) {\r\n super(props);\r\n this.state={\r\n moved: true,\r\n init_y: 0,\r\n init_x: 0,\r\n };\r\n this.on_begin_bound=this.on_begin.bind(this);\r\n this.on_move_bound=this.on_move.bind(this);\r\n this.on_end_bound=this.on_end.bind(this);\r\n\r\n this.MOVE_THRESHOLD=3;\r\n this.last_fire=0;\r\n }\r\n\r\n on_begin(e) {\r\n //console.log('click',(e.touches?e.touches[0]:e).screenY,(e.touches?e.touches[0]:e).screenX);\r\n this.setState({\r\n moved: false,\r\n init_y: (e.touches?e.touches[0]:e).screenY,\r\n init_x: (e.touches?e.touches[0]:e).screenX,\r\n });\r\n }\r\n on_move(e) {\r\n if(!this.state.moved) {\r\n let mvmt=Math.abs((e.touches?e.touches[0]:e).screenY-this.state.init_y)+Math.abs((e.touches?e.touches[0]:e).screenX-this.state.init_x);\r\n //console.log('move',mvmt);\r\n if(mvmt>this.MOVE_THRESHOLD)\r\n this.setState({\r\n moved: true,\r\n });\r\n }\r\n }\r\n on_end(event) {\r\n //console.log('end');\r\n if(!this.state.moved)\r\n this.do_callback(event);\r\n this.setState({\r\n moved: true,\r\n });\r\n }\r\n\r\n do_callback(event) {\r\n if(this.last_fire+100>+new Date()) return;\r\n this.last_fire=+new Date();\r\n this.props.callback(event);\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n {this.props.children}\r\n
\r\n )\r\n }\r\n}","export function on(el, eventName, callback, opts) {\r\n opts = opts || false;\r\n if (el.addEventListener) {\r\n el.addEventListener(eventName, callback, opts);\r\n } else if (el.attachEvent) {\r\n el.attachEvent(`on${eventName}`, (e) => {\r\n callback.call(el, e || window.event);\r\n });\r\n }\r\n}\r\n\r\nexport function off(el, eventName, callback, opts) {\r\n opts = opts || false;\r\n if (el.removeEventListener) {\r\n el.removeEventListener(eventName, callback, opts);\r\n } else if (el.detachEvent) {\r\n el.detachEvent(`on${eventName}`, callback);\r\n }\r\n}\r\n","/**\r\n * @fileOverview Find scroll parent\r\n */\r\n\r\nexport default (node) => {\r\n if (!(node instanceof HTMLElement)) {\r\n return document.documentElement;\r\n }\r\n\r\n const excludeStaticParent = node.style.position === 'absolute';\r\n const overflowRegex = /(scroll|auto)/;\r\n let parent = node;\r\n\r\n while (parent) {\r\n if (!parent.parentNode) {\r\n return node.ownerDocument || document.documentElement;\r\n }\r\n\r\n const style = window.getComputedStyle(parent);\r\n const position = style.position;\r\n const overflow = style.overflow;\r\n const overflowX = style['overflow-x'];\r\n const overflowY = style['overflow-y'];\r\n\r\n if (position === 'static' && excludeStaticParent) {\r\n parent = parent.parentNode;\r\n continue;\r\n }\r\n\r\n if (overflowRegex.test(overflow) && overflowRegex.test(overflowX) && overflowRegex.test(overflowY)) {\r\n return parent;\r\n }\r\n\r\n parent = parent.parentNode;\r\n }\r\n\r\n return node.ownerDocument || node.documentElement || document.documentElement;\r\n};\r\n","/**\r\n * react-lazyload\r\n */\r\nimport React, { Component, PureComponent } from 'react';\r\nimport ReactDom from 'react-dom';\r\nimport PropTypes from 'prop-types';\r\nimport { on, off } from './utils/event';\r\nimport scrollParent from './utils/scrollParent';\r\nimport debounce from './utils/debounce';\r\nimport throttle from './utils/throttle';\r\n\r\nconst defaultBoundingClientRect = { top: 0, right: 0, bottom: 0, left: 0, width: 0, height: 0 };\r\nconst LISTEN_FLAG = 'data-lazyload-listened';\r\nconst listeners = [];\r\nlet pending = [];\r\n\r\n// try to handle passive events\r\nlet passiveEventSupported = false;\r\ntry {\r\n const opts = Object.defineProperty({}, 'passive', {\r\n get() {\r\n passiveEventSupported = true;\r\n }\r\n });\r\n window.addEventListener('test', null, opts);\r\n}\r\ncatch (e) { }\r\n// if they are supported, setup the optional params\r\n// IMPORTANT: FALSE doubles as the default CAPTURE value!\r\nconst passiveEvent = passiveEventSupported ? { capture: false, passive: true } : false;\r\n\r\n\r\n/**\r\n * Check if `component` is visible in overflow container `parent`\r\n * @param {node} component React component\r\n * @param {node} parent component's scroll parent\r\n * @return {bool}\r\n */\r\nconst checkOverflowVisible = function checkOverflowVisible(component, parent) {\r\n const node = ReactDom.findDOMNode(component);\r\n\r\n let parentTop;\r\n let parentHeight;\r\n\r\n try {\r\n ({ top: parentTop, height: parentHeight } = parent.getBoundingClientRect());\r\n } catch (e) {\r\n ({ top: parentTop, height: parentHeight } = defaultBoundingClientRect);\r\n }\r\n\r\n const windowInnerHeight = window.innerHeight || document.documentElement.clientHeight;\r\n\r\n // calculate top and height of the intersection of the element's scrollParent and viewport\r\n const intersectionTop = Math.max(parentTop, 0); // intersection's top relative to viewport\r\n const intersectionHeight = Math.min(windowInnerHeight, parentTop + parentHeight) - intersectionTop; // height\r\n\r\n // check whether the element is visible in the intersection\r\n let top;\r\n let height;\r\n\r\n try {\r\n ({ top, height } = node.getBoundingClientRect());\r\n } catch (e) {\r\n ({ top, height } = defaultBoundingClientRect);\r\n }\r\n\r\n const offsetTop = top - intersectionTop; // element's top relative to intersection\r\n\r\n const offsets = Array.isArray(component.props.offset) ?\r\n component.props.offset :\r\n [component.props.offset, component.props.offset]; // Be compatible with previous API\r\n\r\n return (offsetTop - offsets[0] <= intersectionHeight) &&\r\n (offsetTop + height + offsets[1] >= 0);\r\n};\r\n\r\n/**\r\n * Check if `component` is visible in document\r\n * @param {node} component React component\r\n * @return {bool}\r\n */\r\nconst checkNormalVisible = function checkNormalVisible(component) {\r\n const node = ReactDom.findDOMNode(component);\r\n\r\n // If this element is hidden by css rules somehow, it's definitely invisible\r\n if (!(node.offsetWidth || node.offsetHeight || node.getClientRects().length)) return false;\r\n\r\n let top;\r\n let elementHeight;\r\n\r\n try {\r\n ({ top, height: elementHeight } = node.getBoundingClientRect());\r\n } catch (e) {\r\n ({ top, height: elementHeight } = defaultBoundingClientRect);\r\n }\r\n\r\n const windowInnerHeight = window.innerHeight || document.documentElement.clientHeight;\r\n\r\n const offsets = Array.isArray(component.props.offset) ?\r\n component.props.offset :\r\n [component.props.offset, component.props.offset]; // Be compatible with previous API\r\n\r\n return (top - offsets[0] <= windowInnerHeight) &&\r\n (top + elementHeight + offsets[1] >= 0);\r\n};\r\n\r\n\r\n/**\r\n * Detect if element is visible in viewport, if so, set `visible` state to true.\r\n * If `once` prop is provided true, remove component as listener after checkVisible\r\n *\r\n * @param {React} component React component that respond to scroll and resize\r\n */\r\nconst checkVisible = function checkVisible(component) {\r\n const node = ReactDom.findDOMNode(component);\r\n if (!(node instanceof HTMLElement)) {\r\n return;\r\n }\r\n\r\n const parent = scrollParent(node);\r\n const isOverflow = component.props.overflow &&\r\n parent !== node.ownerDocument &&\r\n parent !== document &&\r\n parent !== document.documentElement;\r\n const visible = isOverflow ?\r\n checkOverflowVisible(component, parent) :\r\n checkNormalVisible(component);\r\n if (visible) {\r\n // Avoid extra render if previously is visible\r\n if (!component.state.visible || component.state.hidden) {\r\n if (component.props.once) {\r\n pending.push(component);\r\n }\r\n\r\n //console.log('lazyload 1');\r\n component.setState({\r\n visible: true,\r\n hidden: false,\r\n });\r\n }\r\n } else if (!component.props.once) {\r\n if (component.props.unmountIfInvisible) {\r\n if(component.visible===true)\r\n component.setState({\r\n visible: false,\r\n });\r\n } else if(component.props.hiddenIfInvisible) {\r\n if(component.state.hidden===false) {\r\n //console.log('lazyload 3');\r\n component.setState({\r\n hidden: true,\r\n });\r\n }\r\n }\r\n }\r\n};\r\n\r\n\r\nconst purgePending = function purgePending() {\r\n pending.forEach((component) => {\r\n const index = listeners.indexOf(component);\r\n if (index !== -1) {\r\n listeners.splice(index, 1);\r\n }\r\n });\r\n\r\n pending = [];\r\n};\r\n\r\nconst lazyLoadHandler = () => {\r\n for (let i = 0; i < listeners.length; ++i) {\r\n const listener = listeners[i];\r\n checkVisible(listener);\r\n }\r\n // Remove `once` component in listeners\r\n purgePending();\r\n};\r\n\r\n// Depending on component's props\r\nlet delayType;\r\nlet finalLazyLoadHandler = null;\r\n\r\nconst isString = string => typeof string === 'string';\r\n\r\nclass LazyLoad extends PureComponent {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state={\r\n visible: false,\r\n hidden: false,\r\n };\r\n }\r\n\r\n componentDidMount() {\r\n // It's unlikely to change delay type on the fly, this is mainly\r\n // designed for tests\r\n let scrollport = window;\r\n const {\r\n scrollContainer,\r\n } = this.props;\r\n if (scrollContainer) {\r\n if (isString(scrollContainer)) {\r\n scrollport = scrollport.document.querySelector(scrollContainer);\r\n }\r\n }\r\n const needResetFinalLazyLoadHandler = (this.props.debounce !== undefined && delayType === 'throttle')\r\n || (delayType === 'debounce' && this.props.debounce === undefined);\r\n\r\n if (needResetFinalLazyLoadHandler) {\r\n off(scrollport, 'scroll', finalLazyLoadHandler, passiveEvent);\r\n off(window, 'resize', finalLazyLoadHandler, passiveEvent);\r\n finalLazyLoadHandler = null;\r\n }\r\n\r\n if (!finalLazyLoadHandler) {\r\n if (this.props.debounce !== undefined) {\r\n finalLazyLoadHandler = debounce(lazyLoadHandler, typeof this.props.debounce === 'number' ?\r\n this.props.debounce :\r\n 300);\r\n delayType = 'debounce';\r\n } else if (this.props.throttle !== undefined) {\r\n finalLazyLoadHandler = throttle(lazyLoadHandler, typeof this.props.throttle === 'number' ?\r\n this.props.throttle :\r\n 300);\r\n delayType = 'throttle';\r\n } else {\r\n finalLazyLoadHandler = lazyLoadHandler;\r\n }\r\n }\r\n\r\n if (this.props.overflow) {\r\n const parent = scrollParent(ReactDom.findDOMNode(this));\r\n if (parent && typeof parent.getAttribute === 'function') {\r\n const listenerCount = 1 + (+parent.getAttribute(LISTEN_FLAG));\r\n if (listenerCount === 1) {\r\n parent.addEventListener('scroll', finalLazyLoadHandler, passiveEvent);\r\n }\r\n parent.setAttribute(LISTEN_FLAG, listenerCount);\r\n }\r\n } else if (listeners.length === 0 || needResetFinalLazyLoadHandler) {\r\n const { scroll, resize } = this.props;\r\n\r\n if (scroll) {\r\n on(scrollport, 'scroll', finalLazyLoadHandler, passiveEvent);\r\n }\r\n\r\n if (resize) {\r\n on(window, 'resize', finalLazyLoadHandler, passiveEvent);\r\n }\r\n }\r\n\r\n listeners.push(this);\r\n checkVisible(this);\r\n }\r\n\r\n componentWillUnmount() {\r\n if (this.props.overflow) {\r\n const parent = scrollParent(ReactDom.findDOMNode(this));\r\n if (parent && typeof parent.getAttribute === 'function') {\r\n const listenerCount = (+parent.getAttribute(LISTEN_FLAG)) - 1;\r\n if (listenerCount === 0) {\r\n parent.removeEventListener('scroll', finalLazyLoadHandler, passiveEvent);\r\n parent.removeAttribute(LISTEN_FLAG);\r\n } else {\r\n parent.setAttribute(LISTEN_FLAG, listenerCount);\r\n }\r\n }\r\n }\r\n\r\n const index = listeners.indexOf(this);\r\n if (index !== -1) {\r\n listeners.splice(index, 1);\r\n }\r\n\r\n if (listeners.length === 0 && typeof window !== 'undefined') {\r\n off(window, 'resize', finalLazyLoadHandler, passiveEvent);\r\n off(window, 'scroll', finalLazyLoadHandler, passiveEvent);\r\n }\r\n }\r\n\r\n render() {\r\n //console.log('lazyload render');\r\n if(this.state.visible) {\r\n if(this.props.hiddenIfInvisible)\r\n return this.state.hidden ?\r\n {this.props.children}
:\r\n {this.props.children}
;\r\n else\r\n return this.props.children;\r\n }\r\n else\r\n return this.props.placeholder ?\r\n this.props.placeholder :\r\n ;\r\n }\r\n}\r\n\r\nLazyLoad.propTypes = {\r\n once: PropTypes.bool,\r\n height: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\r\n offset: PropTypes.oneOfType([PropTypes.number, PropTypes.arrayOf(PropTypes.number)]),\r\n overflow: PropTypes.bool,\r\n resize: PropTypes.bool,\r\n scroll: PropTypes.bool,\r\n children: PropTypes.node,\r\n throttle: PropTypes.oneOfType([PropTypes.number, PropTypes.bool]),\r\n debounce: PropTypes.oneOfType([PropTypes.number, PropTypes.bool]),\r\n placeholder: PropTypes.node,\r\n scrollContainer: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),\r\n unmountIfInvisible: PropTypes.bool,\r\n hiddenIfInvisible: PropTypes.bool,\r\n};\r\n\r\nLazyLoad.defaultProps = {\r\n once: false,\r\n offset: 0,\r\n overflow: false,\r\n resize: false,\r\n scroll: true,\r\n unmountIfInvisible: false,\r\n hiddenIfInvisible: false,\r\n};\r\n\r\nconst getDisplayName = WrappedComponent => WrappedComponent.displayName || WrappedComponent.name || 'Component';\r\n\r\nconst decorator = (options = {}) => function lazyload(WrappedComponent) {\r\n return class LazyLoadDecorated extends Component {\r\n constructor() {\r\n super();\r\n this.displayName = `LazyLoad${getDisplayName(WrappedComponent)}`;\r\n }\r\n\r\n render() {\r\n return (\r\n 正在下载……
);\r\n else if(this.state.state==='decoding')\r\n return (正在解码……
);\r\n else if(this.state.state==='loaded')\r\n return ();\r\n }\r\n}","import React, {Component, PureComponent} from 'react';\r\n\r\nimport './Config.css';\r\n\r\nconst BUILTIN_IMGS={\r\n 'static/bg/gbp.jpg': '寻觅繁星（默认）',\r\n 'static/bg/eriri.jpg': '平成著名画师',\r\n 'static/bg/yurucamp.jpg': '露营天下第一',\r\n 'static/bg/minecraft.jpg': '麦恩·库拉夫特',\r\n 'static/bg/cyberpunk.jpg': '赛博城市',\r\n 'static/bg/sif.jpg': '梦开始的地方',\r\n};\r\n\r\nconst DEFAULT_CONFIG={\r\n background_img: 'static/bg/gbp.jpg',\r\n background_color: '#113366',\r\n pressure: false,\r\n easter_egg: true,\r\n color_scheme: 'default',\r\n};\r\n\r\nexport function load_config() {\r\n let config=Object.assign({},DEFAULT_CONFIG);\r\n let loaded_config;\r\n try {\r\n loaded_config=JSON.parse(localStorage['hole_config']||'{}');\r\n } catch(e) {\r\n alert('设置加载失败，将重置为默认设置！\\n'+e);\r\n delete localStorage['hole_config'];\r\n loaded_config={};\r\n }\r\n\r\n // unrecognized configs are removed\r\n Object.keys(loaded_config).forEach((key)=>{\r\n if(config[key]!==undefined)\r\n config[key]=loaded_config[key];\r\n });\r\n\r\n console.log('config loaded',config);\r\n window.config=config;\r\n}\r\nexport function save_config() {\r\n localStorage['hole_config']=JSON.stringify(window.config);\r\n load_config();\r\n}\r\n\r\nexport function bgimg_style(img,color) {\r\n if(img===undefined) img=window.config.background_img;\r\n if(color===undefined) color=window.config.background_color;\r\n return {\r\n background: 'transparent center center',\r\n backgroundImage: img===null ? 'unset' : 'url(\"'+encodeURI(img)+'\")',\r\n backgroundColor: color,\r\n backgroundSize: 'cover',\r\n };\r\n}\r\n\r\nclass ConfigBackground extends PureComponent {\r\n constructor(props) {\r\n super(props);\r\n this.state={\r\n img: window.config.background_img,\r\n color: window.config.background_color,\r\n };\r\n }\r\n\r\n save_changes() {\r\n this.props.callback({\r\n background_img: this.state.img,\r\n background_color: this.state.color,\r\n });\r\n }\r\n\r\n on_select(e) {\r\n let value=e.target.value;\r\n this.setState({\r\n img: value==='##other' ? '' :\r\n value==='##color' ? null : value,\r\n },this.save_changes.bind(this));\r\n }\r\n on_change_img(e) {\r\n this.setState({\r\n img: e.target.value,\r\n },this.save_changes.bind(this));\r\n }\r\n on_change_color(e) {\r\n this.setState({\r\n color: e.target.value,\r\n },this.save_changes.bind(this));\r\n }\r\n\r\n render() {\r\n let img_select= this.state.img===null ? '##color' :\r\n Object.keys(BUILTIN_IMGS).indexOf(this.state.img)===-1 ? '##other' : this.state.img;\r\n return (\r\n\r\n
\r\n );\r\n }\r\n}\r\n\r\nclass ConfigColorScheme extends PureComponent {\r\n constructor(props) {\r\n super(props);\r\n this.state={\r\n color_scheme: window.config.color_scheme,\r\n };\r\n }\r\n\r\n save_changes() {\r\n this.props.callback({\r\n color_scheme: this.state.color_scheme,\r\n });\r\n }\r\n\r\n on_select(e) {\r\n let value=e.target.value;\r\n this.setState({\r\n color_scheme: value,\r\n },this.save_changes.bind(this));\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n 背景图片：\r\n \r\n \r\n {img_select==='##other' &&\r\n \r\n }\r\n {img_select==='##color' &&\r\n \r\n }\r\n
\r\n \r\n\r\n
\r\n )\r\n }\r\n}\r\n\r\nclass ConfigSwitch extends PureComponent {\r\n constructor(props) {\r\n super(props);\r\n this.state={\r\n switch: window.config[this.props.id],\r\n };\r\n }\r\n\r\n on_change(e) {\r\n let val=e.target.checked;\r\n this.setState({\r\n switch: val,\r\n },()=>{\r\n this.props.callback({\r\n [this.props.id]: val,\r\n });\r\n });\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n 夜间模式：\r\n \r\n #color_scheme\r\n
\r\n\r\n 选择浅色或深色模式，深色模式下将会调暗图片亮度\r\n
\r\n\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport class ConfigUI extends PureComponent {\r\n constructor(props) {\r\n super(props);\r\n this.save_changes_bound=this.save_changes.bind(this);\r\n }\r\n\r\n save_changes(chg) {\r\n console.log(chg);\r\n Object.keys(chg).forEach((key)=>{\r\n window.config[key]=chg[key];\r\n });\r\n save_config();\r\n }\r\n\r\n reset_settings() {\r\n if(window.confirm('重置所有设置？')) {\r\n window.config={};\r\n save_config();\r\n window.location.reload();\r\n }\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n \r\n
\r\n\r\n {this.props.description}\r\n
\r\n\r\n
\r\n )\r\n }\r\n}","import React, {Component, PureComponent} from 'react';\r\nimport {THUHOLE_API_ROOT, get_json, API_VERSION_PARAM} from './flows_api';\r\nimport {Time} from './Common';\r\n\r\nexport class MessageViewer extends PureComponent {\r\n constructor(props) {\r\n super(props);\r\n this.state={\r\n loading_status: 'idle',\r\n msg: [],\r\n };\r\n }\r\n\r\n componentDidMount() {\r\n this.load();\r\n }\r\n\r\n load() {\r\n if(this.state.loading_status==='loading') return;\r\n this.setState({\r\n loading_status: 'loading',\r\n },()=>{\r\n fetch(THUHOLE_API_ROOT+'api_xmcp/hole/system_msg?user_token='+encodeURIComponent(this.props.token)+API_VERSION_PARAM())\r\n .then(get_json)\r\n .then((json)=>{\r\n if(json.error)\r\n throw new Error(json.error);\r\n else\r\n this.setState({\r\n loading_status: 'done',\r\n msg: json.result,\r\n });\r\n })\r\n .catch((err)=>{\r\n console.error(err);\r\n alert(''+err);\r\n this.setState({\r\n loading_status: 'failed',\r\n });\r\n })\r\n\r\n });\r\n }\r\n\r\n render() {\r\n if(this.state.loading_status==='loading')\r\n return (\r\n
\r\n \r\n 这些功能仍在测试，可能不稳定（全部重置）
\r\n修改设置后 {window.location.reload()}}>刷新页面 方可生效
\r\n加载中……
);\r\n else if(this.state.loading_status==='failed')\r\n return ();\r\n else if(this.state.loading_status==='done')\r\n return this.state.msg.map((msg)=>(\r\n\r\n
\r\n ));\r\n else\r\n return null;\r\n }\r\n}","import React, {Component, PureComponent} from 'react';\r\nimport {API_BASE, SafeTextarea, PromotionBar} from './Common';\r\nimport {MessageViewer} from './Message';\r\nimport {LoginPopup} from './infrastructure/widgets';\r\nimport {ConfigUI} from './Config';\r\nimport fixOrientation from 'fix-orientation';\r\nimport copy from 'copy-to-clipboard';\r\nimport {cache} from './cache';\r\nimport {API_VERSION_PARAM, THUHOLE_API_ROOT, API, get_json, token_param} from './flows_api';\r\n\r\nimport './UserAction.css';\r\n\r\nconst BASE64_RATE=4/3;\r\nconst MAX_IMG_DIAM=8000;\r\nconst MAX_IMG_PX=5000000;\r\nconst MAX_IMG_FILESIZE=450000*BASE64_RATE;\r\n\r\nexport const TokenCtx=React.createContext({\r\n value: null,\r\n set_value: ()=>{},\r\n});\r\n\r\n// class LifeInfoBox extends Component {\r\n// constructor(props) {\r\n// super(props);\r\n// if(!window._life_info_cache)\r\n// window._life_info_cache={};\r\n// this.CACHE_TIMEOUT_S=15;\r\n// this.state={\r\n// today_info: this.cache_get('today_info'),\r\n// card_balance: this.cache_get('card_balance'),\r\n// net_balance: this.cache_get('net_balance'),\r\n// mail_count: this.cache_get('mail_count'),\r\n// };\r\n// this.INTERNAL_NETWORK_FAILURE='_network_failure';\r\n// this.API_NAME={\r\n// today_info: 'hole/today_info',\r\n// card_balance: 'isop/card_balance',\r\n// net_balance: 'isop/net_balance',\r\n// mail_count: 'isop/mail_count',\r\n// };\r\n// }\r\n//\r\n// cache_get(key) {\r\n// let cache_item=window._life_info_cache[key];\r\n// if(!cache_item || (+new Date())-cache_item[0]>1000*this.CACHE_TIMEOUT_S)\r\n// return null;\r\n// else\r\n// return cache_item[1];\r\n// }\r\n// cache_set(key,value) {\r\n// if(!window._life_info_cache[key] || window._life_info_cache[key][1]!==value)\r\n// window._life_info_cache[key]=[+new Date(),value];\r\n// }\r\n//\r\n// load(state_key) {\r\n// this.setState({\r\n// [state_key]: null,\r\n// },()=>{\r\n// fetch(\r\n// PKUHELPER_ROOT+'api_xmcp/'+this.API_NAME[state_key]\r\n// +'?user_token='+encodeURIComponent(this.props.token)\r\n// +API_VERSION_PARAM()\r\n// )\r\n// .then(get_json)\r\n// .then((json)=>{\r\n// //console.log(json);\r\n// this.setState({\r\n// [state_key]: json,\r\n// });\r\n// })\r\n// .catch((e)=>{\r\n// this.setState({\r\n// [state_key]: {\r\n// errMsg: '网络错误 '+e,\r\n// errCode: this.INTERNAL_NETWORK_FAILURE,\r\n// success: false,\r\n// }\r\n// });\r\n// })\r\n// });\r\n// }\r\n//\r\n// componentDidMount() {\r\n// ['today_info','card_balance','net_balance','mail_count'].forEach((k)=>{\r\n// if(!this.state[k])\r\n// this.load(k);\r\n// });\r\n// }\r\n//\r\n// reload_all() {\r\n// ['today_info','card_balance','net_balance','mail_count'].forEach((k)=>{\r\n// this.load(k);\r\n// });\r\n// }\r\n//\r\n// render_line(state_key,title,value_fn,action,url_fn,do_login) {\r\n// let s=this.state[state_key];\r\n// if(!s)\r\n// return (\r\n// \r\n \r\n {msg.title}\r\n
\r\n \r\n
\r\n {msg.content}\r\n \r\n// \r\n// \r\n// {this.render_line(\r\n// 'today_info',\r\n// '今日',(s)=>s.info,\r\n// '校历',(s)=>s.schedule_url,\r\n// do_login,\r\n// )}\r\n// {this.render_line(\r\n// 'card_balance',\r\n// '校园卡',(s)=>`余额￥${s.balance.toFixed(2)}`,\r\n// '充值',()=>'https://virtualprod.alipay.com/educate/educatePcRecharge.htm?schoolCode=PKU&schoolName=',\r\n// do_login,\r\n// )}\r\n// {this.render_line(\r\n// 'net_balance',\r\n// '网费',(s)=>`余额￥${s.balance.toFixed(2)}`,\r\n// '充值',()=>'https://its.pku.edu.cn/epay.jsp',\r\n// do_login,\r\n// )}\r\n// {this.render_line(\r\n// 'mail_count',\r\n// '邮件',(s)=>`未读 ${s.count} 封`,\r\n// '查看',()=>'https://mail.pku.edu.cn/',\r\n// do_login,\r\n// )}\r\n// \r\n//
\r\n//
\r\n// )}\r\n
\r\n );\r\n}\r\n\r\nclass ResetUsertokenWidget extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state={\r\n loading_status: 'done',\r\n };\r\n }\r\n\r\n do_reset() {\r\n if(window.confirm('您正在重置 UserToken！\\n您的账号将会在【所有设备】上注销，您需要手动重新登录！')) {\r\n let uid=window.prompt('您正在重置 UserToken！\\n请输入您的学号以确认身份：');\r\n if(uid)\r\n this.setState({\r\n loading_status: 'loading',\r\n },()=>{\r\n fetch(THUHOLE_API_ROOT+'api_xmcp/hole/reset_usertoken', {\r\n method: 'post',\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n },\r\n body: JSON.stringify({\r\n user_token: this.props.token,\r\n uid: uid,\r\n }),\r\n })\r\n .then(get_json)\r\n .then((json)=>{\r\n if(json.error)\r\n throw new Error(json.error);\r\n else\r\n alert('重置成功！您需要在所有设备上重新登录。');\r\n\r\n this.setState({\r\n loading_status: 'done',\r\n });\r\n })\r\n .catch((e)=>{\r\n alert('重置失败：'+e);\r\n this.setState({\r\n loading_status: 'done',\r\n });\r\n })\r\n });\r\n }\r\n }\r\n\r\n render() {\r\n if(this.state.loading_status==='done')\r\n return (重置);\r\n else if(this.state.loading_status==='loading')\r\n return ();\r\n }\r\n}\r\n\r\nexport class LoginForm extends Component {\r\n copy_token(token) {\r\n if(copy(token))\r\n alert('复制成功！\\n请一定不要泄露哦');\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n {props.show_sidebar(\r\n '设置',\r\n
\r\n \r\n
\r\n \r\n T大树洞 网页版 by @thuhole，\r\n 基于 \r\n GPLv3\r\n 协议在 GitHub 开源\r\n
\r\n\r\n T大树洞 网页版的诞生离不开 \r\n P大树洞\r\n 、\r\n React\r\n 、\r\n IcoMoon\r\n 等开源项目\r\n
\r\n\r\n {\r\n if('serviceWorker' in navigator) {\r\n navigator.serviceWorker.getRegistrations()\r\n .then((registrations)=>{\r\n for(let registration of registrations) {\r\n console.log('unregister',registration);\r\n registration.unregister();\r\n }\r\n });\r\n }\r\n cache().clear();\r\n setTimeout(()=>{\r\n window.location.reload(true);\r\n },200);\r\n }}>强制检查更新\r\n （{process.env.REACT_APP_BUILD_INFO||'---'} {process.env.NODE_ENV} 会自动在后台检查更新并在下次访问时更新）\r\n
\r\n\r\n This program is free software: you can redistribute it and/or modify\r\n it under the terms of the GNU General Public License as published by\r\n the Free Software Foundation, either version 3 of the License, or\r\n (at your option) any later version.\r\n
\r\n\r\n This program is distributed in the hope that it will be useful,\r\n but WITHOUT ANY WARRANTY; without even the implied warranty of\r\n MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the \r\n GNU General Public License\r\n for more details.\r\n
\r\n\r\n {/*{!!token.value &&*/}\r\n {/*
\r\n }\r\n {token.value ?\r\n {(do_popup)=>(\r\n \r\n }\r\n
\r\n \r\n
:\r\n \r\n 您已登录。\r\n \r\n
\r\n
*/}\r\n {/*根据计算中心要求，访问授权三个月内有效，过期需重新登录。*/}\r\n {/*T大树洞将会单向加密(i.e. 哈希散列)您的邮箱后再存入数据库，因此您的发帖具有较强的匿名性。具体可见我们的后端开源代码。*/}\r\n {/*
*/}\r\n {/**/}\r\n {/* {this.props.show_sidebar(*/}\r\n {/* '系统消息',*/}\r\n {/*
*/}\r\n {/* /!*当您发送的内容违规时，我们将用系统消息提示您*!/*/}\r\n {/*
\r\n 复制 User Token
\r\n User Token 用于迁移登录状态，切勿告知他人{/*，若怀疑被盗号请尽快
\r\n
\r\n )}\r\n \r\n
\r\n\r\n T大树洞 面向清华大学学生，通过清华邮箱验证您的身份并提供服务。\r\n
\r\n\r\n 正在加载 #{pid}\r\n
,\r\n replace?'replace':'push'\r\n );\r\n API.get_single(pid,token)\r\n .then((single)=>{\r\n single.data.variant={};\r\n return new Promise((resolve,reject)=>{\r\n API.load_replies_with_cache(pid,token,color_picker,parseInt(single.data.reply))\r\n .then((replies)=>{resolve([single,replies])})\r\n .catch(reject);\r\n });\r\n })\r\n .then((res)=>{\r\n let [single,replies]=res;\r\n show_sidebar(\r\n title_elem,\r\n \r\n
,\r\n 'replace'\r\n );\r\n })\r\n };\r\n}\r\n\r\nclass Reply extends PureComponent {\r\n constructor(props) {\r\n super(props);\r\n }\r\n\r\n render() {\r\n let parts=split_text(this.props.info.text,[\r\n ['url_pid',URL_PID_RE],\r\n ['url',URL_RE],\r\n ['pid',PID_RE],\r\n ['nickname',NICKNAME_RE],\r\n ]);\r\n\r\n return (\r\n load_single_meta(show_sidebar,token)(pid,true)}>重新加载
\r\n{''+e}
\r\n\r\n
\r\n );\r\n }\r\n}\r\n\r\nclass FlowItem extends PureComponent {\r\n constructor(props) {\r\n super(props);\r\n }\r\n\r\n copy_link(event) {\r\n event.preventDefault();\r\n copy(\r\n `${event.target.href}${this.props.info.tag ? ' 【'+this.props.info.tag+'】' : ''}\\n`+\r\n `${this.props.info.text}${this.props.info.type==='image'?' [图片]':this.props.info.type==='audio'?' [语音]':''}\\n`+\r\n `（${format_time(new Date(this.props.info.timestamp*1000))} ${this.props.info.likenum}关注 ${this.props.info.reply}回复）\\n`+\r\n this.props.replies.map((r)=>(\r\n (r.tag ? '【'+r.tag+'】' : '')+\r\n r.text\r\n )).join('\\n')\r\n );\r\n }\r\n\r\n render() {\r\n let props=this.props;\r\n let parts=props.parts||split_text(props.info.text,[\r\n ['url_pid',URL_PID_RE],\r\n ['url',URL_RE],\r\n ['pid',PID_RE],\r\n ['nickname',NICKNAME_RE],\r\n ]);\r\n return (\r\n \r\n
\r\n #{this.props.info.cid}\r\n {!!this.props.do_filter_name &&\r\n {this.props.do_filter_name(this.props.info.name);}}>\r\n \r\n \r\n }\r\n \r\n {this.props.info.tag!==null &&\r\n \r\n {this.props.info.tag}\r\n \r\n }\r\n \r\n \r\n
\r\n \r\n {!!props.is_quote &&\r\n
\r\n );\r\n }\r\n}\r\n\r\nclass FlowSidebar extends PureComponent {\r\n constructor(props) {\r\n super(props);\r\n this.state={\r\n attention: props.attention,\r\n info: props.info,\r\n replies: props.replies,\r\n loading_status: 'done',\r\n error_msg: null,\r\n filter_name: null,\r\n rev: false,\r\n };\r\n this.color_picker=props.color_picker;\r\n this.syncState=props.sync_state||(()=>{});\r\n this.reply_ref=React.createRef();\r\n }\r\n\r\n set_variant(cid,variant) {\r\n this.setState((prev)=>{\r\n if(cid)\r\n return {\r\n replies: prev.replies.map((reply)=>{\r\n if(reply.cid===cid)\r\n return Object.assign({},reply,{variant: Object.assign({},reply.variant,variant)});\r\n else\r\n return reply;\r\n }),\r\n };\r\n else\r\n return {\r\n info: Object.assign({},prev.info,{variant: Object.assign({},prev.info.variant,variant)}),\r\n }\r\n },function() {\r\n this.syncState({\r\n info: this.state.info,\r\n replies: this.state.replies,\r\n });\r\n });\r\n }\r\n\r\n load_replies(update_count=true) {\r\n this.setState({\r\n loading_status: 'loading',\r\n error_msg: null,\r\n });\r\n API.load_replies(this.state.info.pid,this.props.token,this.color_picker,null)\r\n .then((json)=>{\r\n this.setState((prev,props)=>({\r\n replies: json.data,\r\n info: update_count ? Object.assign({}, prev.info, {\r\n reply: ''+json.data.length,\r\n }) : prev.info,\r\n attention: !!json.attention,\r\n loading_status: 'done',\r\n error_msg: null,\r\n }), ()=>{\r\n this.syncState({\r\n replies: this.state.replies,\r\n attention: this.state.attention,\r\n info: this.state.info,\r\n });\r\n if(this.state.replies.length)\r\n this.set_variant(null,{latest_reply: Math.max.apply(null,this.state.replies.map((r)=>parseInt(r.timestamp)))});\r\n });\r\n })\r\n .catch((e)=>{\r\n console.error(e);\r\n this.setState({\r\n replies: [],\r\n loading_status: 'done',\r\n error_msg: ''+e,\r\n });\r\n });\r\n }\r\n\r\n toggle_attention() {\r\n this.setState({\r\n loading_status: 'loading',\r\n });\r\n const next_attention=!this.state.attention;\r\n API.set_attention(this.state.info.pid,next_attention,this.props.token)\r\n .then((json)=>{\r\n this.setState({\r\n loading_status: 'done',\r\n attention: next_attention,\r\n });\r\n this.syncState({\r\n attention: next_attention,\r\n });\r\n })\r\n .catch((e)=>{\r\n this.setState({\r\n loading_status: 'done'\r\n });\r\n alert('设置关注失败');\r\n console.error(e);\r\n });\r\n }\r\n\r\n report() {\r\n let reason=prompt(`举报 #${this.state.info.pid} 的理由：`);\r\n if(reason!==null) {\r\n API.report(this.state.info.pid,reason,this.props.token)\r\n .then((json)=>{\r\n alert('举报成功');\r\n })\r\n .catch((e)=>{\r\n alert('举报失败');\r\n console.error(e);\r\n })\r\n }\r\n }\r\n\r\n set_filter_name(name) {\r\n this.setState((prevState)=>({\r\n filter_name: name===prevState.filter_name ? null : name,\r\n }));\r\n }\r\n\r\n toggle_rev() {\r\n this.setState((prevState)=>({\r\n rev: !prevState.rev,\r\n }));\r\n }\r\n\r\n show_reply_bar(name,event) {\r\n if(this.reply_ref.current && !event.target.closest('a, .clickable')) {\r\n let text=this.reply_ref.current.get();\r\n if(/^\\s*(?:Re (?:|洞主|(?:[A-Z][a-z]+ )?(?:[A-Z][a-z]+)|You Win(?: \\d+)?):)?\\s*$/.test(text)) {// text is nearly empty so we can replace it\r\n let should_text='Re '+name+': ';\r\n if(should_text===this.reply_ref.current.get())\r\n this.reply_ref.current.set('');\r\n else\r\n this.reply_ref.current.set(should_text);\r\n }\r\n }\r\n }\r\n\r\n render() {\r\n if(this.state.loading_status==='loading')\r\n return (\r\n
\r\n }\r\n \r\n
提到
\r\n \r\n {!!window.LATEST_POST_ID && parseInt(props.info.pid,10)>window.LATEST_POST_ID &&\r\n \r\n }\r\n
\r\n \r\n {!!this.props.do_filter_name &&\r\n {this.props.do_filter_name(DZ_NAME);}}>\r\n \r\n \r\n }\r\n {!!parseInt(props.info.likenum,10) &&\r\n \r\n {props.info.likenum} \r\n \r\n \r\n }\r\n {!!parseInt(props.info.reply,10) &&\r\n \r\n {props.info.reply} \r\n \r\n \r\n }\r\n
\r\n #{props.info.pid}\r\n \r\n {props.info.tag!==null &&\r\n \r\n {props.info.tag}\r\n \r\n }\r\n \r\n \r\n
\r\n {!!(props.attention && props.info.variant.latest_reply) &&\r\n \r\n {props.img_clickable ?\r\n :\r\n
\r\n }\r\n
最新回复
\r\n }\r\n加载中……
);\r\n\r\n let show_pid=load_single_meta(this.props.show_sidebar,this.props.token);\r\n\r\n let replies_to_show=this.state.filter_name ? this.state.replies.filter((r)=>r.name===this.state.filter_name) : this.state.replies.slice();\r\n if(this.state.rev) replies_to_show.reverse();\r\n\r\n // key for lazyload elem\r\n let view_mode_key=(this.state.rev ? 'y-' : 'n-')+(this.state.filter_name||'null');\r\n\r\n let replies_cnt={[DZ_NAME]:1};\r\n replies_to_show.forEach((r)=>{\r\n if(replies_cnt[r.name]===undefined)\r\n replies_cnt[r.name]=0;\r\n replies_cnt[r.name]++;\r\n });\r\n\r\n // hide main thread when filtered\r\n let main_thread_elem=(this.state.filter_name && this.state.filter_name!==DZ_NAME) ? null : (\r\n\r\n \r\n {this.show_reply_bar(reply.name,e);}}>\r\n {this.set_variant(reply.cid,variant);}}\r\n do_filter_name={replies_cnt[reply.name]>1 ? this.set_filter_name.bind(this) : null}\r\n />\r\n \r\n \r\n ))}\r\n {this.state.rev &&\r\n main_thread_elem\r\n }\r\n {!!this.props.token ?\r\n
\r\n )\r\n }\r\n}\r\n\r\nclass FlowItemRow extends PureComponent {\r\n constructor(props) {\r\n super(props);\r\n this.state={\r\n replies: [],\r\n reply_status: 'done',\r\n reply_error: null,\r\n info: Object.assign({},props.info,{variant: {}}),\r\n attention: props.attention_override===null ? false : props.attention_override,\r\n };\r\n this.color_picker=new ColorPicker();\r\n }\r\n\r\n componentDidMount() {\r\n if(parseInt(this.state.info.reply,10)) {\r\n this.load_replies(null,/*update_count=*/false);\r\n }\r\n }\r\n\r\n load_replies(callback,update_count=true) {\r\n console.log('fetching reply',this.state.info.pid);\r\n this.setState({\r\n reply_status: 'loading',\r\n reply_error: null,\r\n });\r\n API.load_replies_with_cache(this.state.info.pid,this.props.token,this.color_picker,parseInt(this.state.info.reply))\r\n .then((json)=>{\r\n this.setState((prev,props)=>({\r\n replies: json.data,\r\n info: Object.assign({}, prev.info, {\r\n reply: update_count ? ''+json.data.length : prev.info.reply,\r\n variant: json.data.length ? {\r\n latest_reply: Math.max.apply(null,json.data.map((r)=>parseInt(r.timestamp))),\r\n } : {},\r\n }),\r\n attention: !!json.attention,\r\n reply_status: 'done',\r\n reply_error: null,\r\n }),callback);\r\n })\r\n .catch((e)=>{\r\n console.error(e);\r\n this.setState({\r\n replies: [],\r\n reply_status: 'failed',\r\n reply_error: ''+e,\r\n },callback);\r\n });\r\n }\r\n\r\n show_sidebar() {\r\n this.props.show_sidebar(\r\n '树洞 #'+this.state.info.pid,\r\n \r\n {!!this.props.token &&\r\n \r\n \r\n \r\n \r\n \r\n \r\n }\r\n \r\n \r\n \r\n {(this.state.replies.length>=1 || this.state.rev) &&\r\n \r\n \r\n \r\n \r\n \r\n \r\n }\r\n {!!this.props.token &&\r\n \r\n \r\n {\r\n this.toggle_attention();\r\n }}>\r\n {this.state.attention ?\r\n :\r\n \r\n }\r\n \r\n \r\n }\r\n
\r\n {!!this.state.filter_name &&\r\n \r\n
\r\n }\r\n {!this.state.rev &&\r\n main_thread_elem\r\n }\r\n {!!this.state.error_msg &&\r\n \r\n {this.set_filter_name(null)}}>还原\r\n 当前只看 \r\n
\r\n
\r\n }\r\n {(this.props.deletion_detect && parseInt(this.state.info.reply)>this.state.replies.length) && !!this.state.replies.length &&\r\n 回复加载失败
\r\n{this.state.error_msg}
\r\n\r\n {parseInt(this.state.info.reply)-this.state.replies.length} 条回复被删除\r\n
\r\n }\r\n {replies_to_show.map((reply)=>(\r\n 登录后可以回复树洞
\r\n }\r\n \r\n {this.state.reply_status==='loading' &&
\r\n \r\n );\r\n\r\n return quote_id ? (\r\n 加载中
}\r\n {this.state.reply_status==='failed' &&\r\n \r\n \r\n
\r\n }\r\n {this.state.replies.slice(0,PREVIEW_REPLY_COUNT).map((reply)=>(\r\n {this.state.reply_error}
\r\n还有 {this.state.replies.length-PREVIEW_REPLY_COUNT} 条
\r\n }\r\n \r\n {res}\r\n
\r\n ) : res;\r\n }\r\n}\r\n\r\nclass FlowItemQuote extends PureComponent {\r\n constructor(props) {\r\n super(props);\r\n this.state={\r\n loading_status: 'empty',\r\n error_msg: null,\r\n info: null,\r\n };\r\n }\r\n\r\n componentDidMount() {\r\n this.load();\r\n }\r\n\r\n load() {\r\n this.setState({\r\n loading_status: 'loading',\r\n },()=>{\r\n API.get_single(this.props.pid,this.props.token)\r\n .then((json)=>{\r\n this.setState({\r\n loading_status: 'done',\r\n info: json.data,\r\n });\r\n })\r\n .catch((err)=>{\r\n if((''+err).indexOf('没有这条树洞')!==-1)\r\n this.setState({\r\n loading_status: 'empty',\r\n });\r\n else\r\n this.setState({\r\n loading_status: 'error',\r\n error_msg: ''+err,\r\n });\r\n });\r\n });\r\n }\r\n\r\n render() {\r\n if(this.state.loading_status==='empty')\r\n return null;\r\n else if(this.state.loading_status==='loading')\r\n return (\r\n \r\n
\r\n );\r\n else if(this.state.loading_status==='error')\r\n return (\r\n \r\n \r\n 提到了 #{this.props.pid}\r\n
\r\n \r\n
\r\n );\r\n else // 'done'\r\n return (\r\n \r\n \r\n
\r\n {this.state.error_msg}
\r\n\r\n {!!props.title && \r\n \r\n ))}\r\n
\r\n )}\r\n {!!(props.deletion_detect && props.mode==='list' && ind && props.list[ind-1].pid-info.pid>1) &&\r\n
\r\n \r\n
\r\n }\r\n \r\n {props.list[ind-1].pid-info.pid-1} 条被删除\r\n
\r\n \r\n
\r\n }\r\n \r\n
\r\n {this.load_page(this.state.loaded_pages+1)}}>重新加载
\r\n{this.state.error_msg}
\r\n\r\n \r\n \r\n 最新\r\n \r\n {!!token &&\r\n \r\n \r\n 关注\r\n \r\n }\r\n \r\n {\r\n this.props.show_sidebar(\r\n 'T大树洞',\r\n {\r\n this.props.show_sidebar(null,null);\r\n this.do_refresh();\r\n }} />\r\n )\r\n }}>\r\n \r\n 发表\r\n \r\n }\r\n
\r\n )}\r\n {/*
\r\n )\r\n}","import React, {Component, PureComponent} from 'react';\r\nimport './Sidebar.css';\r\n\r\nexport class Sidebar extends PureComponent {\r\n constructor(props) {\r\n super(props);\r\n this.sidebar_ref=React.createRef();\r\n this.do_close_bound=this.do_close.bind(this);\r\n this.do_back_bound=this.do_back.bind(this);\r\n }\r\n\r\n componentDidUpdate(nextProps) {\r\n if(this.props.stack!==nextProps.stack) {\r\n //console.log('sidebar top');\r\n if(this.sidebar_ref.current)\r\n this.sidebar_ref.current.scrollTop=0;\r\n }\r\n }\r\n\r\n do_close() {\r\n this.props.show_sidebar(null,null,'clear');\r\n }\r\n do_back() {\r\n this.props.show_sidebar(null,null,'pop');\r\n }\r\n\r\n render() {\r\n let [cur_title,cur_content]=this.props.stack[this.props.stack.length-1];\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n props.show_sidebar(\r\n 'T大树洞',\r\n
\r\n {\r\n localStorage['TOKEN']=x||'';\r\n this.setState({\r\n token: x,\r\n });\r\n },\r\n }}>\r\n {(token)=>(\r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nexport default App;\r\n","// In production, we register a service worker to serve assets from local cache.\r\n\r\n// This lets the app load faster on subsequent visits in production, and gives\r\n// it offline capabilities. However, it also means that developers (and users)\r\n// will only see deployed updates on the \"N+1\" visit to a page, since previously\r\n// cached resources are updated in the background.\r\n\r\n// To learn more about the benefits of this model, read https://goo.gl/KwvDNy.\r\n// This link also includes instructions on opting out of this behavior.\r\n\r\nconst isLocalhost = Boolean(\r\n window.location.hostname === 'localhost' ||\r\n // [::1] is the IPv6 localhost address.\r\n window.location.hostname === '[::1]' ||\r\n // 127.0.0.1/8 is considered localhost for IPv4.\r\n window.location.hostname.match(\r\n /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\r\n )\r\n);\r\n\r\nexport default function register() {\r\n if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\r\n // The URL constructor is available in all browsers that support SW.\r\n const publicUrl = new URL(process.env.PUBLIC_URL, window.location);\r\n if (publicUrl.origin !== window.location.origin) {\r\n // Our service worker won't work if PUBLIC_URL is on a different origin\r\n // from what our page is served on. This might happen if a CDN is used to\r\n // serve assets; see https://github.com/facebookincubator/create-react-app/issues/2374\r\n return;\r\n }\r\n\r\n window.addEventListener('load', () => {\r\n const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\r\n\r\n if (isLocalhost) {\r\n // This is running on localhost. Lets check if a service worker still exists or not.\r\n checkValidServiceWorker(swUrl);\r\n\r\n // Add some additional logging to localhost, pointing developers to the\r\n // service worker/PWA documentation.\r\n navigator.serviceWorker.ready.then(() => {\r\n console.log(\r\n 'This web app is being served cache-first by a service ' +\r\n 'worker. To learn more, visit https://goo.gl/SC7cgQ'\r\n );\r\n });\r\n } else {\r\n // Is not local host. Just register service worker\r\n registerValidSW(swUrl);\r\n }\r\n });\r\n }\r\n}\r\n\r\nfunction registerValidSW(swUrl) {\r\n navigator.serviceWorker\r\n .register(swUrl)\r\n .then(registration => {\r\n registration.onupdatefound = () => {\r\n const installingWorker = registration.installing;\r\n installingWorker.onstatechange = () => {\r\n if (installingWorker.state === 'installed') {\r\n if (navigator.serviceWorker.controller) {\r\n // At this point, the old content will have been purged and\r\n // the fresh content will have been added to the cache.\r\n // It's the perfect time to display a \"New content is\r\n // available; please refresh.\" message in your web app.\r\n console.log('New content is available; please refresh.');\r\n } else {\r\n // At this point, everything has been precached.\r\n // It's the perfect time to display a\r\n // \"Content is cached for offline use.\" message.\r\n console.log('Content is cached for offline use.');\r\n }\r\n }\r\n };\r\n };\r\n })\r\n .catch(error => {\r\n console.error('Error during service worker registration:', error);\r\n });\r\n}\r\n\r\nfunction checkValidServiceWorker(swUrl) {\r\n // Check if the service worker can be found. If it can't reload the page.\r\n fetch(swUrl)\r\n .then(response => {\r\n // Ensure service worker exists, and that we really are getting a JS file.\r\n if (\r\n response.status === 404 ||\r\n response.headers.get('content-type').indexOf('javascript') === -1\r\n ) {\r\n // No service worker found. Probably a different app. Reload the page.\r\n navigator.serviceWorker.ready.then(registration => {\r\n registration.unregister().then(() => {\r\n window.location.reload();\r\n });\r\n });\r\n } else {\r\n // Service worker found. Proceed as normal.\r\n registerValidSW(swUrl);\r\n }\r\n })\r\n .catch(() => {\r\n console.log(\r\n 'No internet connection found. App is running in offline mode.'\r\n );\r\n });\r\n}\r\n\r\nexport function unregister() {\r\n if ('serviceWorker' in navigator) {\r\n navigator.serviceWorker.ready.then(registration => {\r\n registration.unregister();\r\n });\r\n }\r\n}\r\n","import React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport './index.css';\r\nimport App from './App';\r\n//import {elevate} from './infrastructure/elevator';\r\nimport registerServiceWorker from './registerServiceWorker';\r\n\r\n//elevate();\r\n\r\nReactDOM.render(
,\r\n// 
\r\n// ]}\r\n// {title}\r\n// \r\n// );\r\n// }\r\n//\r\n// let dropdown_cur_app=null;\r\n// this.state.apps.dropdown.forEach((app)=>{\r\n// if(app[0]===cur_id)\r\n// dropdown_cur_app=app;\r\n// });\r\n//\r\n// //console.log(JSON.stringify(this.state.apps));\r\n//\r\n// return (\r\n// {\r\n if(!this.db)\r\n return resolve(null);\r\n const tx=this.db.transaction(['comment'],'readwrite');\r\n const store=tx.objectStore('comment');\r\n const get_req=store.get(pid);\r\n get_req.onsuccess=()=>{\r\n let res=get_req.result;\r\n if(!res || !res.data_str) {\r\n //console.log('comment cache miss '+pid);\r\n resolve(null);\r\n } else if(target_version===res.version) { // hit\r\n console.log('comment cache hit',pid);\r\n res.last_access=(+new Date());\r\n store.put(res);\r\n let data=this.decrypt(pid,res.data_str);\r\n resolve(data); // obj or null\r\n } else { // expired\r\n console.log('comment cache expired',pid,': ver',res.version,'target',target_version);\r\n store.delete(pid);\r\n resolve(null);\r\n }\r\n };\r\n get_req.onerror=(e)=>{\r\n console.warn('comment cache indexeddb open failed');\r\n console.error(e);\r\n resolve(null);\r\n };\r\n });\r\n }\r\n\r\n put(pid,target_version,data) {\r\n pid=parseInt(pid);\r\n return new Promise((resolve,reject)=>{\r\n if(!this.db)\r\n return resolve();\r\n const tx=this.db.transaction(['comment'],'readwrite');\r\n const store=tx.objectStore('comment');\r\n store.put({\r\n pid: pid,\r\n version: target_version,\r\n data_str: this.encrypt(pid,data),\r\n last_access: +new Date(),\r\n });\r\n if(++this.added_items_since_maintenance===MAINTENANCE_STEP)\r\n setTimeout(this.maintenance.bind(this),1);\r\n });\r\n }\r\n\r\n delete(pid) {\r\n pid=parseInt(pid);\r\n return new Promise((resolve,reject)=>{\r\n if(!this.db)\r\n return resolve();\r\n const tx=this.db.transaction(['comment'],'readwrite');\r\n const store=tx.objectStore('comment');\r\n let req=store.delete(pid);\r\n //console.log('comment cache delete',pid);\r\n req.onerror=()=>{\r\n console.warn('comment cache delete failed ',pid);\r\n return resolve();\r\n };\r\n req.onsuccess=()=>resolve();\r\n });\r\n }\r\n\r\n maintenance() {\r\n if(!this.db)\r\n return;\r\n const tx=this.db.transaction(['comment'],'readwrite');\r\n const store=tx.objectStore('comment');\r\n let count_req=store.count();\r\n count_req.onsuccess=()=>{\r\n let count=count_req.result;\r\n if(count>MAINTENANCE_COUNT) {\r\n console.log('comment cache db maintenance',count);\r\n store.index('last_access').openKeyCursor().onsuccess=(e)=>{\r\n let cur=e.target.result;\r\n if(cur) {\r\n //console.log('maintenance: delete',cur);\r\n store.delete(cur.primaryKey);\r\n if(--count>MAINTENANCE_COUNT)\r\n cur.continue();\r\n }\r\n };\r\n } else {\r\n console.log('comment cache db no need to maintenance',count);\r\n }\r\n this.added_items_since_maintenance=0;\r\n };\r\n count_req.onerror=console.error.bind(console);\r\n }\r\n\r\n clear() {\r\n if(!this.db)\r\n return;\r\n indexedDB.deleteDatabase(HOLE_CACHE_DB_NAME);\r\n console.log('delete comment cache db');\r\n }\r\n};\r\n\r\nexport function cache() {\r\n if(!window.hole_cache)\r\n window.hole_cache=new Cache();\r\n return window.hole_cache;\r\n}","import {get_json, API_VERSION_PARAM} from './infrastructure/functions';\r\nimport {THUHOLE_API_ROOT} from './infrastructure/const';\r\nimport {API_BASE} from './Common';\r\nimport {cache} from './cache';\r\n\r\nexport {THUHOLE_API_ROOT, API_VERSION_PARAM};\r\n\r\nexport function token_param(token) {\r\n return API_VERSION_PARAM()+(token ? ('&user_token='+token) : '');\r\n}\r\n\r\nexport {get_json};\r\n\r\nconst SEARCH_PAGESIZE=50;\r\n\r\nexport const API={\r\n load_replies: (pid,token,color_picker,cache_version)=>{\r\n pid=parseInt(pid);\r\n return fetch(\r\n API_BASE+'/api.php?action=getcomment'+\r\n '&pid='+pid+\r\n token_param(token)\r\n )\r\n .then(get_json)\r\n .then((json)=>{\r\n if(json.code!==0) {\r\n if(json.msg) throw new Error(json.msg);\r\n else throw new Error(JSON.stringify(json));\r\n }\r\n\r\n cache().delete(pid).then(()=>{\r\n cache().put(pid,cache_version,json);\r\n });\r\n\r\n // also change load_replies_with_cache!\r\n json.data=json.data\r\n .sort((a,b)=>{\r\n return parseInt(a.cid,10)-parseInt(b.cid,10);\r\n })\r\n .map((info)=>{\r\n info._display_color=color_picker.get(info.name);\r\n info.variant={};\r\n return info;\r\n });\r\n\r\n return json;\r\n });\r\n },\r\n\r\n load_replies_with_cache: (pid,token,color_picker,cache_version)=> {\r\n pid=parseInt(pid);\r\n return cache().get(pid,cache_version)\r\n .then((json)=>{\r\n if(json) {\r\n // also change load_replies!\r\n json.data=json.data\r\n .sort((a,b)=>{\r\n return parseInt(a.cid,10)-parseInt(b.cid,10);\r\n })\r\n .map((info)=>{\r\n info._display_color=color_picker.get(info.name);\r\n info.variant={};\r\n return info;\r\n });\r\n\r\n return json;\r\n }\r\n else\r\n return API.load_replies(pid,token,color_picker,cache_version);\r\n });\r\n },\r\n\r\n set_attention: (pid,attention,token)=>{\r\n let data=new URLSearchParams();\r\n data.append('user_token',token);\r\n data.append('pid',pid);\r\n data.append('switch',attention ? '1' : '0');\r\n return fetch(API_BASE+'/api.php?action=attention'+token_param(token), {\r\n method: 'POST',\r\n headers: {\r\n 'Content-Type': 'application/x-www-form-urlencoded',\r\n },\r\n body: data,\r\n })\r\n .then(get_json)\r\n .then((json)=>{\r\n cache().delete(pid);\r\n if(json.code!==0) {\r\n if(json.msg && json.msg==='已经关注过了') {}\r\n else {\r\n if(json.msg) alert(json.msg);\r\n throw new Error(JSON.stringify(json));\r\n }\r\n }\r\n return json;\r\n });\r\n },\r\n\r\n report: (pid,reason,token)=>{\r\n let data=new URLSearchParams();\r\n data.append('user_token',token);\r\n data.append('pid',pid);\r\n data.append('reason',reason);\r\n return fetch(API_BASE+'/api.php?action=report'+token_param(token), {\r\n method: 'POST',\r\n headers: {\r\n 'Content-Type': 'application/x-www-form-urlencoded',\r\n },\r\n body: data,\r\n })\r\n .then(get_json)\r\n .then((json)=>{\r\n if(json.code!==0) {\r\n if(json.msg) alert(json.msg);\r\n throw new Error(JSON.stringify(json));\r\n }\r\n return json;\r\n });\r\n },\r\n\r\n get_list: (page,token)=>{\r\n return fetch(\r\n API_BASE+'/api.php?action=getlist'+\r\n '&p='+page+\r\n token_param(token)\r\n )\r\n .then(get_json)\r\n .then((json)=>{\r\n if(json.code!==0)\r\n throw new Error(JSON.stringify(json));\r\n return json;\r\n });\r\n },\r\n\r\n get_search: (page,keyword,token)=>{\r\n return fetch(\r\n API_BASE+'/api.php?action=search'+\r\n '&pagesize='+SEARCH_PAGESIZE+\r\n '&page='+page+\r\n '&keywords='+encodeURIComponent(keyword)+\r\n token_param(token)\r\n )\r\n .then(get_json)\r\n .then((json)=>{\r\n if(json.code!==0) {\r\n if(json.msg) throw new Error(json.msg);\r\n throw new Error(JSON.stringify(json));\r\n }\r\n return json;\r\n });\r\n },\r\n\r\n get_single: (pid,token)=>{\r\n return fetch(\r\n API_BASE+'/api.php?action=getone'+\r\n '&pid='+pid+\r\n token_param(token)\r\n )\r\n .then(get_json)\r\n .then((json)=>{\r\n if(json.code!==0) {\r\n if(json.msg) throw new Error(json.msg);\r\n else throw new Error(JSON.stringify(json));\r\n }\r\n return json;\r\n });\r\n },\r\n\r\n get_attention: (token)=>{\r\n return fetch(\r\n API_BASE+'/api.php?action=getattention'+\r\n token_param(token)\r\n )\r\n .then(get_json)\r\n .then((json)=>{\r\n if(json.code!==0) {\r\n if(json.msg) throw new Error(json.msg);\r\n throw new Error(JSON.stringify(json));\r\n }\r\n return json;\r\n });\r\n },\r\n};","import React, {Component, PureComponent} from 'react';\r\nimport {format_time,Time,TitleLine} from './infrastructure/widgets';\r\nimport {THUHOLE_API_ROOT} from './flows_api';\r\n\r\nimport './Common.css';\r\n\r\nexport {format_time,Time,TitleLine};\r\n\r\nexport const API_BASE=THUHOLE_API_ROOT+'services/thuhole';\r\n\r\n// https://stackoverflow.com/questions/3446170/escape-string-for-use-in-javascript-regex\r\nfunction escape_regex(string) {\r\n return string.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&'); // $& means the whole matched string\r\n}\r\n\r\nexport function build_highlight_re(txt,split,option='g') {\r\n return txt ? new RegExp(`(${txt.split(split).filter((x)=>!!x).map(escape_regex).join('|')})`,option) : /^$/g;\r\n}\r\n\r\nexport function ColoredSpan(props) {\r\n return (\r\n {props.children}\r\n )\r\n}\r\n\r\nexport class HighlightedText extends PureComponent {\r\n render() {\r\n function normalize_url(url) {\r\n return /^https?:\\/\\//.test(url) ? url : 'http://'+url;\r\n }\r\n return (\r\n \r\n \r\n );\r\n }\r\n };\r\n};\r\n\r\nexport { decorator as lazyload };\r\nexport default LazyLoad;\r\nexport { lazyLoadHandler as forceCheck };\r\n","export default function debounce(func, wait, immediate) {\r\n let timeout;\r\n let args;\r\n let context;\r\n let timestamp;\r\n let result;\r\n\r\n const later = function later() {\r\n const last = +(new Date()) - timestamp;\r\n\r\n if (last < wait && last >= 0) {\r\n timeout = setTimeout(later, wait - last);\r\n } else {\r\n timeout = null;\r\n if (!immediate) {\r\n result = func.apply(context, args);\r\n if (!timeout) {\r\n context = null;\r\n args = null;\r\n }\r\n }\r\n }\r\n };\r\n\r\n return function debounced() {\r\n context = this;\r\n args = arguments;\r\n timestamp = +(new Date());\r\n\r\n const callNow = immediate && !timeout;\r\n if (!timeout) {\r\n timeout = setTimeout(later, wait);\r\n }\r\n\r\n if (callNow) {\r\n result = func.apply(context, args);\r\n context = null;\r\n args = null;\r\n }\r\n\r\n return result;\r\n };\r\n}\r\n","/*eslint-disable */\r\nexport default function throttle(fn, threshhold, scope) {\r\n threshhold || (threshhold = 250);\r\n var last,\r\n deferTimer;\r\n return function () {\r\n var context = scope || this;\r\n\r\n var now = +new Date,\r\n args = arguments;\r\n if (last && now < last + threshhold) {\r\n // hold on to it\r\n clearTimeout(deferTimer);\r\n deferTimer = setTimeout(function () {\r\n last = now;\r\n fn.apply(context, args);\r\n }, threshhold);\r\n } else {\r\n last = now;\r\n fn.apply(context, args);\r\n }\r\n };\r\n}\r\n","import React, {Component} from 'react';\r\nimport load from 'load-script';\r\n\r\nwindow.audio_cache={};\r\n\r\nfunction load_amrnb() {\r\n return new Promise((resolve,reject)=>{\r\n if(window.AMR)\r\n resolve();\r\n else\r\n load('static/amr_all.min.js', (err)=>{\r\n if(err)\r\n reject(err);\r\n else\r\n resolve();\r\n });\r\n });\r\n}\r\n\r\nexport class AudioWidget extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state={\r\n url: this.props.src,\r\n state: 'waiting',\r\n data: null,\r\n };\r\n }\r\n\r\n load() {\r\n if(window.audio_cache[this.state.url]) {\r\n this.setState({\r\n state: 'loaded',\r\n data: window.audio_cache[this.state.url],\r\n });\r\n return;\r\n }\r\n\r\n console.log('fetching audio',this.state.url);\r\n this.setState({\r\n state: 'loading',\r\n });\r\n Promise.all([\r\n fetch(this.state.url),\r\n load_amrnb(),\r\n ])\r\n .then((res)=>{\r\n res[0].blob().then((blob)=>{\r\n const reader=new FileReader();\r\n reader.onload=(event)=>{\r\n const raw=new window.AMR().decode(event.target.result);\r\n if(!raw) {\r\n alert('audio decoding failed');\r\n return;\r\n }\r\n const wave=window.PCMData.encode({\r\n sampleRate: 8000,\r\n channelCount: 1,\r\n bytesPerSample: 2,\r\n data: raw\r\n });\r\n const binary_wave=new Uint8Array(wave.length);\r\n for(let i=0;i加载音频);\r\n if(this.state.state==='loading')\r\n return (\r\n// {title} \r\n// 加载中…… \r\n// \r\n// );\r\n// else if(!s.success) {\r\n// let type='加载失败';\r\n// if(s.errCode===this.INTERNAL_NETWORK_FAILURE)\r\n// type='网络错误';\r\n// else if(['E01','E02','E03'].indexOf(s.errCode)!==-1)\r\n// type='授权失效';\r\n//\r\n// let details=JSON.stringify(s);\r\n// if(s.errMsg)\r\n// details=s.errMsg;\r\n// else if(s.error)\r\n// details=s.error;\r\n//\r\n// return (\r\n// \r\n// {title} \r\n// \r\n// alert(details)}>{type}\r\n// \r\n// \r\n// {type==='授权失效' ?\r\n// \r\n// 重新登录\r\n// :\r\n// this.load(state_key)}>\r\n// 重试\r\n// \r\n// }\r\n// \r\n// \r\n// )\r\n// }\r\n// else {\r\n// this.cache_set(state_key,s);\r\n//\r\n// return (\r\n// \r\n// {title} \r\n// {value_fn(s)} \r\n// \r\n// \r\n// {action}\r\n// \r\n// \r\n// \r\n// );\r\n// }\r\n// }\r\n//\r\n// render() {\r\n// return (\r\n// {\r\n// this.props.set_token(t);\r\n// this.reload_all();\r\n// }}>{(do_login)=>(\r\n// \r\n// )\r\n// }\r\n// }\r\n\r\nexport function InfoSidebar(props) {\r\n return (\r\n {(token)=>\r\n \r\n )\r\n }\r\n}\r\n\r\nexport class ReplyForm extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state={\r\n text: '',\r\n loading_status: 'done',\r\n };\r\n this.on_change_bound=this.on_change.bind(this);\r\n this.area_ref=this.props.area_ref||React.createRef();\r\n this.global_keypress_handler_bound=this.global_keypress_handler.bind(this);\r\n }\r\n\r\n global_keypress_handler(e) {\r\n if(e.code==='Enter' && !e.ctrlKey && !e.altKey && ['input','textarea'].indexOf(e.target.tagName.toLowerCase())===-1) {\r\n if(this.area_ref.current) {\r\n e.preventDefault();\r\n this.area_ref.current.focus();\r\n }\r\n }\r\n }\r\n componentDidMount() {\r\n document.addEventListener('keypress',this.global_keypress_handler_bound);\r\n }\r\n componentWillUnmount() {\r\n document.removeEventListener('keypress',this.global_keypress_handler_bound);\r\n }\r\n\r\n on_change(value) {\r\n this.setState({\r\n text: value,\r\n });\r\n }\r\n\r\n on_submit(event) {\r\n if(event) event.preventDefault();\r\n if(this.state.loading_status==='loading')\r\n return;\r\n this.setState({\r\n loading_status: 'loading',\r\n });\r\n\r\n let data=new URLSearchParams();\r\n data.append('pid',this.props.pid);\r\n data.append('text',this.state.text);\r\n data.append('user_token',this.props.token);\r\n fetch(API_BASE+'/api.php?action=docomment'+token_param(this.props.token), {\r\n method: 'POST',\r\n headers: {\r\n 'Content-Type': 'application/x-www-form-urlencoded',\r\n },\r\n body: data,\r\n })\r\n .then(get_json)\r\n .then((json)=>{\r\n if(json.code!==0) {\r\n if(json.msg) alert(json.msg);\r\n throw new Error(JSON.stringify(json));\r\n }\r\n\r\n this.setState({\r\n loading_status: 'done',\r\n text: '',\r\n });\r\n this.area_ref.current.clear();\r\n this.props.on_complete();\r\n })\r\n .catch((e)=>{\r\n console.error(e);\r\n alert('回复失败');\r\n this.setState({\r\n loading_status: 'done',\r\n });\r\n });\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n )\r\n }\r\n}\r\n\r\nexport class PostForm extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state={\r\n text: '',\r\n loading_status: 'done',\r\n img_tip: null,\r\n };\r\n this.img_ref=React.createRef();\r\n this.area_ref=React.createRef();\r\n this.on_change_bound=this.on_change.bind(this);\r\n this.on_img_change_bound=this.on_img_change.bind(this);\r\n }\r\n\r\n componentDidMount() {\r\n if(this.area_ref.current)\r\n this.area_ref.current.focus();\r\n }\r\n\r\n on_change(value) {\r\n this.setState({\r\n text: value,\r\n });\r\n }\r\n\r\n do_post(text,img) {\r\n let data=new URLSearchParams();\r\n data.append('text',this.state.text);\r\n data.append('type',img ? 'image' : 'text');\r\n data.append('user_token',this.props.token);\r\n if(img)\r\n data.append('data',img);\r\n\r\n fetch(API_BASE+'/api.php?action=dopost'+token_param(this.props.token), {\r\n method: 'POST',\r\n headers: {\r\n 'Content-Type': 'application/x-www-form-urlencoded',\r\n },\r\n body: data,\r\n })\r\n .then(get_json)\r\n .then((json)=>{\r\n if(json.code!==0) {\r\n if(json.msg) alert(json.msg);\r\n throw new Error(JSON.stringify(json));\r\n }\r\n\r\n this.setState({\r\n loading_status: 'done',\r\n text: '',\r\n });\r\n this.area_ref.current.clear();\r\n this.props.on_complete();\r\n })\r\n .catch((e)=>{\r\n console.error(e);\r\n alert('发表失败');\r\n this.setState({\r\n loading_status: 'done',\r\n });\r\n });\r\n }\r\n\r\n proc_img(file) {\r\n return new Promise((resolve,reject)=>{\r\n function return_url(url) {\r\n const idx=url.indexOf(';base64,');\r\n if(idx===-1)\r\n throw new Error('img not base64 encoded');\r\n\r\n return url.substr(idx+8);\r\n }\r\n\r\n let reader=new FileReader();\r\n function on_got_img(url) {\r\n const image = new Image();\r\n image.onload=(()=>{\r\n let width=image.width;\r\n let height=image.height;\r\n let compressed=false;\r\n\r\n if(width>MAX_IMG_DIAM) {\r\n height=height*MAX_IMG_DIAM/width;\r\n width=MAX_IMG_DIAM;\r\n compressed=true;\r\n }\r\n if(height>MAX_IMG_DIAM) {\r\n width=width*MAX_IMG_DIAM/height;\r\n height=MAX_IMG_DIAM;\r\n compressed=true;\r\n }\r\n if(height*width>MAX_IMG_PX) {\r\n let rate=Math.sqrt(height*width/MAX_IMG_PX);\r\n height/=rate;\r\n width/=rate;\r\n compressed=true;\r\n }\r\n console.log('chosen img size',width,height);\r\n\r\n let canvas=document.createElement('canvas');\r\n let ctx=canvas.getContext('2d');\r\n canvas.width=width;\r\n canvas.height=height;\r\n ctx.drawImage(image,0,0,width,height);\r\n\r\n let quality_l=.1,quality_r=.9,quality,new_url;\r\n while(quality_r-quality_l>=.03) {\r\n quality=(quality_r+quality_l)/2;\r\n new_url=canvas.toDataURL('image/jpeg',quality);\r\n console.log(quality_l,quality_r,'trying quality',quality,'size',new_url.length);\r\n if(new_url.length<=MAX_IMG_FILESIZE)\r\n quality_l=quality;\r\n else\r\n quality_r=quality;\r\n }\r\n if(quality_l>=.101) {\r\n console.log('chosen img quality',quality);\r\n resolve({\r\n img: return_url(new_url),\r\n quality: quality,\r\n width: Math.round(width),\r\n height: Math.round(height),\r\n compressed: compressed,\r\n });\r\n } else {\r\n reject('图片过大，无法上传');\r\n }\r\n });\r\n image.src=url;\r\n }\r\n reader.onload=(event)=>{\r\n fixOrientation(event.target.result,{},(fixed_dataurl)=>{\r\n on_got_img(fixed_dataurl);\r\n });\r\n };\r\n reader.readAsDataURL(file);\r\n });\r\n }\r\n\r\n on_img_change() {\r\n if(this.img_ref.current && this.img_ref.current.files.length)\r\n this.setState({\r\n img_tip: '（正在处理图片……）'\r\n },()=>{\r\n this.proc_img(this.img_ref.current.files[0])\r\n .then((d)=>{\r\n this.setState({\r\n img_tip: `（${d.compressed?'压缩到':'尺寸'} ${d.width}*${d.height} / `+\r\n `质量 ${Math.floor(d.quality*100)}% / ${Math.floor(d.img.length/BASE64_RATE/1000)}KB）`,\r\n });\r\n })\r\n .catch((e)=>{\r\n this.setState({\r\n img_tip: `图片无效：${e}`,\r\n });\r\n });\r\n });\r\n else\r\n this.setState({\r\n img_tip: null,\r\n });\r\n }\r\n\r\n on_submit(event) {\r\n if(event) event.preventDefault();\r\n if(this.state.loading_status==='loading')\r\n return;\r\n if(this.img_ref.current.files.length) {\r\n this.setState({\r\n loading_status: 'processing',\r\n });\r\n this.proc_img(this.img_ref.current.files[0])\r\n .then((d)=>{\r\n this.setState({\r\n loading_status: 'loading',\r\n });\r\n this.do_post(this.state.text,d.img);\r\n })\r\n .catch((e)=>{\r\n alert(e);\r\n });\r\n } else {\r\n this.setState({\r\n loading_status: 'loading',\r\n });\r\n this.do_post(this.state.text,null);\r\n }\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n )\r\n }\r\n}","import React, {Component, PureComponent} from 'react';\r\nimport copy from 'copy-to-clipboard';\r\nimport {ColorPicker} from './color_picker';\r\nimport {split_text, NICKNAME_RE, PID_RE, URL_RE, URL_PID_RE} from './text_splitter';\r\nimport {format_time, build_highlight_re, Time, TitleLine, HighlightedText, ClickHandler, ColoredSpan} from './Common';\r\nimport './Flows.css';\r\nimport LazyLoad from './react-lazyload/src';\r\nimport {AudioWidget} from './AudioWidget';\r\nimport {TokenCtx, ReplyForm} from './UserAction';\r\n\r\nimport {API, THUHOLE_API_ROOT} from './flows_api';\r\n\r\nconst IMAGE_BASE=THUHOLE_API_ROOT+'/images/';\r\nconst AUDIO_BASE=THUHOLE_API_ROOT+'services/thuhole/audios/';\r\n\r\nconst CLICKABLE_TAGS={a: true, audio: true};\r\nconst PREVIEW_REPLY_COUNT=10;\r\n// const QUOTE_BLACKLIST=['23333','233333','66666','666666','10086','10000','100000','99999','999999','55555','555555'];\r\nconst QUOTE_BLACKLIST=[];\r\n\r\nwindow.LATEST_POST_ID=parseInt(localStorage['_LATEST_POST_ID'],10)||0;\r\n\r\nconst DZ_NAME='洞主';\r\n\r\nfunction load_single_meta(show_sidebar,token) {\r\n return (pid,replace=false)=>{\r\n let color_picker=new ColorPicker();\r\n let title_elem='树洞 #'+pid;\r\n show_sidebar(\r\n title_elem,\r\n {this.show_reply_bar('',e);}}>\r\n {this.set_variant(null,variant);}}\r\n do_filter_name={replies_cnt[DZ_NAME]>1 ? this.set_filter_name.bind(this) : null}\r\n />\r\n \r\n );\r\n\r\n return (\r\n {\r\n if(!CLICKABLE_TAGS[event.target.tagName.toLowerCase()])\r\n this.show_sidebar();\r\n }}>\r\n
\r\n );\r\n\r\n return quote_id ? (\r\n {e.preventDefault();e.target.click();}} />\r\n
\r\n );\r\n }\r\n}","import React, {Component} from 'react';\r\nimport Pressure from 'pressure';\r\n\r\nimport './PressureHelper.css';\r\n\r\nconst THRESHOLD=.4;\r\nconst MULTIPLIER=25;\r\nconst BORDER_WIDTH=500; // also change css!\r\n\r\nexport class PressureHelper extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state={\r\n level: 0,\r\n fired: false,\r\n };\r\n this.callback=props.callback;\r\n this.esc_interval=null;\r\n }\r\n\r\n do_fire() {\r\n if(this.esc_interval) {\r\n clearInterval(this.esc_interval);\r\n this.esc_interval=null;\r\n }\r\n this.setState({\r\n level: 1,\r\n fired: true,\r\n });\r\n this.callback();\r\n window.setTimeout(()=>{\r\n this.setState({\r\n level: 0,\r\n fired: false,\r\n });\r\n },300);\r\n }\r\n\r\n componentDidMount() {\r\n if(window.config.pressure) {\r\n Pressure.set(document.body, {\r\n change: (force)=>{\r\n if(!this.state.fired) {\r\n if(force>=.999) {\r\n this.do_fire();\r\n }\r\n else\r\n this.setState({\r\n level: force,\r\n });\r\n }\r\n },\r\n end: ()=>{\r\n this.setState({\r\n level: 0,\r\n fired: false,\r\n });\r\n },\r\n }, {\r\n polyfill: false,\r\n only: 'touch',\r\n preventSelect: false,\r\n });\r\n\r\n document.addEventListener('keydown',(e)=>{\r\n if(!e.repeat && e.key==='Escape') {\r\n if(this.esc_interval)\r\n clearInterval(this.esc_interval);\r\n this.setState({\r\n level: THRESHOLD/2,\r\n },()=>{\r\n this.esc_interval=setInterval(()=>{\r\n let new_level=this.state.level+.1;\r\n if(new_level>=.999)\r\n this.do_fire();\r\n else\r\n this.setState({\r\n level: new_level,\r\n });\r\n },30);\r\n });\r\n }\r\n });\r\n document.addEventListener('keyup',(e)=>{\r\n if(e.key==='Escape') {\r\n if(this.esc_interval) {\r\n clearInterval(this.esc_interval);\r\n this.esc_interval=null;\r\n }\r\n this.setState({\r\n level: 0,\r\n });\r\n }\r\n });\r\n }\r\n }\r\n\r\n render() {\r\n const pad=MULTIPLIER*(this.state.level-THRESHOLD)-BORDER_WIDTH;\r\n return (\r\n \r\n )\r\n }\r\n}","import React, {Component} from 'react';\r\nimport {Flow} from './Flows';\r\nimport {Title} from './Title';\r\nimport {Sidebar} from './Sidebar';\r\nimport {PressureHelper} from './PressureHelper';\r\nimport {TokenCtx} from './UserAction';\r\nimport {load_config,bgimg_style} from './Config';\r\nimport {listen_darkmode} from './infrastructure/functions';\r\nimport {LoginPopup, TitleLine} from './infrastructure/widgets';\r\n\r\nconst MAX_SIDEBAR_STACK_SIZE=10;\r\n\r\nfunction DeprecatedAlert(props) {\r\n return (\r\n \r\n );\r\n}\r\n\r\nclass App extends Component {\r\n constructor(props) {\r\n super(props);\r\n load_config();\r\n listen_darkmode({default: undefined, light: false, dark: true}[window.config.color_scheme]);\r\n this.state={\r\n sidebar_stack: [[null,null]], // list of [status, content]\r\n mode: 'list', // list, single, search, attention\r\n search_text: null,\r\n flow_render_key: +new Date(),\r\n token: localStorage['TOKEN']||null,\r\n };\r\n this.show_sidebar_bound=this.show_sidebar.bind(this);\r\n this.set_mode_bound=this.set_mode.bind(this);\r\n this.on_pressure_bound=this.on_pressure.bind(this);\r\n // a silly self-deceptive approach to ban guests, enough to fool those muggles\r\n // document cookie 'pku_ip_flag=yes'\r\n this.inpku_flag=window[atob('ZG9jdW1lbnQ')][atob('Y29va2ll')].indexOf(atob('cGt1X2lwX2ZsYWc9eWVz'))!==-1;\r\n }\r\n\r\n static is_darkmode() {\r\n if(window.config.color_scheme==='dark') return true;\r\n if(window.config.color_scheme==='light') return false;\r\n else { // 'default'\r\n return window.matchMedia('(prefers-color-scheme: dark)').matches;\r\n }\r\n }\r\n\r\n on_pressure() {\r\n if(this.state.sidebar_stack.length>1)\r\n this.show_sidebar(null,null,'clear');\r\n else\r\n this.set_mode('list',null);\r\n }\r\n\r\n show_sidebar(title,content,mode='push') {\r\n this.setState((prevState)=>{\r\n let ns=prevState.sidebar_stack.slice();\r\n if(mode==='push') {\r\n if(ns.length>MAX_SIDEBAR_STACK_SIZE)\r\n ns.splice(1,1);\r\n ns=ns.concat([[title,content]]);\r\n } else if(mode==='pop') {\r\n if(ns.length===1) return;\r\n ns.pop();\r\n } else if(mode==='replace') {\r\n ns.pop();\r\n ns=ns.concat([[title,content]]);\r\n } else if(mode==='clear') {\r\n ns=[[null,null]];\r\n } else\r\n throw new Error('bad show_sidebar mode');\r\n return {\r\n sidebar_stack: ns,\r\n };\r\n });\r\n }\r\n\r\n set_mode(mode,search_text) {\r\n this.setState({\r\n mode: mode,\r\n search_text: search_text,\r\n flow_render_key: +new Date(),\r\n });\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n {cur_content}\r\n
\r\n \r\n \r\n
\r\n
\r\n )}\r\n
\r\n }\r\n {this.inpku_flag||token.value||true ?\r\n \r\n
\r\n \r\n
\r\n
\r\n {props.text}\r\n
\r\n )\r\n}\r\n\r\nexport function GlobalTitle(props) {\r\n return (\r\n\r\n
\r\n );\r\n}\r\n\r\nconst FALLBACK_APPS={\r\n // id, text, url, icon_normal, icon_hover, new_tab\r\n bar: [\r\n ['hole', '树洞', '/hole', appicon_hole, null, false],\r\n ['imasugu', '教室', '/spare_classroom', appicon_imasugu, appicon_imasugu_rev, false],\r\n ['syllabus', '课表', '/syllabus', appicon_syllabus, null, false],\r\n ['score', '成绩', '/my_score', appicon_score, null, false],\r\n ],\r\n dropdown: [\r\n ['course_survey', '课程测评', 'https://courses.pinzhixiaoyuan.com/', appicon_course_survey, null, true],\r\n ['homepage', '客户端', '/', appicon_homepage, null, true],\r\n ],\r\n fix: {},\r\n};\r\n// const SWITCHER_DATA_VER='switcher_2';\r\n// const SWITCHER_DATA_URL=THUHOLE_API_ROOT+'web_static/appswitcher_items.json';\r\n\r\n// export class AppSwitcher extends Component {\r\n// constructor(props) {\r\n// super(props);\r\n// this.state={\r\n// apps: this.get_apps_from_localstorage(),\r\n// }\r\n// }\r\n//\r\n// get_apps_from_localstorage() {\r\n// let ret=FALLBACK_APPS;\r\n// if(localStorage['APPSWITCHER_ITEMS'])\r\n// try {\r\n// let content=JSON.parse(localStorage['APPSWITCHER_ITEMS'])[SWITCHER_DATA_VER];\r\n// if(!content || !content.bar)\r\n// throw new Error('content is empty');\r\n//\r\n// ret=content;\r\n// } catch(e) {\r\n// console.error('load appswitcher items from localstorage failed');\r\n// console.trace(e);\r\n// }\r\n//\r\n// return ret;\r\n// }\r\n//\r\n// check_fix() {\r\n// if(this.state.apps && this.state.apps.fix && this.state.apps.fix[this.props.appid])\r\n// setTimeout(()=>{\r\n// window.HOTFIX_CONTEXT={\r\n// build_info: process.env.REACT_APP_BUILD_INFO || '---',\r\n// build_env: process.env.NODE_ENV,\r\n// };\r\n// eval(this.state.apps.fix[this.props.appid]);\r\n// },1); // make it async so failures won't be critical\r\n// }\r\n//\r\n// componentDidMount() {\r\n// this.check_fix();\r\n// setTimeout(()=>{\r\n// fetch(SWITCHER_DATA_URL)\r\n// .then((res)=>{\r\n// if(!res.ok) throw Error(`网络错误 ${res.status} ${res.statusText}`);\r\n// return res.text();\r\n// })\r\n// .then((txt)=>{\r\n// if(txt!==localStorage['APPSWITCHER_ITEMS']) {\r\n// console.log('loaded new appswitcher items',txt);\r\n// localStorage['APPSWITCHER_ITEMS']=txt;\r\n//\r\n// this.setState({\r\n// apps: this.get_apps_from_localstorage(),\r\n// });\r\n// } else {\r\n// console.log('appswitcher items unchanged');\r\n// }\r\n// })\r\n// .catch((e)=>{\r\n// console.error('loading appswitcher items failed');\r\n// console.trace(e);\r\n// });\r\n// },500);\r\n// }\r\n//\r\n// componentDidUpdate(prevProps, prevState) {\r\n// if(this.state.apps!==prevState.apps)\r\n// this.check_fix();\r\n// }\r\n//\r\n// render() {\r\n// let cur_id=this.props.appid;\r\n//\r\n// function app_elem([id,title,url,icon_normal,icon_hover,new_tab],no_class=false,ref=null) {\r\n// return (\r\n// \r\n// {!!icon_normal && [\r\n// \r\n
\r\n {props.text}
\r\n\r\n// PKUHelper\r\n// {this.state.apps.bar.map((app)=>\r\n// app_elem(app)\r\n// )}\r\n// {!!this.state.apps.dropdown.length &&\r\n//
\r\n// );\r\n// }\r\n// }\r\n\r\nclass LoginPopupSelf extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state={\r\n loading_status: 'idle',\r\n // excluded_scopes: [],\r\n };\r\n this.username_ref=React.createRef();\r\n this.password_ref=React.createRef();\r\n this.input_token_ref=React.createRef();\r\n\r\n this.popup_anchor=document.getElementById(LOGIN_POPUP_ANCHOR_ID);\r\n if(!this.popup_anchor) {\r\n this.popup_anchor=document.createElement('div');\r\n this.popup_anchor.id=LOGIN_POPUP_ANCHOR_ID;\r\n document.body.appendChild(this.popup_anchor);\r\n }\r\n }\r\n\r\n do_sendcode(type) {\r\n if(this.state.loading_status==='loading')\r\n return;\r\n\r\n this.setState({\r\n loading_status: 'loading',\r\n },()=>{\r\n fetch(\r\n THUHOLE_API_ROOT+'api_xmcp/login/send_code'\r\n +'?user='+encodeURIComponent(this.username_ref.current.value)\r\n +'&code_type='+encodeURIComponent(type)\r\n +API_VERSION_PARAM(), {\r\n method: 'POST',\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n },\r\n body: JSON.stringify({\r\n excluded_scopes: [],\r\n }),\r\n }\r\n )\r\n .then(get_json)\r\n .then((json)=>{\r\n console.log(json);\r\n if(!json.success)\r\n throw new Error(JSON.stringify(json));\r\n\r\n alert(json.msg);\r\n this.setState({\r\n loading_status: 'done',\r\n });\r\n })\r\n .catch((e)=>{\r\n console.error(e);\r\n alert('发送失败\\n'+e);\r\n this.setState({\r\n loading_status: 'done',\r\n });\r\n });\r\n\r\n });\r\n }\r\n\r\n do_login(set_token) {\r\n if(this.state.loading_status==='loading')\r\n return;\r\n\r\n this.setState({\r\n loading_status: 'loading',\r\n },()=>{\r\n fetch(\r\n THUHOLE_API_ROOT+'api_xmcp/login/login'\r\n +'?user='+encodeURIComponent(this.username_ref.current.value)\r\n +'&valid_code='+encodeURIComponent(this.password_ref.current.value)\r\n +API_VERSION_PARAM(), {\r\n method: 'POST',\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n },\r\n body: JSON.stringify({\r\n excluded_scopes: [],\r\n }),\r\n }\r\n )\r\n .then(get_json)\r\n .then((json)=>{\r\n if(json.code!==0) {\r\n if(json.msg) throw new Error(json.msg);\r\n throw new Error(JSON.stringify(json));\r\n }\r\n\r\n set_token(json.user_token);\r\n alert(`登录成功`);\r\n this.setState({\r\n loading_status: 'done',\r\n });\r\n this.props.on_close();\r\n })\r\n .catch((e)=>{\r\n console.error(e);\r\n alert('登录失败\\n'+e);\r\n this.setState({\r\n loading_status: 'done',\r\n });\r\n });\r\n });\r\n }\r\n\r\n do_input_token(set_token) {\r\n if(this.state.loading_status==='loading')\r\n return;\r\n\r\n let token=this.input_token_ref.current.value;\r\n this.setState({\r\n loading_status: 'loading',\r\n },()=>{\r\n fetch(THUHOLE_API_ROOT+'api_xmcp/hole/system_msg?user_token='+encodeURIComponent(token)+API_VERSION_PARAM())\r\n .then((res)=>res.json())\r\n .then((json)=>{\r\n if(json.error)\r\n throw new Error(json.error);\r\n if(json.result.length===0)\r\n throw new Error('result check failed');\r\n this.setState({\r\n loading_status: 'done',\r\n });\r\n set_token(token);\r\n this.props.on_close();\r\n })\r\n .catch((e)=>{\r\n alert('Token检验失败\\n'+e);\r\n this.setState({\r\n loading_status: 'done',\r\n });\r\n console.error(e);\r\n });\r\n });\r\n }\r\n\r\n // perm_alert() {\r\n // alert('如果你不需要 PKU Helper 的某项功能，可以取消相应权限。\\n其中【状态信息】包括你的网费、校园卡余额等。\\n该设置应用到你的【所有】设备，取消后如需再次启用相应功能需要重新登录。');\r\n // }\r\n\r\n render() {\r\n // let PERM_SCOPES=[\r\n // ['score','成绩查询'],\r\n // ['syllabus','课表查询'],\r\n // ['my_info','状态信息'],\r\n // ];\r\n\r\n return ReactDOM.createPortal(\r\n \r\n//
\r\n// }\r\n// 网页版\r\n// \r\n// {!!dropdown_cur_app ?\r\n// app_elem((()=>{\r\n// let [id,title,_url,icon_normal,icon_hover,_new_tab]=dropdown_cur_app;\r\n// return [id,title+'▾',null,icon_normal,icon_hover,false];\r\n// })(),true) :\r\n// app_elem(['-placeholder-elem','更多▾',null,appicon_dropdown,appicon_dropdown_rev,false],true)\r\n// }\r\n//
\r\n// {this.state.apps.dropdown.map((app)=>{\r\n// let ref=React.createRef();\r\n// return (\r\n//{\r\n// if(!e.target.closest('a') && ref.current)\r\n// ref.current.click();\r\n// }}>\r\n// {app_elem(app,true,ref)}\r\n//
\r\n// );\r\n// })}\r\n//\r\n \r\n
,\r\n this.popup_anchor,\r\n );\r\n }\r\n}\r\n\r\nexport class LoginPopup extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state={\r\n popup_show: false,\r\n };\r\n this.on_popup_bound=this.on_popup.bind(this);\r\n this.on_close_bound=this.on_close.bind(this);\r\n }\r\n\r\n on_popup() {\r\n this.setState({\r\n popup_show: true,\r\n });\r\n }\r\n on_close() {\r\n this.setState({\r\n popup_show: false,\r\n });\r\n }\r\n\r\n render() {\r\n return (\r\n <>\r\n {this.props.children(this.on_popup_bound)}\r\n {this.state.popup_show &&\r\n \r\n
\r\n
\r\n
\r\n \r\n 接收验证码来登录 T大树洞\r\n
\r\n\r\n \r\n \r\n {/*this.do_sendcode('sms')}>*/}\r\n {/* 短信 */}\r\n {/**/}\r\n {/*/*/}\r\n this.do_sendcode('mail')}>\r\n 发送邮件 \r\n \r\n \r\n
\r\n\r\n \r\n \r\n
\r\n\r\n
\r\n 从其他设备导入登录状态\r\n
\r\n\r\n \r\n \r\n
\r\n\r\n
\r\n \r\n
\r\n\r\n {this.props.parts.map((part,idx)=>{\r\n let [rule,p]=part;\r\n return (\r\n {\r\n rule==='url_pid' ? /## :\r\n rule==='url' ? {p} :\r\n rule==='pid' ? {e.preventDefault(); this.props.show_pid(p.substring(1));}}>{p} :\r\n rule==='nickname' ? {p} :\r\n rule==='search' ? {p} :\r\n p\r\n }\r\n );\r\n })}\r\n \r\n )\r\n }\r\n}\r\n\r\nwindow.TEXTAREA_BACKUP={};\r\n\r\nexport class SafeTextarea extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state={\r\n text: '',\r\n };\r\n this.on_change_bound=this.on_change.bind(this);\r\n this.on_keydown_bound=this.on_keydown.bind(this);\r\n this.clear=this.clear.bind(this);\r\n this.area_ref=React.createRef();\r\n this.change_callback=props.on_change||(()=>{});\r\n this.submit_callback=props.on_submit||(()=>{});\r\n }\r\n\r\n componentDidMount() {\r\n this.setState({\r\n text: window.TEXTAREA_BACKUP[this.props.id]||''\r\n },()=>{\r\n this.change_callback(this.state.text);\r\n });\r\n }\r\n\r\n componentWillUnmount() {\r\n window.TEXTAREA_BACKUP[this.props.id]=this.state.text;\r\n this.change_callback(this.state.text);\r\n }\r\n\r\n on_change(event) {\r\n this.setState({\r\n text: event.target.value,\r\n });\r\n this.change_callback(event.target.value);\r\n }\r\n on_keydown(event) {\r\n if(event.key==='Enter' && event.ctrlKey && !event.altKey) {\r\n event.preventDefault();\r\n this.submit_callback();\r\n }\r\n }\r\n\r\n clear() {\r\n this.setState({\r\n text: '',\r\n });\r\n }\r\n set(text) {\r\n this.change_callback(text);\r\n this.setState({\r\n text: text,\r\n });\r\n }\r\n get() {\r\n return this.state.text;\r\n }\r\n focus() {\r\n this.area_ref.current.focus();\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n )\r\n }\r\n}\r\n\r\nlet pwa_prompt_event=null;\r\nwindow.addEventListener('beforeinstallprompt', (e) => {\r\n console.log('pwa: received before install prompt');\r\n pwa_prompt_event=e;\r\n});\r\n\r\nexport function PromotionBar(props) {\r\n let is_ios=/iPhone|iPad|iPod/i.test(window.navigator.userAgent);\r\n let is_installed=(window.matchMedia('(display-mode: standalone)').matches) || (window.navigator.standalone);\r\n\r\n if(is_installed)\r\n return null;\r\n\r\n if(is_ios)\r\n // noinspection JSConstructorReturnsPrimitive\r\n return !navigator.standalone ? (\r\n \r\n \r\n 用 Safari 把树洞 添加到主屏幕 更好用\r\n
\r\n ) : null;\r\n else\r\n // noinspection JSConstructorReturnsPrimitive\r\n return pwa_prompt_event ? (\r\n \r\n \r\n 把网页版树洞 {\r\n if(pwa_prompt_event)\r\n pwa_prompt_event.prompt();\r\n }}>安装到桌面 更好用\r\n
\r\n ) : null;\r\n}\r\n\r\nexport class ClickHandler extends PureComponent {\r\n constructor(props) {\r\n super(props);\r\n this.state={\r\n moved: true,\r\n init_y: 0,\r\n init_x: 0,\r\n };\r\n this.on_begin_bound=this.on_begin.bind(this);\r\n this.on_move_bound=this.on_move.bind(this);\r\n this.on_end_bound=this.on_end.bind(this);\r\n\r\n this.MOVE_THRESHOLD=3;\r\n this.last_fire=0;\r\n }\r\n\r\n on_begin(e) {\r\n //console.log('click',(e.touches?e.touches[0]:e).screenY,(e.touches?e.touches[0]:e).screenX);\r\n this.setState({\r\n moved: false,\r\n init_y: (e.touches?e.touches[0]:e).screenY,\r\n init_x: (e.touches?e.touches[0]:e).screenX,\r\n });\r\n }\r\n on_move(e) {\r\n if(!this.state.moved) {\r\n let mvmt=Math.abs((e.touches?e.touches[0]:e).screenY-this.state.init_y)+Math.abs((e.touches?e.touches[0]:e).screenX-this.state.init_x);\r\n //console.log('move',mvmt);\r\n if(mvmt>this.MOVE_THRESHOLD)\r\n this.setState({\r\n moved: true,\r\n });\r\n }\r\n }\r\n on_end(event) {\r\n //console.log('end');\r\n if(!this.state.moved)\r\n this.do_callback(event);\r\n this.setState({\r\n moved: true,\r\n });\r\n }\r\n\r\n do_callback(event) {\r\n if(this.last_fire+100>+new Date()) return;\r\n this.last_fire=+new Date();\r\n this.props.callback(event);\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n {this.props.children}\r\n
\r\n )\r\n }\r\n}","export function on(el, eventName, callback, opts) {\r\n opts = opts || false;\r\n if (el.addEventListener) {\r\n el.addEventListener(eventName, callback, opts);\r\n } else if (el.attachEvent) {\r\n el.attachEvent(`on${eventName}`, (e) => {\r\n callback.call(el, e || window.event);\r\n });\r\n }\r\n}\r\n\r\nexport function off(el, eventName, callback, opts) {\r\n opts = opts || false;\r\n if (el.removeEventListener) {\r\n el.removeEventListener(eventName, callback, opts);\r\n } else if (el.detachEvent) {\r\n el.detachEvent(`on${eventName}`, callback);\r\n }\r\n}\r\n","/**\r\n * @fileOverview Find scroll parent\r\n */\r\n\r\nexport default (node) => {\r\n if (!(node instanceof HTMLElement)) {\r\n return document.documentElement;\r\n }\r\n\r\n const excludeStaticParent = node.style.position === 'absolute';\r\n const overflowRegex = /(scroll|auto)/;\r\n let parent = node;\r\n\r\n while (parent) {\r\n if (!parent.parentNode) {\r\n return node.ownerDocument || document.documentElement;\r\n }\r\n\r\n const style = window.getComputedStyle(parent);\r\n const position = style.position;\r\n const overflow = style.overflow;\r\n const overflowX = style['overflow-x'];\r\n const overflowY = style['overflow-y'];\r\n\r\n if (position === 'static' && excludeStaticParent) {\r\n parent = parent.parentNode;\r\n continue;\r\n }\r\n\r\n if (overflowRegex.test(overflow) && overflowRegex.test(overflowX) && overflowRegex.test(overflowY)) {\r\n return parent;\r\n }\r\n\r\n parent = parent.parentNode;\r\n }\r\n\r\n return node.ownerDocument || node.documentElement || document.documentElement;\r\n};\r\n","/**\r\n * react-lazyload\r\n */\r\nimport React, { Component, PureComponent } from 'react';\r\nimport ReactDom from 'react-dom';\r\nimport PropTypes from 'prop-types';\r\nimport { on, off } from './utils/event';\r\nimport scrollParent from './utils/scrollParent';\r\nimport debounce from './utils/debounce';\r\nimport throttle from './utils/throttle';\r\n\r\nconst defaultBoundingClientRect = { top: 0, right: 0, bottom: 0, left: 0, width: 0, height: 0 };\r\nconst LISTEN_FLAG = 'data-lazyload-listened';\r\nconst listeners = [];\r\nlet pending = [];\r\n\r\n// try to handle passive events\r\nlet passiveEventSupported = false;\r\ntry {\r\n const opts = Object.defineProperty({}, 'passive', {\r\n get() {\r\n passiveEventSupported = true;\r\n }\r\n });\r\n window.addEventListener('test', null, opts);\r\n}\r\ncatch (e) { }\r\n// if they are supported, setup the optional params\r\n// IMPORTANT: FALSE doubles as the default CAPTURE value!\r\nconst passiveEvent = passiveEventSupported ? { capture: false, passive: true } : false;\r\n\r\n\r\n/**\r\n * Check if `component` is visible in overflow container `parent`\r\n * @param {node} component React component\r\n * @param {node} parent component's scroll parent\r\n * @return {bool}\r\n */\r\nconst checkOverflowVisible = function checkOverflowVisible(component, parent) {\r\n const node = ReactDom.findDOMNode(component);\r\n\r\n let parentTop;\r\n let parentHeight;\r\n\r\n try {\r\n ({ top: parentTop, height: parentHeight } = parent.getBoundingClientRect());\r\n } catch (e) {\r\n ({ top: parentTop, height: parentHeight } = defaultBoundingClientRect);\r\n }\r\n\r\n const windowInnerHeight = window.innerHeight || document.documentElement.clientHeight;\r\n\r\n // calculate top and height of the intersection of the element's scrollParent and viewport\r\n const intersectionTop = Math.max(parentTop, 0); // intersection's top relative to viewport\r\n const intersectionHeight = Math.min(windowInnerHeight, parentTop + parentHeight) - intersectionTop; // height\r\n\r\n // check whether the element is visible in the intersection\r\n let top;\r\n let height;\r\n\r\n try {\r\n ({ top, height } = node.getBoundingClientRect());\r\n } catch (e) {\r\n ({ top, height } = defaultBoundingClientRect);\r\n }\r\n\r\n const offsetTop = top - intersectionTop; // element's top relative to intersection\r\n\r\n const offsets = Array.isArray(component.props.offset) ?\r\n component.props.offset :\r\n [component.props.offset, component.props.offset]; // Be compatible with previous API\r\n\r\n return (offsetTop - offsets[0] <= intersectionHeight) &&\r\n (offsetTop + height + offsets[1] >= 0);\r\n};\r\n\r\n/**\r\n * Check if `component` is visible in document\r\n * @param {node} component React component\r\n * @return {bool}\r\n */\r\nconst checkNormalVisible = function checkNormalVisible(component) {\r\n const node = ReactDom.findDOMNode(component);\r\n\r\n // If this element is hidden by css rules somehow, it's definitely invisible\r\n if (!(node.offsetWidth || node.offsetHeight || node.getClientRects().length)) return false;\r\n\r\n let top;\r\n let elementHeight;\r\n\r\n try {\r\n ({ top, height: elementHeight } = node.getBoundingClientRect());\r\n } catch (e) {\r\n ({ top, height: elementHeight } = defaultBoundingClientRect);\r\n }\r\n\r\n const windowInnerHeight = window.innerHeight || document.documentElement.clientHeight;\r\n\r\n const offsets = Array.isArray(component.props.offset) ?\r\n component.props.offset :\r\n [component.props.offset, component.props.offset]; // Be compatible with previous API\r\n\r\n return (top - offsets[0] <= windowInnerHeight) &&\r\n (top + elementHeight + offsets[1] >= 0);\r\n};\r\n\r\n\r\n/**\r\n * Detect if element is visible in viewport, if so, set `visible` state to true.\r\n * If `once` prop is provided true, remove component as listener after checkVisible\r\n *\r\n * @param {React} component React component that respond to scroll and resize\r\n */\r\nconst checkVisible = function checkVisible(component) {\r\n const node = ReactDom.findDOMNode(component);\r\n if (!(node instanceof HTMLElement)) {\r\n return;\r\n }\r\n\r\n const parent = scrollParent(node);\r\n const isOverflow = component.props.overflow &&\r\n parent !== node.ownerDocument &&\r\n parent !== document &&\r\n parent !== document.documentElement;\r\n const visible = isOverflow ?\r\n checkOverflowVisible(component, parent) :\r\n checkNormalVisible(component);\r\n if (visible) {\r\n // Avoid extra render if previously is visible\r\n if (!component.state.visible || component.state.hidden) {\r\n if (component.props.once) {\r\n pending.push(component);\r\n }\r\n\r\n //console.log('lazyload 1');\r\n component.setState({\r\n visible: true,\r\n hidden: false,\r\n });\r\n }\r\n } else if (!component.props.once) {\r\n if (component.props.unmountIfInvisible) {\r\n if(component.visible===true)\r\n component.setState({\r\n visible: false,\r\n });\r\n } else if(component.props.hiddenIfInvisible) {\r\n if(component.state.hidden===false) {\r\n //console.log('lazyload 3');\r\n component.setState({\r\n hidden: true,\r\n });\r\n }\r\n }\r\n }\r\n};\r\n\r\n\r\nconst purgePending = function purgePending() {\r\n pending.forEach((component) => {\r\n const index = listeners.indexOf(component);\r\n if (index !== -1) {\r\n listeners.splice(index, 1);\r\n }\r\n });\r\n\r\n pending = [];\r\n};\r\n\r\nconst lazyLoadHandler = () => {\r\n for (let i = 0; i < listeners.length; ++i) {\r\n const listener = listeners[i];\r\n checkVisible(listener);\r\n }\r\n // Remove `once` component in listeners\r\n purgePending();\r\n};\r\n\r\n// Depending on component's props\r\nlet delayType;\r\nlet finalLazyLoadHandler = null;\r\n\r\nconst isString = string => typeof string === 'string';\r\n\r\nclass LazyLoad extends PureComponent {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state={\r\n visible: false,\r\n hidden: false,\r\n };\r\n }\r\n\r\n componentDidMount() {\r\n // It's unlikely to change delay type on the fly, this is mainly\r\n // designed for tests\r\n let scrollport = window;\r\n const {\r\n scrollContainer,\r\n } = this.props;\r\n if (scrollContainer) {\r\n if (isString(scrollContainer)) {\r\n scrollport = scrollport.document.querySelector(scrollContainer);\r\n }\r\n }\r\n const needResetFinalLazyLoadHandler = (this.props.debounce !== undefined && delayType === 'throttle')\r\n || (delayType === 'debounce' && this.props.debounce === undefined);\r\n\r\n if (needResetFinalLazyLoadHandler) {\r\n off(scrollport, 'scroll', finalLazyLoadHandler, passiveEvent);\r\n off(window, 'resize', finalLazyLoadHandler, passiveEvent);\r\n finalLazyLoadHandler = null;\r\n }\r\n\r\n if (!finalLazyLoadHandler) {\r\n if (this.props.debounce !== undefined) {\r\n finalLazyLoadHandler = debounce(lazyLoadHandler, typeof this.props.debounce === 'number' ?\r\n this.props.debounce :\r\n 300);\r\n delayType = 'debounce';\r\n } else if (this.props.throttle !== undefined) {\r\n finalLazyLoadHandler = throttle(lazyLoadHandler, typeof this.props.throttle === 'number' ?\r\n this.props.throttle :\r\n 300);\r\n delayType = 'throttle';\r\n } else {\r\n finalLazyLoadHandler = lazyLoadHandler;\r\n }\r\n }\r\n\r\n if (this.props.overflow) {\r\n const parent = scrollParent(ReactDom.findDOMNode(this));\r\n if (parent && typeof parent.getAttribute === 'function') {\r\n const listenerCount = 1 + (+parent.getAttribute(LISTEN_FLAG));\r\n if (listenerCount === 1) {\r\n parent.addEventListener('scroll', finalLazyLoadHandler, passiveEvent);\r\n }\r\n parent.setAttribute(LISTEN_FLAG, listenerCount);\r\n }\r\n } else if (listeners.length === 0 || needResetFinalLazyLoadHandler) {\r\n const { scroll, resize } = this.props;\r\n\r\n if (scroll) {\r\n on(scrollport, 'scroll', finalLazyLoadHandler, passiveEvent);\r\n }\r\n\r\n if (resize) {\r\n on(window, 'resize', finalLazyLoadHandler, passiveEvent);\r\n }\r\n }\r\n\r\n listeners.push(this);\r\n checkVisible(this);\r\n }\r\n\r\n componentWillUnmount() {\r\n if (this.props.overflow) {\r\n const parent = scrollParent(ReactDom.findDOMNode(this));\r\n if (parent && typeof parent.getAttribute === 'function') {\r\n const listenerCount = (+parent.getAttribute(LISTEN_FLAG)) - 1;\r\n if (listenerCount === 0) {\r\n parent.removeEventListener('scroll', finalLazyLoadHandler, passiveEvent);\r\n parent.removeAttribute(LISTEN_FLAG);\r\n } else {\r\n parent.setAttribute(LISTEN_FLAG, listenerCount);\r\n }\r\n }\r\n }\r\n\r\n const index = listeners.indexOf(this);\r\n if (index !== -1) {\r\n listeners.splice(index, 1);\r\n }\r\n\r\n if (listeners.length === 0 && typeof window !== 'undefined') {\r\n off(window, 'resize', finalLazyLoadHandler, passiveEvent);\r\n off(window, 'scroll', finalLazyLoadHandler, passiveEvent);\r\n }\r\n }\r\n\r\n render() {\r\n //console.log('lazyload render');\r\n if(this.state.visible) {\r\n if(this.props.hiddenIfInvisible)\r\n return this.state.hidden ?\r\n {this.props.children}
:\r\n {this.props.children}
;\r\n else\r\n return this.props.children;\r\n }\r\n else\r\n return this.props.placeholder ?\r\n this.props.placeholder :\r\n ;\r\n }\r\n}\r\n\r\nLazyLoad.propTypes = {\r\n once: PropTypes.bool,\r\n height: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\r\n offset: PropTypes.oneOfType([PropTypes.number, PropTypes.arrayOf(PropTypes.number)]),\r\n overflow: PropTypes.bool,\r\n resize: PropTypes.bool,\r\n scroll: PropTypes.bool,\r\n children: PropTypes.node,\r\n throttle: PropTypes.oneOfType([PropTypes.number, PropTypes.bool]),\r\n debounce: PropTypes.oneOfType([PropTypes.number, PropTypes.bool]),\r\n placeholder: PropTypes.node,\r\n scrollContainer: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),\r\n unmountIfInvisible: PropTypes.bool,\r\n hiddenIfInvisible: PropTypes.bool,\r\n};\r\n\r\nLazyLoad.defaultProps = {\r\n once: false,\r\n offset: 0,\r\n overflow: false,\r\n resize: false,\r\n scroll: true,\r\n unmountIfInvisible: false,\r\n hiddenIfInvisible: false,\r\n};\r\n\r\nconst getDisplayName = WrappedComponent => WrappedComponent.displayName || WrappedComponent.name || 'Component';\r\n\r\nconst decorator = (options = {}) => function lazyload(WrappedComponent) {\r\n return class LazyLoadDecorated extends Component {\r\n constructor() {\r\n super();\r\n this.displayName = `LazyLoad${getDisplayName(WrappedComponent)}`;\r\n }\r\n\r\n render() {\r\n return (\r\n 正在下载……
);\r\n else if(this.state.state==='decoding')\r\n return (正在解码……
);\r\n else if(this.state.state==='loaded')\r\n return ();\r\n }\r\n}","import React, {Component, PureComponent} from 'react';\r\n\r\nimport './Config.css';\r\n\r\nconst BUILTIN_IMGS={\r\n 'static/bg/gbp.jpg': '寻觅繁星（默认）',\r\n 'static/bg/eriri.jpg': '平成著名画师',\r\n 'static/bg/yurucamp.jpg': '露营天下第一',\r\n 'static/bg/minecraft.jpg': '麦恩·库拉夫特',\r\n 'static/bg/cyberpunk.jpg': '赛博城市',\r\n 'static/bg/sif.jpg': '梦开始的地方',\r\n};\r\n\r\nconst DEFAULT_CONFIG={\r\n background_img: 'static/bg/gbp.jpg',\r\n background_color: '#113366',\r\n pressure: false,\r\n easter_egg: true,\r\n color_scheme: 'default',\r\n};\r\n\r\nexport function load_config() {\r\n let config=Object.assign({},DEFAULT_CONFIG);\r\n let loaded_config;\r\n try {\r\n loaded_config=JSON.parse(localStorage['hole_config']||'{}');\r\n } catch(e) {\r\n alert('设置加载失败，将重置为默认设置！\\n'+e);\r\n delete localStorage['hole_config'];\r\n loaded_config={};\r\n }\r\n\r\n // unrecognized configs are removed\r\n Object.keys(loaded_config).forEach((key)=>{\r\n if(config[key]!==undefined)\r\n config[key]=loaded_config[key];\r\n });\r\n\r\n console.log('config loaded',config);\r\n window.config=config;\r\n}\r\nexport function save_config() {\r\n localStorage['hole_config']=JSON.stringify(window.config);\r\n load_config();\r\n}\r\n\r\nexport function bgimg_style(img,color) {\r\n if(img===undefined) img=window.config.background_img;\r\n if(color===undefined) color=window.config.background_color;\r\n return {\r\n background: 'transparent center center',\r\n backgroundImage: img===null ? 'unset' : 'url(\"'+encodeURI(img)+'\")',\r\n backgroundColor: color,\r\n backgroundSize: 'cover',\r\n };\r\n}\r\n\r\nclass ConfigBackground extends PureComponent {\r\n constructor(props) {\r\n super(props);\r\n this.state={\r\n img: window.config.background_img,\r\n color: window.config.background_color,\r\n };\r\n }\r\n\r\n save_changes() {\r\n this.props.callback({\r\n background_img: this.state.img,\r\n background_color: this.state.color,\r\n });\r\n }\r\n\r\n on_select(e) {\r\n let value=e.target.value;\r\n this.setState({\r\n img: value==='##other' ? '' :\r\n value==='##color' ? null : value,\r\n },this.save_changes.bind(this));\r\n }\r\n on_change_img(e) {\r\n this.setState({\r\n img: e.target.value,\r\n },this.save_changes.bind(this));\r\n }\r\n on_change_color(e) {\r\n this.setState({\r\n color: e.target.value,\r\n },this.save_changes.bind(this));\r\n }\r\n\r\n render() {\r\n let img_select= this.state.img===null ? '##color' :\r\n Object.keys(BUILTIN_IMGS).indexOf(this.state.img)===-1 ? '##other' : this.state.img;\r\n return (\r\n\r\n
\r\n );\r\n }\r\n}\r\n\r\nclass ConfigColorScheme extends PureComponent {\r\n constructor(props) {\r\n super(props);\r\n this.state={\r\n color_scheme: window.config.color_scheme,\r\n };\r\n }\r\n\r\n save_changes() {\r\n this.props.callback({\r\n color_scheme: this.state.color_scheme,\r\n });\r\n }\r\n\r\n on_select(e) {\r\n let value=e.target.value;\r\n this.setState({\r\n color_scheme: value,\r\n },this.save_changes.bind(this));\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n 背景图片：\r\n \r\n \r\n {img_select==='##other' &&\r\n \r\n }\r\n {img_select==='##color' &&\r\n \r\n }\r\n
\r\n \r\n\r\n
\r\n )\r\n }\r\n}\r\n\r\nclass ConfigSwitch extends PureComponent {\r\n constructor(props) {\r\n super(props);\r\n this.state={\r\n switch: window.config[this.props.id],\r\n };\r\n }\r\n\r\n on_change(e) {\r\n let val=e.target.checked;\r\n this.setState({\r\n switch: val,\r\n },()=>{\r\n this.props.callback({\r\n [this.props.id]: val,\r\n });\r\n });\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n 夜间模式：\r\n \r\n #color_scheme\r\n
\r\n\r\n 选择浅色或深色模式，深色模式下将会调暗图片亮度\r\n
\r\n\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport class ConfigUI extends PureComponent {\r\n constructor(props) {\r\n super(props);\r\n this.save_changes_bound=this.save_changes.bind(this);\r\n }\r\n\r\n save_changes(chg) {\r\n console.log(chg);\r\n Object.keys(chg).forEach((key)=>{\r\n window.config[key]=chg[key];\r\n });\r\n save_config();\r\n }\r\n\r\n reset_settings() {\r\n if(window.confirm('重置所有设置？')) {\r\n window.config={};\r\n save_config();\r\n window.location.reload();\r\n }\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n \r\n
\r\n\r\n {this.props.description}\r\n
\r\n\r\n
\r\n )\r\n }\r\n}","import React, {Component, PureComponent} from 'react';\r\nimport {THUHOLE_API_ROOT, get_json, API_VERSION_PARAM} from './flows_api';\r\nimport {Time} from './Common';\r\n\r\nexport class MessageViewer extends PureComponent {\r\n constructor(props) {\r\n super(props);\r\n this.state={\r\n loading_status: 'idle',\r\n msg: [],\r\n };\r\n }\r\n\r\n componentDidMount() {\r\n this.load();\r\n }\r\n\r\n load() {\r\n if(this.state.loading_status==='loading') return;\r\n this.setState({\r\n loading_status: 'loading',\r\n },()=>{\r\n fetch(THUHOLE_API_ROOT+'api_xmcp/hole/system_msg?user_token='+encodeURIComponent(this.props.token)+API_VERSION_PARAM())\r\n .then(get_json)\r\n .then((json)=>{\r\n if(json.error)\r\n throw new Error(json.error);\r\n else\r\n this.setState({\r\n loading_status: 'done',\r\n msg: json.result,\r\n });\r\n })\r\n .catch((err)=>{\r\n console.error(err);\r\n alert(''+err);\r\n this.setState({\r\n loading_status: 'failed',\r\n });\r\n })\r\n\r\n });\r\n }\r\n\r\n render() {\r\n if(this.state.loading_status==='loading')\r\n return (\r\n
\r\n \r\n 这些功能仍在测试，可能不稳定（全部重置）
\r\n修改设置后 {window.location.reload()}}>刷新页面 方可生效
\r\n加载中……
);\r\n else if(this.state.loading_status==='failed')\r\n return ();\r\n else if(this.state.loading_status==='done')\r\n return this.state.msg.map((msg)=>(\r\n\r\n
\r\n ));\r\n else\r\n return null;\r\n }\r\n}","import React, {Component, PureComponent} from 'react';\r\nimport {API_BASE, SafeTextarea, PromotionBar} from './Common';\r\nimport {MessageViewer} from './Message';\r\nimport {LoginPopup} from './infrastructure/widgets';\r\nimport {ConfigUI} from './Config';\r\nimport fixOrientation from 'fix-orientation';\r\nimport copy from 'copy-to-clipboard';\r\nimport {cache} from './cache';\r\nimport {API_VERSION_PARAM, THUHOLE_API_ROOT, API, get_json, token_param} from './flows_api';\r\n\r\nimport './UserAction.css';\r\n\r\nconst BASE64_RATE=4/3;\r\nconst MAX_IMG_DIAM=8000;\r\nconst MAX_IMG_PX=5000000;\r\nconst MAX_IMG_FILESIZE=450000*BASE64_RATE;\r\n\r\nexport const TokenCtx=React.createContext({\r\n value: null,\r\n set_value: ()=>{},\r\n});\r\n\r\n// class LifeInfoBox extends Component {\r\n// constructor(props) {\r\n// super(props);\r\n// if(!window._life_info_cache)\r\n// window._life_info_cache={};\r\n// this.CACHE_TIMEOUT_S=15;\r\n// this.state={\r\n// today_info: this.cache_get('today_info'),\r\n// card_balance: this.cache_get('card_balance'),\r\n// net_balance: this.cache_get('net_balance'),\r\n// mail_count: this.cache_get('mail_count'),\r\n// };\r\n// this.INTERNAL_NETWORK_FAILURE='_network_failure';\r\n// this.API_NAME={\r\n// today_info: 'hole/today_info',\r\n// card_balance: 'isop/card_balance',\r\n// net_balance: 'isop/net_balance',\r\n// mail_count: 'isop/mail_count',\r\n// };\r\n// }\r\n//\r\n// cache_get(key) {\r\n// let cache_item=window._life_info_cache[key];\r\n// if(!cache_item || (+new Date())-cache_item[0]>1000*this.CACHE_TIMEOUT_S)\r\n// return null;\r\n// else\r\n// return cache_item[1];\r\n// }\r\n// cache_set(key,value) {\r\n// if(!window._life_info_cache[key] || window._life_info_cache[key][1]!==value)\r\n// window._life_info_cache[key]=[+new Date(),value];\r\n// }\r\n//\r\n// load(state_key) {\r\n// this.setState({\r\n// [state_key]: null,\r\n// },()=>{\r\n// fetch(\r\n// PKUHELPER_ROOT+'api_xmcp/'+this.API_NAME[state_key]\r\n// +'?user_token='+encodeURIComponent(this.props.token)\r\n// +API_VERSION_PARAM()\r\n// )\r\n// .then(get_json)\r\n// .then((json)=>{\r\n// //console.log(json);\r\n// this.setState({\r\n// [state_key]: json,\r\n// });\r\n// })\r\n// .catch((e)=>{\r\n// this.setState({\r\n// [state_key]: {\r\n// errMsg: '网络错误 '+e,\r\n// errCode: this.INTERNAL_NETWORK_FAILURE,\r\n// success: false,\r\n// }\r\n// });\r\n// })\r\n// });\r\n// }\r\n//\r\n// componentDidMount() {\r\n// ['today_info','card_balance','net_balance','mail_count'].forEach((k)=>{\r\n// if(!this.state[k])\r\n// this.load(k);\r\n// });\r\n// }\r\n//\r\n// reload_all() {\r\n// ['today_info','card_balance','net_balance','mail_count'].forEach((k)=>{\r\n// this.load(k);\r\n// });\r\n// }\r\n//\r\n// render_line(state_key,title,value_fn,action,url_fn,do_login) {\r\n// let s=this.state[state_key];\r\n// if(!s)\r\n// return (\r\n// \r\n \r\n {msg.title}\r\n
\r\n \r\n
\r\n {msg.content}\r\n \r\n// \r\n// \r\n// {this.render_line(\r\n// 'today_info',\r\n// '今日',(s)=>s.info,\r\n// '校历',(s)=>s.schedule_url,\r\n// do_login,\r\n// )}\r\n// {this.render_line(\r\n// 'card_balance',\r\n// '校园卡',(s)=>`余额￥${s.balance.toFixed(2)}`,\r\n// '充值',()=>'https://virtualprod.alipay.com/educate/educatePcRecharge.htm?schoolCode=PKU&schoolName=',\r\n// do_login,\r\n// )}\r\n// {this.render_line(\r\n// 'net_balance',\r\n// '网费',(s)=>`余额￥${s.balance.toFixed(2)}`,\r\n// '充值',()=>'https://its.pku.edu.cn/epay.jsp',\r\n// do_login,\r\n// )}\r\n// {this.render_line(\r\n// 'mail_count',\r\n// '邮件',(s)=>`未读 ${s.count} 封`,\r\n// '查看',()=>'https://mail.pku.edu.cn/',\r\n// do_login,\r\n// )}\r\n// \r\n//
\r\n//
\r\n// )}\r\n
\r\n );\r\n}\r\n\r\nclass ResetUsertokenWidget extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state={\r\n loading_status: 'done',\r\n };\r\n }\r\n\r\n do_reset() {\r\n if(window.confirm('您正在重置 UserToken！\\n您的账号将会在【所有设备】上注销，您需要手动重新登录！')) {\r\n let uid=window.prompt('您正在重置 UserToken！\\n请输入您的学号以确认身份：');\r\n if(uid)\r\n this.setState({\r\n loading_status: 'loading',\r\n },()=>{\r\n fetch(THUHOLE_API_ROOT+'api_xmcp/hole/reset_usertoken', {\r\n method: 'post',\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n },\r\n body: JSON.stringify({\r\n user_token: this.props.token,\r\n uid: uid,\r\n }),\r\n })\r\n .then(get_json)\r\n .then((json)=>{\r\n if(json.error)\r\n throw new Error(json.error);\r\n else\r\n alert('重置成功！您需要在所有设备上重新登录。');\r\n\r\n this.setState({\r\n loading_status: 'done',\r\n });\r\n })\r\n .catch((e)=>{\r\n alert('重置失败：'+e);\r\n this.setState({\r\n loading_status: 'done',\r\n });\r\n })\r\n });\r\n }\r\n }\r\n\r\n render() {\r\n if(this.state.loading_status==='done')\r\n return (重置);\r\n else if(this.state.loading_status==='loading')\r\n return ();\r\n }\r\n}\r\n\r\nexport class LoginForm extends Component {\r\n copy_token(token) {\r\n if(copy(token))\r\n alert('复制成功！\\n请一定不要泄露哦');\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n {props.show_sidebar(\r\n '设置',\r\n
\r\n \r\n
\r\n \r\n T大树洞 网页版 by @thuhole，\r\n 基于 \r\n GPLv3\r\n 协议在 GitHub 开源\r\n
\r\n\r\n T大树洞 网页版的诞生离不开 \r\n P大树洞\r\n 、\r\n React\r\n 、\r\n IcoMoon\r\n 等开源项目\r\n
\r\n\r\n {\r\n if('serviceWorker' in navigator) {\r\n navigator.serviceWorker.getRegistrations()\r\n .then((registrations)=>{\r\n for(let registration of registrations) {\r\n console.log('unregister',registration);\r\n registration.unregister();\r\n }\r\n });\r\n }\r\n cache().clear();\r\n setTimeout(()=>{\r\n window.location.reload(true);\r\n },200);\r\n }}>强制检查更新\r\n （{process.env.REACT_APP_BUILD_INFO||'---'} {process.env.NODE_ENV} 会自动在后台检查更新并在下次访问时更新）\r\n
\r\n\r\n This program is free software: you can redistribute it and/or modify\r\n it under the terms of the GNU General Public License as published by\r\n the Free Software Foundation, either version 3 of the License, or\r\n (at your option) any later version.\r\n
\r\n\r\n This program is distributed in the hope that it will be useful,\r\n but WITHOUT ANY WARRANTY; without even the implied warranty of\r\n MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the \r\n GNU General Public License\r\n for more details.\r\n
\r\n\r\n {/*{!!token.value &&*/}\r\n {/*
\r\n }\r\n {token.value ?\r\n {(do_popup)=>(\r\n \r\n }\r\n
\r\n \r\n
:\r\n \r\n 您已登录。\r\n \r\n
\r\n
*/}\r\n {/*根据计算中心要求，访问授权三个月内有效，过期需重新登录。*/}\r\n {/*T大树洞将会单向加密(i.e. 哈希散列)您的邮箱后再存入数据库，因此您的发帖具有较强的匿名性。具体可见我们的后端开源代码。*/}\r\n {/*
*/}\r\n {/**/}\r\n {/* {this.props.show_sidebar(*/}\r\n {/* '系统消息',*/}\r\n {/*
*/}\r\n {/* /!*当您发送的内容违规时，我们将用系统消息提示您*!/*/}\r\n {/*
\r\n 复制 User Token
\r\n User Token 用于迁移登录状态，切勿告知他人{/*，若怀疑被盗号请尽快
\r\n
\r\n )}\r\n \r\n
\r\n\r\n T大树洞 面向清华大学学生，通过清华邮箱验证您的身份并提供服务。\r\n
\r\n\r\n 正在加载 #{pid}\r\n
,\r\n replace?'replace':'push'\r\n );\r\n API.get_single(pid,token)\r\n .then((single)=>{\r\n single.data.variant={};\r\n return new Promise((resolve,reject)=>{\r\n API.load_replies_with_cache(pid,token,color_picker,parseInt(single.data.reply))\r\n .then((replies)=>{resolve([single,replies])})\r\n .catch(reject);\r\n });\r\n })\r\n .then((res)=>{\r\n let [single,replies]=res;\r\n show_sidebar(\r\n title_elem,\r\n \r\n
,\r\n 'replace'\r\n );\r\n })\r\n };\r\n}\r\n\r\nclass Reply extends PureComponent {\r\n constructor(props) {\r\n super(props);\r\n }\r\n\r\n render() {\r\n let parts=split_text(this.props.info.text,[\r\n ['url_pid',URL_PID_RE],\r\n ['url',URL_RE],\r\n ['pid',PID_RE],\r\n ['nickname',NICKNAME_RE],\r\n ]);\r\n\r\n return (\r\n load_single_meta(show_sidebar,token)(pid,true)}>重新加载
\r\n{''+e}
\r\n\r\n
\r\n );\r\n }\r\n}\r\n\r\nclass FlowItem extends PureComponent {\r\n constructor(props) {\r\n super(props);\r\n }\r\n\r\n copy_link(event) {\r\n event.preventDefault();\r\n copy(\r\n `${event.target.href}${this.props.info.tag ? ' 【'+this.props.info.tag+'】' : ''}\\n`+\r\n `${this.props.info.text}${this.props.info.type==='image'?' [图片]':this.props.info.type==='audio'?' [语音]':''}\\n`+\r\n `（${format_time(new Date(this.props.info.timestamp*1000))} ${this.props.info.likenum}关注 ${this.props.info.reply}回复）\\n`+\r\n this.props.replies.map((r)=>(\r\n (r.tag ? '【'+r.tag+'】' : '')+\r\n r.text\r\n )).join('\\n')\r\n );\r\n }\r\n\r\n render() {\r\n let props=this.props;\r\n let parts=props.parts||split_text(props.info.text,[\r\n ['url_pid',URL_PID_RE],\r\n ['url',URL_RE],\r\n ['pid',PID_RE],\r\n ['nickname',NICKNAME_RE],\r\n ]);\r\n return (\r\n \r\n
\r\n #{this.props.info.cid}\r\n {!!this.props.do_filter_name &&\r\n {this.props.do_filter_name(this.props.info.name);}}>\r\n \r\n \r\n }\r\n \r\n {this.props.info.tag!==null &&\r\n \r\n {this.props.info.tag}\r\n \r\n }\r\n \r\n \r\n
\r\n \r\n {!!props.is_quote &&\r\n
\r\n );\r\n }\r\n}\r\n\r\nclass FlowSidebar extends PureComponent {\r\n constructor(props) {\r\n super(props);\r\n this.state={\r\n attention: props.attention,\r\n info: props.info,\r\n replies: props.replies,\r\n loading_status: 'done',\r\n error_msg: null,\r\n filter_name: null,\r\n rev: false,\r\n };\r\n this.color_picker=props.color_picker;\r\n this.syncState=props.sync_state||(()=>{});\r\n this.reply_ref=React.createRef();\r\n }\r\n\r\n set_variant(cid,variant) {\r\n this.setState((prev)=>{\r\n if(cid)\r\n return {\r\n replies: prev.replies.map((reply)=>{\r\n if(reply.cid===cid)\r\n return Object.assign({},reply,{variant: Object.assign({},reply.variant,variant)});\r\n else\r\n return reply;\r\n }),\r\n };\r\n else\r\n return {\r\n info: Object.assign({},prev.info,{variant: Object.assign({},prev.info.variant,variant)}),\r\n }\r\n },function() {\r\n this.syncState({\r\n info: this.state.info,\r\n replies: this.state.replies,\r\n });\r\n });\r\n }\r\n\r\n load_replies(update_count=true) {\r\n this.setState({\r\n loading_status: 'loading',\r\n error_msg: null,\r\n });\r\n API.load_replies(this.state.info.pid,this.props.token,this.color_picker,null)\r\n .then((json)=>{\r\n this.setState((prev,props)=>({\r\n replies: json.data,\r\n info: update_count ? Object.assign({}, prev.info, {\r\n reply: ''+json.data.length,\r\n }) : prev.info,\r\n attention: !!json.attention,\r\n loading_status: 'done',\r\n error_msg: null,\r\n }), ()=>{\r\n this.syncState({\r\n replies: this.state.replies,\r\n attention: this.state.attention,\r\n info: this.state.info,\r\n });\r\n if(this.state.replies.length)\r\n this.set_variant(null,{latest_reply: Math.max.apply(null,this.state.replies.map((r)=>parseInt(r.timestamp)))});\r\n });\r\n })\r\n .catch((e)=>{\r\n console.error(e);\r\n this.setState({\r\n replies: [],\r\n loading_status: 'done',\r\n error_msg: ''+e,\r\n });\r\n });\r\n }\r\n\r\n toggle_attention() {\r\n this.setState({\r\n loading_status: 'loading',\r\n });\r\n const next_attention=!this.state.attention;\r\n API.set_attention(this.state.info.pid,next_attention,this.props.token)\r\n .then((json)=>{\r\n this.setState({\r\n loading_status: 'done',\r\n attention: next_attention,\r\n });\r\n this.syncState({\r\n attention: next_attention,\r\n });\r\n })\r\n .catch((e)=>{\r\n this.setState({\r\n loading_status: 'done'\r\n });\r\n alert('设置关注失败');\r\n console.error(e);\r\n });\r\n }\r\n\r\n report() {\r\n let reason=prompt(`举报 #${this.state.info.pid} 的理由：`);\r\n if(reason!==null) {\r\n API.report(this.state.info.pid,reason,this.props.token)\r\n .then((json)=>{\r\n alert('举报成功');\r\n })\r\n .catch((e)=>{\r\n alert('举报失败');\r\n console.error(e);\r\n })\r\n }\r\n }\r\n\r\n set_filter_name(name) {\r\n this.setState((prevState)=>({\r\n filter_name: name===prevState.filter_name ? null : name,\r\n }));\r\n }\r\n\r\n toggle_rev() {\r\n this.setState((prevState)=>({\r\n rev: !prevState.rev,\r\n }));\r\n }\r\n\r\n show_reply_bar(name,event) {\r\n if(this.reply_ref.current && !event.target.closest('a, .clickable')) {\r\n let text=this.reply_ref.current.get();\r\n if(/^\\s*(?:Re (?:|洞主|(?:[A-Z][a-z]+ )?(?:[A-Z][a-z]+)|You Win(?: \\d+)?):)?\\s*$/.test(text)) {// text is nearly empty so we can replace it\r\n let should_text='Re '+name+': ';\r\n if(should_text===this.reply_ref.current.get())\r\n this.reply_ref.current.set('');\r\n else\r\n this.reply_ref.current.set(should_text);\r\n }\r\n }\r\n }\r\n\r\n render() {\r\n if(this.state.loading_status==='loading')\r\n return (\r\n
\r\n }\r\n \r\n
提到
\r\n \r\n {!!window.LATEST_POST_ID && parseInt(props.info.pid,10)>window.LATEST_POST_ID &&\r\n \r\n }\r\n
\r\n \r\n {!!this.props.do_filter_name &&\r\n {this.props.do_filter_name(DZ_NAME);}}>\r\n \r\n \r\n }\r\n {!!parseInt(props.info.likenum,10) &&\r\n \r\n {props.info.likenum} \r\n \r\n \r\n }\r\n {!!parseInt(props.info.reply,10) &&\r\n \r\n {props.info.reply} \r\n \r\n \r\n }\r\n
\r\n #{props.info.pid}\r\n \r\n {props.info.tag!==null &&\r\n \r\n {props.info.tag}\r\n \r\n }\r\n \r\n \r\n
\r\n {!!(props.attention && props.info.variant.latest_reply) &&\r\n \r\n {props.img_clickable ?\r\n :\r\n
\r\n }\r\n
最新回复
\r\n }\r\n加载中……
);\r\n\r\n let show_pid=load_single_meta(this.props.show_sidebar,this.props.token);\r\n\r\n let replies_to_show=this.state.filter_name ? this.state.replies.filter((r)=>r.name===this.state.filter_name) : this.state.replies.slice();\r\n if(this.state.rev) replies_to_show.reverse();\r\n\r\n // key for lazyload elem\r\n let view_mode_key=(this.state.rev ? 'y-' : 'n-')+(this.state.filter_name||'null');\r\n\r\n let replies_cnt={[DZ_NAME]:1};\r\n replies_to_show.forEach((r)=>{\r\n if(replies_cnt[r.name]===undefined)\r\n replies_cnt[r.name]=0;\r\n replies_cnt[r.name]++;\r\n });\r\n\r\n // hide main thread when filtered\r\n let main_thread_elem=(this.state.filter_name && this.state.filter_name!==DZ_NAME) ? null : (\r\n\r\n \r\n {this.show_reply_bar(reply.name,e);}}>\r\n {this.set_variant(reply.cid,variant);}}\r\n do_filter_name={replies_cnt[reply.name]>1 ? this.set_filter_name.bind(this) : null}\r\n />\r\n \r\n \r\n ))}\r\n {this.state.rev &&\r\n main_thread_elem\r\n }\r\n {!!this.props.token ?\r\n
\r\n )\r\n }\r\n}\r\n\r\nclass FlowItemRow extends PureComponent {\r\n constructor(props) {\r\n super(props);\r\n this.state={\r\n replies: [],\r\n reply_status: 'done',\r\n reply_error: null,\r\n info: Object.assign({},props.info,{variant: {}}),\r\n attention: props.attention_override===null ? false : props.attention_override,\r\n };\r\n this.color_picker=new ColorPicker();\r\n }\r\n\r\n componentDidMount() {\r\n if(parseInt(this.state.info.reply,10)) {\r\n this.load_replies(null,/*update_count=*/false);\r\n }\r\n }\r\n\r\n load_replies(callback,update_count=true) {\r\n console.log('fetching reply',this.state.info.pid);\r\n this.setState({\r\n reply_status: 'loading',\r\n reply_error: null,\r\n });\r\n API.load_replies_with_cache(this.state.info.pid,this.props.token,this.color_picker,parseInt(this.state.info.reply))\r\n .then((json)=>{\r\n this.setState((prev,props)=>({\r\n replies: json.data,\r\n info: Object.assign({}, prev.info, {\r\n reply: update_count ? ''+json.data.length : prev.info.reply,\r\n variant: json.data.length ? {\r\n latest_reply: Math.max.apply(null,json.data.map((r)=>parseInt(r.timestamp))),\r\n } : {},\r\n }),\r\n attention: !!json.attention,\r\n reply_status: 'done',\r\n reply_error: null,\r\n }),callback);\r\n })\r\n .catch((e)=>{\r\n console.error(e);\r\n this.setState({\r\n replies: [],\r\n reply_status: 'failed',\r\n reply_error: ''+e,\r\n },callback);\r\n });\r\n }\r\n\r\n show_sidebar() {\r\n this.props.show_sidebar(\r\n '树洞 #'+this.state.info.pid,\r\n \r\n {!!this.props.token &&\r\n \r\n \r\n \r\n \r\n \r\n \r\n }\r\n \r\n \r\n \r\n {(this.state.replies.length>=1 || this.state.rev) &&\r\n \r\n \r\n \r\n \r\n \r\n \r\n }\r\n {!!this.props.token &&\r\n \r\n \r\n {\r\n this.toggle_attention();\r\n }}>\r\n {this.state.attention ?\r\n :\r\n \r\n }\r\n \r\n \r\n }\r\n
\r\n {!!this.state.filter_name &&\r\n \r\n
\r\n }\r\n {!this.state.rev &&\r\n main_thread_elem\r\n }\r\n {!!this.state.error_msg &&\r\n \r\n {this.set_filter_name(null)}}>还原\r\n 当前只看 \r\n
\r\n
\r\n }\r\n {(this.props.deletion_detect && parseInt(this.state.info.reply)>this.state.replies.length) && !!this.state.replies.length &&\r\n 回复加载失败
\r\n{this.state.error_msg}
\r\n\r\n {parseInt(this.state.info.reply)-this.state.replies.length} 条回复被删除\r\n
\r\n }\r\n {replies_to_show.map((reply)=>(\r\n 登录后可以回复树洞
\r\n }\r\n \r\n {this.state.reply_status==='loading' &&
\r\n 加载中
}\r\n {this.state.reply_status==='failed' &&\r\n \r\n \r\n
\r\n }\r\n {this.state.replies.slice(0,PREVIEW_REPLY_COUNT).map((reply)=>(\r\n {this.state.reply_error}
\r\n还有 {this.state.replies.length-PREVIEW_REPLY_COUNT} 条
\r\n }\r\n \r\n {res}\r\n
\r\n ) : res;\r\n }\r\n}\r\n\r\nclass FlowItemQuote extends PureComponent {\r\n constructor(props) {\r\n super(props);\r\n this.state={\r\n loading_status: 'empty',\r\n error_msg: null,\r\n info: null,\r\n };\r\n }\r\n\r\n componentDidMount() {\r\n this.load();\r\n }\r\n\r\n load() {\r\n this.setState({\r\n loading_status: 'loading',\r\n },()=>{\r\n API.get_single(this.props.pid,this.props.token)\r\n .then((json)=>{\r\n this.setState({\r\n loading_status: 'done',\r\n info: json.data,\r\n });\r\n })\r\n .catch((err)=>{\r\n if((''+err).indexOf('没有这条树洞')!==-1)\r\n this.setState({\r\n loading_status: 'empty',\r\n });\r\n else\r\n this.setState({\r\n loading_status: 'error',\r\n error_msg: ''+err,\r\n });\r\n });\r\n });\r\n }\r\n\r\n render() {\r\n if(this.state.loading_status==='empty')\r\n return null;\r\n else if(this.state.loading_status==='loading')\r\n return (\r\n \r\n
\r\n );\r\n else if(this.state.loading_status==='error')\r\n return (\r\n \r\n \r\n 提到了 #{this.props.pid}\r\n
\r\n \r\n
\r\n );\r\n else // 'done'\r\n return (\r\n \r\n \r\n
\r\n {this.state.error_msg}
\r\n\r\n {!!props.title && \r\n \r\n ))}\r\n
\r\n )}\r\n {!!(props.deletion_detect && props.mode==='list' && ind && props.list[ind-1].pid-info.pid>1) &&\r\n
\r\n \r\n
\r\n }\r\n \r\n {props.list[ind-1].pid-info.pid-1} 条被删除\r\n
\r\n \r\n
\r\n }\r\n \r\n
\r\n {this.load_page(this.state.loaded_pages+1)}}>重新加载
\r\n{this.state.error_msg}
\r\n\r\n \r\n \r\n 最新\r\n \r\n {!!token &&\r\n \r\n \r\n 关注\r\n \r\n }\r\n \r\n {\r\n this.props.show_sidebar(\r\n 'T大树洞',\r\n {\r\n this.props.show_sidebar(null,null);\r\n this.do_refresh();\r\n }} />\r\n )\r\n }}>\r\n \r\n 发表\r\n \r\n }\r\n
\r\n )}\r\n {/*
\r\n )\r\n}","import React, {Component, PureComponent} from 'react';\r\nimport './Sidebar.css';\r\n\r\nexport class Sidebar extends PureComponent {\r\n constructor(props) {\r\n super(props);\r\n this.sidebar_ref=React.createRef();\r\n this.do_close_bound=this.do_close.bind(this);\r\n this.do_back_bound=this.do_back.bind(this);\r\n }\r\n\r\n componentDidUpdate(nextProps) {\r\n if(this.props.stack!==nextProps.stack) {\r\n //console.log('sidebar top');\r\n if(this.sidebar_ref.current)\r\n this.sidebar_ref.current.scrollTop=0;\r\n }\r\n }\r\n\r\n do_close() {\r\n this.props.show_sidebar(null,null,'clear');\r\n }\r\n do_back() {\r\n this.props.show_sidebar(null,null,'pop');\r\n }\r\n\r\n render() {\r\n let [cur_title,cur_content]=this.props.stack[this.props.stack.length-1];\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n props.show_sidebar(\r\n 'T大树洞',\r\n
\r\n {\r\n localStorage['TOKEN']=x||'';\r\n this.setState({\r\n token: x,\r\n });\r\n },\r\n }}>\r\n {(token)=>(\r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nexport default App;\r\n","// In production, we register a service worker to serve assets from local cache.\r\n\r\n// This lets the app load faster on subsequent visits in production, and gives\r\n// it offline capabilities. However, it also means that developers (and users)\r\n// will only see deployed updates on the \"N+1\" visit to a page, since previously\r\n// cached resources are updated in the background.\r\n\r\n// To learn more about the benefits of this model, read https://goo.gl/KwvDNy.\r\n// This link also includes instructions on opting out of this behavior.\r\n\r\nconst isLocalhost = Boolean(\r\n window.location.hostname === 'localhost' ||\r\n // [::1] is the IPv6 localhost address.\r\n window.location.hostname === '[::1]' ||\r\n // 127.0.0.1/8 is considered localhost for IPv4.\r\n window.location.hostname.match(\r\n /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\r\n )\r\n);\r\n\r\nexport default function register() {\r\n if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\r\n // The URL constructor is available in all browsers that support SW.\r\n const publicUrl = new URL(process.env.PUBLIC_URL, window.location);\r\n if (publicUrl.origin !== window.location.origin) {\r\n // Our service worker won't work if PUBLIC_URL is on a different origin\r\n // from what our page is served on. This might happen if a CDN is used to\r\n // serve assets; see https://github.com/facebookincubator/create-react-app/issues/2374\r\n return;\r\n }\r\n\r\n window.addEventListener('load', () => {\r\n const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\r\n\r\n if (isLocalhost) {\r\n // This is running on localhost. Lets check if a service worker still exists or not.\r\n checkValidServiceWorker(swUrl);\r\n\r\n // Add some additional logging to localhost, pointing developers to the\r\n // service worker/PWA documentation.\r\n navigator.serviceWorker.ready.then(() => {\r\n console.log(\r\n 'This web app is being served cache-first by a service ' +\r\n 'worker. To learn more, visit https://goo.gl/SC7cgQ'\r\n );\r\n });\r\n } else {\r\n // Is not local host. Just register service worker\r\n registerValidSW(swUrl);\r\n }\r\n });\r\n }\r\n}\r\n\r\nfunction registerValidSW(swUrl) {\r\n navigator.serviceWorker\r\n .register(swUrl)\r\n .then(registration => {\r\n registration.onupdatefound = () => {\r\n const installingWorker = registration.installing;\r\n installingWorker.onstatechange = () => {\r\n if (installingWorker.state === 'installed') {\r\n if (navigator.serviceWorker.controller) {\r\n // At this point, the old content will have been purged and\r\n // the fresh content will have been added to the cache.\r\n // It's the perfect time to display a \"New content is\r\n // available; please refresh.\" message in your web app.\r\n console.log('New content is available; please refresh.');\r\n } else {\r\n // At this point, everything has been precached.\r\n // It's the perfect time to display a\r\n // \"Content is cached for offline use.\" message.\r\n console.log('Content is cached for offline use.');\r\n }\r\n }\r\n };\r\n };\r\n })\r\n .catch(error => {\r\n console.error('Error during service worker registration:', error);\r\n });\r\n}\r\n\r\nfunction checkValidServiceWorker(swUrl) {\r\n // Check if the service worker can be found. If it can't reload the page.\r\n fetch(swUrl)\r\n .then(response => {\r\n // Ensure service worker exists, and that we really are getting a JS file.\r\n if (\r\n response.status === 404 ||\r\n response.headers.get('content-type').indexOf('javascript') === -1\r\n ) {\r\n // No service worker found. Probably a different app. Reload the page.\r\n navigator.serviceWorker.ready.then(registration => {\r\n registration.unregister().then(() => {\r\n window.location.reload();\r\n });\r\n });\r\n } else {\r\n // Service worker found. Proceed as normal.\r\n registerValidSW(swUrl);\r\n }\r\n })\r\n .catch(() => {\r\n console.log(\r\n 'No internet connection found. App is running in offline mode.'\r\n );\r\n });\r\n}\r\n\r\nexport function unregister() {\r\n if ('serviceWorker' in navigator) {\r\n navigator.serviceWorker.ready.then(registration => {\r\n registration.unregister();\r\n });\r\n }\r\n}\r\n","import React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport './index.css';\r\nimport App from './App';\r\n//import {elevate} from './infrastructure/elevator';\r\nimport registerServiceWorker from './registerServiceWorker';\r\n\r\n//elevate();\r\n\r\nReactDOM.render(1e3?(console.log("comment cache db maintenance",a),t.index("last_access").openKeyCursor().onsuccess=function(e){var n=e.target.result;n&&(t.delete(n.primaryKey),--a>1e3&&n.continue())}):console.log("comment cache db no need to maintenance",a),e.added_items_since_maintenance=0},n.onerror=console.error.bind(console)}}},{key:"clear",value:function(){this.db&&(indexedDB.deleteDatabase(ee),console.log("delete comment cache db"))}}]),e}();function ae(){return window.hole_cache||(window.hole_cache=new ne),window.hole_cache}function oe(e){return V()+(e?"&user_token="+e:"")}var ie={load_replies:function(e,t,n,a){return e=parseInt(e),fetch(re+"/api.php?action=getcomment&pid="+e+oe(t)).then(F).then(function(t){if(0!==t.code)throw t.msg?new Error(t.msg):new Error(JSON.stringify(t));return ae().delete(e).then(function(){ae().put(e,a,t)}),t.data=t.data.sort(function(e,t){return parseInt(e.cid,10)-parseInt(t.cid,10)}).map(function(e){return e._display_color=n.get(e.name),e.variant={},e}),t})},load_replies_with_cache:function(e,t,n,a){return e=parseInt(e),ae().get(e,a).then(function(o){return o?(o.data=o.data.sort(function(e,t){return parseInt(e.cid,10)-parseInt(t.cid,10)}).map(function(e){return e._display_color=n.get(e.name),e.variant={},e}),o):ie.load_replies(e,t,n,a)})},set_attention:function(e,t,n){var a=new URLSearchParams;return a.append("user_token",n),a.append("pid",e),a.append("switch",t?"1":"0"),fetch(re+"/api.php?action=attention"+oe(n),{method:"POST",headers:{"Content-Type":"application/x-www-form-urlencoded"},body:a}).then(F).then(function(t){if(ae().delete(e),0!==t.code&&(!t.msg||"\u5df2\u7ecf\u5173\u6ce8\u8fc7\u4e86"!==t.msg))throw t.msg&&alert(t.msg),new Error(JSON.stringify(t));return t})},report:function(e,t,n){var a=new URLSearchParams;return a.append("user_token",n),a.append("pid",e),a.append("reason",t),fetch(re+"/api.php?action=report"+oe(n),{method:"POST",headers:{"Content-Type":"application/x-www-form-urlencoded"},body:a}).then(F).then(function(e){if(0!==e.code)throw e.msg&&alert(e.msg),new Error(JSON.stringify(e));return e})},get_list:function(e,t){return fetch(re+"/api.php?action=getlist&p="+e+oe(t)).then(F).then(function(e){if(0!==e.code)throw new Error(JSON.stringify(e));return e})},get_search:function(e,t,n){return fetch(re+"/api.php?action=search&pagesize=50&page="+e+"&keywords="+encodeURIComponent(t)+oe(n)).then(F).then(function(e){if(0!==e.code){if(e.msg)throw new Error(e.msg);throw new Error(JSON.stringify(e))}return e})},get_single:function(e,t){return fetch(re+"/api.php?action=getone&pid="+e+oe(t)).then(F).then(function(e){if(0!==e.code)throw e.msg?new Error(e.msg):new Error(JSON.stringify(e));return e})},get_attention:function(e){return fetch(re+"/api.php?action=getattention"+oe(e)).then(F).then(function(e){if(0!==e.code){if(e.msg)throw new Error(e.msg);throw new Error(JSON.stringify(e))}return e})}},re=(n(38),B+"services/thuhole");function se(e){return e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&")}function le(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"g";return e?new RegExp("(".concat(e.split(t).filter(function(e){return!!e}).map(se).join("|"),")"),n):/^$/g}function ce(e){return o.a.createElement("span",{className:"colored-span",style:{"--coloredspan-bgcolor-light":e.colors[0],"--coloredspan-bgcolor-dark":e.colors[1]}},e.children)}var ue=function(e){function t(){return Object(s.a)(this,t),Object(c.a)(this,Object(u.a)(t).apply(this,arguments))}return Object(d.a)(t,e),Object(l.a)(t,[{key:"render",value:function(){var e=this;return o.a.createElement("pre",null,this.props.parts.map(function(t,n){var a,i=Object(m.a)(t,2),r=i[0],s=i[1];return o.a.createElement("span",{key:n},"url_pid"===r?o.a.createElement("span",{className:"url-pid-link",title:s},"/##"):"url"===r?o.a.createElement("a",{href:(a=s,/^https?:\/\//.test(a)?a:"http://"+a),target:"_blank",rel:"noopener"},s):"pid"===r?o.a.createElement("a",{href:"#"+s,onClick:function(t){t.preventDefault(),e.props.show_pid(s.substring(1))}},s):"nickname"===r?o.a.createElement(ce,{colors:e.props.color_picker.get(s)},s):"search"===r?o.a.createElement("span",{className:"search-query-highlight"},s):s)}))}}]),t}(a.PureComponent);window.TEXTAREA_BACKUP={};var he=function(e){function t(e){var n;return Object(s.a)(this,t),(n=Object(c.a)(this,Object(u.a)(t).call(this,e))).state={text:""},n.on_change_bound=n.on_change.bind(Object(h.a)(n)),n.on_keydown_bound=n.on_keydown.bind(Object(h.a)(n)),n.clear=n.clear.bind(Object(h.a)(n)),n.area_ref=o.a.createRef(),n.change_callback=e.on_change||function(){},n.submit_callback=e.on_submit||function(){},n}return Object(d.a)(t,e),Object(l.a)(t,[{key:"componentDidMount",value:function(){var e=this;this.setState({text:window.TEXTAREA_BACKUP[this.props.id]||""},function(){e.change_callback(e.state.text)})}},{key:"componentWillUnmount",value:function(){window.TEXTAREA_BACKUP[this.props.id]=this.state.text,this.change_callback(this.state.text)}},{key:"on_change",value:function(e){this.setState({text:e.target.value}),this.change_callback(e.target.value)}},{key:"on_keydown",value:function(e){"Enter"===e.key&&e.ctrlKey&&!e.altKey&&(e.preventDefault(),this.submit_callback())}},{key:"clear",value:function(){this.setState({text:""})}},{key:"set",value:function(e){this.change_callback(e),this.setState({text:e})}},{key:"get",value:function(){return this.state.text}},{key:"focus",value:function(){this.area_ref.current.focus()}},{key:"render",value:function(){return o.a.createElement("textarea",{ref:this.area_ref,onChange:this.on_change_bound,value:this.state.text,onKeyDown:this.on_keydown_bound})}}]),t}(a.Component),de=null;function pe(e){var t=/iPhone|iPad|iPod/i.test(window.navigator.userAgent);return window.matchMedia("(display-mode: standalone)").matches||window.navigator.standalone?null:t?navigator.standalone?null:o.a.createElement("div",{className:"box promotion-bar"},o.a.createElement("span",{className:"icon icon-about"}),"\xa0 \u7528 Safari \u628a\u6811\u6d1e ",o.a.createElement("b",null,"\u6dfb\u52a0\u5230\u4e3b\u5c4f\u5e55")," \u66f4\u597d\u7528"):de?o.a.createElement("div",{className:"box promotion-bar"},o.a.createElement("span",{className:"icon icon-about"}),"\xa0 \u628a\u7f51\u9875\u7248\u6811\u6d1e ",o.a.createElement("b",null,o.a.createElement("a",{onClick:function(){de&&de.prompt()}},"\u5b89\u88c5\u5230\u684c\u9762"))," \u66f4\u597d\u7528"):null}window.addEventListener("beforeinstallprompt",function(e){console.log("pwa: received before install prompt"),de=e});var me=function(e){function t(e){var n;return Object(s.a)(this,t),(n=Object(c.a)(this,Object(u.a)(t).call(this,e))).state={moved:!0,init_y:0,init_x:0},n.on_begin_bound=n.on_begin.bind(Object(h.a)(n)),n.on_move_bound=n.on_move.bind(Object(h.a)(n)),n.on_end_bound=n.on_end.bind(Object(h.a)(n)),n.MOVE_THRESHOLD=3,n.last_fire=0,n}return Object(d.a)(t,e),Object(l.a)(t,[{key:"on_begin",value:function(e){this.setState({moved:!1,init_y:(e.touches?e.touches[0]:e).screenY,init_x:(e.touches?e.touches[0]:e).screenX})}},{key:"on_move",value:function(e){this.state.moved||Math.abs((e.touches?e.touches[0]:e).screenY-this.state.init_y)+Math.abs((e.touches?e.touches[0]:e).screenX-this.state.init_x)>this.MOVE_THRESHOLD&&this.setState({moved:!0})}},{key:"on_end",value:function(e){this.state.moved||this.do_callback(e),this.setState({moved:!0})}},{key:"do_callback",value:function(e){this.last_fire+100>+new Date||(this.last_fire=+new Date,this.props.callback(e))}},{key:"render",value:function(){return o.a.createElement("div",{onTouchStart:this.on_begin_bound,onMouseDown:this.on_begin_bound,onTouchMove:this.on_move_bound,onMouseMove:this.on_move_bound,onClick:this.on_end_bound},this.props.children)}}]),t}(a.PureComponent);n(39);function fe(e,t,n,a){a=a||!1,e.addEventListener?e.addEventListener(t,n,a):e.attachEvent&&e.attachEvent("on".concat(t),function(t){n.call(e,t||window.event)})}function ge(e,t,n,a){a=a||!1,e.removeEventListener?e.removeEventListener(t,n,a):e.detachEvent&&e.detachEvent("on".concat(t),n)}var be=function(e){if(!(e instanceof HTMLElement))return document.documentElement;for(var t="absolute"===e.style.position,n=/(scroll|auto)/,a=e;a;){if(!a.parentNode)return e.ownerDocument||document.documentElement;var o=window.getComputedStyle(a),i=o.position,r=o.overflow,s=o["overflow-x"],l=o["overflow-y"];if("static"===i&&t)a=a.parentNode;else{if(n.test(r)&&n.test(s)&&n.test(l))return a;a=a.parentNode}}return e.ownerDocument||e.documentElement||document.documentElement};var ve=0,Ee=0,_e="data-lazyload-listened",Ae=[],we=[],ke=!1;try{var ye=Object.defineProperty({},"passive",{get:function(){ke=!0}});window.addEventListener("test",null,ye)}catch(wt){}var Oe,je=!!ke&&{capture:!1,passive:!0},Ce=function(e){var t=r.a.findDOMNode(e);if(t instanceof HTMLElement){var n=be(t);(e.props.overflow&&n!==t.ownerDocument&&n!==document&&n!==document.documentElement?function(e,t){var n,a,o=r.a.findDOMNode(e);try{var i=t.getBoundingClientRect();n=i.top,a=i.height}catch(wt){n=ve,a=Ee}var s,l,c=window.innerHeight||document.documentElement.clientHeight,u=Math.max(n,0),h=Math.min(c,n+a)-u;try{var d=o.getBoundingClientRect();s=d.top,l=d.height}catch(wt){s=ve,l=Ee}var p=s-u,m=Array.isArray(e.props.offset)?e.props.offset:[e.props.offset,e.props.offset];return p-m[0]<=h&&p+l+m[1]>=0}(e,n):function(e){var t,n,a=r.a.findDOMNode(e);if(!(a.offsetWidth||a.offsetHeight||a.getClientRects().length))return!1;try{var o=a.getBoundingClientRect();t=o.top,n=o.height}catch(wt){t=ve,n=Ee}var i=window.innerHeight||document.documentElement.clientHeight,s=Array.isArray(e.props.offset)?e.props.offset:[e.props.offset,e.props.offset];return t-s[0]<=i&&t+n+s[1]>=0}(e))?e.state.visible&&!e.state.hidden||(e.props.once&&we.push(e),e.setState({visible:!0,hidden:!1})):e.props.once||(e.props.unmountIfInvisible?!0===e.visible&&e.setState({visible:!1}):e.props.hiddenIfInvisible&&!1===e.state.hidden&&e.setState({hidden:!0}))}},Ne=function(){for(var e=0;e=0?a=setTimeout(l,t-c):(a=null,n||(s=e.apply(i,o),a||(i=null,o=null)))};return function(){i=this,o=arguments,r=+new Date;var c=n&&!a;return a||(a=setTimeout(l,t)),c&&(s=e.apply(i,o),i=null,o=null),s}}(Ne,"number"===typeof this.props.debounce?this.props.debounce:300),Oe="debounce"):void 0!==this.props.throttle?(Se=function(e,t,n){var a,o;return t||(t=250),function(){var i=n||this,r=+new Date,s=arguments;a&&rWe&&(i=i*We/e,e=We,r=!0),i>We&&(e=e*We/i,i=We,r=!0),i*e>Ye){var s=Math.sqrt(i*e/Ye);i/=s,e/=s,r=!0}console.log("chosen img size",e,i);var l=document.createElement("canvas"),c=l.getContext("2d");l.width=e,l.height=i,c.drawImage(o,0,0,e,i);for(var u,h,d=.1,p=.9;p-d>=.03;)u=(p+d)/2,h=l.toDataURL("image/jpeg",u),console.log(d,p,"trying quality",u,"size",h.length),h.length<=Ke?d=u:p=u;d>=.101?(console.log("chosen img quality",u),t({img:a(h),quality:u,width:Math.round(e),height:Math.round(i),compressed:r})):n("\u56fe\u7247\u8fc7\u5927\uff0c\u65e0\u6cd5\u4e0a\u4f20")},o.src=e}(e)})},o.readAsDataURL(e)})}},{key:"on_img_change",value:function(){var e=this;this.img_ref.current&&this.img_ref.current.files.length?this.setState({img_tip:"\uff08\u6b63\u5728\u5904\u7406\u56fe\u7247\u2026\u2026\uff09"},function(){e.proc_img(e.img_ref.current.files[0]).then(function(t){e.setState({img_tip:"\uff08".concat(t.compressed?"\u538b\u7f29\u5230":"\u5c3a\u5bf8"," ").concat(t.width,"*").concat(t.height," / ")+"\u8d28\u91cf ".concat(Math.floor(100*t.quality),"% / ").concat(Math.floor(t.img.length/(4/3)/1e3),"KB\uff09")})}).catch(function(t){e.setState({img_tip:"\u56fe\u7247\u65e0\u6548\uff1a".concat(t)})})}):this.setState({img_tip:null})}},{key:"on_submit",value:function(e){var t=this;e&&e.preventDefault(),"loading"!==this.state.loading_status&&(this.img_ref.current.files.length?(this.setState({loading_status:"processing"}),this.proc_img(this.img_ref.current.files[0]).then(function(e){t.setState({loading_status:"loading"}),t.do_post(t.state.text,e.img)}).catch(function(e){alert(e)})):(this.setState({loading_status:"loading"}),this.do_post(this.state.text,null)))}},{key:"render",value:function(){var e=this;return o.a.createElement("form",{onSubmit:this.on_submit.bind(this),className:"post-form box"},o.a.createElement("div",{className:"post-form-bar"},o.a.createElement("label",null,"\u56fe\u7247",o.a.createElement("input",{ref:this.img_ref,type:"file",accept:"image/*",disabled:"done"!==this.state.loading_status,onChange:this.on_img_change_bound})),"done"!==this.state.loading_status?o.a.createElement("button",{disabled:"disabled"},o.a.createElement("span",{className:"icon icon-loading"}),"\xa0\u6b63\u5728","processing"===this.state.loading_status?"\u5904\u7406":"\u4e0a\u4f20"):o.a.createElement("button",{type:"submit"},o.a.createElement("span",{className:"icon icon-send"}),"\xa0\u53d1\u8868")),!!this.state.img_tip&&o.a.createElement("p",{className:"post-form-img-tip"},o.a.createElement("a",{onClick:function(){e.img_ref.current.value="",e.on_img_change()}},"\u5220\u9664\u56fe\u7247"),this.state.img_tip),o.a.createElement(he,{ref:this.area_ref,id:"new_post",on_change:this.on_change_bound,on_submit:this.on_submit.bind(this)}),o.a.createElement("p",null,o.a.createElement("small",null,"\u8bf7\u9075\u5b88",o.a.createElement("a",{href:"http://pkuhelper.pku.edu.cn/treehole_rules.html",target:"_blank"},"\u6811\u6d1e\u7ba1\u7406\u89c4\u8303"),"\uff0c\u6587\u660e\u53d1\u8a00")))}}]),t}(a.Component),et=B+"/images/",tt={a:!0,audio:!0},nt=[];window.LATEST_POST_ID=parseInt(localStorage._LATEST_POST_ID,10)||0;function at(e,t){return function(n){var a=arguments.length>1&&void 0!==arguments[1]&&arguments[1],i=new b,r="\u6811\u6d1e #"+n;e(r,o.a.createElement("div",{className:"box box-tip"},"\u6b63\u5728\u52a0\u8f7d #",n),a?"replace":"push"),ie.get_single(n,t).then(function(e){return e.data.variant={},new Promise(function(a,o){ie.load_replies_with_cache(n,t,i,parseInt(e.data.reply)).then(function(t){a([e,t])}).catch(o)})}).then(function(n){var a=Object(m.a)(n,2),s=a[0],l=a[1];e(r,o.a.createElement(rt,{key:+new Date,info:s.data,replies:l.data,attention:l.attention,token:t,show_sidebar:e,color_picker:i,deletion_detect:"on"===localStorage.DELETION_DETECT}),"replace")}).catch(function(a){console.error(a),e(r,o.a.createElement("div",{className:"box box-tip"},o.a.createElement("p",null,o.a.createElement("a",{onClick:function(){return at(e,t)(n,!0)}},"\u91cd\u65b0\u52a0\u8f7d")),o.a.createElement("p",null,""+a)),"replace")})}}var ot=function(e){function t(e){return Object(s.a)(this,t),Object(c.a)(this,Object(u.a)(t).call(this,e))}return Object(d.a)(t,e),Object(l.a)(t,[{key:"render",value:function(){var e=this,t=w(this.props.info.text,[["url_pid",E],["url",A],["pid",v],["nickname",_]]);return o.a.createElement("div",{className:"flow-reply box",style:this.props.info._display_color?{"--box-bgcolor-light":this.props.info._display_color[0],"--box-bgcolor-dark":this.props.info._display_color[1]}:null},o.a.createElement("div",{className:"box-header"},o.a.createElement("code",{className:"box-id"},"#",this.props.info.cid),!!this.props.do_filter_name&&o.a.createElement("span",{className:"reply-header-badge clickable",onClick:function(){e.props.do_filter_name(e.props.info.name)}},o.a.createElement("span",{className:"icon icon-locate"})),"\xa0",null!==this.props.info.tag&&o.a.createElement("span",{className:"box-header-tag"},this.props.info.tag),o.a.createElement(q,{stamp:this.props.info.timestamp})),o.a.createElement("div",{className:"box-content"},o.a.createElement(ue,{parts:t,color_picker:this.props.color_picker,show_pid:this.props.show_pid})))}}]),t}(a.PureComponent),it=function(e){function t(e){return Object(s.a)(this,t),Object(c.a)(this,Object(u.a)(t).call(this,e))}return Object(d.a)(t,e),Object(l.a)(t,[{key:"copy_link",value:function(e){e.preventDefault(),g()("".concat(e.target.href).concat(this.props.info.tag?" \u3010"+this.props.info.tag+"\u3011":"","\n")+"".concat(this.props.info.text).concat("image"===this.props.info.type?" [\u56fe\u7247]":"audio"===this.props.info.type?" [\u8bed\u97f3]":"","\n")+"\uff08".concat(K(new Date(1e3*this.props.info.timestamp))," ").concat(this.props.info.likenum,"\u5173\u6ce8 ").concat(this.props.info.reply,"\u56de\u590d\uff09\n")+this.props.replies.map(function(e){return(e.tag?"\u3010"+e.tag+"\u3011":"")+e.text}).join("\n"))}},{key:"render",value:function(){var e=this,t=this.props,n=t.parts||w(t.info.text,[["url_pid",E],["url",A],["pid",v],["nickname",_]]);return o.a.createElement("div",{className:"flow-item"+(t.is_quote?" flow-item-quote":"")},!!t.is_quote&&o.a.createElement("div",{className:"quote-tip black-outline"},o.a.createElement("div",null,o.a.createElement("span",{className:"icon icon-quote"})),o.a.createElement("div",null,o.a.createElement("small",null,"\u63d0\u5230"))),o.a.createElement("div",{className:"box"},!!window.LATEST_POST_ID&&parseInt(t.info.pid,10)>window.LATEST_POST_ID&&o.a.createElement("div",{className:"flow-item-dot"}),o.a.createElement("div",{className:"box-header"},!!this.props.do_filter_name&&o.a.createElement("span",{className:"reply-header-badge clickable",onClick:function(){e.props.do_filter_name("\u6d1e\u4e3b")}},o.a.createElement("span",{className:"icon icon-locate"})),!!parseInt(t.info.likenum,10)&&o.a.createElement("span",{className:"box-header-badge"},t.info.likenum,"\xa0",o.a.createElement("span",{className:"icon icon-"+(t.attention?"star-ok":"star")})),!!parseInt(t.info.reply,10)&&o.a.createElement("span",{className:"box-header-badge"},t.info.reply,"\xa0",o.a.createElement("span",{className:"icon icon-reply"})),o.a.createElement("code",{className:"box-id"},o.a.createElement("a",{href:"##"+t.info.pid,onClick:this.copy_link.bind(this)},"#",t.info.pid)),"\xa0",null!==t.info.tag&&o.a.createElement("span",{className:"box-header-tag"},t.info.tag),o.a.createElement(q,{stamp:t.info.timestamp})),o.a.createElement("div",{className:"box-content"},o.a.createElement(ue,{parts:n,color_picker:t.color_picker,show_pid:t.show_pid}),"image"===t.info.type&&o.a.createElement("p",{className:"img"},t.img_clickable?o.a.createElement("a",{className:"no-underline",href:et+t.info.url,target:"_blank"},o.a.createElement("img",{src:et+t.info.url})):o.a.createElement("img",{src:et+t.info.url})),"audio"===t.info.type&&o.a.createElement(Re,{src:"//api.thuhole.tech/services/thuhole/audios/"+t.info.url})),!(!t.attention||!t.info.variant.latest_reply)&&o.a.createElement("p",{className:"box-footer"},"\u6700\u65b0\u56de\u590d ",o.a.createElement(q,{stamp:t.info.variant.latest_reply}))))}}]),t}(a.PureComponent),rt=function(e){function t(e){var n;return Object(s.a)(this,t),(n=Object(c.a)(this,Object(u.a)(t).call(this,e))).state={attention:e.attention,info:e.info,replies:e.replies,loading_status:"done",error_msg:null,filter_name:null,rev:!1},n.color_picker=e.color_picker,n.syncState=e.sync_state||function(){},n.reply_ref=o.a.createRef(),n}return Object(d.a)(t,e),Object(l.a)(t,[{key:"set_variant",value:function(e,t){this.setState(function(n){return e?{replies:n.replies.map(function(n){return n.cid===e?Object.assign({},n,{variant:Object.assign({},n.variant,t)}):n})}:{info:Object.assign({},n.info,{variant:Object.assign({},n.info.variant,t)})}},function(){this.syncState({info:this.state.info,replies:this.state.replies})})}},{key:"load_replies",value:function(){var e=this,t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.setState({loading_status:"loading",error_msg:null}),ie.load_replies(this.state.info.pid,this.props.token,this.color_picker,null).then(function(n){e.setState(function(e,a){return{replies:n.data,info:t?Object.assign({},e.info,{reply:""+n.data.length}):e.info,attention:!!n.attention,loading_status:"done",error_msg:null}},function(){e.syncState({replies:e.state.replies,attention:e.state.attention,info:e.state.info}),e.state.replies.length&&e.set_variant(null,{latest_reply:Math.max.apply(null,e.state.replies.map(function(e){return parseInt(e.timestamp)}))})})}).catch(function(t){console.error(t),e.setState({replies:[],loading_status:"done",error_msg:""+t})})}},{key:"toggle_attention",value:function(){var e=this;this.setState({loading_status:"loading"});var t=!this.state.attention;ie.set_attention(this.state.info.pid,t,this.props.token).then(function(n){e.setState({loading_status:"done",attention:t}),e.syncState({attention:t})}).catch(function(t){e.setState({loading_status:"done"}),alert("\u8bbe\u7f6e\u5173\u6ce8\u5931\u8d25"),console.error(t)})}},{key:"report",value:function(){var e=prompt("\u4e3e\u62a5 #".concat(this.state.info.pid," \u7684\u7406\u7531\uff1a"));null!==e&&ie.report(this.state.info.pid,e,this.props.token).then(function(e){alert("\u4e3e\u62a5\u6210\u529f")}).catch(function(e){alert("\u4e3e\u62a5\u5931\u8d25"),console.error(e)})}},{key:"set_filter_name",value:function(e){this.setState(function(t){return{filter_name:e===t.filter_name?null:e}})}},{key:"toggle_rev",value:function(){this.setState(function(e){return{rev:!e.rev}})}},{key:"show_reply_bar",value:function(e,t){if(this.reply_ref.current&&!t.target.closest("a, .clickable")){var n=this.reply_ref.current.get();if(/^\s*(?:Re (?:|\u6d1e\u4e3b|(?:[A-Z][a-z]+ )?(?:[A-Z][a-z]+)|You Win(?: \d+)?):)?\s*$/.test(n)){var a="Re "+e+": ";a===this.reply_ref.current.get()?this.reply_ref.current.set(""):this.reply_ref.current.set(a)}}}},{key:"render",value:function(){var e=this;if("loading"===this.state.loading_status)return o.a.createElement("p",{className:"box box-tip"},"\u52a0\u8f7d\u4e2d\u2026\u2026");var t=at(this.props.show_sidebar,this.props.token),n=this.state.filter_name?this.state.replies.filter(function(t){return t.name===e.state.filter_name}):this.state.replies.slice();this.state.rev&&n.reverse();var a=(this.state.rev?"y-":"n-")+(this.state.filter_name||"null"),i=Object(p.a)({},"\u6d1e\u4e3b",1);n.forEach(function(e){void 0===i[e.name]&&(i[e.name]=0),i[e.name]++});var r=this.state.filter_name&&"\u6d1e\u4e3b"!==this.state.filter_name?null:o.a.createElement(me,{callback:function(t){e.show_reply_bar("",t)}},o.a.createElement(it,{info:this.state.info,attention:this.state.attention,img_clickable:!0,color_picker:this.color_picker,show_pid:t,replies:this.state.replies,set_variant:function(t){e.set_variant(null,t)},do_filter_name:i["\u6d1e\u4e3b"]>1?this.set_filter_name.bind(this):null}));return o.a.createElement("div",{className:"flow-item-row sidebar-flow-item"},o.a.createElement("div",{className:"box box-tip"},!!this.props.token&&o.a.createElement("span",null,o.a.createElement("a",{onClick:this.report.bind(this)},o.a.createElement("span",{className:"icon icon-flag"}),o.a.createElement("label",null,"\u4e3e\u62a5")),"\xa0\xa0"),o.a.createElement("a",{onClick:this.load_replies.bind(this)},o.a.createElement("span",{className:"icon icon-refresh"}),o.a.createElement("label",null,"\u5237\u65b0")),(this.state.replies.length>=1||this.state.rev)&&o.a.createElement("span",null,"\xa0\xa0",o.a.createElement("a",{onClick:this.toggle_rev.bind(this)},o.a.createElement("span",{className:"icon icon-order-rev"}),o.a.createElement("label",null,this.state.rev?"\u8fd8\u539f":"\u9006\u5e8f"))),!!this.props.token&&o.a.createElement("span",null,"\xa0\xa0",o.a.createElement("a",{onClick:function(){e.toggle_attention()}},this.state.attention?o.a.createElement("span",null,o.a.createElement("span",{className:"icon icon-star-ok"}),o.a.createElement("label",null,"\u5df2\u5173\u6ce8")):o.a.createElement("span",null,o.a.createElement("span",{className:"icon icon-star"}),o.a.createElement("label",null,"\u672a\u5173\u6ce8"))))),!!this.state.filter_name&&o.a.createElement("div",{className:"box box-tip flow-item filter-name-bar"},o.a.createElement("p",null,o.a.createElement("span",{style:{float:"left"}},o.a.createElement("a",{onClick:function(){e.set_filter_name(null)}},"\u8fd8\u539f")),o.a.createElement("span",{className:"icon icon-locate"}),"\xa0\u5f53\u524d\u53ea\u770b\xa0",o.a.createElement(ce,{colors:this.color_picker.get(this.state.filter_name)},this.state.filter_name))),!this.state.rev&&r,!!this.state.error_msg&&o.a.createElement("div",{className:"box box-tip flow-item"},o.a.createElement("p",null,"\u56de\u590d\u52a0\u8f7d\u5931\u8d25"),o.a.createElement("p",null,this.state.error_msg)),this.props.deletion_detect&&parseInt(this.state.info.reply)>this.state.replies.length&&!!this.state.replies.length&&o.a.createElement("div",{className:"box box-tip flow-item box-danger"},parseInt(this.state.info.reply)-this.state.replies.length," \u6761\u56de\u590d\u88ab\u5220\u9664"),n.map(function(n){return o.a.createElement(Ie,{key:n.cid+a,offset:1500,height:"5em",overflow:!0,once:!0},o.a.createElement(me,{callback:function(t){e.show_reply_bar(n.name,t)}},o.a.createElement(ot,{info:n,color_picker:e.color_picker,show_pid:t,set_variant:function(t){e.set_variant(n.cid,t)},do_filter_name:i[n.name]>1?e.set_filter_name.bind(e):null})))}),this.state.rev&&r,this.props.token?o.a.createElement(Je,{pid:this.state.info.pid,token:this.props.token,area_ref:this.reply_ref,on_complete:this.load_replies.bind(this)}):o.a.createElement("div",{className:"box box-tip flow-item"},"\u767b\u5f55\u540e\u53ef\u4ee5\u56de\u590d\u6811\u6d1e"))}}]),t}(a.PureComponent),st=function(e){function t(e){var n;return Object(s.a)(this,t),(n=Object(c.a)(this,Object(u.a)(t).call(this,e))).state={replies:[],reply_status:"done",reply_error:null,info:Object.assign({},e.info,{variant:{}}),attention:null!==e.attention_override&&e.attention_override},n.color_picker=new b,n}return Object(d.a)(t,e),Object(l.a)(t,[{key:"componentDidMount",value:function(){parseInt(this.state.info.reply,10)&&this.load_replies(null,!1)}},{key:"load_replies",value:function(e){var t=this,n=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];console.log("fetching reply",this.state.info.pid),this.setState({reply_status:"loading",reply_error:null}),ie.load_replies_with_cache(this.state.info.pid,this.props.token,this.color_picker,parseInt(this.state.info.reply)).then(function(a){t.setState(function(e,t){return{replies:a.data,info:Object.assign({},e.info,{reply:n?""+a.data.length:e.info.reply,variant:a.data.length?{latest_reply:Math.max.apply(null,a.data.map(function(e){return parseInt(e.timestamp)}))}:{}}),attention:!!a.attention,reply_status:"done",reply_error:null}},e)}).catch(function(n){console.error(n),t.setState({replies:[],reply_status:"failed",reply_error:""+n},e)})}},{key:"show_sidebar",value:function(){this.props.show_sidebar("\u6811\u6d1e #"+this.state.info.pid,o.a.createElement(rt,{key:+new Date,info:this.state.info,replies:this.state.replies,attention:this.state.attention,sync_state:this.setState.bind(this),token:this.props.token,show_sidebar:this.props.show_sidebar,color_picker:this.color_picker,deletion_detect:this.props.deletion_detect}))}},{key:"render",value:function(){var e=this,t=at(this.props.show_sidebar,this.props.token,this.state.info.pid),n=[["url_pid",E],["url",A],["pid",v],["nickname",_]];this.props.search_param&&n.push(["search",le(this.props.search_param," ","gi")]);var a=w(this.state.info.text,n),i=null;if(!this.props.is_quote){var r=!0,s=!1,l=void 0;try{for(var c,u=a[Symbol.iterator]();!(r=(c=u.next()).done);r=!0){var h=c.value,d=Object(m.a)(h,2),p=d[0],f=d[1];if(f=f.length>0?f.substring(1):f,"pid"===p&&-1===nt.indexOf(f)&&parseInt(f)10&&o.a.createElement("div",{className:"box box-tip"},"\u8fd8\u6709 ",this.state.replies.length-10," \u6761")));return i?o.a.createElement("div",null,g,o.a.createElement(lt,{pid:i,show_sidebar:this.props.show_sidebar,token:this.props.token,deletion_detect:this.props.deletion_detect})):g}}]),t}(a.PureComponent),lt=function(e){function t(e){var n;return Object(s.a)(this,t),(n=Object(c.a)(this,Object(u.a)(t).call(this,e))).state={loading_status:"empty",error_msg:null,info:null},n}return Object(d.a)(t,e),Object(l.a)(t,[{key:"componentDidMount",value:function(){this.load()}},{key:"load",value:function(){var e=this;this.setState({loading_status:"loading"},function(){ie.get_single(e.props.pid,e.props.token).then(function(t){e.setState({loading_status:"done",info:t.data})}).catch(function(t){-1!==(""+t).indexOf("\u6ca1\u6709\u8fd9\u6761\u6811\u6d1e")?e.setState({loading_status:"empty"}):e.setState({loading_status:"error",error_msg:""+t})})})}},{key:"render",value:function(){return"empty"===this.state.loading_status?null:"loading"===this.state.loading_status?o.a.createElement("div",{className:"aux-margin"},o.a.createElement("div",{className:"box box-tip"},o.a.createElement("span",{className:"icon icon-loading"}),"\u63d0\u5230\u4e86 #",this.props.pid)):"error"===this.state.loading_status?o.a.createElement("div",{className:"aux-margin"},o.a.createElement("div",{className:"box box-tip"},o.a.createElement("p",null,o.a.createElement("a",{onClick:this.load.bind(this)},"\u91cd\u65b0\u52a0\u8f7d")),o.a.createElement("p",null,this.state.error_msg))):o.a.createElement(st,{info:this.state.info,show_sidebar:this.props.show_sidebar,token:this.props.token,is_quote:!0,deletion_detect:this.props.deletion_detect})}}]),t}(a.PureComponent);function ct(e){return o.a.createElement(ze.Consumer,null,function(t){var n=t.value;return o.a.createElement("div",{className:"flow-chunk"},!!e.title&&o.a.createElement(Z,{text:e.title}),e.list.map(function(t,a){return o.a.createElement(Ie,{key:t.pid,offset:1500,height:"15em",hiddenIfInvisible:!0},o.a.createElement("div",null,!!(e.deletion_detect&&"list"===e.mode&&a&&e.list[a-1].pid-t.pid>1)&&o.a.createElement("div",{className:"flow-item-row"},o.a.createElement("div",{className:"box box-tip flow-item box-danger"},e.list[a-1].pid-t.pid-1," \u6761\u88ab\u5220\u9664")),o.a.createElement(st,{info:t,show_sidebar:e.show_sidebar,token:n,attention_override:"attention_finished"===e.mode||null,deletion_detect:e.deletion_detect,search_param:e.search_param})))}))})}var ut=function(e){function t(e){var n;return Object(s.a)(this,t),(n=Object(c.a)(this,Object(u.a)(t).call(this,e))).state={mode:e.mode,search_param:e.search_text,loaded_pages:0,chunks:{title:"",data:[]},loading_status:"done",error_msg:null},n.on_scroll_bound=n.on_scroll.bind(Object(h.a)(n)),window.LATEST_POST_ID=parseInt(localStorage._LATEST_POST_ID,10)||0,n}return Object(d.a)(t,e),Object(l.a)(t,[{key:"load_page",value:function(e){var t=this,n=function(e){console.error(e),t.setState(function(t,n){return{loaded_pages:t.loaded_pages-1,loading_status:"failed",error_msg:""+e}})};if(e>this.state.loaded_pages+1)throw new Error("bad page");if(e===this.state.loaded_pages+1){if(console.log("fetching page",e),"list"===this.state.mode)ie.get_list(e,this.props.token).then(function(n){if(1===e&&n.data.length){var a=-1;n.data.forEach(function(e){parseInt(e.pid,10)>a&&(a=parseInt(e.pid,10))}),localStorage._LATEST_POST_ID=""+a}t.setState(function(e,t){return{chunks:{title:"News Feed",data:e.chunks.data.concat(n.data.filter(function(t){return 0===e.chunks.data.length||!e.chunks.data.slice(-100).some(function(e){return e.pid===t.pid})}))},loading_status:"done"}})}).catch(n);else if("search"===this.state.mode)ie.get_search(e,this.state.search_param,this.props.token).then(function(e){var n=0===e.data.length;t.setState(function(a,o){return{chunks:{title:'Result for "'+t.state.search_param+'"',data:a.chunks.data.concat(e.data.filter(function(e){return 0===a.chunks.data.length||!a.chunks.data.slice(-100).some(function(t){return t.pid===e.pid})}))},mode:n?"search_finished":"search",loading_status:"done"}})}).catch(n);else if("single"===this.state.mode){var a=parseInt(this.state.search_param.substr(1),10);ie.get_single(a,this.props.token).then(function(e){t.setState({chunks:{title:"PID = "+a,data:[e.data]},mode:"single_finished",loading_status:"done"})}).catch(n)}else{if("attention"!==this.state.mode)return void console.log("nothing to load");ie.get_attention(this.props.token).then(function(e){t.setState({chunks:{title:"Attention List",data:e.data},mode:"attention_finished",loading_status:"done"})}).catch(n)}this.setState(function(e,t){return{loaded_pages:e.loaded_pages+1,loading_status:"loading",error_msg:null}})}}},{key:"on_scroll",value:function(e){e.target===document&&(document.body.scrollHeight-window.scrollY-window.innerHeight2&&o.a.createElement("a",{className:"no-underline",onClick:this.do_back_bound},"\xa0",o.a.createElement("span",{className:"icon icon-back"}),"\xa0"),t))}}]),t}(a.PureComponent),ft=n(24),gt=n.n(ft),bt=(n(52),function(e){function t(e){var n;return Object(s.a)(this,t),(n=Object(c.a)(this,Object(u.a)(t).call(this,e))).state={level:0,fired:!1},n.callback=e.callback,n.esc_interval=null,n}return Object(d.a)(t,e),Object(l.a)(t,[{key:"do_fire",value:function(){var e=this;this.esc_interval&&(clearInterval(this.esc_interval),this.esc_interval=null),this.setState({level:1,fired:!0}),this.callback(),window.setTimeout(function(){e.setState({level:0,fired:!1})},300)}},{key:"componentDidMount",value:function(){var e=this;window.config.pressure&&(gt.a.set(document.body,{change:function(t){e.state.fired||(t>=.999?e.do_fire():e.setState({level:t}))},end:function(){e.setState({level:0,fired:!1})}},{polyfill:!1,only:"touch",preventSelect:!1}),document.addEventListener("keydown",function(t){t.repeat||"Escape"!==t.key||(e.esc_interval&&clearInterval(e.esc_interval),e.setState({level:.2},function(){e.esc_interval=setInterval(function(){var t=e.state.level+.1;t>=.999?e.do_fire():e.setState({level:t})},30)}))}),document.addEventListener("keyup",function(t){"Escape"===t.key&&(e.esc_interval&&(clearInterval(e.esc_interval),e.esc_interval=null),e.setState({level:0}))}))}},{key:"render",value:function(){var e=25*(this.state.level-.4)-500;return o.a.createElement("div",{className:"pressure-box"+(this.state.fired?" pressure-box-fired":"")+(this.state.level<=1e-4?" pressure-box-empty":""),style:{left:e,right:e,top:e,bottom:e}})}}]),t}(a.Component));function vt(e){return o.a.createElement("div",{id:"global-hint-container",style:{display:"none"}})}var Et=function(e){function t(e){var n;return Object(s.a)(this,t),n=Object(c.a)(this,Object(u.a)(t).call(this,e)),Te(),function(e){function t(){(void 0===e?window.matchMedia("(prefers-color-scheme: dark)").matches:e)?document.body.classList.add("root-dark-mode"):document.body.classList.remove("root-dark-mode")}t(),window.matchMedia("(prefers-color-scheme: dark)").addListener(function(){t()})}({default:void 0,light:!1,dark:!0}[window.config.color_scheme]),n.state={sidebar_stack:[[null,null]],mode:"list",search_text:null,flow_render_key:+new Date,token:localStorage.TOKEN||null},n.show_sidebar_bound=n.show_sidebar.bind(Object(h.a)(n)),n.set_mode_bound=n.set_mode.bind(Object(h.a)(n)),n.on_pressure_bound=n.on_pressure.bind(Object(h.a)(n)),n.inpku_flag=-1!==window[atob("ZG9jdW1lbnQ")][atob("Y29va2ll")].indexOf(atob("cGt1X2lwX2ZsYWc9eWVz")),n}return Object(d.a)(t,e),Object(l.a)(t,[{key:"on_pressure",value:function(){this.state.sidebar_stack.length>1?this.show_sidebar(null,null,"clear"):this.set_mode("list",null)}},{key:"show_sidebar",value:function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"push";this.setState(function(a){var o=a.sidebar_stack.slice();if("push"===n)o.length>10&&o.splice(1,1),o=o.concat([[e,t]]);else if("pop"===n){if(1===o.length)return;o.pop()}else if("replace"===n)o.pop(),o=o.concat([[e,t]]);else{if("clear"!==n)throw new Error("bad show_sidebar mode");o=[[null,null]]}return{sidebar_stack:o}})}},{key:"set_mode",value:function(e,t){this.setState({mode:e,search_text:t,flow_render_key:+new Date})}},{key:"render",value:function(){var e=this;return o.a.createElement(ze.Provider,{value:{value:this.state.token,set_value:function(t){localStorage.TOKEN=t||"",e.setState({token:t})}}},o.a.createElement(bt,{callback:this.on_pressure_bound}),o.a.createElement("div",{className:"bg-img",style:Qe()}),o.a.createElement(pt,{show_sidebar:this.show_sidebar_bound,set_mode:this.set_mode_bound}),o.a.createElement(ze.Consumer,null,function(t){return o.a.createElement("div",{className:"left-container"},o.a.createElement(vt,{token:t.value}),!t.value&&o.a.createElement("div",{className:"flow-item-row aux-margin"},o.a.createElement("div",{className:"box box-tip"},o.a.createElement("p",null,o.a.createElement($,{token_callback:t.set_value},function(e){return o.a.createElement("a",{onClick:e},o.a.createElement("span",{className:"icon icon-login"}),"\xa0\u767b\u5f55\u5230 T\u5927\u6811\u6d1e")})))),(e.inpku_flag||t.value,o.a.createElement(ut,{key:e.state.flow_render_key,show_sidebar:e.show_sidebar_bound,mode:e.state.mode,search_text:e.state.search_text,token:t.value})),o.a.createElement("br",null))}),o.a.createElement(mt,{show_sidebar:this.show_sidebar_bound,stack:this.state.sidebar_stack}))}}],[{key:"is_darkmode",value:function(){return"dark"===window.config.color_scheme||"light"!==window.config.color_scheme&&window.matchMedia("(prefers-color-scheme: dark)").matches}}]),t}(a.Component),_t=Boolean("localhost"===window.location.hostname||"[::1]"===window.location.hostname||window.location.hostname.match(/^127(?:\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/));function At(e){navigator.serviceWorker.register(e).then(function(e){e.onupdatefound=function(){var t=e.installing;t.onstatechange=function(){"installed"===t.state&&(navigator.serviceWorker.controller?console.log("New content is available; please refresh."):console.log("Content is cached for offline use."))}}}).catch(function(e){console.error("Error during service worker registration:",e)})}r.a.render(o.a.createElement(Et,null),document.getElementById("root")),function(){if("serviceWorker"in navigator){if(new URL("//cdn.jsdelivr.net/gh/thuhole/thuhole.github.io",window.location).origin!==window.location.origin)return;window.addEventListener("load",function(){var e="".concat("//cdn.jsdelivr.net/gh/thuhole/thuhole.github.io","/service-worker.js");_t?(!function(e){fetch(e).then(function(t){404===t.status||-1===t.headers.get("content-type").indexOf("javascript")?navigator.serviceWorker.ready.then(function(e){e.unregister().then(function(){window.location.reload()})}):At(e)}).catch(function(){console.log("No internet connection found. App is running in offline mode.")})}(e),navigator.serviceWorker.ready.then(function(){console.log("This web app is being served cache-first by a service worker. To learn more, visit https://goo.gl/SC7cgQ")})):At(e)})}}()}],[[25,1,2]]]);
-//# sourceMappingURL=main.8fc3b68f.chunk.js.map
\ No newline at end of file
diff --git a/static/js/runtime~main.2e7320a3.js b/static/js/runtime~main.a9c024a1.js
similarity index 59%
rename from static/js/runtime~main.2e7320a3.js
rename to static/js/runtime~main.a9c024a1.js
index a7abed49..6f0be6a6 100644
--- a/static/js/runtime~main.2e7320a3.js
+++ b/static/js/runtime~main.a9c024a1.js
@@ -1,2 +1,2 @@
-!function(e){function r(r){for(var n,l,i=r[0],f=r[1],a=r[2],c=0,s=[];c
{e.preventDefault();e.target.click();}} />\r\n
\r\n );\r\n }\r\n}","import React, {Component} from 'react';\r\nimport Pressure from 'pressure';\r\n\r\nimport './PressureHelper.css';\r\n\r\nconst THRESHOLD=.4;\r\nconst MULTIPLIER=25;\r\nconst BORDER_WIDTH=500; // also change css!\r\n\r\nexport class PressureHelper extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state={\r\n level: 0,\r\n fired: false,\r\n };\r\n this.callback=props.callback;\r\n this.esc_interval=null;\r\n }\r\n\r\n do_fire() {\r\n if(this.esc_interval) {\r\n clearInterval(this.esc_interval);\r\n this.esc_interval=null;\r\n }\r\n this.setState({\r\n level: 1,\r\n fired: true,\r\n });\r\n this.callback();\r\n window.setTimeout(()=>{\r\n this.setState({\r\n level: 0,\r\n fired: false,\r\n });\r\n },300);\r\n }\r\n\r\n componentDidMount() {\r\n if(window.config.pressure) {\r\n Pressure.set(document.body, {\r\n change: (force)=>{\r\n if(!this.state.fired) {\r\n if(force>=.999) {\r\n this.do_fire();\r\n }\r\n else\r\n this.setState({\r\n level: force,\r\n });\r\n }\r\n },\r\n end: ()=>{\r\n this.setState({\r\n level: 0,\r\n fired: false,\r\n });\r\n },\r\n }, {\r\n polyfill: false,\r\n only: 'touch',\r\n preventSelect: false,\r\n });\r\n\r\n document.addEventListener('keydown',(e)=>{\r\n if(!e.repeat && e.key==='Escape') {\r\n if(this.esc_interval)\r\n clearInterval(this.esc_interval);\r\n this.setState({\r\n level: THRESHOLD/2,\r\n },()=>{\r\n this.esc_interval=setInterval(()=>{\r\n let new_level=this.state.level+.1;\r\n if(new_level>=.999)\r\n this.do_fire();\r\n else\r\n this.setState({\r\n level: new_level,\r\n });\r\n },30);\r\n });\r\n }\r\n });\r\n document.addEventListener('keyup',(e)=>{\r\n if(e.key==='Escape') {\r\n if(this.esc_interval) {\r\n clearInterval(this.esc_interval);\r\n this.esc_interval=null;\r\n }\r\n this.setState({\r\n level: 0,\r\n });\r\n }\r\n });\r\n }\r\n }\r\n\r\n render() {\r\n const pad=MULTIPLIER*(this.state.level-THRESHOLD)-BORDER_WIDTH;\r\n return (\r\n \r\n )\r\n }\r\n}","import React, {Component} from 'react';\r\nimport {Flow} from './Flows';\r\nimport {Title} from './Title';\r\nimport {Sidebar} from './Sidebar';\r\nimport {PressureHelper} from './PressureHelper';\r\nimport {TokenCtx} from './UserAction';\r\nimport {load_config,bgimg_style} from './Config';\r\nimport {listen_darkmode} from './infrastructure/functions';\r\nimport {LoginPopup, TitleLine} from './infrastructure/widgets';\r\n\r\nconst MAX_SIDEBAR_STACK_SIZE=10;\r\n\r\nfunction DeprecatedAlert(props) {\r\n return (\r\n \r\n );\r\n}\r\n\r\nclass App extends Component {\r\n constructor(props) {\r\n super(props);\r\n load_config();\r\n listen_darkmode({default: undefined, light: false, dark: true}[window.config.color_scheme]);\r\n this.state={\r\n sidebar_stack: [[null,null]], // list of [status, content]\r\n mode: 'list', // list, single, search, attention\r\n search_text: null,\r\n flow_render_key: +new Date(),\r\n token: localStorage['TOKEN']||null,\r\n };\r\n this.show_sidebar_bound=this.show_sidebar.bind(this);\r\n this.set_mode_bound=this.set_mode.bind(this);\r\n this.on_pressure_bound=this.on_pressure.bind(this);\r\n // a silly self-deceptive approach to ban guests, enough to fool those muggles\r\n // document cookie 'pku_ip_flag=yes'\r\n this.inpku_flag=window[atob('ZG9jdW1lbnQ')][atob('Y29va2ll')].indexOf(atob('cGt1X2lwX2ZsYWc9eWVz'))!==-1;\r\n }\r\n\r\n static is_darkmode() {\r\n if(window.config.color_scheme==='dark') return true;\r\n if(window.config.color_scheme==='light') return false;\r\n else { // 'default'\r\n return window.matchMedia('(prefers-color-scheme: dark)').matches;\r\n }\r\n }\r\n\r\n on_pressure() {\r\n if(this.state.sidebar_stack.length>1)\r\n this.show_sidebar(null,null,'clear');\r\n else\r\n this.set_mode('list',null);\r\n }\r\n\r\n show_sidebar(title,content,mode='push') {\r\n this.setState((prevState)=>{\r\n let ns=prevState.sidebar_stack.slice();\r\n if(mode==='push') {\r\n if(ns.length>MAX_SIDEBAR_STACK_SIZE)\r\n ns.splice(1,1);\r\n ns=ns.concat([[title,content]]);\r\n } else if(mode==='pop') {\r\n if(ns.length===1) return;\r\n ns.pop();\r\n } else if(mode==='replace') {\r\n ns.pop();\r\n ns=ns.concat([[title,content]]);\r\n } else if(mode==='clear') {\r\n ns=[[null,null]];\r\n } else\r\n throw new Error('bad show_sidebar mode');\r\n return {\r\n sidebar_stack: ns,\r\n };\r\n });\r\n }\r\n\r\n set_mode(mode,search_text) {\r\n this.setState({\r\n mode: mode,\r\n search_text: search_text,\r\n flow_render_key: +new Date(),\r\n });\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n {cur_content}\r\n
\r\n \r\n \r\n
\r\n
\r\n )}\r\n
\r\n }\r\n {this.inpku_flag||token.value||true ?\r\n \r\n
\r\n \r\n
\r\n