npm - @ozdao/prometheus-framework - Versions diffs - 0.2.230 → 0.2.232 - Mend

@ozdao/prometheus-framework 0.2.230 → 0.2.232

Files changed (16) hide show

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@ozdao/prometheus-framework",
-  "version": "0.2.230",
+  "version": "0.2.232",
   "description": "Web3 Framework focused on user experience and ease of development.",
   "author": "OZ DAO <hello@ozdao.dev>",
   "license": "GPL-3.0-or-later",

package/src/builder/templates/screen.js ADDED Viewed

@@ -0,0 +1,36 @@
+module.exports = `
+  <!DOCTYPE html>
+  <html lang="en">
+  <head>
+      <meta charset="UTF-8">
+      <meta name="viewport" content="width=device-width, initial-scale=1.0">
+      <title>NMS</title>
+      <script async src="https://www.googletagmanager.com/gtag/js?id={{googleTagId}}"></script>
+      <script>
+        window.dataLayer = window.dataLayer || [];
+        function gtag(){dataLayer.push(arguments);}
+        gtag('js', new Date());
+        gtag('config', '{{googleTagId}}');
+      </script>
+      <script>(function(){var s;(s=document.currentScript||document.scripts[document.scripts.length-1]).parentNode.removeChild(s);}());</script>
+      <link rel="apple-touch-icon" sizes="180x180" href="/favicon/apple-touch-icon.png">
+      <link rel="icon" type="image/png" sizes="32x32" href="/favicon/favicon-32x32.png">
+      <link rel="icon" type="image/png" sizes="16x16" href="/favicon/favicon-16x16.png">
+      <link rel="manifest" href="/favicon/site.webmanifest">
+      <link rel="mask-icon" href="/favicon/safari-pinned-tab.svg" color="#5bbad5">
+      <link rel="stylesheet" type="text/css" href="/main.css">
+      <meta name="msapplication-TileColor" content="#000000">
+      <meta name="theme-color" content="#ffffff">
+      <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
+  </head>
+  <body>
+      <div id="app"></div>
+    </body>
+  </body>
+  </html>
+`;

package/src/builder/webpack/webpack.config.spa.js CHANGED Viewed

@@ -36,7 +36,7 @@ module.exports = (projectRoot) => {
       }),
       new HtmlWebpackPlugin({
         templateContent: async () => {
-          const template = require("../templates/page.js");
+          const template = require("../templates/screen.js");
           const meta = {
             htmlAttrs: 'lang="en"',

package/src/modules/events/components/elements/ButtonCheck.vue CHANGED Viewed

@@ -32,6 +32,8 @@ onUnmounted(async () => {
 })
 async function startScan() {
+  document.querySelector('body')?.classList.add('barcode-scanner-active');
   try {
     const { camera } = await BarcodeScanner.checkPermissions()
     if (camera !== 'granted') {
@@ -57,7 +59,7 @@ async function startScan() {
 async function stopScan() {
   try {
-    document.querySelector('body')?.classList.remove('barcode-scanner-active')
+    document.querySelector('body')?.classList.remove('barcode-scanner-active');
     isScanning.value = false
     await BarcodeScanner.stopScan()
     await BarcodeScanner.removeAllListeners()
@@ -84,24 +86,19 @@ async function processBarcode(barcode) {
 </script>
 <style scoped>
+body.barcode-scanner-active {
+  visibility: hidden;
+  --background: transparent;
+  --ion-background-color: transparent;
+}
 .barcode-scanner-modal {
-  position: fixed;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  background: rgba(0, 0, 0, 0.8);
-  display: flex;
-  justify-content: center;
-  align-items: center;
+  visibility: visible;
 }
-.stop-scan-button {
-  position: absolute;
-  bottom: 20px;
-  left: 50%;
-  transform: translateX(-50%);
+@media (prefers-color-scheme: dark) {
+  .barcode-scanner-modal {
+    --background: transparent;
+    --ion-background-color: transparent;
+  }
 }
-/* Existing styles can stay unchanged */
 </style>

package/src/modules/events/components/elements/ButtonCheck1.vue ADDED Viewed

@@ -0,0 +1,107 @@
+<template>
+  <div>
+    <Button @click="startScan" class="bg-main button-small radius-extra button">
+      Check Tickets
+    </Button>
+    <div v-if="isScanning" class="barcode-scanner-modal">
+      <!-- Add any UI elements for the scanner here -->
+      <Button @click="stopScan" class="stop-scan-button">Stop Scan</Button>
+    </div>
+  </div>
+</template>
+<script setup>
+import { ref, onMounted, onUnmounted } from 'vue'
+import { BarcodeScanner } from '@capacitor-mlkit/barcode-scanning'
+import Button from '@pf/src/components/Button/Button.vue'
+import * as tickets from '@pf/src/modules/events/store/tickets'
+const emits = defineEmits(['qrcodecheck'])
+const error = ref('')
+const isScanning = ref(false)
+onMounted(async () => {
+  const { supported } = await BarcodeScanner.isSupported()
+  if (!supported) {
+    error.value = 'Barcode scanning is not supported on this device'
+  }
+})
+onUnmounted(async () => {
+  await BarcodeScanner.removeAllListeners()
+})
+async function startScan() {
+  try {
+    const { camera } = await BarcodeScanner.checkPermissions()
+    if (camera !== 'granted') {
+      const { camera: newStatus } = await BarcodeScanner.requestPermissions()
+      if (newStatus !== 'granted') {
+        throw new Error('Camera permission is required to scan barcodes')
+      }
+    }
+    document.querySelector('body')?.classList.add('barcode-scanner-active')
+    isScanning.value = true
+    await BarcodeScanner.addListener('barcodeScanned', async (result) => {
+      await processBarcode(result.barcode)
+    })
+    await BarcodeScanner.startScan()
+  } catch (e) {
+    error.value = e.message
+    alert(`Error: ${error.value}`)
+  }
+}
+async function stopScan() {
+  try {
+    document.querySelector('body')?.classList.remove('barcode-scanner-active')
+    isScanning.value = false
+    await BarcodeScanner.stopScan()
+    await BarcodeScanner.removeAllListeners()
+  } catch (e) {
+    error.value = e.message
+    alert(`Error stopping scan: ${error.value}`)
+  }
+}
+async function processBarcode(barcode) {
+  try {
+    if (!barcode) {
+      throw new Error('Troubles with barcode reading')
+    }
+    const response = await tickets.actions.update({ _id: barcode, status: 'used', check: true })
+    alert("Ticket checked. And it's all right!")
+  } catch (e) {
+    alert(`Ticket is not found, already used or deactivated!`)
+  } finally {
+    emits('qrcodecheck')
+    await stopScan()
+  }
+}
+</script>
+<style scoped>
+.barcode-scanner-modal {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: rgba(0, 0, 0, 0.8);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.stop-scan-button {
+  position: absolute;
+  bottom: 20px;
+  left: 50%;
+  transform: translateX(-50%);
+}
+/* Existing styles can stay unchanged */
+</style>

package/src/modules/events/components/elements/ButtonCheck2.vue ADDED Viewed

@@ -0,0 +1,76 @@
+<template>
+  <div>
+    <Button :submit="startScan" class="bg-main button-small radius-extra button">
+      Check Tickets
+    </Button>
+    <Popup
+      title="Scan QR Code"
+      @close-popup="closePublicationPopup"
+      :isPopupOpen="isPublicationPopup"
+      class="w-max-30r h-max-30r t-left pd-big bg-white radius-big"
+    >
+      <h3 class="mn-b-small">Scan QR Code</h3>
+      <div class="h-max">
+        <!-- Scanning will be handled by Capacitor, so we don't need a visual component here -->
+      </div>
+    </Popup>
+  </div>
+</template>
+<script setup>
+import { ref } from 'vue'
+import { BarcodeScanner } from '@capacitor-mlkit/barcode-scanning'
+import Popup from '@pf/src/components/Popup/Popup.vue'
+import Button from '@pf/src/components/Button/Button.vue'
+import * as tickets from '@pf/src/modules/events/store/tickets'
+const emits = defineEmits(['qrcodecheck'])
+const isPublicationPopup = ref(false)
+const error = ref('')
+function openPublicationPopup() {
+  isPublicationPopup.value = true
+}
+function closePublicationPopup() {
+  isPublicationPopup.value = false
+}
+async function startScan() {
+  openPublicationPopup()
+  try {
+    await BarcodeScanner.isSupported()
+    const { barcodes } = await BarcodeScanner.scan()
+    if (barcodes.length > 0) {
+      await processBarcode(barcodes[0].rawValue)
+    } else {
+      throw new Error('No barcode detected')
+    }
+  } catch (e) {
+    error.value = e.message
+    alert(`Error: ${error.value}`)
+  } finally {
+    closePublicationPopup()
+  }
+}
+async function processBarcode(qrcode) {
+  try {
+    if (!qrcode) {
+      throw new Error('Troubles with qrcode reading')
+    }
+    const response = await tickets.actions.update({ _id: qrcode, status: 'used', check: true })
+    alert("Ticket checked. And it's all right!")
+  } catch (e) {
+    alert(`Ticket is not found, already used or deactivated!`)
+  } finally {
+    emits('qrcodecheck')
+  }
+}
+</script>
+<style scoped>
+/* Existing styles can stay unchanged */
+</style>