first commit

2025-06-10 15:28:23 +05:30
commit e22a2dc275
699 changed files with 100382 additions and 0 deletions
--- a/app/src/components/temporary/SelectFloorPlan.tsx
+++ b/app/src/components/temporary/SelectFloorPlan.tsx
@@ -0,0 +1,134 @@
+import React, { useEffect, useState } from "react";
+import useLayoutStore from "../../store/builder/uselayoutStore";
+import { useDfxUpload } from "../../store/builder/store";
+import DxfParser from "dxf-parser";
+import { getWallPointsFromBlueprint } from "../../modules/builder/dfx/functions/getWallPointsFromBlueprint";
+import { convertDXFToThree } from "../../modules/builder/dfx/functions/convertDxfToThree";
+import { AIIcon } from "../icons/ExportCommonIcons";
+type DXFData = any;
+const SelectFloorPlan: React.FC = () => {
+  // Access layout state and state setters
+  const { currentLayout, setLayout } = useLayoutStore();
+  // Access DXF-related states and setters
+  const { setDfxUploaded, setDfxGenerate, setObjValue, objValue } =
+    useDfxUpload();
+
+  // Local state to store the parsed DXF file
+  const [parsedFile, setParsedFile] = useState<DXFData | undefined>(undefined);
+
+  // Flag to trigger generation after file upload
+  const [generate, setGenerate] = useState<boolean>(false);
+
+  // Handles file upload and DXF parsing
+  const handleFileUpload = async (
+    event: React.ChangeEvent<HTMLInputElement>
+  ) => {
+    setLayout(null); // Reset current layout
+    setParsedFile(undefined); // Clear any previously parsed file
+    const file = event.target.files?.[0];
+    if (!file || !file.name.endsWith(".dxf")) {
+      alert("Please upload a valid .dxf file.");
+      return;
+    }
+
+    const reader = new FileReader();
+    reader.onload = async (e) => {
+      const dxfContent = e.target?.result as string;
+
+      try {
+        const parser = new DxfParser();
+        const parsedDatas = parser.parse(dxfContent) as DXFData;
+        const geometries = convertDXFToThree(parsedDatas);
+        setParsedFile(parsedDatas);
+        setObjValue({ x: 0, y: 0, z: 0 });
+        setDfxUploaded(geometries);
+      } catch (error) {
+        console.error("Failed to import your .dxf file", error);
+      } finally {
+        // ✅ Reset input AFTER processing
+        event.target.value = "";
+      }
+    };
+
+    reader.readAsText(file); // Read the uploaded file as text
+  };
+
+  // Trigger wall point generation when `generate` flag changes
+  useEffect(() => {
+    if (parsedFile !== undefined) {
+      getWallPointsFromBlueprint({
+        parsedData: parsedFile,
+        setDfxGenerate,
+        objValue,
+      });
+    }
+  }, [generate]);
+
+  return (
+    <div className="select-floorplane-wrapper">
+      Upload Layouts
+      <div className="presets-container">
+        <input
+          type="file"
+          id="file-upload"
+          accept=".dxf"
+          style={{ display: "none", width: "10px" }}
+          onChange={handleFileUpload}
+        />
+
+        <label
+          htmlFor="file-upload"
+          className="preset upload-btn"
+          style={{
+            cursor: "pointer",
+            padding: "10px 48px",
+          }}
+        >
+          Upload
+        </label>
+
+        {parsedFile && (
+          <button
+            type="button"
+            id="generate-upload"
+            className="generate-walls-btn"
+            onClick={() => {
+              setDfxUploaded([]);
+              setLayout(null);
+              setGenerate(!generate);
+            }}
+          >
+            <AIIcon />
+            Generate
+          </button>
+        )}
+      </div>
+      or
+      <div className="presets-container">
+        <button
+          className={`preset ${currentLayout === "layout1" ? "active" : ""}`}
+          onClick={() => {
+            setLayout("layout1");
+            setDfxUploaded([]);
+            setGenerate(false);
+          }}
+        >
+          Preset 1
+        </button>
+
+        <button
+          className={`preset ${currentLayout === "layout2" ? "active" : ""}`}
+          onClick={() => {
+            setLayout("layout2");
+            setDfxUploaded([]);
+            setGenerate(false);
+          }}
+        >
+          Preset 2
+        </button>
+      </div>
+    </div>
+  );
+};
+
+export default SelectFloorPlan;