Backup_Repos/filestash
1
0
Fork 0
mirror of https://github.com/mickael-kerjean/filestash synced 2025-12-06 08:22:24 +01:00
Code Issues Projects Releases Wiki Activity

feature (boot): optimisation for faster boot

Browse source
This commit is contained in:
MickaelK 2025-09-02 17:32:54 +10:00
parent 45bc001f5e
commit 3d571b7a08
6 changed files with 65 additions and 53 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
public/assets/boot/bundler_complete.js Normal file
View file

@ -0,0 +1,6 @@
document.head.appendChild(Object.assign(document.createElement("script"), {
type: "importmap",
textContent: JSON.stringify({
imports: window.bundler.esModules,
}, null, 4),
}));

15
public/assets/boot/warmup.js → public/assets/boot/bundler_init.js
View file

@ -1,4 +1,3 @@
if (!HTMLScriptElement.supports?.("importmap")) throw new Error("fastboot is not supported on this platform");
window.bundler = (function(origin) { window.bundler = (function(origin) {
const esModules = {}; const esModules = {};
return { return {
@ -32,17 +31,3 @@ window.bundler = (function(origin) {
esModules, esModules,
}; };
})(new URL(import.meta.url).origin); })(new URL(import.meta.url).origin);
await new Promise((resolve, reject) => {
document.head.appendChild(Object.assign(document.createElement("script"), {
type: "module",
src: `./assets/bundle.js?version=${window.VERSION}`,
onload: resolve,
onerror: reject,
}));
});
document.head.appendChild(Object.assign(document.createElement("script"), {
type: "importmap",
textContent: JSON.stringify({
imports: window.bundler.esModules,
}, null, 4),
}));

23
public/assets/embed/filestash-table.js
View file

@ -1,9 +1,3 @@
import { init as initConfig, getVersion, get } from "../model/config.js";
const DEBOUNCETIME = 100;
await initConfig();
class FilestashTable extends HTMLElement { class FilestashTable extends HTMLElement {
constructor() { constructor() {
super(); super();
@ -30,7 +24,7 @@ class FilestashTable extends HTMLElement {
type: "refresh", type: "refresh",
payload: { name: this.getAttribute("name"), src: this.getAttribute("src") }, payload: { name: this.getAttribute("name"), src: this.getAttribute("src") },
}, "*"); }, "*");
}, DEBOUNCETIME); }, 100);
} }
} }
@ -42,7 +36,6 @@ class FilestashTable extends HTMLElement {
connectedCallback() { connectedCallback() {
const src = this.getAttribute("src") || ""; const src = this.getAttribute("src") || "";
const name = this.getAttribute("name") || "main.dat"; const name = this.getAttribute("name") || "main.dat";
const mime = get("mime", {})[name.split(".").pop().toLowerCase()];
this.style.display = "inline-block"; this.style.display = "inline-block";
this.iframe.srcdoc = `<!DOCTYPE html> this.iframe.srcdoc = `<!DOCTYPE html>
@ -81,14 +74,17 @@ class FilestashTable extends HTMLElement {
} }
}); });
</script> </script>
<script type="module" defer> <script type="module" defer>
import { render } from "${import.meta.url}/../../${getVersion()}/index.js"; import { init as initConfig, getVersion, get } from "${import.meta.url}/../../model/config.js";
import * as Application from "${import.meta.url}/../../${getVersion()}/pages/viewerpage/application_table.js";
await initConfig();
const { render } = await import("${import.meta.url}/../../"+ getVersion() +"/index.js");
const Application = await import("${import.meta.url}/../../"+ getVersion() +"/pages/viewerpage/application_table.js");
const $app = document.querySelector("#app"); const $app = document.querySelector("#app");
const mime = get("mime", {})["${name}".split(".").pop().toLowerCase()];
render(Application, $app, { render(Application, $app, {
mime: "${mime}", mime: mime,
hasMenubar: true, hasMenubar: true,
getFilename: () => "${name}", getFilename: () => "${name}",
getDownloadUrl: () => "${src}", getDownloadUrl: () => "${src}",
@ -96,7 +92,7 @@ class FilestashTable extends HTMLElement {
window.addEventListener("message", (event) => { window.addEventListener("message", (event) => {
if(event.data.type === "refresh") { if(event.data.type === "refresh") {
render(Application, $app, { render(Application, $app, {
mime: "${mime}", mime: mime,
hasMenubar: true, hasMenubar: true,
getFilename: () => event.data.payload.name, getFilename: () => event.data.payload.name,
getDownloadUrl: () => event.data.payload.src, getDownloadUrl: () => event.data.payload.src,
@ -105,7 +101,6 @@ class FilestashTable extends HTMLElement {
}); });
</script> </script>
<script type="module" src="${import.meta.url}/../../${getVersion()}/components/modal.js"></script>
<component-modal></component-modal> <component-modal></component-modal>
</body> </body>
</html>`; </html>`;

2
public/assets/model/plugin.js
View file

@ -23,6 +23,6 @@ export async function load(mime) {
const specs = plugins[mime]; const specs = plugins[mime];
if (!specs) return null; if (!specs) return null;
const [, url] = specs; const [, url] = specs;
const module = await import(url); const module = await import(new URL(url, import.meta.url).href);
return module.default; return module.default;
} }

22
public/index.frontoffice.html
View file

@ -33,15 +33,20 @@
</template> </template>
<script type="module"> <script type="module">
function liftoff() {
document.head.appendChild(document.querySelector("template#head").content);
document.body.appendChild(document.querySelector("template#body").content);
}
async function ignitionSequence() { async function ignitionSequence() {
window.VERSION = "{{ slice .version 0 7 }}::{{ .hash }}"; window.VERSION = "{{ slice .version 0 7 }}::{{ .hash }}";
try { await import("./assets/boot/warmup.js"); } try {
catch (err) { console.error(err); } if (!HTMLScriptElement.supports?.("importmap")) throw new Error("fastboot is not supported on this platform");
{{ load_asset "assets/boot/bundler_init.js" }}
await new Promise((resolve, reject) => document.head.appendChild(Object.assign(document.createElement("script"), {
type: "module",
src: `./assets/bundle.js?version=${window.VERSION}`,
onload: resolve,
onerror: reject,
})))
{{ load_asset "assets/boot/bundler_complete.js" }}
} catch (err) { console.error(err); }
await Promise.all([ await Promise.all([
import("./assets/{{ .version }}/components/loader.js"), import("./assets/{{ .version }}/components/loader.js"),
@ -52,6 +57,11 @@
}), }),
]); ]);
} }
function liftoff() {
document.head.appendChild(document.querySelector("template#head").content);
document.body.appendChild(document.querySelector("template#body").content);
}
// //
// //
// //

20
server/ctrl/static.go
View file

@ -12,6 +12,7 @@ import (
"net/http" "net/http"
"os" "os"
"path/filepath" "path/filepath"
"regexp"
"strings" "strings"
"text/template" "text/template"
@ -209,7 +210,22 @@ func ServeIndex(indexPath string) func(*App, http.ResponseWriter, *http.Request)
SendErrorResult(res, err) SendErrorResult(res, err)
} }
} }
tmpl := template.Must(template.New(indexPath).Parse(string(b))) tmpl := template.Must(template.New(indexPath).Funcs(template.FuncMap{
"load_asset": func(path string) (string, error) {
file, err := WWWPublic.Open(path)
if err != nil {
return "", err
}
out := "/* LOAD " + path + " */ "
f, err := io.ReadAll(file)
file.Close()
out += regexp.MustCompile(`\s+`).ReplaceAllString(
strings.ReplaceAll(string(f), "\n", ""),
" ",
)
return out, err
},
}).Parse(string(b)))
tmpl = template.Must(tmpl.Parse(string(TmplLoader))) tmpl = template.Must(tmpl.Parse(string(TmplLoader)))
return func(ctx *App, res http.ResponseWriter, req *http.Request) { return func(ctx *App, res http.ResponseWriter, req *http.Request) {
@ -389,7 +405,7 @@ func ServeBundle() func(*App, http.ResponseWriter, *http.Request) {
Log.Warning("static::bundle msg=marshal_failed path=%s err=%s", path, err.Error()) Log.Warning("static::bundle msg=marshal_failed path=%s err=%s", path, err.Error())
continue continue
} }
fmt.Fprintf(&buf, "bundler.register(%q, %s);\n", path, code) fmt.Fprintf(&buf, "bundler.register(%q, %s);\n", WithBase(path), code)
} }
etag = QuickHash(string(bundlePlain), 10) etag = QuickHash(string(bundlePlain), 10)
bundlePlain = buf.Bytes() bundlePlain = buf.Bytes()