refactor web dir

This commit is contained in:
csf 2022-05-17 22:51:40 +08:00
parent 7a3e95eddd
commit 4887cdb756
8 changed files with 53 additions and 47 deletions

View File

@ -2,8 +2,7 @@ assets
js/src/gen_js_from_hbb.ts js/src/gen_js_from_hbb.ts
js/src/message.ts js/src/message.ts
js/src/rendezvous.ts js/src/rendezvous.ts
ogvjs-1.8.6 ogvjs*
libopus.js libopus.js
libopus.wasm libopus.wasm
yuv-canvas-1.2.6.js yuv-canvas*
.yarn

View File

@ -1,5 +1,6 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<!-- <!--
If you are serving your web app in a path other than the root, change the If you are serving your web app in a path other than the root, change the
@ -31,12 +32,12 @@
<title>RustDesk</title> <title>RustDesk</title>
<link rel="manifest" href="manifest.json"> <link rel="manifest" href="manifest.json">
<script src="ogvjs-1.8.6/ogv.js"></script> <script src="libs/ogvjs-1.8.6/ogv.js"></script>
<script src="yuv.js"></script> <script src="libs/yuv.js"></script>
<script type="module" crossorigin src="js/dist/index.js"></script> <script type="module" crossorigin src="js/dist/index.js"></script>
<link rel="modulepreload" href="js/dist/vendor.js"> <link rel="modulepreload" href="js/dist/vendor.js">
<script src="yuv-canvas-1.2.6.js"></script> <script src="libs/yuv-canvas-1.2.6.js"></script>
<style> <style>
.loading { .loading {
display: flex; display: flex;
justify-content: center; justify-content: center;
@ -48,11 +49,11 @@
-ms-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
} }
.loader { .loader {
border: 16px solid #f3f3f3; border: 16px solid #f3f3f3;
border-radius: 50%; border-radius: 50%;
border: 15px solid ; border: 15px solid;
border-top: 16px solid #024eff; border-top: 16px solid #024eff;
border-right: 16px solid white; border-right: 16px solid white;
border-bottom: 16px solid #024eff; border-bottom: 16px solid #024eff;
@ -62,20 +63,22 @@
-webkit-animation: spin 2s linear infinite; -webkit-animation: spin 2s linear infinite;
animation: spin 2s linear infinite; animation: spin 2s linear infinite;
} }
@-webkit-keyframes spin { @-webkit-keyframes spin {
0% { 0% {
-webkit-transform: rotate(0deg); -webkit-transform: rotate(0deg);
} }
100% { 100% {
-webkit-transform: rotate(360deg); -webkit-transform: rotate(360deg);
} }
} }
@keyframes spin { @keyframes spin {
0% { 0% {
transform: rotate(0deg); transform: rotate(0deg);
} }
100% { 100% {
transform: rotate(360deg); transform: rotate(360deg);
} }
@ -83,10 +86,11 @@
</style> </style>
</head> </head>
<body> <body>
<div class="loading"> <div class="loading">
<div class="loader"></div> <div class="loader"></div>
</div> </div>
<!-- This script installs service_worker.js to provide PWA functionality to <!-- This script installs service_worker.js to provide PWA functionality to
application. For more information, see: application. For more information, see:
https://developers.google.com/web/fundamentals/primers/service-workers --> https://developers.google.com/web/fundamentals/primers/service-workers -->
@ -154,26 +158,27 @@
loadMainDartJs(); loadMainDartJs();
} }
</script> </script>
<script src="assets/firebase-app.js?8.10.1"></script> <script src="libs/firebase-app.js?8.10.1"></script>
<script src="assets/firebase-analytics.js?8.10.1"></script> <script src="libs/firebase-analytics.js?8.10.1"></script>
<script> <script>
// Your web app's Firebase configuration // Your web app's Firebase configuration
// For Firebase JS SDK v7.20.0 and later, measurementId is optional // For Firebase JS SDK v7.20.0 and later, measurementId is optional
const firebaseConfig = { const firebaseConfig = {
apiKey: "AIzaSyCgehIZk1aFP0E7wZtYRRqrfvNiNAF39-A", apiKey: "AIzaSyCgehIZk1aFP0E7wZtYRRqrfvNiNAF39-A",
authDomain: "rustdesk.firebaseapp.com", authDomain: "rustdesk.firebaseapp.com",
databaseURL: "https://rustdesk.firebaseio.com", databaseURL: "https://rustdesk.firebaseio.com",
projectId: "rustdesk", projectId: "rustdesk",
storageBucket: "rustdesk.appspot.com", storageBucket: "rustdesk.appspot.com",
messagingSenderId: "768133699366", messagingSenderId: "768133699366",
appId: "1:768133699366:web:d50faf0792cb208d7993e7", appId: "1:768133699366:web:d50faf0792cb208d7993e7",
measurementId: "G-9PEH85N6ZQ" measurementId: "G-9PEH85N6ZQ"
}; };
// Initialize Firebase // Initialize Firebase
firebase.initializeApp(firebaseConfig); firebase.initializeApp(firebaseConfig);
firebase.analytics(); firebase.analytics();
</script> </script>
</body> </body>
</html>
</html>

View File

@ -6,3 +6,4 @@ dist-ssr
*log *log
ogvjs ogvjs
.vscode .vscode
.yarn

View File

@ -1,15 +1,16 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head>
<meta charset="UTF-8" /> <head>
<link rel="icon" type="image/svg+xml" href="favicon.svg?v2" /> <meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link rel="icon" type="image/svg+xml" href="favicon.svg?v2" />
<script src="ogvjs-1.8.6/ogv.js"></script> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<script src="./yuv-canvas-1.2.6.js"></script> <title>Vite App</title>
<title>Vite App</title> </head>
</head>
<body> <body>
<div id="app"></div> <div id="app"></div>
<script type="module" src="/src/main.ts"></script> <script type="module" src="/src/main.ts"></script>
</body> </body>
</html>
</html>