nicoeri/filebrowser
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Migration to VIte 4 (working)

Browse Source
This commit is contained in:
Kloon ImKloon 2023-08-12 11:28:03 +02:00
parent 17d80aa9ca
commit 8072a944a9
No known key found for this signature in database
GPG Key ID: CCF1C86A995C5B6A
4 changed files with 13 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
frontend/index.html
View File

@ -61,24 +61,23 @@
<!-- Inject Some Variables and generate the manifest json -->
<script>
<!-- We can load JSON directly -->
<!-- Json is actually a JS object, assign it directly -->
window.FileBrowser = [{[ .Json ]}];
window.__appendStaticUrl = (filename) => {
return `$(window.FileBrowser.StaticURL)/$(filename)`;
}
var fullStaticURL = window.location.origin + window.FileBrowser.StaticURL;
<!-- Global function to prepend static url -->
window.__prependStaticUrl = (url) => {
return `${window.FileBrowser.StaticURL}/${url.replace(/^\/+/, '')}`;
};
var dynamicManifest = {
name: window.FileBrowser.Name || "File Browser",
short_name: window.FileBrowser.Name || "File Browser",
icons: [
{
src: fullStaticURL + "/img/icons/android-chrome-192x192.png",
src: window.__prependStaticUrl("/img/icons/android-chrome-192x192.png"),
sizes: "192x192",
type: "image/png",
},
{
src: fullStaticURL + "/img/icons/android-chrome-512x512.png",
src: window.__prependStaticUrl("/img/icons/android-chrome-512x512.png"),
sizes: "512x512",
type: "image/png",
},

4
frontend/package.json
View File

@ -6,8 +6,8 @@
"scripts": {
"dev": "vite dev",
"serve": "vite serve",
"build": "rimraf dist && vite build",
"watch": "rimraf dist && vite build --watch",
"build": "vite build",
"watch": "vite build --watch",
"lint": "eslint --ext .vue,.js src/",
"lint:fix": "eslint --ext .vue,.js src/ --fix",
"format": "prettier --write ."

4
frontend/src/css/fonts.css
View File

@ -1,3 +1,5 @@
@import "material-icons/iconfont/filled.css";
@font-face {
font-family: "Roboto";
font-style: normal;
@ -235,8 +237,6 @@
U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
@import "~material-icons/iconfont/filled.css";
.material-icons {
font-size: 1.5rem;
}

10
frontend/vite.config.js
View File

@ -17,6 +17,7 @@ export default defineConfig({
],
resolve: {
alias: {
vue: "vue/dist/vue.esm.js",
"@/": fileURLToPath(new URL("./src/", import.meta.url)),
},
},
@ -24,16 +25,9 @@ export default defineConfig({
experimental: {
renderBuiltUrl(filename, { hostType }) {
if (hostType === "js") {
return { runtime: `window.__appendStaticUrl("${filename}")` };
// } else if (hostType === "css") {
// return `'[{[ .StaticURL ]}]/${filename}'`;
return { runtime: `window.__prependStaticUrl("${filename}")` };
} else if (hostType === "html") {
return `[{[ .StaticURL ]}]/${filename}`;
// return {
// runtime: `window.__appendStaticUrl(${JSON.stringify(filename)})`,
// };
// if (hostType === "js") {
// return { runtime: `window.__toCdnUrl(${JSON.stringify(filename)})` };
} else {
return { relative: true };
}