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