lostecho/Pake
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

🎨 增加对v2ex支持

Browse Source
This commit is contained in:
Tw93
2022-11-06 12:52:08 +08:00
parent 1e0a7a7d74
commit fc58f2bc8a
4 changed files with 82 additions and 63 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
README.md
View File

@@ -2,7 +2,7 @@
<p align="center">
<img src=https://gw.alipayobjects.com/zos/k/fa/logo-modified.png width=138/>
<h1 align="center">Pake</h1>
<div align="left">很简单的用 Rust 打包网页生成很小的 Mac App，底层使用 Tauri，支持微信读书、Twitter、语雀、RunCode、Witeboard、Flomo、Vercel 等，详细小白开发教程可见底部。</div>
<div align="left">很简单的用 Rust 打包网页生成很小的 Mac App，底层使用 Tauri，支持微信读书、Twitter、语雀、RunCode、Witeboard、Flomo、Vercel、V2EX 等，详细小白开发教程可见底部。</div>
</p>
## 特征

2
README_EN.md
View File

@@ -2,7 +2,7 @@
<p align="center">
<img src=https://gw.alipayobjects.com/zos/k/fa/logo-modified.png width=138/>
<h1 align="center">Pake</h1>
<div align="left">A simple way to package a web page with Rust to create Mac App, using Tauri as underlying layer, supporting WeRead、Twitter、YuQue、RunCode、Flomo、Witeboard、Vercel, detailed development tutorial can be seen at the bottom.</div>
<div align="left">A simple way to package a web page with Rust to create Mac App, using Tauri as underlying layer, supporting WeRead、Twitter、YuQue、RunCode、Flomo、Witeboard、Vercel、V2EX, detailed development tutorial can be seen at the bottom.</div>
</p>
## Features

BIN
src-tauri/icons/v2ex.icns Normal file
View File

Binary file not shown.

141
src-tauri/src/pake.js
View File

@@ -1,7 +1,8 @@
window.addEventListener('DOMContentLoaded', (_event) => {
const style = document.createElement('style');
style.innerHTML = `
const style = document.createElement('style');
style.innerHTML = `
// mini twitter 代码存到 dist 下面，为了防止干扰，需要的时候 copy 过来即可
.panel.give_me .nav_view {
top: 154px !important;
}
@@ -18,10 +19,26 @@ window.addEventListener('DOMContentLoaded', (_event) => {
.drawing-board .toolbar .toolbar-action,
.c-swiper-container,
.download_entry,
.lang, .copyright {
.lang, .copyright,
.wwads-cn, .adsbygoogle,
#Bottom > div.content > div.inner,
#Rightbar .sep20:nth-of-type(5),
#Rightbar > div.box:nth-child(4),
#Main > div.box:nth-child(8) > div
#Wrapper > div.sep20,
#Main > div.box:nth-child(8) {
display: none !important;
}
#Wrapper{
background-color: #F8F8F8 !important;
background-image:none !important;
}
#Top {
border-bottom: none;
}
.container-with-note #home, .container-with-note #switcher{
top: 30px;
}
@@ -49,62 +66,61 @@ window.addEventListener('DOMContentLoaded', (_event) => {
cursor: -webkit-grab;
}
`;
document.head.append(style);
const topDom = document.createElement("div");
topDom.id = "pack-top-dom"
document.body.appendChild(topDom);
document.head.append(style);
const topDom = document.createElement('div');
topDom.id = 'pack-top-dom';
document.body.appendChild(topDom);
const domEl = document.getElementById('pack-top-dom');
const domEl = document.getElementById('pack-top-dom');
domEl.addEventListener('mousedown', (e) => {
if (e.buttons === 1 && e.detail !== 2) {
window.ipc.postMessage('drag_window');
}
})
domEl.addEventListener('mousedown', (e) => {
if (e.buttons === 1 && e.detail !== 2) {
window.ipc.postMessage('drag_window');
}
});
domEl.addEventListener('touchstart', (e) => {
window.ipc.postMessage('drag_window');
})
domEl.addEventListener('touchstart', (e) => {
window.ipc.postMessage('drag_window');
});
domEl.addEventListener('dblclick', (e) => {
window.ipc.postMessage('fullscreen');
})
domEl.addEventListener('dblclick', (e) => {
window.ipc.postMessage('fullscreen');
});
document.addEventListener('keyup', function (event) {
if (event.key === "ArrowUp" && event.metaKey){
scrollTo(0,0);
}
if (event.key === "ArrowDown" && event.metaKey){
window.scrollTo(0, document.body.scrollHeight);
}
if (event.key === "[" && event.metaKey){
window.history.go(-1);
}
if (event.key === "]" && event.metaKey){
window.history.go(1);
}
if (event.key === "r" && event.metaKey){
window.location.reload();
}
if (event.key === "-" && event.metaKey){
zoomOut();
}
if (event.key === "=" && event.metaKey){
zoomIn();
}
if (event.key === "0" && event.metaKey){
zoomCommon(() => '100%');
}
})
document.addEventListener('click', e => {
const origin = e.target.closest('a');
const href = origin.href;
if (href) {
origin.target = "_self"
}
});
document.addEventListener('keyup', function (event) {
if (event.key === 'ArrowUp' && event.metaKey) {
scrollTo(0, 0);
}
if (event.key === 'ArrowDown' && event.metaKey) {
window.scrollTo(0, document.body.scrollHeight);
}
if (event.key === '[' && event.metaKey) {
window.history.go(-1);
}
if (event.key === ']' && event.metaKey) {
window.history.go(1);
}
if (event.key === 'r' && event.metaKey) {
window.location.reload();
}
if (event.key === '-' && event.metaKey) {
zoomOut();
}
if (event.key === '=' && event.metaKey) {
zoomIn();
}
if (event.key === '0' && event.metaKey) {
zoomCommon(() => '100%');
}
});
document.addEventListener('click', (e) => {
const origin = e.target.closest('a');
const href = origin.href;
if (href) {
origin.target = '_self';
}
});
});
setDefaultZoom();
@@ -117,18 +133,21 @@ function setDefaultZoom() {
}
function zoomCommon(callback) {
const htmlZoom = window.localStorage.getItem('htmlZoom') || '100%';
const html = document.getElementsByTagName('html')[0];
const zoom = callback(htmlZoom);
html.style.zoom = zoom;
window.localStorage.setItem('htmlZoom', zoom);
const htmlZoom = window.localStorage.getItem('htmlZoom') || '100%';
const html = document.getElementsByTagName('html')[0];
const zoom = callback(htmlZoom);
html.style.zoom = zoom;
window.localStorage.setItem('htmlZoom', zoom);
}
function zoomIn() {
zoomCommon(htmlZoom => parseInt(htmlZoom) < 200 ? (parseInt(htmlZoom) + 10 +'%') : '200%');
zoomCommon((htmlZoom) =>
parseInt(htmlZoom) < 200 ? parseInt(htmlZoom) + 10 + '%' : '200%',
);
}
function zoomOut() {
zoomCommon(htmlZoom => parseInt(htmlZoom) > 30 ? (parseInt(htmlZoom) - 10 +'%') : '30%');
zoomCommon((htmlZoom) =>
parseInt(htmlZoom) > 30 ? parseInt(htmlZoom) - 10 + '%' : '30%',
);
}