From 4da91d017be0a6d052f06acaf7defbaf04982974 Mon Sep 17 00:00:00 2001
From: Nystik <236107-Nystik@users.noreply.gitlab.com>
Date: Tue, 19 May 2026 01:39:29 +0200
Subject: [PATCH] implement ui-registry for dynamic UI handler registration

---
 server/assets/index.html            |  2 +-
 src/shims/electron/ipc-renderer.js  |  2 +-
 src/shims/electron/remote/dialog.js |  2 +-
 src/shims/globals.js                |  2 +-
 src/shims/init.js                   |  2 +-
 src/shims/loader.js                 |  2 ++
 src/shims/ui-registry.js            | 26 ++++++++++++++++++++++++++
 src/ui/bootstrap.js                 | 24 +++++++++++++++++++-----
 src/ui/index.js                     |  2 ++
 9 files changed, 54 insertions(+), 10 deletions(-)
 create mode 100644 src/shims/ui-registry.js

diff --git a/server/assets/index.html b/server/assets/index.html
index 36493ed..c3e7578 100644
--- a/server/assets/index.html
+++ b/server/assets/index.html
@@ -41,8 +41,8 @@
   <div id="ignis-status-label">Loading Obsidian...</div>
 </div>
 <!-- Ignis shims: must run before any Obsidian code. -->
-<script type="text/javascript" src="__IGNIS_UI_SRC__"></script>
 <script type="text/javascript" src="__SHIM_LOADER_SRC__"></script>
+<script type="text/javascript" src="__IGNIS_UI_SRC__"></script>
 <!-- Obsidian scripts injected dynamically to avoid touching their files. -->
 <script>
 (function () {
diff --git a/src/shims/electron/ipc-renderer.js b/src/shims/electron/ipc-renderer.js
index c2a0f9e..3304c23 100644
--- a/src/shims/electron/ipc-renderer.js
+++ b/src/shims/electron/ipc-renderer.js
@@ -1,4 +1,4 @@
-import { showVaultManager } from "../../ui/bootstrap.js";
+import { showVaultManager } from "../ui-registry.js";
 import { vaultService } from "../../services/vault-service.js";
 
 const listeners = new Map();
diff --git a/src/shims/electron/remote/dialog.js b/src/shims/electron/remote/dialog.js
index 4e94a74..fcb4a56 100644
--- a/src/shims/electron/remote/dialog.js
+++ b/src/shims/electron/remote/dialog.js
@@ -2,7 +2,7 @@ import {
   showMessageDialog,
   showConfirmDialog,
   showPromptDialog,
-} from "../../../ui/bootstrap.js";
+} from "../../ui-registry.js";
 import { inputCacheSet, inputCacheDelete } from "../../fs/input-cache.js";
 
 const IMPORTS_DIR = ".obsidian/imports";
diff --git a/src/shims/globals.js b/src/shims/globals.js
index df23804..fac08e8 100644
--- a/src/shims/globals.js
+++ b/src/shims/globals.js
@@ -3,7 +3,7 @@ import {
   registerPopupWindow,
   unregisterPopupWindow,
 } from "./electron/remote/window.js";
-import { showVaultManager } from "../ui/bootstrap.js";
+import { showVaultManager } from "./ui-registry.js";
 
 function installProcess() {
   window.process = processShim;
diff --git a/src/shims/init.js b/src/shims/init.js
index 1471f25..aea1abc 100644
--- a/src/shims/init.js
+++ b/src/shims/init.js
@@ -1,7 +1,7 @@
 import { fsShim } from "./fs/index.js";
 import { installRequestUrlShim } from "./request-url.js";
 import { vaultService } from "../services/vault-service.js";
-import { showPluginInstallDialog } from "../ui/bootstrap.js";
+import { showPluginInstallDialog } from "./ui-registry.js";
 import { registerReadTransform } from "./fs/transforms.js";
 import {
   resolveWorkspaceName,
diff --git a/src/shims/loader.js b/src/shims/loader.js
index 99fd41b..0319de4 100644
--- a/src/shims/loader.js
+++ b/src/shims/loader.js
@@ -3,9 +3,11 @@ import { installGlobals } from "./globals.js";
 import { installCssOverrides } from "./css-overrides.js";
 import { initialize } from "./init.js";
 import { fsShim } from "./fs/index.js";
+import { registerUI } from "./ui-registry.js";
 
 // __IGNIS_VERSION__ is replaced at build time from package.json.
 window.__ignis = { version: __IGNIS_VERSION__ };
+window.__ignis_registerUI = registerUI;
 
 installGlobals(); // process, Buffer, window overrides (before require so Buffer is available)
 installRequire(); // shim registry, window.require
diff --git a/src/shims/ui-registry.js b/src/shims/ui-registry.js
new file mode 100644
index 0000000..799bc61
--- /dev/null
+++ b/src/shims/ui-registry.js
@@ -0,0 +1,26 @@
+// Use a runtime registry to avoid bloating bundles with imported component code.
+
+let handlers = {};
+
+export function registerUI(impls) {
+  handlers = { ...handlers, ...impls };
+}
+
+function proxy(name) {
+  return (...args) => {
+    const fn = handlers[name];
+
+    if (typeof fn !== "function") {
+      console.warn(`[ignis] UI handler '${name}' not registered`);
+      return undefined;
+    }
+
+    return fn(...args);
+  };
+}
+
+export const showVaultManager = proxy("showVaultManager");
+export const showMessageDialog = proxy("showMessageDialog");
+export const showConfirmDialog = proxy("showConfirmDialog");
+export const showPluginInstallDialog = proxy("showPluginInstallDialog");
+export const showPromptDialog = proxy("showPromptDialog");
diff --git a/src/ui/bootstrap.js b/src/ui/bootstrap.js
index 8192cda..5ef813e 100644
--- a/src/ui/bootstrap.js
+++ b/src/ui/bootstrap.js
@@ -1,6 +1,6 @@
 import { vaultService } from "../services/vault-service.js";
 
-export function showVaultManager() {
+function showVaultManager() {
   if (document.querySelector(".vault-manager-overlay")) return;
 
   new window.IgnisUI.VaultManager({
@@ -9,7 +9,7 @@ export function showVaultManager() {
   });
 }
 
-export function showMessageDialog(title, message) {
+function showMessageDialog(title, message) {
   return new Promise((resolve) => {
     const dialog = new window.IgnisUI.MessageDialog({
       target: document.body,
@@ -23,7 +23,7 @@ export function showMessageDialog(title, message) {
   });
 }
 
-export function showConfirmDialog(
+function showConfirmDialog(
   title,
   message,
   description,
@@ -47,7 +47,7 @@ export function showConfirmDialog(
   });
 }
 
-export function showPluginInstallDialog(vaultId) {
+function showPluginInstallDialog(vaultId) {
   return new Promise((resolve) => {
     const dialog = new window.IgnisUI.PluginInstallDialog({
       target: document.body,
@@ -83,7 +83,7 @@ export function showPluginInstallDialog(vaultId) {
   });
 }
 
-export function showPromptDialog(
+function showPromptDialog(
   title,
   label,
   placeholder = "",
@@ -107,3 +107,17 @@ export function showPromptDialog(
     });
   });
 }
+
+if (typeof window !== "undefined" && window.__ignis_registerUI) {
+  window.__ignis_registerUI({
+    showVaultManager,
+    showMessageDialog,
+    showConfirmDialog,
+    showPluginInstallDialog,
+    showPromptDialog,
+  });
+} else if (typeof window !== "undefined") {
+  console.warn(
+    "[ignis] __ignis_registerUI not available; UI handlers not registered",
+  );
+}
diff --git a/src/ui/index.js b/src/ui/index.js
index 9d9392f..f262435 100644
--- a/src/ui/index.js
+++ b/src/ui/index.js
@@ -1,3 +1,5 @@
+import "./bootstrap.js";
+
 export { default as VaultManager } from "./views/VaultManager.svelte";
 export { default as MessageDialog } from "./components/layout/MessageDialog.svelte";
 export { default as ConfirmDialog } from "./components/layout/ConfirmDialog.svelte";