deleteCheckinModalをVanilla化

resources/assets/js/@types/jquery-tissue.d.ts

@@ -1,5 +0,0 @@
-// tissue.ts で定義されているjQuery Pluginの型定義
-
-interface JQuery<TElement = HTMLElement> {
-    deleteCheckinModal: () => this;
-}

resources/assets/js/app.ts

@@ -1,6 +1,6 @@
 import * as Cookies from 'js-cookie';
 import { fetchPostJson, fetchDeleteJson, ResponseError } from './fetch';
-import { linkCard, pageSelector } from './tissue';
+import { linkCard, pageSelector, deleteCheckinModal } from './tissue';
 
 require('./bootstrap');
 
@@ -24,11 +24,15 @@ $(() => {
     document.querySelectorAll('.tis-page-selector').forEach(pageSelector);
 
     document.querySelectorAll('.link-card').forEach(linkCard);
-    const $deleteCheckinModal = $('#deleteCheckinModal').deleteCheckinModal();
+
+    const elDeleteCheckinModal = document.getElementById('deleteCheckinModal');
+    if (elDeleteCheckinModal) {
+        const $deleteCheckinModal = deleteCheckinModal(elDeleteCheckinModal);
         $(document).on('click', '[data-target="#deleteCheckinModal"]', function (event) {
             event.preventDefault();
             $deleteCheckinModal.modal('show', this);
         });
+    }
 
     $(document).on('click', '[data-href]', function (_event) {
         location.href = $(this).data('href');

resources/assets/js/bootstrap.ts

@@ -1,5 +1,2 @@
-// jQuery
-import './tissue';
-
 // Bootstrap
 import 'bootstrap';

resources/assets/js/tissue.ts

@@ -1,6 +1,6 @@
 import { fetchGet } from './fetch';
 
-function suicide<T>(e: T) {
+export function suicide<T>(e: T) {
     return function (): never {
         throw e;
     };
@@ -45,19 +45,21 @@ export function linkCard(el: Element) {
                 el.classList.remove('d-none');
             }
         });
+
+    return el;
 }
 
 export function pageSelector(el: Element) {
-    if (!(el instanceof HTMLSelectElement)) return;
+    if (el instanceof HTMLSelectElement) {
         el.addEventListener('change', function () {
             location.href = this.options[this.selectedIndex].dataset.href as string;
         });
     }
+    return el;
+}
 
-(function ($) {
-    $.fn.deleteCheckinModal = function () {
-        return this.each(function () {
-            $(this)
+export function deleteCheckinModal(el: Element) {
+    return $(el)
         .on('show.bs.modal', function (event) {
             // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
             const target = $(event.relatedTarget!);
@@ -71,7 +73,6 @@ export function pageSelector(el: Element) {
             const form = modal.find('form');
             form.attr('action', form.attr('action')?.replace('@', modal.data('id')) || null);
             form.submit();
-                });
-        });
-    };
-})(jQuery);
+        })
+        .end();
+}