First Public Release

Author: Kxffie

package-lock.json

@@ -42,6 +42,7 @@
     "@types/node": "^20.11.30",
     "@types/react": "^18.2.15",
     "@types/react-dom": "^18.2.7",
+    "@types/react-syntax-highlighter": "^15.5.13",
     "@vitejs/plugin-react": "^4.2.1",
     "autoprefixer": "^10.4.19",
     "postcss": "^8.4.38",

package.json

@@ -1,7 +1,6 @@
 // Prevents additional console window on Windows in release, DO NOT REMOVE!!
 #![cfg_attr(not(debug_assertions), windows_subsystem = "windows")]
 
-use tauri::Manager;
 use std::path::PathBuf;
 use open;
 

src-tauri/src/main.rs

@@ -3,11 +3,12 @@
     "beforeDevCommand": "npm run dev",
     "beforeBuildCommand": "npm run build",
     "devPath": "http://localhost:1420",
-    "distDir": "../dist"
+    "distDir": "../dist",
+    "withGlobalTauri": true
   },
   "package": {
     "productName": "SnipIt",
-    "version": "0.0.0"
+    "version": "1.0.0"
   },
   "tauri": {
     "allowlist": {

src-tauri/tauri.conf.json

@@ -32,15 +32,14 @@ export default function Settings() {
       }
     });
 
-    // Fetch the App Directory
     tauriPath.appDataDir().then((dir) => {
       setAppDirectory(dir);
     });
   }, []);
 
   const handleFolderOpen = async (path: string) => {
     try {
-      await invoke("open_folder", { path });  // Calling the Rust command
+      await invoke("open_folder", { path });
     } catch (error) {
       console.error("Failed to open folder:", error);
     }
@@ -50,8 +49,12 @@ export default function Settings() {
   const handleChangeCollectionPath = async () => {
     try {
       const selected = await dialog.open({ directory: true });
-      if (selected && typeof selected === "string") {
-        const updatedSettings = { ...settings, collectionPath: selected };
+      if (selected && typeof selected === "string" && settings) {
+        const updatedSettings = {
+          os: settings.os || "Unknown OS",
+          firstStartup: settings.firstStartup || new Date().toISOString(),
+          collectionPath: selected,
+        };
         await saveSettings(updatedSettings);
         setSettings(updatedSettings);
         setCollectionPath(selected);
@@ -60,6 +63,7 @@ export default function Settings() {
       console.error("Failed to change collection path:", error);
     }
   };
+  
 
   const renderSection = () => {
     switch (activeSection) {

src/Settings.tsx

@@ -1,8 +1,6 @@
 import { useState, useEffect } from "react";
-import * as DevIcons from "react-icons/di";
-import { languageIconMap } from "@/lib/languageIconMap";
 import { Button } from "@/components/ui/button";
-import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
+import { Card, CardContent, CardTitle } from "@/components/ui/card";
 import { Copy, FileText, X, Search, Pencil, Trash, Sparkles, Folders, Star } from "lucide-react";
 import { toast } from "sonner";
 import { Input } from "@/components/ui/input";
@@ -13,7 +11,8 @@ import { Prism as SyntaxHighlighter } from "react-syntax-highlighter";
 import { tomorrow } from "react-syntax-highlighter/dist/esm/styles/prism";
 import { EditSnippet } from "./EditSnippet";
 
-export const SnipItsView = ({ setActivePage }: { setActivePage: (page: string) => void }) => {
+type Page = "home" | "snipits" | "settings" | "newsnippet";
+export const SnipItsView = ({ setActivePage }: { setActivePage: React.Dispatch<React.SetStateAction<Page>> }) => {
   const [searchQuery, setSearchQuery] = useState("");
   const [filters, setFilters] = useState<string[]>([]);
   const [snippets, setSnippets] = useState<any[]>([]);
@@ -81,10 +80,10 @@ export const SnipItsView = ({ setActivePage }: { setActivePage: (page: string) =
   };
 
   const toggleStar = async (snippet: any) => {
-    snippet.starred = !snippet.starred; // Toggle the star status
+    snippet.starred = !snippet.starred;
     try {
       await fs.writeTextFile(`${collectionPath}/${snippet.id}.json`, JSON.stringify(snippet, null, 2));
-      await fetchSnippets(collectionPath); // Refresh snippets
+      await fetchSnippets(collectionPath);
       toast.success(snippet.starred ? "Snippet starred." : "Snippet unstarred.");
     } catch (error) {
       console.error("Failed to update snippet:", error);
@@ -115,8 +114,6 @@ export const SnipItsView = ({ setActivePage }: { setActivePage: (page: string) =
 
     return matchesSearch && matchesFilters;
   });
-  
-  
 
   const handleDelete = async (id: string) => {
     try {
@@ -129,29 +126,18 @@ export const SnipItsView = ({ setActivePage }: { setActivePage: (page: string) =
     }
   };
 
-  const handleEdit = async (snippet: any) => {
-    try {
-      await fs.writeTextFile(`${collectionPath}/${snippet.id}.json`, JSON.stringify(snippet, null, 2));
-      await fetchSnippets(collectionPath);
-      toast.success("Snippet updated.");
-    } catch (error) {
-      console.error("Failed to update snippet:", error);
-      toast.error("Failed to update snippet.");
-    }
-  };
-
 
   const handleEditClick = (id: string) => {
-    setEditingSnippetId(id); // Set the snippet to be edited
+    setEditingSnippetId(id);
   };
 
   const handleSave = async () => {
-    await fetchSnippets(collectionPath); // Refresh snippets after saving
-    setEditingSnippetId(null); // Exit edit mode
+    await fetchSnippets(collectionPath);
+    setEditingSnippetId(null);
   };
 
   const handleCancel = () => {
-    setEditingSnippetId(null); // Exit edit mode without saving
+    setEditingSnippetId(null);
   };
 
   if (editingSnippetId) {
@@ -186,7 +172,7 @@ export const SnipItsView = ({ setActivePage }: { setActivePage: (page: string) =
         <div className="space-y-2">
           {availableLanguages.map((language) => {
             const normalizedLanguage = language.toLowerCase();
-            const IconComponent = DevIcons[languageIconMap[normalizedLanguage]] || FileText;
+            const IconComponent = FileText;
 
             return (
               <Button

src/SnipItsView.tsx

@@ -4,6 +4,7 @@ import { join, appDataDir  } from "@tauri-apps/api/path";
 const SETTINGS_FILE = "settings.json";
 const SNIPPET_FILE = `snippets/snippets.json`;
 
+
 async function getSettingsFilePath() {
     const appDir = await appDataDir();
     const settingsPath = await join(appDir, SETTINGS_FILE);
@@ -17,10 +18,9 @@ async function getSettingsFilePath() {
   }
 
 async function getDbFilePath() {
-    const appDir = await appDataDir(); // Get the system AppData path
+    const appDir = await appDataDir();
     const dbPath = await join(appDir, SNIPPET_FILE);
 
-    // ✅ Ensure directory exists before writing
     const dirExists = await exists(appDir);
     if (!dirExists) {
       console.log(`Creating AppData directory: ${appDir}`);
@@ -30,15 +30,6 @@ async function getDbFilePath() {
     return dbPath;
   }
 
-// ✅ Ensure `src/db/` directory exists
-async function ensureDbExists() {
-    const path = await join(await appDataDir(), SNIPPET_FILE);
-    if (!(await exists(path))) {
-      await writeTextFile(path, "[]"); // Create empty JSON array
-    }
-    return path;
-  }
-
   export async function loadSettings() {
     try {
       const path = await getSettingsFilePath();
@@ -50,7 +41,6 @@ async function ensureDbExists() {
     }
   }
 
-  // ✅ Save Settings
   export async function saveSettings(settings: any) {
     try {
       const path = await getSettingsFilePath();
@@ -61,15 +51,14 @@ async function ensureDbExists() {
     }
   }
 
-// ✅ Load Snippets from JSON File
 export async function loadSnippets() {
     try {
       const path = await getDbFilePath();
       console.log("Checking for snippets file at:", path);
 
       if (!(await exists(path))) {
         console.log("No snippets file found, creating an empty one...");
-        await writeTextFile(path, "[]"); // Create an empty JSON array
+        await writeTextFile(path, "[]");
         return [];
       }
 
@@ -82,7 +71,6 @@ export async function loadSnippets() {
     }
   }
 
-// ✅ Save Snippets to JSON File
 export async function saveSnippets(snippets: any[]) {
     try {
       const path = await getDbFilePath();
@@ -92,29 +80,4 @@ export async function saveSnippets(snippets: any[]) {
     } catch (error) {
       console.error("❌ Error saving snippets:", error);
     }
-  }
-
-// ✅ Delete a Snippet
-export async function deleteSnippet(id: number) {
-  const snippets = await loadSnippets();
-  const updatedSnippets = snippets.filter((s) => s.id !== id);
-  await saveSnippets(updatedSnippets);
-}
-
-// ✅ Update (Edit) a Snippet
-export async function updateSnippet(updatedSnippet: any) {
-  const snippets = await loadSnippets();
-  const index = snippets.findIndex((s) => s.id === updatedSnippet.id);
-  if (index !== -1) {
-    snippets[index] = updatedSnippet;
-    await saveSnippets(snippets);
-  }
-}
-
-// ✅ Add a New Snippet
-export async function addSnippet(newSnippet: any) {
-  const snippets = await loadSnippets();
-  newSnippet.id = snippets.length ? Math.max(...snippets.map((s) => s.id)) + 1 : 1;
-  snippets.push(newSnippet);
-  await saveSnippets(snippets);
-}
+  }

src/db/db.ts

@@ -0,0 +1,4 @@
+// src/react-syntax-highlighter.d.ts
+declare module "react-syntax-highlighter/dist/esm/styles/prism";
+declare module "react-syntax-highlighter";
+declare module "lang-detector";