optimize import path

src/components/editor.tsx

@@ -1,17 +1,3 @@
-import {
-  EditEvent,
-  EditNode,
-  EditTree,
-  EditorStore,
-  useWorkspace,
-} from "@/contexts/workspace-context";
-import { NodeModel, TreeGraphData, TreeModel } from "@/misc/b3type";
-import * as b3util from "@/misc/b3util";
-import { message } from "@/misc/hooks";
-import i18n from "@/misc/i18n";
-import { Hotkey, isMacos, useKeyDown } from "@/misc/keys";
-import Path from "@/misc/path";
-import { mergeClassNames, readJson } from "@/misc/util";
 import { ArrowDownOutlined, ArrowUpOutlined, CloseOutlined } from "@ant-design/icons";
 import G6, { G6GraphEvent, Item, TreeGraph } from "@antv/g6";
 import { dialog } from "@electron/remote";
@@ -27,6 +13,20 @@ import { RiFocus3Line } from "react-icons/ri";
 import { VscCaseSensitive } from "react-icons/vsc";
 import { mergeRefs } from "react-merge-refs";
 import { useDebounceCallback } from "usehooks-ts";
+import {
+  EditEvent,
+  EditNode,
+  EditTree,
+  EditorStore,
+  useWorkspace,
+} from "../contexts/workspace-context";
+import { NodeModel, TreeGraphData, TreeModel } from "../misc/b3type";
+import * as b3util from "../misc/b3util";
+import { message } from "../misc/hooks";
+import i18n from "../misc/i18n";
+import { Hotkey, isMacos, useKeyDown } from "../misc/keys";
+import Path from "../misc/path";
+import { mergeClassNames, readJson } from "../misc/util";
 import "./register-node";
 import { calcTreeDataSize } from "./register-node";
 

src/components/explorer.tsx

@@ -1,10 +1,3 @@
-import { FileTreeType, useWorkspace } from "@/contexts/workspace-context";
-import { NodeDef, getNodeType } from "@/misc/b3type";
-import * as b3util from "@/misc/b3util";
-import { modal } from "@/misc/hooks";
-import i18n from "@/misc/i18n";
-import { Hotkey, isMacos, useKeyDown } from "@/misc/keys";
-import Path from "@/misc/path";
 import { DownOutlined } from "@ant-design/icons";
 import { Button, Dropdown, Flex, FlexProps, Input, MenuProps, Space, Tree } from "antd";
 import { ItemType } from "antd/es/menu/interface";
@@ -17,6 +10,13 @@ import { FaExclamationTriangle, FaSwatchbook } from "react-icons/fa";
 import { FiCommand, FiDelete } from "react-icons/fi";
 import { IoMdReturnLeft } from "react-icons/io";
 import { PiTreeStructureFill } from "react-icons/pi";
+import { FileTreeType, useWorkspace } from "../contexts/workspace-context";
+import { NodeDef, getNodeType } from "../misc/b3type";
+import * as b3util from "../misc/b3util";
+import { modal } from "../misc/hooks";
+import i18n from "../misc/i18n";
+import { Hotkey, isMacos, useKeyDown } from "../misc/keys";
+import Path from "../misc/path";
 
 const { DirectoryTree } = Tree;
 

src/components/inspector.tsx

@@ -1,25 +1,3 @@
-import { EditNode, EditTree, useWorkspace } from "@/contexts/workspace-context";
-import {
-  isBoolType,
-  isEnumType,
-  isExprType,
-  isFloatType,
-  isIntType,
-  isJsonType,
-  isStringType,
-  NodeModel,
-  TreeGraphData,
-} from "@/misc/b3type";
-import {
-  checkNodeArgValue,
-  checkOneof,
-  getNodeArgRawType,
-  isNodeArgArray,
-  isNodeArgOptional,
-  isValidVariableName,
-} from "@/misc/b3util";
-import { Hotkey, isMacos } from "@/misc/keys";
-import { mergeClassNames } from "@/misc/util";
 import { EditOutlined, MinusCircleOutlined, PlusOutlined } from "@ant-design/icons";
 import {
   AutoComplete,
@@ -38,6 +16,29 @@ import { FC, useEffect, useMemo } from "react";
 import { useTranslation } from "react-i18next";
 import Markdown from "react-markdown";
 import { useDebounceCallback } from "usehooks-ts";
+import { EditNode, EditTree, useWorkspace } from "../contexts/workspace-context";
+import {
+  isBoolType,
+  isEnumType,
+  isExprType,
+  isFloatType,
+  isIntType,
+  isJsonType,
+  isStringType,
+  NodeModel,
+  TreeGraphData,
+} from "../misc/b3type";
+import {
+  checkNodeArgValue,
+  checkOneof,
+  getNodeArgRawType,
+  isNodeArgArray,
+  isNodeArgOptional,
+  isValidVariableName,
+  nodeDefs,
+} from "../misc/b3util";
+import { Hotkey, isMacos } from "../misc/keys";
+import { mergeClassNames } from "../misc/util";
 
 interface OptionType extends DefaultOptionType {
   value: string;
@@ -99,7 +100,6 @@ const NodeInspector: FC = () => {
   const workspace = {
     editing: useWorkspace((state) => state.editing),
     editingNode: useWorkspace((state) => state.editingNode)!,
-    getNodeDef: useWorkspace((state) => state.getNodeDef),
     nodeDefs: useWorkspace((state) => state.nodeDefs),
     onEditingNode: useWorkspace((state) => state.onEditingNode),
     allFiles: useWorkspace((state) => state.allFiles),
@@ -121,7 +121,7 @@ const NodeInspector: FC = () => {
   // set form values
   useEffect(() => {
     const data = workspace.editingNode.data;
-    const def = workspace.getNodeDef(workspace.editingNode.data.name);
+    const def = nodeDefs.get(workspace.editingNode.data.name);
     form.resetFields();
     form.setFieldValue("id", data.id);
     form.setFieldValue("name", data.name);
@@ -237,7 +237,7 @@ const NodeInspector: FC = () => {
   }, [workspace.allFiles, workspace.fileTree]);
 
   const editingNode = workspace.editingNode;
-  const def = workspace.getNodeDef(editingNode.data.name);
+  const def = nodeDefs.get(editingNode.data.name);
   const disabled = !editingNode.editable;
 
   // update value

src/components/menu.tsx

@@ -1,18 +1,5 @@
-import { useSetting } from "@/contexts/setting-context";
-import { useWorkspace } from "@/contexts/workspace-context";
-import * as b3util from "@/misc/b3util";
-import i18n from "@/misc/i18n";
-import { Hotkey, isMacos, sendInputEvent } from "@/misc/keys";
-import Path from "@/misc/path";
 import { CheckOutlined } from "@ant-design/icons";
-import {
-  Menu as AppMenu,
-  BrowserWindow,
-  app,
-  dialog,
-  getCurrentWindow,
-  getGlobal,
-} from "@electron/remote";
+import { Menu as AppMenu, BrowserWindow, app, dialog } from "@electron/remote";
 import { Button, DropDownProps, Dropdown, Flex, FlexProps, LayoutProps, Space } from "antd";
 import { ItemType } from "antd/es/menu/interface";
 import { ipcRenderer } from "electron";
@@ -21,6 +8,11 @@ import * as fs from "fs";
 import { FC, useMemo, useState } from "react";
 import { useTranslation } from "react-i18next";
 import { PiTreeStructureFill } from "react-icons/pi";
+import { useSetting } from "../contexts/setting-context";
+import { useWorkspace } from "../contexts/workspace-context";
+import * as b3util from "../misc/b3util";
+import i18n from "../misc/i18n";
+import { Hotkey, isMacos, sendInputEvent } from "../misc/keys";
 
 const MenuItemLabel: FC<FlexProps> = (itemProps) => {
   return (
@@ -45,45 +37,6 @@ ipcRenderer.on("refresh-app-men", () => {
   useSetting.getState().load();
 });
 
-ipcRenderer.on("build-project", (_, project, buildDir) => {
-  const mainConsole = getGlobal("console") as Console;
-  try {
-    let hasError = false;
-    project = Path.posixPath(project);
-    buildDir = Path.posixPath(buildDir);
-    if (!project.endsWith(".b3-workspace")) {
-      throw new Error(`'${project}' is not a workspace`);
-    }
-    const workspace = useWorkspace.getState();
-    workspace.workdir = Path.dirname(project);
-    workspace.loadNodeDefs();
-    for (const path of Path.ls(Path.dirname(project), true)) {
-      if (path.endsWith(".json")) {
-        const buildpath = buildDir + "/" + path.substring(workspace.workdir.length + 1);
-        const treeModel = b3util.createBuildData(path);
-        if (treeModel && treeModel.export === false) {
-          mainConsole.log("skip:", buildpath);
-          continue;
-        }
-        mainConsole.log("build:", buildpath);
-        if (!b3util.checkNodeData(treeModel?.root)) {
-          hasError = true;
-        }
-        fs.mkdirSync(Path.dirname(buildpath), { recursive: true });
-        fs.writeFileSync(buildpath, JSON.stringify(treeModel, null, 2));
-      }
-    }
-    if (hasError) {
-      mainConsole.error(i18n.t("buildFailed"));
-    } else {
-      mainConsole.log(i18n.t("buildCompleted"));
-    }
-  } catch (error) {
-    mainConsole.error(i18n.t("buildFailed"));
-  }
-  getCurrentWindow().close();
-});
-
 export const Menu: FC<LayoutProps> = () => {
   const { t } = useTranslation();
   const [trigger, setTrigger] = useState<DropDownProps["trigger"]>(["click"]);

src/components/register-node.ts

@@ -1,10 +1,8 @@
-import { useWorkspace } from "@/contexts/workspace-context";
-import { TreeGraphData, getNodeType } from "@/misc/b3type";
-import { checkTreeData } from "@/misc/b3util";
-
-import i18n from "@/misc/i18n";
-import { isMacos } from "@/misc/keys";
 import G6 from "@antv/g6";
+import { TreeGraphData, getNodeType } from "../misc/b3type";
+import { checkTreeData, nodeDefs, workdir } from "../misc/b3util";
+import i18n from "../misc/i18n";
+import { isMacos } from "../misc/keys";
 
 let ctx: CanvasRenderingContext2D | null = null;
 let defaultFontSize = "";
@@ -142,12 +140,11 @@ G6.registerNode(
       },
     },
     draw(cfg, group) {
-      const workspace = useWorkspace.getState();
-      const nodeDef = workspace.getNodeDef(cfg.name as string);
+      const nodeDef = nodeDefs.get(cfg.name as string);
       let classify = getNodeType(nodeDef);
       let color = nodeDef.color || NODE_COLORS[classify] || NODE_COLORS["Other"];
       if (
-        !workspace.hasNodeDef(cfg.name as string) ||
+        !nodeDefs.has(cfg.name as string) ||
         (cfg.path && (!cfg.children || (cfg.children as []).length === 0)) ||
         !checkTreeData(cfg as TreeGraphData)
       ) {
@@ -259,9 +256,7 @@ G6.registerNode(
       });
 
       // icon
-      const img = nodeDef.icon
-        ? `file:///${workspace.workdir}/${nodeDef.icon}`
-        : `./icons/${classify}.svg`;
+      const img = nodeDef.icon ? `file:///${workdir}/${nodeDef.icon}` : `./icons/${classify}.svg`;
       addShape("image", {
         attrs: {
           x: 5,

src/components/setup.tsx

@@ -1,6 +1,6 @@
-import { useSetting } from "@/contexts/setting-context";
-import { message, setGlobalHooks } from "@/misc/hooks";
 import { FC } from "react";
+import { useSetting } from "../contexts/setting-context";
+import { message, setGlobalHooks } from "../misc/hooks";
 
 export const Setup: FC = () => {
   if (!message) {

src/components/titlebar.tsx

@@ -1,10 +1,10 @@
-import { useWorkspace } from "@/contexts/workspace-context";
-import { NodeDef } from "@/misc/b3type";
-import { Hotkey, isMacos } from "@/misc/keys";
-import Path from "@/misc/path";
 import { SearchOutlined } from "@ant-design/icons";
 import { Button, Flex, LayoutProps, Select } from "antd";
 import React, { FC, useMemo } from "react";
+import { useWorkspace } from "../contexts/workspace-context";
+import { NodeDef } from "../misc/b3type";
+import { Hotkey, isMacos } from "../misc/keys";
+import Path from "../misc/path";
 import { Menu } from "./menu";
 
 interface OptionType {

src/components/workspace.tsx

@@ -1,8 +1,3 @@
-import { useSetting } from "@/contexts/setting-context";
-import { EditorStore, useWorkspace } from "@/contexts/workspace-context";
-import { modal } from "@/misc/hooks";
-import { Hotkey, isMacos, setInputFocus, useKeyDown } from "@/misc/keys";
-import Path from "@/misc/path";
 import { app } from "@electron/remote";
 import { useKeyPress } from "ahooks";
 import { Button, Flex, Layout, Space, Tabs, Tag, Tooltip } from "antd";
@@ -13,6 +8,11 @@ import { PiTreeStructureFill } from "react-icons/pi";
 import { VscNewFolder, VscRepo } from "react-icons/vsc";
 import useForceUpdate from "use-force-update";
 import { useWindowSize } from "usehooks-ts";
+import { useSetting } from "../contexts/setting-context";
+import { EditorStore, useWorkspace } from "../contexts/workspace-context";
+import { modal } from "../misc/hooks";
+import { Hotkey, isMacos, setInputFocus, useKeyDown } from "../misc/keys";
+import Path from "../misc/path";
 import { Editor } from "./editor";
 import { Explorer } from "./explorer";
 import { Inspector } from "./inspector";