refactor: Head are not single components

Author: gerardnico

src/resources/components/heads/HeadBase.tsx

@@ -0,0 +1,22 @@
+import {getInteractConfig} from "@combostrap/interact/config";
+import type {LayoutProps} from "@combostrap/interact/types";
+
+/**
+ * Head base meta
+ * Relative path and anchor links in the page are
+ * calculated by the browser relative to the path name of this URL
+ *
+ * In the root, we need to add a slash otherwise the relative path is calculated
+ * against the parent path (if there is a base, there is another parent)
+ *
+ * ie <base href="/reference/component/">
+ * works across domains because it's domain-agnostic — it always resolves relative to wherever the site is hosted.
+ */
+// noinspection JSUnusedLocalSymbols
+export default function HeadBase({context}: LayoutProps) {
+    const interactConfig = getInteractConfig();
+    let baseHeadURL = (interactConfig.site.base != "/" ? interactConfig.site.base : "") + context.url.pathname;
+    return (
+        <base href={baseHeadURL}/>
+    )
+}

src/resources/components/heads/HeadPageElements.tsx

@@ -0,0 +1,6 @@
+import type {LayoutProps} from "@combostrap/interact/types";
+
+// noinspection JSUnusedLocalSymbols
+export default function HeadPageElements({page}: LayoutProps) {
+    return page.headElements;
+}

src/resources/components/heads/HeadTitle.tsx

@@ -1,8 +1,8 @@
-import type {HeadProps} from "@/components/partials/Head";
 import {getInteractConfig} from "../../../interact/config/interactConfig";
+import type {LayoutProps} from "@combostrap/interact/types";
 
 // noinspection JSUnusedLocalSymbols,JSUnusedGlobalSymbols
-export default function HeadTitle({page, context}: HeadProps) {
+export default function HeadTitle({page, context}: LayoutProps) {
 
     const interactConfig = getInteractConfig();
     let frontmatter = page?.frontmatter;

src/resources/components/heads/LinkAlternateMarkdown.tsx

@@ -0,0 +1,13 @@
+import type {LayoutProps} from "@combostrap/interact/types";
+
+/**
+ * The markdown alternate version
+ * (URL Path name should have already the base)
+ */
+// noinspection JSUnusedLocalSymbols
+export default function LinkAlternateMarkdown({context}: LayoutProps) {
+    let markdownAlternateHref = context.url.pathname.endsWith("/") ? context.url.pathname + "index.md" : context.url.pathname + ".md"
+    return (
+        <link rel="alternate" type="text/markdown" href={markdownAlternateHref}/>
+    )
+}

src/resources/components/heads/LinkFavicons.tsx

@@ -0,0 +1,26 @@
+import {getInteractConfig} from "@combostrap/interact/config";
+
+// noinspection JSUnusedLocalSymbols
+export default function LinkFavicons() {
+    const interactConfig = getInteractConfig();
+    if (!interactConfig.site.favicons) {
+        return;
+    }
+    return (
+        <>
+            {Object.entries(interactConfig.site.favicons).map(([faviconPath, faviconProperties], index) => {
+                if (!faviconProperties) {
+                    return;
+                }
+                return (
+                    <link key={index}
+                          rel={faviconProperties.rel}
+                          href={faviconProperties.image?.href ? faviconProperties.image.href : `/${faviconPath}`}
+                          type={faviconProperties.image?.type}
+                          sizes={faviconProperties.image?.width && faviconProperties.image?.height ? `${faviconProperties.image.width}x${faviconProperties.image.height}` : ''}
+                    />
+                )
+            })}
+        </>
+    )
+}

src/resources/components/heads/LinkManifest.tsx

@@ -0,0 +1,12 @@
+import {getInteractConfig} from "@combostrap/interact/config";
+
+// noinspection JSUnusedLocalSymbols
+export default function LinkManifest() {
+    const interactConfig = getInteractConfig();
+    if (!interactConfig.site.manifest) {
+        return;
+    }
+    return (
+        <link rel="manifest" href={interactConfig.site.manifest}/>
+    )
+}

src/resources/components/heads/MetaDescription.tsx

@@ -0,0 +1,12 @@
+import type {LayoutProps} from "@combostrap/interact/types";
+
+// noinspection JSUnusedLocalSymbols
+export default function MetaDescription({page}: LayoutProps) {
+    let description = page?.frontmatter?.description;
+    if (!description) {
+        return;
+    }
+    return (
+        <meta name="description" content={description}/>
+    )
+}

src/resources/components/heads/MetaGenerator.tsx

@@ -0,0 +1,7 @@
+
+// noinspection JSUnusedLocalSymbols
+export default function MetaGenerator() {
+    return (
+        <meta name="generator" content="Interact"/>
+    )
+}

src/resources/components/heads/MetaKeywords.tsx

@@ -0,0 +1,12 @@
+import type {LayoutProps} from "@combostrap/interact/types";
+
+// noinspection JSUnusedLocalSymbols
+export default function MetaKeywords({page}: LayoutProps) {
+    let keyWords = page?.frontmatter?.keyWords;
+    if (!keyWords) {
+        return;
+    }
+    return (
+        <meta name="keywords" content={keyWords}/>
+    )
+}

src/resources/components/heads/MetaLastModified.tsx

@@ -1,10 +1,10 @@
-import type {HeadProps} from "@/components/partials/Head";
+import type {LayoutProps} from "@combostrap/interact/types";
 
 /**
  * Last modified
  */
 // noinspection JSUnusedLocalSymbols,JSUnusedGlobalSymbols
-export default function MetaLastModified({context}: HeadProps) {
+export default function MetaLastModified({context}: LayoutProps) {
     if (context.meta.lastModifiedPage == null) {
         return;
     }