From e0a2e3df9dd18f972353653118d25bd4e59e8ece Mon Sep 17 00:00:00 2001
From: mitchell <m@mjfs.us>
Date: Fri, 21 Jun 2024 18:24:54 -0400
Subject: [PATCH] Add more projects and fixup existing ones

---
 .vitepress/config.ts          |  7 ++++++-
 components/ContactButtons.vue |  7 ++++---
 components/RepoButton.vue     | 26 ++++++++++++++++++++++++++
 eslint.config.js              | 14 +++++++++++++-
 lambdarouter.md               | 15 +++++++++++++++
 mjfs-us-react.md              | 14 ++++++++++++++
 mjfs-us.md                    | 17 +++++++++++++----
 mystro.md                     |  7 +++----
 package.json                  |  3 ++-
 rotabull.md                   |  8 +++-----
 selfpass.md                   | 16 ++++++++++++++++
 tv-time.md                    |  2 +-
 12 files changed, 116 insertions(+), 20 deletions(-)
 create mode 100644 components/RepoButton.vue
 create mode 100644 lambdarouter.md
 create mode 100644 mjfs-us-react.md
 create mode 100644 selfpass.md

diff --git a/.vitepress/config.ts b/.vitepress/config.ts
index 28f2d5d..9b3c2ad 100644
--- a/.vitepress/config.ts
+++ b/.vitepress/config.ts
@@ -25,7 +25,12 @@ export default defineConfig({
       },
       {
         text: "Personal Projects",
-        items: [{ text: "mjfs.us", link: "/mjfs-us" }],
+        items: [
+          { text: "mjfs.us", link: "/mjfs-us" },
+          { text: "mjfs.us (Old)", link: "/mjfs-us-react" },
+          { text: "lambdarouter", link: "/lambdarouter" },
+          { text: "selfpass", link: "/selfpass" },
+        ],
       },
     ],
 
diff --git a/components/ContactButtons.vue b/components/ContactButtons.vue
index 1b92410..736b359 100644
--- a/components/ContactButtons.vue
+++ b/components/ContactButtons.vue
@@ -13,7 +13,7 @@ const { text, copy, isSupported } = useClipboard();
 </script>
 
 <template>
-  <div v-if="isSupported" class="button-container">
+  <div v-if="isSupported" class="container">
     <VPButton
       theme="brand"
       class="button"
@@ -33,7 +33,7 @@ const { text, copy, isSupported } = useClipboard();
       @click="copy(discord)"
     />
   </div>
-  <div v-else class="button-container">
+  <div v-else class="container">
     <VPButton
       theme="brand"
       class="button"
@@ -58,8 +58,9 @@ const { text, copy, isSupported } = useClipboard();
 <style scoped>
 .button {
   margin: 6px;
+  text-decoration: none;
 }
-.button-container {
+.container {
   margin: -6px;
 }
 </style>
diff --git a/components/RepoButton.vue b/components/RepoButton.vue
new file mode 100644
index 0000000..eab5d23
--- /dev/null
+++ b/components/RepoButton.vue
@@ -0,0 +1,26 @@
+<script setup lang="ts">
+import { VPButton } from "vitepress/theme";
+const props = defineProps<{ href: string }>();
+</script>
+
+<template>
+  <div class="container">
+    <VPButton
+      theme="brand"
+      text="Repository"
+      class="button"
+      :href="props.href"
+    />
+  </div>
+</template>
+
+<style scoped>
+.container {
+  display: flex;
+  justify-content: center;
+}
+.button {
+  margin-top: 30px;
+  text-decoration: none;
+}
+</style>
diff --git a/eslint.config.js b/eslint.config.js
index a903817..df7b8d2 100644
--- a/eslint.config.js
+++ b/eslint.config.js
@@ -1,15 +1,27 @@
 import globals from "globals";
 import js from "@eslint/js";
 import ts from "typescript-eslint";
+import tsParser from "@typescript-eslint/parser";
 import vue from "eslint-plugin-vue";
+import vueParser from "vue-eslint-parser";
 import prettier from "eslint-config-prettier";
 
 export default [
   { files: ["**/*.{js,mjs,cjs,ts,vue}"] },
   { ignores: [".vitepress/dist", ".vitepress/cache"] },
-  { languageOptions: { globals: globals.browser } },
   js.configs.recommended,
   ...ts.configs.recommended,
   ...vue.configs["flat/recommended"],
   prettier,
+  {
+    files: ["*.vue", "**/*.vue"],
+    languageOptions: {
+      globals: globals.browser,
+      parser: vueParser,
+      parserOptions: {
+        parser: tsParser,
+        sourceType: "module",
+      },
+    },
+  },
 ];
diff --git a/lambdarouter.md b/lambdarouter.md
new file mode 100644
index 0000000..35ba786
--- /dev/null
+++ b/lambdarouter.md
@@ -0,0 +1,15 @@
+<script setup lang="ts">
+import RepoButton from "./components/RepoButton.vue";
+</script>
+
+# lambdarouter
+
+This package contains a router, written in Golang, capable of routing many AWS Lambda API gateway
+requests to anything that implements the aws-lambda-go Handler interface, all in one Lambda
+function. It plays especially well with go-kit's awslambda transport package.
+
+This was originally designed for a work project where we wanted to consolidate code and Lambda
+functions. It did the job and was used all over our codebase for some time. I imagine it has since
+been retired.
+
+<RepoButton href="https://github.com/whip-networks/lambdarouter" />
diff --git a/mjfs-us-react.md b/mjfs-us-react.md
new file mode 100644
index 0000000..7888bff
--- /dev/null
+++ b/mjfs-us-react.md
@@ -0,0 +1,14 @@
+<script setup lang="ts">
+import RepoButton from "./components/RepoButton.vue";
+</script>
+
+# mjfs.us (React.js version)
+
+The previous version of this site. I've built and rebuilt my personal website in many technologies,
+but this is just a simple TypeScript React SPA. Before using TS, I put Flow up to the same task and
+was pleasantly surprised, but ultimately won over in other projects by TS.
+
+This site was hosted on S3 and cached/distributed around the US by Cloudfront, much like the new
+site. It was also continuously deployed using TravisCI.
+
+<RepoButton href="https://github.com/mitchell/mjfs.us" />
diff --git a/mjfs-us.md b/mjfs-us.md
index 4f528f8..746c9e5 100644
--- a/mjfs-us.md
+++ b/mjfs-us.md
@@ -1,7 +1,16 @@
+<script setup lang="ts">
+import RepoButton from "./components/RepoButton.vue";
+</script>
+
 # mjfs.us
 
-This website is simple but effective and powered by [VitePress](https://vitepress.dev/). A static
-site generator that uses Vite and Vue under the hood.
+When creating this newest site, I decided to stick with TypeScript but instead go with Vue for fun.
+Its powered by [VitePress](https://vitepress.dev/), a static site generator that uses Vite under the
+hood to generate static HTML/JS/CSS assets from Markdown templates and Vue components. It's then
+uploaded to S3 and distributed around the US by Cloudfront.
 
-The content is composed with Markdown/Vue files then staticly rendered and deployed to AWS
-S3/Cloudfront for max performance and SEO optimization.
+So far I've really enjoyed writing the bulk of the content in Markdown, while being able to add in
+Vue single file components where desired. Vue feels very lightweight to write and use, even in this
+hybrid environment.
+
+<RepoButton href="https://github.com/mitchell/mjfs-us" />
diff --git a/mystro.md b/mystro.md
index 6f1785a..8973935 100644
--- a/mystro.md
+++ b/mystro.md
@@ -15,9 +15,8 @@ semi-automated deployment via OTA updates.
 
 ## Technologies
 
-- React-Native
-- TypeScript
-- Swift iOS Native Modules
-- Java Android Native Modules
+- React-Native (TypeScript)
+- iOS Native Modules (Swift)
+- Android Native Modules (Java)
 - Serverless (AWS Lambda)
 - AWS DynamoDB & AppConfig
diff --git a/package.json b/package.json
index 2dc7e21..2cd5e79 100644
--- a/package.json
+++ b/package.json
@@ -27,6 +27,7 @@
     "format": "prettier -w .",
     "lint": "eslint .",
     "check": "bun run format && bun run lint && bun run typecheck",
-    "clean": "rm -rf ./.vitepress/cache/ ./.vitepress/dist/"
+    "clean": "rm -rf ./.vitepress/cache/ ./.vitepress/dist/",
+    "git:add": "bun run check && git add -p"
   }
 }
diff --git a/rotabull.md b/rotabull.md
index aee0673..02fa3ce 100644
--- a/rotabull.md
+++ b/rotabull.md
@@ -10,11 +10,9 @@ engineering lead and primary architect.
 
 ## Technologies
 
-- Elixir
-- C#
-- Typescript
-- React.js
-- Phoenix Framework
+- Phoenix (Elixir)
+- React.js (TypeScript)
+- .NET (C#)
 - PostgreSQL
 - OracleDB
 - SQL Server
diff --git a/selfpass.md b/selfpass.md
new file mode 100644
index 0000000..67625a1
--- /dev/null
+++ b/selfpass.md
@@ -0,0 +1,16 @@
+<script setup lang="ts">
+import RepoButton from "./components/RepoButton.vue";
+</script>
+
+# selfpass
+
+Selfpass was intended to be a self-hosted single-user password manager capable of
+encrypting/decrypting credentials and storing them remotely through mutual, or two-way, TLS. All of
+which is deployable locally or to popular cloud platforms such as GCP and AWS. Some of the
+technologies used were go-kit, gRPC, Docker, Redis, and Flutter.
+
+While developing it, after the encryption was implemented, I used this project as my own password
+manager for while, before moving on to KeePassXC. I built it mostly out of interest in further
+exploring Golang and trying out Dart/Flutter for native development.
+
+<RepoButton href="https://github.com/mitchell/selfpass" />
diff --git a/tv-time.md b/tv-time.md
index 570ea05..9f3bc17 100644
--- a/tv-time.md
+++ b/tv-time.md
@@ -1,4 +1,4 @@
-# TV Time
+# TV Time (Whip Media)
 
 ## Backend Engineer