refactor: add alias for paths

package.json

@@ -26,6 +26,7 @@
   "devDependencies": {
     "@commitlint/cli": "^13.2.1",
     "@commitlint/config-conventional": "^13.2.0",
+    "@rollup/plugin-alias": "^4.0.3",
     "@rollup/plugin-commonjs": "^18.1.0",
     "@rollup/plugin-node-resolve": "^11.2.1",
     "@rollup/plugin-typescript": "^8.5.0",

rollup.config.js

@@ -1,6 +1,7 @@
 import typescript from '@rollup/plugin-typescript';
 import { nodeResolve } from '@rollup/plugin-node-resolve';
 import commonjs from '@rollup/plugin-commonjs';
+import alias from '@rollup/plugin-alias';
 import copyFile from './copy-file';
 import { obsidianExportPath } from './env';
 
@@ -24,6 +25,12 @@ export default {
   },
   external: ['obsidian'],
   plugins: [
+    alias({
+      entries: {
+        '@app': 'src',
+        '@lib': 'src/lib',
+      },
+    }),
     typescript(),
     nodeResolve({ browser: true }),
     commonjs(),

src/@types/internalPluginInjector.ts

@@ -1,5 +1,5 @@
 import { TAbstractFile, View, WorkspaceLeaf } from 'obsidian';
-import IconFolderPlugin from '../main';
+import IconFolderPlugin from '@app/main';
 
 interface FileExplorerWorkspaceLeaf extends WorkspaceLeaf {
   containerEl: HTMLElement;

src/internal-plugins/starred.ts

@@ -1,11 +1,11 @@
 import { around } from 'monkey-around';
 import { View } from 'obsidian';
-import InternalPluginInjector from '../@types/internalPluginInjector';
-import { StarredFile } from '../@types/obsidian';
-import dom from '../lib/util/dom';
-import icon from '../lib/icon';
-import IconFolderPlugin from '../main';
-import MetaData from '../MetaData';
+import InternalPluginInjector from '@app/@types/internalPluginInjector';
+import { StarredFile } from '@app/@types/obsidian';
+import dom from '@lib/util/dom';
+import icon from '@lib/icon';
+import IconFolderPlugin from '@app/main';
+import MetaData from '@app/MetaData';
 
 interface StarredView extends View {
   itemLookup: WeakMap<Element, StarredFile>;

src/settings/ui/customIconPack.ts

@@ -11,10 +11,10 @@ import {
   getIconPack,
   getPath,
   normalizeFileName,
-} from '../../iconPackManager';
-import IconFolderPlugin from '../../main';
-import { readFileSync } from '../../util';
-import dom from '../../lib/util/dom';
+} from '@app/iconPackManager';
+import IconFolderPlugin from '@app/main';
+import { readFileSync } from '@app/util';
+import dom from '@lib/util/dom';
 
 export default class CustomIconPackSetting extends IconFolderSetting {
   private textComponent: TextComponent;

src/settings/ui/customIconRule.ts

@@ -1,11 +1,11 @@
 import { App, Notice, Setting, TextComponent, ColorComponent, ButtonComponent, Modal } from 'obsidian';
 import IconFolderSetting from './iconFolderSetting';
-import IconsPickerModal from '../../iconsPickerModal';
-import IconFolderPlugin from '../../main';
-import { getAllOpenedFiles } from '../../util';
+import IconsPickerModal from '@app/iconsPickerModal';
+import IconFolderPlugin from '@app/main';
+import { getAllOpenedFiles } from '@app/util';
 import { CustomRule } from '../data';
-import customRule from '../../lib/customRule';
-import iconTabs from '../../lib/iconTabs';
+import customRule from '@lib/customRule';
+import iconTabs from '@lib/iconTabs';
 
 export default class CustomIconRuleSetting extends IconFolderSetting {
   private app: App;

src/settings/ui/emojiStyle.ts

@@ -1,8 +1,8 @@
 import { Setting } from 'obsidian';
-import emoji from '../../emoji';
-import customRule from '../../lib/customRule';
-import dom from '../../lib/util/dom';
-import { FolderIconObject } from '../../main';
+import emoji from '@app/emoji';
+import customRule from '@lib/customRule';
+import dom from '@lib/util/dom';
+import { FolderIconObject } from '@app/main';
 import IconFolderSetting from './iconFolderSetting';
 
 export default class EmojiStyleSetting extends IconFolderSetting {

src/settings/ui/extraMargin.ts

@@ -1,7 +1,7 @@
 import { DropdownComponent, Setting, SliderComponent } from 'obsidian';
 import IconFolderSetting from './iconFolderSetting';
 import { ExtraMarginSettings } from '../data';
-import style from '../../lib/util/style';
+import style from '@lib/util/style';
 
 export default class ExtraMarginSetting extends IconFolderSetting {
   public display(): void {

src/settings/ui/iconColor.ts

@@ -1,6 +1,6 @@
 import { Setting, ColorComponent } from 'obsidian';
 import IconFolderSetting from './iconFolderSetting';
-import style from '../../lib/util/style';
+import style from '@lib/util/style';
 
 export default class IconColorSetting extends IconFolderSetting {
   public display(): void {

src/settings/ui/iconFolderSetting.ts

@@ -1,4 +1,4 @@
-import IconFolderPlugin from '../../main';
+import IconFolderPlugin from '@app/main';
 
 export default abstract class IconFolderSetting {
   protected plugin: IconFolderPlugin;

src/settings/ui/iconFontSize.ts

@@ -1,7 +1,7 @@
 import { Setting } from 'obsidian';
 import IconFolderSetting from './iconFolderSetting';
 import { DEFAULT_SETTINGS } from '../data';
-import style from '../../lib/util/style';
+import style from '@lib/util/style';
 
 export default class IconFontSizeSetting extends IconFolderSetting {
   public display(): void {

src/settings/ui/iconPacksPath.ts

@@ -1,6 +1,6 @@
 import { Notice, Setting, TextComponent } from 'obsidian';
 import IconFolderSetting from './iconFolderSetting';
-import { createDefaultDirectory, moveIconPackDirectories, setPath } from '../../iconPackManager';
+import { createDefaultDirectory, moveIconPackDirectories, setPath } from '@app/iconPackManager';
 
 export default class IconPacksPathSetting extends IconFolderSetting {
   private iconPacksSettingTextComp: TextComponent;

src/settings/ui/predefinedIconPacks.ts

@@ -1,7 +1,7 @@
 import { App, Setting } from 'obsidian';
 import IconFolderSetting from './iconFolderSetting';
-import IconPackBrowserModal from '../../iconPackBrowserModal';
-import IconFolderPlugin from '../../main';
+import IconPackBrowserModal from '@app/iconPackBrowserModal';
+import IconFolderPlugin from '@app/main';
 
 export default class PredefinedIconPacksSetting extends IconFolderSetting {
   private app: App;

src/settings/ui/toggleIconInTabs.ts

@@ -1,5 +1,5 @@
 import { Setting } from 'obsidian';
-import iconTabs from '../../lib/iconTabs';
+import iconTabs from '@lib/iconTabs';
 import IconFolderSetting from './iconFolderSetting';
 
 export default class ToggleIconInTabs extends IconFolderSetting {

tsconfig.json

@@ -1,6 +1,10 @@
 {
   "compilerOptions": {
     "baseUrl": ".",
+    "paths": {
+      "@app/*": ["src/*"],
+      "@lib/*": ["src/lib/*"]
+    },
     "inlineSourceMap": true,
     "inlineSources": true,
     "allowSyntheticDefaultImports": true,