mirrors/copyparty
1
0
Fork 0
mirror of https://github.com/9001/copyparty.git synced 2026-06-18 20:22:27 -06:00
Code Issues Actions Packages Projects Releases Wiki Activity

pwa support (wip)

Browse source
This commit is contained in:
Til Schmitter 2026-06-18 09:51:25 +02:00
parent 948426168e
commit 87b0888d0c
16 changed files with 107 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
copyparty/__init__.py
View file

@ -73,6 +73,7 @@ web/browser.js
web/browser2.html
web/cf.html
web/copyparty.gif
web/copyparty.png
web/deps/busy.mp3
web/deps/easymde.css
web/deps/easymde.js
@ -89,6 +90,7 @@ web/deps/sha512.ac.js
web/deps/sha512.hw.js
web/idp.html
web/iiam.gif
web/manifest.json
web/md.css
web/md.html
web/md.js
@ -110,6 +112,7 @@ web/splash.html
web/splash.js
web/svcs.html
web/svcs.js
web/sw.js
web/tl/chi.js
web/tl/cze.js
web/tl/deu.js

3
copyparty/web/browser.css
View file

@ -679,7 +679,8 @@ html .ayjump:focus-visible {
#bbox-btns .x,
#qs_btns a .x {
line-height: .6em;
vertical-align: center;
vertical-align: middle;
vertical-align: center;
}
#moresearch span {
font-size: .6em;

1
copyparty/web/browser.html
View file

@ -7,6 +7,7 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=0.8, minimum-scale=0.6">
<meta name="theme-color" content="#{{ tcolor }}">
<link rel="manifest" href="{{ r }}/.cpr/w/manifest.json?_={{ ts }}" />
<link rel="stylesheet" media="screen" href="{{ r }}/.cpr/w/ui.css?_={{ ts }}">
<link rel="stylesheet" media="screen" href="{{ r }}/.cpr/w/browser.css?_={{ ts }}">
{{ html_head }}

4
copyparty/web/browser.js
View file

@ -15,7 +15,8 @@ function loadScript(name, id) {
this.readyState === "loaded" || this.readyState === "complete") ) {
done = true;
jsldp(id, name);
if(id)
jsldp(id, name);
// Handle memory leak in IE
s.onload = s.onreadystatechange = null;
@ -32,6 +33,7 @@ function jsldp(a, b) {
}
loadScript('baguettebox', "J_BBX");
loadScript('up2k', "J_U2K");
loadScript('sw');
// disables emojis

BIN
copyparty/web/copyparty.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 1.5 KiB

1
copyparty/web/idp.html
View file

@ -8,6 +8,7 @@
<meta name="viewport" content="width=device-width, initial-scale=0.8">
<meta name="robots" content="noindex, nofollow">
<meta name="theme-color" content="#{{ tcolor }}">
<link rel="manifest" href="{{ r }}/.cpr/w/manifest.json?_={{ ts }}" />
<link rel="stylesheet" media="screen" href="{{ r }}/.cpr/w/shares.css?_={{ ts }}">
<link rel="stylesheet" media="screen" href="{{ r }}/.cpr/w/ui.css?_={{ ts }}">
{{ html_head }}

33
copyparty/web/manifest.json Normal file
View file

@ -0,0 +1,33 @@
{
"short_name": "copyparty",
"name": "copyparty",
"description": "the all in one file server",
"icons": [
{
"src": "/.cpr/copyparty.png",
"sizes": "512x512",
"type": "image/svg+xml"
}
],
"start_url": "/?utm_medium=PWA&utm_source=launcher",
"display": "minimal-ui",
"orientation": "any",
"theme_color": "#fc5",
"background_color": "#222",
"share_target": {
"action": "/?utm_medium=PWA&utm_source=share-target&share-target",
"method": "POST",
"enctype": "multipart/form-data",
"params": {
"title": "name",
"text": "description",
"url": "link",
"files": [
{
"name": "files",
"accept": ["*/*"]
}
]
}
}
}

1
copyparty/web/md.html
View file

@ -7,6 +7,7 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=0.7">
<meta name="theme-color" content="#{{ tcolor }}">
<link rel="manifest" href="{{ r }}/.cpr/w/manifest.json?_={{ ts }}" />
<link rel="stylesheet" href="{{ r }}/.cpr/w/ui.css?_={{ ts }}">
<link rel="stylesheet" href="{{ r }}/.cpr/w/md.css?_={{ ts }}">
{%- if edit %}

1
copyparty/web/mde.html
View file

@ -7,6 +7,7 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=0.7">
<meta name="theme-color" content="#{{ tcolor }}">
<link rel="manifest" href="{{ r }}/.cpr/w/manifest.json?_={{ ts }}" />
<link rel="stylesheet" href="{{ r }}/.cpr/w/ui.css?_={{ ts }}">
<link rel="stylesheet" href="{{ r }}/.cpr/w/mde.css?_={{ ts }}">
<link rel="stylesheet" href="{{ r }}/.cpr/w/deps/mini-fa.css?_={{ ts }}">

1
copyparty/web/msg.html
View file

@ -7,6 +7,7 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=0.8">
<meta name="theme-color" content="#{{ tcolor }}">
<link rel="manifest" href="{{ r }}/.cpr/w/manifest.json?_={{ ts }}" />
<style>:root{--font-main:sans-serif;--font-mono:monospace}
html,body,a{margin:0;padding:0;border:none;color:#ccc;background:none;font-family:sans-serif;font-family:var(--font-main),sans-serif}
pre{font-family:monospace,monospace;font-family:var(--font-mono),monospace}

1
copyparty/web/rups.html
View file

@ -8,6 +8,7 @@
<meta name="viewport" content="width=device-width, initial-scale=0.8">
<meta name="robots" content="noindex, nofollow">
<meta name="theme-color" content="#{{ tcolor }}">
<link rel="manifest" href="{{ r }}/.cpr/w/manifest.json?_={{ ts }}" />
<link rel="stylesheet" media="screen" href="{{ r }}/.cpr/w/rups.css?_={{ ts }}">
<link rel="stylesheet" media="screen" href="{{ r }}/.cpr/w/ui.css?_={{ ts }}">
{{ html_head }}

1
copyparty/web/shares.html
View file

@ -8,6 +8,7 @@
<meta name="viewport" content="width=device-width, initial-scale=0.8">
<meta name="robots" content="noindex, nofollow">
<meta name="theme-color" content="#{{ tcolor }}">
<link rel="manifest" href="{{ r }}/.cpr/w/manifest.json?_={{ ts }}" />
<link rel="stylesheet" media="screen" href="{{ r }}/.cpr/w/shares.css?_={{ ts }}">
<link rel="stylesheet" media="screen" href="{{ r }}/.cpr/w/ui.css?_={{ ts }}">
{{ html_head }}

1
copyparty/web/splash.html
View file

@ -7,6 +7,7 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=0.8">
<meta name="theme-color" content="#{{ tcolor }}">
<link rel="manifest" href="{{ r }}/.cpr/w/manifest.json?_={{ ts }}" />
<link rel="stylesheet" media="screen" href="{{ r }}/.cpr/w/splash.css?_={{ ts }}">
<link rel="stylesheet" media="screen" href="{{ r }}/.cpr/w/ui.css?_={{ ts }}">
{{ html_head }}

1
copyparty/web/svcs.html
View file

@ -7,6 +7,7 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=0.8">
<meta name="theme-color" content="#{{ tcolor }}">
<link rel="manifest" href="{{ r }}/.cpr/w/manifest.json?_={{ ts }}" />
<link rel="stylesheet" media="screen" href="{{ r }}/.cpr/w/splash.css?_={{ ts }}">
<link rel="stylesheet" media="screen" href="{{ r }}/.cpr/w/ui.css?_={{ ts }}">
<style>ul{padding-left:1.3em}li{margin:.4em 0}.txa{float:right;margin:0 0 0 1em}</style>

54
copyparty/web/sw.js Normal file
View file

@ -0,0 +1,54 @@
// service worker. required for PWAs
// https://www.digitalapplied.com/blog/progressive-web-apps-2026-pwa-performance-guide
// Register service worker on page load
if ('serviceWorker' in navigator) {
self.addEventListener("fetch", (event) => {
// Regular requests not related to Web Share Target.
if (event.request.method !== "POST" || !event.request.enctype.has("share-target")) {
event.respondWith(fetch(event.request));
return;
}
// Requests related to Web Share Target.
event.respondWith(
(async () => {
const formData = await event.request.formData();
const link = formData.get("link") || "";
// Instead of the original URL `/save-bookmark/`, redirect
// the user to a URL returned by the `saveBookmark()`
// function, for example, `/`.
const responseUrl = await saveBookmark(link);
return Response.redirect(responseUrl, 303);
})(),
);
});
window.addEventListener('load', async () => {
try {
const registration = await navigator.serviceWorker.register(
'/service-worker.js',
{ scope: '/' }
);
console.log('SW registered:', registration.scope);
// Check for waiting update
if (registration.waiting) {
notifyUserOfUpdate(registration);
}
// Listen for future updates
registration.addEventListener('updatefound', () => {
const newWorker = registration.installing;
newWorker?.addEventListener('statechange', () => {
if (
newWorker.state === 'installed' &&
navigator.serviceWorker.controller
) {
notifyUserOfUpdate(registration);
}
});
});
} catch (error) {
console.error('SW registration failed:', error);
}
});
}

3
scripts/sfx.ls
View file

@ -75,6 +75,7 @@ copyparty/web/browser.js,
copyparty/web/browser2.html,
copyparty/web/cf.html,
copyparty/web/copyparty.gif,
copyparty/web/copyparty.png,
copyparty/web/deps,
copyparty/web/deps/__init__.py,
copyparty/web/deps/busy.mp3,
@ -93,6 +94,7 @@ copyparty/web/deps/sha512.ac.js,
copyparty/web/deps/sha512.hw.js,
copyparty/web/idp.html,
copyparty/web/iiam.gif,
copyparty/web/manifest.json,
copyparty/web/md.css,
copyparty/web/md.html,
copyparty/web/md.js,
@ -115,6 +117,7 @@ copyparty/web/splash.html,
copyparty/web/splash.js,
copyparty/web/svcs.html,
copyparty/web/svcs.js,
copyparty/web/sw.js,
copyparty/web/tl,
copyparty/web/tl/chi.js,
copyparty/web/tl/cze.js,