fine tune

web_src/fomantic/build/fomantic.js

@@ -1,8 +1,6 @@
-// Hard-forked from Fomantic UI 2.8.7, patches are commented with "GITEA-PATCH"
-import jquery from 'jquery';
 import './components/api.js';
 import './components/dropdown.js';
 import './components/modal.js';
 import './components/search.js';
 
-window.$ = window.jQuery = jquery;
+// Hard-forked from Fomantic UI 2.8.7, patches are commented with "GITEA-PATCH"

web_src/js/bootstrap.ts

@@ -20,6 +20,10 @@ function shouldIgnoreError(err: Error) {
 
 export function showGlobalErrorMessage(msg: string, msgType: Intent = 'error') {
   const msgContainer = document.querySelector('.page-content') ?? document.body;
+  if (!msgContainer) {
+    alert(`${msgType}: ${msg}`);
+    return;
+  }
   const msgCompact = msg.replace(/\W/g, '').trim(); // compact the message to a data attribute to avoid too many duplicated messages
   let msgDiv = msgContainer.querySelector<HTMLDivElement>(`.js-global-error[data-global-error-msg-compact="${msgCompact}"]`);
   if (!msgDiv) {

web_src/js/globals.ts

@@ -0,0 +1,2 @@
+import jquery from 'jquery';
+window.$ = window.jQuery = jquery; // only for Fomantic UI

web_src/js/index-domready.ts

@@ -1,3 +1,4 @@
+import './globals.ts';
 import '../fomantic/build/fomantic.js';
 import '../../node_modules/easymde/dist/easymde.min.css'; // TODO: lazy load in "switchToEasyMDE"
 

web_src/js/index.ts

@@ -5,7 +5,7 @@ import {onDomReady} from './utils/dom.ts';
 
 // TODO: There is a bug in htmx, it incorrectly checks "readyState === 'complete'" when the DOM tree is ready and won't trigger DOMContentLoaded
 // Then importing the htmx in our onDomReady will make htmx skip its initialization.
-// If the bug would be fixed, then we can move this import to "onDomReady"
+// If the bug would be fixed (https://github.com/bigskysoftware/htmx/pull/3365), then we can only import htmx in "onDomReady"
 import 'htmx.org';
 
 onDomReady(async () => {