Merge pull request #940 from IgniteUI/gedinakova/public-url-fix

chore(*): Attempt to fix resolved url for service worker

Author: ChronosSF

browser/src/navigation/SamplesBuster.tsx

@@ -75,7 +75,7 @@ export class SamplesBuster extends React.Component<SamplesBusterProps, SamplesBu
         //     metaURL = pathname + '/meta.json';
         // }
         console.log('SB version location: ' + pathname);
-        console.log('SB version public: ' + process.env.PUBLIC_URL);
+        console.log('SB version public: ' + import.meta.env.BASE_URL);
         try {
           const response = await fetch(metaURL);
           const metaJson = await response.json();  // may error if there is no body

browser/src/serviceWorker.ts

@@ -26,20 +26,20 @@ export default function register(): void {
   if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {
     // The URL constructor is available in all browsers that support SW.
     const publicUrl = new URL(
-      process.env.PUBLIC_URL!,
+      import.meta.env.BASE_URL!,
       window.location.toString()
     );
     console.log('SW reg public ' + publicUrl);
 
     if (publicUrl.origin !== window.location.origin) {
-      // Our service worker won't work if PUBLIC_URL is on a different origin
+      // Our service worker won't work if BASE_URL is on a different origin
       // from what our page is served on. This might happen if a CDN is used to
       // serve assets; see https://github.com/facebookincubator/create-react-app/issues/2374
       return;
     }
 
     window.addEventListener('load', () => {
-      const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;
+      const swUrl = `${import.meta.env.BASE_URL}/service-worker.js`;
 
       console.log('SW load url ' + swUrl);