'+fe.a.highlight(t,e,!0).value+"'+ge.utils.escapeHtml(e)+"'+fe.a.highlight(t,e,!0).value+"'+ge.utils.escapeHtml(e)+"\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 recaptcha_verified: false\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.recaptcha_verified) {\n alert(\"reCAPTCHA风控系统正在评估您的浏览器安全状态，请稍后重试。\")\n return\n }\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 +\"&recaptcha_token=\"+localStorage[\"recaptcha\"]\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 \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 This site is protected by reCAPTCHA and the Google
\n \n
\n' +\n hljs.highlight(lang, str, true).value +\n '' + md.utils.escapeHtml(str) + '\n {this.props.parts.map((part, idx) => {\n let [rule, p] = part;\n return (\n \n {rule === 'url_pid' ? (\n \n /##\n \n ) : rule === 'url' ? (\n \n {p}\n \n ) : rule === 'pid' ? (\n {\n e.preventDefault();\n this.props.show_pid(p.substring(1));\n }}\n >\n {p}\n \n ) : rule === 'nickname' ? (\n \n {p}\n \n ) : rule === 'search' ? (\n {p}\n ) : (\n p\n )}\n \n );\n })}\n \n );\n }\n}\n\n// props: text, show_pid, color_picker\nexport class HighlightedMarkdown extends Component {\n render() {\n const props = this.props;\n const processDefs = new HtmlToReact.ProcessNodeDefinitions(React);\n const processInstructions = [\n {\n shouldProcessNode: (node) => node.name === 'img', // disable images\n processNode(node, children, index) {\n return [图片]
;\n },\n },\n {\n shouldProcessNode: (node) => /^h[123456]$/.test(node.name),\n processNode(node, children, index) {\n let currentLevel = +node.name[1];\n if (currentLevel < 3) currentLevel = 3;\n const HeadingTag = `h${currentLevel}`;\n return \n \n 用 Safari 把树洞 添加到主屏幕 更好用\n
\n ) : null;\n // noinspection JSConstructorReturnsPrimitive\n else\n return pwa_prompt_event ? (\n \n \n 把网页版树洞{' '}\n \n {\n if (pwa_prompt_event) pwa_prompt_event.prompt();\n }}\n >\n 安装到桌面\n \n {' '}\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 =\n Math.abs((e.touches ? e.touches[0] : e).screenY - this.state.init_y) +\n 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) 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 {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 加载音频\n
\n );\n if (this.state.state === 'loading') return正在下载……
;\n else if (this.state.state === 'decoding') return正在解码……
;\n else if (this.state.state === 'loaded')\n return (\n\n \n
\n );\n }\n}\n","import React, { 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 {\n loading_status: 'loading',\n },\n () => {\n fetch(\n THUHOLE_API_ROOT +\n 'api_xmcp/hole/system_msg?user_token=' +\n encodeURIComponent(this.props.token) +\n API_VERSION_PARAM(),\n )\n .then(get_json)\n .then((json) => {\n if (json.error) 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 else if (this.state.loading_status === 'failed')\n return (\n\n {\n this.load();\n }}\n >\n 重新加载\n \n
\n );\n else if (this.state.loading_status === 'done')\n return this.state.msg.map((msg) => (\n \n
\n ));\n else return null;\n }\n}\n","import React, { PureComponent } from 'react';\n\nimport './Config.css';\n\nconst BUILTIN_IMGS = {\n 'https://cdn.jsdelivr.net/gh/thuhole/webhole@gh-pages/static/bg/gbp.jpg':\n '寻觅繁星（默认）',\n 'https://cdn.jsdelivr.net/gh/thuhole/webhole@gh-pages/static/bg/eriri.jpg':\n '平成著名画师',\n 'https://cdn.jsdelivr.net/gh/thuhole/webhole@gh-pages/static/bg/yurucamp.jpg':\n '露营天下第一',\n 'https://cdn.jsdelivr.net/gh/thuhole/webhole@gh-pages/static/bg/minecraft.jpg':\n '麦恩·库拉夫特',\n 'https://cdn.jsdelivr.net/gh/thuhole/webhole@gh-pages/static/bg/cyberpunk.jpg':\n '赛博城市',\n 'https://cdn.jsdelivr.net/gh/thuhole/webhole@gh-pages/static/bg/bj.jpg':\n '城市的星光',\n 'https://cdn.jsdelivr.net/gh/thuhole/webhole@gh-pages/static/bg/sif.jpg':\n '梦开始的地方',\n};\n\nconst DEFAULT_CONFIG = {\n background_img:\n 'https://cdn.jsdelivr.net/gh/thuhole/webhole@gh-pages/static/bg/gbp.jpg',\n background_color: '#113366',\n pressure: false,\n easter_egg: true,\n color_scheme: 'default',\n fold: true,\n block_words: [],\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) 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 {\n img: value === '##other' ? '' : value === '##color' ? null : value,\n },\n this.save_changes.bind(this),\n );\n }\n on_change_img(e) {\n this.setState(\n {\n img: e.target.value,\n },\n this.save_changes.bind(this),\n );\n }\n on_change_color(e) {\n this.setState(\n {\n color: e.target.value,\n },\n this.save_changes.bind(this),\n );\n }\n\n render() {\n let img_select =\n this.state.img === null\n ? '##color'\n : Object.keys(BUILTIN_IMGS).indexOf(this.state.img) === -1\n ? '##other'\n : this.state.img;\n return (\n \n \n {msg.title}\n
\n \n
\n {msg.content}\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 {\n color_scheme: value,\n },\n this.save_changes.bind(this),\n );\n }\n\n render() {\n return (\n \n 背景图片：\n
\n
\n );\n }\n}\n\nclass ConfigTextArea extends PureComponent {\n constructor(props) {\n super(props);\n this.state = {\n [props.id]: window.config[props.id],\n };\n }\n\n save_changes() {\n this.props.callback({\n [this.props.id]: this.props.sift(this.state[this.props.id]),\n });\n }\n\n on_change(e) {\n let value = this.props.parse(e.target.value);\n this.setState(\n {\n [this.props.id]: value,\n },\n this.save_changes.bind(this),\n );\n }\n\n render() {\n return (\n \n 夜间模式：\n
\n 选择浅色或深色模式，深色模式下将会调暗图片亮度\n
\n\n \n
\n );\n }\n}\n\n/* class ConfigBlockWords extends PureComponent {\n constructor(props) {\n super(props);\n this.state = {\n block_words: window.config.block_words,\n };\n }\n\n save_changes() {\n this.props.callback({\n block_words: this.state.block_words.filter((v) => v),\n });\n }\n\n on_change(e) {\n // Filter out those blank lines\n let value = e.target.value.split('\\n');\n this.setState(\n {\n block_words: value,\n },\n this.save_changes.bind(this),\n );\n }\n\n render() {\n return (\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 {\n switch: val,\n },\n () => {\n this.props.callback({\n [this.props.id]: val,\n });\n },\n );\n }\n\n render() {\n return (\n \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{this.props.description}
\n\n
\n );\n }\n}\n","import React, { Component } from 'react';\nimport {\n API_BASE,\n SafeTextarea,\n PromotionBar,\n HighlightedMarkdown,\n} from './Common';\nimport { MessageViewer } from './Message';\nimport { LoginPopup } from './infrastructure/widgets';\nimport { ColorPicker } from './color_picker';\nimport { ConfigUI } from './Config';\nimport fixOrientation from 'fix-orientation';\nimport copy from 'copy-to-clipboard';\nimport { cache } from './cache';\nimport {\n API_VERSION_PARAM,\n THUHOLE_API_ROOT,\n API,\n get_json,\n token_param,\n} 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 \n 这些功能仍在测试，可能不稳定（\n 全部重置）\n
\n\n \n 修改设置后{' '}\n
\n
\n
\n {/* array.join('\\n')}\n sift={(array) => array.filter((v) => v)}\n parse={(string) => string.split('\\n')}\n />\n
\n
\n
\n
\n
\n \n
\n {/*
\n
\n
\n
\n
\n 新功能建议或问题反馈请在 \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 (\n window.confirm(\n '您正在重置 UserToken！\\n您的账号将会在【所有设备】上注销，您需要手动重新登录！',\n )\n ) {\n let uid = window.prompt(\n '您正在重置 UserToken！\\n请输入您的学号以确认身份：',\n );\n if (uid)\n this.setState(\n {\n loading_status: 'loading',\n },\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) throw new Error(json.error);\n else 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\n render() {\n if (this.state.loading_status === 'done')\n return 重置;\n else if (this.state.loading_status === 'loading')\n return (\n \n \n \n );\n }\n}\n\nexport class LoginForm extends Component {\n copy_token(token) {\n if (copy(token)) alert('复制成功！\\n请一定不要泄露哦');\n }\n\n render() {\n return (\n \n {\n props.show_sidebar('设置', \n \n \n \n
\n \n
\n \n
\n
\n 联系我们：thuhole at protonmail dot com
\n\n
\n \n T大树洞 网页版 by @thuhole， 基于 \n
\n T大树洞 网页版的诞生离不开 \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 (at\n your option) any later version.\n
\n\n This program is distributed in the hope that it will be useful, but\n WITHOUT ANY WARRANTY; without even the implied warranty of\n MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the \n
\n {/*{!!token.value &&*/}\n {/*
\n )}\n \n {token.value ? (\n \n {(do_popup) => (\n \n )}\n
\n \n
\n ) : (\n \n 您已登录。\n
\n
*/}\n {/*根据计算中心要求，访问授权三个月内有效，过期需重新登录。*/}\n {/*T大树洞将会单向加密(i.e. 哈希散列)您的邮箱后再存入数据库，因此您的发帖具有较强的匿名性。具体可见我们的后端开源代码。*/}\n {/*
*/}\n\n
\n 当您发送的内容违规时，我们将用系统消息提示您\n
\n \n 复制 User Token\n \n
\n 复制 User Token\n 可以在新设备登录，切勿告知他人。若怀疑被盗号请重新邮箱验证码登录以重置Token。\n {/*，若怀疑被盗号请尽快
\n
\n )}\n \n \n
\n\n \n T大树洞\n 面向T大学生，通过T大邮箱验证您的身份并提供服务。\n \n
\n\n {}}\n />\n
\n ) : (\n 正在加载 #{pid}
,\n replace ? 'replace' : 'push',\n );\n try {\n let single = await API.get_single(pid, token);\n single.data.variant = {};\n let { data: replies } = await API.load_replies_with_cache(\n pid,\n token,\n color_picker,\n parseInt(single.data.reply),\n );\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 const replyContent = this.props.info.text;\n const splitIdx = replyContent.indexOf(']');\n\n const author = replyContent.substr(0, splitIdx + 1),\n replyText = replyContent.substr(splitIdx + 2);\n return (\n \n load_single_meta(show_sidebar, token)(pid, true)}>\n 重新加载\n \n
\n{'' + e}
\n\n {\n this.props.do_filter_name(this.props.info.name);\n }}\n >\n \n \n )}\n \n {this.props.info.tag !== null && (\n {this.props.info.tag}\n )}\n \n
\n #{this.props.info.cid}\n {!!this.props.do_filter_name && (\n \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}${\n this.props.info.tag ? ' 【' + this.props.info.tag + '】' : ''\n }\\n` +\n `${this.props.info.text}${\n this.props.info.type === 'image'\n ? ' [图片]'\n : this.props.info.type === 'audio'\n ? ' [语音]'\n : ''\n }\\n` +\n `（${format_time(new Date(this.props.info.timestamp * 1000))} ${\n this.props.info.likenum\n }关注 ${this.props.info.reply}回复）\\n` +\n this.props.replies\n .map((r) => (r.tag ? '【' + r.tag + '】' : '') + r.text)\n .join('\\n'),\n );\n }\n\n render() {\n let props = this.props;\n return (\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(\n (prev) => {\n if (cid)\n return {\n replies: prev.replies.map((reply) => {\n if (reply.cid === cid)\n return Object.assign({}, reply, {\n variant: Object.assign({}, reply.variant, variant),\n });\n else return reply;\n }),\n };\n else\n return {\n info: Object.assign({}, prev.info, {\n variant: Object.assign({}, prev.info.variant, variant),\n }),\n };\n },\n function () {\n this.syncState({\n info: this.state.info,\n replies: this.state.replies,\n });\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(\n this.state.info.pid,\n this.props.token,\n this.color_picker,\n null,\n )\n .then((json) => {\n this.setState(\n (prev, props) => ({\n replies: json.data,\n info: update_count\n ? Object.assign({}, prev.info, {\n reply: '' + json.data.length,\n })\n : prev.info,\n attention: !!json.attention,\n loading_status: 'done',\n error_msg: null,\n }),\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, {\n latest_reply: Math.max.apply(\n null,\n this.state.replies.map((r) => parseInt(r.timestamp)),\n ),\n });\n },\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) => ({ rev: !prevState.rev }), forceCheck);\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 (\n /^\\s*(?:Re (?:|洞主|(?:[A-Z][a-z]+ )?(?:[A-Z][a-z]+)|You Win(?: \\d+)?):)?\\s*$/.test(\n text,\n )\n ) {\n // 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 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 {/**/}\n {/* 提到*/}\n {/*
*/}\n \n {!!window.LATEST_POST_ID &&\n parseInt(props.info.pid, 10) > window.LATEST_POST_ID && (\n \n )}\n {!!this.props.attention && !this.props.cached && (\n \n )}\n
\n \n {!!this.props.do_filter_name && (\n {\n this.props.do_filter_name(DZ_NAME);\n }}\n >\n \n \n )}\n {!!parseInt(props.info.likenum, 10) && (\n \n {props.info.likenum} \n
\n \n \n #{props.info.pid}\n \n \n \n {props.info.tag !== null && props.info.tag !== '折叠' && (\n {props.info.tag}\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\n ? this.state.replies.filter((r) => r.name === this.state.filter_name)\n : this.state.replies.slice();\n if (this.state.rev) replies_to_show.reverse();\n\n // may not need key, for performance\n // key for lazyload elem\n // let view_mode_key =\n // (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) replies_cnt[r.name] = 0;\n replies_cnt[r.name]++;\n });\n\n // hide main thread when filtered\n let main_thread_elem =\n this.state.filter_name && this.state.filter_name !== DZ_NAME ? null : (\n\n \n {\n this.show_reply_bar(reply.name, e);\n }}\n >\n {\n this.set_variant(reply.cid, variant);\n }}\n do_filter_name={\n replies_cnt[reply.name] > 1\n ? this.set_filter_name.bind(this)\n : null\n }\n />\n \n \n ))}\n {this.state.rev && main_thread_elem}\n {this.props.token ? (\n
\n );\n }\n}\n\nclass FlowItemRow extends PureComponent {\n constructor(props) {\n super(props);\n this.needFold =\n FOLD_TAGS.indexOf(props.info.tag) > -1 &&\n (props.search_param === '热榜' || !props.search_param) &&\n window.config.fold &&\n props.mode !== 'attention' && props.mode !== 'attention_finished';\n this.state = {\n replies: [],\n reply_status: 'done',\n reply_error: null,\n info: Object.assign({}, props.info, { variant: {} }),\n hidden: window.config.block_words.some((word) =>\n props.info.text.includes(word),\n ) || this.needFold,\n attention:\n props.attention_override === null ? false : props.attention_override,\n cached: true, // default no display anything\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 // reveal() {\n // this.setState({ hidden: false });\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(\n this.state.info.pid,\n this.props.token,\n this.color_picker,\n parseInt(this.state.info.reply),\n )\n .then(({ data: json, cached }) => {\n this.setState(\n (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 ? {\n latest_reply: Math.max.apply(\n null,\n json.data.map((r) => parseInt(r.timestamp)),\n ),\n }\n : {},\n }),\n attention: !!json.attention,\n reply_status: 'done',\n reply_error: null,\n cached,\n }),\n callback,\n );\n })\n .catch((e) => {\n console.error(e);\n this.setState(\n {\n replies: [],\n reply_status: 'failed',\n reply_error: '' + e,\n },\n callback,\n );\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 \n \n {(this.state.replies.length >= 1 || this.state.rev) && (\n \n \n \n \n \n \n \n )}\n {!!this.props.token && (\n \n \n {\n this.toggle_attention();\n }}\n >\n {this.state.attention ? (\n \n \n \n \n ) : (\n \n \n \n \n )}\n \n \n )}\n
\n {!!this.state.filter_name && (\n \n
\n )}\n {!this.state.rev && main_thread_elem}\n {!!this.state.error_msg && (\n \n \n
\n
\n )}\n {this.props.deletion_detect &&\n parseInt(this.state.info.reply) > this.state.replies.length &&\n !!this.state.replies.length && (\n 回复加载失败
\n{this.state.error_msg}
\n\n {parseInt(this.state.info.reply) - this.state.replies.length}{' '}\n 条回复被删除\n
\n )}\n {replies_to_show.map((reply, i) => (\n 登录后可以回复树洞
\n )}\n \n {this.state.reply_status === 'loading' && (\n
\n \n );\n\n if (this.state.hidden) {\n return (\n 加载中
\n )}\n {this.state.reply_status === 'failed' && (\n \n
\n )}\n {this.state.replies.slice(0, PREVIEW_REPLY_COUNT).map((reply) => (\n \n
{this.state.reply_error}
\n\n 还有 {this.state.replies.length - PREVIEW_REPLY_COUNT} 条\n
\n )}\n \n
\n )}\n \n \n
\n {/**/}\n {/* 提到*/}\n {/*
*/}\n \n
\n \n \n );\n }\n\n return quote_id ? (\n \n {!!this.props.do_filter_name && (\n {\n this.props.do_filter_name(DZ_NAME);\n }}\n >\n \n \n )}\n
\n #{this.props.info.pid}\n \n {this.props.info.tag !== null && this.props.info.tag !== '折叠' && (\n {this.props.info.tag}\n )}\n \n {this.needFold ? '已隐藏' : '已屏蔽'}\n \n \n {res}\n
\n ) : (\n res\n );\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 {\n loading_status: 'loading',\n },\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\n render() {\n if (this.state.loading_status === 'empty') 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 // 'done'\n else\n return (\n \n
\n \n 重新加载\n
\n{this.state.error_msg}
\n\n {!!props.title && \n
\n )}\n \n {!!(\n props.deletion_detect &&\n props.mode === 'list' &&\n ind &&\n props.list[ind - 1].pid - info.pid > 1\n ) && (\n
\n \n ))}\n \n
\n )}\n \n {props.list[ind - 1].pid - info.pid - 1} 条被删除\n
\n \n \n \n Loading...\n \n ) : (\n '© thuhole'\n )\n }\n />\n
\n );\n }\n}\n","import React, { PureComponent } from 'react';\n// import {AppSwitcher} from './infrastructure/widgets';\nimport { InfoSidebar, PostForm } from './UserAction';\nimport { TokenCtx } from './UserAction';\n\nimport './Title.css';\n\nconst flag_re = /^\\/\\/setflag ([a-zA-Z0-9_]+)=(.*)$/;\n\nclass ControlBar extends PureComponent {\n constructor(props) {\n super(props);\n this.state = {\n search_text: '',\n };\n this.set_mode = props.set_mode;\n\n this.on_change_bound = this.on_change.bind(this);\n this.on_keypress_bound = this.on_keypress.bind(this);\n this.do_refresh_bound = this.do_refresh.bind(this);\n this.do_attention_bound = this.do_attention.bind(this);\n }\n\n componentDidMount() {\n if (window.location.hash) {\n let text = decodeURIComponent(window.location.hash).substr(1);\n if (text.lastIndexOf('?') !== -1)\n text = text.substr(0, text.lastIndexOf('?')); // fuck wechat '#param?nsukey=...'\n this.setState(\n {\n search_text: text,\n },\n () => {\n this.on_keypress({ key: 'Enter' });\n },\n );\n }\n }\n\n on_change(event) {\n this.setState({\n search_text: event.target.value,\n });\n }\n\n on_keypress(event) {\n if (event.key === 'Enter') {\n let flag_res = flag_re.exec(this.state.search_text);\n if (flag_res) {\n if (flag_res[2]) {\n localStorage[flag_res[1]] = flag_res[2];\n alert(\n 'Set Flag ' +\n flag_res[1] +\n '=' +\n flag_res[2] +\n '\\nYou may need to refresh this webpage.',\n );\n } else {\n delete localStorage[flag_res[1]];\n alert(\n 'Clear Flag ' +\n flag_res[1] +\n '\\nYou may need to refresh this webpage.',\n );\n }\n return;\n }\n\n const mode = this.state.search_text.startsWith('#')\n ? 'single'\n : this.props.mode !== 'attention'\n ? 'search'\n : 'attention';\n this.set_mode(mode, this.state.search_text || '');\n }\n }\n\n do_refresh() {\n window.scrollTo(0, 0);\n this.setState({\n search_text: '',\n });\n this.set_mode('list', null);\n }\n\n do_attention() {\n window.scrollTo(0, 0);\n this.setState({\n search_text: '',\n });\n this.set_mode('attention', null);\n }\n\n render() {\n return (\n \n
\n )}\n \n
\n \n
{this.state.error_msg}
\n\n \n \n 最新\n \n {!!token && (\n \n \n 关注\n \n )}\n {\n this.props.show_sidebar(\n 'T大树洞',\n {\n this.props.show_sidebar(\n '发表树洞',\n {\n this.props.show_sidebar(null, null, 'clear');\n this.do_refresh();\n }}\n />,\n );\n }}\n >\n \n 发表\n \n )}\n
\n )}\n \n {/*
\n );\n}\n","import React, { 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 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 // hide old contents to remember state\n let contents = this.props.stack.map(\n ({ 1: content }, i) =>\n content && (\n \n
\n \n
\n \n
{contents}
\n \n \n \n \n \n \n {this.props.stack.length > 2 && (\n \n \n \n \n \n )}\n {cur_title}\n
\n \n );\n }\n}\n","import React, { Component } from 'react';\nimport Pressure from 'pressure';\n\nimport './PressureHelper.css';\n\nconst THRESHOLD = 0.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(\n document.body,\n {\n change: (force) => {\n if (!this.state.fired) {\n if (force >= 0.999) {\n this.do_fire();\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 {\n polyfill: false,\n only: 'touch',\n preventSelect: false,\n },\n );\n\n document.addEventListener('keydown', (e) => {\n if (!e.repeat && e.key === 'Escape') {\n if (this.esc_interval) clearInterval(this.esc_interval);\n this.setState(\n {\n level: THRESHOLD / 2,\n },\n () => {\n this.esc_interval = setInterval(() => {\n let new_level = this.state.level + 0.1;\n if (new_level >= 0.999) this.do_fire();\n else\n this.setState({\n level: new_level,\n });\n }, 30);\n },\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 )}\n \n
\n )}\n {this.inthu_flag || token.value ? (\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 recaptcha_verified: false\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.recaptcha_verified) {\n alert(\"reCAPTCHA风控系统正在评估您的浏览器安全状态，请稍后重试。\")\n return\n }\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 +\"&recaptcha_token=\"+localStorage[\"recaptcha\"]\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 \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 This site is protected by reCAPTCHA and the Google
\n \n
\n' +\n hljs.highlight(lang, str, true).value +\n '' + md.utils.escapeHtml(str) + '\n {this.props.parts.map((part, idx) => {\n let [rule, p] = part;\n return (\n \n {rule === 'url_pid' ? (\n \n /##\n \n ) : rule === 'url' ? (\n \n {p}\n \n ) : rule === 'pid' ? (\n {\n e.preventDefault();\n this.props.show_pid(p.substring(1));\n }}\n >\n {p}\n \n ) : rule === 'nickname' ? (\n \n {p}\n \n ) : rule === 'search' ? (\n {p}\n ) : (\n p\n )}\n \n );\n })}\n \n );\n }\n}\n\n// props: text, show_pid, color_picker\nexport class HighlightedMarkdown extends Component {\n render() {\n const props = this.props;\n const processDefs = new HtmlToReact.ProcessNodeDefinitions(React);\n const processInstructions = [\n {\n shouldProcessNode: (node) => node.name === 'img', // disable images\n processNode(node, children, index) {\n return [图片]
;\n },\n },\n {\n shouldProcessNode: (node) => /^h[123456]$/.test(node.name),\n processNode(node, children, index) {\n let currentLevel = +node.name[1];\n if (currentLevel < 3) currentLevel = 3;\n const HeadingTag = `h${currentLevel}`;\n return \n \n 用 Safari 把树洞 添加到主屏幕 更好用\n
\n ) : null;\n // noinspection JSConstructorReturnsPrimitive\n else\n return pwa_prompt_event ? (\n \n \n 把网页版树洞{' '}\n \n {\n if (pwa_prompt_event) pwa_prompt_event.prompt();\n }}\n >\n 安装到桌面\n \n {' '}\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 =\n Math.abs((e.touches ? e.touches[0] : e).screenY - this.state.init_y) +\n 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) 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 {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 加载音频\n
\n );\n if (this.state.state === 'loading') return正在下载……
;\n else if (this.state.state === 'decoding') return正在解码……
;\n else if (this.state.state === 'loaded')\n return (\n\n \n
\n );\n }\n}\n","import React, { 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 {\n loading_status: 'loading',\n },\n () => {\n fetch(\n THUHOLE_API_ROOT +\n 'api_xmcp/hole/system_msg?user_token=' +\n encodeURIComponent(this.props.token) +\n API_VERSION_PARAM(),\n )\n .then(get_json)\n .then((json) => {\n if (json.error) 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 else if (this.state.loading_status === 'failed')\n return (\n\n {\n this.load();\n }}\n >\n 重新加载\n \n
\n );\n else if (this.state.loading_status === 'done')\n return this.state.msg.map((msg) => (\n \n
\n ));\n else return null;\n }\n}\n","import React, { PureComponent } from 'react';\n\nimport './Config.css';\n\nconst BUILTIN_IMGS = {\n 'https://cdn.jsdelivr.net/gh/thuhole/webhole@gh-pages/static/bg/gbp.jpg':\n '寻觅繁星（默认）',\n 'https://cdn.jsdelivr.net/gh/thuhole/webhole@gh-pages/static/bg/eriri.jpg':\n '平成著名画师',\n 'https://cdn.jsdelivr.net/gh/thuhole/webhole@gh-pages/static/bg/yurucamp.jpg':\n '露营天下第一',\n 'https://cdn.jsdelivr.net/gh/thuhole/webhole@gh-pages/static/bg/minecraft.jpg':\n '麦恩·库拉夫特',\n 'https://cdn.jsdelivr.net/gh/thuhole/webhole@gh-pages/static/bg/cyberpunk.jpg':\n '赛博城市',\n 'https://cdn.jsdelivr.net/gh/thuhole/webhole@gh-pages/static/bg/bj.jpg':\n '城市的星光',\n 'https://cdn.jsdelivr.net/gh/thuhole/webhole@gh-pages/static/bg/sif.jpg':\n '梦开始的地方',\n};\n\nconst DEFAULT_CONFIG = {\n background_img:\n 'https://cdn.jsdelivr.net/gh/thuhole/webhole@gh-pages/static/bg/gbp.jpg',\n background_color: '#113366',\n pressure: false,\n easter_egg: true,\n color_scheme: 'default',\n fold: true,\n block_words: [],\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) 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 {\n img: value === '##other' ? '' : value === '##color' ? null : value,\n },\n this.save_changes.bind(this),\n );\n }\n on_change_img(e) {\n this.setState(\n {\n img: e.target.value,\n },\n this.save_changes.bind(this),\n );\n }\n on_change_color(e) {\n this.setState(\n {\n color: e.target.value,\n },\n this.save_changes.bind(this),\n );\n }\n\n render() {\n let img_select =\n this.state.img === null\n ? '##color'\n : Object.keys(BUILTIN_IMGS).indexOf(this.state.img) === -1\n ? '##other'\n : this.state.img;\n return (\n \n \n {msg.title}\n
\n \n
\n {msg.content}\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 {\n color_scheme: value,\n },\n this.save_changes.bind(this),\n );\n }\n\n render() {\n return (\n \n 背景图片：\n
\n
\n );\n }\n}\n\nclass ConfigTextArea extends PureComponent {\n constructor(props) {\n super(props);\n this.state = {\n [props.id]: window.config[props.id],\n };\n }\n\n save_changes() {\n this.props.callback({\n [this.props.id]: this.props.sift(this.state[this.props.id]),\n });\n }\n\n on_change(e) {\n let value = this.props.parse(e.target.value);\n this.setState(\n {\n [this.props.id]: value,\n },\n this.save_changes.bind(this),\n );\n }\n\n render() {\n return (\n \n 夜间模式：\n
\n 选择浅色或深色模式，深色模式下将会调暗图片亮度\n
\n\n \n
\n );\n }\n}\n\n/* class ConfigBlockWords extends PureComponent {\n constructor(props) {\n super(props);\n this.state = {\n block_words: window.config.block_words,\n };\n }\n\n save_changes() {\n this.props.callback({\n block_words: this.state.block_words.filter((v) => v),\n });\n }\n\n on_change(e) {\n // Filter out those blank lines\n let value = e.target.value.split('\\n');\n this.setState(\n {\n block_words: value,\n },\n this.save_changes.bind(this),\n );\n }\n\n render() {\n return (\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 {\n switch: val,\n },\n () => {\n this.props.callback({\n [this.props.id]: val,\n });\n },\n );\n }\n\n render() {\n return (\n \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{this.props.description}
\n\n
\n );\n }\n}\n","import React, { Component } from 'react';\nimport {\n API_BASE,\n SafeTextarea,\n PromotionBar,\n HighlightedMarkdown,\n} from './Common';\nimport { MessageViewer } from './Message';\nimport { LoginPopup } from './infrastructure/widgets';\nimport { ColorPicker } from './color_picker';\nimport { ConfigUI } from './Config';\nimport fixOrientation from 'fix-orientation';\nimport copy from 'copy-to-clipboard';\nimport { cache } from './cache';\nimport {\n API_VERSION_PARAM,\n THUHOLE_API_ROOT,\n API,\n get_json,\n token_param,\n} 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 \n 这些功能仍在测试，可能不稳定（\n 全部重置）\n
\n\n \n 修改设置后{' '}\n
\n
\n
\n {/* array.join('\\n')}\n sift={(array) => array.filter((v) => v)}\n parse={(string) => string.split('\\n')}\n />\n
\n
\n
\n
\n
\n \n
\n {/*
\n
\n
\n
\n
\n 新功能建议或问题反馈请在 \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 (\n window.confirm(\n '您正在重置 UserToken！\\n您的账号将会在【所有设备】上注销，您需要手动重新登录！',\n )\n ) {\n let uid = window.prompt(\n '您正在重置 UserToken！\\n请输入您的学号以确认身份：',\n );\n if (uid)\n this.setState(\n {\n loading_status: 'loading',\n },\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) throw new Error(json.error);\n else 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\n render() {\n if (this.state.loading_status === 'done')\n return 重置;\n else if (this.state.loading_status === 'loading')\n return (\n \n \n \n );\n }\n}\n\nexport class LoginForm extends Component {\n copy_token(token) {\n if (copy(token)) alert('复制成功！\\n请一定不要泄露哦');\n }\n\n render() {\n return (\n \n {\n props.show_sidebar('设置', \n \n \n \n
\n \n
\n \n
\n
\n 联系我们：thuhole at protonmail dot com
\n\n
\n \n T大树洞 网页版 by @thuhole， 基于 \n
\n T大树洞 网页版的诞生离不开 \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 (at\n your option) any later version.\n
\n\n This program is distributed in the hope that it will be useful, but\n WITHOUT ANY WARRANTY; without even the implied warranty of\n MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the \n
\n {/*{!!token.value &&*/}\n {/*
\n )}\n \n {token.value ? (\n \n {(do_popup) => (\n \n )}\n
\n \n
\n ) : (\n \n 您已登录。\n
\n
*/}\n {/*根据计算中心要求，访问授权三个月内有效，过期需重新登录。*/}\n {/*T大树洞将会单向加密(i.e. 哈希散列)您的邮箱后再存入数据库，因此您的发帖具有较强的匿名性。具体可见我们的后端开源代码。*/}\n {/*
*/}\n\n
\n 当您发送的内容违规时，我们将用系统消息提示您\n
\n \n 复制 User Token\n \n
\n 复制 User Token\n 可以在新设备登录，切勿告知他人。若怀疑被盗号请重新邮箱验证码登录以重置Token。\n {/*，若怀疑被盗号请尽快
\n
\n )}\n \n \n
\n\n \n T大树洞\n 面向T大学生，通过T大邮箱验证您的身份并提供服务。\n \n
\n\n {}}\n />\n
\n ) : (\n 正在加载 #{pid}
,\n replace ? 'replace' : 'push',\n );\n try {\n let single = await API.get_single(pid, token);\n single.data.variant = {};\n let { data: replies } = await API.load_replies_with_cache(\n pid,\n token,\n color_picker,\n parseInt(single.data.reply),\n );\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 const replyContent = this.props.info.text;\n const splitIdx = replyContent.indexOf(']');\n\n const author = replyContent.substr(0, splitIdx + 1),\n replyText = replyContent.substr(splitIdx + 2);\n return (\n \n load_single_meta(show_sidebar, token)(pid, true)}>\n 重新加载\n \n
\n{'' + e}
\n\n {\n this.props.do_filter_name(this.props.info.name);\n }}\n >\n \n \n )}\n \n {this.props.info.tag !== null && (\n {this.props.info.tag}\n )}\n \n
\n #{this.props.info.cid}\n {!!this.props.do_filter_name && (\n \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}${\n this.props.info.tag ? ' 【' + this.props.info.tag + '】' : ''\n }\\n` +\n `${this.props.info.text}${\n this.props.info.type === 'image'\n ? ' [图片]'\n : this.props.info.type === 'audio'\n ? ' [语音]'\n : ''\n }\\n` +\n `（${format_time(new Date(this.props.info.timestamp * 1000))} ${\n this.props.info.likenum\n }关注 ${this.props.info.reply}回复）\\n` +\n this.props.replies\n .map((r) => (r.tag ? '【' + r.tag + '】' : '') + r.text)\n .join('\\n'),\n );\n }\n\n render() {\n let props = this.props;\n return (\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(\n (prev) => {\n if (cid)\n return {\n replies: prev.replies.map((reply) => {\n if (reply.cid === cid)\n return Object.assign({}, reply, {\n variant: Object.assign({}, reply.variant, variant),\n });\n else return reply;\n }),\n };\n else\n return {\n info: Object.assign({}, prev.info, {\n variant: Object.assign({}, prev.info.variant, variant),\n }),\n };\n },\n function () {\n this.syncState({\n info: this.state.info,\n replies: this.state.replies,\n });\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(\n this.state.info.pid,\n this.props.token,\n this.color_picker,\n null,\n )\n .then((json) => {\n this.setState(\n (prev, props) => ({\n replies: json.data,\n info: update_count\n ? Object.assign({}, prev.info, {\n reply: '' + json.data.length,\n })\n : prev.info,\n attention: !!json.attention,\n loading_status: 'done',\n error_msg: null,\n }),\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, {\n latest_reply: Math.max.apply(\n null,\n this.state.replies.map((r) => parseInt(r.timestamp)),\n ),\n });\n },\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) => ({ rev: !prevState.rev }), forceCheck);\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 (\n /^\\s*(?:Re (?:|洞主|(?:[A-Z][a-z]+ )?(?:[A-Z][a-z]+)|You Win(?: \\d+)?):)?\\s*$/.test(\n text,\n )\n ) {\n // 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 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 {/**/}\n {/* 提到*/}\n {/*
*/}\n \n {!!window.LATEST_POST_ID &&\n parseInt(props.info.pid, 10) > window.LATEST_POST_ID && (\n \n )}\n {!!this.props.attention && !this.props.cached && (\n \n )}\n
\n \n {!!this.props.do_filter_name && (\n {\n this.props.do_filter_name(DZ_NAME);\n }}\n >\n \n \n )}\n {!!parseInt(props.info.likenum, 10) && (\n \n {props.info.likenum} \n
\n \n \n #{props.info.pid}\n \n \n \n {props.info.tag !== null && props.info.tag !== '折叠' && (\n {props.info.tag}\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\n ? this.state.replies.filter((r) => r.name === this.state.filter_name)\n : this.state.replies.slice();\n if (this.state.rev) replies_to_show.reverse();\n\n // may not need key, for performance\n // key for lazyload elem\n // let view_mode_key =\n // (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) replies_cnt[r.name] = 0;\n replies_cnt[r.name]++;\n });\n\n // hide main thread when filtered\n let main_thread_elem =\n this.state.filter_name && this.state.filter_name !== DZ_NAME ? null : (\n\n \n {\n this.show_reply_bar(reply.name, e);\n }}\n >\n {\n this.set_variant(reply.cid, variant);\n }}\n do_filter_name={\n replies_cnt[reply.name] > 1\n ? this.set_filter_name.bind(this)\n : null\n }\n />\n \n \n ))}\n {this.state.rev && main_thread_elem}\n {this.props.token ? (\n
\n );\n }\n}\n\nclass FlowItemRow extends PureComponent {\n constructor(props) {\n super(props);\n this.needFold =\n FOLD_TAGS.indexOf(props.info.tag) > -1 &&\n (props.search_param === '热榜' || !props.search_param) &&\n window.config.fold &&\n props.mode !== 'attention' && props.mode !== 'attention_finished';\n this.state = {\n replies: [],\n reply_status: 'done',\n reply_error: null,\n info: Object.assign({}, props.info, { variant: {} }),\n hidden: window.config.block_words.some((word) =>\n props.info.text.includes(word),\n ) || this.needFold,\n attention:\n props.attention_override === null ? false : props.attention_override,\n cached: true, // default no display anything\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 // reveal() {\n // this.setState({ hidden: false });\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(\n this.state.info.pid,\n this.props.token,\n this.color_picker,\n parseInt(this.state.info.reply),\n )\n .then(({ data: json, cached }) => {\n this.setState(\n (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 ? {\n latest_reply: Math.max.apply(\n null,\n json.data.map((r) => parseInt(r.timestamp)),\n ),\n }\n : {},\n }),\n attention: !!json.attention,\n reply_status: 'done',\n reply_error: null,\n cached,\n }),\n callback,\n );\n })\n .catch((e) => {\n console.error(e);\n this.setState(\n {\n replies: [],\n reply_status: 'failed',\n reply_error: '' + e,\n },\n callback,\n );\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 \n \n {(this.state.replies.length >= 1 || this.state.rev) && (\n \n \n \n \n \n \n \n )}\n {!!this.props.token && (\n \n \n {\n this.toggle_attention();\n }}\n >\n {this.state.attention ? (\n \n \n \n \n ) : (\n \n \n \n \n )}\n \n \n )}\n
\n {!!this.state.filter_name && (\n \n
\n )}\n {!this.state.rev && main_thread_elem}\n {!!this.state.error_msg && (\n \n \n
\n
\n )}\n {this.props.deletion_detect &&\n parseInt(this.state.info.reply) > this.state.replies.length &&\n !!this.state.replies.length && (\n 回复加载失败
\n{this.state.error_msg}
\n\n {parseInt(this.state.info.reply) - this.state.replies.length}{' '}\n 条回复被删除\n
\n )}\n {replies_to_show.map((reply, i) => (\n 登录后可以回复树洞
\n )}\n \n {this.state.reply_status === 'loading' && (\n
\n \n );\n\n if (this.state.hidden) {\n return (\n 加载中
\n )}\n {this.state.reply_status === 'failed' && (\n \n
\n )}\n {this.state.replies.slice(0, PREVIEW_REPLY_COUNT).map((reply) => (\n \n
{this.state.reply_error}
\n\n 还有 {this.state.replies.length - PREVIEW_REPLY_COUNT} 条\n
\n )}\n \n
\n )}\n \n \n
\n {/**/}\n {/* 提到*/}\n {/*
*/}\n \n
\n \n \n );\n }\n\n return quote_id ? (\n \n {!!this.props.do_filter_name && (\n {\n this.props.do_filter_name(DZ_NAME);\n }}\n >\n \n \n )}\n
\n #{this.props.info.pid}\n \n {this.props.info.tag !== null && this.props.info.tag !== '折叠' && (\n {this.props.info.tag}\n )}\n \n {this.needFold ? '已隐藏' : '已屏蔽'}\n \n \n {res}\n
\n ) : (\n res\n );\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 {\n loading_status: 'loading',\n },\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\n render() {\n if (this.state.loading_status === 'empty') 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 // 'done'\n else\n return (\n \n
\n \n 重新加载\n
\n{this.state.error_msg}
\n\n {!!props.title && \n
\n )}\n \n {!!(\n props.deletion_detect &&\n props.mode === 'list' &&\n ind &&\n props.list[ind - 1].pid - info.pid > 1\n ) && (\n
\n \n ))}\n \n
\n )}\n \n {props.list[ind - 1].pid - info.pid - 1} 条被删除\n
\n \n \n \n Loading...\n \n ) : (\n '© thuhole'\n )\n }\n />\n
\n );\n }\n}\n","import React, { PureComponent } from 'react';\n// import {AppSwitcher} from './infrastructure/widgets';\nimport { InfoSidebar, PostForm } from './UserAction';\nimport { TokenCtx } from './UserAction';\n\nimport './Title.css';\n\nconst flag_re = /^\\/\\/setflag ([a-zA-Z0-9_]+)=(.*)$/;\n\nclass ControlBar extends PureComponent {\n constructor(props) {\n super(props);\n this.state = {\n search_text: '',\n };\n this.set_mode = props.set_mode;\n\n this.on_change_bound = this.on_change.bind(this);\n this.on_keypress_bound = this.on_keypress.bind(this);\n this.do_refresh_bound = this.do_refresh.bind(this);\n this.do_attention_bound = this.do_attention.bind(this);\n }\n\n componentDidMount() {\n if (window.location.hash) {\n let text = decodeURIComponent(window.location.hash).substr(1);\n if (text.lastIndexOf('?') !== -1)\n text = text.substr(0, text.lastIndexOf('?')); // fuck wechat '#param?nsukey=...'\n this.setState(\n {\n search_text: text,\n },\n () => {\n this.on_keypress({ key: 'Enter' });\n },\n );\n }\n }\n\n on_change(event) {\n this.setState({\n search_text: event.target.value,\n });\n }\n\n on_keypress(event) {\n if (event.key === 'Enter') {\n let flag_res = flag_re.exec(this.state.search_text);\n if (flag_res) {\n if (flag_res[2]) {\n localStorage[flag_res[1]] = flag_res[2];\n alert(\n 'Set Flag ' +\n flag_res[1] +\n '=' +\n flag_res[2] +\n '\\nYou may need to refresh this webpage.',\n );\n } else {\n delete localStorage[flag_res[1]];\n alert(\n 'Clear Flag ' +\n flag_res[1] +\n '\\nYou may need to refresh this webpage.',\n );\n }\n return;\n }\n\n const mode = this.state.search_text.startsWith('#')\n ? 'single'\n : this.props.mode !== 'attention'\n ? 'search'\n : 'attention';\n this.set_mode(mode, this.state.search_text || '');\n }\n }\n\n do_refresh() {\n window.scrollTo(0, 0);\n this.setState({\n search_text: '',\n });\n this.set_mode('list', null);\n }\n\n do_attention() {\n window.scrollTo(0, 0);\n this.setState({\n search_text: '',\n });\n this.set_mode('attention', null);\n }\n\n render() {\n return (\n \n
\n )}\n \n
\n \n
{this.state.error_msg}
\n\n \n \n 最新\n \n {!!token && (\n \n \n 关注\n \n )}\n {\n this.props.show_sidebar(\n 'T大树洞',\n {\n this.props.show_sidebar(\n '发表树洞',\n {\n this.props.show_sidebar(null, null, 'clear');\n this.do_refresh();\n }}\n />,\n );\n }}\n >\n \n 发表\n \n )}\n
\n )}\n \n {/*
\n );\n}\n","import React, { 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 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 // hide old contents to remember state\n let contents = this.props.stack.map(\n ({ 1: content }, i) =>\n content && (\n \n
\n \n
\n \n
{contents}
\n \n \n \n \n \n \n {this.props.stack.length > 2 && (\n \n \n \n \n \n )}\n {cur_title}\n
\n \n );\n }\n}\n","import React, { Component } from 'react';\nimport Pressure from 'pressure';\n\nimport './PressureHelper.css';\n\nconst THRESHOLD = 0.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(\n document.body,\n {\n change: (force) => {\n if (!this.state.fired) {\n if (force >= 0.999) {\n this.do_fire();\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 {\n polyfill: false,\n only: 'touch',\n preventSelect: false,\n },\n );\n\n document.addEventListener('keydown', (e) => {\n if (!e.repeat && e.key === 'Escape') {\n if (this.esc_interval) clearInterval(this.esc_interval);\n this.setState(\n {\n level: THRESHOLD / 2,\n },\n () => {\n this.esc_interval = setInterval(() => {\n let new_level = this.state.level + 0.1;\n if (new_level >= 0.999) this.do_fire();\n else\n this.setState({\n level: new_level,\n });\n }, 30);\n },\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 )}\n \n
\n )}\n {this.inthu_flag || token.value ? (\n \n
\n \n
\n