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();
});
// if ('serviceWorker' in navigator) {
// // Use the window load event to keep the page load performant
// window.addEventListener('load', () => {
// navigator.serviceWorker.register('sw.js?v=1');
// });
// }
if ('serviceWorker' in navigator) {
// Use the window load event to keep the page load performant
window.addEventListener('load', () => {
navigator.serviceWorker.register('sw.js?v=1');
});
}
const getBase64FromUrl = async (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">
<mediaitem-artwork
:url="item.attributes.artwork ? item.attributes.artwork.url : ''"
:size="50"
:size="48"
:type="item.type"></mediaitem-artwork>
<button class="overlay-play" @click="playTrack()"><%- include("../svg/play.svg") %></button>
</div>

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

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

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

@ -12,7 +12,7 @@
<mediaitem-artwork
shadow="large"
: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(()=>{
app.mk.play()
})">

76
workbox-config.js
View file

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