updates

Author: JustDeveloper1

src/documentation/customcss.js

@@ -0,0 +1,37 @@
+/*
+
+MIT License
+
+Copyright (c) 2025 JustStudio. <https://juststudio.is-a.dev/>
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+
+*/
+
+const baseregex = /(@_just base)/g;
+const baseregex2= /(@_just base;)/g;
+exports.customcss = function (CSS, CUSTOM) {
+    if (!CUSTOM) {
+        return CSS
+    }
+    CUSTOM = CUSTOM
+        .replace(baseregex2,CSS)
+        .replace(baseregex, CSS)
+    return CUSTOM
+}

src/documentation/index.js

@@ -25,14 +25,15 @@ SOFTWARE.
 */
 
 const _just = {};
-const [HTMLtemplate, CSStemplate, JStemplate, PATH, repo, owner] = process.argv.slice(2);
+const [HTMLtemplate, CSStemplate, JStemplate, PATH, repo, owner, customCSS] = process.argv.slice(2);
 let HTML = HTMLtemplate;
 let CSS = CSStemplate;
 let JS = JStemplate;
 _just.string = require('../modules/string.js');
 _just.element = (type, insert) => `<_just${type ? ` element="${type}"` : ''}>${insert || ''}</_just>`;
 _just.error = require('../modules/errmsg.js');
 _just.ssapi = require('../modules/ssapi.js');
+_just.customCSS = require('./customcss.js').customcss;
 
 const link = (text, link_, ext = false, extid = "ext", target = "_blank") => `<a href="${link_}" target="${target}"${ext ? ` id="${extid}"` : ''}>${text}</a>`;
 const span = (text) => `<span>${text}</span>`;
@@ -764,14 +765,22 @@ markdownFiles.forEach(file => {
     logs += `${l[2]}OUTPUT: ${_just.string.runnerPath(outFilePath('html'))} (${_just.string.fileSize(fs.statSync(outFilePath('html')).size)})`;
 });
 
+CSS = _just.customCSS(CSS, customCSS == 'false' ? undefined : customCSS);
+
 logs += linklogs; logs += buttonlogs;
 logs += `${l[0]}USED NAMES:${l[1]}"${uniqueNames_.join('", "')}"${l[0]}DATA NAMES:${l[1]}"${dataname.join('", "')}"`;
 console.log('\n\n\n\n\n'+logs);
-fs.writeFileSync(path.join(rootDirA !== '.' ? rootDirA : rootDirB, '_just_data', 'output.txt'), logs, template.charset);
-fs.writeFileSync(path.join(rootDirA !== '.' ? rootDirA : rootDirB, '_just', `${filename.css}.css`), CSS, template.charset);
+const websitepath = rootDirA !== '.' ? rootDirA : rootDirB;
+fs.writeFileSync(path.join(websitepath, '_just_data', 'output.txt'), logs, template.charset);
+fs.writeFileSync(path.join(websitepath, '_just', `${filename.css}.css`), CSS, template.charset);
 fs.writeFileSync(
-    path.join(rootDirA !== '.' ? rootDirA : rootDirB, '_just', `${filename.js}.js`),
-    JS.replace('\'PUBLICOUTPUT\'', publicOutput).replace('fetch("/_just/search")', `fetch("/_just/${dataname[9]}.json")`),
+    path.join(websitepath, '_just', `${filename.js}.js`),
+    JS.replace('\'PUBLICOUTPUT\'', publicOutput).replace('let searchurl = "/_just/search";', `let searchurl = "/_just/${dataname[9]}.json";`),
     template.charset
 );
-fs.writeFileSync(path.join(rootDirA !== '.' ? rootDirA : rootDirB, '_just', `${dataname[9]}.json`), JSON.stringify(mdjson), template.charset);
+fs.writeFileSync(path.join(websitepath, '_just', `${dataname[9]}.json`), JSON.stringify(mdjson), template.charset);
+fs.writeFileSync(path.join(websitepath, '_just', '404.json'), JSON.stringify({
+    "js": filename.js,
+    "css": filename.css,
+    "json": dataname[9]
+}), template.charset)

src/documentation/templates/page.css

@@ -933,7 +933,7 @@ h1, h2, h3 {
 
 .search {
     position: fixed;
-    padding-top: 6px;
+    padding-top: 16px;
     padding-left: 7px;
     padding-right: 7px;
     padding-bottom: 6px;
@@ -944,9 +944,10 @@ h1, h2, h3 {
     align-content: flex-start;
     align-items: flex-start;
     justify-content: flex-start;
+    gap: 10px;
     background-color: var(--md);
-    backdrop-filter: blur(4px) url("#glass-distortion") brightness(0.3);
-    -webkit-backdrop-filter: blur(4px) url("#glass-distortion") brightness(0.3);
+    backdrop-filter: blur(4px) url("#glass") brightness(0.3);
+    -webkit-backdrop-filter: blur(4px) url("#glass") brightness(0.3);
     z-index: -1;
     border-bottom-left-radius: 10px;
     border-bottom-right-radius: 10px;

src/documentation/templates/page.js

@@ -264,18 +264,37 @@ document.addEventListener('DOMContentLoaded', () => {
         }
         return true;
     };
+    let searchurl = "/_just/search";
     sb.addEventListener("input", async () => {
         const sv = sb.value;
         const st = searchString(sv);
         sd.innerHTML = '<span>Loading...</span>';
         updateSD(st);
+        const pta = '<br>Please try again';
         if (st) {
-            const response = await fetch("/_just/search").catch((err__)=>{
+            let response = await fetch(searchurl).catch((err__)=>{
                 console.warn(err__);
-                sd.innerHTML = '<span>Failed to fetch.<br>Please try again</span>';
+                sd.innerHTML = `<span>Failed to fetch.${pta}</span>`;
                 return
             });
-            const data = await response.json();
+            let data = await response.json().catch((err__)=>{
+                console.warn(err__);
+                sd.innerHTML = `<span>Something went wrong.${pta}</span>`;
+                return
+            });
+            if (data.json) {
+                searchurl = data.json;
+                response = await fetch(searchurl).catch((err__)=>{
+                    console.warn(err__);
+                    sd.innerHTML = `<span>Failed to fetch.${pta}</span>`;
+                    return
+                });
+                data = await response.json().catch((err__)=>{
+                    console.warn(err__);
+                    sd.innerHTML = `<span>Something went wrong.${pta}</span>`;
+                    return
+                });
+            }
             const searchdata = search2(data, sv);
             if (searchdata.length == 0) {
                 sd.innerHTML = '<span>Nothing found.</span>';

src/run.sh

@@ -150,6 +150,11 @@ elif [ "$TYPE" == "generator" ]; then
     HTML=$(cat "$GITHUB_ACTION_PATH/src/documentation/templates/page.html")
     CSS=$(cat "$GITHUB_ACTION_PATH/src/documentation/templates/page.css")
     JS=$(cat "$GITHUB_ACTION_PATH/src/documentation/templates/page.js")
+    CUSTOMCSS=false
+    CUSTOMCSSPATH="just.config.css"
+    if [ -f "$CUSTOMCSSPATH" ]; then
+        CUSTOMCSS=$(cat "$CUSTOMCSSPATH")
+    fi
     if [[ -d "_just" && "$_just_d" == "no" ]]; then
         local ERROR_MESSAGE=$(ErrorMessage "important_dirs" "0121")
         echo "$ERROR_MESSAGE" && exit 1
@@ -158,7 +163,7 @@ elif [ "$TYPE" == "generator" ]; then
     mkdir -p deploy && \
     installNodejs && \
     bash $GITHUB_ACTION_PATH/src/documentation/checks.sh && \
-    node "$GITHUB_ACTION_PATH/src/documentation/index.js" "$HTML" "$CSS" "$JS" "$INPUT_PATH" "$GITHUB_REPOSITORY" "$GITHUB_REPOSITORY_OWNER" && \
+    node "$GITHUB_ACTION_PATH/src/documentation/index.js" "$HTML" "$CSS" "$JS" "$INPUT_PATH" "$GITHUB_REPOSITORY" "$GITHUB_REPOSITORY_OWNER" "$CUSTOMCSS" && \
     node $GITHUB_ACTION_PATH/src/compress.js "$INPUT_PATH" && \
     node "$GITHUB_ACTION_PATH/src/documentation/logs.js" "$INPUT_PATH" && \
     echo "$msg9"