Merge branch 'main' into patch-1

Author: Mathys-Gasnier

.github/CODEOWNERS

@@ -0,0 +1,28 @@
+# ---------- Our awesome maintainers ----------
+
+# Global maintainers
+* @Mathys-Gasnier
+
+# Code maintainers
+/src/ @Yugveer06 @GreenMan36
+
+# Snippets maintainers
+/public/data @Mathys-Gasnier
+
+
+# ---------- What is a maintainer ----------
+
+# Maintainers will be notified when there is a pull request 
+# with a change in the folder/file assigned to them. They will 
+# have to approve the pull request before it can be merged.
+
+
+# ---------- How to be a maintainer ----------
+
+# To maintain trust and collaboration with reviewers, first, 
+# we will need to prove that you can contribute to the project well. 
+# As you contribute more, the more responsibility you will have.
+
+# We will assign maintainers for specific languages as well.
+# As we notice more contribution from your side, we will let you know 
+# and assign you a language.

.github/FUNDING.yml

@@ -0,0 +1,15 @@
+# These are supported funding model platforms
+
+github: # Replace with up to 4 GitHub Sponsors-enabled usernames e.g., [user1, user2]
+patreon: # Replace with a single Patreon username
+open_collective: # Replace with a single Open Collective username
+ko_fi: technoph1le
+tidelift: # Replace with a single Tidelift platform-name/package-name e.g., npm/babel
+community_bridge: # Replace with a single Community Bridge project-name e.g., cloud-foundry
+liberapay: # Replace with a single Liberapay username
+issuehunt: # Replace with a single IssueHunt username
+lfx_crowdfunding: # Replace with a single LFX Crowdfunding project-name e.g., cloud-foundry
+polar: # Replace with a single Polar username
+buy_me_a_coffee: # Replace with a single Buy Me a Coffee username
+thanks_dev: # Replace with a single thanks.dev username
+custom: # Replace with up to 4 custom sponsorship URLs e.g., ['link1', 'link2']

.prettierignore

@@ -3,3 +3,4 @@ dist
 .vite
 coverage
 package-lock.json
+.md

CONTRIBUTING.md

@@ -36,7 +36,10 @@ Look for the categoryName where your snippet belongs.
 {
   "title": "Name of the snippet",
   "description": "A short explanation of what the snippet does",
-  "code": ["your code goes here", "  this is a newline with a space"],
+  "code": [
+    "your code goes here", 
+    "  this is a newline with a space"
+  ],
   "tags": ["tag1", "tag2", "tag3"],
   "author": "your_github_username"
 }
@@ -81,7 +84,10 @@ Use this format:
       {
         "title": "Name of the snippet",
         "description": "A short explanation of what it does",
-        "code": ["your code goes here", "  this is a newline with a space"],
+        "code": [
+          "your code goes here", 
+          "  this is a newline with a space"
+        ],
         "tags": ["tag1", "tag2", "tag3"],
         "author": "your_github_username"
       }

README.md

@@ -2,16 +2,10 @@
 
 An open-source project that categorizes handy code snippets across various programming languages. Built with love and powered by an awesome community. 🚀
 
-<div style="display: flex">
 <a href="https://youtu.be/BhRi7fJzPgk?si=z1sVXU7uRS0bkSEt" target="_blank" style="text-decoration: none;">
   <img src="https://img.shields.io/static/v1?label=&message=Watch%20on%20YouTube&labelColor=FFFFFF&color=FF0000&style=for-the-badge&logo=youtube&logoColor=FF0000" alt="Watch on YouTube" style="margin-right: 20px">
 </a>
 
-<a href="https://ko-fi.com/D1D217QALD" target="_blank" style="text-decoration: none;">
-  <img src="https://img.shields.io/static/v1?label=&message=Support%20this%20project&labelColor=FFFFFF&color=FF5E5B&style=for-the-badge&logo=ko-fi&logoColor=FF5E5B" alt="Support this project">
-</a>
-</div>
-
 <br>
 
 ![Website preview](/public/preview.png)
@@ -41,7 +35,10 @@ If you’d like to add a snippet for an **existing language** and **category**,
 {
   "title": "Name of the snippet",
   "description": "A short explanation of what the snippet does",
-  "code": ["your code goes here", "  this is a newline with a space"],
+  "code": [
+    "your code goes here", 
+    "  this is a newline with a space"
+  ],
   "tags": ["tag1", "tag2", "tag3"],
   "author": "your_github_username"
 }
@@ -62,3 +59,7 @@ Following these guidelines helps me (and everyone else) review and merge your co
 ## License
 
 QuickSnip is licensed under the [MIT License](/LICENSE). Feel free to use and share it as you like.
+
+<a href="https://www.producthunt.com/products/quicksnip" target="_blank" style="text-decoration: none;">
+  <img src="https://img.shields.io/static/v1?label=&message=Leave%20a%20Review&labelColor=FFFFFF&color=DA552F&style=for-the-badge&logo=product-hunt&logoColor=DA552F" alt="Leave a Review">
+</a>

eslint.config.js

@@ -3,15 +3,15 @@ import globals from "globals";
 import reactHooks from "eslint-plugin-react-hooks";
 import reactRefresh from "eslint-plugin-react-refresh";
 import tseslint from "typescript-eslint";
-import prettier from "eslint-plugin-prettier";
+import prettier from "eslint-plugin-prettier/recommended";
 
 export default tseslint.config(
   { ignores: ["dist"] },
   {
     extends: [
       js.configs.recommended,
       ...tseslint.configs.recommended,
-      "plugin:prettier/recommended",
+      prettier,
     ],
     files: ["**/*.{ts,tsx}"],
     languageOptions: {
@@ -21,7 +21,6 @@ export default tseslint.config(
     plugins: {
       "react-hooks": reactHooks,
       "react-refresh": reactRefresh,
-      prettier,
     },
     rules: {
       ...reactHooks.configs.recommended.rules,

index.html

@@ -24,7 +24,7 @@
     <title>QuickSnip</title>
   </head>
   <body>
-    <div id="root"></div>
+    <div id="root" role="presentation"></div>
     <div id="modal-root"></div>
     <script type="module" src="/src/main.tsx"></script>
   </body>

package-lock.json

@@ -20,6 +20,7 @@
   },
   "devDependencies": {
     "@eslint/js": "^9.11.1",
+    "@types/eslint-plugin-react-refresh": "^0.4.0",
     "@types/react": "^18.3.10",
     "@types/react-dom": "^18.3.0",
     "@types/react-syntax-highlighter": "^15.5.13",