chore: added disclaimer in blog entry

jamerrq · Apr 14, 2024 · e9da11e · e9da11e
1 parent 1002816
commit e9da11e
Show file tree

Hide file tree

Showing 6 changed files with 36 additions and 6 deletions.
diff --git a/bun.lockb b/bun.lockb
diff --git a/package.json b/package.json
@@ -23,7 +23,6 @@
     "simple-icons": "^11.1.0",
     "tailwindcss": "^3.4.0",
     "typescript": "^5.3.3",
-    "vite-plugin-pwa": "^0.19.4",
     "wc-toast": "^1.3.1"
   },
   "scripts": {

diff --git a/src/components/main/ReloadPrompt.astro b/src/components/main/ReloadPrompt.astro
@@ -20,6 +20,7 @@
     z-index: 1;
     text-align: left;
     box-shadow: 3px 4px 5px 0 #8885;
+    background-color: #f1f1f1;
   }
   #pwa-toast .message {
     margin-bottom: 8px;

diff --git a/src/layouts/layout.astro b/src/layouts/layout.astro
@@ -26,11 +26,17 @@ import ReloadPrompt from '@components/main/ReloadPrompt.astro'
     <SEO />
     <title>{title}</title>
     <!-- Analytics by Umami -->
-    <script
-      is:inline
-      defer
-      src='https://analytics.us.umami.is/script.js'
-      data-website-id='69d89d94-e4e2-42cc-a3c7-c40048915156'></script>
+    {
+      !import.meta.env.DEV && (
+        <script
+          is:inline
+          async
+          defer
+          data-website-id='69d89d94-e4e2-42cc-a3c7-c40048915156'
+          src='https://analytics.us.umami.is/umami.js'
+        />
+      )
+    }
     <ViewTransitions />
   </head>
   <body data-dev={import.meta.env.DEV} class='data-[dev]:debug-screens'>

diff --git a/src/pages/blog/convert-astro-app-to-pwa.mdx b/src/pages/blog/convert-astro-app-to-pwa.mdx
@@ -13,6 +13,13 @@ import { pwaSeoConfig } from '@data/codes.ts'
 	width="250" height="250" />
 </div>
 
+## Disclaimer ⚠️
+
+As of the time of writing this article, I implemented the PWA functionality
+following the steps described in this article, however, an alternative way to
+implement this functionality is by using the vite-pwa plugin for Astro. I will
+update this article with the new information as soon as possible.
+
 ## First and foremost. What is a PWA?
 
 If you've been browsing the web frequently lately, you've probably come across

diff --git a/src/pages/es/blog/convertir-astro-app-en-pwa.mdx b/src/pages/es/blog/convertir-astro-app-en-pwa.mdx
@@ -13,6 +13,23 @@ import { pwaSeoConfig } from '@data/codes.ts'
 	width="250" height="250" />
 </div>
 
+<!--
+## Disclaimer
+
+As of the time of writing this article, I implemented the PWA functionality
+following the steps described in this article, however, an alternative way to
+implement this functionality is by using the vite-pwa plugin for Astro. I will
+update this article with the new information as soon as possible.
+ -->
+
+## Disclaimer ⚠️
+
+En el momento de escribir este artículo, implementé la funcionalidad de PWA
+siguiendo los pasos descritos en este artículo, sin embargo, una forma
+alternativa
+de implementar esta funcionalidad es utilizando el plugin vite-pwa para Astro.
+Actualizaré este artículo con la nueva información tan pronto como sea posible.
+
 ## Antes que nada ¿Qué es una PWA?
 
 Si has navegado con frequencia recientemente por la web, te habrás encontrado el