info-site-generator 1.0.1 → 1.0.3

package/.babelrc

@@ -0,0 +1,3 @@
+{
+    "plugins": ["@babel/plugin-syntax-jsx"]
+}

package/{src/declarations.d.ts → declarations.d.ts}

@@ -1,9 +1,9 @@
-interface Page {
+interface Page extends React.ReactElement {
     title: string;
     shortTitle?: string;
     linkText?: string;
     slug: string;
-    content: string;
+    content?: string;
     description: string;
     withLink?: boolean;
 }
@@ -38,3 +38,7 @@ declare module "contentDefaults.json" {
     const data: SiteData;
     export default data;
 }
+declare module "index.js" {
+    const SiteGen: Function;
+    export default SiteGen;
+}

package/index.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "info-site-generator",
-    "version": "1.0.1",
+    "version": "1.0.3",
     "main": "index.js",
     "author": "Enderfarmer",
     "license": "MIT",

package/src/{App.tsx → App.js}

@@ -1,26 +1,28 @@
 import { HashRouter, Routes, Route } from "react-router-dom";
-import Home from "./pages/Home.tsx";
-import defaults from "./contentDefaults.json";
-import { ThemeContext } from "./theme.ts";
-import Wrapper from "./components/Wrapper.tsx";
-import { SiteData } from "./declarations";
+import Home from "info-site-generator/src/pages/Home.tsx";
+import defaults from "info-site-generator/src/contentDefaults.json";
+import { ThemeContext } from "info-site-generator/src/theme.ts";
+import Wrapper from "info-site-generator/src/components/Wrapper.tsx";
+import { SiteData } from "info-site-generator/declarations";
 import "./index.css";
-import Content from "./pages/Content.tsx";
-import PageGen from "./pages/Page.tsx";
-import Search from "./pages/Search.tsx";
+import Content from "info-site-generator/src/pages/Content.tsx";
+import PageGen from "info-site-generator/src/pages/Page.tsx";
+import Search from "info-site-generator/src/pages/Search.tsx";
+import React from "react";
 
 /**
  * The info site generator
- * @param data {SiteData} The data of the site in SiteData format
+ * @param {SiteData} data The data of the site in SiteData format
+ * @param {React.ReactNode[]} children The children
  * @returns A ready app based on the data provided
  */
-function SiteGen({ data }: { data: SiteData }) {
+function SiteGen({ data, children }) {
     // loop through the possible site data and set defaults
     let dataSecond = data;
-    Object.keys(defaults).forEach((key: string) => {
+    Object.keys(defaults).forEach((key) => {
         dataSecond[key] = data[key] || defaults[key];
     });
-    let validData: SiteData = dataSecond as unknown as SiteData;
+    let validData = dataSecond;
     validData.pages?.forEach((page) => {
         page.withLink = page.withLink ?? true;
         // page.withLink = page.withLink === undefined ? false : page.withLink;
@@ -56,7 +58,7 @@ function SiteGen({ data }: { data: SiteData }) {
                             />
                         }
                     />
-                    {validData.pages?.map((page) => (
+                    {children.map((page) => (
                         <Route
                             element={
                                 <Wrapper

package/src/components/Navbar.tsx

@@ -1,5 +1,5 @@
 import { oppositeTheme, useCurrentTheme } from "../theme.ts";
-import { SiteData, Theme } from "../declarations";
+import { SiteData, Theme } from "../../declarations";
 import { useState } from "react";
 import { Link } from "react-router-dom";
 import "../styles/hamburgers.min.css";

package/src/components/Wrapper.tsx

@@ -1,4 +1,4 @@
-import { SiteData } from "../declarations";
+import { SiteData } from "../../declarations";
 import Footer from "./Footer.tsx";
 import Navbar from "./Navbar.tsx";
 

package/src/pages/Content.tsx

@@ -1,5 +1,5 @@
 import { Link } from "react-router-dom";
-import { SiteData } from "../declarations";
+import { SiteData } from "../../declarations";
 
 export default function Content({ data }: { data: SiteData }) {
     return (

package/src/pages/Home.tsx

@@ -1,5 +1,5 @@
 import { Link } from "react-router-dom";
-import { Page, SiteData } from "../declarations";
+import { Page, SiteData } from "../../declarations";
 import { useState } from "react";
 import "../styles/Home.css";
 export default function Home({ data }: { data: SiteData }) {

package/src/pages/Page.tsx

@@ -1,5 +1,5 @@
 import ArrowBack from "../components/ArrowBack.tsx";
-import { Page } from "../declarations";
+import { Page } from "../../declarations";
 
 export default function PageGen({ page }: { page: Page }) {
     return (
@@ -11,10 +11,7 @@ export default function PageGen({ page }: { page: Page }) {
             </blockquote>
             <hr />
             <br />
-            <div
-                className="content"
-                dangerouslySetInnerHTML={{ __html: page.content }}
-            ></div>
+            {page.content || page}
         </div>
     );
 }

package/src/pages/Search.tsx

@@ -1,6 +1,6 @@
 import React, { useState } from "react";
 import { Link, useLocation } from "react-router-dom";
-import { SiteData } from "../declarations";
+import { SiteData } from "../../declarations";
 
 export default function Search({ data }: { data: SiteData }) {
     const searchParams = new URLSearchParams(useLocation().search);