fix initial typing errors in state

Author: jigarxp

src/store/actions.ts

@@ -3,11 +3,17 @@ import {
   breadthFirstSearchParent,
 } from "src/utils/search.util";
 
-import { State, Actions, Component, RouteComponentMap, HtmlElement } from "../../types";
+import {
+  State,
+  Actions,
+  Component,
+  RouteComponentMap,
+  HtmlElement,
+} from "../../types";
 import { Store } from "pinia";
 import localforage from "localforage";
 // *** GLOBAL *** //////////////////////////////////////////////
-
+// @ts-ignore
 const actions: Store<"main", State, {}, Actions> = {
   emptyState() {
     this.$reset();
@@ -733,9 +739,10 @@ const actions: Store<"main", State, {}, Actions> = {
   },
 
   addParent(payload) {
-    const a = this.componentMap[payload.componentName].parent as { [key: string]: Component | RouteComponentMap }
-    a[this.parentSelected] =
-      this.componentMap[this.parentSelected];
+    const a = this.componentMap[payload.componentName].parent as {
+      [key: string]: Component | RouteComponentMap;
+    };
+    a[this.parentSelected] = this.componentMap[this.parentSelected];
     this.componentMap[this.parentSelected].children.push(payload.componentName);
   },
 
@@ -1047,11 +1054,13 @@ const actions: Store<"main", State, {}, Actions> = {
       this.componentMap[this.activeComponent].htmlList.forEach((el) => {
         //adding class into it's child 1st layer
         if (el.children.length !== 0) {
-          el.children.forEach((element: { id: string | number; class: string }) => {
-            if (payload.id === element.id) {
-              element.class = payload.class;
+          el.children.forEach(
+            (element: { id: string | number; class: string }) => {
+              if (payload.id === element.id) {
+                element.class = payload.class;
+              }
             }
-          });
+          );
         }
         if (payload.id === el.id) {
           el.class = payload.class;
@@ -1067,11 +1076,13 @@ const actions: Store<"main", State, {}, Actions> = {
       if (active.htmlList)
         this.componentMap[this.activeComponent].htmlList.forEach((el) => {
           if (el.children.length !== 0) {
-            el.children.forEach((element: { id: string | number; binding: string | number }) => {
-              if (payload.id === element.id) {
-                element.binding = payload.binding;
+            el.children.forEach(
+              (element: { id: string | number; binding: string | number }) => {
+                if (payload.id === element.id) {
+                  element.binding = payload.binding;
+                }
               }
-            });
+            );
           }
           if (payload.id === el.id) {
             el.binding = payload.binding;

src/store/state/index.ts

@@ -1,96 +1,96 @@
-import icons from './icons';
-import htmlElementMap from './htmlElementMap';
-import styleClassmap from './styleClassMap';
-import * as types from '../../../types';
+import icons from "./icons";
+import htmlElementMap from "./htmlElementMap";
+import styleClassmap from "./styleClassMap";
+import * as types from "../../../types";
 
-const cloneDeep = require('lodash.clonedeep');
+const cloneDeep = require("lodash.clonedeep");
 
-const newState :types.State = {
-  clicked:false,
+const newState: types.State = {
+  clicked: false,
   icons,
   htmlElementMap,
   componentMap: {
     App: {
-      componentName: 'App',
-      children: ['HomeView'],
-      htmlList: []
+      componentName: "App",
+      children: ["HomeView"],
+      htmlList: [],
     },
     HomeView: {
-      componentName: 'HomeView',
+      componentName: "HomeView",
       children: [],
       htmlList: [],
-    }
+    },
   },
   routes: {
-    HomeView: []
+    HomeView: [],
   },
   userActions: [],
   userProps: [],
   userState: [],
   imagePath: {
-    HomeView: ''
+    HomeView: "",
   },
-  componentNameInputValue: '',
-  projects: [{ filename: 'Untitled-1', lastSavedLocation: '' }],
+  componentNameInputValue: "",
+  projects: [{ filename: "Untitled-1", lastSavedLocation: "" }],
 
-  activeRoute: 'HomeView',
+  activeRoute: "HomeView",
   // need to change to activeComponentName
-  activeComponent: '',
+  activeComponent: "",
   activeComponentObj: null,
-  activeHTML: '',
+  activeHTML: "",
   activeLayer: {
-    id: '',
-    lineage: []
+    id: "",
+    lineage: [],
   },
 
   selectedProps: [],
   selectedState: [],
   selectedActions: [],
   selectedElementList: [],
-  selectedIdDrag: '',
-  selectedIdDrop: '',
+  selectedIdDrag: "",
+  selectedIdDrop: "",
   projectNumber: 2,
   activeTab: 0,
-  componentChildrenMultiselectValue: [],
+  // componentChildrenMultiselectValue: [],
   modalOpen: false,
   attributeModalOpen: false,
   noteModalOpen: false,
   //test
   noteAttributeOpen: false,
   colorModalOpen: false,
-  parentSelected: false,
+  parentSelected: "",
   // for storing copied component
   copiedComponent: {},
   copyNumber: 0,
   pastedComponent: {},
-  exportAsTypescript: 'off',
-  exportOauth: 'off',
-  exportOauthGithub: 'off',
+  exportAsTypescript: "off",
+  exportOauth: "off",
+  exportOauthGithub: "off",
   showTutorial: true,
   tutorialFirstOpen: true,
   pasteTimer: 0,
   gridLayout: [15, 15], // [Width Ratio, Height Ratio] this will be used to have containerH / gridLayout[0] and have fr
   containerH: 720, // in px
   containerW: 1280, // in px
-  importLibraries:[],
-  displaylibComponent:false,
-  importTest:'off'
+  importLibraries: [],
+  displaylibComponent: false,
+  importTest: "off",
   //push libraries string to the array
 };
 
 // closured method to ensure we only ever write the default state ONCE
-const writeTheDefault = ():any => {
-  let initial:object = {};
-  let needsToRun:boolean = true;
-  function onced(payload:any) {
+const writeTheDefault = (): any => {
+  let initial: object = {};
+  let needsToRun: boolean = true;
+  function onced(payload: any) {
     if (needsToRun) {
       initial = cloneDeep(payload);
       needsToRun = false;
     }
     return initial;
   }
   return onced;
-}
+};
 
 const defaultState = writeTheDefault();