New serviceworker.js file with Workbox 5.1.2 €8-30 EUR Posted almost 4 years ago
€8-30 EUR Paid on delivery
I have PWA implemented in my Web but I have login problems I would like to update my serviceworker with Workbox 5.1.2
I just need a [login to view URL] that uses Workbox 5.1.2 and supports cache files and offline.
My serviceworker is with 3.0:
importScripts('[login to view URL]');
const appName = 'react-base';
const suffix = 'v1';
const staticCache = `${ appName }-static-${ suffix }`;
const dynamicCache = `${ appName }-dynamic-${ suffix }`;
const notificationDelay = 12000;
[login to view URL]({
prefix: appName,
suffix
});
[login to view URL]();
self._precacheManifest = [
'/[login to view URL]',
'/oc-content/themes/beta/cache/js/[login to view URL]',
'/oc-content/themes/beta/cache/css/[login to view URL]',
'/oc-content/themes/beta/cache/css/[login to view URL]'
];
[login to view URL](self._precacheManifest, {});
[login to view URL](
/\.(?:js|css)$/,
[login to view URL]({
cacheName: staticCache,
plugins: [
new [login to view URL]({
maxEntries: 10,
maxAgeSeconds: 10 * 24 * 60 * 60
})
]
})
);
[login to view URL](
/\.(?:png|gif|svg)$/,
[login to view URL]({
cacheName: dynamicCache,
plugins: [
new [login to view URL]({
maxEntries: 60,
maxAgeSeconds: 30 * 24 * 60 * 60
})
]
})
);
[login to view URL](
/\.(?:jpg|jpeg)$/,
[login to view URL]({
cacheName: dynamicCache,
plugins: [
new [login to view URL]({
maxEntries: 60,
maxAgeSeconds: 20 * 24 * 60 * 60
})
]
})
);
[login to view URL](
/.*(?:googleapis|gstatic).com.*$/,
[login to view URL]({
cacheName: staticCache,
plugins: [
new [login to view URL]({
maxEntries: 10,
maxAgeSeconds: 90 * 24 * 60 * 6
})
]
})
);
[login to view URL](
({ event }) => [login to view URL] === 'navigate',
({ url }) => fetch([login to view URL]).catch(() => [login to view URL]('/[login to view URL]'))
);
[login to view URL]('push', async event => {
const res = [login to view URL]([login to view URL]());
const { title, body, url, icon } = [login to view URL];
const options = {
body,
icon,
vibrate: [100],
data: { url }
};
[login to view URL](showNotification(title, options));
});
const showNotification = (title, options) =>
new Promise(resolve => {
setTimeout(() => {
[login to view URL](title, options).then(() => resolve());
}, notificationDelay);
});
[login to view URL]('notificationclick', event => {
[login to view URL]();
const { url } = [login to view URL];
if (url) [login to view URL]([login to view URL](url));
});
Project ID: 25730140
About the project 2 proposals
Remote project
Active 4 yrs ago
Looking to make some money? Email address Apply for similar jobs Benefits of bidding on Freelancer Set your budget and timeframe
It's free to sign up and bid on jobs
2 freelancers are bidding on average €30 EUR for this job
Hello! Could you send me more details about your project?
I am a Front-end developer and i can build apps using technologies like: React, React Native, Firebase, MongoDB , Redux etc.
I can work with: Javascript, React, React-native , Node.js, PHP, CSS, HTML, Redux, react-i18next, Ajax, google-map-react, react-bootstrap, react-router-dom and so on.
Looking forward to working with you.
Hope your kind message soon.
Thanks.
€30 EUR in 7 days
5.0 (35 reviews) Hello,
I have rich experience with PWA, I just finished a PWA project with same requirement. You can check my last review. Contact me so we can discuss this in details. Thanks.
€30 EUR in 1 day
5.0 (5 reviews)