jakob/PairDrop
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

implemented WebShareTarget in manifest and serviceworker for testing

Browse source
This commit is contained in:
schlagmichdoch 2023-01-18 21:01:29 +01:00
parent 2394a4793a
commit be6813d714
5 changed files with 107 additions and 54 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
docker/nginx/development.conf
View file

@ -18,6 +18,9 @@ server {
location /ca.crt {
alias /etc/ssl/certs/snapdropCA.crt;
}
# To allow POST on static pages
error_page 405 =200 $uri;
}
server {
@ -42,5 +45,7 @@ server {
location /ca.crt {
alias /etc/ssl/certs/snapdropCA.crt;
}
# To allow POST on static pages
error_page 405 =200 $uri;
}

4
docker/nginx/production.conf
View file

@ -10,6 +10,8 @@ server {
location /ca.crt {
alias /etc/ssl/certs/snapdropCA.crt;
}
# To allow POST on static pages
error_page 405 =200 $uri;
}
server {
@ -34,5 +36,7 @@ server {
location /ca.crt {
alias /etc/ssl/certs/snapdropCA.crt;
}
# To allow POST on static pages
error_page 405 =200 $uri;
}

54
public/manifest.json
View file

@ -2,27 +2,27 @@
"name": "PairDrop",
"short_name": "PairDrop",
"icons": [{
"src": "images/android-chrome-192x192.png",
"sizes": "192x192",
"type": "image/png"
},{
"src": "images/android-chrome-512x512.png",
"sizes": "512x512",
"type": "image/png"
},{
"src": "images/android-chrome-192x192-maskable.png",
"sizes": "192x192",
"type": "image/png",
"purpose": "maskable"
},{
"src": "images/android-chrome-512x512-maskable.png",
"sizes": "512x512",
"type": "image/png",
"purpose": "maskable"
},{
"src": "images/favicon-96x96.png",
"sizes": "96x96",
"type": "image/png"
"src": "images/android-chrome-192x192.png",
"sizes": "192x192",
"type": "image/png"
},{
"src": "images/android-chrome-512x512.png",
"sizes": "512x512",
"type": "image/png"
},{
"src": "images/android-chrome-192x192-maskable.png",
"sizes": "192x192",
"type": "image/png",
"purpose": "maskable"
},{
"src": "images/android-chrome-512x512-maskable.png",
"sizes": "512x512",
"type": "image/png",
"purpose": "maskable"
},{
"src": "images/favicon-96x96.png",
"sizes": "96x96",
"type": "image/png"
}],
"background_color": "#efefef",
"start_url": "/",
@ -30,12 +30,18 @@
"display": "minimal-ui",
"theme_color": "#3367d6",
"share_target": {
"method":"GET",
"action": "/?share_target",
"action": "/",
"method":"POST",
"enctype": "multipart/form-data",
"params": {
"title": "title",
"text": "text",
"url": "url"
"url": "url",
"files": [{
"name": "allfiles",
"accept": ["*/*"]
}]
}
}
},
"file_handlers": [

45
public/scripts/ui.js
View file

@ -931,7 +931,6 @@ class SendTextDialog extends Dialog {
_onRecipient(recipient) {
this._recipient = recipient;
this._handleShareTargetText();
this.show();
const range = document.createRange();
@ -943,12 +942,6 @@ class SendTextDialog extends Dialog {
sel.addRange(range);
}
_handleShareTargetText() {
if (!window.shareTargetText) return;
this.$text.textContent = window.shareTargetText;
window.shareTargetText = '';
}
_send() {
Events.fire('send-text', {
to: this._recipient,
@ -1135,20 +1128,34 @@ class NetworkStatusUI {
class WebShareTargetUI {
constructor() {
const parsedUrl = new URL(window.location);
const title = parsedUrl.searchParams.get('title');
const text = parsedUrl.searchParams.get('text');
const url = parsedUrl.searchParams.get('url');
const urlParams = new URL(window.location).searchParams;
const share_target_type = urlParams.get("share-target")
if (share_target_type) {
if (share_target_type === "text") {
const title = urlParams.get('title') || '';
const text = urlParams.get('text') || '';
const url = urlParams.get('url') || '';
let shareTargetText;
let shareTargetText = title ? title : '';
shareTargetText += text ? shareTargetText ? ' ' + text : text : '';
if (url) {
shareTargetText = url; // We share only the Link - no text. Because link-only text becomes clickable.
} else if (title && text) {
shareTargetText = title + '\r\n' + text;
} else {
shareTargetText = title + text;
}
if(url) shareTargetText = url; // We share only the Link - no text. Because link-only text becomes clickable.
if (!shareTargetText) return;
window.shareTargetText = shareTargetText;
history.pushState({}, 'URL Rewrite', '/');
console.log('Shared Target Text:', '"' + shareTargetText + '"');
console.log('Shared Target Text:', '"' + shareTargetText + '"');
Events.fire('activate-paste-mode', {files: [], text: shareTargetText})
} else if (share_target_type === "files") {
caches.match("share_target_files")
.then(files => {
console.debug(files)
Events.fire('activate-paste-mode', {files: files, text: ""})
})
}
history.pushState({}, 'URL Rewrite', '/');
}
}
}

53
public/service-worker.js
View file

@ -27,17 +27,48 @@ self.addEventListener('install', function(event) {
self.addEventListener('fetch', function(event) {
event.respondWith(
caches.match(event.request)
.then(function(response) {
// Cache hit - return response
if (response) {
return response;
}
return fetch(event.request);
}
)
);
if (event.request.method === "POST") {
// Requests related to Web Share Target.
event.respondWith(
(async () => {
const formData = await event.request.formData();
const title = formData.get("title");
const text = formData.get("text");
const url = formData.get("url");
const files = formData.get("files");
console.debug(title)
console.debug(text)
console.debug(url)
console.debug(files)
let share_url = "/";
if (files.length > 0) {
// Save to Cache?
caches.open("share_target_files")
.then(cache => {
cache.addAll(files)
console.debug("files added to cache")
});
share_url = "/?share-target=files";
} else if (title.length > 0 || text.length > 0 || url.length) {
share_url = `/?share-target=text&title=${title}&text=${text}&url=${url}`;
}
return Response.redirect(encodeURI(share_url), 303);
})()
);
} else {
// Regular requests not related to Web Share Target.
event.respondWith(
caches.match(event.request)
.then(function (response) {
// Cache hit - return response
if (response) {
return response;
}
return fetch(event.request);
}
)
);
}
});