Commit remaining pre-existing changes across CMS files

resources/themes/atom/js/app.js

@@ -1,12 +1,6 @@
 import "./bootstrap";
 import "./external/flowbite";
 
-import "swiper/css";
-import "swiper/css/pagination";
-
-import Alpine from "alpinejs";
-import Focus from "@alpinejs/focus";
-
 import ArticleReactions from "./components/ArticleReactions.js";
 
 import ThemeSwitcher from "./components/ThemeSwitcher.js";
@@ -15,8 +9,8 @@ import AtomSliders from "./components/AtomSliders.js";
 ThemeSwitcher.init();
 ArticleReactions.init();
 AtomSliders.init();
-Alpine.plugin(Focus);
-Alpine.start();
+window.Alpine.plugin(window.AlpineFocus);
+window.Alpine.start();
 
 console.log(
   "%cAtom CMS%c\n\nAtom CMS is a CMS for made for the community to enjoy. You can join our wonderful community at https://discord.gg/rX3aShUHdg\n\n",

resources/themes/atom/js/bootstrap.js

@@ -4,13 +4,9 @@
  * CSRF token as a header based on the value of the "XSRF" token cookie.
  */
 
-import axios from "axios";
-import Turbolinks from "turbolinks";
-
-window.axios = axios;
 window.axios.defaults.headers.common["X-Requested-With"] = "XMLHttpRequest";
 
-Turbolinks.start();
+window.Turbolinks.start();
 
 /**
  * Echo exposes an expressive API for subscribing to channels and listening

resources/themes/atom/js/components/ArticleReactions.js

@@ -1,12 +1,10 @@
-import Alpine from "alpinejs";
-
 const ArticleReactions = {
   init() {
     document.addEventListener("alpine:init", () => this.startComponent());
   },
 
   startComponent() {
-    Alpine.data(
+    window.Alpine.data(
       "reactions",
       (myReactions = [], articleReactions = [], url = "") => ({
         url,

resources/themes/atom/js/components/AtomSliders.js

@@ -1,5 +1,3 @@
-import Swiper from "swiper";
-
 const AtomSliders = {
   init() {
     document.addEventListener("turbolinks:load", () => {
@@ -10,7 +8,7 @@ const AtomSliders = {
   initArticleSlider() {
     if (!document.querySelector(".article-slider")) return;
 
-    new Swiper(".articles-slider", {
+    new window.Swiper(".articles-slider", {
       modules: [],
       slidesPerView: 1,
       loop: true,

resources/themes/atom/views/client/nitro.blade.php

@@ -9,6 +9,13 @@
 
  <link href="https://fonts.googleapis.com/css2?family=Ubuntu+Condensed&display=swap" rel="stylesheet">
 
+ <link rel="stylesheet" href="{{ config('habbo.cdn.swiper_css') }}" />
+
+ <script src="{{ config('habbo.cdn.axios_js') }}"></script>
+ <script defer src="{{ config('habbo.cdn.alpine_js') }}"></script>
+ <script defer src="{{ config('habbo.cdn.alpine_focus_js') }}"></script>
+ <script src="{{ config('habbo.cdn.swiper_js') }}"></script>
+
  @vite(['resources/themes/' . setting('theme') . '/css/app.css', 'resources/themes/' . setting('theme') . '/js/app.js'], 'build')
 
  <style>

resources/themes/atom/views/layouts/app.blade.php

@@ -26,6 +26,13 @@
  <script src="{{ config('habbo.cdn.popper_js') }}"></script>
  <script src="{{ config('habbo.cdn.tippy_js') }}"></script>
  <link rel="stylesheet" href="{{ asset('assets/css/scale.min.css') }}"/>
+ <link rel="stylesheet" href="{{ config('habbo.cdn.swiper_css') }}" />
+
+ <script src="{{ config('habbo.cdn.axios_js') }}"></script>
+ <script defer src="{{ config('habbo.cdn.alpine_js') }}"></script>
+ <script defer src="{{ config('habbo.cdn.alpine_focus_js') }}"></script>
+ <script src="{{ config('habbo.cdn.swiper_js') }}"></script>
+ <script src="{{ config('habbo.cdn.turbolinks_js') }}"></script>
 
  @vite(['resources/themes/' . setting('theme', 'atom') . '/css/app.css', 'resources/themes/' . setting('theme', 'atom') . '/js/app.js'], 'build')
 

resources/themes/atom/views/layouts/guest.blade.php

@@ -11,6 +11,13 @@
  <!-- Fonts -->
  <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700&display=swap">
 
+ <link rel="stylesheet" href="{{ config('habbo.cdn.swiper_css') }}" />
+
+ <script src="{{ config('habbo.cdn.axios_js') }}"></script>
+ <script defer src="{{ config('habbo.cdn.alpine_js') }}"></script>
+ <script defer src="{{ config('habbo.cdn.alpine_focus_js') }}"></script>
+ <script src="{{ config('habbo.cdn.swiper_js') }}"></script>
+
  @vite(['resources/themes/' . setting('theme') . '/css/app.css', 'resources/themes/' . setting('theme') . '/js/app.js'], 'build')
 
  <style>

resources/themes/atom/views/maintenance.blade.php

@@ -7,8 +7,15 @@
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>{{ setting('hotel_name') }} - {{ __('Maintenance') }}</title>
 
- <link rel="stylesheet" href="https://unpkg.com/flowbite@1.5.1/dist/flowbite.min.css"/>
- <script src="https://unpkg.com/flowbite@1.5.1/dist/flowbite.js"></script>
+ <link rel="stylesheet" href="{{ config('habbo.cdn.flowbite_css', asset('assets/css/flowbite.min.css')) }}" />
+ <script src="{{ config('habbo.cdn.popper_js') }}"></script>
+ <script src="{{ config('habbo.cdn.tippy_js') }}"></script>
+ <link rel="stylesheet" href="{{ config('habbo.cdn.swiper_css') }}" />
+
+ <script src="{{ config('habbo.cdn.axios_js') }}"></script>
+ <script defer src="{{ config('habbo.cdn.alpine_js') }}"></script>
+ <script defer src="{{ config('habbo.cdn.alpine_focus_js') }}"></script>
+ <script src="{{ config('habbo.cdn.swiper_js') }}"></script>
 
  @vite(['resources/themes/' . setting('theme') . '/css/app.css', 'resources/themes/' . setting('theme') . '/js/app.js'], 'build')