+ ${!is.null(icon) && `
`}
+
+ `;
+};
diff --git a/src/components/header.tsx b/src/components/header.tsx
deleted file mode 100644
index 6e628cc..0000000
--- a/src/components/header.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-import React from "react";
-import { is } from "../shared/is";
-
-interface IProps {
- title?: string;
- icon?: string;
-}
-
-export const Header: React.FunctionComponent${title}
+
- {!is.null(icon) && 
}
-
- );
-};
diff --git a/src/components/icon.tsx b/src/components/icon.ts
similarity index 57%
rename from src/components/icon.tsx
rename to src/components/icon.ts
index 32f7775..2546063 100644
--- a/src/components/icon.tsx
+++ b/src/components/icon.ts
@@ -1,4 +1,3 @@
-import React from "react";
import { is } from "../shared/is";
import { IconAspect } from "../shared/types";
import { Anchor } from "./anchor";
@@ -36,67 +35,54 @@ interface IProps {
newWindow?: boolean;
}
-export const Icon: React.FunctionComponent{title}
-
- );
+ `;
case IconType.material:
icon = icon.replace("mdi-", "").replace(".svg", "");
- return (
-
+ return `
+
- );
+ `;
}
-};
+}
+
+function unwrapStyles(styles: string[]): string {
+ if (is.null(styles)) {
+ return "";
+ }
+
+ return styles.join(";");
+}
diff --git a/src/components/service-catalogs.tsx b/src/components/service-catalogs.ts
similarity index 61%
rename from src/components/service-catalogs.tsx
rename to src/components/service-catalogs.ts
index 541443a..4f9eb07 100644
--- a/src/components/service-catalogs.tsx
+++ b/src/components/service-catalogs.ts
@@ -1,4 +1,3 @@
-import React from "react";
import { IServiceCatalog } from "../shared/types";
import { CATEGORIES } from "../variables";
import { Services } from "./services";
@@ -7,14 +6,14 @@ interface IProps {
catalogs: IServiceCatalog[];
}
-export const ServiceCatalogList: React.FunctionComponent = ({ catalogs }) => {
- return (
+export const ServiceCatalogList = function (props: IProps) {
+ const { catalogs } = props;
+
+ return `
= ({ catalog, index }) => {
+const ServiceCatalog = function (props: ICatalogProps) {
+ const { catalog, index } = props;
+
let categoryClassName = "dark:text-slate-200";
switch (CATEGORIES as string) {
@@ -41,10 +42,10 @@ const ServiceCatalog: React.FunctionComponent = ({ catalog, index
liClassName += " bg-white dark:bg-black rounded-2xl px-6 py-6 ring-1 ring-slate-900/5 shadow-xl";
}
- return (
-
-
+
- );
+ `;
};
diff --git a/src/components/services.ts b/src/components/services.ts
new file mode 100644
index 0000000..e6401c8
--- /dev/null
+++ b/src/components/services.ts
@@ -0,0 +1,55 @@
+import { is } from "../shared/is";
+import { IService } from "../shared/types";
+import { Anchor } from "./anchor";
+import { Icon } from "./icon";
+
+interface IServicesProps {
+ services: IService[];
+}
+
+export const Services = function (props: IServicesProps) {
+ const { services } = props;
+
+ return `
+
+ ${
+ !is.null(icon) &&
+ `
+
+ ${Icon({ name, icon, uri, index, iconColor, iconBG, iconBubble, iconAspect, newWindow })}
+
+ `
+ }
+
+ `;
+}
diff --git a/src/components/services.tsx b/src/components/services.tsx
deleted file mode 100644
index b3cb13e..0000000
--- a/src/components/services.tsx
+++ /dev/null
@@ -1,62 +0,0 @@
-import React from "react";
-import { is } from "../shared/is";
-import { IService } from "../shared/types";
-import { Anchor } from "./anchor";
-import { Icon } from "./icon";
-
-interface IServicesProps {
- services: IService[];
-}
-
-export const Services: React.FunctionComponent = ({ services }) => {
- return (
- = ({ service, index }) => {
- const { name, uri, description, icon, iconBG, iconBubble, iconColor, iconAspect, newWindow } = service;
-
- return (
-
- {!is.null(icon) && (
-
-
- );
-};
diff --git a/src/css-cache-break.ts b/src/css-cache-break.ts
new file mode 100644
index 0000000..d6624b3
--- /dev/null
+++ b/src/css-cache-break.ts
@@ -0,0 +1,26 @@
+import CleanCSS from "clean-css";
+import * as path from "path";
+import { sbMakeFolder, sbReadFile, sbRemoveAllCSS, sbWriteFile } from "./shared/files";
+
+const mainCSSFilename = `main.${new Date().getTime()}.css`;
+
+const cssFilePath = path.join(__dirname, "../public/css");
+const cssFileInPath = path.join(__dirname, "../public", "main.css");
+const cssFileOutPath = path.join(cssFilePath, mainCSSFilename);
+const indexFileInOutPath = path.join(__dirname, "../public", "index.html");
+
+async function start(): Promise {
+ await sbRemoveAllCSS(cssFilePath);
+ await sbMakeFolder(cssFilePath);
+
+ const css = await sbReadFile(cssFileInPath);
+ await sbWriteFile(cssFileOutPath, new CleanCSS().minify(css).styles);
+
+ const index = await sbReadFile(indexFileInOutPath);
+ const cssLink = ``;
+ const cssLinkReplacement = ``;
+
+ await sbWriteFile(indexFileInOutPath, index.replace(cssLink, cssLinkReplacement));
+}
+
+start();
diff --git a/src/index.ts b/src/index.ts
new file mode 100644
index 0000000..1a7d643
--- /dev/null
+++ b/src/index.ts
@@ -0,0 +1,21 @@
+import * as path from "path";
+import { IndexPage } from "./pages/index";
+import { sbReadFile, sbWriteFile } from "./shared/files";
+import { PAGEICON, PAGETITLE } from "./variables";
+
+const indexFileInPath = path.join(__dirname, "../", "index.html");
+const indexFileOutPath = path.join(__dirname, "../", "./public", "index.html");
+
+async function start(): Promise {
+ const index = await sbReadFile(indexFileInPath);
+
+ const newText = IndexPage({ icon: PAGEICON, title: PAGETITLE });
+ const rootDiv = '';
+ const rootDivReplacement = '
-
-);
diff --git a/src/pages/index.tsx b/src/pages/index.ts
similarity index 69%
rename from src/pages/index.tsx
rename to src/pages/index.ts
index f9863d6..f871f6c 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.ts
@@ -1,4 +1,3 @@
-import React from "react";
import { Header } from "../components/header";
import { ServiceCatalogList } from "../components/service-catalogs";
import userServicesOld from "../config.json";
@@ -12,8 +11,9 @@ interface IProps {
icon?: string;
}
-export const IndexPage: React.FunctionComponent = ({ icon, title }) => {
- const mySerices = (is.null(userServicesOld) ? userServices : userServicesOld) as IServiceCatalog[];
+export const IndexPage = function (props: IProps): string {
+ const { icon, title } = props;
+ const myServices = (is.null(userServicesOld) ? userServices : userServicesOld) as IServiceCatalog[];
let headerClassName = "p-4";
@@ -45,18 +45,21 @@ export const IndexPage: React.FunctionComponent = ({ icon, title }) => {
serviceCatalogListWrapperClassName += " min-h-screen";
}
- return (
-
-
- {catalogs.map((catalog, index) => (
-
{catalog.category}
-${catalog.category}
+ ${Services({ services: catalog.services })}-
+ ${services.map((service, index) => Service({ index, service })).join("")}
+
+
+ + ${Anchor({ uri, newWindow, children: name })} +
+ ${ + !is.null(description) && + ` ++ ${Anchor({ uri, newWindow, children: description })} +
+ ` + } +-
- {services.map((service, index) => (
-
-
-
- {!is.null(description) && (
-
-
-
- {name}
-
-
- {!is.null(description) && (
-
-
$1
';
+
+ const newIndex = index.replace(rootDiv, rootDivReplacement.replace("$1", newText));
+
+ await sbWriteFile(indexFileOutPath, newIndex);
+}
+
+start();
diff --git a/src/main.tsx b/src/main.tsx
deleted file mode 100644
index 1179b26..0000000
--- a/src/main.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import React from "react";
-import ReactDOM from "react-dom/client";
-import { IndexPage } from "./pages";
-import "./tailwind.css";
-import { PAGEICON, PAGETITLE } from "./variables";
-
-ReactDOM.createRoot(document.getElementById("root") as HTMLElement).render(
-
-
- {SHOWHEADER && (
-
-
+ {
+ return new Promise(async (resolve, reject) => {
+ try {
+ const index = await fs.readFile(fileName);
+
+ return resolve(index.toString());
+ } catch (exception) {
+ console.error(`Could not read file: ${fileName}`);
+ reject(exception);
+ }
+ });
+}
+
+export async function sbWriteFile(fileName: string, contents: string): Promise {
+ return new Promise(async (resolve, reject) => {
+ try {
+ await fs.writeFile(fileName, contents);
+ return resolve(true);
+ } catch (exception) {
+ console.error(`Could not write file: ${fileName}`);
+ reject(exception);
+ }
+ });
+}
+
+export async function sbRename(fileNameOld: string, fileNameNew: string): Promise {
+ return new Promise(async (resolve, reject) => {
+ try {
+ await fs.rename(fileNameOld, fileNameNew);
+ return resolve(true);
+ } catch (exception) {
+ console.error(`Could not rename file: ${fileNameOld} to ${fileNameNew}`);
+ reject(exception);
+ }
+ });
+}
+
+export async function sbMakeFolder(path: string): Promise {
+ return new Promise(async (resolve, reject) => {
+ try {
+ await fs.mkdir(path, { recursive: true });
+ return resolve(true);
+ } catch (exception) {
+ console.error(`Could not make folder: ${path}`, exception);
+ reject(exception);
+ }
+ });
+}
+
+export async function sbRemoveAllCSS(path: string): Promise {
+ return new Promise(async (resolve, reject) => {
+ try {
+ await fs.rm(path, {
+ recursive: true,
+ force: true,
+ });
+ return resolve(true);
+ } catch (exception) {
+ console.error(`Could not remove all CSS from path: ${path}`);
+ reject(exception);
+ }
+ });
+}
diff --git a/src/vite-env.d.ts b/src/vite-env.d.ts
deleted file mode 100644
index 11f02fe..0000000
--- a/src/vite-env.d.ts
+++ /dev/null
@@ -1 +0,0 @@
-///
+ ${
+ SHOWHEADER &&
+ `
+
- );
+ `;
};
diff --git a/src/shared/files.ts b/src/shared/files.ts
new file mode 100644
index 0000000..76b32e2
--- /dev/null
+++ b/src/shared/files.ts
@@ -0,0 +1,65 @@
+import * as fs from "fs/promises";
+
+export async function sbReadFile(fileName: string): Promise
+ ${Header({ icon, title })}
- )}
-
-
+ ${ServiceCatalogList({ catalogs: myServices })}