Use '@' path mapping (#94)

Author: huchenlei

src/extensions/core/colorPalette.ts

@@ -1,6 +1,6 @@
 import { app } from "../../scripts/app";
 import { $el } from "../../scripts/ui";
-import type { ColorPalettes } from "/types/colorPalette";
+import type { ColorPalettes } from "@/types/colorPalette";
 import { LGraphCanvas, LiteGraph } from "@comfyorg/litegraph";
 
 // Manage color palettes

src/extensions/core/uploadAudio.ts

@@ -1,8 +1,8 @@
 import { app } from "../../scripts/app";
 import { api } from "../../scripts/api";
 import type { IWidget } from "@comfyorg/litegraph";
-import type { DOMWidget } from "/scripts/domWidget";
-import { ComfyNodeDef } from "/types/apiTypes";
+import type { DOMWidget } from "@/scripts/domWidget";
+import { ComfyNodeDef } from "@/types/apiTypes";
 
 type FolderType = "input" | "output" | "temp";
 

src/extensions/core/uploadImage.ts

@@ -1,5 +1,5 @@
 import { app } from "../../scripts/app";
-import { ComfyNodeDef } from "/types/apiTypes";
+import { ComfyNodeDef } from "@/types/apiTypes";
 
 // Adds an upload button to the nodes
 

src/scripts/api.ts

@@ -1,10 +1,10 @@
-import { ComfyWorkflowJSON } from "types/comfyWorkflow";
+import { ComfyWorkflowJSON } from "@/types/comfyWorkflow";
 import {
   HistoryTaskItem,
   PendingTaskItem,
   RunningTaskItem,
   ComfyNodeDef,
-} from "/types/apiTypes";
+} from "@/types/apiTypes";
 
 interface QueuePromptRequestBody {
   client_id: string;

src/scripts/app.ts

@@ -14,12 +14,12 @@ import { addDomClippingSetting } from "./domWidget";
 import { createImageHost, calculateImageGrid } from "./ui/imagePreview";
 import { DraggableList } from "./ui/draggableList";
 import { applyTextReplacements, addStylesheet } from "./utils";
-import type { ComfyExtension } from "/types/comfy";
+import type { ComfyExtension } from "@/types/comfy";
 import {
   type ComfyWorkflowJSON,
   parseComfyWorkflow,
 } from "../types/comfyWorkflow";
-import { ComfyNodeDef } from "/types/apiTypes";
+import { ComfyNodeDef } from "@/types/apiTypes";
 import { ComfyAppMenu } from "./ui/menu/index";
 import { getStorageValue } from "./utils";
 import { ComfyWorkflowManager, ComfyWorkflow } from "./workflows";

src/scripts/defaultGraph.ts

@@ -1,4 +1,4 @@
-import type { ComfyWorkflowJSON } from "/types/comfyWorkflow";
+import type { ComfyWorkflowJSON } from "@/types/comfyWorkflow";
 
 export const defaultGraph: ComfyWorkflowJSON = {
   last_node_id: 9,

src/scripts/ui.ts

@@ -3,7 +3,7 @@ import { ComfyDialog as _ComfyDialog } from "./ui/dialog";
 import { toggleSwitch } from "./ui/toggleSwitch";
 import { ComfySettingsDialog } from "./ui/settings";
 import { ComfyApp, app } from "./app";
-import { TaskItem } from "/types/apiTypes";
+import { TaskItem } from "@/types/apiTypes";
 
 export const ComfyDialog = _ComfyDialog;
 

src/scripts/ui/components/button.ts

@@ -3,7 +3,7 @@ import { applyClasses, ClassList, toggleElement } from "../utils";
 import { prop } from "../../utils";
 import type { ComfyPopup } from "./popup";
 import type { ComfyComponent } from ".";
-import type { ComfyApp } from "scripts/app";
+import type { ComfyApp } from "@/scripts/app";
 
 type ComfyButtonProps = {
   icon?: string;

src/scripts/ui/menu/index.ts

@@ -1,4 +1,4 @@
-import type { ComfyApp } from "scripts/app";
+import type { ComfyApp } from "@/scripts/app";
 import { api } from "../../api";
 import { $el } from "../../ui";
 import { downloadBlob } from "../../utils";

src/scripts/ui/menu/queueButton.ts

@@ -4,7 +4,7 @@ import { api } from "../../api";
 import { ComfySplitButton } from "../components/splitButton";
 import { ComfyQueueOptions } from "./queueOptions";
 import { prop } from "../../utils";
-import type { ComfyApp } from "scripts/app";
+import type { ComfyApp } from "@/scripts/app";
 
 export class ComfyQueueButton {
   element = $el("div.comfyui-queue-button");