cyberia 2.99.8 → 3.0.2

package/src/client/components/core/Docs.js

@@ -1,9 +1,9 @@
 import { Badge } from './Badge.js';
 import { BtnIcon } from './BtnIcon.js';
-import { Css, renderCssAttr, simpleIconsRender, ThemeEvents, Themes } from './Css.js';
+import { Css, darkTheme, renderCssAttr, simpleIconsRender, ThemeEvents, Themes } from './Css.js';
 import { buildBadgeToolTipMenuOption, Modal, renderViewTitle } from './Modal.js';
 import { listenQueryPathInstance, setQueryPath, closeModalRouteChangeEvent, getProxyPath } from './Router.js';
-import { htmls, s } from './VanillaJs.js';
+import { htmls, s, sIframe } from './VanillaJs.js';
 
 // https://mintlify.com/docs/quickstart
 
@@ -39,6 +39,7 @@ const Docs = {
       RouterInstance: Modal.Data['modal-docs'].options.RouterInstance,
     });
     const iframeEl = s(`.iframe-${ModalId}`);
+    let swaggerThemeEventKey = null;
     if (iframeEl) {
       iframeEl.addEventListener('load', () => {
         try {
@@ -51,7 +52,95 @@ const Docs = {
           // cross-origin or security restriction — safe to ignore
         }
         window.scrollTo(0, 0);
+        // Bind Shift+K inside the iframe to focus the parent SearchBox (mirrors app-wide shortcut)
+        try {
+          const iframeDoc = iframeEl.contentDocument || iframeEl.contentWindow?.document;
+          if (iframeDoc) {
+            iframeDoc.addEventListener('keydown', (e) => {
+              if (e.shiftKey && e.key.toLowerCase() === 'k') {
+                e.preventDefault();
+                e.stopPropagation();
+                if (s(`.top-bar-search-box`)) {
+                  if (s(`.main-body-btn-ui-close`) && s(`.main-body-btn-ui-close`).classList.contains('hide')) {
+                    s(`.main-body-btn-ui-open`).click();
+                  }
+                  s(`.top-bar-search-box`).blur();
+                  s(`.top-bar-search-box`).focus();
+                  s(`.top-bar-search-box`).select();
+                }
+              }
+            });
+          }
+        } catch (e) {
+          // cross-origin or security restriction — safe to ignore
+        }
       });
+
+      if (type === 'src') {
+        swaggerThemeEventKey = `jsdocs-iframe-${ModalId}`;
+
+        const applyJsDocsTheme = (isDark) => {
+          try {
+            const iframeWin = iframeEl.contentWindow;
+            if (!iframeWin) return;
+            const theme = isDark ? 'dark' : 'light';
+            if (typeof iframeWin.updateTheme === 'function') {
+              // clean-jsdoc-theme exposes updateTheme() globally
+              iframeWin.updateTheme(theme);
+            } else {
+              // Fallback: replicate localUpdateTheme manually
+              const iframeDoc = iframeEl.contentDocument || iframeWin.document;
+              if (!iframeDoc || !iframeDoc.body) return;
+              iframeDoc.body.setAttribute('data-theme', theme);
+              iframeDoc.body.classList.remove('dark', 'light');
+              iframeDoc.body.classList.add(theme);
+              const iconID = isDark ? '#light-theme-icon' : '#dark-theme-icon';
+              const svgUses = sIframe(iframeEl, '.theme-svg-use') ? iframeDoc.querySelectorAll('.theme-svg-use') : [];
+              svgUses.forEach((svg) => svg.setAttribute('xlink:href', iconID));
+              iframeWin.localStorage?.setItem('theme', theme);
+            }
+          } catch (e) {
+            // cross-origin or security restriction — safe to ignore
+          }
+        };
+
+        // Apply current theme as soon as the iframe content is ready
+        iframeEl.addEventListener('load', () => applyJsDocsTheme(darkTheme));
+
+        // Keep in sync whenever the parent page theme changes
+        ThemeEvents[swaggerThemeEventKey] = () => {
+          if (s(`.iframe-${ModalId}`)) applyJsDocsTheme(darkTheme);
+        };
+      }
+
+      if (type === 'api') {
+        swaggerThemeEventKey = `swagger-iframe-${ModalId}`;
+
+        const applySwaggerTheme = (isDark) => {
+          try {
+            const iframeDoc = iframeEl.contentDocument || iframeEl.contentWindow?.document;
+            if (!iframeDoc || !iframeDoc.body) return;
+            if (isDark) {
+              iframeDoc.body.classList.add('swagger-dark');
+            } else {
+              iframeDoc.body.classList.remove('swagger-dark');
+            }
+            iframeEl.contentWindow?.localStorage?.setItem('swagger-theme', isDark ? 'dark' : 'light');
+            const toggleBtn = sIframe(iframeEl, '#swagger-theme-toggle');
+            if (toggleBtn) toggleBtn.textContent = isDark ? '\u2600\uFE0F Light Mode' : '\uD83C\uDF19 Dark Mode';
+          } catch (e) {
+            // cross-origin or security restriction — safe to ignore
+          }
+        };
+
+        // Apply current theme as soon as the iframe content is ready
+        iframeEl.addEventListener('load', () => applySwaggerTheme(darkTheme));
+
+        // Keep in sync whenever the parent page theme changes
+        ThemeEvents[swaggerThemeEventKey] = () => {
+          if (s(`.iframe-${ModalId}`)) applySwaggerTheme(darkTheme);
+        };
+      }
     }
     Modal.Data[ModalId].onObserverListener[ModalId] = () => {
       if (s(`.iframe-${ModalId}`)) {
@@ -67,6 +156,7 @@ const Docs = {
     };
     Modal.Data[ModalId].onObserverListener[ModalId]();
     Modal.Data[ModalId].onCloseListener[ModalId] = () => {
+      if (swaggerThemeEventKey) delete ThemeEvents[swaggerThemeEventKey];
       closeModalRouteChangeEvent({ closedId: ModalId });
     };
   },
@@ -342,10 +432,6 @@ const Docs = {
         <div class="docs-landing">
           <div class="docs-header">
             <h1>Documentation</h1>
-            <p>
-              Find everything you need to build amazing applications with our platform. Get started with our guides, API
-              reference, and examples.
-            </p>
             <!--
                     <div class="search-bar">
                       <i class="fas fa-search"></i>

package/src/client/components/core/LoadingAnimation.js

@@ -27,8 +27,8 @@ const LoadingAnimation = {
                 ? subThemeManager.darkColor
                 : `#66e400`
               : subThemeManager.lightColor
-              ? subThemeManager.lightColor
-              : `#157e00`};"
+                ? subThemeManager.lightColor
+                : `#157e00`};"
           ></div>
         `,
       );
@@ -131,7 +131,6 @@ const LoadingAnimation = {
     if (!backgroundContainer) backgroundContainer = '.ssr-background';
     if (s(backgroundContainer)) {
       s(backgroundContainer).style.display = 'none';
-      if (s(`.main-body-btn-container`)) s(`.main-body-btn-container`).classList.remove('hide');
       if (callBack) callBack();
     }
   },

package/src/client/components/core/Modal.js

@@ -322,7 +322,7 @@ const Modal = {
                 'body',
                 html`
                   <div
-                    class="abs main-body-btn-container hide"
+                    class="abs main-body-btn-container"
                     style="top: ${options.heightTopBar + 50}px; z-index: 9; ${true ||
                     (options.mode && options.mode.match('right'))
                       ? 'right'

package/src/client/components/core/VanillaJs.js

@@ -7,31 +7,6 @@
 import { s4 } from './CommonJs.js';
 import { windowGetH, windowGetW } from './windowGetDimensions.js';
 
-/*
-
-Name: es6-string-html
-Id: Tobermory.es6-string-html
-Description: Syntax highlighting in es6 multiline strings
-Version: 2.12.1
-Publisher: Tobermory
-VS Marketplace Link: https://marketplace.visualstudio.com/items?itemName=Tobermory.es6-string-html
-
-Name: es6-string-css
-Id: bashmish.es6-string-css
-Description: Highlight CSS language in ES6 template literals
-Version: 0.1.0
-Publisher: Mikhail Bashkirov
-VS Marketplace Link: https://marketplace.visualstudio.com/items?itemName=bashmish.es6-string-css
-
-Name: lit-html
-Id: bierner.lit-html
-Description: Syntax highlighting and IntelliSense for html inside of JavaScript and TypeScript tagged template strings
-Version: 1.11.1
-Publisher: Matt Bierner
-VS Marketplace Link: https://marketplace.visualstudio.com/items?itemName=bierner.lit-html
-
-*/
-
 /**
  * Query selector.
  *
@@ -443,12 +418,48 @@ function hexToRgbA(hex) {
 
 const htmlStrSanitize = (str) => (str ? str.replace(/<\/?[^>]+(>|$)/g, '').trim() : '');
 
+/**
+ * Query selector inside an iframe. Allows obtaining a single element that is
+ * inside an iframe in order to execute events on it.
+ * Note: the iframe must be same-origin for this to work.
+ *
+ * @param {string|Element} iframeEl The CSS selector string or the iframe Element itself.
+ * @param {string} el The query selector for the element inside the iframe.
+ * @returns {Element|null} The matched element inside the iframe, or null if not found.
+ * @memberof VanillaJS
+ */
+const sIframe = (iframeEl, el) => {
+  const iframe = typeof iframeEl === 'string' ? s(iframeEl) : iframeEl;
+  if (!iframe) return null;
+  const iframeDoc = iframe.contentDocument || iframe.contentWindow?.document;
+  return iframeDoc ? iframeDoc.querySelector(el) : null;
+};
+
+/**
+ * Query selector all inside an iframe. Allows obtaining all elements matching a
+ * selector that are inside an iframe in order to execute events on them.
+ * Note: the iframe must be same-origin for this to work.
+ *
+ * @param {string|Element} iframeEl The CSS selector string or the iframe Element itself.
+ * @param {string} el The query selector for the elements inside the iframe.
+ * @returns {NodeList|null} A NodeList of matched elements inside the iframe, or null if not found.
+ * @memberof VanillaJS
+ */
+const saIframe = (iframeEl, el) => {
+  const iframe = typeof iframeEl === 'string' ? s(iframeEl) : iframeEl;
+  if (!iframe) return null;
+  const iframeDoc = iframe.contentDocument || iframe.contentWindow?.document;
+  return iframeDoc ? iframeDoc.querySelectorAll(el) : null;
+};
+
 export {
   s,
   htmls,
   append,
   prepend,
   sa,
+  sIframe,
+  saIframe,
   copyData,
   pasteData,
   preHTML,

package/src/client/components/cyberia/ObjectLayerEngineModal.js

@@ -195,7 +195,7 @@ const ObjectLayerEngineModal = {
     const itemTypes = ['skin', 'weapon', 'armor', 'artifact', 'floor'];
     const statTypes = ['effect', 'resistance', 'agility', 'range', 'intelligence', 'utility'];
 
-    // Check if we have a 'cid' query parameter to load existing object layer
+    // Check if we have an 'id' query parameter to load existing object layer
     const queryParams = getQueryParams();
     let loadedData = null;
 
@@ -302,9 +302,9 @@ const ObjectLayerEngineModal = {
       });
     };
 
-    if (queryParams.cid) {
-      ObjectLayerEngineModal.existingObjectLayerId = queryParams.cid;
-      loadedData = await ObjectLayerEngineModal.loadFromDatabase(queryParams.cid);
+    if (queryParams.id) {
+      ObjectLayerEngineModal.existingObjectLayerId = queryParams.id;
+      loadedData = await ObjectLayerEngineModal.loadFromDatabase(queryParams.id);
 
       if (loadedData) {
         const { metadata, objectLayerRenderFramesId } = loadedData;
@@ -1257,7 +1257,6 @@ const ObjectLayerEngineModal = {
       setPath(`${getProxyPath()}object-layer-engine-management`);
       const queryParams = getQueryParams();
       queryParams.id = id ? id : '';
-      queryParams.cid = '';
       queryParams.page = 1;
       setQueryParams(queryParams, { replace: true });