refactor: move web utils to packages (#7145)

* refactor: move web utils to packages

* fix: build and lint errors

* chore: update drag handle plugin

* chore: update table cell type to fix build errors

* fix: build errors

* chore: sync few changes

* fix: build errors

* chore: minor fixes related to duplicate assets imports

* fix: build errors

* chore: minor changes

packages/utils/src/file.ts

@@ -1,3 +1,4 @@
+// plane imports
 import { API_BASE_URL } from "@plane/constants";
 import { TFileMetaDataLite, TFileSignedURLResponse } from "@plane/types";
 
@@ -47,3 +48,66 @@ export const getAssetIdFromUrl = (src: string): string => {
   const assetUrl = sourcePaths[sourcePaths.length - 1];
   return assetUrl;
 };
+
+/**
+ * @description encode image via URL to base64
+ * @param {string} url
+ * @returns
+ */
+export const getBase64Image = async (url: string): Promise<string> => {
+  if (!url || typeof url !== "string") {
+    throw new Error("Invalid URL provided");
+  }
+
+  // Try to create a URL object to validate the URL
+  try {
+    new URL(url);
+  } catch {
+    throw new Error("Invalid URL format");
+  }
+
+  const response = await fetch(url);
+  // check if the response is OK
+  if (!response.ok) {
+    throw new Error(`Failed to fetch image: ${response.statusText}`);
+  }
+
+  const blob = await response.blob();
+  return new Promise((resolve, reject) => {
+    const reader = new FileReader();
+
+    reader.onloadend = () => {
+      if (reader.result) {
+        resolve(reader.result as string);
+      } else {
+        reject(new Error("Failed to convert image to base64."));
+      }
+    };
+
+    reader.onerror = () => {
+      reject(new Error("Failed to read the image file."));
+    };
+
+    reader.readAsDataURL(blob);
+  });
+};
+
+/**
+ * @description downloads a CSV file
+ * @param {Array<Array<string>> | { [key: string]: string }} data - The data to be exported to CSV
+ * @param {string} name - The name of the file to be downloaded
+ */
+export const csvDownload = (data: Array<Array<string>> | { [key: string]: string }, name: string) => {
+  const rows = Array.isArray(data) ? [...data] : [Object.keys(data), Object.values(data)];
+
+  const csvContent = "data:text/csv;charset=utf-8," + rows.map((e) => e.join(",")).join("\n");
+  const encodedUri = encodeURI(csvContent);
+
+  const link = document.createElement("a");
+  link.href = encodedUri;
+  link.download = `${name}.csv`;
+
+  document.body.appendChild(link);
+  link.click();
+  document.body.removeChild(link);
+};