From 806699d478c0ab3a2b0e960c7a3bccd3b92f75ba Mon Sep 17 00:00:00 2001
From: Steph <35910788+huynhicode@users.noreply.github.com>
Date: Fri, 6 Sep 2024 08:20:05 -0700
Subject: [PATCH 1/8] add product hunt badge to navbar

---
 src/lib/components/Navbar.svelte | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/src/lib/components/Navbar.svelte b/src/lib/components/Navbar.svelte
index 37a16b7b..83f19983 100644
--- a/src/lib/components/Navbar.svelte
+++ b/src/lib/components/Navbar.svelte
@@ -89,6 +89,17 @@
     <span class="text-lg font-bold">
       <a href="/">Mermaid<span class="text-xs font-thin">v{version}</span> Live Editor</a>
     </span>
+    <span class="ml-4">
+      <a
+        href="https://www.producthunt.com/products/mermaid-chart?utm_source=badge-follow&utm_medium=badge&utm_souce=badge-mermaid&#0045;chart"
+        target="_blank"
+        ><img
+          src="https://api.producthunt.com/widgets/embed-image/v1/follow.svg?product_id=552855&theme=light&size=small"
+          alt="Mermaid&#0032;Chart - A&#0032;smarter&#0032;way&#0032;to&#0032;create&#0032;diagrams | Product Hunt"
+          style="width: 86px; height: 32px;"
+          width="86"
+          height="32" /></a>
+    </span>
   </div>
 
   <label

From 3b0fae39c918eeeef78bd1ab083765305b3f03df Mon Sep 17 00:00:00 2001
From: Steph <35910788+huynhicode@users.noreply.github.com>
Date: Thu, 3 Oct 2024 01:50:54 -0700
Subject: [PATCH 2/8] add and update product hunt promo for whiteboard

---
 src/lib/components/Navbar.svelte | 26 +++++++++++++++++---------
 1 file changed, 17 insertions(+), 9 deletions(-)

diff --git a/src/lib/components/Navbar.svelte b/src/lib/components/Navbar.svelte
index 83f19983..ca513450 100644
--- a/src/lib/components/Navbar.svelte
+++ b/src/lib/components/Navbar.svelte
@@ -89,17 +89,25 @@
     <span class="text-lg font-bold">
       <a href="/">Mermaid<span class="text-xs font-thin">v{version}</span> Live Editor</a>
     </span>
-    <span class="ml-4">
+    <div class="ml-8 flex items-center gap-4">
       <a
-        href="https://www.producthunt.com/products/mermaid-chart?utm_source=badge-follow&utm_medium=badge&utm_souce=badge-mermaid&#0045;chart"
+        href="https://www.producthunt.com/posts/mermaid-whiteboard"
         target="_blank"
-        ><img
-          src="https://api.producthunt.com/widgets/embed-image/v1/follow.svg?product_id=552855&theme=light&size=small"
-          alt="Mermaid&#0032;Chart - A&#0032;smarter&#0032;way&#0032;to&#0032;create&#0032;diagrams | Product Hunt"
-          style="width: 86px; height: 32px;"
-          width="86"
-          height="32" /></a>
-    </span>
+        class="decoration font-semibold underline decoration-orange-500 decoration-2 underline-offset-4">
+        We're live on Product Hunt!
+      </a>
+      <span>
+        <a
+          href="https://www.producthunt.com/posts/mermaid-whiteboard?embed=true&utm_source=badge-featured&utm_medium=badge&utm_souce=badge-mermaid&#0045;whiteboard"
+          target="_blank"
+          ><img
+            src="https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=486720&theme=light"
+            alt="Mermaid&#0032;Whiteboard - Drag&#0032;&#0038;&#0032;Drop&#0032;your&#0032;Nodes&#0032;with&#0032;Mermaid&#0039;s&#0032;new&#0032;Whiteboard&#0033; | Product Hunt"
+            style="width: 150px; height: 54px;"
+            width="250"
+            height="54" /></a>
+      </span>
+    </div>
   </div>
 
   <label

From 6bdabf93256150aa0853d61b57ec3c71338c87c4 Mon Sep 17 00:00:00 2001
From: Steph <35910788+huynhicode@users.noreply.github.com>
Date: Mon, 21 Oct 2024 23:32:40 -0700
Subject: [PATCH 3/8] remove product hunt promo

---
 src/lib/components/Navbar.svelte | 19 -------------------
 1 file changed, 19 deletions(-)

diff --git a/src/lib/components/Navbar.svelte b/src/lib/components/Navbar.svelte
index 1290591c..8316c419 100644
--- a/src/lib/components/Navbar.svelte
+++ b/src/lib/components/Navbar.svelte
@@ -97,25 +97,6 @@
     <span class="text-lg font-bold">
       <a href="/">Mermaid<span class="text-xs font-thin">v{version}</span> Live Editor</a>
     </span>
-    <div class="ml-8 flex items-center gap-4">
-      <a
-        href="https://www.producthunt.com/posts/mermaid-whiteboard"
-        target="_blank"
-        class="decoration font-semibold underline decoration-orange-500 decoration-2 underline-offset-4">
-        We're live on Product Hunt!
-      </a>
-      <span>
-        <a
-          href="https://www.producthunt.com/posts/mermaid-whiteboard?embed=true&utm_source=badge-featured&utm_medium=badge&utm_souce=badge-mermaid&#0045;whiteboard"
-          target="_blank"
-          ><img
-            src="https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=486720&theme=light"
-            alt="Mermaid&#0032;Whiteboard - Drag&#0032;&#0038;&#0032;Drop&#0032;your&#0032;Nodes&#0032;with&#0032;Mermaid&#0039;s&#0032;new&#0032;Whiteboard&#0033; | Product Hunt"
-            style="width: 150px; height: 54px;"
-            width="250"
-            height="54" /></a>
-      </span>
-    </div>
   </div>
 
   <label

From 98cbcf1abeb7b5a9ee5731aedd286948867da0e0 Mon Sep 17 00:00:00 2001
From: Steph <35910788+huynhicode@users.noreply.github.com>
Date: Tue, 22 Oct 2024 00:07:40 -0700
Subject: [PATCH 4/8] update taglines

---
 src/lib/util/promos/October2024.svelte | 55 ++++++++++++++++++++++++++
 src/lib/util/promos/promo.ts           |  9 ++++-
 2 files changed, 63 insertions(+), 1 deletion(-)
 create mode 100644 src/lib/util/promos/October2024.svelte

diff --git a/src/lib/util/promos/October2024.svelte b/src/lib/util/promos/October2024.svelte
new file mode 100644
index 00000000..cca33f8a
--- /dev/null
+++ b/src/lib/util/promos/October2024.svelte
@@ -0,0 +1,55 @@
+<script lang="ts">
+  import { onDestroy } from 'svelte';
+  import { fade } from 'svelte/transition';
+
+  interface Taglines {
+    label: string;
+    url: string;
+  }
+
+  const taglines: Taglines[] = [
+    {
+      label: 'Explore the Mermaid Whiteboard from the creators of Mermaid',
+      url: 'https://docs.mermaidchart.com/guides/whiteboard?utm_source=mermaid_live_editor&utm_medium=banner_ad&utm_campaign=whiteboard'
+    },
+    {
+      label: 'Use the Visual Editor in Mermaid Chart to design and build diagrams',
+      url: 'https://www.mermaidchart.com/play?utm_source=mermaid_live_editor&utm_medium=banner_ad&utm_campaign=visual_editor'
+    },
+    {
+      label: 'Diagram live with teammates in Mermaid Chart',
+      url: 'https://www.mermaidchart.com/play?utm_source=mermaid_live_editor&utm_medium=banner_ad&utm_campaign=teams'
+    },
+    {
+      label: 'Replace ChatGPT Pro, Mermaid.live, and LucidChart with Mermaid Pro',
+      url: 'https://www.mermaidchart.com/play?utm_source=mermaid_live_editor&utm_medium=banner_ad&utm_campaign=AIbundle'
+    }
+  ];
+
+  let index = Math.floor(Math.random() * taglines.length);
+  let currentTagline = taglines[index];
+
+  const interval = setInterval(() => {
+    index = (index + 1) % taglines.length;
+    currentTagline = taglines[index];
+  }, 40_000);
+
+  onDestroy(() => {
+    clearInterval(interval);
+  });
+</script>
+
+<div class="grid w-full">
+  {#key currentTagline}
+    <a
+      href={currentTagline.url}
+      target="_blank"
+      class="col-start-1 row-start-1 flex items-center justify-center gap-4 no-underline"
+      in:fade={{ delay: 750 }}
+      out:fade={{ duration: 1000 }}>
+      <span class="text-sm tracking-wider">{currentTagline.label}</span>
+      <button class="rounded bg-[#111113] p-1 px-2 text-sm font-semibold tracking-wide"
+        >Try now</button>
+    </a>
+  {/key}
+</div>
diff --git a/src/lib/util/promos/promo.ts b/src/lib/util/promos/promo.ts
index 98ed7fec..d58536c4 100644
--- a/src/lib/util/promos/promo.ts
+++ b/src/lib/util/promos/promo.ts
@@ -1,6 +1,7 @@
 import { writable, type Writable, get } from 'svelte/store';
 import { persist, localStorage } from '../persist';
 import August2024 from './August2024.svelte';
+import October2024 from './October2024.svelte';
 import { env } from '$lib/util/env';
 
 interface Promotion {
@@ -14,8 +15,14 @@ const promotions: Promotion[] = [
   {
     id: 'promo-2024',
     startDate: new Date('2024-08-01'),
-    endDate: new Date('2024-12-31'),
+    endDate: new Date('2024-10-20'),
     component: August2024
+  },
+  {
+    id: 'promo-october-2024',
+    startDate: new Date('2024-10-21'),
+    endDate: new Date('2024-12-31'),
+    component: October2024
   }
 ];
 

From 76c937a878a1a86d1f305c324027145d5ac52a03 Mon Sep 17 00:00:00 2001
From: Steph <35910788+huynhicode@users.noreply.github.com>
Date: Tue, 22 Oct 2024 00:12:07 -0700
Subject: [PATCH 5/8] update dates

---
 src/lib/util/promos/promo.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/lib/util/promos/promo.ts b/src/lib/util/promos/promo.ts
index d58536c4..a7b865a3 100644
--- a/src/lib/util/promos/promo.ts
+++ b/src/lib/util/promos/promo.ts
@@ -15,12 +15,12 @@ const promotions: Promotion[] = [
   {
     id: 'promo-2024',
     startDate: new Date('2024-08-01'),
-    endDate: new Date('2024-10-20'),
+    endDate: new Date('2024-10-21'),
     component: August2024
   },
   {
     id: 'promo-october-2024',
-    startDate: new Date('2024-10-21'),
+    startDate: new Date('2024-10-22'),
     endDate: new Date('2024-12-31'),
     component: October2024
   }

From 659e82e9ae950e04adb83c04690c780cbbe4b2ba Mon Sep 17 00:00:00 2001
From: Steph <35910788+huynhicode@users.noreply.github.com>
Date: Tue, 22 Oct 2024 07:35:08 -0700
Subject: [PATCH 6/8] remove august promo

---
 src/lib/util/promos/August2024.svelte | 51 ---------------------------
 src/lib/util/promos/promo.ts          |  7 ----
 2 files changed, 58 deletions(-)
 delete mode 100644 src/lib/util/promos/August2024.svelte

diff --git a/src/lib/util/promos/August2024.svelte b/src/lib/util/promos/August2024.svelte
deleted file mode 100644
index ea734bf4..00000000
--- a/src/lib/util/promos/August2024.svelte
+++ /dev/null
@@ -1,51 +0,0 @@
-<script lang="ts">
-  import { onDestroy } from 'svelte';
-  import { fade } from 'svelte/transition';
-
-  interface Taglines {
-    label: string;
-    url: string;
-  }
-
-  const taglines: Taglines[] = [
-    {
-      label: 'Use the Visual Editor in Mermaid Chart to design and build diagrams',
-      url: 'https://www.mermaidchart.com/landing?utm_source=mermaid_live_editor&utm_medium=banner_ad&utm_campaign=visual_editor'
-    },
-    {
-      label: 'Diagram live with teammates in Mermaid Chart',
-      url: 'https://www.mermaidchart.com/landing?utm_source=mermaid_live_editor&utm_medium=banner_ad&utm_campaign=teams'
-    },
-    {
-      label: 'Skip the rough draft with Mermaid AI in Mermaid Chart',
-      url: 'https://www.mermaidchart.com/mermaid-ai?utm_source=mermaid_live_editor&utm_medium=banner_ad&utm_campaign=mermaid_ai'
-    }
-  ];
-
-  let index = Math.floor(Math.random() * taglines.length);
-  let currentTagline = taglines[index];
-
-  const interval = setInterval(() => {
-    index = (index + 1) % taglines.length;
-    currentTagline = taglines[index];
-  }, 60_000);
-
-  onDestroy(() => {
-    clearInterval(interval);
-  });
-</script>
-
-<div class="grid w-full">
-  {#key currentTagline}
-    <a
-      href={currentTagline.url}
-      target="_blank"
-      class="col-start-1 row-start-1 flex items-center justify-center gap-4 no-underline"
-      in:fade={{ delay: 750 }}
-      out:fade={{ duration: 1000 }}>
-      <span class="text-sm tracking-wider">{currentTagline.label}</span>
-      <button class="rounded bg-[#111113] p-1 px-2 text-sm font-semibold tracking-wide"
-        >Try it now</button>
-    </a>
-  {/key}
-</div>
diff --git a/src/lib/util/promos/promo.ts b/src/lib/util/promos/promo.ts
index a7b865a3..851cb761 100644
--- a/src/lib/util/promos/promo.ts
+++ b/src/lib/util/promos/promo.ts
@@ -1,6 +1,5 @@
 import { writable, type Writable, get } from 'svelte/store';
 import { persist, localStorage } from '../persist';
-import August2024 from './August2024.svelte';
 import October2024 from './October2024.svelte';
 import { env } from '$lib/util/env';
 
@@ -12,12 +11,6 @@ interface Promotion {
 }
 
 const promotions: Promotion[] = [
-  {
-    id: 'promo-2024',
-    startDate: new Date('2024-08-01'),
-    endDate: new Date('2024-10-21'),
-    component: August2024
-  },
   {
     id: 'promo-october-2024',
     startDate: new Date('2024-10-22'),

From cfdb4fbf61d840b10d91c05103aced99981ea273 Mon Sep 17 00:00:00 2001
From: Steph <35910788+huynhicode@users.noreply.github.com>
Date: Wed, 30 Oct 2024 09:20:01 -0700
Subject: [PATCH 7/8] update whiteboard tagline

---
 src/lib/util/promos/October2024.svelte | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/lib/util/promos/October2024.svelte b/src/lib/util/promos/October2024.svelte
index cca33f8a..913fd73e 100644
--- a/src/lib/util/promos/October2024.svelte
+++ b/src/lib/util/promos/October2024.svelte
@@ -10,7 +10,7 @@
   const taglines: Taglines[] = [
     {
       label: 'Explore the Mermaid Whiteboard from the creators of Mermaid',
-      url: 'https://docs.mermaidchart.com/guides/whiteboard?utm_source=mermaid_live_editor&utm_medium=banner_ad&utm_campaign=whiteboard'
+      url: 'https://www.mermaidchart.com/whiteboard?utm_source=mermaid_live_editor&utm_medium=banner_ad&utm_campaign=whiteboard'
     },
     {
       label: 'Use the Visual Editor in Mermaid Chart to design and build diagrams',

From 3e3a0162bf9cfde4093f6989774b3ec2812ba499 Mon Sep 17 00:00:00 2001
From: Sidharth Vinod <sidharthv96@gmail.com>
Date: Fri, 8 Nov 2024 22:46:54 +0530
Subject: [PATCH 8/8] fix: Add fallback for state

---
 src/lib/util/state.ts | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/lib/util/state.ts b/src/lib/util/state.ts
index 0af19b89..69e6f190 100644
--- a/src/lib/util/state.ts
+++ b/src/lib/util/state.ts
@@ -124,6 +124,9 @@ export const loadState = (data: string): void => {
   console.log(`Loading '${data}'`);
   try {
     state = deserializeState(data);
+    if (!state.mermaid) {
+      state.mermaid = defaultState.mermaid;
+    }
     const mermaidConfig: MermaidConfig =
       typeof state.mermaid === 'string'
         ? (JSON.parse(state.mermaid) as MermaidConfig)