Update date formats to include timezone offset for lymphoma entries and enhance date display in components

- Modified date formats in multiple markdown files to include timezone offset (-04:00).
- Added a new markdown entry for the first day of the first cycle of K-GEMOX treatment.
- Refactored date handling in Svelte components to utilize a new PostDate component for consistent date formatting.

Author: rmariuzzo

package-lock.json

@@ -62,8 +62,7 @@
     "yargs-parser": "^22.0.0"
   },
   "overrides": {
-    "cookie": "^1.0.0",
-    "js-yaml": "^4.2.0"
+    "cookie": "^1.0.0"
   },
   "lint-staged": {
     "*.{ts,js,svelte,md}": "prettier --write"

package.json

@@ -0,0 +1,42 @@
+<script lang="ts">
+  import { onMount } from 'svelte'
+
+  let { date }: { date: string } = $props()
+
+  const AUTHOR_TZ = 'America/Santo_Domingo'
+
+  const parsedDate = $derived(new Date(date))
+
+  const ssrFormatted = $derived(
+    new Intl.DateTimeFormat('en-US', {
+      year: 'numeric',
+      month: 'long',
+      day: 'numeric',
+      timeZone: AUTHOR_TZ
+    }).format(parsedDate)
+  )
+
+  let clientFormatted = $state<string | null>(null)
+  let clientTooltip = $state<string | null>(null)
+
+  onMount(() => {
+    clientFormatted = new Intl.DateTimeFormat(undefined, {
+      year: 'numeric',
+      month: 'long',
+      day: 'numeric'
+    }).format(parsedDate)
+
+    clientTooltip = new Intl.DateTimeFormat(undefined, {
+      year: 'numeric',
+      month: 'long',
+      day: 'numeric',
+      hour: 'numeric',
+      minute: '2-digit',
+      timeZoneName: 'long'
+    }).format(parsedDate)
+  })
+</script>
+
+<time datetime={date} title={clientTooltip ?? undefined}
+  >{clientFormatted ?? ssrFormatted}</time
+>

src/lib/components/PostDate.svelte

@@ -9,13 +9,15 @@
     description = '',
     image = { src: '/images/icon.png', width: 1040, height: 1040 },
     breadcrumbs = [],
-    noIndex = false
+    noIndex = false,
+    publishedTime
   }: {
     title: string
     description?: string
     image?: Image
     breadcrumbs?: Breadcrumb[]
     noIndex?: boolean
+    publishedTime?: string
   } = $props()
 
   const metaDescription = $derived(description || site.description)
@@ -48,7 +50,10 @@
   <meta name="keywords" content={site.keywords.join(',')} />
   <meta property="og:title" content={title} />
   <meta property="og:description" content={metaDescription} />
-  <meta property="og:type" content="website" />
+  <meta property="og:type" content={publishedTime ? 'article' : 'website'} />
+  {#if publishedTime}
+    <meta property="article:published_time" content={publishedTime} />
+  {/if}
   <meta name="twitter:creator" content={site.author} />
   <meta name="twitter:title" content={title} />
   <meta name="twitter:description" content={metaDescription} />

src/lib/components/SEO.svelte

@@ -1,5 +1,5 @@
 ---
-date: 2017-08-18T11:47:25.000
+date: 2017-08-18T11:47:25.000-04:00
 title: 'Guide: creating a NodeJS command-line package'
 slug: /code/guide-create-a-node-js-command-line-package
 ---

src/lib/date.ts

@@ -1,5 +1,5 @@
 ---
-date: 2020-11-13T09:30:00.000
+date: 2020-11-13T09:30:00.000-04:00
 title: 'Remove old node modules to claim space'
 slug: /code/remove-old-node-modules-directories
 ---

src/markdown/code/guide-node-cli-package.md

@@ -1,5 +1,5 @@
 ---
-date: 2015-09-01T04:00:00.000
+date: 2015-09-01T04:00:00.000-04:00
 title: 'A small ball'
 chapter: 1
 slug: /lymphoma/2015-09-01

src/markdown/code/snippet-remove-old-node-modules.md

@@ -1,5 +1,5 @@
 ---
-date: 2016-03-03T05:00:00.000
+date: 2016-03-03T05:00:00.000-04:00
 title: 'Otorhinolaryngologist appointment'
 chapter: 1
 slug: /lymphoma/2016-03-03

src/markdown/lymphoma/2015-09-01.md

@@ -1,5 +1,5 @@
 ---
-date: 2016-03-04T05:00:00.000
+date: 2016-03-04T05:00:00.000-04:00
 title: 'Friday, March 4, 2016'
 chapter: 1
 slug: /lymphoma/2016-03-04