Adds color to warning messages in Android packaging. Fixes typo in Android platform.

Author: JudahGabriel

apps/pwabuilder-google-play/services/packageCreator.ts

@@ -143,7 +143,7 @@ export class PackageCreator {
                 errorMessage.includes('ENOTFOUND');
             if (is403Error) {
                 const optionsWithSafeUrl = this.getAndroidOptionsWithSafeUrls(options);
-                this.dispatchProgressEvent('Encountered 403 error when generating app package. This indicates PWABuilder was unable to downlaod the images in your web manifest. If the problem persists, please ensure the images specified in your manfiest can be fetched without 404s, redirects, or authentication walls. Retrying with safe URL proxy and HTTP2.', "warn");
+                this.dispatchProgressEvent('Encountered 403 error when generating app package. This indicates PWABuilder was unable to download the images in your web manifest. If the problem persists, please ensure the images specified in your manfiest can be fetched without 404s, redirects, or authentication walls. Retrying with safe URL proxy and HTTP2.', "warn");
                 const bubbleWrapper = new BubbleWrapper(
                     optionsWithSafeUrl,
                     projectDirPath,

apps/pwabuilder/Frontend/src/script/pages/google-play-packaging-status.styles.ts

@@ -103,6 +103,10 @@ export const googlePlayPackagingStatusStyles = css`
                 background-color: var(--sl-color-neutral-300);
             }
 
+            &.warn {
+                color: var(--sl-color-warning-600);
+            }
+
             &.error {
                 color: var(--sl-color-danger-600);
             }

apps/pwabuilder/Frontend/src/script/pages/google-play-packaging-status.ts

@@ -167,10 +167,15 @@ export class GooglePlayPackagingStatus extends LitElement {
     }
 
     renderLog(log: string): TemplateResult {
+        let logClass = "log";
         if (log.includes("[error]")) {
-            return html`<span class="log error">${log}</span>`;
+            logClass += " error";
         }
-        return html`<span class="log">${log}</span>`;
+        if (log.includes("[warn]")) {
+            logClass += " warn";
+        }
+
+        return html`<span class="${logClass}">${log}</span>`;
     }
 
     private async pollJob(jobId: string): Promise<void> {