okseby/orchard
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

optimized some image sizes, testing serviceworker

Browse source
This commit is contained in:
booploops 2022-01-05 04:12:16 -08:00
parent 6e033e90aa
commit 9054bc50e2
5 changed files with 52 additions and 42 deletions
Download patch file Download diff file Expand all files Collapse all files

12
src/renderer/index.js
View file

@ -2941,12 +2941,12 @@ document.addEventListener('musickitloaded', function () {
request.send(); request.send();
}); });
// if ('serviceWorker' in navigator) { if ('serviceWorker' in navigator) {
// // Use the window load event to keep the page load performant // Use the window load event to keep the page load performant
// window.addEventListener('load', () => { window.addEventListener('load', () => {
// navigator.serviceWorker.register('sw.js?v=1'); navigator.serviceWorker.register('sw.js?v=1');
// }); });
// } }
const getBase64FromUrl = async (url) => { const getBase64FromUrl = async (url) => {
const data = await fetch(url); const data = await fetch(url);

2
src/renderer/views/components/mediaitem-list-item.ejs
View file

@ -19,7 +19,7 @@
<div class="artwork" v-if="showArtwork == true"> <div class="artwork" v-if="showArtwork == true">
<mediaitem-artwork <mediaitem-artwork
:url="item.attributes.artwork ? item.attributes.artwork.url : ''" :url="item.attributes.artwork ? item.attributes.artwork.url : ''"
:size="50" :size="48"
:type="item.type"></mediaitem-artwork> :type="item.type"></mediaitem-artwork>
<button class="overlay-play" @click="playTrack()"><%- include("../svg/play.svg") %></button> <button class="overlay-play" @click="playTrack()"><%- include("../svg/play.svg") %></button>
</div> </div>

2
src/renderer/views/components/mediaitem-square.ejs
View file

@ -50,7 +50,7 @@
}, },
size: { size: {
type: String, type: String,
default: '300' default: '190'
}, },
'contextExt': {type: Object, required: false}, 'contextExt': {type: Object, required: false},
}, },

2
src/renderer/views/pages/artist.ejs
View file

@ -12,7 +12,7 @@
<mediaitem-artwork <mediaitem-artwork
shadow="large" shadow="large"
:url="data.attributes.artwork ? data.attributes.artwork.url : ''" :url="data.attributes.artwork ? data.attributes.artwork.url : ''"
size="220" type="artists"></mediaitem-artwork> size="190" type="artists"></mediaitem-artwork>
<button class="overlay-play" @click="app.mk.setStationQueue({artist:'a-'+data.id}).then(()=>{ <button class="overlay-play" @click="app.mk.setStationQueue({artist:'a-'+data.id}).then(()=>{
app.mk.play() app.mk.play()
})"> })">

76
workbox-config.js
View file

@ -1,39 +1,49 @@
module.exports = { module.exports = {
globDirectory: 'src/renderer/', globDirectory: 'src/renderer/',
swDest: 'src/renderer/sw.js', swDest: 'src/renderer/sw.js',
// Define runtime caching rules. // Define runtime caching rules.
runtimeCaching: [{ runtimeCaching: [{
// Match any request that ends with .png, .jpg, .jpeg or .svg. // Match any request that ends with .png, .jpg, .jpeg or .svg.
urlPattern: /\.(?:png|jpg|jpeg|svg|webp)$/, urlPattern: /\.(?:png|jpg|jpeg|svg|webp)$/,
// Apply a cache-first strategy. // Apply a cache-first strategy.
handler: 'CacheFirst', handler: 'CacheFirst',
options: { options: {
// Use a custom cache name. // Use a custom cache name.
cacheName: 'imageinternet', cacheName: 'imageinternet',
// Only cache 10 images. // Only cache 10 images.
}, },
}, },
{ {
urlPattern: /https:\/\/is[0-9]-ssl\.mzstatic\.com\/image+/, urlPattern: /https:\/\/amp-api.music.apple.com\/v1\//,
handler: "CacheFirst", handler: 'StaleWhileRevalidate',
}, options: {
{ cacheName: 'amp-api',
urlPattern: /^https:\/\/store-\d{3}\.blobstore\.apple\.com\/.{65}\/image+/, cacheableResponse: {
handler: "CacheFirst", statuses: [0, 200],
}, },
},
},
{
urlPattern: /https:\/\/is[0-9]-ssl\.mzstatic\.com\/image+/,
handler: "CacheFirst",
},
{
urlPattern: /^https:\/\/store-\d{3}\.blobstore\.apple\.com\/.{65}\/image+/,
handler: "CacheFirst",
},
], ],
ignoreURLParametersMatching: [ ignoreURLParametersMatching: [
/^utm_/, /^utm_/,
/^fbclid$/, /^fbclid$/,
/^X-Amz-Algorithm/, /^X-Amz-Algorithm/,
/^X-Amz-Date/, /^X-Amz-Date/,
/^X-Amz-SignedHeaders/, /^X-Amz-SignedHeaders/,
/^X-Amz-Expires/, /^X-Amz-Expires/,
/^X-Amz-Credential/, /^X-Amz-Credential/,
/^X-Amz-Signature/, /^X-Amz-Signature/,
] ]
}; };