Resolved conflits and pushing the changes

Author: Hari Kiran

package.json

@@ -3,7 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
-    "3d-force-graph": "^1.73.4",
+    "@craco/craco": "^7.1.0",
     "@emotion/react": "^11.11.1",
     "@emotion/styled": "^11.11.0",
     "@mui/icons-material": "^5.14.3",
@@ -15,19 +15,31 @@
     "@types/jest": "^27.0.1",
     "@types/react": "^18.0.0",
     "@types/react-dom": "^18.0.0",
-    "@types/three": "^0.169.0",
+    "@types/three": "^0.174.0",
+    "3d-force-graph": "^1.73.4",
+    "ajv": "^8",
+    "ajv-keywords": "^5",
     "axios": "^1.4.0",
+    "bda": "^1.0.0",
+    "bjd": "^0.3.2",
+    "buffer": "^6.0.3",
     "dayjs": "^1.11.10",
+    "jda": "^0.4.0",
+    "jquery": "^3.7.1",
+    "json-stringify-safe": "^5.0.1",
     "jwt-decode": "^3.1.2",
+    "path-browserify": "^1.0.1",
     "query-string": "^8.1.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-json-view": "^1.21.3",
     "react-redux": "^8.1.2",
     "react-router-dom": "^6.15.0",
     "react-scripts": "^5.0.1",
-    "three": "^0.169.0",
+    "sharp": "^0.33.5",
+    "stats-js": "^1.0.1",
     "typescript": "^5.1.6",
+    "uplot": "^1.6.31",
     "web-vitals": "^2.1.0"
   },
   "devDependencies": {
@@ -47,10 +59,10 @@
     "prettier": "^2.3.1"
   },
   "scripts": {
-    "start": "react-scripts start",
-    "build": "react-scripts build",
-    "test": "react-scripts test",
-    "eject": "react-scripts eject"
+    "start": "craco start",
+    "build": "craco build",
+    "test": "craco test",
+    "eject": "craco eject"
   },
   "browserslist": {
     "production": [
@@ -66,6 +78,7 @@
   },
   "resolutions": {
     "postcss": "^8.4.31",
-    "nth-check": "^2.0.1"
+    "nth-check": "^2.0.1",
+    "three": "0.174.0"
   }
 }

src/declare.d.ts

@@ -1,2 +1,30 @@
 declare module '*.png';
 declare module '*.svg';
+
+declare global {
+    interface Window {
+      dopreview: (key: any, idx: number, isinternal: boolean, hastime: any[]) => void;
+    }
+}
+
+declare module "./utils/preview.js" {
+    export function dopreview(
+      key: any,
+      idx: number,
+      isinternal?: boolean,
+      hastime?: any
+    ): void;
+    export function initcanvas(): void;
+    export function drawpreview(data: any): void;
+    export function update(): void;
+}
+
+declare module "jda" {
+  const jdata: any;
+  export default jdata;
+}
+
+declare module "bjd" {
+  const bjdata: any;
+  export default bjdata;
+}

src/index.tsx

@@ -27,13 +27,27 @@ import store from "./redux/store";
 import { ThemeProvider } from "@mui/material/styles";
 import { CssBaseline } from "@mui/material";
 import theme from "./design/theme";
+import * as preview from "./utils/preview.js";
+
+import { previewdataurl, previewdata, dopreview, drawpreview, update, initcanvas, createStats, setControlAngles, setcrosssectionsizes } from "./utils/preview.js";
 
 // Get the root element
 const rootElement = document.getElementById("root") as HTMLElement;
 
 // Create the root for rendering React
 const root = ReactDOM.createRoot(rootElement);
 
+// Expose dopreview globally
+(window as any).previewdataurl = previewdataurl;
+(window as any).previewdata = previewdata;
+(window as any).dopreview = dopreview;
+(window as any).drawpreview = drawpreview;
+(window as any).initcanvas = initcanvas;
+(window as any).update = update;
+(window as any).createStats = createStats;
+(window as any).setControlAngles = setControlAngles;
+(window as any).setcrosssectionsizes = setcrosssectionsizes;
+
 // Render the application
 root.render(
   <React.StrictMode>