info-site-generator 1.0.91 → 1.0.92

package/lib/App.js

@@ -1,81 +1,95 @@
-import { HashRouter, Routes, Route } from "react-router-dom";
-import Home from "./pages/Home";
-import defaults from "./contentDefaults.json";
-import { ThemeContext } from "./theme";
-import Wrapper from "./components/Wrapper";
-import "./index.css";
-import Content from "./pages/Content";
-import PageGen from "./pages/Page";
-import Search from "./pages/Search";
-import React from "react";
+"use strict";
 
-/**
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _reactRouter = require("react-router");
+var _Home = _interopRequireDefault(require("./pages/Home"));
+var _contentDefaults = _interopRequireDefault(require("./contentDefaults.json"));
+var _theme = require("./theme");
+var _Wrapper = _interopRequireDefault(require("./components/Wrapper"));
+require("./index.css");
+var _Content = _interopRequireDefault(require("./pages/Content"));
+var _Page = _interopRequireDefault(require("./pages/Page"));
+var _Search = _interopRequireDefault(require("./pages/Search"));
+var _react = _interopRequireDefault(require("react"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } /**
  * The info site generator main component
  * @returns A ready app based on the data provided
  */
-function SiteGen({
-  data_provided,
-  children
-}) {
-  const validData = {
-    ...defaults,
-    ...data_provided
-  };
+function SiteGen(_ref) {
+  let {
+    data_provided,
+    children
+  } = _ref;
+  const validData = _objectSpread(_objectSpread({}, _contentDefaults.default), data_provided);
   Object.values(validData.pages).forEach(page => {
-    page.withLink = page.withLink ?? true;
+    var _page$withLink;
+    page.withLink = (_page$withLink = page.withLink) !== null && _page$withLink !== void 0 ? _page$withLink : true;
     // page.withLink = page.withLink === undefined ? false : page.withLink;
   });
-  return /*#__PURE__*/React.createElement(ThemeContext.Provider, {
-    value: localStorage.getItem("theme") || "light"
-  }, /*#__PURE__*/React.createElement(HashRouter, null, /*#__PURE__*/React.createElement(Routes, null, /*#__PURE__*/React.createElement(Route, {
-    index: true,
-    element: /*#__PURE__*/React.createElement(Wrapper, {
-      data: validData,
-      component: /*#__PURE__*/React.createElement(Home, {
-        data: validData
-      })
-    })
-  }), /*#__PURE__*/React.createElement(Route, {
-    path: "all-content",
-    element: /*#__PURE__*/React.createElement(Wrapper, {
-      data: validData,
-      component: /*#__PURE__*/React.createElement(Content, {
-        data: validData
-      })
-    })
-  }), /*#__PURE__*/React.createElement(Route, {
-    path: "search",
-    element: /*#__PURE__*/React.createElement(Wrapper, {
-      data: validData,
-      component: /*#__PURE__*/React.createElement(Search, {
-        data: validData
-      })
-    })
-  }), React.Children.map(children, child => {
-    // Check if it's a valid React element (not a string or null)
-    if (! /*#__PURE__*/React.isValidElement(child)) return null;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_theme.ThemeContext.Provider, {
+    value: localStorage.getItem("theme") || "light",
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactRouter.HashRouter, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactRouter.Routes, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactRouter.Route, {
+          index: true,
+          element: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Wrapper.default, {
+            data: validData,
+            component: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Home.default, {
+              data: validData
+            })
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactRouter.Route, {
+          path: "all-content",
+          element: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Wrapper.default, {
+            data: validData,
+            component: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Content.default, {
+              data: validData
+            })
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactRouter.Route, {
+          path: "search",
+          element: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Wrapper.default, {
+            data: validData,
+            component: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Search.default, {
+              data: validData
+            })
+          })
+        }), _react.default.Children.map(children, child => {
+          // Check if it's a valid React element (not a string or null)
+          if (! /*#__PURE__*/_react.default.isValidElement(child)) return null;
 
-    // Tell TS this element has props with an 'id'
-    const pageElement = child;
-    const pageId = pageElement.props.id;
+          // Tell TS this element has props with an 'id'
+          const pageElement = child;
+          const pageId = pageElement.props.id;
 
-    // Get the metadata from our data object
-    const pageMetadata = validData.pages[pageId];
-    if (!pageMetadata) {
-      console.warn(`No metadata found in data object for page ID: ${pageId}`);
-      return null;
-    }
-    return /*#__PURE__*/React.createElement(Route, {
-      key: pageId,
-      path: pageMetadata.slug,
-      element: /*#__PURE__*/React.createElement(Wrapper, {
-        data: validData,
-        component: /*#__PURE__*/React.createElement(PageGen, {
-          page: pageElement,
-          data: pageMetadata
-        })
+          // Get the metadata from our data object
+          const pageMetadata = validData.pages[pageId];
+          if (!pageMetadata) {
+            console.warn("No metadata found in data object for page ID: ".concat(pageId));
+            return null;
+          }
+          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactRouter.Route, {
+            path: pageMetadata.slug,
+            element: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Wrapper.default, {
+              data: validData,
+              component: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Page.default, {
+                page: pageElement,
+                data: pageMetadata
+              })
+            })
+          }, pageId);
+        })]
       })
-    });
-  }))));
+    })
+  });
 }
-export default SiteGen;
+var _default = exports.default = SiteGen;

package/lib/components/ArrowBack.js

@@ -1,11 +1,19 @@
-import { Link } from "react-router-dom";
-export default function ArrowBack() {
-  return /*#__PURE__*/React.createElement(Link, {
-    to: "/all-content"
-  }, /*#__PURE__*/React.createElement("img", {
-    src: "/arrow-left.svg",
-    alt: "Back to content list",
-    width: 40,
-    height: 40
-  }));
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = ArrowBack;
+var _reactRouter = require("react-router");
+var _jsxRuntime = require("react/jsx-runtime");
+function ArrowBack() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactRouter.Link, {
+    to: "/all-content",
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+      src: "/arrow-left.svg",
+      alt: "Back to content list",
+      width: 40,
+      height: 40
+    })
+  });
 }

package/lib/components/Footer.js

@@ -1,31 +1,52 @@
-import { useCurrentTheme } from "../theme";
-export default function Footer({
-  data
-}) {
-  const [theme] = useCurrentTheme();
-  return /*#__PURE__*/React.createElement("footer", {
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = Footer;
+var _theme = require("../theme");
+var _jsxRuntime = require("react/jsx-runtime");
+function Footer(_ref) {
+  let {
+    data
+  } = _ref;
+  const [theme] = (0, _theme.useCurrentTheme)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("footer", {
     className: "bg-gray-800 text-white py-4 m-0",
     style: theme === "light" ? {
       backgroundColor: data.brandColor
     } : {
       backgroundColor: data.brandColorDark
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "container mx-auto"
-  }, /*#__PURE__*/React.createElement("h3", null, data.siteTitle), /*#__PURE__*/React.createElement("p", {
-    className: "sm"
-  }, data.siteDescription), data.socialMedia && /*#__PURE__*/React.createElement("div", null, "Follow us on ", /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("ul", {
-    className: "d-flex flex-wrap w-100 mw-100 list-unstyled link-underline-opacity-0 link-underline-opactiy-100"
-  }, Object.entries(data.socialMedia).map(([key, value]) => /*#__PURE__*/React.createElement("li", {
-    className: "p-2 m-3",
-    key: key
-  }, value.image && value.imageDark && /*#__PURE__*/React.createElement("img", {
-    src: theme === "light" ? value.image : value.imageDark,
-    alt: key
-  }), /*#__PURE__*/React.createElement("a", {
-    href: value.href,
-    className: "p-1"
-  }, key))))), /*#__PURE__*/React.createElement("div", {
-    className: "text-center"
-  }, "\xA9 ", new Date().getFullYear(), " All rights reserved.")));
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "container mx-auto",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("h3", {
+        children: data.siteTitle
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+        className: "sm",
+        children: data.siteDescription
+      }), data.socialMedia && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        children: ["Follow us on ", /*#__PURE__*/(0, _jsxRuntime.jsx)("br", {}), /*#__PURE__*/(0, _jsxRuntime.jsx)("ul", {
+          className: "d-flex flex-wrap w-100 mw-100 list-unstyled link-underline-opacity-0 link-underline-opactiy-100",
+          children: Object.entries(data.socialMedia).map(_ref2 => {
+            let [key, value] = _ref2;
+            return /*#__PURE__*/(0, _jsxRuntime.jsxs)("li", {
+              className: "p-2 m-3",
+              children: [value.image && value.imageDark && /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+                src: theme === "light" ? value.image : value.imageDark,
+                alt: key
+              }), /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
+                href: value.href,
+                className: "p-1",
+                children: key
+              })]
+            }, key);
+          })
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: "text-center",
+        children: ["\xA9 ", new Date().getFullYear(), " All rights reserved."]
+      })]
+    })
+  });
 }

package/lib/components/Navbar.js

@@ -1,70 +1,92 @@
-import { oppositeTheme, useCurrentTheme } from "../theme";
-import { useState } from "react";
-import { Link } from "react-router-dom";
-import "../styles/hamburgers.min.css";
-import "../styles/navbar.css";
-export default function Navbar({
-  data
-}) {
-  const [theme, setTheme] = useCurrentTheme();
-  const [active, setActive] = useState(false);
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = Navbar;
+var _theme = require("../theme");
+var _react = require("react");
+var _reactRouter = require("react-router");
+require("../styles/hamburgers.min.css");
+require("../styles/navbar.css");
+var _jsxRuntime = require("react/jsx-runtime");
+function Navbar(_ref) {
+  var _data$customNavLinks;
+  let {
+    data
+  } = _ref;
+  const [theme, setTheme] = (0, _theme.useCurrentTheme)();
+  const [active, setActive] = (0, _react.useState)(false);
   document.documentElement.setAttribute("data-bs-theme", theme);
-  return /*#__PURE__*/React.createElement("nav", {
-    className: `navbar border-bottom border-1 border-dark mb-2 d-flex justify-content-between align-items-center ${theme === "dark" && "navbar-dark"} `,
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("nav", {
+    className: "navbar border-bottom border-1 border-dark mb-2 d-flex justify-content-between align-items-center ".concat(theme === "dark" && "navbar-dark", " "),
     style: theme === "light" ? {
       backgroundColor: data.brandColor
     } : {
       backgroundColor: data.brandColorDark
-    }
-  }, /*#__PURE__*/React.createElement(Link, {
-    className: "navbar-brand px-2",
-    to: "/"
-  }, data.siteTitle), /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement("button", {
-    className: "p-2 border border-0 bg-transparent",
-    id: "theme-toggle",
-    type: "button",
-    onClick: () => {
-      setTheme(oppositeTheme(theme));
     },
-    "aria-label": "Toggle theme",
-    title: "Toggle theme"
-  }, /*#__PURE__*/React.createElement("img", {
-    src: data.brandColorIsDark || theme === "dark" ? `/${theme}-theme-white.svg` : `/${theme}-theme.svg`,
-    className: "d-inline",
-    alt: `${theme} theme`
-  }))), /*#__PURE__*/React.createElement("button", {
-    className: `hamburger hamburger--spin ${active ? "is-active" : ""}`,
-    type: "button",
-    onClick: () => setActive(!active),
-    "aria-label": "Toggle navigation",
-    title: "Toggle navigation",
-    "aria-controls": "navbarSupportedContent",
-    "aria-expanded": active,
-    "aria-haspopup": "true",
-    "data-bs-toggle": "collapse",
-    "data-bs-target": "#navbarSupportedContent"
-  }, /*#__PURE__*/React.createElement("span", {
-    className: "hamburger-box"
-  }, /*#__PURE__*/React.createElement("span", {
-    className: `hamburger-inner ${theme === "dark" && "bg-light"}`
-  })))), /*#__PURE__*/React.createElement("div", {
-    className: "collapse navbar-collapse border-top border-1 border-dark",
-    id: "navbarSupportedContent"
-  }, /*#__PURE__*/React.createElement("ul", {
-    className: "navbar-nav me-auto mb-2 mb-lg-0"
-  }, Object.values(data.pages).map(page => /*#__PURE__*/React.createElement("li", {
-    className: "nav-item",
-    key: page.slug
-  }, /*#__PURE__*/React.createElement(Link, {
-    className: "nav-link",
-    to: page.slug
-  }, page.linkText || page.title))), data.customNavLinks?.map(link => /*#__PURE__*/React.createElement("li", {
-    className: "nav-item",
-    key: link.href
-  }, /*#__PURE__*/React.createElement("a", {
-    className: "nav-link",
-    href: link.href,
-    target: "_blank",
-    rel: "noopener noreferrer"
-  }, link.text))))));
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactRouter.Link, {
+      className: "navbar-brand px-2",
+      to: "/",
+      children: data.siteTitle
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
+          className: "p-2 border border-0 bg-transparent",
+          id: "theme-toggle",
+          type: "button",
+          onClick: () => {
+            setTheme((0, _theme.oppositeTheme)(theme));
+          },
+          "aria-label": "Toggle theme",
+          title: "Toggle theme",
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+            src: data.brandColorIsDark || theme === "dark" ? "/".concat(theme, "-theme-white.svg") : "/".concat(theme, "-theme.svg"),
+            className: "d-inline",
+            alt: "".concat(theme, " theme")
+          })
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
+        className: "hamburger hamburger--spin ".concat(active ? "is-active" : ""),
+        type: "button",
+        onClick: () => setActive(!active),
+        "aria-label": "Toggle navigation",
+        title: "Toggle navigation",
+        "aria-controls": "navbarSupportedContent",
+        "aria-expanded": active,
+        "aria-haspopup": "true",
+        "data-bs-toggle": "collapse",
+        "data-bs-target": "#navbarSupportedContent",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          className: "hamburger-box",
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+            className: "hamburger-inner ".concat(theme === "dark" && "bg-light")
+          })
+        })
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "collapse navbar-collapse border-top border-1 border-dark",
+      id: "navbarSupportedContent",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("ul", {
+        className: "navbar-nav me-auto mb-2 mb-lg-0",
+        children: [Object.values(data.pages).map(page => /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
+          className: "nav-item",
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactRouter.Link, {
+            className: "nav-link",
+            to: page.slug,
+            children: page.linkText || page.title
+          })
+        }, page.slug)), (_data$customNavLinks = data.customNavLinks) === null || _data$customNavLinks === void 0 ? void 0 : _data$customNavLinks.map(link => /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
+          className: "nav-item",
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
+            className: "nav-link",
+            href: link.href,
+            target: "_blank",
+            rel: "noopener noreferrer",
+            children: link.text
+          })
+        }, link.href))]
+      })
+    })]
+  });
 }

package/lib/components/Wrapper.js

@@ -1,15 +1,27 @@
-import Footer from "./Footer";
-import Navbar from "./Navbar";
-export default function Wrapper({
-  data,
-  component
-}) {
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Navbar, {
-    data: data
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "container",
-    id: "all-content"
-  }, component), /*#__PURE__*/React.createElement(Footer, {
-    data: data
-  }));
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = Wrapper;
+var _Footer = _interopRequireDefault(require("./Footer"));
+var _Navbar = _interopRequireDefault(require("./Navbar"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function Wrapper(_ref) {
+  let {
+    data,
+    component
+  } = _ref;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Navbar.default, {
+      data: data
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "container",
+      id: "all-content",
+      children: component
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Footer.default, {
+      data: data
+    })]
+  });
 }

package/lib/index.js

@@ -1,3 +1,3 @@
-import SiteGen from "./App.js";
+import SiteGen from "./src/App.js";
 
 export default SiteGen;

package/lib/pages/Content.js

@@ -1,24 +1,41 @@
-import { Link } from "react-router-dom";
-export default function Content({
-  data
-}) {
-  return /*#__PURE__*/React.createElement("div", {
-    className: "container"
-  }, /*#__PURE__*/React.createElement("h2", null, data.siteTitle, " content"), /*#__PURE__*/React.createElement("div", {
-    className: "row"
-  }, Object.values(data.pages).map((page, index) => /*#__PURE__*/React.createElement("div", {
-    key: index,
-    className: "col-md-4 mb-4 mx-2"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "card h-100"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "card-body"
-  }, /*#__PURE__*/React.createElement("h5", {
-    className: "card-title"
-  }, page.title), /*#__PURE__*/React.createElement("p", {
-    className: "card-text"
-  }, page.description), page.withLink && /*#__PURE__*/React.createElement(Link, {
-    to: `/${page.slug}`,
-    className: "btn btn-primary"
-  }, "Read more")))))));
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = Content;
+var _reactRouter = require("react-router");
+var _jsxRuntime = require("react/jsx-runtime");
+function Content(_ref) {
+  let {
+    data
+  } = _ref;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: "container",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("h2", {
+      children: [data.siteTitle, " content"]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "row",
+      children: Object.values(data.pages).map((page, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "col-md-4 mb-4 mx-2",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: "card h-100",
+          children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+            className: "card-body",
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("h5", {
+              className: "card-title",
+              children: page.title
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+              className: "card-text",
+              children: page.description
+            }), page.withLink && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactRouter.Link, {
+              to: "/".concat(page.slug),
+              className: "btn btn-primary",
+              children: "Read more"
+            })]
+          })
+        })
+      }, index))
+    })]
+  });
 }

package/lib/pages/Home.js

@@ -1,63 +1,99 @@
-import { Link } from "react-router-dom";
-import { useState } from "react";
-import "../styles/Home.css";
-export default function Home({
-  data
-}) {
-  const [searchQuery, setSearchQuery] = useState("");
-  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("section", {
-    className: "d-flex"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "w-50 d-flex flex-column justify-content-center align-items-center"
-  }, /*#__PURE__*/React.createElement("h1", {
-    className: "fw-bolder center",
-    id: "hero-title",
-    dangerouslySetInnerHTML: {
-      __html: data.motto || data.siteTitle
-    }
-  }), /*#__PURE__*/React.createElement("span", null, data.siteDescription)), /*#__PURE__*/React.createElement("div", {
-    className: "w-50 p-2"
-  }, /*#__PURE__*/React.createElement("img", {
-    src: "/home-image.jpg",
-    alt: "Eye-catcher",
-    className: "w-100"
-  }))), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("section", null, /*#__PURE__*/React.createElement("div", {
-    className: "form-group w-50 d-inline-block me-3"
-  }, /*#__PURE__*/React.createElement("input", {
-    type: "search",
-    id: "search",
-    list: "searchdata",
-    value: searchQuery,
-    onChange: e => setSearchQuery(e.target.value),
-    className: "form-control",
-    placeholder: "Search for content"
-  })), /*#__PURE__*/React.createElement(Link, {
-    to: {
-      pathname: "/search",
-      search: `?q=${searchQuery}`
-    },
-    className: "d-inline-block"
-  }, /*#__PURE__*/React.createElement("button", {
-    className: "btn btn-primary p-2"
-  }, "Search")), /*#__PURE__*/React.createElement("datalist", {
-    id: "searchdata"
-  }, Object.values(data.pages).map((page, index) => /*#__PURE__*/React.createElement("option", {
-    key: index,
-    value: page.title
-  }, page.title)))), /*#__PURE__*/React.createElement("hr", null), /*#__PURE__*/React.createElement("section", null, /*#__PURE__*/React.createElement("h2", null, "We answer these questions and more: "), /*#__PURE__*/React.createElement("ul", null, data.answeredQuestions?.map((question, index) => /*#__PURE__*/React.createElement("li", {
-    key: index
-  }, question))), /*#__PURE__*/React.createElement(Link, {
-    to: "all-content"
-  }, "Descover more content")), /*#__PURE__*/React.createElement("hr", null), /*#__PURE__*/React.createElement("section", null, /*#__PURE__*/React.createElement("h2", null, "Dive in with those pages:"), /*#__PURE__*/React.createElement("ul", null, data.startUpPages?.map((page, index) => {
-    const pageData = Object.values(data.pages).find(p => p.title === page);
-    if (!pageData) {
-      console.warn(`Page with title "${page}" not found in data.pages`);
-      return null;
-    }
-    return /*#__PURE__*/React.createElement("li", {
-      key: index
-    }, /*#__PURE__*/React.createElement(Link, {
-      to: `/${pageData.slug}`
-    }, pageData.shortTitle || pageData.title));
-  }))));
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = Home;
+var _reactRouter = require("react-router");
+var _react = require("react");
+require("../styles/Home.css");
+var _jsxRuntime = require("react/jsx-runtime");
+function Home(_ref) {
+  var _data$answeredQuestio, _data$startUpPages;
+  let {
+    data
+  } = _ref;
+  const [searchQuery, setSearchQuery] = (0, _react.useState)("");
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("section", {
+      className: "d-flex",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: "w-50 d-flex flex-column justify-content-center align-items-center",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("h1", {
+          className: "fw-bolder center",
+          id: "hero-title",
+          dangerouslySetInnerHTML: {
+            __html: data.motto || data.siteTitle
+          }
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          children: data.siteDescription
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "w-50 p-2",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+          src: "/home-image.jpg",
+          alt: "Eye-catcher",
+          className: "w-100"
+        })
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("br", {}), /*#__PURE__*/(0, _jsxRuntime.jsxs)("section", {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "form-group w-50 d-inline-block me-3",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
+          type: "search",
+          id: "search",
+          list: "searchdata",
+          value: searchQuery,
+          onChange: e => setSearchQuery(e.target.value),
+          className: "form-control",
+          placeholder: "Search for content"
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactRouter.Link, {
+        to: {
+          pathname: "/search",
+          search: "?q=".concat(searchQuery)
+        },
+        className: "d-inline-block",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
+          className: "btn btn-primary p-2",
+          children: "Search"
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("datalist", {
+        id: "searchdata",
+        children: Object.values(data.pages).map((page, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)("option", {
+          value: page.title,
+          children: page.title
+        }, index))
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("hr", {}), /*#__PURE__*/(0, _jsxRuntime.jsxs)("section", {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("h2", {
+        children: "We answer these questions and more: "
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("ul", {
+        children: (_data$answeredQuestio = data.answeredQuestions) === null || _data$answeredQuestio === void 0 ? void 0 : _data$answeredQuestio.map((question, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
+          children: question
+        }, index))
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactRouter.Link, {
+        to: "all-content",
+        children: "Descover more content"
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("hr", {}), /*#__PURE__*/(0, _jsxRuntime.jsxs)("section", {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("h2", {
+        children: "Dive in with those pages:"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("ul", {
+        children: (_data$startUpPages = data.startUpPages) === null || _data$startUpPages === void 0 ? void 0 : _data$startUpPages.map((page, index) => {
+          const pageData = Object.values(data.pages).find(p => p.title === page);
+          if (!pageData) {
+            console.warn("Page with title \"".concat(page, "\" not found in data.pages"));
+            return null;
+          }
+          return /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactRouter.Link, {
+              to: "/".concat(pageData.slug),
+              children: pageData.shortTitle || pageData.title
+            })
+          }, index);
+        })
+      })]
+    })]
+  });
 }

package/lib/pages/Page.js

@@ -1,9 +1,23 @@
-import ArrowBack from "../components/ArrowBack";
-export default function PageGen({
-  page,
-  data
-}) {
-  return /*#__PURE__*/React.createElement("div", {
-    className: "container mt-3"
-  }, /*#__PURE__*/React.createElement(ArrowBack, null), /*#__PURE__*/React.createElement("h2", null, data.title), /*#__PURE__*/React.createElement("blockquote", null, data.shortTitle || data.title, " - ", data.description), /*#__PURE__*/React.createElement("hr", null), /*#__PURE__*/React.createElement("br", null), page || data.content);
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = PageGen;
+var _ArrowBack = _interopRequireDefault(require("../components/ArrowBack"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function PageGen(_ref) {
+  let {
+    page,
+    data
+  } = _ref;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: "container mt-3",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ArrowBack.default, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)("h2", {
+      children: data.title
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("blockquote", {
+      children: [data.shortTitle || data.title, " - ", data.description]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("hr", {}), /*#__PURE__*/(0, _jsxRuntime.jsx)("br", {}), page || data.content]
+  });
 }

package/lib/pages/Search.js

@@ -1,40 +1,64 @@
-import React, { useState } from "react";
-import { Link, useLocation } from "react-router-dom";
-export default function Search({
-  data
-}) {
-  const searchParams = new URLSearchParams(useLocation().search);
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = Search;
+var _react = _interopRequireWildcard(require("react"));
+var _reactRouter = require("react-router");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function Search(_ref) {
+  let {
+    data
+  } = _ref;
+  const searchParams = new URLSearchParams((0, _reactRouter.useLocation)().search);
   const query = searchParams.get("q") || "";
-  const [searchQuery, setSearchQuery] = useState(query);
-  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("h1", null, "Search"), /*#__PURE__*/React.createElement("div", {
-    className: "form-group w-50 d-inline-block me-3"
-  }, /*#__PURE__*/React.createElement("input", {
-    type: "search",
-    id: "search",
-    list: "search-data",
-    value: searchQuery,
-    onChange: e => setSearchQuery(e.target.value),
-    className: "form-control",
-    placeholder: "Search for content"
-  })), /*#__PURE__*/React.createElement(Link, {
-    to: {
-      pathname: "/search",
-      search: `?q=${searchQuery}`
-    },
-    className: "d-inline-block"
-  }, /*#__PURE__*/React.createElement("button", {
-    className: "btn btn-primary p-2"
-  }, "Search")), /*#__PURE__*/React.createElement("datalist", {
-    id: "search-data"
-  }, Object.values(data.pages).map((page, index) => /*#__PURE__*/React.createElement("option", {
-    key: index,
-    value: page.title
-  }, page.title))), /*#__PURE__*/React.createElement("hr", null), /*#__PURE__*/React.createElement("h2", null, "Results for \"", query, "\""), Object.values(data.pages).map((page, index) => {
-    if (page.title.toLowerCase().includes(searchQuery.toLowerCase())) return /*#__PURE__*/React.createElement("div", {
-      key: index,
-      className: "mb-3"
-    }, /*#__PURE__*/React.createElement("h3", null, /*#__PURE__*/React.createElement(Link, {
-      to: page.slug
-    }, page.title)), /*#__PURE__*/React.createElement("p", null, page.description));
-  }));
+  const [searchQuery, setSearchQuery] = (0, _react.useState)(query);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("h1", {
+      children: "Search"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "form-group w-50 d-inline-block me-3",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
+        type: "search",
+        id: "search",
+        list: "search-data",
+        value: searchQuery,
+        onChange: e => setSearchQuery(e.target.value),
+        className: "form-control",
+        placeholder: "Search for content"
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactRouter.Link, {
+      to: {
+        pathname: "/search",
+        search: "?q=".concat(searchQuery)
+      },
+      className: "d-inline-block",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
+        className: "btn btn-primary p-2",
+        children: "Search"
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("datalist", {
+      id: "search-data",
+      children: Object.values(data.pages).map((page, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)("option", {
+        value: page.title,
+        children: page.title
+      }, index))
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("hr", {}), /*#__PURE__*/(0, _jsxRuntime.jsxs)("h2", {
+      children: ["Results for \"", query, "\""]
+    }), Object.values(data.pages).map((page, index) => {
+      if (page.title.toLowerCase().includes(searchQuery.toLowerCase())) return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: "mb-3",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("h3", {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactRouter.Link, {
+            to: page.slug,
+            children: page.title
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+          children: page.description
+        })]
+      }, index);
+    })]
+  });
 }

package/lib/styles/styles.d.js

@@ -0,0 +1 @@
+"use strict";

package/lib/theme.js

@@ -1,14 +1,22 @@
-import { createContext, useContext, useState } from "react";
-export const ThemeContext = /*#__PURE__*/createContext("light");
-export const oppositeTheme = theme => {
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useCurrentTheme = exports.oppositeTheme = exports.ThemeContext = void 0;
+var _react = require("react");
+const ThemeContext = exports.ThemeContext = /*#__PURE__*/(0, _react.createContext)("light");
+const oppositeTheme = theme => {
   return theme === "light" ? "dark" : "light";
 };
-export const useCurrentTheme = () => {
-  const theme = useContext(ThemeContext);
-  const [themeState, setThemeState] = useState(theme);
+exports.oppositeTheme = oppositeTheme;
+const useCurrentTheme = () => {
+  const theme = (0, _react.useContext)(ThemeContext);
+  const [themeState, setThemeState] = (0, _react.useState)(theme);
   const setTheme = new_theme => {
     localStorage.setItem("theme", new_theme);
     setThemeState(new_theme);
   };
   return [themeState, setTheme];
-};
+};
+exports.useCurrentTheme = useCurrentTheme;

package/package.json

@@ -1,12 +1,20 @@
 {
     "name": "info-site-generator",
-    "version": "1.0.91",
+    "version": "1.0.92",
     "main": "lib/index.js",
     "author": "Enderfarmer",
     "license": "MIT",
     "repository": "Enderfarmer/info-site-template",
     "private": false,
     "types": "lib/index.d.ts",
+    "keywords": [
+        "informational",
+        "website",
+        "generator",
+        "template",
+        "quick",
+        "time saving"
+    ],
     "scripts": {
         "build": "npm run build:js && npm run build:types",
         "build:js": "babel src -d lib --extensions \".ts,.tsx\" --copy-files",
@@ -43,6 +51,8 @@
     },
     "peerDependencies": {
         "react": ">=16.8.0",
-        "react-dom": ">=16.8.0"
+        "react-dom": ">=16.8.0",
+        "react-router": ">=7.11.0",
+        "react-router-dom": ">=7.11.0"
     }
 }