Merge branch 'dostonnabotov:main' into main

Author: Yugveer06

.github/workflows/consolidate-snippets.yml

@@ -16,11 +16,20 @@ jobs:
       - name: Checkout repository
         uses: actions/checkout@v3
 
+      - name: Install jq (for JSON manipulation)
+        run: sudo apt-get install -y jq
+
       - name: Consolidate JSON files
         run: |
           mkdir -p public/consolidated
           echo "[" > public/consolidated/all_snippets.json
-          find public/data -name "*.json" -exec sh -c 'jq -c ".[]" {} | sed "s/^/{\"language\": \"$(basename {} .json)\", /" | sed "s/}/},/" >> public/consolidated/all_snippets.json' \;
+          find public/data -name "*.json" ! -name "_index.json" -exec sh -c '
+            for file; do
+              jq -c ".[]" "$file" | \
+              sed "s/^/{\"language\": \"$(basename "$file" .json)\", /" | \
+              sed "s/}$/}/" >> public/consolidated/all_snippets.json
+            done
+          ' _ {} +
           sed -i '$ s/,$//' public/consolidated/all_snippets.json
           echo "]" >> public/consolidated/all_snippets.json
 

public/consolidated/all_snippets.json

@@ -14,5 +14,9 @@
   {
     "lang": "SCSS",
     "icon": "/icons/sass.svg"
+  },
+  {
+    "lang": "CPP",
+    "icon": "/icons/cpp.svg"
   }
 ]

public/data/_index.json

@@ -0,0 +1,20 @@
+[
+  {
+    "categoryName": "String Manipulation",
+    "snippets": [
+      {
+        "title": "Reverse String",
+        "description": "Reverses the characters in a string.",
+        "code": [
+          "string reverseString(const string& input) {",
+          "    string reversed = input;",
+          "    reverse(reversed.begin(), reversed.end()); // Using STL's reverse function",
+          "    return reversed;",
+          "}"
+        ],
+        "tags": ["cpp", "array", "reverse", "utility"],
+        "author": "Vaibhav-kesarwani"
+      }
+    ]
+  }
+]

public/data/cpp.json

@@ -92,7 +92,7 @@
       },
       {
         "title": "Aspect Ratio",
-        "description": "Ensures that elements maintain a specific aspect ratio.",
+        "description": "Ensures elements maintain a specific aspect ratio.",
         "code": [
           "@mixin aspect-ratio($width, $height) {",
           "  position: relative;",

public/data/scss.json

@@ -5,6 +5,7 @@ import { CloseIcon } from "./Icons";
 import CodePreview from "./CodePreview";
 import { SnippetType } from "../types";
 import slugify from "../utils/slugify";
+import useEscapeKey from "../hooks/useEscapeKey";
 
 type Props = {
   snippet: SnippetType;
@@ -19,6 +20,7 @@ const SnippetModal: React.FC<Props> = ({
 }) => {
   const modalRoot = document.getElementById("modal-root");
   if (!modalRoot) return null;
+  useEscapeKey(handleCloseModal);
 
   return ReactDOM.createPortal(
     <div className="modal-overlay">

public/icons/cpp.svg

@@ -0,0 +1,16 @@
+import { useEffect } from "react"
+
+const useEscapeKey = (onEscapeEvent: () => void) => {
+  useEffect(() => {
+    const handleEscape = (event: { key: string }) => {
+      if (event.key === "Escape") onEscapeEvent();
+    }
+    window.addEventListener("keydown", handleEscape);
+
+    return () => {
+      window.removeEventListener("keydown", handleEscape);
+    }
+  }, [onEscapeEvent]);
+};
+
+export default useEscapeKey;