remove unused imports

remove custom rehype highlight plugin
math and more icons
2023-04-23 21:49:32 +00:00 · 2023-04-23 21:44:49 +00:00 · 2023-04-23 21:15:48 +00:00
8 changed files with 349 additions and 75 deletions
--- a/package-lock.json
+++ b/package-lock.json
@ -11,15 +11,16 @@
        "@fontsource/jetbrains-mono": "^4.5.12",
        "@fontsource/lato": "^4.5.10",
        "@fortawesome/fontawesome-svg-core": "^6.4.0",
+        "@fortawesome/free-brands-svg-icons": "^6.4.0",
        "@fortawesome/free-regular-svg-icons": "^6.4.0",
        "@fortawesome/free-solid-svg-icons": "^6.4.0",
        "@fortawesome/react-fontawesome": "^0.2.0",
+        "@mdx-js/react": "^2.3.0",
        "highlight.js": "^11.7.0",
+        "katex": "^0.16.6",
        "normalize.css": "^8.0.1",
        "react": "^18.2.0",
-        "react-dom": "^18.2.0",
-        "react-icons": "^4.8.0",
-        "rehype-highlight": "^6.0.0"
+        "react-dom": "^18.2.0"
      },
      "devDependencies": {
        "@bspeice/vite-plugin-blog": "^1.1.0",
@ -29,6 +30,9 @@
        "@vitejs/plugin-react-swc": "^3.0.0",
        "husky": "^8.0.0",
        "pretty-quick": "^3.1.3",
+        "rehype-highlight": "^6.0.0",
+        "rehype-katex": "^6.0.3",
+        "remark-math": "^5.1.1",
        "typescript": "^4.9.3",
        "vite": "^4.2.0"
      }
@ -429,6 +433,18 @@
        "node": ">=6"
      }
    },
+    "node_modules/@fortawesome/free-brands-svg-icons": {
+      "version": "6.4.0",
+      "resolved": "https://registry.npmjs.org/@fortawesome/free-brands-svg-icons/-/free-brands-svg-icons-6.4.0.tgz",
+      "integrity": "sha512-qvxTCo0FQ5k2N+VCXb/PZQ+QMhqRVM4OORiO6MXdG6bKolIojGU/srQ1ptvKk0JTbRgaJOfL2qMqGvBEZG7Z6g==",
+      "hasInstallScript": true,
+      "dependencies": {
+        "@fortawesome/fontawesome-common-types": "6.4.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
    "node_modules/@fortawesome/free-regular-svg-icons": {
      "version": "6.4.0",
      "resolved": "https://registry.npmjs.org/@fortawesome/free-regular-svg-icons/-/free-regular-svg-icons-6.4.0.tgz",
@ -494,6 +510,22 @@
        "url": "https://opencollective.com/unified"
      }
    },
+    "node_modules/@mdx-js/react": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/@mdx-js/react/-/react-2.3.0.tgz",
+      "integrity": "sha512-zQH//gdOmuu7nt2oJR29vFhDv88oGPmVw6BggmrHeMI+xgEkp1B2dX9/bMBSYtK0dyLX/aOmesKS09g222K1/g==",
+      "dependencies": {
+        "@types/mdx": "^2.0.0",
+        "@types/react": ">=16"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      },
+      "peerDependencies": {
+        "react": ">=16"
+      }
+    },
    "node_modules/@mdx-js/rollup": {
      "version": "2.3.0",
      "resolved": "https://registry.npmjs.org/@mdx-js/rollup/-/rollup-2.3.0.tgz",
@ -781,10 +813,17 @@
      "version": "2.3.4",
      "resolved": "https://registry.npmjs.org/@types/hast/-/hast-2.3.4.tgz",
      "integrity": "sha512-wLEm0QvaoawEDoTRwzTXp4b4jpwiJDvR5KMnFnVodm3scufTlBOWRD6N1OBf9TZMhjlNsSfcO5V+7AF4+Vy+9g==",
+      "dev": true,
      "dependencies": {
        "@types/unist": "*"
      }
    },
+    "node_modules/@types/katex": {
+      "version": "0.14.0",
+      "resolved": "https://registry.npmjs.org/@types/katex/-/katex-0.14.0.tgz",
+      "integrity": "sha512-+2FW2CcT0K3P+JMR8YG846bmDwplKUTsWgT2ENwdQ1UdVfRk3GQrh6Mi4sTopy30gI8Uau5CEqHTDZ6YvWIUPA==",
+      "dev": true
+    },
    "node_modules/@types/mdast": {
      "version": "3.0.11",
      "resolved": "https://registry.npmjs.org/@types/mdast/-/mdast-3.0.11.tgz",
@ -797,8 +836,7 @@
    "node_modules/@types/mdx": {
      "version": "2.0.4",
      "resolved": "https://registry.npmjs.org/@types/mdx/-/mdx-2.0.4.tgz",
-      "integrity": "sha512-qCYrNdpKwN6YO6FVnx+ulfqifKlE3lQGsNhvDaW9Oxzyob/cRLBJWow8GHBBD4NxQ7BVvtsATgLsX0vZAWmtrg==",
-      "dev": true
+      "integrity": "sha512-qCYrNdpKwN6YO6FVnx+ulfqifKlE3lQGsNhvDaW9Oxzyob/cRLBJWow8GHBBD4NxQ7BVvtsATgLsX0vZAWmtrg=="
    },
    "node_modules/@types/minimatch": {
      "version": "3.0.5",
@ -823,14 +861,12 @@
    "node_modules/@types/prop-types": {
      "version": "15.7.5",
      "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.5.tgz",
-      "integrity": "sha512-JCB8C6SnDoQf0cNycqd/35A7MjcnK+ZTqE7judS6o7utxUCg6imJg3QK2qzHKszlTjcj2cn+NwMB2i96ubpj7w==",
-      "dev": true
+      "integrity": "sha512-JCB8C6SnDoQf0cNycqd/35A7MjcnK+ZTqE7judS6o7utxUCg6imJg3QK2qzHKszlTjcj2cn+NwMB2i96ubpj7w=="
    },
    "node_modules/@types/react": {
      "version": "18.0.35",
      "resolved": "https://registry.npmjs.org/@types/react/-/react-18.0.35.tgz",
      "integrity": "sha512-6Laome31HpetaIUGFWl1VQ3mdSImwxtFZ39rh059a1MNnKGqBpC88J6NJ8n/Is3Qx7CefDGLgf/KhN/sYCf7ag==",
-      "dev": true,
      "dependencies": {
        "@types/prop-types": "*",
        "@types/scheduler": "*",
@ -849,13 +885,13 @@
    "node_modules/@types/scheduler": {
      "version": "0.16.3",
      "resolved": "https://registry.npmjs.org/@types/scheduler/-/scheduler-0.16.3.tgz",
-      "integrity": "sha512-5cJ8CB4yAx7BH1oMvdU0Jh9lrEXyPkar6F9G/ERswkCuvP4KQZfZkSjcMbAICCpQTN4OuZn8tz0HiKv9TGZgrQ==",
-      "dev": true
+      "integrity": "sha512-5cJ8CB4yAx7BH1oMvdU0Jh9lrEXyPkar6F9G/ERswkCuvP4KQZfZkSjcMbAICCpQTN4OuZn8tz0HiKv9TGZgrQ=="
    },
    "node_modules/@types/unist": {
      "version": "2.0.6",
      "resolved": "https://registry.npmjs.org/@types/unist/-/unist-2.0.6.tgz",
-      "integrity": "sha512-PBjIUxZHOuj0R15/xuwJYjFi+KZdNFrehocChv4g5hu6aFroHue8m0lBP0POdK2nKzbw0cgV1mws8+V/JAcEkQ=="
+      "integrity": "sha512-PBjIUxZHOuj0R15/xuwJYjFi+KZdNFrehocChv4g5hu6aFroHue8m0lBP0POdK2nKzbw0cgV1mws8+V/JAcEkQ==",
+      "dev": true
    },
    "node_modules/@vitejs/plugin-react-swc": {
      "version": "3.3.0",
@ -945,6 +981,7 @@
      "version": "2.0.2",
      "resolved": "https://registry.npmjs.org/bail/-/bail-2.0.2.tgz",
      "integrity": "sha512-0xO6mYd7JB2YesxDKplafRpsiOzPt9V02ddPCLbY1xYGPOX24NTyN50qnUxgCPcSoYMhKpAuBTjQoRZCAkUDRw==",
+      "dev": true,
      "funding": {
        "type": "github",
        "url": "https://github.com/sponsors/wooorm"
@ -1057,6 +1094,14 @@
        "url": "https://github.com/sponsors/wooorm"
      }
    },
+    "node_modules/commander": {
+      "version": "8.3.0",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-8.3.0.tgz",
+      "integrity": "sha512-OkTL9umf+He2DZkUq8f8J9of7yL6RJKI24dVITBmNfZBmri9zYZQrKkuXiKhyfPSu8tUhnVBB1iKXevvnlR4Ww==",
+      "engines": {
+        "node": ">= 12"
+      }
+    },
    "node_modules/concat-map": {
      "version": "0.0.1",
      "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
@ -1080,8 +1125,7 @@
    "node_modules/csstype": {
      "version": "3.1.2",
      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.2.tgz",
-      "integrity": "sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ==",
-      "dev": true
+      "integrity": "sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ=="
    },
    "node_modules/debug": {
      "version": "4.3.4",
@ -1140,6 +1184,18 @@
        "once": "^1.4.0"
      }
    },
+    "node_modules/entities": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz",
+      "integrity": "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.12"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/entities?sponsor=1"
+      }
+    },
    "node_modules/esbuild": {
      "version": "0.17.16",
      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.17.16.tgz",
@ -1279,12 +1335,14 @@
    "node_modules/extend": {
      "version": "3.0.2",
      "resolved": "https://registry.npmjs.org/extend/-/extend-3.0.2.tgz",
-      "integrity": "sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g=="
+      "integrity": "sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g==",
+      "dev": true
    },
    "node_modules/fault": {
      "version": "2.0.1",
      "resolved": "https://registry.npmjs.org/fault/-/fault-2.0.1.tgz",
      "integrity": "sha512-WtySTkS4OKev5JtpHXnib4Gxiurzh5NCGvWrFaZ34m6JehfTUhKZvn9njTfw48t6JumVQOmrKqpmGcdwxnhqBQ==",
+      "dev": true,
      "dependencies": {
        "format": "^0.2.0"
      },
@ -1310,6 +1368,7 @@
      "version": "0.2.2",
      "resolved": "https://registry.npmjs.org/format/-/format-0.2.2.tgz",
      "integrity": "sha512-wzsgA6WOq+09wrU1tsJ09udeR/YZRaeArL9e1wPbFg3GG2yDnC2ldKpxs4xunpFF9DgqCqOIra3bc1HWrJ37Ww==",
+      "dev": true,
      "engines": {
        "node": ">=0.4.x"
      }
@ -1370,10 +1429,76 @@
        "node": ">=8"
      }
    },
+    "node_modules/hast-util-from-dom": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/hast-util-from-dom/-/hast-util-from-dom-4.2.0.tgz",
+      "integrity": "sha512-t1RJW/OpJbCAJQeKi3Qrj1cAOLA0+av/iPFori112+0X7R3wng+jxLA+kXec8K4szqPRGI8vPxbbpEYvvpwaeQ==",
+      "dev": true,
+      "dependencies": {
+        "hastscript": "^7.0.0",
+        "web-namespaces": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/hast-util-from-html": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/hast-util-from-html/-/hast-util-from-html-1.0.1.tgz",
+      "integrity": "sha512-ehTy+4Lz1YAVF6enEuL9QFUHqJKRxAc8a7KACyhawY+YqTG5pLkrBHfykXELEy75N601fHDr36HIqCGSNxmgZw==",
+      "dev": true,
+      "dependencies": {
+        "@types/hast": "^2.0.0",
+        "hast-util-from-parse5": "^7.0.0",
+        "parse5": "^7.0.0",
+        "vfile": "^5.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/hast-util-from-html-isomorphic": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/hast-util-from-html-isomorphic/-/hast-util-from-html-isomorphic-1.0.0.tgz",
+      "integrity": "sha512-Yu480AKeOEN/+l5LA674a+7BmIvtDj24GvOt7MtQWuhzUwlaaRWdEPXAh3Qm5vhuthpAipFb2vTetKXWOjmTvw==",
+      "dev": true,
+      "dependencies": {
+        "@types/hast": "^2.0.0",
+        "hast-util-from-dom": "^4.0.0",
+        "hast-util-from-html": "^1.0.0",
+        "unist-util-remove-position": "^4.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/hast-util-from-parse5": {
+      "version": "7.1.2",
+      "resolved": "https://registry.npmjs.org/hast-util-from-parse5/-/hast-util-from-parse5-7.1.2.tgz",
+      "integrity": "sha512-Nz7FfPBuljzsN3tCQ4kCBKqdNhQE2l0Tn+X1ubgKBPRoiDIu1mL08Cfw4k7q71+Duyaw7DXDN+VTAp4Vh3oCOw==",
+      "dev": true,
+      "dependencies": {
+        "@types/hast": "^2.0.0",
+        "@types/unist": "^2.0.0",
+        "hastscript": "^7.0.0",
+        "property-information": "^6.0.0",
+        "vfile": "^5.0.0",
+        "vfile-location": "^4.0.0",
+        "web-namespaces": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
    "node_modules/hast-util-is-element": {
      "version": "2.1.3",
      "resolved": "https://registry.npmjs.org/hast-util-is-element/-/hast-util-is-element-2.1.3.tgz",
      "integrity": "sha512-O1bKah6mhgEq2WtVMk+Ta5K7pPMqsBBlmzysLdcwKVrqzZQ0CHqUPiIVspNhAG1rvxpvJjtGee17XfauZYKqVA==",
+      "dev": true,
      "dependencies": {
        "@types/hast": "^2.0.0",
        "@types/unist": "^2.0.0"
@ -1383,6 +1508,19 @@
        "url": "https://opencollective.com/unified"
      }
    },
+    "node_modules/hast-util-parse-selector": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/hast-util-parse-selector/-/hast-util-parse-selector-3.1.1.tgz",
+      "integrity": "sha512-jdlwBjEexy1oGz0aJ2f4GKMaVKkA9jwjr4MjAAI22E5fM/TXVZHuS5OpONtdeIkRKqAaryQ2E9xNQxijoThSZA==",
+      "dev": true,
+      "dependencies": {
+        "@types/hast": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
    "node_modules/hast-util-to-estree": {
      "version": "2.3.2",
      "resolved": "https://registry.npmjs.org/hast-util-to-estree/-/hast-util-to-estree-2.3.2.tgz",
@ -1414,6 +1552,7 @@
      "version": "3.1.2",
      "resolved": "https://registry.npmjs.org/hast-util-to-text/-/hast-util-to-text-3.1.2.tgz",
      "integrity": "sha512-tcllLfp23dJJ+ju5wCCZHVpzsQQ43+moJbqVX3jNWPB7z/KFC4FyZD6R7y94cHL6MQ33YtMZL8Z0aIXXI4XFTw==",
+      "dev": true,
      "dependencies": {
        "@types/hast": "^2.0.0",
        "@types/unist": "^2.0.0",
@ -1435,6 +1574,23 @@
        "url": "https://opencollective.com/unified"
      }
    },
+    "node_modules/hastscript": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/hastscript/-/hastscript-7.2.0.tgz",
+      "integrity": "sha512-TtYPq24IldU8iKoJQqvZOuhi5CyCQRAbvDOX0x1eW6rsHSxa/1i2CCiptNTotGHJ3VoHRGmqiv6/D3q113ikkw==",
+      "dev": true,
+      "dependencies": {
+        "@types/hast": "^2.0.0",
+        "comma-separated-tokens": "^2.0.0",
+        "hast-util-parse-selector": "^3.0.0",
+        "property-information": "^6.0.0",
+        "space-separated-tokens": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
    "node_modules/highlight.js": {
      "version": "11.7.0",
      "resolved": "https://registry.npmjs.org/highlight.js/-/highlight.js-11.7.0.tgz",
@ -1510,6 +1666,7 @@
      "version": "2.0.5",
      "resolved": "https://registry.npmjs.org/is-buffer/-/is-buffer-2.0.5.tgz",
      "integrity": "sha512-i2R6zNFDwgEHJyQUtJEk0XFi1i0dPFn/oqjK3/vPCcDeJvW5NQ83V8QbicfF1SupOaB0h8ntgBC2YiE7dfyctQ==",
+      "dev": true,
      "funding": [
        {
          "type": "github",
@ -1564,6 +1721,7 @@
      "version": "4.1.0",
      "resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-4.1.0.tgz",
      "integrity": "sha512-+Pgi+vMuUNkJyExiMBt5IlFoMyKnr5zhJ4Uspz58WOhBF5QoIZkFyNHIbBAtHwzVAgk5RtndVNsDRN61/mmDqg==",
+      "dev": true,
      "engines": {
        "node": ">=12"
      },
@ -1603,6 +1761,21 @@
      "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
      "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ=="
    },
+    "node_modules/katex": {
+      "version": "0.16.6",
+      "resolved": "https://registry.npmjs.org/katex/-/katex-0.16.6.tgz",
+      "integrity": "sha512-XVB7X8jEogjJ+OY+a9JdE+VOk9i7znela0HP6WaDbpB4sUh8ghrG0Ccluu2MA2tcJbFAViBC9aVXus2UvkEr8A==",
+      "funding": [
+        "https://opencollective.com/katex",
+        "https://github.com/sponsors/katex"
+      ],
+      "dependencies": {
+        "commander": "^8.3.0"
+      },
+      "bin": {
+        "katex": "cli.js"
+      }
+    },
    "node_modules/kleur": {
      "version": "4.1.5",
      "resolved": "https://registry.npmjs.org/kleur/-/kleur-4.1.5.tgz",
@ -1649,6 +1822,7 @@
      "version": "2.8.1",
      "resolved": "https://registry.npmjs.org/lowlight/-/lowlight-2.8.1.tgz",
      "integrity": "sha512-HCaGL61RKc1MYzEYn3rFoGkK0yslzCVDFJEanR19rc2L0mb8i58XM55jSRbzp9jcQrFzschPlwooC0vuNitk8Q==",
+      "dev": true,
      "dependencies": {
        "@types/hast": "^2.0.0",
        "fault": "^2.0.0",
@ -1707,6 +1881,21 @@
        "url": "https://opencollective.com/unified"
      }
    },
+    "node_modules/mdast-util-math": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/mdast-util-math/-/mdast-util-math-2.0.2.tgz",
+      "integrity": "sha512-8gmkKVp9v6+Tgjtq6SYx9kGPpTf6FVYRa53/DLh479aldR9AyP48qeVOgNZ5X7QUK7nOy4yw7vg6mbiGcs9jWQ==",
+      "dev": true,
+      "dependencies": {
+        "@types/mdast": "^3.0.0",
+        "longest-streak": "^3.0.0",
+        "mdast-util-to-markdown": "^1.3.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
    "node_modules/mdast-util-mdx": {
      "version": "2.0.1",
      "resolved": "https://registry.npmjs.org/mdast-util-mdx/-/mdast-util-mdx-2.0.1.tgz",
@ -1924,6 +2113,31 @@
        "uvu": "^0.5.0"
      }
    },
+    "node_modules/micromark-extension-math": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/micromark-extension-math/-/micromark-extension-math-2.1.0.tgz",
+      "integrity": "sha512-WH+fJkveMvM3ZN+deb/jT3UW623x8xO9ycfJNDC+UQXX+V72RO6hT9KqxA7c8XFwozAFJ7tufOeG+x/CVSXHUw==",
+      "dev": true,
+      "dependencies": {
+        "@types/katex": "^0.16.0",
+        "katex": "^0.16.0",
+        "micromark-factory-space": "^1.0.0",
+        "micromark-util-character": "^1.0.0",
+        "micromark-util-symbol": "^1.0.0",
+        "micromark-util-types": "^1.0.0",
+        "uvu": "^0.5.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/micromark-extension-math/node_modules/@types/katex": {
+      "version": "0.16.0",
+      "resolved": "https://registry.npmjs.org/@types/katex/-/katex-0.16.0.tgz",
+      "integrity": "sha512-hz+S3nV6Mym5xPbT9fnO8dDhBFQguMYpY0Ipxv06JMi1ORgnEM4M1ymWDUhUNer3ElLmT583opRo4RzxKmh9jw==",
+      "dev": true
+    },
    "node_modules/micromark-extension-mdx-expression": {
      "version": "1.0.4",
      "resolved": "https://registry.npmjs.org/micromark-extension-mdx-expression/-/micromark-extension-mdx-expression-1.0.4.tgz",
@ -2623,6 +2837,18 @@
        "url": "https://github.com/sponsors/wooorm"
      }
    },
+    "node_modules/parse5": {
+      "version": "7.1.2",
+      "resolved": "https://registry.npmjs.org/parse5/-/parse5-7.1.2.tgz",
+      "integrity": "sha512-Czj1WaSVpaoj0wbhMzLmWD69anp2WH7FXMB9n1Sy8/ZFF9jolSQVMu1Ij5WIyGmcBmhk7EOndpO4mIpihVqAXw==",
+      "dev": true,
+      "dependencies": {
+        "entities": "^4.4.0"
+      },
+      "funding": {
+        "url": "https://github.com/inikulin/parse5?sponsor=1"
+      }
+    },
    "node_modules/path-exists": {
      "version": "4.0.0",
      "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
@ -2792,14 +3018,6 @@
        "react": "^18.2.0"
      }
    },
-    "node_modules/react-icons": {
-      "version": "4.8.0",
-      "resolved": "https://registry.npmjs.org/react-icons/-/react-icons-4.8.0.tgz",
-      "integrity": "sha512-N6+kOLcihDiAnj5Czu637waJqSnwlMNROzVZMhfX68V/9bu9qHaMIJC4UdozWoOk57gahFCNHwVvWzm0MTzRjg==",
-      "peerDependencies": {
-        "react": "*"
-      }
-    },
    "node_modules/react-is": {
      "version": "16.13.1",
      "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
@ -2841,6 +3059,7 @@
      "version": "6.0.0",
      "resolved": "https://registry.npmjs.org/rehype-highlight/-/rehype-highlight-6.0.0.tgz",
      "integrity": "sha512-q7UtlFicLhetp7K48ZgZiJgchYscMma7XjzX7t23bqEJF8m6/s+viXQEe4oHjrATTIZpX7RG8CKD7BlNZoh9gw==",
+      "dev": true,
      "dependencies": {
        "@types/hast": "^2.0.0",
        "hast-util-to-text": "^3.0.0",
@ -2853,6 +3072,40 @@
        "url": "https://opencollective.com/unified"
      }
    },
+    "node_modules/rehype-katex": {
+      "version": "6.0.3",
+      "resolved": "https://registry.npmjs.org/rehype-katex/-/rehype-katex-6.0.3.tgz",
+      "integrity": "sha512-ByZlRwRUcWegNbF70CVRm2h/7xy7jQ3R9LaY4VVSvjnoVWwWVhNL60DiZsBpC5tSzYQOCvDbzncIpIjPZWodZA==",
+      "dev": true,
+      "dependencies": {
+        "@types/hast": "^2.0.0",
+        "@types/katex": "^0.14.0",
+        "hast-util-from-html-isomorphic": "^1.0.0",
+        "hast-util-to-text": "^3.1.0",
+        "katex": "^0.16.0",
+        "unist-util-visit": "^4.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/remark-math": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/remark-math/-/remark-math-5.1.1.tgz",
+      "integrity": "sha512-cE5T2R/xLVtfFI4cCePtiRn+e6jKMtFDR3P8V3qpv8wpKjwvHoBA4eJzvX+nVrnlNy0911bdGmuspCSwetfYHw==",
+      "dev": true,
+      "dependencies": {
+        "@types/mdast": "^3.0.0",
+        "mdast-util-math": "^2.0.0",
+        "micromark-extension-math": "^2.0.0",
+        "unified": "^10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
    "node_modules/remark-mdx": {
      "version": "2.3.0",
      "resolved": "https://registry.npmjs.org/remark-mdx/-/remark-mdx-2.3.0.tgz",
@ -3076,6 +3329,7 @@
      "version": "2.1.0",
      "resolved": "https://registry.npmjs.org/trough/-/trough-2.1.0.tgz",
      "integrity": "sha512-AqTiAOLcj85xS7vQ8QkAV41hPDIJ71XJB4RCUrzo/1GM2CQwhkJGaf9Hgr7BOugMRpgGUrqRg/DrBDl4H40+8g==",
+      "dev": true,
      "funding": {
        "type": "github",
        "url": "https://github.com/sponsors/wooorm"
@ -3098,6 +3352,7 @@
      "version": "10.1.2",
      "resolved": "https://registry.npmjs.org/unified/-/unified-10.1.2.tgz",
      "integrity": "sha512-pUSWAi/RAnVy1Pif2kAoeWNBa3JVrx0MId2LASj8G+7AiHWoKZNTomq6LG326T68U7/e263X6fTdcXIy7XnF7Q==",
+      "dev": true,
      "dependencies": {
        "@types/unist": "^2.0.0",
        "bail": "^2.0.0",
@ -3116,6 +3371,7 @@
      "version": "4.0.1",
      "resolved": "https://registry.npmjs.org/unist-util-find-after/-/unist-util-find-after-4.0.1.tgz",
      "integrity": "sha512-QO/PuPMm2ERxC6vFXEPtmAutOopy5PknD+Oq64gGwxKtk4xwo9Z97t9Av1obPmGU0IyTa6EKYUfTrK2QJS3Ozw==",
+      "dev": true,
      "dependencies": {
        "@types/unist": "^2.0.0",
        "unist-util-is": "^5.0.0"
@ -3139,6 +3395,7 @@
      "version": "5.2.1",
      "resolved": "https://registry.npmjs.org/unist-util-is/-/unist-util-is-5.2.1.tgz",
      "integrity": "sha512-u9njyyfEh43npf1M+yGKDGVPbY/JWEemg5nH05ncKPfi+kBbKBJoTdsogMu33uhytuLlv9y0O7GH7fEdwLdLQw==",
+      "dev": true,
      "dependencies": {
        "@types/unist": "^2.0.0"
      },
@ -3191,6 +3448,7 @@
      "version": "3.0.3",
      "resolved": "https://registry.npmjs.org/unist-util-stringify-position/-/unist-util-stringify-position-3.0.3.tgz",
      "integrity": "sha512-k5GzIBZ/QatR8N5X2y+drfpWG8IDBzdnVj6OInRNWm1oXrzydiaAT2OQiA8DPRRZyAKb9b6I2a6PxYklZD0gKg==",
+      "dev": true,
      "dependencies": {
        "@types/unist": "^2.0.0"
      },
@ -3203,6 +3461,7 @@
      "version": "4.1.2",
      "resolved": "https://registry.npmjs.org/unist-util-visit/-/unist-util-visit-4.1.2.tgz",
      "integrity": "sha512-MSd8OUGISqHdVvfY9TPhyK2VdUrPgxkUtWSuMHF6XAAFuL4LokseigBnZtPnJMu+FbynTkFNnFlyjxpVKujMRg==",
+      "dev": true,
      "dependencies": {
        "@types/unist": "^2.0.0",
        "unist-util-is": "^5.0.0",
@ -3217,6 +3476,7 @@
      "version": "5.1.3",
      "resolved": "https://registry.npmjs.org/unist-util-visit-parents/-/unist-util-visit-parents-5.1.3.tgz",
      "integrity": "sha512-x6+y8g7wWMyQhL1iZfhIPhDAs7Xwbn9nRosDXl7qoPTSCy0yNxnKc+hWokFifWQIDGi154rdUqKvbCa4+1kLhg==",
+      "dev": true,
      "dependencies": {
        "@types/unist": "^2.0.0",
        "unist-util-is": "^5.0.0"
@ -3248,6 +3508,7 @@
      "version": "5.3.7",
      "resolved": "https://registry.npmjs.org/vfile/-/vfile-5.3.7.tgz",
      "integrity": "sha512-r7qlzkgErKjobAmyNIkkSpizsFPYiUPuJb5pNW1RB4JcYVZhs4lIbVqk8XPk033CV/1z8ss5pkax8SuhGpcG8g==",
+      "dev": true,
      "dependencies": {
        "@types/unist": "^2.0.0",
        "is-buffer": "^2.0.0",
@ -3277,6 +3538,7 @@
      "version": "3.1.4",
      "resolved": "https://registry.npmjs.org/vfile-message/-/vfile-message-3.1.4.tgz",
      "integrity": "sha512-fa0Z6P8HUrQN4BZaX05SIVXic+7kE3b05PWAtPuYP9QLHsLKYR7/AlLW3NtOrpXRLeawpDLMsVkmk5DG0NXgWw==",
+      "dev": true,
      "dependencies": {
        "@types/unist": "^2.0.0",
        "unist-util-stringify-position": "^3.0.0"
@ -3335,6 +3597,16 @@
        }
      }
    },
+    "node_modules/web-namespaces": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/web-namespaces/-/web-namespaces-2.0.1.tgz",
+      "integrity": "sha512-bKr1DkiNa2krS7qxNtdrtHAmzuYGFQLiQ13TsorsdT6ULTkPLKuu5+GsFpDlg6JFjUTwX2DyhMPG2be8uPrqsQ==",
+      "dev": true,
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
    "node_modules/which": {
      "version": "2.0.2",
      "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
--- a/package.json
+++ b/package.json
@ -13,14 +13,16 @@
    "@fontsource/jetbrains-mono": "^4.5.12",
    "@fontsource/lato": "^4.5.10",
    "@fortawesome/fontawesome-svg-core": "^6.4.0",
+    "@fortawesome/free-brands-svg-icons": "^6.4.0",
+    "@fortawesome/free-regular-svg-icons": "^6.4.0",
    "@fortawesome/free-solid-svg-icons": "^6.4.0",
    "@fortawesome/react-fontawesome": "^0.2.0",
+    "@mdx-js/react": "^2.3.0",
    "highlight.js": "^11.7.0",
+    "katex": "^0.16.6",
    "normalize.css": "^8.0.1",
    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "react-icons": "^4.8.0",
-    "rehype-highlight": "^6.0.0"
+    "react-dom": "^18.2.0"
  },
  "devDependencies": {
    "@bspeice/vite-plugin-blog": "^1.1.0",
@ -30,6 +32,9 @@
    "@vitejs/plugin-react-swc": "^3.0.0",
    "husky": "^8.0.0",
    "pretty-quick": "^3.1.3",
+    "rehype-highlight": "^6.0.0",
+    "rehype-katex": "^6.0.3",
+    "remark-math": "^5.1.1",
    "typescript": "^4.9.3",
    "vite": "^4.2.0"
  }
--- a/pages/about.mdx
+++ b/pages/about.mdx
@ -1,8 +1,23 @@
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import { faGithub, faLinkedin } from "@fortawesome/free-brands-svg-icons";
+import { faEnvelope } from "@fortawesome/free-solid-svg-icons";
+
 import Layout from "./LayoutPage";
 export default Layout;

-Developer currently living in New York City
+Developer living in New York City

-Email: [bradlee@speice.io](mailto:bradlee@speice.io)
-
-LinkedIn: [bradleespeice](https://www.linkedin.com/in/bradleespeice/)
+> <FontAwesomeIcon
+>   icon={faEnvelope}
+>   style={{ color: "var(--color-secondary)" }}
+> /> [bradlee@speice.io](mailto:bradlee@speice.io)
+>
+> <FontAwesomeIcon
+>   icon={faGithub}
+>   style={{ color: "var(--color-secondary)" }}
+> /> [bspeice](https://github.com/bspeice)
+>
+> <FontAwesomeIcon
+>   icon={faLinkedin}
+>   style={{ color: "var(--color-secondary)" }}
+> /> [bradleespeice](https://www.linkedin.com/in/bradleespeice/)
--- a/pages/index.tsx
+++ b/pages/index.tsx
@ -1,12 +1,18 @@
 import Layout from "./LayoutPage";

+export const Page = () => (
+  <>
+    <p>Is this thing on?</p>
+    <p>
+      <a href="/2019/02/the-whole-world">Code</a>
+    </p>
+  </>
+);
+
 export default function () {
  return (
    <Layout>
-      <p>Is this thing on?</p>
-      <p>
-        <a href="/2019/02/the-whole-world">Code</a>
-      </p>
+      <Page />
    </Layout>
  );
 }
--- a/pages/style.css
+++ b/pages/style.css
@ -2,8 +2,8 @@

@import "@fontsource/lato";
@import "@fontsource/jetbrains-mono";
-
@import "highlight.js/styles/atom-one-dark.css";
+@import "katex/dist/katex.min.css";

 :root {
  --color-primary: #000;
@ -109,7 +109,7 @@ a > code:hover {
 }

 .gridOffset > pre > code {
-  grid-column: main;
+  grid-column: main / full;
 }

 .navbar {
@ -126,10 +126,5 @@ a > code:hover {
 }

 .icon {
-  vertical-align: middle;
  margin-right: 0.3em;
 }
-
-.icon-post {
-  vertical-align: text-top;
-}
--- a/posts/2019/02/the-whole-world.mdx
+++ b/posts/2019/02/the-whole-world.mdx
@ -5,6 +5,8 @@ export default Blog({
  published: "2019-02-05",
 });

+$m_at^h$
+
 The first memory type we'll look at is pretty special: when Rust can prove that a _value_ is fixed
 for the life of a program (`const`), and when a _reference_ is unique for the life of a program
 (`static` as a declaration, not
--- a/posts/LayoutBlog.tsx
+++ b/posts/LayoutBlog.tsx
@ -1,6 +1,7 @@
-import { PropsWithChildren } from "react";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { faCalendar } from "@fortawesome/free-solid-svg-icons";
+import { MDXProvider } from "@mdx-js/react";
+import React, { PropsWithChildren } from "react";

 import Base from "../pages/LayoutBase";

@ -11,6 +12,10 @@ interface BlogProps {
  updated?: string;
 }

+const components = {
+  pre: (props: any) => <pre className="hljs" {...props} />,
+};
+
 export default function Layout({
  title,
  description,
@ -37,7 +42,7 @@ export default function Layout({
    <Base>
      {header}
      <div style={{ paddingTop: "2em" }} />
-      {children}
+      <MDXProvider components={components}>{children}</MDXProvider>
    </Base>
  );
  return withChildren;
--- a/vite.config.ts
+++ b/vite.config.ts
@ -3,38 +3,8 @@ import blog from "@bspeice/vite-plugin-blog";
 import mdx from "@mdx-js/rollup";
 import react from "@vitejs/plugin-react-swc";
 import rehypeHighlight from "rehype-highlight";
-
-import { Root, Element } from "hast";
-import { Plugin } from "unified";
-import { visit } from "unist-util-visit";
-
-// Add the `hljs` class to `pre` so it picks up the highlight background color
-const highlightPre: Plugin<[], Root> = () => {
-  return (tree) => {
-    visit(tree, (node, _, parent) => {
-      if (
-        !parent ||
-        (parent as Element).tagName !== "pre" ||
-        (node as Element).tagName !== "code"
-      ) {
-        return;
-      }
-
-      const parentElement = parent as Element;
-      const parentProperties = parentElement.properties;
-
-      if (!parentProperties) {
-        return;
-      }
-
-      if (!Array.isArray(parentProperties["className"])) {
-        parentProperties["className"] = ["hljs"];
-      } else {
-        parentProperties["className"].unshift("hljs");
-      }
-    });
-  };
-};
+import rehypeKatex from "rehype-katex";
+import remarkMath from "remark-math";

 export default defineConfig({
  build: {
@ -48,7 +18,11 @@ export default defineConfig({
      "/about": "/pages/about.mdx",
      "/2019/02/the-whole-world": "/posts/2019/02/the-whole-world.mdx",
    }),
-    mdx({ rehypePlugins: [rehypeHighlight, highlightPre] }),
+    mdx({
+      remarkPlugins: [remarkMath],
+      rehypePlugins: [rehypeHighlight, rehypeKatex],
+      providerImportSource: "@mdx-js/react",
+    }),
    react(),
  ],
 });
Author	SHA1	Message	Date
Bradlee Speice	65d58c7f7d	remove unused imports	2023-04-23 21:49:32 +00:00
Bradlee Speice	7894cf8c81	remove custom rehype highlight plugin	2023-04-23 21:44:49 +00:00
Bradlee Speice	dff82d018b	math and more icons	2023-04-23 21:15:48 +00:00