support windows

packages/app/package.json

@@ -10,6 +10,7 @@
   },
   "devDependencies": {
     "@types/cytoscape-fcose": "^2.2.4",
+    "@types/path-browserify": "^1.0.3",
     "@types/react": "^19.0.1",
     "@types/react-dom": "^19.0.2",
     "@vitejs/plugin-react": "^4.3.4",
@@ -25,6 +26,7 @@
     "cytoscape-fcose": "^2.2.0",
     "cytoscape-layout-utilities": "^1.1.1",
     "npm": "^10.9.2",
+    "path-browserify": "^1.0.1",
     "react": "19.0.0",
     "react-dom": "19.0.0",
     "react-icons": "^5.5.0",

packages/app/src/components/Cytoscape/contextMenu/FileContextMenu.tsx

@@ -7,6 +7,7 @@ import {
   LuGitGraph,
 } from "react-icons/lu";
 import { FileDependencyManifest } from "@nanoapi.io/shared";
+import { basename } from "path-browserify";
 
 export default function FileContextMenu(props: {
   position: { x: number; y: number };
@@ -51,7 +52,7 @@ export default function FileContextMenu(props: {
           className="rounded-md bg-secondarySurface-light dark:bg-secondarySurface-dark shadow-md border border-border-light dark:border-border-dark p-1"
         >
           <DropdownMenu.Label>
-            {props.fileDependencyManifest.filePath.split("/").pop()}
+            {basename(props.fileDependencyManifest.filePath)}
           </DropdownMenu.Label>
           <DropdownMenu.Separator />
           <DropdownMenu.Item
@@ -78,7 +79,7 @@ export default function FileContextMenu(props: {
             className="px-2 py-1 hover:bg-primary-light dark:hover:bg-primary-dark"
             onSelect={() =>
               props.showInSidebar(
-                props.fileDependencyManifest.filePath.split("/").pop() || "",
+                basename(props.fileDependencyManifest.filePath) || "",
               )
             }
           >

packages/app/src/components/FileDetailsPane.tsx

@@ -19,6 +19,7 @@ import {
   metricDependentCount,
   metricLinesCount,
 } from "@nanoapi.io/shared";
+import { basename } from "path-browserify";
 
 // Subcomponent for section headings
 function SectionHeading({ children }: { children: React.ReactNode }) {
@@ -133,7 +134,7 @@ export default function FileDetailsPane(props: {
   setOpen: (open: boolean) => void;
 }) {
   const { fileDependencyManifest, fileAuditManifest, open, setOpen } = props;
-  const fileName = fileDependencyManifest.filePath.split("/").pop() || "";
+  const fileName = basename(fileDependencyManifest.filePath);
   const fileAlerts = Object.values(fileAuditManifest.alerts) as {
     message: { long: string };
     metric: string;

packages/app/src/components/FileExplorer/FileExplorer.tsx

@@ -31,6 +31,7 @@ import {
 } from "react-icons/md";
 import { runExtraction } from "../../service/api/index.js";
 import { toast } from "react-toastify";
+import { extname, sep } from "path-browserify";
 
 interface TreeData {
   id: string;
@@ -145,7 +146,7 @@ export default function FileExplorer(props: {
         return;
       }
 
-      const segments = file.path.split("/");
+      const segments = file.path.split(sep);
 
       // Add the file to the tree structure
       addFileToTree(rootNodes, segments, "", file.symbols);
@@ -437,7 +438,11 @@ function NodeElement(props: {
                     onClick={handleToggle}
                   >
                     <div className="flex space-x-2 items-center overflow-hidden">
-                      {languageIcon(props.node.name.split(".").pop() || "txt")}
+                      {languageIcon(
+                        extname(
+                          props.node.name.split(".").pop() || "txt",
+                        ).slice(1) || "txt",
+                      )}
                       <DisplayedPath node={props.node} search={props.search} />
                     </div>
                   </Button>
@@ -746,7 +751,7 @@ function ExtractionElement(props: {
     <div className="flex flex-col space-y-2 ml-5">
       <div className="flex items-center justify-between space-x-2">
         <div className="flex items-center space-x-2">
-          {languageIcon(props.node.filePath.split(".").pop() || "txt")}
+          {languageIcon(extname(props.node.filePath).slice(1) || "txt")}
           {getDisplayedPath(props.node.filePath)}
         </div>
         {props.editMode === EditMode.EDITING && (

packages/app/src/components/SymbolDetailsPane.tsx

@@ -19,6 +19,7 @@ import {
   metricDependentCount,
   metricLinesCount,
 } from "@nanoapi.io/shared";
+import { basename } from "path-browserify";
 
 // Subcomponent for section headings
 function SectionHeading({ children }: { children: React.ReactNode }) {
@@ -85,7 +86,7 @@ export default function SymbolDetailsPane(props: {
 }) {
   const { fileDependencyManifest, fileAuditManifest, symbolId, open, setOpen } =
     props;
-  const fileName = fileDependencyManifest.filePath.split("/").pop() || "";
+  const fileName = basename(fileDependencyManifest.filePath);
   const symbolData = fileDependencyManifest.symbols[symbolId];
   const symbolName = symbolData?.id || symbolId;
   const symbolType = symbolData?.type || "";

packages/cli/package.json

@@ -37,13 +37,11 @@
     }
   },
   "scripts": {
-    "dev": "cross-env NODE_ENV=development nodemon --no-stdin --exec \"node --loader ts-node/esm\" src/index.ts",
-    "build:cleanup": "rm -rf ./dist && rm -rf ../app/dist",
+    "dev": "cross-env NODE_ENV=development nodemon --no-stdin --exec \"node --loader ts-node/esm src/index.ts\"",
     "build:app": "npm run build --prefix ../app",
-    "build:copy-app-dist": "cp -r ../app/dist ./dist/app_dist",
+    "build:copy-app-dist": "node -e \"import('fs').then(({cpSync}) => cpSync('../app/dist', './dist/app_dist', {recursive: true}))\"",
     "build:cli": "tsup",
-    "build:add-shebang": "echo '#!/usr/bin/env node' | cat - ./dist/index.js > temp && mv temp ./dist/index.js && chmod +x ./dist/index.js",
-    "build": "npm run build:cleanup && npm run build:app && npm run build:cli && npm run build:copy-app-dist && npm run build:add-shebang",
+    "build": "npm run build:app && npm run build:cli && npm run build:copy-app-dist",
     "start": "node dist/index.js",
     "npm:publish": "npm publish",
     "release": "npx release-it"

packages/cli/src/helpers/fileSystem/index.ts

@@ -85,11 +85,20 @@ export function writeFilesToDirectory(
   if (existsSync(dir)) {
     rmSync(dir, { recursive: true });
   }
-  mkdirSync(dir, { recursive: true });
 
   for (const { path, content } of files.values()) {
     const fullPath = join(dir, path);
-    mkdirSync(dirname(fullPath), { recursive: true });
-    writeFileSync(fullPath, content);
+    try {
+      mkdirSync(dirname(fullPath), { recursive: true });
+      writeFileSync(fullPath, content);
+    } catch (error) {
+      if (error instanceof Error) {
+        console.error(`Failed to write file ${fullPath}: ${error.message}`);
+        throw new Error(
+          `Failed to write file ${fullPath}. Check permissions and try again.`,
+        );
+      }
+      throw error;
+    }
   }
 }

packages/cli/src/index.ts

@@ -1,3 +1,4 @@
+#!/usr/bin/env node
 import { initCli } from "./cli/index.js";
 
 // remove all warning.