From 6472ec0e396b4764f6e257bdcdf2073a8836bea1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Som=C4=93=20Cho?= <itssomicho@gmail.com>
Date: Sat, 27 May 2023 16:49:04 +0200
Subject: [PATCH 1/3] add changelog to editor site (#41)

* fix tags

* adjust h3 margins
---
 src/App.jsx                | 7 +++++++
 src/components/Article.jsx | 6 +++---
 src/components/NavBar.jsx  | 5 +++++
 3 files changed, 15 insertions(+), 3 deletions(-)

diff --git a/src/App.jsx b/src/App.jsx
index bb0a454..de77b6c 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -8,6 +8,7 @@ import { useState } from 'react'
 const App = () => {
 	const [about, setAbout] = useState("")
 	const [tutorial, setTutorial] = useState("")
+	const [changelog, setChangelog] = useState("")
 
 	import("./pages/about.md").then(res => {
 		fetch(res.default)
@@ -19,6 +20,11 @@ const App = () => {
 			.then(res => res.text())
 			.then(text => setTutorial(text))
 	})
+	import('../CHANGELOG.md').then(res => {
+		fetch(res.default)
+			.then(res => res.text())
+			.then(text => setChangelog(text))
+	})
 
 	return (
 		<Routes>
@@ -26,6 +32,7 @@ const App = () => {
 				<Route index element={<Editor />} />
 				<Route path="about" element={<Article markdown={about} />} />
 				<Route path="tutorial" element={<Article markdown={tutorial} />} />
+				<Route path="changelog" element={<Article markdown={changelog} />} />
 			</Route>
 		</Routes>
 	)
diff --git a/src/components/Article.jsx b/src/components/Article.jsx
index 32ef600..a5526f5 100644
--- a/src/components/Article.jsx
+++ b/src/components/Article.jsx
@@ -14,9 +14,9 @@ const Article = ({ markdown }) => {
 				children={markdown}
 				components={{
 					h1: ({ ...props }) => <h1 className="font-bold text-4xl my-8" {...props} />,
-					h2: ({ ...props }) => <h1 className="font-bold text-2xl mt-6" {...props} />,
-					h3: ({ ...props }) => <h3 className="font-bold text-xl mt-6" {...props} />,
-					h4: ({ ...props }) => <h3 className="font-semibold text-md mt-3" {...props} />,
+					h2: ({ ...props }) => <h2 className="font-bold text-2xl mt-6" {...props} />,
+					h3: ({ ...props }) => <h3 className="font-bold text-lg my-2" {...props} />,
+					h4: ({ ...props }) => <h4 className="font-semibold text-md mt-3" {...props} />,
 					p: ({ ...props }) => <p className="my-4" {...props} />,
 					code: ({ ...props }) => <code className="bg-neutral-200 px-1 font-mono text-sm" {...props} />,
 					li: ({ ...props }) => <li className="list-disc list-inside" {...props} />,
diff --git a/src/components/NavBar.jsx b/src/components/NavBar.jsx
index 483ccae..19e066d 100644
--- a/src/components/NavBar.jsx
+++ b/src/components/NavBar.jsx
@@ -22,6 +22,11 @@ const NavBar = () => {
 						Tutorial
 					</Link>
 				</li>
+				<li className="pt-3 px-4">
+					<Link to="changelog">
+						Changelog
+					</Link>
+				</li>
 			</ul>
 		</nav>
 	)

From ff36ad62a239589702f3067da114b1603e5625e7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Som=C4=93=20Cho?= <itssomicho@gmail.com>
Date: Sat, 27 May 2023 16:49:38 +0200
Subject: [PATCH 2/3] bump 0.9.0

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index d9b90c0..85ee685 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "p5-cljs-web-editor",
   "private": true,
-  "version": "0.8.6",
+  "version": "0.9.0",
   "type": "module",
   "scripts": {
     "dev": "vite",

From 84302a9d0f4e6dd793f80fce91923cb523ebbe02 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Som=C4=93=20Cho?= <itssomicho@gmail.com>
Date: Sat, 27 May 2023 16:50:20 +0200
Subject: [PATCH 3/3] Update CHANGELOG.md

---
 CHANGELOG.md | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index f26cc0c..ba7b3c1 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,3 +1,6 @@
+## 0.9.0
+- added changelog to the web editor for users to track changes
+
 ## 0.8.6
 - added `.node-version` for compatibility with Render