filesReducer:update to TS, no-verify

Author: NalinDalal

client/modules/Preview/filesReducer.js client/modules/Preview/filesReducer.tsclient/modules/Preview/filesReducer.js renamed to client/modules/Preview/filesReducer.ts

@@ -3,34 +3,53 @@ import blobUtil from 'blob-util';
 import mime from 'mime';
 import { PLAINTEXT_FILE_REGEX } from '../../../server/utils/fileUtils';
 
+// Define types for File, State, and Action
+interface File {
+  id: string;
+  name: string;
+  content: string;
+  blobUrl?: string;
+  children: string[];
+}
+
+interface State extends Array<File> {}
+
+interface Action {
+  type: string;
+  files?: File[];
+}
+
 // https://gist.github.com/fnky/7d044b94070a35e552f3c139cdf80213
-export function useSelectors(state, mapStateToSelectors) {
+export function useSelectors<T>(
+  state: T,
+  mapStateToSelectors: (state: T) => any
+) {
   const selectors = useMemo(() => mapStateToSelectors(state), [state]);
   return selectors;
 }
 
-export function getFileSelectors(state) {
+export function getFileSelectors(state: State) {
   return {
     getHTMLFile: () => state.filter((file) => file.name.match(/.*\.html$/i))[0],
     getJSFiles: () => state.filter((file) => file.name.match(/.*\.js$/i)),
     getCSSFiles: () => state.filter((file) => file.name.match(/.*\.css$/i))
   };
 }
 
-function sortedChildrenId(state, children) {
+function sortedChildrenId(state: State, children: string[]): string[] {
   const childrenArray = state.filter((file) => children.includes(file.id));
   childrenArray.sort((a, b) => (a.name > b.name ? 1 : -1));
   return childrenArray.map((child) => child.id);
 }
 
-export function setFiles(files) {
+export function setFiles(files: File[]) {
   return {
     type: 'SET_FILES',
     files
   };
 }
 
-export function createBlobUrl(file) {
+export function createBlobUrl(file: File): string {
   if (file.blobUrl) {
     blobUtil.revokeObjectURL(file.blobUrl);
   }
@@ -43,7 +62,7 @@ export function createBlobUrl(file) {
   return blobURL;
 }
 
-export function createBlobUrls(state) {
+export function createBlobUrls(state: State): State {
   return state.map((file) => {
     if (file.name.match(PLAINTEXT_FILE_REGEX)) {
       const blobUrl = createBlobUrl(file);
@@ -53,10 +72,10 @@ export function createBlobUrls(state) {
   });
 }
 
-export function filesReducer(state, action) {
+export function filesReducer(state: State, action: Action): State {
   switch (action.type) {
     case 'SET_FILES':
-      return createBlobUrls(action.files);
+      return createBlobUrls(action.files || []);
     default:
       return state.map((file) => {
         file.children = sortedChildrenId(state, file.children);

package-lock.json

@@ -136,9 +136,11 @@
     "@testing-library/jest-dom": "^5.15.0",
     "@testing-library/react": "^12.1.2",
     "@types/bcryptjs": "^2.4.6",
+    "@types/blob-util": "^1.3.3",
     "@types/classnames": "^2.3.0",
     "@types/friendly-words": "^1.2.2",
     "@types/jest": "^29.5.14",
+    "@types/mime": "^3.0.4",
     "@types/mjml": "^4.7.4",
     "@types/node": "^16.18.126",
     "@types/nodemailer": "^7.0.1",