order

src/components/App.tsx

@@ -1,167 +1,180 @@
-import { Point, simplify } from "points-on-curve";
 import React from "react";
-import { RoughCanvas } from "roughjs/bin/canvas";
+
 import rough from "roughjs/bin/rough";
-import "../actions";
-import { actionDeleteSelected, actionFinalize } from "../actions";
-import { createRedoAction, createUndoAction } from "../actions/actionHistory";
-import { ActionManager } from "../actions/manager";
-import { actions } from "../actions/register";
-import { ActionResult } from "../actions/types";
+import { RoughCanvas } from "roughjs/bin/canvas";
+import { simplify, Point } from "points-on-curve";
+
 import {
-  EVENT_DIALOG,
-  EVENT_LIBRARY,
-  EVENT_SHAPE,
-  trackEvent,
-} from "../analytics";
+  newElement,
+  newTextElement,
+  duplicateElement,
+  isInvisiblySmallElement,
+  isTextElement,
+  textWysiwyg,
+  getCommonBounds,
+  getCursorForResizingElement,
+  getPerfectElementSize,
+  getNormalizedDimensions,
+  newLinearElement,
+  transformElements,
+  getElementWithTransformHandleType,
+  getResizeOffsetXY,
+  getResizeArrowDirection,
+  getTransformHandleTypeFromCoords,
+  isNonDeletedElement,
+  updateTextElement,
+  dragSelectedElements,
+  getDragOffsetXY,
+  dragNewElement,
+  hitTest,
+  isHittingElementBoundingBoxWithoutHittingElement,
+  getNonDeletedElements,
+} from "../element";
+import {
+  getElementsWithinSelection,
+  isOverScrollBars,
+  getElementsAtPosition,
+  getElementContainingPosition,
+  getNormalizedZoom,
+  getSelectedElements,
+  isSomeElementSelected,
+  calculateScrollCenter,
+} from "../scene";
+import { loadFromBlob, exportCanvas } from "../data";
+
+import { renderScene } from "../renderer";
+import {
+  AppState,
+  GestureEvent,
+  Gesture,
+  ExcalidrawProps,
+  SceneData,
+} from "../types";
+import {
+  ExcalidrawElement,
+  ExcalidrawTextElement,
+  NonDeleted,
+  ExcalidrawGenericElement,
+  ExcalidrawLinearElement,
+  ExcalidrawBindableElement,
+} from "../element/types";
+
+import { distance2d, isPathALoop, getGridPoint } from "../math";
+
+import {
+  isWritableElement,
+  isInputLike,
+  isToolIcon,
+  debounce,
+  distance,
+  resetCursor,
+  viewportCoordsToSceneCoords,
+  sceneCoordsToViewportCoords,
+  setCursorForShape,
+  tupleToCoors,
+  ResolvablePromise,
+  resolvablePromise,
+  withBatchedUpdates,
+} from "../utils";
+import {
+  KEYS,
+  isArrowKey,
+  getResizeCenterPointKey,
+  getResizeWithSidesSameLengthKey,
+  getRotateWithDiscreteAngleKey,
+  CODES,
+} from "../keys";
+
+import { findShapeByKey } from "../shapes";
+import { createHistory, SceneHistory } from "../history";
+
+import ContextMenu from "./ContextMenu";
+
+import { ActionManager } from "../actions/manager";
+import "../actions";
+import { actions } from "../actions/register";
+
+import { ActionResult } from "../actions/types";
 import { getDefaultAppState } from "../appState";
-import { renderSpreadsheet } from "../charts";
+import { t, getLanguage } from "../i18n";
+
 import {
   copyToClipboard,
   parseClipboard,
   probablySupportsClipboardBlob,
   probablySupportsClipboardWriteText,
 } from "../clipboard";
+import { normalizeScroll } from "../scene";
+import { getCenter, getDistance } from "../gesture";
+import { createUndoAction, createRedoAction } from "../actions/actionHistory";
+
 import {
-  APP_NAME,
-  CANVAS_ONLY_ACTIONS,
   CURSOR_TYPE,
-  DEFAULT_VERTICAL_ALIGN,
-  DRAGGING_THRESHOLD,
   ELEMENT_SHIFT_TRANSLATE_AMOUNT,
   ELEMENT_TRANSLATE_AMOUNT,
-  ENV,
-  EVENT,
-  LINE_CONFIRM_THRESHOLD,
-  MIME_TYPES,
   POINTER_BUTTON,
-  TAP_TWICE_TIMEOUT,
+  DRAGGING_THRESHOLD,
   TEXT_TO_CENTER_SNAP_THRESHOLD,
+  LINE_CONFIRM_THRESHOLD,
+  EVENT,
+  ENV,
+  CANVAS_ONLY_ACTIONS,
+  DEFAULT_VERTICAL_ALIGN,
+  MIME_TYPES,
+  TAP_TWICE_TIMEOUT,
   TOUCH_CTX_MENU_TIMEOUT,
+  APP_NAME,
 } from "../constants";
-import { exportCanvas, loadFromBlob } from "../data";
-import { isValidLibrary } from "../data/json";
-import { Library } from "../data/library";
-import { restore } from "../data/restore";
-import {
-  dragNewElement,
-  dragSelectedElements,
-  duplicateElement,
-  getCommonBounds,
-  getCursorForResizingElement,
-  getDragOffsetXY,
-  getElementWithTransformHandleType,
-  getNonDeletedElements,
-  getNormalizedDimensions,
-  getPerfectElementSize,
-  getResizeArrowDirection,
-  getResizeOffsetXY,
-  getTransformHandleTypeFromCoords,
-  hitTest,
-  isHittingElementBoundingBoxWithoutHittingElement,
-  isInvisiblySmallElement,
-  isNonDeletedElement,
-  isTextElement,
-  newElement,
-  newLinearElement,
-  newTextElement,
-  textWysiwyg,
-  transformElements,
-  updateTextElement,
-} from "../element";
-import {
-  bindOrUnbindSelectedElements,
-  fixBindingsAfterDeletion,
-  fixBindingsAfterDuplication,
-  getEligibleElementsForBinding,
-  getHoveredElementForBinding,
-  isBindingEnabled,
-  isLinearElementSimpleAndAlreadyBound,
-  maybeBindLinearElement,
-  shouldEnableBindingForPointerEvent,
-  unbindLinearElements,
-  updateBoundElements,
-} from "../element/binding";
-import { LinearElementEditor } from "../element/linearElementEditor";
+
+import LayerUI from "./LayerUI";
+import { ScrollBars, SceneState } from "../scene/types";
 import { mutateElement } from "../element/mutateElement";
-import { deepCopyElement } from "../element/newElement";
-import { MaybeTransformHandleType } from "../element/transformHandles";
-import {
-  isBindingElement,
-  isBindingElementType,
-  isLinearElement,
-  isLinearElementType,
-} from "../element/typeChecks";
-import {
-  ExcalidrawBindableElement,
-  ExcalidrawElement,
-  ExcalidrawGenericElement,
-  ExcalidrawLinearElement,
-  ExcalidrawTextElement,
-  NonDeleted,
-} from "../element/types";
-import { getCenter, getDistance } from "../gesture";
-import {
-  editGroupForSelectedElement,
-  getElementsInGroup,
-  getSelectedGroupIdForElement,
-  getSelectedGroupIds,
-  isElementInGroup,
-  isSelectedViaGroup,
-  selectGroupsForSelectedElements,
-} from "../groups";
-import { createHistory, SceneHistory } from "../history";
-import { getLanguage, t } from "../i18n";
-import {
-  CODES,
-  getResizeCenterPointKey,
-  getResizeWithSidesSameLengthKey,
-  getRotateWithDiscreteAngleKey,
-  isArrowKey,
-  KEYS,
-} from "../keys";
-import { distance2d, getGridPoint, isPathALoop } from "../math";
-import { renderScene } from "../renderer";
 import { invalidateShapeForElement } from "../renderer/renderElement";
 import {
-  calculateScrollCenter,
-  getElementContainingPosition,
-  getElementsAtPosition,
-  getElementsWithinSelection,
-  getNormalizedZoom,
-  getSelectedElements,
-  isOverScrollBars,
-  isSomeElementSelected,
-  normalizeScroll,
-} from "../scene";
+  isLinearElement,
+  isLinearElementType,
+  isBindingElement,
+  isBindingElementType,
+} from "../element/typeChecks";
+import { actionFinalize, actionDeleteSelected } from "../actions";
+
+import { LinearElementEditor } from "../element/linearElementEditor";
+import {
+  getSelectedGroupIds,
+  isSelectedViaGroup,
+  selectGroupsForSelectedElements,
+  isElementInGroup,
+  getSelectedGroupIdForElement,
+  getElementsInGroup,
+  editGroupForSelectedElement,
+} from "../groups";
+import { Library } from "../data/library";
 import Scene from "../scene/Scene";
-import { SceneState, ScrollBars } from "../scene/types";
+import {
+  getHoveredElementForBinding,
+  maybeBindLinearElement,
+  getEligibleElementsForBinding,
+  bindOrUnbindSelectedElements,
+  unbindLinearElements,
+  fixBindingsAfterDuplication,
+  fixBindingsAfterDeletion,
+  isLinearElementSimpleAndAlreadyBound,
+  isBindingEnabled,
+  updateBoundElements,
+  shouldEnableBindingForPointerEvent,
+} from "../element/binding";
+import { MaybeTransformHandleType } from "../element/transformHandles";
+import { deepCopyElement } from "../element/newElement";
+import { renderSpreadsheet } from "../charts";
+import { isValidLibrary } from "../data/json";
 import { getNewZoom } from "../scene/zoom";
-import { findShapeByKey } from "../shapes";
+import { restore } from "../data/restore";
 import {
-  AppState,
-  ExcalidrawProps,
-  Gesture,
-  GestureEvent,
-  SceneData,
-} from "../types";
-import {
-  debounce,
-  distance,
-  isInputLike,
-  isToolIcon,
-  isWritableElement,
-  resetCursor,
-  ResolvablePromise,
-  resolvablePromise,
-  sceneCoordsToViewportCoords,
-  setCursorForShape,
-  tupleToCoors,
-  viewportCoordsToSceneCoords,
-  withBatchedUpdates,
-} from "../utils";
-import ContextMenu from "./ContextMenu";
-import LayerUI from "./LayerUI";
+  EVENT_DIALOG,
+  EVENT_LIBRARY,
+  EVENT_SHAPE,
+  trackEvent,
+} from "../analytics";
 import { Stats } from "./Stats";
 
 const { history } = createHistory();