jcinfo-utils 1.0.7 → 1.0.9

package/index.js

@@ -1,3 +1,5 @@
+import checkUpdate from './update.js'
+
 // ===================================================== LOGS
 
 function addLog({ ...args }) {
@@ -287,7 +289,7 @@ function formatValor(valor = 0, decimalScale = 2, money = true) {
   }).format(valor)
 }
 
-module.exports = {
+export {
   addLog,
   addUserSelectNoneInMobile,
   calcularIdade,
@@ -303,4 +305,6 @@ module.exports = {
   isMobile,
   random,
   trunc,
+  // funções externas
+  checkUpdate,
 }

package/package.json

@@ -1,8 +1,9 @@
 {
   "name": "jcinfo-utils",
-  "version": "1.0.7",
+  "version": "1.0.9",
   "description": "Pacote de funções utilitárias",
   "main": "index.js",
+  "type": "module",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"
   },

package/update.css

@@ -0,0 +1,68 @@
+:root {
+  --margin-up: 15px;
+  --margin-down: -120px;
+}
+
+@keyframes c-update-entrada {
+  0% {
+    opacity: 0;
+    bottom: var(--margin-down);
+  }
+  100% {
+    opacity: 1;
+    bottom: var(--margin-up);
+  }
+}
+
+.c-update {
+  position: fixed;
+  right: 20px;
+  bottom: var(--margin-up);
+
+  display: flex;
+  align-items: center;
+  gap: 8px;
+
+  background-color: #d6f5ff;
+  color: #333;
+  padding: 15px 20px;
+  border: 1px solid var(--bs-info);
+  border-radius: 4px;
+  box-shadow: var(--sombra-login);
+
+  font-family: 'Segoe UI', Geneva, Verdana, sans-serif;
+  font-size: 0.9rem;
+  width: auto;
+  white-space: nowrap;
+  user-select: none;
+  animation: c-update-entrada 1s both;
+  z-index: 9999991;
+}
+
+.c-update i {
+  color: var(--bs-info);
+  font-size: 1.3rem;
+}
+
+.c-line {
+  position: absolute;
+  min-height: 85%;
+  border-left: 3px solid var(--bs-info);
+  left: 4px;
+}
+
+@media (max-width: 575px) {
+  :root {
+    --margin-up: 5px;
+  }
+
+  .c-update {
+    max-width: 95vw;
+    width: 95vw;
+    white-space: unset;
+    right: initial;
+    left: 50%;
+    transform: translateX(-50%);
+    border-radius: 0;
+  }
+}

package/update.js

@@ -0,0 +1,55 @@
+/* eslint-disable no-unused-vars */
+import './update.css'
+
+const cMessagUpdating =
+  '<div class="c-line"></div>' +
+  '<i class="fas fa-info-circle"></i>' +
+  'Nova versão disponível! Atualizando...'
+
+let divUpdate = document.querySelector('#update')
+
+if (!divUpdate) {
+  divUpdate = document.createElement('div')
+  divUpdate.id = 'update'
+  document.body.appendChild(divUpdate)
+}
+
+export function showMessage(isTest = false, closeAfterShow = false) {
+  divUpdate.innerHTML = cMessagUpdating
+  divUpdate.classList.add('c-update')
+  console.info('Mostrando msg...')
+}
+
+export default function checkUpdate() {
+  console.info('Versão:', process.env.REACT_APP_VERSION)
+  console.info('Server:', process.env.REACT_APP_BASEURL)
+  console.info('App:', window.location.origin)
+  if ('serviceWorker' in navigator && window.location.origin.startsWith('http')) {
+    console.log('Procurando atualizações...')
+    navigator.serviceWorker
+      .getRegistration()
+      .then((registration) => {
+        if (!registration) {
+          console.info('Sem Service Worker!')
+          return
+        }
+        console.info('=> Service Worker encontrado:', registration)
+        registration.addEventListener('updatefound', () => {
+          showMessage()
+          const installingWorker = registration.installing
+          installingWorker.addEventListener('statechange', () => {
+            if (installingWorker.state === 'installed') {
+              if (navigator.serviceWorker.controller) {
+                window.location.reload(true)
+              }
+            }
+          })
+        })
+      })
+      .catch((error) => {
+        console.error('=> Service Worker não encontrado:', error)
+      })
+  }
+}
+
+showMessage(true, true)