website

git clone https://pyrossh.dev/repos/website.git

木 Personal website of pyrossh. Built with astrojs, shiki, vite.

f272160b — pyrossh

add posts

Files changed (21) hide show

package-lock.json +252 -1
package.json +4 -1
src/lib/assets/posts/gopibot-to-the-rescue.md +0 -139
src/lib/dateUtils.js +5 -0
src/{lib/assets/posts → posts}/eyecandy-golang-error-reporting.md +5 -5
src/posts/gopibot-to-the-rescue.md +140 -0
src/routes/+layout.svelte +1 -12
src/routes/+page.svelte +1 -1
src/routes/posts/+page.js +7 -0
src/routes/posts/+page.svelte +21 -192
src/routes/posts/[slug]/+page.js +13 -0
src/routes/posts/[slug]/+page.svelte +125 -0
{src/lib/assets → static}/images/desktop.png +0 -0
{src/lib/assets → static}/images/email1.png +0 -0
{src/lib/assets → static}/images/gdx-studio.png +0 -0
{src/lib/assets → static}/images/gopibot.png +0 -0
{src/lib/assets → static}/images/gromer.png +0 -0
{src/lib/assets → static}/images/pine.png +0 -0
{src/lib/assets → static}/images/rust-embed.png +0 -0
{src/lib/assets → static}/images/terminal1.png +0 -0
svelte.config.js +30 -0

package-lock.json CHANGED Viewed

@@ -9,7 +9,9 @@
 			"version": "0.0.1",
 			"dependencies": {
 				"@sentry/sveltekit": "^7.102.0",
-				"@unocss/reset": "^0.58.5"
+				"@unocss/reset": "^0.58.5",
+				"remark-github": "^12.0.0",
+				"shiki": "^1.1.7"
 			},
 			"devDependencies": {
 				"@iconify/json": "^2.2.185",
@@ -23,6 +25,7 @@
 				"eslint": "^8.56.0",
 				"eslint-config-prettier": "^9.1.0",
 				"eslint-plugin-svelte": "^2.36.0-next.4",
+				"mdsvex": "^0.11.0",
 				"prettier": "^3.1.1",
 				"prettier-plugin-svelte": "^3.1.2",
 				"svelte": "4.2.11",
@@ -1939,6 +1942,11 @@
 				"node": ">= 10"
 			}
 		},
+		"node_modules/@shikijs/core": {
+			"version": "1.1.7",
+			"resolved": "https://registry.npmjs.org/@shikijs/core/-/core-1.1.7.tgz",
+			"integrity": "sha512-gTYLUIuD1UbZp/11qozD3fWpUTuMqPSf3svDMMrL0UmlGU7D9dPw/V1FonwAorCUJBltaaESxq90jrSjQyGixg=="
+		},
 		"node_modules/@sinclair/typebox": {
 			"version": "0.27.8",
 			"resolved": "https://registry.npmjs.org/@sinclair/typebox/-/typebox-0.27.8.tgz",
@@ -2062,12 +2070,25 @@
 			"integrity": "sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==",
 			"dev": true
 		},
+		"node_modules/@types/mdast": {
+			"version": "4.0.3",
+			"resolved": "https://registry.npmjs.org/@types/mdast/-/mdast-4.0.3.tgz",
+			"integrity": "sha512-LsjtqsyF+d2/yFOYaN22dHZI1Cpwkrj+g06G8+qtUKlhovPW89YhqSnfKtMbkgmEtYpH2gydRNULd6y8mciAFg==",
+			"dependencies": {
+				"@types/unist": "*"
+			}
+		},
 		"node_modules/@types/pug": {
 			"version": "2.0.10",
 			"resolved": "https://registry.npmjs.org/@types/pug/-/pug-2.0.10.tgz",
 			"integrity": "sha512-Sk/uYFOBAB7mb74XcpizmH0KOR2Pv3D2Hmrh1Dmy5BmK3MpdSa5kqZcg6EKBdklU0bFXX9gCfzvpnyUehrPIuA==",
 			"dev": true
 		},
+		"node_modules/@types/unist": {
+			"version": "2.0.10",
+			"resolved": "https://registry.npmjs.org/@types/unist/-/unist-2.0.10.tgz",
+			"integrity": "sha512-IfYcSBWE3hLpBg8+X2SEa8LVkJdJEkT2Ese2aaLs3ptGdVtABxndrMaxuFlQ1qdFf9Q5rDvDpxI3WwgvKFAsQA=="
+		},
 		"node_modules/@ungap/structured-clone": {
 			"version": "1.2.0",
 			"resolved": "https://registry.npmjs.org/@ungap/structured-clone/-/structured-clone-1.2.0.tgz",
@@ -4383,11 +4404,64 @@
 				"recast": "^0.23.2"
 			}
 		},
+		"node_modules/mdast-util-find-and-replace": {
+			"version": "3.0.1",
+			"resolved": "https://registry.npmjs.org/mdast-util-find-and-replace/-/mdast-util-find-and-replace-3.0.1.tgz",
+			"integrity": "sha512-SG21kZHGC3XRTSUhtofZkBzZTJNM5ecCi0SK2IMKmSXR8vO3peL+kb1O0z7Zl83jKtutG4k5Wv/W7V3/YHvzPA==",
+			"dependencies": {
+				"@types/mdast": "^4.0.0",
+				"escape-string-regexp": "^5.0.0",
+				"unist-util-is": "^6.0.0",
+				"unist-util-visit-parents": "^6.0.0"
+			},
+			"funding": {
+				"type": "opencollective",
+				"url": "https://opencollective.com/unified"
+			}
+		},
+		"node_modules/mdast-util-find-and-replace/node_modules/escape-string-regexp": {
+			"version": "5.0.0",
+			"resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-5.0.0.tgz",
+			"integrity": "sha512-/veY75JbMK4j1yjvuUxuVsiS/hr/4iHs9FTT6cgTexxdE0Ly/glccBAkloH/DofkjRbZU3bnoj38mOmhkZ0lHw==",
+			"engines": {
+				"node": ">=12"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/sindresorhus"
+			}
+		},
+		"node_modules/mdast-util-to-string": {
+			"version": "4.0.0",
+			"resolved": "https://registry.npmjs.org/mdast-util-to-string/-/mdast-util-to-string-4.0.0.tgz",
+			"integrity": "sha512-0H44vDimn51F0YwvxSJSm0eCDOJTRlmN0R1yBh4HLj9wiV1Dn0QoXGbvFAWj2hSItVTlCmBF1hqKlIyUBVFLPg==",
+			"dependencies": {
+				"@types/mdast": "^4.0.0"
+			},
+			"funding": {
+				"type": "opencollective",
+				"url": "https://opencollective.com/unified"
+			}
+		},
 		"node_modules/mdn-data": {
 			"version": "2.0.30",
 			"resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.30.tgz",
 			"integrity": "sha512-GaqWWShW4kv/G9IEucWScBx9G1/vsFZZJUO+tD26M8J8z3Kw5RDQjaoZe03YAClgeS/SWPOcb4nkFBTEi5DUEA=="
 		},
+		"node_modules/mdsvex": {
+			"version": "0.11.0",
+			"resolved": "https://registry.npmjs.org/mdsvex/-/mdsvex-0.11.0.tgz",
+			"integrity": "sha512-gJF1s0N2nCmdxcKn8HDn0LKrN8poStqAicp6bBcsKFd/zkUBGLP5e7vnxu+g0pjBbDFOscUyI1mtHz+YK2TCDw==",
+			"dev": true,
+			"dependencies": {
+				"@types/unist": "^2.0.3",
+				"prism-svelte": "^0.4.7",
+				"prismjs": "^1.17.1",
+				"vfile-message": "^2.0.4"
+			},
+			"peerDependencies": {
+				"svelte": ">=3 <5"
+			}
+		},
 		"node_modules/merge-stream": {
 			"version": "2.0.0",
 			"resolved": "https://registry.npmjs.org/merge-stream/-/merge-stream-2.0.0.tgz",
@@ -5087,6 +5161,21 @@
 				"url": "https://github.com/chalk/ansi-styles?sponsor=1"
 			}
 		},
+		"node_modules/prism-svelte": {
+			"version": "0.4.7",
+			"resolved": "https://registry.npmjs.org/prism-svelte/-/prism-svelte-0.4.7.tgz",
+			"integrity": "sha512-yABh19CYbM24V7aS7TuPYRNMqthxwbvx6FF/Rw920YbyBWO3tnyPIqRMgHuSVsLmuHkkBS1Akyof463FVdkeDQ==",
+			"dev": true
+		},
+		"node_modules/prismjs": {
+			"version": "1.29.0",
+			"resolved": "https://registry.npmjs.org/prismjs/-/prismjs-1.29.0.tgz",
+			"integrity": "sha512-Kx/1w86q/epKcmte75LNrEoT+lX8pBpavuAbvJWRXar7Hz8jrtF+e3vY751p0R8H9HdArwaCTNDDzHg/ScJK1Q==",
+			"dev": true,
+			"engines": {
+				"node": ">=6"
+			}
+		},
 		"node_modules/progress": {
 			"version": "2.0.3",
 			"resolved": "https://registry.npmjs.org/progress/-/progress-2.0.3.tgz",
@@ -5161,6 +5250,23 @@
 				"node": ">= 4"
 			}
 		},
+		"node_modules/remark-github": {
+			"version": "12.0.0",
+			"resolved": "https://registry.npmjs.org/remark-github/-/remark-github-12.0.0.tgz",
+			"integrity": "sha512-ByefQKFN184LeiGRCabfl7zUJsdlMYWEhiLX1gpmQ11yFg6xSuOTW7LVCv0oc1x+YvUMJW23NU36sJX2RWGgvg==",
+			"dependencies": {
+				"@types/mdast": "^4.0.0",
+				"mdast-util-find-and-replace": "^3.0.0",
+				"mdast-util-to-string": "^4.0.0",
+				"to-vfile": "^8.0.0",
+				"unist-util-visit": "^5.0.0",
+				"vfile": "^6.0.0"
+			},
+			"funding": {
+				"type": "opencollective",
+				"url": "https://opencollective.com/unified"
+			}
+		},
 		"node_modules/resolve-from": {
 			"version": "4.0.0",
 			"resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
@@ -5432,6 +5538,14 @@
 				"node": ">=8"
 			}
 		},
+		"node_modules/shiki": {
+			"version": "1.1.7",
+			"resolved": "https://registry.npmjs.org/shiki/-/shiki-1.1.7.tgz",
+			"integrity": "sha512-9kUTMjZtcPH3i7vHunA6EraTPpPOITYTdA5uMrvsJRexktqP0s7P3s9HVK80b4pP42FRVe03D7fT3NmJv2yYhw==",
+			"dependencies": {
+				"@shikijs/core": "1.1.7"
+			}
+		},
 		"node_modules/siginfo": {
 			"version": "2.0.0",
 			"resolved": "https://registry.npmjs.org/siginfo/-/siginfo-2.0.0.tgz",
@@ -5759,6 +5873,18 @@
 				"node": ">=8.0"
 			}
 		},
+		"node_modules/to-vfile": {
+			"version": "8.0.0",
+			"resolved": "https://registry.npmjs.org/to-vfile/-/to-vfile-8.0.0.tgz",
+			"integrity": "sha512-IcmH1xB5576MJc9qcfEC/m/nQCFt3fzMHz45sSlgJyTWjRbKW1HAkJpuf3DgE57YzIlZcwcBZA5ENQbBo4aLkg==",
+			"dependencies": {
+				"vfile": "^6.0.0"
+			},
+			"funding": {
+				"type": "opencollective",
+				"url": "https://opencollective.com/unified"
+			}
+		},
 		"node_modules/totalist": {
 			"version": "3.0.1",
 			"resolved": "https://registry.npmjs.org/totalist/-/totalist-3.0.1.tgz",
@@ -5844,6 +5970,73 @@
 				"url": "https://github.com/sponsors/antfu"
 			}
 		},
+		"node_modules/unist-util-is": {
+			"version": "6.0.0",
+			"resolved": "https://registry.npmjs.org/unist-util-is/-/unist-util-is-6.0.0.tgz",
+			"integrity": "sha512-2qCTHimwdxLfz+YzdGfkqNlH0tLi9xjTnHddPmJwtIG9MGsdbutfTc4P+haPD7l7Cjxf/WZj+we5qfVPvvxfYw==",
+			"dependencies": {
+				"@types/unist": "^3.0.0"
+			},
+			"funding": {
+				"type": "opencollective",
+				"url": "https://opencollective.com/unified"
+			}
+		},
+		"node_modules/unist-util-is/node_modules/@types/unist": {
+			"version": "3.0.2",
+			"resolved": "https://registry.npmjs.org/@types/unist/-/unist-3.0.2.tgz",
+			"integrity": "sha512-dqId9J8K/vGi5Zr7oo212BGii5m3q5Hxlkwy3WpYuKPklmBEvsbMYYyLxAQpSffdLl/gdW0XUpKWFvYmyoWCoQ=="
+		},
+		"node_modules/unist-util-stringify-position": {
+			"version": "2.0.3",
+			"resolved": "https://registry.npmjs.org/unist-util-stringify-position/-/unist-util-stringify-position-2.0.3.tgz",
+			"integrity": "sha512-3faScn5I+hy9VleOq/qNbAd6pAx7iH5jYBMS9I1HgQVijz/4mv5Bvw5iw1sC/90CODiKo81G/ps8AJrISn687g==",
+			"dev": true,
+			"dependencies": {
+				"@types/unist": "^2.0.2"
+			},
+			"funding": {
+				"type": "opencollective",
+				"url": "https://opencollective.com/unified"
+			}
+		},
+		"node_modules/unist-util-visit": {
+			"version": "5.0.0",
+			"resolved": "https://registry.npmjs.org/unist-util-visit/-/unist-util-visit-5.0.0.tgz",
+			"integrity": "sha512-MR04uvD+07cwl/yhVuVWAtw+3GOR/knlL55Nd/wAdblk27GCVt3lqpTivy/tkJcZoNPzTwS1Y+KMojlLDhoTzg==",
+			"dependencies": {
+				"@types/unist": "^3.0.0",
+				"unist-util-is": "^6.0.0",
+				"unist-util-visit-parents": "^6.0.0"
+			},
+			"funding": {
+				"type": "opencollective",
+				"url": "https://opencollective.com/unified"
+			}
+		},
+		"node_modules/unist-util-visit-parents": {
+			"version": "6.0.1",
+			"resolved": "https://registry.npmjs.org/unist-util-visit-parents/-/unist-util-visit-parents-6.0.1.tgz",
+			"integrity": "sha512-L/PqWzfTP9lzzEa6CKs0k2nARxTdZduw3zyh8d2NVBnsyvHjSX4TWse388YrrQKbvI8w20fGjGlhgT96WwKykw==",
+			"dependencies": {
+				"@types/unist": "^3.0.0",
+				"unist-util-is": "^6.0.0"
+			},
+			"funding": {
+				"type": "opencollective",
+				"url": "https://opencollective.com/unified"
+			}
+		},
+		"node_modules/unist-util-visit-parents/node_modules/@types/unist": {
+			"version": "3.0.2",
+			"resolved": "https://registry.npmjs.org/@types/unist/-/unist-3.0.2.tgz",
+			"integrity": "sha512-dqId9J8K/vGi5Zr7oo212BGii5m3q5Hxlkwy3WpYuKPklmBEvsbMYYyLxAQpSffdLl/gdW0XUpKWFvYmyoWCoQ=="
+		},
+		"node_modules/unist-util-visit/node_modules/@types/unist": {
+			"version": "3.0.2",
+			"resolved": "https://registry.npmjs.org/@types/unist/-/unist-3.0.2.tgz",
+			"integrity": "sha512-dqId9J8K/vGi5Zr7oo212BGii5m3q5Hxlkwy3WpYuKPklmBEvsbMYYyLxAQpSffdLl/gdW0XUpKWFvYmyoWCoQ=="
+		},
 		"node_modules/unocss": {
 			"version": "0.58.5",
 			"resolved": "https://registry.npmjs.org/unocss/-/unocss-0.58.5.tgz",
@@ -5958,6 +6151,64 @@
 			"integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
 			"dev": true
 		},
+		"node_modules/vfile": {
+			"version": "6.0.1",
+			"resolved": "https://registry.npmjs.org/vfile/-/vfile-6.0.1.tgz",
+			"integrity": "sha512-1bYqc7pt6NIADBJ98UiG0Bn/CHIVOoZ/IyEkqIruLg0mE1BKzkOXY2D6CSqQIcKqgadppE5lrxgWXJmXd7zZJw==",
+			"dependencies": {
+				"@types/unist": "^3.0.0",
+				"unist-util-stringify-position": "^4.0.0",
+				"vfile-message": "^4.0.0"
+			},
+			"funding": {
+				"type": "opencollective",
+				"url": "https://opencollective.com/unified"
+			}
+		},
+		"node_modules/vfile-message": {
+			"version": "2.0.4",
+			"resolved": "https://registry.npmjs.org/vfile-message/-/vfile-message-2.0.4.tgz",
+			"integrity": "sha512-DjssxRGkMvifUOJre00juHoP9DPWuzjxKuMDrhNbk2TdaYYBNMStsNhEOt3idrtI12VQYM/1+iM0KOzXi4pxwQ==",
+			"dev": true,
+			"dependencies": {
+				"@types/unist": "^2.0.0",
+				"unist-util-stringify-position": "^2.0.0"
+			},
+			"funding": {
+				"type": "opencollective",
+				"url": "https://opencollective.com/unified"
+			}
+		},
+		"node_modules/vfile/node_modules/@types/unist": {
+			"version": "3.0.2",
+			"resolved": "https://registry.npmjs.org/@types/unist/-/unist-3.0.2.tgz",
+			"integrity": "sha512-dqId9J8K/vGi5Zr7oo212BGii5m3q5Hxlkwy3WpYuKPklmBEvsbMYYyLxAQpSffdLl/gdW0XUpKWFvYmyoWCoQ=="
+		},
+		"node_modules/vfile/node_modules/unist-util-stringify-position": {
+			"version": "4.0.0",
+			"resolved": "https://registry.npmjs.org/unist-util-stringify-position/-/unist-util-stringify-position-4.0.0.tgz",
+			"integrity": "sha512-0ASV06AAoKCDkS2+xw5RXJywruurpbC4JZSm7nr7MOt1ojAzvyyaO+UxZf18j8FCF6kmzCZKcAgN/yu2gm2XgQ==",
+			"dependencies": {
+				"@types/unist": "^3.0.0"
+			},
+			"funding": {
+				"type": "opencollective",
+				"url": "https://opencollective.com/unified"
+			}
+		},
+		"node_modules/vfile/node_modules/vfile-message": {
+			"version": "4.0.2",
+			"resolved": "https://registry.npmjs.org/vfile-message/-/vfile-message-4.0.2.tgz",
+			"integrity": "sha512-jRDZ1IMLttGj41KcZvlrYAaI3CfqpLpfpf+Mfig13viT6NKvRzWZ+lXz0Y5D60w6uJIBAOGq9mSHf0gktF0duw==",
+			"dependencies": {
+				"@types/unist": "^3.0.0",
+				"unist-util-stringify-position": "^4.0.0"
+			},
+			"funding": {
+				"type": "opencollective",
+				"url": "https://opencollective.com/unified"
+			}
+		},
 		"node_modules/vite": {
 			"version": "5.1.3",
 			"resolved": "https://registry.npmjs.org/vite/-/vite-5.1.3.tgz",

package.json CHANGED Viewed

@@ -17,7 +17,9 @@
 	},
 	"dependencies": {
 		"@sentry/sveltekit": "^7.102.0",
-		"@unocss/reset": "^0.58.5"
+		"@unocss/reset": "^0.58.5",
+		"remark-github": "^12.0.0",
+		"shiki": "^1.1.7"
 	},
 	"devDependencies": {
 		"@iconify/json": "^2.2.185",
@@ -31,6 +33,7 @@
 		"eslint": "^8.56.0",
 		"eslint-config-prettier": "^9.1.0",
 		"eslint-plugin-svelte": "^2.36.0-next.4",
+		"mdsvex": "^0.11.0",
 		"prettier": "^3.1.1",
 		"prettier-plugin-svelte": "^3.1.2",
 		"svelte": "4.2.11",

src/lib/assets/posts/gopibot-to-the-rescue.md DELETED Viewed

@@ -1,139 +0,0 @@
----
-layout: ../../../layouts/post.astro
-title: Gopibot to the rescue
-description: A slackbot for deploying your applications (chatops)
-image: ../../../assets/images/gopibot.png
-date: October 04, 2017
-tags:
-  - nodejs
-  - slack
-  - bot
-  - chatops
----
-High Ho Gopibot away!
-Everybody please meet Gopibot our chatops bot which I built at Numberz to help us deploy our countless microservices to QA.
-![Gopibot 1](../../../assets/images/gopibot.png)
-So here is the backstory,
-I was one of the developers who had access to our QA and Prod servers and the other person was the Head of Engineering and he is generally a busy guy.
-So whenever there is a change that needs to be deployed everyone comes to me and tells me to deploy their microservice/frontend to the QA and blatantly
-interrupts my awesome coding cycle.
-Alright then, I break off from my flow, ssh into the server and start running the deploy command. And all of you jsdev wannabes who have worked with
-react and webpack will know the horrors about deploying frontend code right. It takes forever so I have to wait there looking at the console along with
-the dev who wanted me to deploy it (lets call him kokill for now). So kokill and I patiently wait for the webpack build to finish. 1m , 2m, 3m and WTH
-15m. And then its built and the new frontend is deployed to QA. YES! Now I can continue with my work. But wait then some other dev comes likes call him
-(D-Ne0) and he asks to deploy something else and again the same process of ssh’ing the server and another wait. This got repetitive and irritating. Then
-I started searching for solutions to the problem and looked high and low and thought that CI/CD is the only thing that can solve this problem. But then
-I saw something new called ChatOps where developers have chatbots to talk to automate this manual work. Just like we have bots these days to help you
-out in your work like getting your laundry, grocery and making orders.
-So I decided to take a shot at this in my free time. And it seems it was simpler than I thought and decided to use Slack our primary team communication
-platform. We used it daily for everything and I thought why not have a specific channel just where the bot resides and people could talk to the bot.
-Since we are typically a nodejs shop I decided to find a way to send messages to a slack bot. And slack has this really great sdk for nodejs.
-https://github.com/slackapi/node-slack-sdk
-First I went and created the bot in my slack team settings. And then wrote a script which would allow it to read messages from the channel it was added.
-Here is the simple script,
-```js
-const RtmClient = require("@slack/client").RtmClient;
-const RTM_EVENTS = require("@slack/client").RTM_EVENTS;
-const CLIENT_EVENTS = require("@slack/client").CLIENT_EVENTS;
-const bot_token = process.env.SLACK_BOT_TOKEN;
-const rtm = new RtmClient(bot_token);
-const COMMANDS = {
-  web: "ssh -i qa.pem user@url docker pull image-name && docker rm -f container-id && docker run -d image-name",
-};
-let deploymentInProgress = false;
-let counter = 0;
-rtm.on(RTM_EVENTS.MESSAGE, (event) => {
-  console.log("Got event", event);
-  if (
-    (event.subtype === "message_changed" || event.subtype === "message_deleted") &&
-    event.text &&
-    event.text.indexOf("$slackBotId") > -1
-  ) {
-    return rtm.sendMessage("Please dont change the message and expect me to correct your past mistakes", event.channel);
-  }
-  if (event.subtype) {
-    return;
-  }
-  if (event.type === "message" && event.text && event.text.indexOf("$slackBotId") > -1) {
-    if (deploymentInProgress === true) {
-      counter = counter + 1;
-      if (counter > 3) {
-        counter = 0;
-        return rtm.sendMessage("Stop bugging me noob or I'll tell to raise you bugs", event.channel);
-      }
-      return rtm.sendMessage("I am already processing a deploy request please wait", event.channel);
-    }
-    var input = event.text.trim().replace("$slackBotId ", "");
-    console.log("Got input", input);
-    const arr = input.split(" ");
-    arr.forEach((word) => {
-      word = word.replace(/\s/g, "");
-    });
-    const currCommand = arr[0];
-    if (COMMANDS.indexOf(currCommand) > -1) {
-      rtm.sendMessage("Starting to deploy ${currCommand}", event.channel);
-      const ssh = spawn(COMMANDS[currCommand]);
-      deploymentInProgress = true;
-      ssh.stdout.on("data", (data) => {
-        rtm.sendMessage(data, event.channel);
-      });
-      ssh.stderr.on("data", (data) => {
-        rtm.sendMessage(data, event.channel);
-      });
-      ssh.on("close", (code) => {
-        deploymentInProgress = false;
-        if (code === 0) {
-          console.log("Deployed Successfully", currCommand);
-          rtm.sendMessage("Deployed Successfully " + currCommand, event.channel);
-        } else {
-          console.log("child process exited with code ", code);
-          rtm.sendMessage("child process exited with code " + code);
-        }
-      });
-      return;
-    } else {
-      counter = counter + 1;
-      if (counter > 3) {
-        counter = 0;
-        return rtm.sendMessage("Stop bugging me noob or I'll tell <@U30TXGLS1|gopi> to raise you bugs", event.channel);
-      }
-      return rtm.sendMessage(
-        `command '${event.text} ' not found.You need to specify one of these commands [${COMMANDS.map((v, k) => k).join(
-          ","
-        )} ]`,
-        event.channel
-      );
-    }
-  }
-});
-console.log("Starting deploybot");
-rtm.start();
-```
-So what the bot does is when someone mentions the bot with a command to run. It first checks if the command is defined in our COMMANDS map and then if
-it is, it executes the corresponding shell command for it on our QA server and then gives back progress/error/finished messages back to the channel so
-that everyone will be notified that someone had done a deployment. This is how it looks like,
-![Gopibot 2](../../../assets/images/gopibot.png)
-Anyways to just have a boring bot that just runs boring commands was kinda boring. I thought of spicing up the bot interaction by making it say weird
-things if you keep giving it invalid commands. Making it more of a life like bot.
-Initially the bot was called deploybot and had a rocket icon but then there was our QA/Bug creator/Hell Raiser/Injoker in our team so I thought creating
-a mini him would be better and give the bot a real person’s personality and it worked and people kind a started talking to bot some random stuff and
-all.
-Further on we can maybe introduce natural language processing and deep learning to make the bot learn from our messages and not just take a single
-command. Like instead of me saying @gopibot cfm I can say @gopibot please deploy our cashflow server or please revert the deployment to the previous
-version and things like that.

src/lib/dateUtils.js ADDED Viewed

@@ -0,0 +1,5 @@
+export const formatDate = (d) =>
+  new Intl.DateTimeFormat('en-IN').format(new Date(d)).replaceAll('/', '-');
+export const formatDateLong = (d) =>
+  new Intl.DateTimeFormat('en-IN', { dateStyle: 'long' }).format(new Date(d));

src/{lib/assets/posts → posts}/eyecandy-golang-error-reporting.md RENAMED Viewed

@@ -1,13 +1,13 @@
 ---
-layout: ../../../layouts/post.astro
 title: Eyecandy golang error reporting
 description: Better error messages logging in golang
-image: ../../../assets/images/terminal1.png
+image: /images/terminal1.png
-date: September 17, 2016
+date: 2016-09-17
 tags:
   - golang
   - error
   - formatting
+published: true
 ---
 We at playlyfe wanted to get an email report as soon as an error occurred on our production servers. Since golang does not have
@@ -72,7 +72,7 @@ https://github.com/maruel/panicparse/issues/8
 with the developer and +1’s we got a proper api which I could use.
 And now I haz got a prettier stack traces like this,
-![Terminal 1](../../../assets/images/terminal1.png)
+![Terminal 1](/images/terminal1.png)
 So great I got ANSI coloring setup and the errors look great in our console but what about our
 mails. Of course this wasn’t going to work since emails primarily render text and HTML only, and
@@ -88,4 +88,4 @@ https://github.com/aymerick/douceur
 Finally after messing around with so many libraries I got around to getting it to work and this is how it looks in my email,
-![Email 1](../../../assets/images/email1.png)
+![Email 1](/images/email1.png)

src/posts/gopibot-to-the-rescue.md ADDED Viewed

@@ -0,0 +1,140 @@
+---
+title: Gopibot to the rescue
+description: A slackbot for deploying your applications (chatops)
+image: /images/gopibot.png
+date: 2017-04-19
+tags:
+  - nodejs
+  - slack
+  - bot
+  - chatops
+published: true
+---
+High Ho Gopibot away!
+Everybody please meet Gopibot our chatops bot which I built at Numberz to help us deploy our countless microservices to QA.
+![Gopibot 1](/images/gopibot.png)
+So here is the backstory,
+I was one of the developers who had access to our QA and Prod servers and the other person was the Head of Engineering and he is generally a busy guy.
+So whenever there is a change that needs to be deployed everyone comes to me and tells me to deploy their microservice/frontend to the QA and blatantly
+interrupts my awesome coding cycle.
+Alright then, I break off from my flow, ssh into the server and start running the deploy command. And all of you jsdev wannabes who have worked with react and webpack will know the horrors about deploying frontend code right. It takes forever so I have to wait there looking at the console along with the dev who wanted me to deploy it (lets call him @kokill for now). So @kokill and I patiently wait for the webpack build to finish. 1m , 2m, 3m and WTH 15m. And then its built and the new frontend is deployed to QA. YES! Now I can continue with my work. But wait then some other dev comes likes call him (@D-Ne0) and he asks to deploy something else and again the same process of ssh’ing the server and another wait. This got repetitive and irritating.
+Then I started searching for solutions to the problem and looked high and low and thought that CI/CD is the only thing that can solve this problem. But then I saw something new called ChatOps where developers have chatbots to talk to automate this manual work. Just like we have bots these days to help you out in your work like getting your laundry, grocery and making orders.
+So I decided to take a shot at this in my free time. And it seems it was simpler than I thought and decided to use Slack our primary team communication platform. We used it daily for everything and I thought why not have a specific channel just where the bot resides and people could talk to the bot.
+Since we are typically a nodejs shop I decided to find a way to send messages to a slack bot. And slack has this really great sdk for nodejs.
+https://github.com/slackapi/node-slack-sdk
+First I went and created the bot in my slack team settings. And then wrote a script which would allow it to read messages from the channel it was added.
+Here is the simple script,
+```js
+const RtmClient = require('@slack/client').RtmClient;
+const RTM_EVENTS = require('@slack/client').RTM_EVENTS;
+const CLIENT_EVENTS = require('@slack/client').CLIENT_EVENTS;
+const bot_token = process.env.SLACK_BOT_TOKEN;
+const rtm = new RtmClient(bot_token);
+const COMMANDS = {
+	web: 'ssh -i qa.pem user@url docker pull image-name && docker rm -f container-id && docker run -d image-name'
+};
+let deploymentInProgress = false;
+let counter = 0;
+rtm.on(RTM_EVENTS.MESSAGE, (event) => {
+	console.log('Got event', event);
+	if (
+		(event.subtype === 'message_changed' || event.subtype === 'message_deleted') &&
+		event.text &&
+		event.text.indexOf('$slackBotId') > -1
+	) {
+		return rtm.sendMessage(
+			'Please dont change the message and expect me to correct your past mistakes',
+			event.channel
+		);
+	}
+	if (event.subtype) {
+		return;
+	}
+	if (event.type === 'message' && event.text && event.text.indexOf('$slackBotId') > -1) {
+		if (deploymentInProgress === true) {
+			counter = counter + 1;
+			if (counter > 3) {
+				counter = 0;
+				return rtm.sendMessage(
+					"Stop bugging me noob or I'll tell to raise you bugs",
+					event.channel
+				);
+			}
+			return rtm.sendMessage('I am already processing a deploy request please wait', event.channel);
+		}
+		var input = event.text.trim().replace('$slackBotId ', '');
+		console.log('Got input', input);
+		const arr = input.split(' ');
+		arr.forEach((word) => {
+			word = word.replace(/\s/g, '');
+		});
+		const currCommand = arr[0];
+		if (COMMANDS.indexOf(currCommand) > -1) {
+			rtm.sendMessage('Starting to deploy ${currCommand}', event.channel);
+			const ssh = spawn(COMMANDS[currCommand]);
+			deploymentInProgress = true;
+			ssh.stdout.on('data', (data) => {
+				rtm.sendMessage(data, event.channel);
+			});
+			ssh.stderr.on('data', (data) => {
+				rtm.sendMessage(data, event.channel);
+			});
+			ssh.on('close', (code) => {
+				deploymentInProgress = false;
+				if (code === 0) {
+					console.log('Deployed Successfully', currCommand);
+					rtm.sendMessage('Deployed Successfully ' + currCommand, event.channel);
+				} else {
+					console.log('child process exited with code ', code);
+					rtm.sendMessage('child process exited with code ' + code);
+				}
+			});
+			return;
+		} else {
+			counter = counter + 1;
+			if (counter > 3) {
+				counter = 0;
+				return rtm.sendMessage(
+					"Stop bugging me noob or I'll tell <@U30TXGLS1|gopi> to raise you bugs",
+					event.channel
+				);
+			}
+			return rtm.sendMessage(
+				`command '${event.text} ' not found.You need to specify one of these commands [${COMMANDS.map(
+					(v, k) => k
+				).join(',')} ]`,
+				event.channel
+			);
+		}
+	}
+});
+console.log('Starting deploybot');
+rtm.start();
+```
+So what the bot does is when someone mentions the bot with a command to run. It first checks if the command is defined in our COMMANDS map and then if
+it is, it executes the corresponding shell command for it on our QA server and then gives back progress/error/finished messages back to the channel so
+that everyone will be notified that someone had done a deployment. This is how it looks like,
+Anyways to just have a boring bot that just runs boring commands was kinda boring. I thought of spicing up the bot interaction by making it say weird
+things if you keep giving it invalid commands. Making it more of a life like bot.
+Initially the bot was called deploybot and had a rocket icon but then there was our QA/Bug creator/Hell Raiser/Injoker in our team so I thought creating
+a mini him would be better and give the bot a real person’s personality and it worked and people kind a started talking to bot some random stuff and
+all.
+Further on we can maybe introduce natural language processing and deep learning to make the bot learn from our messages and not just take a single
+command. Like instead of me saying @gopibot cfm I can say @gopibot please deploy our cashflow server or please revert the deployment to the previous
+version and things like that.

src/routes/+layout.svelte CHANGED Viewed

@@ -2,18 +2,10 @@
 	import { getStores } from '$app/stores';
 	import Footer from '$lib/components/Footer.svelte';
 	import Header from '$lib/components/Header.svelte';
-	import { onMount } from 'svelte';
 	// let { children } = $props();
 	const { page } = getStores();
 	let url = `https://pyros.sh${$page.url.pathname}`;
-	let isPosts = false;
-	onMount(() => {
-		page.subscribe(($page) => {
-			isPosts = $page.url.pathname.includes('posts');
-		});
-	});
 </script>
 <svelte:head>
@@ -30,10 +22,7 @@
 		data-code="fynEKPntFh9oUyUcIO76Tmcxzjkmwfjg"
 	></script>
 </svelte:head>
-<div
-	class:h-screen={isPosts}
-	class="leading-8 flex flex-1 flex-col font-normal text-lg sm:leading-7 m-0"
+<div class="leading-8 flex flex-1 flex-col font-normal text-lg sm:leading-7 m-0">
->
 	<Header />
 	<main class="w-full h-full block bg-white">
 		<div class="flex w-full flex-1 flex-row justify-center">

src/routes/+page.svelte CHANGED Viewed

@@ -255,7 +255,7 @@
 <style>
 	h2 {
-		--at-apply: text-xl font-semibold middle;
+		--at-apply: text-xl font-semibold;
 	}
 	section {

src/routes/posts/+page.js ADDED Viewed

@@ -0,0 +1,7 @@
+export const load = async ({ params }) => {
+  const paths = import.meta.glob('/src/posts/*.md', { eager: true });
+  const posts = Object.keys(paths)
+    .map((key) => ({ ...paths[key].metadata, slug: key.split('/').at(-1).replace('.md', '') }))
+    .sort((first, second) => new Date(second.date).getTime() - new Date(first.date).getTime());
+  return { posts };
+};

src/routes/posts/+page.svelte CHANGED Viewed

@@ -1,198 +1,27 @@
+<script>
+	import { formatDate } from '$lib/dateUtils';
+	export let data;
+</script>
 <svelte:head>
 	<title>pyros.sh | Posts</title>
 	<meta name="description" content="Peter John's Posts" />
 </svelte:head>
 <div>
-	<div class="px-4 py-40 mx-auto">TBD</div>
+	<h1 class="font-bold text-3xl">Posts</h1>
+	<ul class="flex flex-col">
+		{#each data.posts as { title, description, image, date, slug, tags }}
+			<li class="grid grid-cols-1 sm:grid-cols-2 gap-3 justify-start items-end mt-5 leading-6">
+				<div class="flex flex-col">
+					<a class="text-black underline underline-offset-4" href={`/posts/${slug}`}>
+						{title}
+					</a>
+					<span class="hover:cursor-default">{description}</span>
+				</div>
+				<span class="flex flex-1 justify-end sm:ml-4 text-md text-gray-900">{formatDate(date)}</span
+				>
+			</li>
+		{/each}
+	</ul>
+	<div class="h-[24rem]" />
 </div>
-<!--
-// {
-      //   /* <div slot="body" class="container">
-      //   {
-      //     posts.map((post) => (
-      //       <div class="row">
-      //         <span>{post.date.toISOString().split("T")[0]}</span>
-      //         <a href={`/blog/${post.date.getFullYear()}/${post.id}`}>
-      //           {post.title}
-      //         </a>
-      //       </div>
-      //     ))
-      //   }
-      // </div> */
-      // }
-// ---
-// const { title, description, image, date, tags } = Astro.props.frontmatter;
-// ---
-// <title slot="head">pyros.sh | {title}</title>
-// <meta slot="head" name="description" content={description} />
-// <meta slot="head" name="keywords" content={tags} />
-// <div slot="body" class="post-page">
-//   <div class="title-container">
-//     <div>
-//       <h1>{title}</h1>
-//       <h2>{description}</h2>
-//     </div>
-//     <div class="date">
-//       <h3>{date}</h3>
-//     </div>
-//   </div>
-//   <div class="tags-container">
-//     {tags.map((text) => <Tag text={text} />)}
-//   </div>
-//   <div>
-//     <slot />
-//   </div>
-// </div>
-// const files = await Astro.glob("./**/*.{md,mdx}");
-// const posts = files.map(({ frontmatter: item }) => ({
-//   id: item.title.toLowerCase().replaceAll(" ", "-"),
-//   title: item.title,
-//   date: new Date(item.date),
-// }));
-// ---
-// <style>
-//   .container {
-//     display: flex;
-//     flex-direction: column;
-//     min-height: calc(100vh - 120px);
-//   }
-//   .row {
-//     display: flex;
-//     flex-direction: row;
-//     align-items: center;
-//     margin-top: 1.5rem;
-//     line-height: 1.5rem;
-//     & span {
-//       width: 9rem;
-//     }
-//     & a {
-//       margin-left: 2rem;
-//       text-decoration: none;
-//       color: black;
-//       border-bottom: 2px solid black;
-//       &:hover,
-//       &:visited {
-//         text-decoration: none;
-//       }
-//       @media (--mobile) {
-//         margin-left: 0rem;
-//       }
-//     }
-//   }
-// </style>
- -->
-<style>
-	.post-page {
-		display: flex;
-		flex-direction: column;
-		width: 100%;
-		& code {
-			font-family:
-				Menlo,
-				Monaco,
-				Courier New,
-				monospace;
-			font-size: 0.9em;
-		}
-		& p {
-			margin-top: 1rem;
-			margin-bottom: 1rem;
-		}
-		& pre {
-			max-width: 64rem;
-			font-family: monospace;
-			font-size: 14px;
-			border-radius: 16px;
-			padding: 16px;
-			margin: 8px;
-			line-height: 20px;
-			overflow-x: auto;
-		}
-		& img {
-			width: auto;
-			@media (--mobile) {
-				width: 100%;
-			}
-		}
-		& .title-container {
-			display: flex;
-			flex: 1;
-			font-family: serif;
-			flex-direction: column;
-			& h1 {
-				color: var(--black-light);
-				margin: 0;
-				line-height: 3rem;
-			}
-			& h2 {
-				color: var(--yellow-dark);
-				font-size: 1.5rem;
-				font-weight: 500;
-				margin-top: 20px;
-				margin-bottom: 20px;
-			}
-			& h3 {
-				color: var(--black-light);
-				font-size: 1.5rem;
-				font-weight: 500;
-				margin: 0;
-			}
-			& .date {
-				display: flex;
-				flex: 1;
-				flex-direction: row;
-				justify-content: flex-end;
-				margin-right: var(--space-10);
-				@media (--mobile) {
-					justify-content: flex-start;
-					margin-top: 0.5rem;
-					margin-bottom: 0.5rem;
-				}
-			}
-		}
-		& .tags-container {
-			margin-top: var(--space-1);
-			margin-bottom: var(--space-1);
-			@media (--mobile) {
-				margin-top: var(--space-4);
-				margin-bottom: var(--space-4);
-			}
-		}
-	}
-	.tag {
-		background-color: var(--black-light);
-		color: white;
-		display: inline-block;
-		padding-left: 8px;
-		padding-right: 8px;
-		text-align: center;
-		margin-right: 1rem;
-	}
-</style>

src/routes/posts/[slug]/+page.js ADDED Viewed

@@ -0,0 +1,13 @@
+import { error } from '@sveltejs/kit';
+export async function load({ params }) {
+  try {
+    const post = await import(`../../../posts/${params.slug}.md`);
+    return {
+      content: post.default,
+      meta: post.metadata
+    };
+  } catch (e) {
+    error(404, `Could not find ${params.slug}`);
+  }
+}

src/routes/posts/[slug]/+page.svelte ADDED Viewed

@@ -0,0 +1,125 @@
+<script>
+	import { formatDateLong } from '$lib/dateUtils';
+	export let data;
+</script>
+<svelte:head>
+	<title>pyros.sh | {data.meta.title}</title>
+	<meta name="description" content={data.meta.description} />
+	<meta name="keywords" content={data.meta.tags} />
+	<meta property="og:type" content="article" />
+	<meta property="og:title" content={data.meta.title} />
+</svelte:head>
+<article class="post-page">
+	<hgroup class="flex flex-1 flex-col font-serif">
+		<h1 class="font-bold text-4xl">{data.meta.title}</h1>
+		<p class="text-md">
+			<span class="font-semibold">Published on: </span>{formatDateLong(data.meta.date)}
+		</p>
+	</hgroup>
+	<div class="mb-6">
+		<span class="font-semibold">Tags:</span>
+		{#each data.meta.tags as tag}
+			<span
+				class="inline-flex items-center rounded-md bg-gray-100 px-2 py-1 text-base font-medium text-gray-700 ring-1 ring-inset ring-gray-500/10 mr-3"
+				>{tag}</span
+			>
+		{/each}
+	</div>
+	<div class="prose">
+		<svelte:component this={data.content} />
+	</div>
+</article>
+<style>
+	.post-page {
+		display: flex;
+		flex-direction: column;
+		width: 100%;
+		& code {
+			font-family:
+				Menlo,
+				Monaco,
+				Courier New,
+				monospace;
+			font-size: 0.9em;
+		}
+		& p {
+			margin-top: 1rem;
+			margin-bottom: 1rem;
+		}
+		& pre {
+			max-width: 64rem;
+			font-family: monospace;
+			font-size: 14px;
+			border-radius: 16px;
+			padding: 16px;
+			margin: 8px;
+			line-height: 20px;
+			overflow-x: auto;
+		}
+		& img {
+			width: auto;
+			@media (--mobile) {
+				width: 100%;
+			}
+		}
+		& .title-container {
+			display: flex;
+			flex: 1;
+			font-family: serif;
+			flex-direction: column;
+			& h1 {
+				color: var(--black-light);
+				margin: 0;
+				line-height: 3rem;
+			}
+			& h2 {
+				color: var(--yellow-dark);
+				font-size: 1.5rem;
+				font-weight: 500;
+				margin-top: 20px;
+				margin-bottom: 20px;
+			}
+			& h3 {
+				color: var(--black-light);
+				font-size: 1.5rem;
+				font-weight: 500;
+				margin: 0;
+			}
+			& .date {
+				display: flex;
+				flex: 1;
+				flex-direction: row;
+				justify-content: flex-end;
+				margin-right: var(--space-10);
+				@media (--mobile) {
+					justify-content: flex-start;
+					margin-top: 0.5rem;
+					margin-bottom: 0.5rem;
+				}
+			}
+		}
+	}
+	.tag {
+		background-color: var(--black-light);
+		color: white;
+		display: inline-block;
+		padding-left: 8px;
+		padding-right: 8px;
+		text-align: center;
+		margin-right: 1rem;
+	}
+</style>

{src/lib/assets → static}/images/desktop.png RENAMED Viewed

File without changes

{src/lib/assets → static}/images/email1.png RENAMED Viewed

File without changes

{src/lib/assets → static}/images/gdx-studio.png RENAMED Viewed

File without changes

{src/lib/assets → static}/images/gopibot.png RENAMED Viewed

File without changes

{src/lib/assets → static}/images/gromer.png RENAMED Viewed

File without changes

{src/lib/assets → static}/images/pine.png RENAMED Viewed

File without changes

{src/lib/assets → static}/images/rust-embed.png RENAMED Viewed

File without changes

{src/lib/assets → static}/images/terminal1.png RENAMED Viewed

File without changes

svelte.config.js CHANGED Viewed

@@ -1,7 +1,37 @@
 import adapter from '@sveltejs/adapter-static';
+import { vitePreprocess } from '@sveltejs/vite-plugin-svelte';
+import { mdsvex, escapeSvelte } from 'mdsvex';
+import github from 'remark-github';
+import { getHighlighter } from 'shiki';
+/** @type {import('mdsvex').MdsvexOptions} */
+const mdsvexOptions = {
+  extensions: ['.md'],
+  remarkPlugins: [
+    [
+      github,
+      {
+        repository: 'https://github.com/pyrossh/pyros.sh'
+      }
+    ]
+  ],
+  highlight: {
+    highlighter: async (code, lang = 'text') => {
+      const highlighter = await getHighlighter({
+        themes: ['dracula'],
+        langs: ['javascript', 'typescript', 'go']
+      });
+      await highlighter.loadLanguage('javascript', 'typescript', 'go');
+      const html = escapeSvelte(highlighter.codeToHtml(code, { lang, theme: 'dracula' }));
+      return `{@html \`${html}\` }`;
+    }
+  }
+};
 /** @type {import('@sveltejs/kit').Config} */
 const config = {
+  extensions: ['.svelte', '.md'],
+  preprocess: [vitePreprocess(), mdsvex(mdsvexOptions)],
   kit: {
     adapter: adapter({
       strict: true,

~repos /website

git clone https://pyrossh.dev/repos/website.git

木 Personal website of pyrossh. Built with astrojs, shiki, vite.