code format&style fix

src/_node/apis.ts

@@ -1,4 +1,4 @@
-import { doFileActions, doNodeActions } from ".";
+import { doFileActions, doNodeActions } from "./";
 
 export const callNodeApi = doNodeActions;
 export const callFileApi = doFileActions;

src/_node/file/actions.ts

@@ -1,5 +1,6 @@
 import { LogAllow } from "@_constants/global";
-import { TFileApiPayload, TNodeApiPayload } from "..";
+
+import { TFileApiPayload } from "../";
 
 const add = () => {};
 const remove = () => {};

src/_node/file/index.ts

@@ -1,5 +1,4 @@
 export * from "./types";
-export * from "./constants";
 export * from "./apis";
 export * from "./helpers";
 export * from "./actions";

src/_node/file/types.ts

@@ -1,13 +1,14 @@
 import JSZip from "jszip";
 
+import { TOsType } from "@_redux/global";
+
 import {
   TBasicNodeData,
   TNode,
   TNodeActionType,
   TNodeTreeData,
   TNodeUid,
 } from "../";
-import { TOsType } from "@_redux/global";
 
 export type TFileNode = TNode & {
   data: TFileNodeData;

src/_node/helpers.ts

@@ -1,8 +1,10 @@
-import { RootNodeUid } from "@_constants/main";
+import {
+  AddNodeActionPrefix,
+  RenameNodeActionPrefix,
+  RootNodeUid,
+} from "@_constants/main";
 import { THtmlReferenceData } from "@_types/main";
 
-import { AddNodeActionPrefix, RenameNodeActionPrefix } from "@_constants/main";
-
 import { THtmlNodeData } from "./node";
 import {
   TBasicNodeData,

src/_node/node/actions.ts

@@ -1,27 +1,29 @@
-import { editor, Range } from "monaco-editor";
-import {
-  getNodeChildIndex,
-  TNodeApiPayload,
-  TNodeReferenceData,
-  TNodeTreeData,
-  TNodeUid,
-} from "..";
 import { html_beautify } from "js-beautify";
+import { editor, Range } from "monaco-editor";
+
 import {
   sortUidsByMaxEndIndex,
   sortUidsByMinStartIndex,
 } from "@_components/main/actionsPanel/nodeTreeView/helpers";
+import { LogAllow } from "@_constants/global";
 import {
   AddNodeActionPrefix,
   DefaultTabSize,
   NodePathSplitter,
   RenameNodeActionPrefix,
 } from "@_constants/main";
-import { THtmlReferenceData } from "@_types/main";
-import { LogAllow } from "@_constants/global";
-import { copyCode, pasteCode, replaceContent } from "./helpers";
 import { getValidNodeTree } from "@_pages/main/processor/helpers";
 import { setNeedToSelectNodePaths } from "@_redux/main/nodeTree";
+import { THtmlReferenceData } from "@_types/main";
+
+import {
+  getNodeChildIndex,
+  TNodeApiPayload,
+  TNodeReferenceData,
+  TNodeTreeData,
+  TNodeUid,
+} from "../";
+import { copyCode, pasteCode, replaceContent } from "./helpers";
 
 const add = ({
   actionName,

src/_node/node/helpers.ts

@@ -1,5 +1,6 @@
 import { editor, Range } from "monaco-editor";
-import { TNodeTreeData, TNodeUid } from "..";
+
+import { TNodeTreeData, TNodeUid } from "../";
 
 export const copyCode = ({
   nodeTree,

src/_node/node/types.ts

@@ -1,13 +1,16 @@
+import { Dispatch } from "react";
+
+import { editor } from "monaco-editor";
+
 import { TOsType } from "@_redux/global";
+import { AnyAction } from "@reduxjs/toolkit";
+
 import {
   TNodeActionType,
   TNodeReferenceData,
   TNodeTreeData,
   TNodeUid,
-} from "..";
-import { editor } from "monaco-editor";
-import { Dispatch } from "react";
-import { AnyAction } from "@reduxjs/toolkit";
+} from "../";
 
 export type TNodeApiPayloadBase = {
   dispatch: Dispatch<AnyAction>;

src/_redux/global/index.ts

@@ -1,3 +1,2 @@
 export * from "./types";
-export * from "./constants";
 export * from "./slice";

src/_redux/main/context.ts

@@ -1,4 +1,4 @@
-import { Context, createContext, useRef } from "react";
+import { Context, createContext } from "react";
 
 import { TMainContext } from "./types";
 

src/_redux/main/fileTree/slice.ts

@@ -1,4 +1,4 @@
-import { TFileNode, TFileNodeData, TFileNodeTreeData } from "@_node/index";
+import { TFileNode, TFileNodeTreeData } from "@_node/index";
 import { TNodeUid } from "@_node/types";
 import { createSlice, PayloadAction } from "@reduxjs/toolkit";
 

src/_redux/main/index.ts

@@ -1,4 +1,3 @@
 export * from "./types";
-export * from "./constants";
 export * from "./slice";
 export * from "./context";

src/_redux/main/nodeTree/event/slice.ts

@@ -1,7 +1,7 @@
 import undoable from "redux-undo";
 
 import { TNodeUid } from "@_node/types";
-import { createSlice, current, PayloadAction } from "@reduxjs/toolkit";
+import { createSlice, PayloadAction } from "@reduxjs/toolkit";
 
 import {
   NodeTree_Event_ClearActionType,

src/_redux/main/nodeTree/index.ts

@@ -1,4 +1,3 @@
 export * from "./types";
-export * from "./constants";
 export * from "./slice";
 export * from "./event";

src/_redux/main/processor/index.ts

@@ -1,3 +1,2 @@
 export * from "./types";
-export * from "./constants";
 export * from "./slice";

src/_redux/main/stageView/index.ts

@@ -1,3 +1,2 @@
 export * from "./types";
-export * from "./constants";
 export * from "./slice";

src/_redux/main/types.ts

@@ -1,17 +1,16 @@
+import { MutableRefObject } from "react";
+
 import { editor } from "monaco-editor";
 
 import { TFileHandlerCollection } from "@_node/file";
 import { TNodeUid } from "@_node/types";
 import {
   TCmdkReferenceData,
-  TCodeChange,
   TFilesReferenceData,
   THtmlReferenceData,
 } from "@_types/main";
 
 import { TProjectContext } from "./fileTree";
-import { StageViewSyncConfigs } from "./stageView";
-import { MutableRefObject } from "react";
 
 export type TEventHistoryInfo = {
   future: number;

src/components/common/loader/Loader.tsx

@@ -2,9 +2,10 @@ import React, { useEffect, useState } from "react";
 
 import LoadingBar from "react-top-loading-bar";
 
-import { LoaderProps } from "./types";
 import { useAppState } from "@_redux/useAppState";
 
+import { LoaderProps } from "./types";
+
 export const Loader = ({ show }: LoaderProps) => {
   const { theme } = useAppState();
 

src/components/main/actionsPanel/ActionsPanel.tsx

@@ -1,11 +1,12 @@
 import React, { useMemo } from "react";
 
+import { useAppState } from "@_redux/useAppState";
+
 import NavigatorPanel from "./navigatorPanel";
 import NodeTreeView from "./nodeTreeView";
 import SettingsPanel from "./settingsPanel";
 import { ActionsPanelProps } from "./types";
 import WorkspaceTreeView from "./workspaceTreeView";
-import { useAppState } from "@_redux/useAppState";
 
 export default function ActionsPanel({ ...props }: ActionsPanelProps) {
   const { showActionsPanel } = useAppState();

src/components/main/actionsPanel/navigatorPanel/NavigatorPanel.tsx

@@ -1,6 +1,7 @@
 import React, { useContext, useEffect, useMemo, useRef, useState } from "react";
 
 import { MainContext } from "@_redux/main";
+import { useAppState } from "@_redux/useAppState";
 
 import { AdditionalPanel, DefaultPanel, ProjectPanel } from "./components";
 import {
@@ -11,7 +12,6 @@ import {
 } from "./constants";
 import { useFavicon, useNavigatorPanelHandlers } from "./hooks";
 import { NavigatorPanelProps } from "./types";
-import { useAppState } from "@_redux/useAppState";
 
 export default function NavigatorPanel(props: NavigatorPanelProps) {
   const {

src/components/main/actionsPanel/navigatorPanel/components/AdditionalPanel.tsx

@@ -4,10 +4,10 @@ import cx from "classnames";
 
 import { SVGIcon } from "@_components/common";
 import { TProject } from "@_redux/main/fileTree";
+import { useAppState } from "@_redux/useAppState";
 
 import { isSelected } from "../helpers";
 import { useNavigatorPanelHandlers } from "../hooks";
-import { useAppState } from "@_redux/useAppState";
 
 interface AdditionalPanelProps {
   navigatorPanel: HTMLDivElement | null;

src/components/main/actionsPanel/navigatorPanel/components/DefaultPanel.tsx

@@ -3,10 +3,10 @@ import React, { useContext, useMemo } from "react";
 import { SVGIconI } from "@_components/common";
 import { RootNodeUid } from "@_constants/main";
 import { MainContext } from "@_redux/main";
+import { useAppState } from "@_redux/useAppState";
 
 import { getFileExtension, getFileNameFromPath, isHomeIcon } from "../helpers";
 import { useNavigatorPanelHandlers } from "../hooks";
-import { useAppState } from "@_redux/useAppState";
 
 export const DefaultPanel = () => {
   const { project, fileTree, currentFileUid } = useAppState();

src/components/main/actionsPanel/navigatorPanel/components/ProjectPanel.tsx

@@ -1,9 +1,9 @@
 import React, { FC } from "react";
 
 import { SVGIconI } from "@_components/common";
+import { useAppState } from "@_redux/useAppState";
 
 import { useNavigatorPanelHandlers } from "../hooks";
-import { useAppState } from "@_redux/useAppState";
 
 export const ProjectPanel: FC<{ unsavedProject: boolean }> = ({
   unsavedProject,

src/components/main/actionsPanel/navigatorPanel/helpers/helpers.ts

@@ -1,14 +1,7 @@
-import { RootNodeUid } from "@_constants/main";
 import { TFileNode, TFileNodeData } from "@_node/file";
 import { THtmlNodeData } from "@_node/node";
-import { TNode, TNodeTreeData, TNodeUid } from "@_node/types";
+import { TNode, TNodeTreeData } from "@_node/types";
 import { TProject, TWorkspace } from "@_redux/main/fileTree";
-import { setSelectedNodeUids } from "@_redux/main/nodeTree";
-import {
-  ActionCreatorWithPayload,
-  AnyAction,
-  Dispatch,
-} from "@reduxjs/toolkit";
 
 export const isHomeIcon = (node: TNode) =>
   node.data.type == "html" &&

src/components/main/actionsPanel/navigatorPanel/hooks/useFavicon.ts

@@ -4,9 +4,9 @@ import { useDispatch } from "react-redux";
 
 import { RootNodeUid } from "@_constants/main";
 import { setWorkspace } from "@_redux/main/fileTree";
+import { useAppState } from "@_redux/useAppState";
 
 import { setWorkspaceFavicon } from "../helpers/";
-import { useAppState } from "@_redux/useAppState";
 
 export const useFavicon = (
   setFaviconFallback: React.Dispatch<React.SetStateAction<boolean>>,

src/components/main/actionsPanel/navigatorPanel/hooks/useNavigatorPanelHandlers.ts

@@ -2,15 +2,16 @@ import { useCallback, useContext } from "react";
 
 import { getMany } from "idb-keyval";
 import { useDispatch } from "react-redux";
+
+import { LogAllow } from "@_constants/global";
+import { isUnsavedProject } from "@_node/file/helpers";
 import { MainContext } from "@_redux/main";
 import { TProject } from "@_redux/main/fileTree";
 import {
   setActivePanel,
   setNavigatorDropdownType,
 } from "@_redux/main/processor";
-import { isUnsavedProject } from "@_node/file/helpers";
 import { useAppState } from "@_redux/useAppState";
-import { LogAllow } from "@_constants/global";
 
 export const useNavigatorPanelHandlers = () => {
   const dispatch = useDispatch();

src/components/main/actionsPanel/nodeTreeView/NodeTreeView.tsx

@@ -7,6 +7,7 @@ import React, {
 } from "react";
 
 import cx from "classnames";
+import { debounce } from "lodash";
 import { useDispatch } from "react-redux";
 
 import { TreeView } from "@_components/common";
@@ -15,6 +16,7 @@ import { RootNodeUid, ShortDelay } from "@_constants/main";
 import { StageNodeIdAttr } from "@_node/file/handlers/constants";
 import { TFileNodeData, THtmlNodeData } from "@_node/index";
 import { TNode, TNodeUid } from "@_node/types";
+import { scrollToElement } from "@_pages/main/helper";
 import { MainContext } from "@_redux/main";
 import {
   expandFileTreeNodes,
@@ -25,6 +27,7 @@ import {
   setActivePanel,
   setNavigatorDropdownType,
 } from "@_redux/main/processor";
+import { useAppState } from "@_redux/useAppState";
 import { getCommandKey } from "@_services/global";
 import { addClass, removeClass } from "@_services/main";
 import { THtmlElementsReference } from "@_types/main";
@@ -36,10 +39,7 @@ import { Container } from "./nodeTreeComponents/Container";
 import { DragBetweenLine } from "./nodeTreeComponents/DragBetweenLine";
 import { ItemArrow } from "./nodeTreeComponents/ItemArrow";
 import { ItemTitle } from "./nodeTreeComponents/ItemTitle";
-import { useAppState } from "@_redux/useAppState";
 import { NodeIcon } from "./nodeTreeComponents/NodeIcon";
-import { debounce } from "lodash";
-import { scrollToElement } from "@_pages/main/helper";
 
 const AutoExpandDelayOnDnD = 1 * 1000;
 

src/components/main/actionsPanel/nodeTreeView/hooks/useCmdk.ts

@@ -1,10 +1,10 @@
 import { useContext, useEffect } from "react";
 
+import { isAddNodeAction, isRenameNodeAction } from "@_node/helpers";
 import { MainContext } from "@_redux/main";
+import { useAppState } from "@_redux/useAppState";
 
 import { useNodeActionsHandlers } from "./useNodeActionsHandlers";
-import { useAppState } from "@_redux/useAppState";
-import { isAddNodeAction, isRenameNodeAction } from "@_node/helpers";
 
 export const useCmdk = () => {
   const { activePanel, currentCommand } = useAppState();

src/components/main/actionsPanel/nodeTreeView/hooks/useNodeActionsHandlers.ts

@@ -1,12 +1,12 @@
 import { useCallback, useContext } from "react";
-import { MainContext } from "@_redux/main";
 
-import { useAppState } from "@_redux/useAppState";
+import { useDispatch } from "react-redux";
+
 import { LogAllow } from "@_constants/global";
 import { callNodeApi } from "@_node/apis";
-
 import { TNodeUid } from "@_node/types";
-import { useDispatch } from "react-redux";
+import { MainContext } from "@_redux/main";
+import { useAppState } from "@_redux/useAppState";
 
 export const useNodeActionsHandlers = () => {
   const dispatch = useDispatch();

src/components/main/actionsPanel/nodeTreeView/hooks/useNodeTreeCallback.ts

@@ -2,13 +2,13 @@ import { useContext } from "react";
 
 import { DraggingPosition, TreeItem, TreeItemIndex } from "react-complex-tree";
 
+import { getValidNodeUids } from "@_node/helpers";
 import { TNodeUid } from "@_node/types";
 import { MainContext } from "@_redux/main";
+import { useAppState } from "@_redux/useAppState";
 
-import { useNodeViewState } from "./useNodeViewState";
 import { useNodeActionsHandlers } from "./useNodeActionsHandlers";
-import { useAppState } from "@_redux/useAppState";
-import { getValidNodeUids } from "@_node/helpers";
+import { useNodeViewState } from "./useNodeViewState";
 
 export const useNodeTreeCallback = (
   focusItemValue: TNodeUid | null,