Merge (#127)

resources/js/app.js

@@ -1,11 +1,86 @@
-import { Livewire, Alpine } from '../../vendor/livewire/livewire/dist/livewire.esm';
+import 'flowbite';
 
-Alpine.directive('clipboard', (el) => {
-    let text = el.textContent
+import Alpine from 'alpinejs';
+window.Alpine = Alpine;
+Alpine.start();
 
-    el.addEventListener('click', () => {
-        navigator.clipboard.writeText(text)
-    })
-})
+import htmx from "htmx.org";
+window.htmx = htmx;
+window.htmx.defineExtension('disable-element', {
+    onEvent: function (name, evt) {
+        let elt = evt.detail.elt;
+        let target = elt.getAttribute("hx-disable-element");
+        let targetElements = (target === "self") ? [elt] : document.querySelectorAll(target);
 
-Livewire.start()
+        for (let i = 0; i < targetElements.length; i++) {
+            if (name === "htmx:beforeRequest" && targetElements[i]) {
+                targetElements[i].disabled = true;
+            } else if (name === "htmx:afterRequest" && targetElements[i]) {
+                targetElements[i].disabled = false;
+            }
+        }
+    }
+});
+document.body.addEventListener('htmx:configRequest', (event) => {
+    event.detail.headers['X-CSRF-TOKEN'] = document.head.querySelector('meta[name="csrf-token"]').content;
+    if (window.getSelection) { window.getSelection().removeAllRanges(); }
+    else if (document.selection) { document.selection.empty(); }
+});
+document.body.addEventListener('htmx:beforeRequest', (event) => {
+    let targetElements = event.target.querySelectorAll('[hx-disable]');
+    for (let i = 0; i < targetElements.length; i++) {
+        targetElements[i].disabled = true;
+    }
+});
+document.body.addEventListener('htmx:afterRequest', (event) => {
+    let targetElements = event.target.querySelectorAll('[hx-disable]');
+    for (let i = 0; i < targetElements.length; i++) {
+        targetElements[i].disabled = false;
+    }
+});
+
+import toastr from 'toastr';
+window.toastr = toastr;
+window.toastr.options = {
+    "debug": false,
+    "positionClass": "toast-bottom-right",
+    "preventDuplicates": true,
+}
+
+import tippy from 'tippy.js';
+import 'tippy.js/dist/tippy.css';
+document.body.addEventListener('htmx:afterSettle', (event) => {
+    tippy('[data-tooltip]', {
+        content(reference) {
+            return reference.getAttribute('data-tooltip');
+        },
+    });
+});
+tippy('[data-tooltip]', {
+    content(reference) {
+        return reference.getAttribute('data-tooltip');
+    },
+});
+
+window.copyToClipboard = async function (text) {
+    try {
+        await navigator.clipboard.writeText(text);
+    } catch (err) {
+        const textArea = document.createElement("textarea");
+        textArea.value = text;
+
+        textArea.style.position = "absolute";
+        textArea.style.left = "-999999px";
+
+        document.body.prepend(textArea);
+        textArea.select();
+
+        try {
+            document.execCommand('copy');
+        } catch (error) {
+            //
+        } finally {
+            textArea.remove();
+        }
+    }
+}

resources/js/bootstrap.js

@@ -1,43 +0,0 @@
-/**
- * We'll load the axios HTTP library which allows us to easily issue requests
- * to our Laravel back-end. This library automatically handles sending the
- * CSRF token as a header based on the value of the "XSRF" token cookie.
- */
-
-import axios from 'axios';
-
-window.axios = axios;
-
-window.axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest';
-
-/**
- * Echo exposes an expressive API for subscribing to channels and listening
- * for events that are broadcast by Laravel. Echo and event broadcasting
- * allows your team to easily build robust real-time web applications.
- */
-
-// import Echo from 'laravel-echo';
-
-// import Pusher from 'pusher-js';
-// window.Pusher = Pusher;
-
-// window.Echo = new Echo({
-//     broadcaster: 'pusher',
-//     key: import.meta.env.VITE_PUSHER_APP_KEY,
-//     cluster: import.meta.env.VITE_PUSHER_APP_CLUSTER ?? 'mt1',
-//     wsHost: import.meta.env.VITE_PUSHER_HOST ? import.meta.env.VITE_PUSHER_HOST : `ws-${import.meta.env.VITE_PUSHER_APP_CLUSTER}.pusher.com`,
-//     wsPort: import.meta.env.VITE_PUSHER_PORT ?? 80,
-//     wssPort: import.meta.env.VITE_PUSHER_PORT ?? 443,
-//     forceTLS: (import.meta.env.VITE_PUSHER_SCHEME ?? 'https') === 'https',
-//     enabledTransports: ['ws', 'wss'],
-// });
-
-import toastr from 'toastr';
-
-window.toastr = toastr;
-
-window.toastr.options = {
-    "debug": false,
-    "positionClass": "toast-bottom-right",
-    "preventDuplicates": true,
-}