@pixelated-tech/components 3.1.4

package/dist/components/resume/resume.js

@@ -0,0 +1,195 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import PropTypes from "prop-types";
+import { format } from "date-fns";
+import "./resume.css";
+import "../../css/pixelated.grid.scss";
+import { usePixelatedConfig } from "../config/config.client";
+import { SmartImage } from "../cms/cloudinary.image";
+/*
+Resume Microformat - https://microformats.org/wiki/h-resume
+Details Summary Expand Collapse - https://www.w3schools.com/tags/tag_details.asp
+*/
+function isValidDate(dateString) {
+    let date = new Date(dateString);
+    return !isNaN(date.getTime());
+}
+/* function isStr(str) {
+    const myStr = String(str).trim();
+    return myStr != null && myStr !== "" && myStr.length > 0 && typeof myStr !== 'undefined';
+} */
+// type IObj = { [key: string]: any }
+const defaultDateFormat = 'MM/yyyy';
+/* type resumeProps = {
+    title: string
+    data: any
+    dateFormat?: string
+    collapsible?: boolean
+}
+
+type simpleResumeProps = {
+    data: any
+} */
+Resume.propTypes = {
+    data: PropTypes.any.isRequired,
+};
+export function Resume(props) {
+    return (_jsx("section", { className: "p-resume", id: "resume-section", children: _jsx("div", { className: "section-container", children: _jsxs("div", { className: "row-12col", children: [_jsx("div", { className: "p-name grid-s1-e13", children: _jsx(ResumeName, { data: props.data.items[0].properties.name }) }), _jsxs("div", { className: "bigpad divider grid-s1-e4", children: [_jsx("div", { className: "p-contact", children: _jsx(ResumeContact, { title: "Contact Information", data: props.data.items[0].properties.contact }) }), _jsx("div", { className: "p-education", children: _jsx(ResumeEvents, { title: "Education", data: props.data.items[0].properties.education, dateFormat: "MM/yyyy", collapsible: false }) }), _jsx("div", { className: "p-skills", children: _jsx(ResumeSkills, { title: "Skills", data: props.data.items[0].properties.skills }) })] }), _jsxs("div", { className: "bigpad grid-s4-e13", children: [_jsx("div", { className: "p-summary", children: _jsx(ResumeSummary, { title: "Professional Summary", data: props.data.items[0].properties.summary }) }), _jsx("div", { className: "p-qualifications", children: _jsx(ResumeQualifications, { title: "Professional Qualifications", data: props.data.items[0].properties.qualifications }) }), _jsx("div", { className: "p-experience", children: _jsx(ResumeEvents, { title: "Work History", data: props.data.items[0].properties.experience, dateFormat: "MM/yyyy", collapsible: false }) }), _jsx("div", { className: "p-projects", children: _jsx(ResumeProjects, { title: "Projects", data: props.data.items[0].properties.experience, collapsible: true }) }), _jsx("div", { className: "p-volunteer", children: _jsx(ResumeEvents, { title: "Volunteer Work", data: props.data.items[0].properties.volunteer, dateFormat: "MM/yyyy", collapsible: true }) }), _jsx("div", { className: "p-certifications", children: _jsx(ResumeEvents, { title: "Certifications", data: props.data.items[0].properties.certifications, dateFormat: "MM/yyyy", collapsible: true }) }), _jsx("div", { className: "p-awards", children: _jsx(ResumeEvents, { title: "Honors & Awards", data: props.data.items[0].properties.awards, dateFormat: "MM/yyyy", collapsible: true }) }), _jsx("div", { className: "p-training", children: _jsx(ResumeEvents, { title: "Training & Conferences", data: props.data.items[0].properties.training, dateFormat: "MM/dd/yyyy", collapsible: true }) }), _jsx("div", { className: "p-references", children: _jsx(ResumeReferences, { title: "References", data: props.data.items[0].properties.references, collapsible: true }) })] })] }) }) }));
+}
+ResumeName.propTypes = {
+    data: PropTypes.any.isRequired,
+};
+export function ResumeName(props) {
+    const myName = props.data[0];
+    return (_jsx(_Fragment, { children: _jsx("h1", { className: "p-name", children: myName }) }));
+}
+ResumeContact.propTypes = {
+    data: PropTypes.any.isRequired,
+    title: PropTypes.string.isRequired,
+};
+export function ResumeContact(props) {
+    const myContact = props.data[0];
+    return (_jsxs(_Fragment, { children: [_jsx("h2", { children: props.title }), _jsxs("ul", { children: [_jsx("li", { children: _jsx("span", { className: "p-email", children: _jsx("a", { href: `mailto:${myContact?.properties.email[0]}`, target: "_blank", rel: "noopener noreferrer", children: myContact?.properties.email[0] }) }) }), _jsxs("li", { children: [_jsxs("span", { className: "p-street-address", children: [myContact?.properties.adr[0].properties["street-address"], ", "] }), _jsxs("span", { className: "p-locality", children: [myContact?.properties.adr[0].properties.locality, ", "] }), _jsxs("span", { className: "p-region", children: [myContact?.properties.adr[0].properties.region, " "] }), _jsx("span", { className: "p-postal-code", children: myContact?.properties.adr[0].properties["postal-code"] })] }), _jsx("li", { children: _jsx("span", { className: "p-tel", children: myContact?.properties.tel[0] }) }), _jsx("li", { children: _jsx("span", { className: "p-url", children: _jsx("a", { href: myContact?.properties.url[0], target: "_blank", rel: "noopener", children: myContact?.properties.url[0] }) }) })] })] }));
+}
+ResumeEvents.propTypes = {
+    data: PropTypes.any.isRequired,
+    dateFormat: PropTypes.string.isRequired,
+    collapsible: PropTypes.bool,
+    title: PropTypes.string.isRequired,
+};
+export function ResumeEvents(props) {
+    const config = usePixelatedConfig();
+    const myElems = [];
+    const myEvents = props.data;
+    // SORT EVENTS DESCENDING BY END DATE
+    myEvents.sort((a, b) => {
+        if (a.properties.end[0] < b.properties.end[0]) {
+            return 1;
+        }
+        if (a.properties.end[0] > b.properties.end[0]) {
+            return -1;
+        }
+        return 0;
+    });
+    for (const iKey in myEvents) {
+        // PRE-LOAD SOME VALUES
+        const myEvent = myEvents[iKey].properties;
+        const myStartDate = isValidDate(myEvent.start[0]) ? format(new Date(myEvent.start[0]), props.dateFormat || defaultDateFormat) : myEvent.start[0];
+        const myEndDate = isValidDate(myEvent.end[0]) ? format(new Date(myEvent.end[0]), props.dateFormat || defaultDateFormat) : myEvent.end[0];
+        const myLocation = myEvent.location[0].properties;
+        const myElemDt = _jsxs("span", { children: [(myStartDate) ? _jsx("span", { className: "dt-start", children: myStartDate }) : null, (myStartDate && myEndDate) ? _jsx("span", { children: " - " }) : null, (myEndDate) ? _jsx("span", { className: "dt-end", children: myEndDate }) : null, _jsx("span", { children: " : " })] });
+        // CREATE THE NEW ELEMENT
+        const myElem = _jsxs("li", { children: [(props.dateFormat) ? myElemDt : null, (myLocation["job-title"]) ? (_jsxs("span", { className: "p-job-title", children: [myLocation["job-title"], ", "] })) : null, _jsx("span", { className: "p-org", children: myLocation.org }), (myLocation.locality[0]) ? _jsxs("span", { className: "p-locality", children: [", ", myLocation.locality[0]] }) : null, (myLocation.region[0]) ? _jsxs("span", { className: "p-region", children: [", ", myLocation.region[0], " "] }) : null, (myLocation.url[0])
+                    ? _jsx("a", { href: myLocation.url[0], target: "_blank", rel: "noreferrer", children: _jsx(SmartImage, { src: "/images/icons/link.png", title: myLocation.url[0], alt: myLocation.url[0], className: 'u-url-icon', cloudinaryEnv: config?.cloudinary?.product_env, cloudinaryDomain: config?.cloudinary?.baseUrl, cloudinaryTransforms: config?.cloudinary?.transforms }) }) : null] }, iKey);
+        // ADD TO THE ARRAY
+        myElems.push(myElem);
+    }
+    if (props.collapsible && props.collapsible == true) {
+        return (_jsx(_Fragment, { children: _jsxs("details", { children: [_jsx("summary", { children: _jsx("h2", { children: props.title }) }), _jsx("ul", { children: myElems })] }) }));
+    }
+    else {
+        return (_jsxs(_Fragment, { children: [_jsx("h2", { children: props.title }), _jsx("ul", { children: myElems })] }));
+    }
+}
+ResumeQualifications.propTypes = {
+    data: PropTypes.any.isRequired,
+    title: PropTypes.string.isRequired,
+};
+export function ResumeQualifications(props) {
+    const myElems = [];
+    const myQual = props.data;
+    for (const iKey in myQual) {
+        const qual = myQual[iKey];
+        const myElem = _jsx("h3", { children: iKey }, iKey);
+        const quals = qual.map((qualItem, iKey) => _jsx("li", { className: "p-qualification", children: qualItem }, "i" + iKey));
+        myElems.push(myElem);
+        myElems.push(_jsx("ul", { children: quals }, "q-" + iKey));
+    }
+    return (_jsxs(_Fragment, { children: [_jsx("h2", { children: props.title }), myElems] }));
+}
+ResumeSkills.propTypes = {
+    data: PropTypes.any.isRequired,
+    title: PropTypes.string.isRequired,
+};
+export function ResumeSkills(props) {
+    const myElems = [];
+    const mySkills = props.data[0];
+    for (const skill in mySkills) {
+        const myElem = _jsxs("h3", { className: "p-skill-category", children: [skill, " : "] }, "c-" + skill);
+        myElems.push(myElem);
+        const myElem2 = _jsxs("span", { className: "p-skill", children: [mySkills[skill], _jsx("br", {})] }, "s-" + skill);
+        myElems.push(myElem2);
+    }
+    return (_jsxs(_Fragment, { children: [_jsx("h2", { children: props.title }), _jsx("div", { className: "p-skills", children: myElems })] }));
+}
+ResumeSummary.propTypes = {
+    data: PropTypes.any.isRequired,
+    title: PropTypes.string.isRequired,
+};
+export function ResumeSummary(props) {
+    const myElems = [];
+    const mySummary = props.data;
+    for (const iKey in mySummary) {
+        const summary = mySummary[iKey];
+        const myElem = _jsx("li", { children: summary }, iKey);
+        myElems.push(myElem);
+    }
+    return (_jsxs(_Fragment, { children: [_jsx("h2", { children: props.title }), _jsx("ul", { className: "p-summary", children: myElems })] }));
+}
+ResumeReferences.propTypes = {
+    data: PropTypes.any.isRequired,
+    title: PropTypes.any.isRequired,
+    collapsible: PropTypes.bool,
+};
+export function ResumeReferences(props) {
+    const myElems = [];
+    const myReferences = props.data;
+    for (const iKey in myReferences) {
+        const myReference = myReferences[iKey];
+        // const myElem = <li key={iKey}>{myReference[iKey]}</li>;
+        const myElem = _jsx(ResumeReference, { data: myReference }, iKey);
+        myElems.push(myElem);
+    }
+    if (props.collapsible && props.collapsible == true) {
+        return (_jsx(_Fragment, { children: _jsxs("details", { children: [_jsx("summary", { children: _jsx("h2", { children: props.title }) }), _jsx("div", { children: myElems })] }) }));
+    }
+    else {
+        return (_jsxs(_Fragment, { children: [_jsx("h2", { children: props.title }), _jsx("div", { children: myElems })] }));
+    }
+}
+ResumeReference.propTypes = {
+    data: PropTypes.any.isRequired,
+};
+export function ResumeReference(props) {
+    const myReference = props.data.properties;
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { children: [(myReference?.url[0]) ? _jsx("a", { href: myReference?.url[0], target: "_blank", className: "u-url", rel: "noopener noreferrer", children: _jsx("span", { className: "p-name", children: myReference?.name[0] }) }) : _jsx("span", { className: "p-name", children: myReference?.name[0] }), ",", ' ', " ", _jsx("span", { className: "p-locality", children: myReference?.locality[0] }), ",", ' ', " ", _jsx("span", { className: "p-region", children: myReference?.region[0] })] }), _jsxs("div", { children: [_jsx("span", { className: "p-job-title", children: myReference["job-title"][0] }), ",", ' ', " ", _jsx("span", { className: "p-org", children: myReference?.org[0] })] }), _jsxs("div", { children: ["email : ", _jsx("a", { href: `mailto:${myReference?.email[0]}`, target: "_blank", rel: "noopener noreferrer", className: "u-email", children: myReference?.email[0] }), ' ', " || phone : ", _jsx("a", { href: `tel:${myReference?.tel[0]}`, className: "p-tel", children: myReference?.tel[0] })] }), _jsx("br", {}), _jsx("hr", {}), _jsx("br", {})] }));
+}
+ResumeProjects.propTypes = {
+    data: PropTypes.any.isRequired,
+    title: PropTypes.any.isRequired,
+    collapsible: PropTypes.bool,
+};
+export function ResumeProjects(props) {
+    const config = usePixelatedConfig();
+    const myElems = [];
+    const myEvents = props.data;
+    for (const iKey in myEvents) {
+        const myEvent = myEvents[iKey];
+        const myOrg = _jsx("h3", { children: myEvent.properties.location[0].properties.org[0] }, iKey);
+        const myProjects = myEvent.properties.projects;
+        const projects = myProjects?.map((project, iKey) => _jsxs("li", { className: "p-project", children: [(project.properties.url[0])
+                    ? _jsx("a", { href: project.properties.url[0], target: "_blank", className: "u-url", rel: "noreferrer", children: _jsx("span", { className: "p-name", children: project.properties.name[0] }) })
+                    : _jsx("span", { className: "p-name", children: project.properties.name[0] }), ' ', " ", (project.properties.photo[0])
+                    ? _jsx("a", { href: project.properties.photo[0], target: "_blank", className: "u-photo", rel: "noreferrer", children: _jsx(SmartImage, { src: '/images/icons/img.png', title: project.properties.name[0], alt: project.properties.name[0], className: 'u-photo-icon', cloudinaryEnv: config?.cloudinary?.product_env, cloudinaryDomain: config?.cloudinary?.baseUrl, cloudinaryTransforms: config?.cloudinary?.transforms }) })
+                    : null, (project.properties.note[0]) ? _jsx("div", { className: "p=note", children: project.properties.note[0] }) : null] }, "i" + iKey));
+        if (myProjects) {
+            myElems.push(myOrg);
+            myElems.push(_jsx("ul", { children: projects }, "q-" + iKey));
+        }
+    }
+    if (props.collapsible && props.collapsible == true) {
+        return (_jsx(_Fragment, { children: _jsxs("details", { children: [_jsx("summary", { children: _jsx("h2", { children: props.title }) }), _jsx("ul", { children: myElems })] }) }));
+    }
+    else {
+        return (_jsxs(_Fragment, { children: [_jsx("h2", { children: props.title }), myElems] }));
+    }
+}

package/dist/components/seo/404.css

@@ -0,0 +1,25 @@
+
+.fofBodyContainer {
+    width: 100%;
+    margin: 0 auto;
+}
+
+.fofBodyContainer h1 {
+    font-size: 2em;
+}
+
+.fofImageContainer {
+    width: 80%;
+    margin: 0 auto;
+}
+
+.fofImageContainer .fofImageWrapper {
+    width: 100%;
+    margin: 0 auto;
+    overflow: hidden;
+    text-align: center;
+}
+
+.fofImageContainer .fofImageWrapper img {
+    margin: 0 auto;
+}

package/dist/components/seo/404.js

@@ -0,0 +1,32 @@
+import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import PropTypes from 'prop-types';
+// import { getCloudinaryRemoteFetchURL } from "../cms/cloudinary";
+import "./404.css";
+import { SmartImage } from "../cms/cloudinary.image";
+import { usePixelatedConfig } from "../config/config.client";
+FourOhFour.propTypes = {
+    images: PropTypes.array.isRequired,
+};
+export function FourOhFour(props) {
+    const images = props.images;
+    const [randomIndex, setRandomIndex] = useState(0);
+    // const [ cloudinaryURL, setCloudinaryURL ] = useState<string>('');
+    const [imageURL, setImageURL] = useState('');
+    useEffect(() => {
+        const randomIndex = Math.floor(Math.random() * images.length);
+        setRandomIndex(randomIndex);
+        // const cloudinaryURL = getCloudinaryRemoteFetchURL({ url: images[randomIndex].img, product_env:"dlbon7tpq" });
+        // setCloudinaryURL(cloudinaryURL);
+        setImageURL(images[randomIndex].img);
+    }, []);
+    const config = usePixelatedConfig();
+    if (randomIndex !== null && imageURL /* cloudinaryURL */ !== '') {
+        return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "fofBodyContainer", children: [_jsxs("h1", { className: "centered textOutline", children: ["404 - ", images[randomIndex].text] }), _jsx("div", { className: "centeredbutton", children: _jsx("a", { href: "/", target: "_self", rel: "noopener noreferrer", children: "Go Home" }) })] }), _jsx("div", { className: "fofImageContainer", children: _jsx("div", { className: "fofImageWrapper", children: _jsx(SmartImage, { src: imageURL, 
+                            // src={cloudinaryURL} 
+                            title: "Page Not Found - " + images[randomIndex].description, alt: "Page Not Found - " + images[randomIndex].description, cloudinaryEnv: config?.cloudinary?.product_env ?? undefined, cloudinaryDomain: config?.cloudinary?.baseUrl ?? undefined, cloudinaryTransforms: config?.cloudinary?.transforms ?? undefined }) }) })] }));
+    }
+    else {
+        return (_jsx(_Fragment, {}));
+    }
+}

package/dist/components/seo/googleanalytics.js

@@ -0,0 +1,70 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+// import { useEffect } from "react";
+import PropTypes from "prop-types";
+function isGA() {
+    const hasGtag = typeof window.gtag === 'function';
+    const hasDataLayer = typeof window.dataLayer !== 'undefined' && Array.isArray(window.dataLayer);
+    const hasGAScript = !!(document.querySelector('script[src*="googletagmanager.com/gtag/js"]'));
+    const hasGAScriptID = !!(document.querySelector('script#ga'));
+    const hasGAInitScriptID = !!(document.querySelector('script#ga-init'));
+    return (hasGtag || hasDataLayer || hasGAScript || hasGAScriptID || hasGAInitScriptID);
+}
+GoogleAnalytics.propTypes = {
+    id: PropTypes.string.isRequired,
+};
+export function GoogleAnalytics(props) {
+    if (typeof window === 'undefined') {
+        return;
+    }
+    if (typeof document === 'undefined') {
+        return;
+    }
+    if (isGA()) {
+        return;
+    }
+    const gaSRC = "https://www.googletagmanager.com/gtag/js?id=" + props.id;
+    // useEffect(() => {
+    // INIT GA TAG TO PAGE
+    const gaInit = document.createElement("script");
+    gaInit.setAttribute("id", "ga-init");
+    gaInit.type = "text/javascript";
+    // could also be InnerHTML, but not innerText
+    gaInit.text = `
+window.dataLayer = window.dataLayer || [];
+window.gtag = function gtag(){ window.dataLayer.push(arguments); }
+window.gtag('js', new Date());
+window.gtag('config', '${props.id}');
+`;
+    document.head.appendChild(gaInit);
+    // INSTALL GA SCRIPT
+    const ga = document.createElement("script");
+    ga.setAttribute("id", "ga");
+    ga.type = "text/javascript";
+    ga.async = true;
+    ga.src = gaSRC;
+    document.head.appendChild(ga);
+    // }, []); 
+    return (_jsx("div", { className: "ga", suppressHydrationWarning: true }));
+}
+GoogleAnalyticsEvent.propTypes = {
+    event_name: PropTypes.string.isRequired,
+    event_parameters: PropTypes.object.isRequired,
+};
+export function GoogleAnalyticsEvent(props) {
+    if (typeof window === 'undefined') {
+        return;
+    }
+    if (typeof document === 'undefined') {
+        return;
+    }
+    // if(isGA()){ 
+    const ga_evt = document.createElement("script");
+    ga_evt.setAttribute("id", "ga-event");
+    ga_evt.type = "text/javascript";
+    ga_evt.async = true;
+    ga_evt.innerHTML = `gtag('event', '${props.event_name}', ${JSON.stringify(props.event_parameters)});`;
+    document.head.appendChild(ga_evt);
+    // }
+    return (null);
+}

package/dist/components/seo/googlemap.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import PropTypes from "prop-types";
+// https://developers.google.com/maps/documentation/embed/embedding-map
+GoogleMaps.propTypes = {
+    width: PropTypes.string,
+    height: PropTypes.string,
+    frameBorder: PropTypes.string,
+    style: PropTypes.object,
+    map_mode: PropTypes.string.isRequired,
+    api_key: PropTypes.string.isRequired,
+    parameters: PropTypes.string,
+};
+export function GoogleMaps(props) {
+    return (_jsx("div", { className: "gmap", suppressHydrationWarning: true, children: _jsx("iframe", { width: props.width || "600", height: props.height || "400", frameBorder: props.frameBorder || "0", style: props.style || { border: 0 }, referrerPolicy: "no-referrer-when-downgrade", src: `https://www.google.com/maps/embed/v1/${props.map_mode}?key=${props.api_key}&${props.parameters}`, allowFullScreen: true }) }));
+}

package/dist/components/seo/googlesearch.css

@@ -0,0 +1,30 @@
+
+/* ========================================
+============  GOOGLE SEARCH    ============
+======================================== */
+
+.gsib_a {
+    padding: 1px 8px !important;
+}
+
+.gsc-tabsArea {
+    border-color: #336699;
+}
+
+.gsc-tabHeader.gsc-tabhActive {
+    border-color: #336699;
+}
+
+input.gsc-search-button, input.gsc-search-button:hover, input.gsc-search-button:focus {
+    box-sizing: content-box;
+}
+
+input.gsc-input {
+	font-size: 1.0em !important;
+}
+
+.gsc-control-cse {
+    border-color: transparent !important;
+    background-color: transparent !important;
+	padding: .5em !important;
+}

package/dist/components/seo/googlesearch.js

@@ -0,0 +1,37 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import PropTypes from "prop-types";
+import "./googlesearch.css";
+/*
+===== Google Programmable Search =====
+pixelated id = "009500278966481927899:bcssp73qony";
+pixelvivid id = "e336d1c9d0e5e48e5";
+
+https://programmablesearchengine.google.com/controlpanel/all
+https://dev.to/mjoycemilburn/searching-pdf-files-coding-a-goggle-custom-search-engine-gcse-component-in-react-36fk
+https://stackoverflow.com/questions/15779036/auto-adding-gsc-tab-0-after-the-url
+
+<script async src="https://cse.google.com/cse.js?cx=009500278966481927899:bcssp73qony" />
+<div className="gcse-search">
+
+===== Hydration Error =====
+https://www.reddit.com/r/nextjs/comments/1gabiqn/hydration_error_when_installing_nextjs_15/?rdt=34262
+https://nextjs.org/docs/messages/react-hydration-error
+*/
+GoogleSearch.propTypes = {
+    id: PropTypes.string.isRequired,
+};
+export function GoogleSearch(props) {
+    if (typeof document !== 'undefined') {
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars
+        const gsearch = (function () {
+            const gcse = document.createElement("script");
+            gcse.type = "text/javascript";
+            gcse.async = true;
+            gcse.src = (document.location.protocol === "https:" ? "https:" : "http:") + "//cse.google.com/cse.js?cx=" + props.id;
+            const s = document.getElementsByTagName("script")[0];
+            s.parentNode?.insertBefore(gcse, s);
+        })();
+    }
+    return (_jsx("div", { className: "gcse-search", suppressHydrationWarning: true }));
+}

package/dist/components/seo/metadata.js

@@ -0,0 +1,156 @@
+export function descriptionToKeywords(descriptionText, numKeywords = 5, customStopWords = []) {
+    if (!descriptionText) {
+        return [];
+    }
+    // Define a default list of common English stop words
+    const defaultStopWords = new Set([
+        'a', 'an', 'and', 'are', 'as', 'at', 'be', 'but', 'by', 'for', 'if', 'in', 'into',
+        'is', 'it', 'no', 'not', 'of', 'on', 'or', 'such', 'that', 'the', 'their',
+        'then', 'there', 'these', 'they', 'this', 'to', 'was', 'will', 'with'
+    ]);
+    const allStopWords = new Set([...defaultStopWords, ...customStopWords]);
+    // Pre-process the text: make lowercase and remove punctuation
+    const cleanedText = descriptionText.toLowerCase().replace(/[.,/#!$%^&*;:{}=\-_`~()]/g, '');
+    // Tokenize the text into individual words
+    const words = cleanedText.split(/\s+/);
+    // Count word frequencies, excluding stop words
+    const wordFrequency = words.reduce((counts, word) => {
+        if (word.length > 2 && !allStopWords.has(word)) {
+            counts[word] = (counts[word] || 0) + 1;
+        }
+        return counts;
+    }, {});
+    // Sort words by frequency and get the top N keywords
+    const sortedKeywords = Object.keys(wordFrequency).sort((a, b) => wordFrequency[b] - wordFrequency[a]);
+    // Return the top N keywords
+    return sortedKeywords.slice(0, numKeywords);
+}
+export function getRouteByKey(obj, key, value) {
+    if (typeof obj !== 'object' || obj === null) {
+        return null;
+    }
+    if (obj[key] && obj[key] === value) {
+        return obj;
+    }
+    for (const prop in obj) {
+        if (obj[prop] && typeof obj[prop] === 'object') {
+            const result = getRouteByKey(obj[prop], key, value);
+            if (result) {
+                return result;
+            }
+        }
+    }
+    return null;
+}
+export function getAllRoutes(routes, key) {
+    const result = [];
+    function traverse(obj) {
+        if (typeof obj !== 'object' || obj === null) {
+            return;
+        }
+        if (Array.isArray(obj)) {
+            obj.forEach(item => traverse(item));
+        }
+        else {
+            if (obj[key]) {
+                traverse(obj[key]);
+            }
+            else {
+                result.push(obj);
+            }
+        }
+    }
+    traverse(routes);
+    return result;
+}
+import fs from 'fs';
+import path from 'path';
+export function getAllImages() {
+    // const imagePaths: ImageInfo[] = [];
+    const imagePaths = [];
+    const imageExtensions = ['.jpg', '.jpeg', '.png', '.gif', '.bmp', '.svg', '.webp'];
+    const publicDir = './public';
+    function walk(currentDir) {
+        fs.readdirSync(currentDir).forEach(file => {
+            const filePath = path.join(currentDir, file);
+            const fileStat = fs.statSync(filePath);
+            if (fileStat.isDirectory()) {
+                walk(filePath); // Recursive call for subdirectories
+            }
+            else {
+                if (fs.statSync(filePath).isFile() && (imageExtensions.some(ext => file.endsWith(ext)))) {
+                    // Found an image!
+                    // const imageURL = `/${filePath.replace('./public/', '')}`; // Construct URL
+                    // Add to your image data list (e.g., { url: imageURL, alt: "description" })
+                    const relativePath = path.relative(publicDir, filePath).replace(/\\/g, '/');
+                    const fullPath = `/${relativePath}`;
+                    // imagePaths.push({loc: fullPath});
+                    imagePaths.push(fullPath);
+                }
+            }
+        });
+    }
+    ;
+    walk(publicDir);
+    // return JSON.stringify(imagePaths);
+    return imagePaths;
+}
+export const getMetadata = (routes, key = "name", value = "Home") => {
+    // const allRoutes = getAllRoutes(routes, "routes");
+    // const foundObject = allRoutes.find((obj: { [x: string]: string; }) => obj && Object.prototype.hasOwnProperty.call(obj, key) && obj[key as keyof typeof obj] === value);
+    const foundObject = getRouteByKey(routes, key, value);
+    if (foundObject) {
+        const metadata = {
+            title: foundObject.title,
+            description: foundObject.description,
+            keywords: foundObject.keywords,
+        };
+        return metadata;
+    }
+    else {
+        const metadata = {
+            title: "",
+            description: "",
+            keywords: "",
+        };
+        return metadata;
+    }
+};
+export const setClientMetadata = ({ title, description, keywords }) => {
+    document.title = title;
+    (document.querySelector("meta[property='og:title']"))?.setAttribute('content', title);
+    (document.querySelector("meta[name='description']"))?.setAttribute('content', description);
+    (document.querySelector("meta[property='og:description']"))?.setAttribute('content', description);
+    (document.querySelector("meta[itemprop='description']"))?.setAttribute('content', description);
+    (document.querySelector("meta[name='keywords']"))?.setAttribute('content', keywords);
+};
+export const setServerMetadata = ({ key, value }) => {
+    const myMetaData = getMetadata({ key, value });
+    return {
+        title: myMetaData.title,
+        description: myMetaData.description,
+        keywords: myMetaData.keywords
+    };
+};
+export function getAccordionMenuData(myRoutes) {
+    const menuItems = myRoutes.map((thisRoute) => (thisRoute.routes
+        ? { [thisRoute.name]: thisRoute.routes.map((subRoute) => ({ [subRoute.name]: subRoute.path })) }
+        : { [thisRoute.name]: thisRoute.path })).reduce((obj, item) => {
+        if (typeof Object.values(item)[0] == "object") {
+            // Nested Object
+            const subitems = Object.values(item)[0];
+            const newSubitems = subitems.reduce((obj2, item2) => {
+                Object.assign(obj2, item2);
+                return obj2;
+            });
+            Object.assign(obj, { [Object.keys(item)[0]]: newSubitems });
+            return obj;
+        }
+        else {
+            // String
+            Object.assign(obj, item);
+            return obj;
+        }
+    });
+    return menuItems;
+}