[feat 🎉] web socket works perfect as we expect ✨

Author: devlopersabbir

changelog.md

@@ -31,3 +31,4 @@
 - [chore] Created executeme platform logo for free
 - [feat] Created a release notes ci/cd pipeline to automate our release version
 - [feat] Create electron builder CI for build various platform applicaiton
+- [feat] ShadcnUI added to our desktop application

desktop/.env.example

@@ -0,0 +1,2 @@
+RENDERER_VITE_SERVER_BASE_URL=""
+RENDERER_VITE_SERVER_BASE_URL_LOCAL="http://localhost:9091"

desktop/.prettierrc.yaml

@@ -1,4 +1,4 @@
-singleQuote: true
-semi: false
+singleQuote: false
+semi: true
 printWidth: 100
 trailingComma: none

desktop/components.json

@@ -0,0 +1,21 @@
+{
+  "$schema": "https://ui.shadcn.com/schema.json",
+  "style": "new-york",
+  "rsc": false,
+  "tsx": true,
+  "tailwind": {
+    "config": "",
+    "css": "src/renderer/src/assets/main.css",
+    "baseColor": "neutral",
+    "cssVariables": true,
+    "prefix": ""
+  },
+  "aliases": {
+    "components": "src/renderer/src/components",
+    "utils": "src/renderer/src/lib/utils",
+    "ui": "src/renderer/src/components/ui",
+    "lib": "src/renderer/src/lib",
+    "hooks": "src/renderer/src/hooks"
+  },
+  "iconLibrary": "lucide"
+}

desktop/electron.vite.config.ts

@@ -1,6 +1,8 @@
-import { resolve } from 'path'
-import { defineConfig, externalizeDepsPlugin } from 'electron-vite'
-import react from '@vitejs/plugin-react'
+import { resolve } from "path";
+import { defineConfig, externalizeDepsPlugin } from "electron-vite";
+import react from "@vitejs/plugin-react";
+// @ts-ignore
+import tailwindcss from "@tailwindcss/vite";
 
 export default defineConfig({
   main: {
@@ -12,9 +14,9 @@ export default defineConfig({
   renderer: {
     resolve: {
       alias: {
-        '@renderer': resolve('src/renderer/src')
+        "@renderer": resolve("src/renderer/src")
       }
     },
-    plugins: [react()]
+    plugins: [react(), tailwindcss()]
   }
-})
+});

desktop/package.json

@@ -28,12 +28,27 @@
   "dependencies": {
     "@electron-toolkit/preload": "^3.0.1",
     "@electron-toolkit/utils": "^4.0.0",
-    "electron-updater": "^6.3.9"
+    "@monaco-editor/react": "^4.7.0",
+    "@radix-ui/react-select": "^2.2.5",
+    "@radix-ui/react-slot": "^1.2.3",
+    "axios": "^1.10.0",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "electron-updater": "^6.3.9",
+    "lucide-react": "^0.525.0",
+    "monaco-editor": "^0.52.2",
+    "next-themes": "^0.4.6",
+    "perf_hooks": "^0.0.1",
+    "socket.io-client": "^4.8.1",
+    "sonner": "^2.0.6",
+    "tailwind-merge": "^3.3.1",
+    "tw-animate-css": "^1.3.5"
   },
   "devDependencies": {
     "@electron-toolkit/eslint-config-prettier": "^3.0.0",
     "@electron-toolkit/eslint-config-ts": "^3.0.0",
     "@electron-toolkit/tsconfig": "^1.0.1",
+    "@tailwindcss/vite": "^4.1.11",
     "@types/node": "^22.14.1",
     "@types/react": "^19.1.1",
     "@types/react-dom": "^19.1.2",
@@ -48,6 +63,7 @@
     "prettier": "^3.5.3",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
+    "tailwindcss": "^4.1.11",
     "typescript": "^5.8.3",
     "vite": "^6.2.6"
   },