From b708776eb02eb0e655756bd1f11c7bbf2f9ef08f Mon Sep 17 00:00:00 2001
From: Jonathan Druart <jonathan.druart@bugs.koha-community.org>
Date: Fri, 9 Jan 2026 11:21:18 +0100
Subject: [PATCH] Bug 41562: Introduce "stores" for regular javascript

We already have "Stores" in Vue, here we are going to use a shared
object to store permissions and sysrepfs

For follow-up bug reports we will have the need to store syspref's
values and permissions.

It seems a good idea to have a "store" to share the permissions and
system preferences' values we need for the current page. Several
"script" tag can coexist and define their own permissions or sysprefs.

Added on its own bug for reusability purpose.

Test plan:
Test follow-up bug reports ;)

Signed-off-by: Owen Leonard <oleonard@myacpl.org>
Signed-off-by: Paul Derscheid <paul.derscheid@lmscloud.de>
Signed-off-by: Lucas Gass <lucas@bywatersolutions.com>
---
 .../prog/en/includes/doc-head-close.inc       |  1 +
 .../en/includes/installer-doc-head-close.inc  |  1 +
 koha-tmpl/intranet-tmpl/prog/js/stores.js     | 23 +++++++++++++++++++
 .../bootstrap/en/includes/doc-head-close.inc  |  1 +
 .../bootstrap/en/modules/sci/sci-main.tt      |  1 +
 .../bootstrap/en/modules/sco/help.tt          |  1 +
 .../bootstrap/en/modules/sco/printslip.tt     |  1 +
 .../bootstrap/en/modules/sco/sco-main.tt      |  1 +
 koha-tmpl/opac-tmpl/bootstrap/js/stores.js    | 23 +++++++++++++++++++
 9 files changed, 53 insertions(+)
 create mode 100644 koha-tmpl/intranet-tmpl/prog/js/stores.js
 create mode 100644 koha-tmpl/opac-tmpl/bootstrap/js/stores.js

diff --git a/koha-tmpl/intranet-tmpl/prog/en/includes/doc-head-close.inc b/koha-tmpl/intranet-tmpl/prog/en/includes/doc-head-close.inc
index 7b934facc7..44d74f97e5 100644
--- a/koha-tmpl/intranet-tmpl/prog/en/includes/doc-head-close.inc
+++ b/koha-tmpl/intranet-tmpl/prog/en/includes/doc-head-close.inc
@@ -47,6 +47,7 @@
 [% END %]
 [% Asset.js('js/Gettext.js') | $raw %]
 [% Asset.js('js/i18n.js') | $raw %]
+[% Asset.js('js/stores.js') | $raw %]
 
 [% IF ( login ) %]
     [% Asset.css("css/login.css") | $raw %]
diff --git a/koha-tmpl/intranet-tmpl/prog/en/includes/installer-doc-head-close.inc b/koha-tmpl/intranet-tmpl/prog/en/includes/installer-doc-head-close.inc
index 688b2b1090..0a3cec0794 100644
--- a/koha-tmpl/intranet-tmpl/prog/en/includes/installer-doc-head-close.inc
+++ b/koha-tmpl/intranet-tmpl/prog/en/includes/installer-doc-head-close.inc
@@ -18,6 +18,7 @@
 [% END %]
 [% Asset.js('js/Gettext.js') | $raw %]
 [% Asset.js('js/i18n.js') | $raw %]
+[% Asset.js('js/stores.js') | $raw %]
 <style id="antiClickjack">
     body {
         display: none !important;
diff --git a/koha-tmpl/intranet-tmpl/prog/js/stores.js b/koha-tmpl/intranet-tmpl/prog/js/stores.js
new file mode 100644
index 0000000000..77f53e556d
--- /dev/null
+++ b/koha-tmpl/intranet-tmpl/prog/js/stores.js
@@ -0,0 +1,23 @@
+(function () {
+    const permissions = (window.permissions = window.permissions || {});
+
+    window.addPermissions = function (perms) {
+        for (const key in perms) {
+            if (Object.prototype.hasOwnProperty.call(perms, key)) {
+                permissions[key] = perms[key];
+            }
+        }
+    };
+})();
+
+(function () {
+    const prefs = (window.prefs = window.prefs || {});
+
+    window.addPrefs = function (sysprefs) {
+        for (const key in sysprefs) {
+            if (Object.prototype.hasOwnProperty.call(sysprefs, key)) {
+                prefs[key] = sysprefs[key];
+            }
+        }
+    };
+})();
diff --git a/koha-tmpl/opac-tmpl/bootstrap/en/includes/doc-head-close.inc b/koha-tmpl/opac-tmpl/bootstrap/en/includes/doc-head-close.inc
index f63e4f08d7..38ed441b4a 100644
--- a/koha-tmpl/opac-tmpl/bootstrap/en/includes/doc-head-close.inc
+++ b/koha-tmpl/opac-tmpl/bootstrap/en/includes/doc-head-close.inc
@@ -83,6 +83,7 @@
 [% END %]
 [% Asset.js('js/Gettext.js') | $raw %]
 [% Asset.js('js/i18n.js') | $raw %]
+[% Asset.js('js/stores.js') | $raw %]
 
 [% Asset.css("lib/fontawesome/css/fontawesome.min.css") | $raw %]
 [% Asset.css("lib/fontawesome/css/brands.min.css") | $raw %]
diff --git a/koha-tmpl/opac-tmpl/bootstrap/en/modules/sci/sci-main.tt b/koha-tmpl/opac-tmpl/bootstrap/en/modules/sci/sci-main.tt
index 12542451b6..f1946f43a1 100644
--- a/koha-tmpl/opac-tmpl/bootstrap/en/modules/sci/sci-main.tt
+++ b/koha-tmpl/opac-tmpl/bootstrap/en/modules/sci/sci-main.tt
@@ -79,6 +79,7 @@
 [% END %]
 [% Asset.js('js/Gettext.js') | $raw %]
 [% Asset.js('js/i18n.js') | $raw %]
+[% Asset.js('js/stores.js') | $raw %]
 </head>
 <body id="sci_main" class="sci">
 <div id="wrapper">
diff --git a/koha-tmpl/opac-tmpl/bootstrap/en/modules/sco/help.tt b/koha-tmpl/opac-tmpl/bootstrap/en/modules/sco/help.tt
index 4f91aa0d2b..f1aaf98a79 100644
--- a/koha-tmpl/opac-tmpl/bootstrap/en/modules/sco/help.tt
+++ b/koha-tmpl/opac-tmpl/bootstrap/en/modules/sco/help.tt
@@ -49,6 +49,7 @@
 [% END %]
 [% Asset.js('js/Gettext.js') | $raw %]
 [% Asset.js('js/i18n.js') | $raw %]
+[% Asset.js('js/stores.js') | $raw %]
 </head>
 <body id="sco_help" class="sco">
 <div id="wrapper">
diff --git a/koha-tmpl/opac-tmpl/bootstrap/en/modules/sco/printslip.tt b/koha-tmpl/opac-tmpl/bootstrap/en/modules/sco/printslip.tt
index 8882cc72e3..ff542c5dc1 100644
--- a/koha-tmpl/opac-tmpl/bootstrap/en/modules/sco/printslip.tt
+++ b/koha-tmpl/opac-tmpl/bootstrap/en/modules/sco/printslip.tt
@@ -31,6 +31,7 @@
 [% END %]
 [% Asset.js('js/Gettext.js') | $raw %]
 [% Asset.js('js/i18n.js') | $raw %]
+[% Asset.js('js/stores.js') | $raw %]
 [% Asset.js("lib/jquery/jquery-3.6.0.min.js") | $raw %]
 [% Asset.js("lib/jquery/jquery-migrate-3.3.2.min.js") | $raw %]
 [% Asset.js("lib/fontfaceobserver/fontfaceobserver.min.js") | $raw %]
diff --git a/koha-tmpl/opac-tmpl/bootstrap/en/modules/sco/sco-main.tt b/koha-tmpl/opac-tmpl/bootstrap/en/modules/sco/sco-main.tt
index f7f52f0d0e..6a7f5d00a2 100644
--- a/koha-tmpl/opac-tmpl/bootstrap/en/modules/sco/sco-main.tt
+++ b/koha-tmpl/opac-tmpl/bootstrap/en/modules/sco/sco-main.tt
@@ -60,6 +60,7 @@
 [% END %]
 [% Asset.js('js/Gettext.js') | $raw %]
 [% Asset.js('js/i18n.js') | $raw %]
+[% Asset.js('js/stores.js') | $raw %]
 </head>
 <body id="sco_main" class="sco">
 <div id="wrapper">
diff --git a/koha-tmpl/opac-tmpl/bootstrap/js/stores.js b/koha-tmpl/opac-tmpl/bootstrap/js/stores.js
new file mode 100644
index 0000000000..77f53e556d
--- /dev/null
+++ b/koha-tmpl/opac-tmpl/bootstrap/js/stores.js
@@ -0,0 +1,23 @@
+(function () {
+    const permissions = (window.permissions = window.permissions || {});
+
+    window.addPermissions = function (perms) {
+        for (const key in perms) {
+            if (Object.prototype.hasOwnProperty.call(perms, key)) {
+                permissions[key] = perms[key];
+            }
+        }
+    };
+})();
+
+(function () {
+    const prefs = (window.prefs = window.prefs || {});
+
+    window.addPrefs = function (sysprefs) {
+        for (const key in sysprefs) {
+            if (Object.prototype.hasOwnProperty.call(sysprefs, key)) {
+                prefs[key] = sysprefs[key];
+            }
+        }
+    };
+})();