3 |
11 |
12 |
14 | {{ pageName }}
15 |
16 |
21 |
22 |
23 |
89 |
90 |
--------------------------------------------------------------------------------
/src/assets/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/memset0/oi-archive-vue-frontend/3510967cf4183d1431427509483948b918d18f6c/src/assets/logo.png
--------------------------------------------------------------------------------
/src/components/AppNavDrawer.js:
--------------------------------------------------------------------------------
1 | import config from '../config';
2 |
3 | export default {
4 | props: {
5 | open: Boolean,
6 | docked: Boolean,
7 | home: Boolean
8 | },
9 | data() {
10 | return {
11 | navConfig: [{
12 | name: 'Online Judge',
13 | icon: 'explore',
14 | children:
15 | Object.keys(config.oj).map(oj => ({
16 | name: config.oj[oj].name,
17 | path: `/problem/${oj}`,
18 | })),
19 | }, {
20 | name: 'Problem Sets',
21 | icon: '',
22 | children: [{
23 | name: 'Accepted Problems',
24 | path: '/set/accepted'
25 | }, {
26 | name: 'Favorite Problems',
27 | path: '/set/favorite'
28 | }]
29 | }, {
30 | name: 'Tools',
31 | icon: '',
32 | children: [{
33 | name: 'Search',
34 | path: '/search'
35 | }]
36 | }, {
37 | name: 'Manage',
38 | icon: '',
39 | children: [{
40 | name: 'Cache Status',
41 | path: '/cache-status'
42 | }]
43 | }, {
44 | name: 'About Us',
45 | icon: '',
46 | children: [{
47 | name: 'Github (Project Page)',
48 | link: 'https://github.com/memset0/oi-archive-vue-frontend/',
49 | }, {
50 | name: 'Github (Organization Page)',
51 | link: 'https://github.com/oi-archive/',
52 | }, {
53 | name: 'memset0\' Notebook',
54 | link: 'https://memset0.cn'
55 | }]
56 | }],
57 | };
58 | },
59 | computed: {
60 | locale() {
61 | return this.$route && this.$route.meta && this.$route.meta.lang;
62 | },
63 | path() {
64 | return this.$route && this.$route.meta && this.$route.meta.path;
65 | }
66 | },
67 | methods: {
68 | createHeader() {
69 | return (
70 |
17 |
20 |
105 |
107 | {menus}
108 |
109 |
110 | );
111 | }
112 | },
113 | render(h) {
114 | return h('mu-drawer', {
115 | staticClass: 'mu-app-drawer',
116 | props: {
117 | open: this.open,
118 | docked: this.docked,
119 | zDepth: this.docked ? 0 : 2
120 | },
121 | on: { 'update:open': (val) => this.$emit('update:open', val) }
122 | }, [
123 | this.createHeader(h),
124 | this.createContent(h),
125 | ]);
126 | },
127 | watch: {
128 | path() {
129 | if (!this.docked) this.$emit('update:open', false);
130 | }
131 | }
132 | };
--------------------------------------------------------------------------------
/src/components/BackToTop.js:
--------------------------------------------------------------------------------
1 | export default {
2 | name: 'mu-backtop',
3 | data() {
4 | return { show: false };
5 | },
6 | methods: {
7 | handleScroll() {
8 | const scrollTop = window.scrollY;
9 | const height = window.innerHeight;
10 | this.show = scrollTop > height;
11 | }
12 | },
13 | render(h) {
14 | return h('mu-scale-transition', [
15 | h('mu-button', {
16 | directives: [{
17 | name: 'scroll',
18 | value: { target: this.$el, callback: this.handleScroll }
19 | }, {
20 | name: 'show',
21 | value: this.show
22 | }],
23 | style: { position: 'fixed', right: '48px', bottom: '48px', 'z-index': 101 },
24 | props: { fab: true, color: '#E87A90' },
25 | on: { click: () => window.scrollTo(0, 0) }
26 | }, [
27 | h('mu-icon', { props: { value: 'arrow_upward' } })
28 | ])
29 | ]);
30 | }
31 | };
--------------------------------------------------------------------------------
/src/components/Breadcrumbs.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
5 |
6 |
7 |
--------------------------------------------------------------------------------
/src/components/ProblemListViewer.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | {{ scope.row.ojName }}
7 |
8 | {{ scope.row.id }}
9 |
10 |
11 | {{ scope.row.title }}
12 |
13 |
14 |
31 |
32 |
33 |
34 |
35 |
36 |
37 |
174 |
175 |
--------------------------------------------------------------------------------
/src/components/ProblemViewer.vue:
--------------------------------------------------------------------------------
1 |
2 |
15 |
30 |
20 | {{ icon.accepted(scope.row.status) }}
21 |
22 |
27 | {{ icon.favorite(scope.row.status) }}
28 |
29 |
3 |
66 | export
68 |
69 | Close
77 |
78 |
79 |
80 |
81 |
82 |
189 |
190 |
247 |
248 |
--------------------------------------------------------------------------------
/src/main.js:
--------------------------------------------------------------------------------
1 | import Vue from 'vue';
2 | import VueRouter from 'vue-router';
3 | Vue.use(VueRouter);
4 |
5 | import MuseUI from 'muse-ui';
6 | import Helpers from 'muse-ui/lib/Helpers';
7 | import 'muse-ui/dist/muse-ui.css';
8 |
9 | import theme from 'muse-ui/lib/theme';
10 | theme.add('oi-archive', {
11 | primary: '#B481BB',
12 | secondary: '#B28FCE',
13 | }, 'light');
14 | theme.use('oi-archive');
15 |
16 | import Loading from 'muse-ui-loading';
17 | import Message from 'muse-ui-message';
18 | import Progress from 'muse-ui-progress';
19 | import 'muse-ui-loading/dist/muse-ui-loading.css';
20 | import 'muse-ui-message/dist/muse-ui-message.css';
21 | import 'muse-ui-progress/dist/muse-ui-progress.css';
22 | Vue.use(MuseUI);
23 | Vue.use(Helpers);
24 | Vue.use(Loading);
25 | Vue.use(Message);
26 | Vue.use(Progress, {
27 | color: '#6F3381'
28 | });
29 | Vue.config.productionTip = false;
30 |
31 | import FastClick from 'fastclick';
32 | if (navigator && navigator.userAgent.toLowerCase().indexOf('mobile') !== -1) FastClick.attach(document.body);
33 |
34 | // === main ===
35 |
36 | import App from './App';
37 | import router from './router';
38 |
39 | router.beforeEach((to, from, next) => {
40 | window.scrollTo(0, 0);
41 | Progress.start();
42 | next();
43 | });
44 |
45 | router.afterEach(() => {
46 | Progress.done();
47 | });
48 |
49 | new Vue({
50 | el: '#app',
51 | router,
52 | render: h => h(App),
53 | });
--------------------------------------------------------------------------------
/src/pages/CacheStatus.vue:
--------------------------------------------------------------------------------
1 |
2 |
4 |
65 | {{ problem.title }}
6 |
10 |
54 |
55 |
56 |
57 |
63 |
64 | 导出题面
导出题面以在其他场合使用。（正在开发中...）
67 | Cache Status: Last fetched at {{ cacheStatus[oj].date }}
25 | Cache Status: null.
26 |
5 | 从 OI Archive Helper 中导入
6 |
7 |
3 |
4 |
6 |
7 |
8 |
10 |
11 |
12 |
13 | OI Archive
14 | β
15 | 的搜索功能基于前端的
16 | 本地缓存 。以下 Online Judge 的数据没有被缓存，他们将不会出现在搜索结果中：
17 |
18 | {{ missedOJ.map(oj => config.oj[oj].name).join('，') }}。 19 |
20 |
22 |
24 |
25 |
26 |
27 |
28 |
133 |
134 |
--------------------------------------------------------------------------------
/src/pages/blog/home.js:
--------------------------------------------------------------------------------
1 | import marked from 'marked';
2 |
3 | export default marked(`
4 |
5 | 小伙伴你好呀，欢迎来到 [OI Archiveβ](/)，这是一个给 OI 题目存档并提供辅助功能的网站。
6 |
7 | 该项目是由 Vue 构建的单页面应用，所有数据存储在 Github 等公共存储服务，通过异步请求加载。
8 |
9 | ### 功能
10 |
11 | * 通过 **题目列表** 功能访问题目存档。
12 | * 通过 **搜索** 功能搜索题目标题。
13 | * 通过 **题目集合** 功能管理通过的题目和喜欢的题目。
14 | * 通过 **题单** 功能访问优质题目合集。
15 |
16 | ### 导航
17 |
18 | * 前往 Github 访问我们的组织 [@oi-archive](https://github.com/oi-archive/)。
19 | * 前往 Github 访问当前网站的源代码 [@memset0/oi-archive-vue-frontend](https://github.com/memset0/oi-archive-vue-frontend/)。
20 | * 前往 Github 并通过 Pull Request 或 Issue 的方式贡献题单 [@oi-archive/collection](https://github.com/oi-archive/collection)。
21 | * 前往 Greasy Fork 安装 [OI Archive Helper](https://greasyfork.org/zh-CN/scripts/412143-oi-archive-helper)。
22 |
23 | ### 版权
24 |
25 | 如无特殊声明，所有题面版权属于原 Online Judge。
26 | 如果侵犯到您的合法权益，请联系我们，我们将第一时间删除。
27 |
28 | `);
--------------------------------------------------------------------------------
/src/router.js:
--------------------------------------------------------------------------------
1 | import Vue from 'vue';
2 | import VueRouter from 'vue-router';
3 |
4 | Vue.use(VueRouter);
5 |
6 | import Home from './pages/Home';
7 | import Search from './pages/Search';
8 | import Problem from './pages/Problem';
9 | import ProblemSet from './pages/ProblemSet';
10 | import Collection from './pages/Collection';
11 | import CacheStatus from './pages/CacheStatus';
12 | import ProblemList from './pages/ProblemList';
13 |
14 | const routes = [{
15 | path: '/',
16 | component: Home,
17 | name: 'Home',
18 | }, {
19 | path: '/search',
20 | component: Search,
21 | name: 'Search',
22 | }, {
23 | path: '/search/:keyword',
24 | component: Search,
25 | name: 'Search',
26 | }, {
27 | path: '/problem/:oj',
28 | component: ProblemList,
29 | name: 'ProblemList',
30 | }, {
31 | path: '/problem/:oj/:id',
32 | component: Problem,
33 | name: 'Problem',
34 | }, {
35 | path: '/cache-status',
36 | component: CacheStatus,
37 | name: 'CacheStatus',
38 | }, {
39 | path: '/set/:type',
40 | component: ProblemSet,
41 | name: 'ProblemSet',
42 | }, {
43 | path: '/collection/*',
44 | component: Collection,
45 | name: 'Collection',
46 | }];
47 |
48 | export default new VueRouter({
49 | routes
50 | });
--------------------------------------------------------------------------------
/src/utils.js:
--------------------------------------------------------------------------------
1 | import lodash from "lodash";
2 |
3 | export default {
4 | unescape(content) {
5 | return lodash.unescape(content).replace(/'/g, '\'')
6 | }
7 | }
--------------------------------------------------------------------------------
/src/utils/LocalStorage.js:
--------------------------------------------------------------------------------
1 | let BaseStorage = localStorage;
2 |
3 | export function getItem(name) {
4 | return JSON.parse(BaseStorage.getItem(name));
5 | }
6 |
7 | export function setItem(name, data) {
8 | BaseStorage.setItem(name, JSON.stringify(data));
9 | }
10 |
11 | export function removeItem(name) {
12 | BaseStorage.removeItem(name);
13 | }
14 |
15 | export function getCacheItem(name) {
16 | return getItem(`Cache::${name}`)?.data;
17 | }
18 |
19 | export function setCacheItem(name, data) {
20 | setItem(`Cache::${name}`, {
21 | data,
22 | date: Date.now(),
23 | });
24 | }
25 |
26 | export function removeCacheItem(name) {
27 | removeItem(`Cache::${name}`);
28 | }
29 |
30 | export function cache(name, asyncMethod, reFetch = true) {
31 | return (async () => {
32 | let data;
33 | if (getItem(`Cache::${name}`)) {
34 | data = getCacheItem(name);
35 | if (reFetch) {
36 | (async () => setCacheItem(name, await asyncMethod()))();
37 | }
38 | } else {
39 | setCacheItem(name, data = await asyncMethod());
40 | }
41 | return data;
42 | })();
43 | }
44 |
45 | export default {
46 | getItem,
47 | setItem,
48 | removeItem,
49 | getCacheItem,
50 | setCacheItem,
51 | removeCacheItem,
52 | cache,
53 | };
--------------------------------------------------------------------------------
/src/utils/database.js:
--------------------------------------------------------------------------------
1 | import lowdb from 'lowdb';
2 | import lowdbAdapterLocalStorage from 'lowdb/adapters/LocalStorage';
3 |
4 | const adapter = new lowdbAdapterLocalStorage('UserData::Main');
5 | const db = lowdb(adapter);
6 |
7 | db.defaults({
8 | problem: [],
9 | }).write();
10 |
11 | db._.mixin({
12 | updateProblem(array, problem, status) {
13 | for (let i = 0; i < array.length; i++) {
14 | if (array[i].problem.oj === problem.oj && array[i].problem.id === problem.id) {
15 | array[i].status = {
16 | ...array[i].status,
17 | ...status
18 | };
19 | return;
20 | }
21 | }
22 | array.push({
23 | problem: {
24 | oj: problem.oj,
25 | id: problem.id,
26 | },
27 | status
28 | });
29 | },
30 | queryProblem(array, problem) {
31 | for (let i = 0; i < array.length; i++) {
32 | if (array[i].problem.oj === problem.oj && array[i].problem.id === problem.id) {
33 | return array[i].status;
34 | }
35 | }
36 | return {};
37 | },
38 | filterProblem(array, statusType) {
39 | let list = [];
40 | for (let i = 0; i < array.length; i++) {
41 | if (array[i].status && array[i].status[statusType]) {
42 | list.push(array[i].problem);
43 | }
44 | }
45 | return list;
46 | }
47 | });
48 |
49 | export default db;
--------------------------------------------------------------------------------
/src/utils/katex.js:
--------------------------------------------------------------------------------
1 | import katex from "katex";
2 | import utils from "../utils";
3 |
4 | const specialCharacters = ['<', '>'];
5 |
6 | function render(content, display) {
7 | return katex.renderToString(utils.unescape(content), {
8 | displayMode: display,
9 | throwOnError: false,
10 | strict: false,
11 | });
12 | }
13 |
14 | function renderHelper(content, openFlag, closeFlag, display) {
15 | let result = '', stack = '';
16 | Array.from(content).forEach(char => {
17 | stack += char;
18 | if (specialCharacters.includes(char) || (stack.length <= openFlag.length && !openFlag.startsWith(stack))) {
19 | result += stack, stack = '';
20 | } else if ((stack.length > closeFlag.length && stack.endsWith(closeFlag))) {
21 | result += render(stack.slice(openFlag.length, -closeFlag.length), display), stack = '';
22 | }
23 | });
24 | return result + stack;
25 | }
26 |
27 | export default function (content) {
28 | content = renderHelper(content, '$$', '$$', true);
29 | content = renderHelper(content, '$', '$', false);
30 |
31 | return content;
32 | }
--------------------------------------------------------------------------------
/src/utils/markdown.js:
--------------------------------------------------------------------------------
1 | import marked from "marked";
2 |
3 | export default function (source) {
4 | return marked(source);
5 | }
--------------------------------------------------------------------------------
/src/utils/markdown.less:
--------------------------------------------------------------------------------
1 | .markdown {
2 | color: rgb(51, 51, 51);
3 | line-height: 1.6;
4 |
5 | a {
6 | color: #4183C4;
7 | }
8 |
9 | h1,
10 | h2,
11 | h3,
12 | h4,
13 | h5,
14 | h6 {
15 | position: relative;
16 | margin-top: 1rem;
17 | margin-bottom: 1rem;
18 | font-weight: bold;
19 | line-height: 1.4;
20 | cursor: text;
21 | }
22 |
23 | h1:hover a.anchor,
24 | h2:hover a.anchor,
25 | h3:hover a.anchor,
26 | h4:hover a.anchor,
27 | h5:hover a.anchor,
28 | h6:hover a.anchor {
29 | text-decoration: none;
30 | }
31 |
32 | h1 tt,
33 | h1 code {
34 | font-size: inherit;
35 | }
36 |
37 | h2 tt,
38 | h2 code {
39 | font-size: inherit;
40 | }
41 |
42 | h3 tt,
43 | h3 code {
44 | font-size: inherit;
45 | }
46 |
47 | h4 tt,
48 | h4 code {
49 | font-size: inherit;
50 | }
51 |
52 | h5 tt,
53 | h5 code {
54 | font-size: inherit;
55 | }
56 |
57 | h6 tt,
58 | h6 code {
59 | font-size: inherit;
60 | }
61 |
62 | h1 {
63 | padding-bottom: .3em;
64 | font-size: 2.25em;
65 | line-height: 1.2;
66 | border-bottom: 1px solid #eee;
67 | }
68 |
69 | h2 {
70 | padding-bottom: .3em;
71 | font-size: 1.75em;
72 | line-height: 1.225;
73 | border-bottom: 1px solid #eee;
74 | }
75 |
76 | h3 {
77 | font-size: 1.5em;
78 | line-height: 1.43;
79 | }
80 |
81 | h4 {
82 | font-size: 1.25em;
83 | }
84 |
85 | h5 {
86 | font-size: 1em;
87 | }
88 |
89 | h6 {
90 | font-size: 1em;
91 | color: #777;
92 | }
93 |
94 | p,
95 | blockquote,
96 | ul,
97 | ol,
98 | dl,
99 | table {
100 | margin: 0.8em 0;
101 | }
102 |
103 | li>ol,
104 | li>ul {
105 | margin: 0 0;
106 | }
107 |
108 | hr {
109 | height: 2px;
110 | padding: 0;
111 | margin: 16px 0;
112 | background-color: #e7e7e7;
113 | border: 0 none;
114 | overflow: hidden;
115 | box-sizing: content-box;
116 | }
117 |
118 | li p.first {
119 | display: inline-block;
120 | }
121 |
122 | ul,
123 | ol {
124 | padding-left: 30px;
125 | }
126 |
127 | ul:first-child,
128 | ol:first-child {
129 | margin-top: 0;
130 | }
131 |
132 | ul:last-child,
133 | ol:last-child {
134 | margin-bottom: 0;
135 | }
136 |
137 | blockquote {
138 | border-left: 4px solid #dfe2e5;
139 | padding: 0 15px;
140 | color: #777777;
141 | }
142 |
143 | blockquote blockquote {
144 | padding-right: 0;
145 | }
146 |
147 | table {
148 | padding: 0;
149 | width: 100%;
150 | word-break: initial;
151 | }
152 |
153 | table tr {
154 | border-top: 1px solid #dfe2e5;
155 | margin: 0;
156 | padding: 0;
157 | }
158 |
159 | table tr:nth-child(2n),
160 | thead {
161 | background-color: #f8f8f8;
162 | }
163 |
164 | table tr th {
165 | font-weight: bold;
166 | border: 1px solid #dfe2e5;
167 | border-bottom: 0;
168 | margin: 0;
169 | padding: 6px 13px;
170 | }
171 |
172 | table tr td {
173 | border: 1px solid #dfe2e5;
174 | margin: 0;
175 | padding: 6px 13px;
176 | }
177 |
178 | table tr th:first-child,
179 | table tr td:first-child {
180 | margin-top: 0;
181 | }
182 |
183 | table tr th:last-child,
184 | table tr td:last-child {
185 | margin-bottom: 0;
186 | }
187 |
188 | code,
189 | tt {
190 | border: 1px solid #e7eaed;
191 | background-color: #f8f8f8;
192 | border-radius: 2px;
193 | padding: 0;
194 | padding: 2px 4px 0px 4px;
195 | font-size: 0.9em;
196 | }
197 |
198 | code {
199 | background-color: #f3f4f4;
200 | padding: 0 2px 0 2px;
201 | }
202 |
203 | pre {
204 | background: #f6f7f7;
205 | padding: 8px;
206 | border-radius: 4px;
207 |
208 | code {
209 | border: none;
210 | background: #f6f7f7;
211 | }
212 | }
213 |
214 | img {
215 | margin: auto;
216 | display: block;
217 | }
218 | }
--------------------------------------------------------------------------------
/src/utils/turndown.js:
--------------------------------------------------------------------------------
1 | import TurndownService from "turndown";
2 |
3 | const turndownService = new TurndownService({
4 | codeBlockStyle: "fenced",
5 | fence: "```",
6 | });
7 |
8 | export default function turndown() {
9 | return turndownService.turndown(...arguments);
10 | }
--------------------------------------------------------------------------------
18 | {{ missedOJ.map(oj => config.oj[oj].name).join('，') }}。 19 |