update
parent
21e67024e9
commit
184bf9c176
10
package.json
10
package.json
|
|
@ -4,9 +4,16 @@
|
|||
"private": true,
|
||||
"main": "main.js",
|
||||
"dependencies": {
|
||||
"@headlessui/react": "^0.0.0-insiders.ab6310c",
|
||||
"@rsuite/icons": "^1.0.2",
|
||||
"electron": "^18.0.2",
|
||||
"electron-store": "^8.0.1",
|
||||
"mtproton": "^6.0.0",
|
||||
"react": "^18.0.0",
|
||||
"react-dom": "^18.0.0",
|
||||
"react-scripts": "5.0.0"
|
||||
"react-router-dom": "^6.3.0",
|
||||
"react-scripts": "5.0.0",
|
||||
"rsuite": "^5.8.0"
|
||||
},
|
||||
"scripts": {
|
||||
"start": "react-scripts start",
|
||||
|
|
@ -17,7 +24,6 @@
|
|||
},
|
||||
"devDependencies": {
|
||||
"autoprefixer": "^10.4.4",
|
||||
"electron": "^18.0.1",
|
||||
"postcss": "^8.4.12",
|
||||
"tailwindcss": "^3.0.23"
|
||||
},
|
||||
|
|
|
|||
|
|
@ -6,6 +6,7 @@ specifiers:
|
|||
autoprefixer: ^10.4.4
|
||||
electron: ^18.0.2
|
||||
electron-store: ^8.0.1
|
||||
mtproton: ^6.0.0
|
||||
postcss: ^8.4.12
|
||||
react: ^18.0.0
|
||||
react-dom: ^18.0.0
|
||||
|
|
@ -19,6 +20,7 @@ dependencies:
|
|||
'@rsuite/icons': registry.npmmirror.com/@rsuite/icons/1.0.2_react-dom@18.0.0+react@18.0.0
|
||||
electron: registry.npmmirror.com/electron/18.0.2
|
||||
electron-store: registry.npmmirror.com/electron-store/8.0.1
|
||||
mtproton: registry.npmmirror.com/mtproton/6.0.0
|
||||
react: registry.npmmirror.com/react/18.0.0
|
||||
react-dom: registry.npmmirror.com/react-dom/18.0.0_react@18.0.0
|
||||
react-router-dom: registry.npmmirror.com/react-router-dom/6.3.0_react-dom@18.0.0+react@18.0.0
|
||||
|
|
@ -3283,6 +3285,12 @@ packages:
|
|||
regex-parser: registry.npmmirror.com/regex-parser/2.2.11
|
||||
dev: false
|
||||
|
||||
registry.npmmirror.com/aes-js/3.1.2:
|
||||
resolution: {integrity: sha512-e5pEa2kBnBOgR4Y/p20pskXI74UEz7de8ZGVo58asOtvSVG5YAbJeELPZxOmt+Bnz3rX753YKhfIn4X4l1PPRQ==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/aes-js/-/aes-js-3.1.2.tgz}
|
||||
name: aes-js
|
||||
version: 3.1.2
|
||||
dev: false
|
||||
|
||||
registry.npmmirror.com/agent-base/6.0.2:
|
||||
resolution: {integrity: sha512-RZNwNclF7+MS/8bDg70amg32dyeZGZxiDuQmZxKLAlQjr3jGyLx+4Kkk58UO7D2QdgFIQCovuSuZESne6RG6XQ==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/agent-base/-/agent-base-6.0.2.tgz}
|
||||
name: agent-base
|
||||
|
|
@ -3817,6 +3825,13 @@ packages:
|
|||
tryer: registry.npmmirror.com/tryer/1.0.1
|
||||
dev: false
|
||||
|
||||
registry.npmmirror.com/big-integer/1.6.51:
|
||||
resolution: {integrity: sha512-GPEid2Y9QU1Exl1rpO9B2IPJGHPSupF5GnVIP0blYvNOMer2bTvSWs1jGOUg04hTmu67nmLsQ9TBo1puaotBHg==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/big-integer/-/big-integer-1.6.51.tgz}
|
||||
name: big-integer
|
||||
version: 1.6.51
|
||||
engines: {node: '>=0.6'}
|
||||
dev: false
|
||||
|
||||
registry.npmmirror.com/big.js/5.2.2:
|
||||
resolution: {integrity: sha512-vyL2OymJxmarO8gxMr0mhChsO9QGwhynfuu4+MHTAW6czfq9humCB7rKpUjDd9YUiDPU4mzpyupFSvOClAwbmQ==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/big.js/-/big.js-5.2.2.tgz}
|
||||
name: big.js
|
||||
|
|
@ -4351,6 +4366,20 @@ packages:
|
|||
dev: false
|
||||
optional: true
|
||||
|
||||
registry.npmmirror.com/configstore/5.0.1:
|
||||
resolution: {integrity: sha512-aMKprgk5YhBNyH25hj8wGt2+D52Sw1DRRIzqBwLp2Ya9mFmY8KPvvtvmna8SxVR9JMZ4kzMD68N22vlaRpkeFA==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/configstore/-/configstore-5.0.1.tgz}
|
||||
name: configstore
|
||||
version: 5.0.1
|
||||
engines: {node: '>=8'}
|
||||
dependencies:
|
||||
dot-prop: registry.npmmirror.com/dot-prop/5.3.0
|
||||
graceful-fs: registry.npmmirror.com/graceful-fs/4.2.9
|
||||
make-dir: registry.npmmirror.com/make-dir/3.1.0
|
||||
unique-string: registry.npmmirror.com/unique-string/2.0.0
|
||||
write-file-atomic: registry.npmmirror.com/write-file-atomic/3.0.3
|
||||
xdg-basedir: registry.npmmirror.com/xdg-basedir/4.0.0
|
||||
dev: false
|
||||
|
||||
registry.npmmirror.com/confusing-browser-globals/1.0.11:
|
||||
resolution: {integrity: sha512-JsPKdmh8ZkmnHxDk55FZ1TqVLvEQTvoByJZRN9jzI0UjxK/QgAmsphz7PGtqgPieQZ/CQcHWXCR7ATDNhGe+YA==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/confusing-browser-globals/-/confusing-browser-globals-1.0.11.tgz}
|
||||
name: confusing-browser-globals
|
||||
|
|
@ -4806,6 +4835,20 @@ packages:
|
|||
ms: registry.npmmirror.com/ms/2.1.3
|
||||
dev: false
|
||||
|
||||
registry.npmmirror.com/debug/4.3.3:
|
||||
resolution: {integrity: sha512-/zxw5+vh1Tfv+4Qn7a5nsbcJKPaSvCDhojn6FEl9vupwK2VCSDtEiEtqr8DFtzYFOdz63LBkxec7DYuc2jon6Q==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/debug/-/debug-4.3.3.tgz}
|
||||
name: debug
|
||||
version: 4.3.3
|
||||
engines: {node: '>=6.0'}
|
||||
peerDependencies:
|
||||
supports-color: '*'
|
||||
peerDependenciesMeta:
|
||||
supports-color:
|
||||
optional: true
|
||||
dependencies:
|
||||
ms: registry.npmmirror.com/ms/2.1.2
|
||||
dev: false
|
||||
|
||||
registry.npmmirror.com/debug/4.3.4:
|
||||
resolution: {integrity: sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/debug/-/debug-4.3.4.tgz}
|
||||
name: debug
|
||||
|
|
@ -5143,6 +5186,15 @@ packages:
|
|||
tslib: registry.npmmirror.com/tslib/2.3.1
|
||||
dev: false
|
||||
|
||||
registry.npmmirror.com/dot-prop/5.3.0:
|
||||
resolution: {integrity: sha512-QM8q3zDe58hqUqjraQOmzZ1LIH9SWQJTlEKCH4kJ2oQvLZk7RbQXvtDM2XEq3fwkV9CCvvH4LA0AV+ogFsBM2Q==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/dot-prop/-/dot-prop-5.3.0.tgz}
|
||||
name: dot-prop
|
||||
version: 5.3.0
|
||||
engines: {node: '>=8'}
|
||||
dependencies:
|
||||
is-obj: registry.npmmirror.com/is-obj/2.0.0
|
||||
dev: false
|
||||
|
||||
registry.npmmirror.com/dot-prop/6.0.1:
|
||||
resolution: {integrity: sha512-tE7ztYzXHIeyvc7N+hR3oi7FIbf/NIjVP9hmAt3yMXzrQ072/fpjGLx2GxNxGxUl5V73MEqYzioOMoVhGMJ5cA==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/dot-prop/-/dot-prop-6.0.1.tgz}
|
||||
name: dot-prop
|
||||
|
|
@ -7973,6 +8025,12 @@ packages:
|
|||
language-subtag-registry: registry.npmmirror.com/language-subtag-registry/0.3.21
|
||||
dev: false
|
||||
|
||||
registry.npmmirror.com/leemon/6.2.0:
|
||||
resolution: {integrity: sha512-a5ieuGSGEb5ezCL6UNds5//cVFaKpeexVK0VDCE8/eOF0r0/9Og94LQ33U2Px5dUcHVCDPWQY8gXLgDlDJnyyg==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/leemon/-/leemon-6.2.0.tgz}
|
||||
name: leemon
|
||||
version: 6.2.0
|
||||
dev: false
|
||||
|
||||
registry.npmmirror.com/leven/3.1.0:
|
||||
resolution: {integrity: sha512-qsda+H8jTaUaN/x5vzW2rzc+8Rw4TAQ/4KjB46IwK5VH+IlVeeeje/EoZRpiXvIqjFgK84QffqPztGI3VBLG1A==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/leven/-/leven-3.1.0.tgz}
|
||||
name: leven
|
||||
|
|
@ -8359,6 +8417,24 @@ packages:
|
|||
version: 2.1.3
|
||||
dev: false
|
||||
|
||||
registry.npmmirror.com/mtproton/6.0.0:
|
||||
resolution: {integrity: sha512-tANtt9UXKuvDf/lJmDH2LLozHQw6aUnKk7JSMz695db5NnuoFg6h9r5u32Ajhdvuw+ZILIajJm3/T/mZt6QAIg==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/mtproton/-/mtproton-6.0.0.tgz}
|
||||
name: mtproton
|
||||
version: 6.0.0
|
||||
engines: {node: '>=12'}
|
||||
dependencies:
|
||||
aes-js: registry.npmmirror.com/aes-js/3.1.2
|
||||
big-integer: registry.npmmirror.com/big-integer/1.6.51
|
||||
configstore: registry.npmmirror.com/configstore/5.0.1
|
||||
debug: registry.npmmirror.com/debug/4.3.3
|
||||
events: registry.npmmirror.com/events/3.3.0
|
||||
leemon: registry.npmmirror.com/leemon/6.2.0
|
||||
lodash.debounce: registry.npmmirror.com/lodash.debounce/4.0.8
|
||||
pako: registry.npmmirror.com/pako/2.0.4
|
||||
transitivePeerDependencies:
|
||||
- supports-color
|
||||
dev: false
|
||||
|
||||
registry.npmmirror.com/multicast-dns-service-types/1.1.0:
|
||||
resolution: {integrity: sha512-cnAsSVxIDsYt0v7HmC0hWZFwwXSh+E6PgCrREDuN/EsjgLwA5XRmlMHhSiDPrt6HxY1gTivEa/Zh7GtODoLevQ==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/multicast-dns-service-types/-/multicast-dns-service-types-1.1.0.tgz}
|
||||
name: multicast-dns-service-types
|
||||
|
|
@ -8778,6 +8854,12 @@ packages:
|
|||
engines: {node: '>=6'}
|
||||
dev: false
|
||||
|
||||
registry.npmmirror.com/pako/2.0.4:
|
||||
resolution: {integrity: sha512-v8tweI900AUkZN6heMU/4Uy4cXRc2AYNRggVmTR+dEncawDJgCdLMximOVA2p4qO57WMynangsfGRb5WD6L1Bg==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/pako/-/pako-2.0.4.tgz}
|
||||
name: pako
|
||||
version: 2.0.4
|
||||
dev: false
|
||||
|
||||
registry.npmmirror.com/param-case/3.0.4:
|
||||
resolution: {integrity: sha512-RXlj7zCYokReqWpOPH9oYivUzLYZ5vAPIfEmCTNViosC78F8F0H9y7T7gG2M39ymgutxF5gcFEsyZQSph9Bp3A==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/param-case/-/param-case-3.0.4.tgz}
|
||||
name: param-case
|
||||
|
|
@ -12512,6 +12594,13 @@ packages:
|
|||
optional: true
|
||||
dev: false
|
||||
|
||||
registry.npmmirror.com/xdg-basedir/4.0.0:
|
||||
resolution: {integrity: sha512-PSNhEJDejZYV7h50BohL09Er9VaIefr2LMAf3OEmpCkjOi34eYyQYAXUTjEQtZJTKcF0E2UKTh+osDLsgNim9Q==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/xdg-basedir/-/xdg-basedir-4.0.0.tgz}
|
||||
name: xdg-basedir
|
||||
version: 4.0.0
|
||||
engines: {node: '>=8'}
|
||||
dev: false
|
||||
|
||||
registry.npmmirror.com/xml-name-validator/3.0.0:
|
||||
resolution: {integrity: sha512-A5CUptxDsvxKJEU3yO6DuWBSJz/qizqzJKOMIfUJHETbBw/sFaDxgd6fxm1ewUaM0jZ444Fc5vC5ROYurg/4Pw==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/xml-name-validator/-/xml-name-validator-3.0.0.tgz}
|
||||
name: xml-name-validator
|
||||
|
|
|
|||
|
|
@ -0,0 +1,27 @@
|
|||
import React, { useEffect } from "react";
|
||||
import SpinnerIcon from "@rsuite/icons/legacy/Spinner";
|
||||
import { getMe } from "./telegram/user";
|
||||
|
||||
function Loading() {
|
||||
useEffect(() => {
|
||||
setTimeout(() => {
|
||||
window.location.href = "/guide";
|
||||
}, 3000);
|
||||
getMe()
|
||||
.then((res) => {
|
||||
console.log(res);
|
||||
// window.location.href = "/guide";
|
||||
})
|
||||
.catch((err) => {
|
||||
console.log(err);
|
||||
window.location.href = "/guide";
|
||||
});
|
||||
}, []);
|
||||
return (
|
||||
<div className={"flex justify-center items-center w-screen h-screen"}>
|
||||
<SpinnerIcon pulse style={{ fontSize: "2em" }} />
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
export default Loading;
|
||||
35
src/Login.js
35
src/Login.js
|
|
@ -1,35 +0,0 @@
|
|||
import React, { useEffect } from "react";
|
||||
import { Badge, Button, Input, InputGroup } from "rsuite";
|
||||
|
||||
function Login() {
|
||||
useEffect(() => {
|
||||
window.windows.reSize(600, 600);
|
||||
});
|
||||
return (
|
||||
<div className={"grid place-items-center pt-10 w-screen"}>
|
||||
<div className={"w-10/12"}>
|
||||
<div className={"flex justify-start items-start mb-5"}>
|
||||
<div className={"text-4xl select-none"}>登录账号</div>
|
||||
<div className={"flex-1 text-right text-2xl font-bold"}>
|
||||
fileset.io
|
||||
</div>
|
||||
</div>
|
||||
<div className={"flex flex-col gap-5"}>
|
||||
<InputGroup>
|
||||
<Input placeholder={"用户名"} />
|
||||
</InputGroup>
|
||||
<InputGroup>
|
||||
<Input placeholder={"密码"} />
|
||||
</InputGroup>
|
||||
<a className={"cursor-pointer w-fit"}>忘记密码</a>
|
||||
<Button appearance={"primary"}>登录</Button>
|
||||
<div className={"text-center"}>
|
||||
<a className={"cursor-pointer w-fit"}>还没有fileset.io账号？</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
export default Login;
|
||||
23
src/index.js
23
src/index.js
|
|
@ -10,13 +10,14 @@ import Safebox from "./content/Safebox";
|
|||
import Recycle from "./content/Recycle";
|
||||
import Share from "./content/Share";
|
||||
import Transfer from "./content/Transfer";
|
||||
import SpinnerIcon from "@rsuite/icons/legacy/Spinner";
|
||||
import Login from "./Login";
|
||||
import Login from "./login/Login";
|
||||
|
||||
import "rsuite/dist/rsuite.min.css";
|
||||
import { CustomProvider } from "rsuite";
|
||||
import { zhCN } from "rsuite/locales";
|
||||
import Guide from "./Guide";
|
||||
import Guide from "./login/Guide";
|
||||
import Loading from "./Loading";
|
||||
import Register from "./login/Register";
|
||||
|
||||
ReactDOMClient.createRoot(document.getElementById("root")).render(
|
||||
<CustomProvider theme={"light"} locale={zhCN}>
|
||||
|
|
@ -24,6 +25,8 @@ ReactDOMClient.createRoot(document.getElementById("root")).render(
|
|||
<Routes>
|
||||
<Route index path={"/"} element={<Loading />}></Route>
|
||||
<Route path={"/guide"} element={<Guide />}></Route>
|
||||
<Route path={"/login"} element={<Login />}></Route>
|
||||
<Route path={"/register"} element={<Register />}></Route>
|
||||
<Route path={"/app"} element={<App />}>
|
||||
<Route index path={"fileset"} element={<Fileset />} />
|
||||
<Route path={"sync"} element={<Sync />} />
|
||||
|
|
@ -33,21 +36,7 @@ ReactDOMClient.createRoot(document.getElementById("root")).render(
|
|||
<Route path={"share"} element={<Share />} />
|
||||
<Route path={"transfer"} element={<Transfer />} />
|
||||
</Route>
|
||||
<Route path={"/login"} element={<Login />}></Route>
|
||||
</Routes>
|
||||
</BrowserRouter>
|
||||
</CustomProvider>
|
||||
);
|
||||
|
||||
function Loading() {
|
||||
useEffect(() => {
|
||||
setTimeout(() => {
|
||||
window.location.href = "/guide";
|
||||
}, 1000);
|
||||
}, []);
|
||||
return (
|
||||
<div className={"flex justify-center items-center w-screen h-screen"}>
|
||||
<SpinnerIcon pulse style={{ fontSize: "2em" }} />
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -0,0 +1,64 @@
|
|||
import React from "react";
|
||||
import { Button, Form, Schema } from "rsuite";
|
||||
import Header from "./header";
|
||||
|
||||
const loginModel = Schema.Model({
|
||||
email: Schema.Types.StringType().isEmail("请输入正确的格式"),
|
||||
password: Schema.Types.StringType()
|
||||
.rangeLength(6, 20, "密码长度为6-20位")
|
||||
.isRequired("密码不能为空"),
|
||||
});
|
||||
|
||||
function Login() {
|
||||
const formRef = React.useRef();
|
||||
const [formValue, setFormValue] = React.useState({});
|
||||
|
||||
let login = () => {
|
||||
console.log(formValue);
|
||||
if (formRef.current.check()) {
|
||||
console.log("验证通过");
|
||||
}
|
||||
};
|
||||
|
||||
return (
|
||||
<div className={"grid place-items-center pt-10 w-screen"}>
|
||||
<div className={"w-10/12"}>
|
||||
<Header title={"登录账号"} />
|
||||
<div className={"flex flex-col gap-5"}>
|
||||
<Form
|
||||
fluid
|
||||
model={loginModel}
|
||||
checkTrigger="none"
|
||||
onChange={setFormValue}
|
||||
ref={formRef}
|
||||
>
|
||||
<Form.Group controlId="email">
|
||||
<Form.Control placeholder={"请输入电子邮箱"} name="email" />
|
||||
</Form.Group>
|
||||
<Form.Group controlId="password">
|
||||
<Form.Control
|
||||
placeholder={"请输入密码"}
|
||||
name="password"
|
||||
type="password"
|
||||
/>
|
||||
</Form.Group>
|
||||
</Form>
|
||||
<a className={"cursor-pointer w-fit select-none"}>忘记密码</a>
|
||||
<Button appearance={"primary"} onClick={login}>
|
||||
登录
|
||||
</Button>
|
||||
<div className={"text-center"}>
|
||||
<a
|
||||
href={"/register"}
|
||||
className={"cursor-pointer w-fit select-none"}
|
||||
>
|
||||
还没有fileset.io账号？
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
export default Login;
|
||||
|
|
@ -0,0 +1,81 @@
|
|||
import { Button, Form, Input, InputGroup, Schema } from "rsuite";
|
||||
import React from "react";
|
||||
import Header from "./header";
|
||||
|
||||
const registerModel = Schema.Model({
|
||||
email: Schema.Types.StringType()
|
||||
.isEmail("请输入正确的格式")
|
||||
.isRequired("请输入邮箱"),
|
||||
password: Schema.Types.StringType()
|
||||
.rangeLength(6, 20, "密码长度为6-20位")
|
||||
.isRequired("密码不能为空"),
|
||||
confirm_password: Schema.Types.StringType()
|
||||
.isRequired("确认密码不能为空")
|
||||
.addRule(function (value, data) {
|
||||
return value === data.password;
|
||||
}, "两次密码不一致"),
|
||||
nickname: Schema.Types.StringType()
|
||||
.isRequired("昵称不能为空")
|
||||
.rangeLength(2, 20, "昵称长度为2-20位"),
|
||||
});
|
||||
|
||||
function Register() {
|
||||
const formRef = React.useRef();
|
||||
const [formValue, setFormValue] = React.useState({});
|
||||
|
||||
let register = () => {
|
||||
console.log(formValue);
|
||||
if (formRef.current.check()) {
|
||||
console.log("校验通过");
|
||||
}
|
||||
};
|
||||
return (
|
||||
<div>
|
||||
<div className={"grid place-items-center pt-10 w-screen"}>
|
||||
<div className={"w-10/12"}>
|
||||
<Header title={"注册账号"} />
|
||||
<div className={"flex flex-col gap-5"}>
|
||||
<Form
|
||||
fluid
|
||||
model={registerModel}
|
||||
checkTrigger="none"
|
||||
onChange={setFormValue}
|
||||
ref={formRef}
|
||||
>
|
||||
<Form.Group controlId="email">
|
||||
<Form.Control placeholder={"请输入电子邮箱"} name="email" />
|
||||
</Form.Group>
|
||||
<Form.Group controlId="password">
|
||||
<Form.Control
|
||||
placeholder={"设置登录密码"}
|
||||
name="password"
|
||||
type="password"
|
||||
/>
|
||||
</Form.Group>
|
||||
<Form.Group controlId="confirm_password">
|
||||
<Form.Control
|
||||
placeholder={"请再次输入密码"}
|
||||
name="confirm_password"
|
||||
type="password"
|
||||
/>
|
||||
</Form.Group>
|
||||
<Form.Group controlId="nickname">
|
||||
<Form.Control placeholder={"请输入昵称"} name="nickname" />
|
||||
</Form.Group>
|
||||
</Form>
|
||||
<Button appearance={"primary"} onClick={register}>
|
||||
下一步
|
||||
</Button>
|
||||
<div className={"text-center"}>
|
||||
<a href={"/login"} className={"cursor-pointer w-fit select-none"}>
|
||||
已有fileset.io账号？
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
export default Register;
|
||||
|
|
@ -0,0 +1,17 @@
|
|||
import React, { useEffect } from "react";
|
||||
|
||||
function Header(props) {
|
||||
useEffect(() => {
|
||||
window.windows.reSize(600, 600);
|
||||
});
|
||||
return (
|
||||
<>
|
||||
<div className={"flex justify-start items-start mb-5"}>
|
||||
<div className={"text-4xl select-none"}>{props.title}</div>
|
||||
<div className={"flex-1 text-right text-2xl font-bold"}>fileset.io</div>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
export default Header;
|
||||
|
|
@ -0,0 +1,228 @@
|
|||
import Client from "mtproton/envs/browser";
|
||||
import makeMTProto from "mtproton/src/index";
|
||||
import SHA1 from "mtproton/envs/browser/sha1";
|
||||
import SHA256 from "mtproton/envs/browser/sha256";
|
||||
import PBKDF2 from "mtproton/envs/browser/pbkdf2";
|
||||
import Transport from "mtproton/envs/browser/transport";
|
||||
import getRandomBytes from "mtproton/envs/browser/get-random-bytes";
|
||||
import getLocalStorage from "mtproton/envs/browser/get-local-storage";
|
||||
|
||||
class TelegramHelper {
|
||||
constructor(appID, appHash, custom = false) {
|
||||
if (!custom) {
|
||||
this.client = new Client({
|
||||
api_id: appID,
|
||||
api_hash: appHash,
|
||||
test: false,
|
||||
});
|
||||
} else {
|
||||
let createTransport = function (dc, crypto) {
|
||||
return new Transport(dc, crypto);
|
||||
};
|
||||
|
||||
const MTProto = makeMTProto({
|
||||
SHA1,
|
||||
SHA256,
|
||||
PBKDF2,
|
||||
getRandomBytes,
|
||||
getLocalStorage,
|
||||
createTransport,
|
||||
});
|
||||
|
||||
this.client = new MTProto({
|
||||
api_id: appID,
|
||||
api_hash: appHash,
|
||||
test: true,
|
||||
});
|
||||
}
|
||||
// this.client.setDefaultDc(2);
|
||||
}
|
||||
|
||||
async call(method, params, options, hideLog = false) {
|
||||
try {
|
||||
!hideLog && console.log(`${method} req\n${params}`);
|
||||
options = {
|
||||
...options,
|
||||
};
|
||||
let resp = await this.client.call(method, params, options);
|
||||
!hideLog && console.dir(`${method} resp\n${resp}`);
|
||||
return resp;
|
||||
} catch (error) {
|
||||
!hideLog && console.log(`${method} error:`, error);
|
||||
|
||||
const { error_code, error_message } = error;
|
||||
|
||||
if (error_code === 303) {
|
||||
const [, dcIdAsString] = error_message.split("_MIGRATE_");
|
||||
|
||||
const dcId = Number(dcIdAsString);
|
||||
|
||||
await this.client.setDefaultDc(dcId);
|
||||
|
||||
return this.call(method, params, options);
|
||||
}
|
||||
return Promise.reject(error);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
async function uploadBigFile(bytes, callback) {
|
||||
let file_id = rand_id();
|
||||
console.log("file_id", file_id);
|
||||
|
||||
let uploadBytes = new Uint8Array(bytes);
|
||||
console.log("uploading file", bytes);
|
||||
const file_total_parts = Math.ceil(uploadBytes.length / 524288);
|
||||
console.log("file_total_parts", file_total_parts);
|
||||
for (let i = 0; i < file_total_parts; i++) {
|
||||
console.log("push part: ", i);
|
||||
try {
|
||||
let tempBytes = uploadBytes.slice(i * 524288, (i + 1) * 524288);
|
||||
if (i === file_total_parts - 1) {
|
||||
tempBytes = uploadBytes.slice(i * 524288);
|
||||
}
|
||||
console.log("tempBytes", tempBytes);
|
||||
let finished = await Telegram.call("upload.saveBigFilePart", {
|
||||
file_id: file_id,
|
||||
file_part: i,
|
||||
file_total_parts: file_total_parts,
|
||||
bytes: tempBytes,
|
||||
});
|
||||
console.log("finished", finished);
|
||||
if (callback) {
|
||||
callback(((i + 1) / file_total_parts) * 100);
|
||||
}
|
||||
} catch (error) {
|
||||
return Promise.reject(error);
|
||||
}
|
||||
}
|
||||
|
||||
console.log("uploaded");
|
||||
return { file_id: file_id, total_part: file_total_parts };
|
||||
}
|
||||
|
||||
function inputFile(file_id, part_number, file_name) {
|
||||
return {
|
||||
_: "inputFileBig",
|
||||
id: file_id,
|
||||
parts: part_number,
|
||||
name: file_name,
|
||||
};
|
||||
}
|
||||
|
||||
function sendFile(inputFile, type) {
|
||||
let random_id = rand_id();
|
||||
console.log("random_id", random_id);
|
||||
return Telegram.call("messages.sendMedia", {
|
||||
peer: {
|
||||
_: "inputPeerSelf",
|
||||
},
|
||||
media: {
|
||||
_: "inputMediaUploadedDocument",
|
||||
file: inputFile,
|
||||
mime_type: type,
|
||||
attributes: [
|
||||
{
|
||||
_: "documentAttributeFilename",
|
||||
file_name: inputFile.name,
|
||||
},
|
||||
],
|
||||
},
|
||||
random_id: rand_id(),
|
||||
message: "test",
|
||||
});
|
||||
}
|
||||
|
||||
async function downloadFile(fileDocument) {
|
||||
let partSize = 1024 * 1024;
|
||||
const file_total_parts = Math.ceil(fileDocument.size / partSize);
|
||||
|
||||
let results = [];
|
||||
for (let i = 0; i < file_total_parts; i++) {
|
||||
try {
|
||||
let result = await Telegram.call("upload.getFile", {
|
||||
location: {
|
||||
_: "inputDocumentFileLocation",
|
||||
id: fileDocument.id,
|
||||
access_hash: fileDocument.access_hash,
|
||||
file_reference: fileDocument.file_reference,
|
||||
thumb_size: "",
|
||||
},
|
||||
limit: partSize,
|
||||
offset: partSize * i,
|
||||
});
|
||||
console.log("result", result);
|
||||
results.push(result);
|
||||
} catch (error) {
|
||||
return Promise.reject(error);
|
||||
}
|
||||
}
|
||||
|
||||
console.log("messages.getDocument:", results);
|
||||
let bytes = new Uint8Array(fileDocument.size);
|
||||
for (let i = 0; i < results.length; i++) {
|
||||
for (let j = 0; j < results[i].bytes.length; j++) {
|
||||
bytes[i * partSize + j] = results[i].bytes[j];
|
||||
}
|
||||
}
|
||||
let downloadBytes = bytes;
|
||||
console.log("downloadBytes", downloadBytes);
|
||||
let blob = new Blob([downloadBytes], {
|
||||
type: fileDocument.mime_type,
|
||||
});
|
||||
let url = window.URL.createObjectURL(blob);
|
||||
let a = document.createElement("a");
|
||||
a.href = url;
|
||||
a.download = fileDocument.file_name;
|
||||
a.click();
|
||||
return Promise.resolve(true);
|
||||
}
|
||||
|
||||
async function sendSignInCode(phone) {
|
||||
try {
|
||||
let result = await Telegram.call("auth.sendCode", {
|
||||
phone_number: phone,
|
||||
settings: {
|
||||
_: "codeSettings",
|
||||
},
|
||||
});
|
||||
return Promise.resolve(result.phone_code_hash);
|
||||
} catch (error) {
|
||||
return Promise.reject(error);
|
||||
}
|
||||
}
|
||||
|
||||
async function signIn(phone, code, phone_code_hash) {
|
||||
try {
|
||||
let result = await Telegram.call("auth.signIn", {
|
||||
phone_number: phone,
|
||||
phone_code_hash: phone_code_hash,
|
||||
phone_code: code,
|
||||
});
|
||||
return Promise.resolve(result);
|
||||
} catch (error) {
|
||||
return Promise.reject(error);
|
||||
}
|
||||
}
|
||||
|
||||
function between(min, max) {
|
||||
return Math.floor(Math.random() * (max - min) + min);
|
||||
}
|
||||
|
||||
function rand_id() {
|
||||
return between(100000, 999999);
|
||||
}
|
||||
|
||||
const appID = 18987971;
|
||||
const appHash = "fcfd9e6ed3f9e48a360bb57cc0d59d98";
|
||||
let Telegram = new TelegramHelper(appID, appHash);
|
||||
|
||||
export default Telegram;
|
||||
export {
|
||||
uploadBigFile,
|
||||
inputFile,
|
||||
sendFile,
|
||||
downloadFile,
|
||||
sendSignInCode,
|
||||
signIn,
|
||||
};
|
||||
|
|
@ -0,0 +1,9 @@
|
|||
import Telegram from "./telegram";
|
||||
|
||||
async function getMe() {
|
||||
return await Telegram.call("users.getFullUser", {
|
||||
id: { _: "inputUserSelf" },
|
||||
});
|
||||
}
|
||||
|
||||
export { getMe };
|
||||
Loading…
Reference in New Issue