this.warpper = node}>
132 |
133 |
![{edit.label}]()
e.target.src = websiteIcon} src={edit.icon} />
134 |
135 |
136 | {edit.label}
137 |
138 |
139 |
140 | {active === 'document' && edit.urls &&
{this.renderEditItemURL(edit)}
}
141 |
142 |
143 |
144 | {websiteSource.map((item, idx) => {
145 | let isActive = item.value === active;
146 | if (active === '' && idx === 0) isActive = true;
147 | return (
148 |
149 | {item.label}
150 |
151 | );
152 | })}
153 |
154 | {websiteSource.map((item, idx) => {
155 | return (
156 |
163 | {item.children.map((_item, _idx) => (
164 |
165 | ![{_item.label}]()
e.target.src = websiteIcon} src={_item.icon} />
166 | {_item.label}
167 |
168 | ))}
169 |
170 | );
171 | })}
172 |
173 |
174 |
127 |
128 | {searchNav.map((item, idx) => (
129 |
130 | {item.label}
131 |
132 | ))}
133 |
134 | {isTab && TabView}
135 | {!isTab && (
136 |
137 | this.search = searchCom}
140 | placeholder="请输入文字"
141 | query={query}
142 | onChange={this.onChange.bind(this)}
143 | onSearch={this.onSearch.bind(this, optionItem)}
144 | onKeyUp={this.onKeyUp.bind(this, optionItem)}
145 | select={{
146 | option,
147 | value,
148 | onSelect: this.onSelect.bind(this),
149 | }}
150 | />
151 |
152 |
153 | )}
154 | {((optionItem.iframe !== false && query && !this.isSreach) || iframeUrl || isTab) && (
155 |
156 |
157 |
158 | )}
159 |
226 |
227 | {editTask === idx && (
228 |
this.editTask = node}
230 | onBlur={this.onEditTaskBlur.bind(this, item, idx)}
231 | onKeyPress={this.onKeyPressEditTaskMenu.bind(this, item, idx)}
232 | className={styles.editMenu}
233 | >
234 | {item.label}
235 |
236 | )}
237 | {editTask !== idx && iconList}
238 | {editTask !== idx &&
{item.label}}
239 |
240 | {editTask !== idx &&
{undone.length > 0 ? undone.length : ''}}
241 |
254 |
255 |
256 | {todo.list.map((item, idx) => this.renderMenuTask(item, idx))}
257 | {(addTask || todo.list.length === 0) && (
258 |
this.addTask = node} placeholder="请添加一个任务清单！" onKeyPress={this.onKeyPressAddTask.bind(this)} className={styles.addTask} />
259 | )}
260 |
261 | {todo.list.length > 0 && (
262 |
263 |
264 |
{listTodo.label}
265 |
266 |
267 |
268 |
269 |
270 |
271 | {inputFocus && color.map((item, idx) => (
272 |
273 | ))}
274 |
275 |
276 |
277 |
278 | {unDoneList.map((item, idx) => this.renderItemTodo(item, idx))}
279 | {doneList.length > 0 ?
{`${doneList.length} 个任务已完成`}
: null}
280 | {displayDestoryList && doneList.map((item, idx) => this.renderItemTodo(item, idx))}
281 |
282 | )}
283 |
284 | );
285 | }
286 | }
287 |
--------------------------------------------------------------------------------
/src/pages/Todo/index.module.less:
--------------------------------------------------------------------------------
1 | .warpper {
2 | width: 100%;
3 | height: 100%;
4 | flex: 1;
5 | overflow: auto;
6 | flex-direction: row;
7 | display: flex;
8 | user-select: none;
9 | .menus {
10 | border-right: 1px solid var(--color-border-color);
11 | width: 210px;
12 | overflow: auto;
13 | .item {
14 | line-height: 34px;
15 | padding: 0;
16 | position: relative;
17 | color: #586069;
18 | display: flex;
19 | align-items: center;
20 | justify-content: space-between;
21 | transition: all .3s;
22 | cursor: default;
23 | &:hover {
24 | color: #333;
25 | }
26 | &:global(.active) {
27 | background-color: var(--color-active);
28 | svg {
29 | fill: #555 !important;
30 | }
31 | }
32 | .count {
33 | color: #b4b4b4;
34 | margin: 0 10px 0 0;
35 | }
36 | .title {
37 | position: relative;
38 | width: 100%;
39 | .innerText {
40 | text-overflow: ellipsis;
41 | white-space: nowrap;
42 | overflow: hidden;
43 | }
44 | svg {
45 | vertical-align: middle;
46 | margin: -3px 4px 0 6px;
47 | transition: fill .3s;
48 | fill: #a0a0a0;
49 | }
50 | }
51 | }
52 | .editMenu {
53 | -webkit-user-modify: read-write-plaintext-only;
54 | white-space: nowrap;
55 | overflow: hidden;
56 | background-color: #dfdfdf;
57 | padding: 0 10px;
58 | width: 100%;
59 | &:focus {
60 | color: #495057;
61 | background-color: var(--color-active);
62 | border-color: #80bdff;
63 | outline: 0;
64 | box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
65 | }
66 | }
67 | .addTask {
68 | -webkit-user-modify: read-write-plaintext-only;
69 | margin: 3px;
70 | border: 1px solid var(--color-border-color);
71 | word-wrap: break-word;
72 | background-color: var(--color-active);
73 | padding: 5px 5px;
74 | border-radius: 3px;
75 | outline: 0;
76 | &:empty:before{
77 | content: attr(placeholder);
78 | color:#bbb;
79 | }
80 | &:focus:before{
81 | content: none;
82 | }
83 | }
84 | }
85 |
86 | .content {
87 | padding: 10px;
88 | width: 100px;
89 | overflow: auto;
90 | flex: 2;
91 | .title {
92 | font-size: 18px;
93 | padding: 10px 0 5px 5px;
94 | justify-content: space-between;
95 | display: flex;
96 | h1 {
97 | margin: 0;
98 | padding: 0;
99 | font-size: 18px;
100 | }
101 | }
102 | .color {
103 | display: flex;
104 | align-items: center;
105 | float: right;
106 | span {
107 | width: 16px;
108 | height: 16px;
109 | border-radius: 100%;
110 | cursor: pointer;
111 | margin-left: 5px;
112 | display: inline-block;
113 | transition: all .3s;
114 | &:hover {
115 | transform: scale(1.15);
116 | }
117 | }
118 | }
119 | .progress {
120 | position: relative;
121 | display: inline-block;
122 | &:hover .percent {
123 | display: block;
124 | }
125 | .percent {
126 | display: none;
127 | position: absolute;
128 | background-color: #0009;
129 | padding: 2px 4px;
130 | color: #fff;
131 | border-radius: 2px;
132 | }
133 | }
134 | .input {
135 | margin-bottom: 10px;
136 | input {
137 | outline: 0;
138 | min-width: 160px;
139 | width: 100%;
140 | height: 32px;
141 | padding: 0 10px;
142 | border-radius: 2px;
143 | background-color: var(--color-active);
144 | border: 1px solid transparent;
145 | &:focus {
146 | background-color: #00000006;
147 | }
148 | }
149 | }
150 | .destroyTitle {
151 | display: inline-block;
152 | background: #00000017;
153 | padding: 2px 5px;
154 | margin-top: 5px;
155 | border-radius: 3px;
156 | cursor: pointer;
157 | }
158 | .item {
159 | height: 36px;
160 | line-height: 36px;
161 | margin: 5px 0;
162 | padding: 0 0px 0 0px;
163 | background-color: var(--color-active);
164 | white-space: nowrap;
165 | overflow: hidden;
166 | text-overflow: ellipsis;
167 | border-radius: 3px;
168 | position: relative;
169 | user-select: text;
170 | display: flex;
171 | &:global(.del) {
172 | .task {
173 | text-decoration: line-through;
174 | }
175 | color: #9f9f9f;
176 | }
177 | &:hover {
178 | .destroy {
179 | display: block;
180 | }
181 | }
182 | &:not(:global(.del)) .task {
183 | -webkit-user-modify: read-write-plaintext-only;
184 | }
185 | svg {
186 | margin: 7px 5px 0 8px;
187 | }
188 | }
189 | .task {
190 | flex: 1;
191 | overflow: hidden;
192 | outline: 0;
193 | }
194 | .destroy {
195 | display: none;
196 | width: 36px;
197 | border: 0;
198 | background: transparent;
199 | font-size: 18px;
200 | color: #cc9a9a;
201 | cursor: pointer;
202 | transition: color 0.2s ease-out;
203 | margin: 0;
204 | padding: 0;
205 | outline: 0;
206 | &:hover {
207 | color: #cc3035;
208 | }
209 | &::after {
210 | content: '×';
211 | line-height: 32px;
212 | }
213 | }
214 | }
215 | }
--------------------------------------------------------------------------------
/src/utils/BlockFetch.js:
--------------------------------------------------------------------------------
1 | export default function BlockFetch(key = 'old-fetch-time', time = 2) {
2 | let oldTime = localStorage.getItem(key);
3 | const newTime = new Date().getTime();
4 | if (!oldTime) {
5 | localStorage.setItem(key, newTime);
6 | return true;
7 | }
8 | oldTime = parseInt(oldTime, 10);
9 |
10 | const intervals = parseInt(((newTime - oldTime) / 1000 / 60), 10);
11 | if (intervals >= time) {
12 | localStorage.setItem(key, newTime);
13 | return true;
14 | }
15 | return false;
16 | }
17 |
--------------------------------------------------------------------------------
/src/utils/fetch.js:
--------------------------------------------------------------------------------
1 | import BlockFetch from './BlockFetch';
2 |
3 | /**
4 | * fetchInterval
5 | * @param {String} url 请求 URL
6 | * @param {Number} intervals 请求间隔时间
7 | * @param {Boolean} isDelayed 是否延迟
8 | */
9 | export function fetchInterval(url, intervals, intervalsType) {
10 | const isFetch = BlockFetch(intervalsType || url, intervals);
11 | return !isFetch ? new Promise((resolve, reject) => {
12 | if (isFetch) resolve('');
13 | else {
14 | reject(new Error('wait...'));
15 | }
16 | }) : fetch(url).then((response) => {
17 | return response.text();
18 | });
19 | }
20 |
21 | export function fetchTimely(url) {
22 | return fetch(url).then((response) => {
23 | return response.text();
24 | });
25 | }
26 |
--------------------------------------------------------------------------------
/src/utils/index.js:
--------------------------------------------------------------------------------
1 | import { fetchInterval, fetchTimely } from './fetch';
2 | import BlockFetch from './BlockFetch';
3 | import { theWeek } from './theWeek';
4 |
5 | export {
6 | fetchInterval,
7 | fetchTimely,
8 | BlockFetch,
9 | theWeek,
10 | };
11 |
--------------------------------------------------------------------------------
/src/utils/theWeek.js:
--------------------------------------------------------------------------------
1 | export function theWeek() {
2 | const today = new Date();
3 | let firstDay = new Date(today.getFullYear(), 0, 1);
4 | const dayOfWeek = firstDay.getDay();
5 | let spendDay = 1;
6 | if (dayOfWeek !== 0) {
7 | spendDay = 7 - dayOfWeek + 1;
8 | }
9 | firstDay = new Date(today.getFullYear(), 0, 1 + spendDay);
10 | const d = Math.ceil((today.valueOf() - firstDay.valueOf()) / 86400000);
11 | const result = Math.ceil(d / 7);
12 | return result + 1;
13 | }
14 |
--------------------------------------------------------------------------------
4 |
5 | 
13 | 
27 | 
28 | 
29 | 
30 | 
31 | 
32 | 
33 | 
34 | 
41 |
42 | #### 任务清单
43 |
44 | 
45 |
46 | #### 兼容FireFox
47 |
48 | 只需要安装 [Chrome Store Foxified ](https://addons.mozilla.org/zh-CN/firefox/addon/chrome-store-foxified/) 扩展，就能直接在 Firefox 里安装 Chrome 扩展，不过，还是需要先登录 https://addons.mozilla.org/ 然后就可以打开 [Chrome 网上商店](https://chrome.google.com/webstore/detail/oscnews/iheapfheanfjcemgneblljhaebonakbg) 里的 oscnews 。点击 ADD TO FIREFOX 后，Chrome Store Foxified 就在后台工作了，最终会在 addons 里提交一个临时扩展，并且安装在你的 Firefox 里。
49 |
50 | > [Github下载 oscnews.xpi 文件](https://github.com/jaywcjlove/oscnews/releases)
51 |
52 | 下载 xpi 文件，将 xpi 文件拖拽到扩展列表中安装。
53 |
54 | ## 开发模式安装
55 |
56 | 下载源文件
57 |
58 | ```bash
59 | git clone https://github.com/jaywcjlove/oscnews.git --depth=1 --recurse-submodules
60 | # 开源中国仓库
61 | git clone https://gitee.com/jaywcjlove/oscnews.git --depth=1 --recurse-submodules
62 | ```
63 |
64 | 安装依赖
65 |
66 | ```bash
67 | npm install
68 | ```
69 |
70 | 编译源码
71 |
72 | ```bash
73 | npm run build
74 | ```
75 |
76 | 下载编译之后，在 Chrome 浏览器地址栏输入 [chrome://extensions](chrome://extensions/) 打开插件界面，通过下图方式，将生成的 `oscnews` 目录，导入到插件列表中。
77 |
78 | 
79 |
80 |
81 | 应用商店生成 crx 文件
82 |
83 | ```diff
84 | - https://clients2.google.com/service/update2/crx?response=redirect&x=id%3D<这里是扩展ID>%26uc&prodversion=32
85 | + https://clients2.google.com/service/update2/crx?response=redirect&x=id%3Diheapfheanfjcemgneblljhaebonakbg%26uc&prodversion=32
86 | ```
87 |
88 | Mac系统下扩展的源码目录
89 |
90 | ```bash
91 | cd ~/Library/Application\ Support/Google/Chrome/Default/Extensions
92 | ```
93 |
94 | ## TODO
95 |
96 | - [x] 浏览历史记录
97 | - [x] 浏览历史选择今天、周、全部
98 | - [x] 清空历史记录
99 | - [x] 开发文档导航
100 | - [ ] 自定义开发文档导航
101 | - [x] 开发文档导航搜索过滤
102 | - [x] ~~添加删除文档？~~
103 | - [x] 文档分类前端（前端、后端、工具）
104 | - [x] Linux命令检索，集成 [linux-command](https://github.com/jaywcjlove/linux-command)
105 | - [x] Github 趋势榜天、周、月统计切换，语言切换
106 | - [x] 配置存储使用 [chrome.storage](https://developer.chrome.com/apps/storage) 替代
107 | - [x] 添加搜索引擎页面
108 | - [x] 开源中国新闻
109 | - [x] 宽度拖拽设置
110 | - [ ] 下拉翻页
111 | - [x] 空页面
112 | - [ ] 天气日期展示
113 | - [x] 农历日期显示
114 | - [x] 更换背景色
115 | - [x] 添加时钟效果
116 | - [x] 常用网站导航
117 | - [x] 自定义常用网站导航
118 | - [ ] 书签管理页面
119 | - [ ] Github
120 | - [ ] Github 登录，浏览自己项目
121 | - [ ] Github Start 管理
122 | - [ ] Gitlab 登录，相关功能
123 | - [ ] 集成 [octotree](https://github.com/buunguyen/octotree) 部分功能
124 | - [ ] 插件官方网站
125 | - [ ] 密码管理器
126 | - [ ] RSS订阅功能
127 | - [x] 提醒事项
128 | - [x] 记录代办事项
129 | - [ ] Chrome通知
130 | - [x] 设置功能
131 | - [x] 设置是否替换新标签页显示
132 | - [ ] 设置URL是否在新的标签页打开，
133 | - [ ] 菜单配置
134 | - [ ] 清空历史
135 | - [ ] 分享应用到微博
136 | - [ ] 兼容其它浏览器
137 | - [x] 兼容QQ浏览器，已测试下载crx文件安装直接可以用
138 | - [ ] 兼容360急速浏览器
139 | - [ ] 兼容Firefox浏览器
140 |
141 | ## License
142 |
143 | The MIT License (MIT)
--------------------------------------------------------------------------------
/chrome-main/manifest.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "oscnews",
3 | "version": "1.16.0",
4 | "description": "查看开源中国软件更新资讯，内置文档导航，GitHub 趋势榜，linux命令索引，浏览历史记录和时钟页面。",
5 | "icons": {
6 | "128": "osc-logo.png"
7 | },
8 | "permissions": [
9 | "tabs",
10 | "activeTab",
11 | "unlimitedStorage",
12 | "storage",
13 | "history",
14 | "management",
15 | "webRequest",
16 | "scripting"
17 | ],
18 | "host_permissions": ["https://www.oschina.net/", "https://github.com/"],
19 | "manifest_version": 3,
20 | "offline_enabled": true,
21 | "chrome_url_overrides": {
22 | "newtab": "index.html"
23 | }
24 | }
--------------------------------------------------------------------------------
/chrome-main/osc-logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jaywcjlove/oscnews/9cd92dc9ba98247628007b57350b3d8cb71efb07/chrome-main/osc-logo.png
--------------------------------------------------------------------------------
/img/newtab.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jaywcjlove/oscnews/9cd92dc9ba98247628007b57350b3d8cb71efb07/img/newtab.gif
--------------------------------------------------------------------------------
/img/newtab1.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jaywcjlove/oscnews/9cd92dc9ba98247628007b57350b3d8cb71efb07/img/newtab1.gif
--------------------------------------------------------------------------------
/img/newtab2.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jaywcjlove/oscnews/9cd92dc9ba98247628007b57350b3d8cb71efb07/img/newtab2.gif
--------------------------------------------------------------------------------
/img/osc-extensions.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jaywcjlove/oscnews/9cd92dc9ba98247628007b57350b3d8cb71efb07/img/osc-extensions.png
--------------------------------------------------------------------------------
/img/osc-news1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jaywcjlove/oscnews/9cd92dc9ba98247628007b57350b3d8cb71efb07/img/osc-news1.png
--------------------------------------------------------------------------------
/img/osc-news2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jaywcjlove/oscnews/9cd92dc9ba98247628007b57350b3d8cb71efb07/img/osc-news2.png
--------------------------------------------------------------------------------
/img/osc-news3.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jaywcjlove/oscnews/9cd92dc9ba98247628007b57350b3d8cb71efb07/img/osc-news3.png
--------------------------------------------------------------------------------
/img/osc-news4.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jaywcjlove/oscnews/9cd92dc9ba98247628007b57350b3d8cb71efb07/img/osc-news4.png
--------------------------------------------------------------------------------
/img/osc-news5.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jaywcjlove/oscnews/9cd92dc9ba98247628007b57350b3d8cb71efb07/img/osc-news5.png
--------------------------------------------------------------------------------
/img/osc-news6.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jaywcjlove/oscnews/9cd92dc9ba98247628007b57350b3d8cb71efb07/img/osc-news6.png
--------------------------------------------------------------------------------
/img/osc-news7.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jaywcjlove/oscnews/9cd92dc9ba98247628007b57350b3d8cb71efb07/img/osc-news7.png
--------------------------------------------------------------------------------
/img/osc-news8.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jaywcjlove/oscnews/9cd92dc9ba98247628007b57350b3d8cb71efb07/img/osc-news8.png
--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "oscnews",
3 | "version": "1.16.0",
4 | "description": "开源中国新闻，查看开源中国软件更新资讯，文档导航，GitHub 趋势榜，和时钟页面。",
5 | "private": true,
6 | "main": "index.js",
7 | "scripts": {
8 | "start": "BUILD_PATH=dist kkt start --watch --no-open-browser",
9 | "build": "BUILD_PATH=dist kkt build"
10 | },
11 | "repository": {
12 | "type": "git",
13 | "url": "git+https://github.com/jaywcjlove/oscnews.git"
14 | },
15 | "keywords": [],
16 | "author": "",
17 | "license": "MIT",
18 | "bugs": {
19 | "url": "https://github.com/jaywcjlove/oscnews/issues"
20 | },
21 | "homepage": "https://github.com/jaywcjlove/oscnews#readme",
22 | "devDependencies": {
23 | "@kkt/less-modules": "~7.1.1",
24 | "clean-webpack-plugin": "~4.0.0",
25 | "filemanager-webpack-plugin": "~6.1.7",
26 | "kkt": "~7.1.5"
27 | },
28 | "dependencies": {
29 | "@wcj/dark-mode": "~1.0.13",
30 | "cheerio": "~1.0.0-rc.10",
31 | "classnames": "~2.3.1",
32 | "linux-command": "~1.9.0",
33 | "prop-types": "~15.8.1",
34 | "react": "~17.0.2",
35 | "react-dom": "~17.0.2",
36 | "solarlunar": "~2.0.7"
37 | },
38 | "eslintConfig": {
39 | "extends": "react-app"
40 | },
41 | "browserslist": {
42 | "production": [
43 | ">0.2%",
44 | "not dead",
45 | "not op_mini all"
46 | ],
47 | "development": [
48 | "last 1 chrome version",
49 | "last 1 firefox version",
50 | "last 1 safari version"
51 | ]
52 | }
53 | }
54 |
--------------------------------------------------------------------------------
/public/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jaywcjlove/oscnews/9cd92dc9ba98247628007b57350b3d8cb71efb07/public/favicon.ico
--------------------------------------------------------------------------------
/public/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |