From 7b7d5f65eec20261af790214fa78f6a902c4d80d Mon Sep 17 00:00:00 2001
From: Buster Neece <buster@busterneece.com>
Date: Tue, 23 Jul 2024 02:38:49 -0500
Subject: [PATCH] Move various utility functions to their own JS libraries.

---
 backend/templates/account/recover.twig    |  2 ++
 backend/templates/account/register.twig   |  2 ++
 backend/templates/dashboard/password.twig |  2 ++
 backend/templates/events/defective.twig   |  2 ++
 frontend/dateTime.js                      | 12 ++++++++++++
 frontend/layout.js                        | 19 -------------------
 frontend/passwordStrength.js              |  3 +++
 vite.config.js                            | 14 ++++++++++----
 8 files changed, 33 insertions(+), 23 deletions(-)
 create mode 100644 frontend/dateTime.js
 create mode 100644 frontend/passwordStrength.js

diff --git a/backend/templates/account/recover.twig b/backend/templates/account/recover.twig
index ddebb6c..3922623 100644
--- a/backend/templates/account/recover.twig
+++ b/backend/templates/account/recover.twig
@@ -3,6 +3,8 @@
 {% block head %}
     {{ parent() }}
 
+    {{ renderAssets('frontend/passwordStrength.js') }}
+
     <script>
         ready(() => {
             passwordStrength();
diff --git a/backend/templates/account/register.twig b/backend/templates/account/register.twig
index d7393b5..4e7d02e 100644
--- a/backend/templates/account/register.twig
+++ b/backend/templates/account/register.twig
@@ -2,6 +2,8 @@
 
 {% block head %}
     {{ parent() }}
+
+    {{ renderAssets('frontend/passwordStrength.js') }}
     
     <script>
         ready(() => {
diff --git a/backend/templates/dashboard/password.twig b/backend/templates/dashboard/password.twig
index 8941a80..2d0d928 100644
--- a/backend/templates/dashboard/password.twig
+++ b/backend/templates/dashboard/password.twig
@@ -5,6 +5,8 @@
 {% block head %}
     {{ parent() }}
 
+    {{ renderAssets('frontend/passwordStrength.js') }}
+
     <script>
         ready(() => {
             passwordStrength();
diff --git a/backend/templates/events/defective.twig b/backend/templates/events/defective.twig
index a204bf0..99593f7 100644
--- a/backend/templates/events/defective.twig
+++ b/backend/templates/events/defective.twig
@@ -3,6 +3,8 @@
 {% block head %}
     {{ parent() }}
 
+    {{ renderAssets('frontend/dateTime.js') }}
+
     <script>
         ready(() => {
             const tz = {{ tz|json_encode|raw }};
diff --git a/frontend/dateTime.js b/frontend/dateTime.js
new file mode 100644
index 0000000..71230f9
--- /dev/null
+++ b/frontend/dateTime.js
@@ -0,0 +1,12 @@
+import {
+    dateTimeToDateTimeString, dateTimeToRelative,
+    dateTimeToTimeString,
+    nowToDateTime,
+    timestampToDateTime
+} from "~/js/dateTimeUtils.js";
+
+window.nowToDateTime = nowToDateTime;
+window.timestampToDateTime = timestampToDateTime;
+window.dateTimeToDateTimeString = dateTimeToDateTimeString;
+window.dateTimeToTimeString = dateTimeToTimeString;
+window.dateTimeToRelative = dateTimeToRelative;
diff --git a/frontend/layout.js b/frontend/layout.js
index edfffd3..76e4871 100644
--- a/frontend/layout.js
+++ b/frontend/layout.js
@@ -1,35 +1,16 @@
-// Frontend styling
 import "~/scss/style.scss";
 
-// Frontend JS
 import * as bootstrap from "bootstrap";
 import $ from "jquery";
 
-// Custom functions
-import passwordStrength from './js/passwordStrength.js';
 import {confirmDanger} from './js/sweetalert.js';
-import {
-    dateTimeToDateTimeString,
-    dateTimeToRelative,
-    dateTimeToTimeString,
-    nowToDateTime,
-    timestampToDateTime,
-} from './js/dateTimeUtils.js';
 
 window.bootstrap = bootstrap;
 
 window.jQuery = window.$ = $;
 
-window.passwordStrength = passwordStrength;
-
 window.confirmDanger = confirmDanger;
 
-window.nowToDateTime = nowToDateTime;
-window.timestampToDateTime = timestampToDateTime;
-window.dateTimeToDateTimeString = dateTimeToDateTimeString;
-window.dateTimeToTimeString = dateTimeToTimeString;
-window.dateTimeToRelative = dateTimeToRelative;
-
 const ready = (callback) => {
     if (document.readyState !== "loading") callback();
     else document.addEventListener("DOMContentLoaded", callback);
diff --git a/frontend/passwordStrength.js b/frontend/passwordStrength.js
new file mode 100644
index 0000000..f849ed3
--- /dev/null
+++ b/frontend/passwordStrength.js
@@ -0,0 +1,3 @@
+import passwordStrength from "~/js/passwordStrength.js";
+
+window.passwordStrength = passwordStrength;
diff --git a/vite.config.js b/vite.config.js
index 546328a..d378895 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -1,10 +1,16 @@
 import {defineConfig} from "vite";
+import {glob} from "glob";
 import {resolve} from "path";
 
-const inputs = {
-    "layout": resolve(__dirname, "./frontend/layout.js"),
-    "wwradio": resolve(__dirname, "./frontend/wwradio.js")
-};
+const inputs = glob.sync('./frontend/*.js').reduce((acc, path) => {
+    // vue/pages/Admin/Index becomes AdminIndex
+    const entry = path.replace(/\.js$/g, '')
+        .replace(/^frontend\//g, '')
+        .replace(/\//g, '');
+
+    acc[entry] = resolve(__dirname, path)
+    return acc
+}, {});
 
 console.log(inputs);