From c05eb632ddedaa03c9d2deae1260084d77991846 Mon Sep 17 00:00:00 2001
From: Adam Matthiesen <amatthiesen@outlook.com>
Date: Tue, 20 Feb 2024 01:41:07 -0800
Subject: [PATCH] more progress and its working

---
 .../src/components/Metadata.astro             | 18 +++++++++++---
 .../src/overrides/SiteTitle.astro             | 24 ++++++++++---------
 .../starlight-ghostcms/src/routes/index.astro | 14 +++++++++++
 .../starlight-ghostcms/src/schemas/config.ts  |  4 ++++
 .../src/utils/api/api-functions.ts            | 10 ++++++--
 .../src/pages/testslug/index.astro            |  4 ----
 6 files changed, 54 insertions(+), 20 deletions(-)
 delete mode 100644 starlight-playground/src/pages/testslug/index.astro

diff --git a/packages/starlight-ghostcms/src/components/Metadata.astro b/packages/starlight-ghostcms/src/components/Metadata.astro
index 792ca8f4..f3de8cba 100644
--- a/packages/starlight-ghostcms/src/components/Metadata.astro
+++ b/packages/starlight-ghostcms/src/components/Metadata.astro
@@ -1,5 +1,4 @@
 ---
-
 import type { Post } from '../schemas/posts'
 import Author from './Author.astro'
 
@@ -10,12 +9,25 @@ interface Props {
 const { entry } = Astro.props
 const { authors, published_at, created_at } = entry
 
+const dateC = new Date(published_at?published_at:created_at)
+const dateISO = dateC.toISOString()
+const dateLocal = dateC
+  .toLocaleDateString( 
+    "en-US", { 
+      year: 'numeric', 
+      month: 'long',
+      day: 'numeric', 
+      hour: '2-digit', 
+      minute: '2-digit' 
+    }
+  )
+
 const hasAuthors = authors !== undefined
 ---
 
 <div class="metadata not-content">
-  <time datetime={published_at?published_at:created_at.toString()}>
-    {published_at}
+  <time datetime={dateISO}>
+    {dateLocal}
   </time>
   {
     hasAuthors ? (
diff --git a/packages/starlight-ghostcms/src/overrides/SiteTitle.astro b/packages/starlight-ghostcms/src/overrides/SiteTitle.astro
index 54e3f4e9..3f5dd01a 100644
--- a/packages/starlight-ghostcms/src/overrides/SiteTitle.astro
+++ b/packages/starlight-ghostcms/src/overrides/SiteTitle.astro
@@ -1,26 +1,28 @@
 ---
 import type { Props } from "@astrojs/starlight/props";
 import AstrolightSiteTitle from "@astrojs/starlight/components/SiteTitle.astro";
-//import config from 'virtual:starlight-ghost-config'
+import config from 'virtual:starlight-ghost-config'
 ---
 
 <AstrolightSiteTitle {...Astro.props} />
 <div>
-    <a href="/blog">Blog</a>
+    <a href="/blog">{config.title}</a>
 </div>
 
 <style>
-    div {
+	div {
+		align-items: center;
+		gap: var(--sl-nav-gap);
+		font-size: var(--sl-text-h4);
+		font-weight: 600;
+		color: var(--sl-color-text-accent);
+		text-decoration: none;
+		white-space: nowrap;
+        margin-left: 1rem;
         border-inline-start: 1px solid var(--sl-color-gray-5);
-        display: none;
+        display: flex;
         padding-inline-start: 1rem;
-    }
-  
-    @media (min-width: 50rem) {
-        div {
-            display: flex;
-        }
-    }
+	}
   
     a {
         color: var(--sl-color-text-accent);
diff --git a/packages/starlight-ghostcms/src/routes/index.astro b/packages/starlight-ghostcms/src/routes/index.astro
index 6d3ab59c..a7ed6c2d 100644
--- a/packages/starlight-ghostcms/src/routes/index.astro
+++ b/packages/starlight-ghostcms/src/routes/index.astro
@@ -18,6 +18,9 @@ const pageProps = getPageProps(config.title)
 ---
 
 <Page {...pageProps}>
+  {config.supportGhost && (
+    <div id="pghost">Powered by <a href="https://ghost.org">Ghost</a></div>
+  )}
   <Posts {entries} />
   <footer class="not-content">
     <!--PrevNextLinks next={nextLink} prev={prevLink} /-->
@@ -32,4 +35,15 @@ const pageProps = getPageProps(config.title)
   :global(.content-panel:nth-of-type(2)) {
     border-top: none;
   }
+
+  #pghost {
+    color: gray;
+    margin-top: -1rem;
+    margin-bottom: -0.5rem;
+  }
+  #pghost a {
+    color: gray;
+  }
+
+
 </style>
\ No newline at end of file
diff --git a/packages/starlight-ghostcms/src/schemas/config.ts b/packages/starlight-ghostcms/src/schemas/config.ts
index cd0a7b89..0421a092 100644
--- a/packages/starlight-ghostcms/src/schemas/config.ts
+++ b/packages/starlight-ghostcms/src/schemas/config.ts
@@ -15,6 +15,10 @@ const configSchema = z
      * The title of the blog.
      */
     title: z.string().default('Blog'),
+    /**
+     * Turn on and off "Powered by Ghost" 
+     */
+    supportGhost: z.boolean().default(true),
   })
   .default({})
 
diff --git a/packages/starlight-ghostcms/src/utils/api/api-functions.ts b/packages/starlight-ghostcms/src/utils/api/api-functions.ts
index 217d57a9..57fa7b7f 100644
--- a/packages/starlight-ghostcms/src/utils/api/api-functions.ts
+++ b/packages/starlight-ghostcms/src/utils/api/api-functions.ts
@@ -11,8 +11,14 @@ const { CONTENT_API_KEY, CONTENT_API_URL } = loadEnv(
 	"CONTENT_",
 );
 
-invariant(CONTENT_API_KEY)
-invariant(CONTENT_API_URL)
+invariant(
+	CONTENT_API_KEY, 
+	"CONTENT_API_KEY Missing from .env"
+	)
+invariant(
+	CONTENT_API_URL,  
+	"CONTENT_API_URL Missing from .env"
+	)
 
 const key:ContentAPICredentials["key"] = CONTENT_API_KEY;
 const url:ContentAPICredentials["url"] = CONTENT_API_URL;
diff --git a/starlight-playground/src/pages/testslug/index.astro b/starlight-playground/src/pages/testslug/index.astro
deleted file mode 100644
index 55752a14..00000000
--- a/starlight-playground/src/pages/testslug/index.astro
+++ /dev/null
@@ -1,4 +0,0 @@
----
-console.log(Astro.url.pathname)
----
-hi
\ No newline at end of file