@difizen/libro-common 0.3.4 → 1.0.0

package/src/app/file-tree/filesystem-utils.ts

@@ -0,0 +1,32 @@
+import { URI } from '../../common/index.js';
+
+import type { FileStat } from './files.js';
+
+export namespace FileSystemUtils {
+  /**
+   * Generate unique URI for a given parent which does not collide
+   *
+   * @param parentUri the `URI` of the parent
+   * @param parent the `FileStat` of the parent
+   * @param name the resource name
+   * @param ext the resource extension
+   */
+  export function generateUniqueResourceURI(
+    parentUri: URI,
+    parent: FileStat,
+    name: string,
+    ext = '',
+  ): URI {
+    const children = !parent.children
+      ? []
+      : parent.children!.map((child) => child.resource);
+
+    let index = 1;
+    let base = name + ext;
+    while (children.some((child) => child.path.base === base)) {
+      index += 1;
+      base = `${name}_${index}${ext}`;
+    }
+    return URI.resolve(parentUri, base);
+  }
+}

package/src/app/file-tree/index.ts

@@ -0,0 +1,6 @@
+export * from './files';
+export * from './file-tree';
+export * from './file-service';
+export * from './file-tree-model';
+export * from './file-tree-view';
+export * from './module';

package/src/app/file-tree/module.ts

@@ -0,0 +1,21 @@
+import { ManaModule } from '../../core/index.js';
+
+import {
+  DefaultTreeNodeComponents,
+  TreeModule,
+  TreeNodeComponents,
+} from '../tree/index.js';
+
+import { FileService } from './file-service.js';
+import { TreeNodeIcon } from './file-tree-icon.js';
+import { FileTreeLabelProvider } from './file-tree-label-provider.js';
+import { FileTreeView } from './file-tree-view.js';
+
+export const FileTreeModule = ManaModule.create()
+  .register(FileTreeView)
+  .register(FileService, FileTreeLabelProvider)
+  .register({
+    token: TreeNodeComponents,
+    useValue: { ...DefaultTreeNodeComponents, TreeNodeIcon },
+  })
+  .dependOn(TreeModule);

package/src/app/file-tree/selection-command-handler.ts

@@ -0,0 +1,101 @@
+/* eslint-disable @typescript-eslint/method-signature-style */
+import type { CommandHandler } from '../../core/index.js';
+import type { SelectionService } from '../../core/index.js';
+
+export class SelectionCommandHandler<S> implements CommandHandler {
+  protected readonly selectionService: SelectionService;
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  protected readonly toSelection: (arg: any) => S | undefined;
+  protected readonly options: SelectionCommandHandler.Options<S>;
+
+  constructor(
+    selectionService: SelectionService,
+    toSelection: (arg: any) => S | undefined,
+    options: SelectionCommandHandler.Options<S>,
+  ) {
+    this.selectionService = selectionService;
+    this.toSelection = toSelection;
+    this.options = options;
+  }
+
+  execute(...args: any[]): Record<any, any> | undefined {
+    const selection = this.getSelection(...args);
+    return selection ? (this.options.execute as any)(selection, ...args) : undefined;
+  }
+
+  isVisible(...args: any[]): boolean {
+    const selection = this.getSelection(...args);
+    return (
+      !!selection &&
+      (!this.options.isVisible ||
+        (this.options.isVisible as any)(selection as any, ...args))
+    );
+  }
+
+  isEnabled(...args: any[]): boolean {
+    const selection = this.getSelection(...args);
+    return (
+      !!selection &&
+      (!this.options.isEnabled ||
+        (this.options.isEnabled as any)(selection as any, ...args))
+    );
+  }
+
+  protected isMulti(): boolean {
+    return this.options && !!this.options.multi;
+  }
+
+  protected getSelection(...args: any[]): S | S[] | undefined {
+    const givenSelection = args.length && this.toSelection(args[0]);
+    if (givenSelection) {
+      return this.isMulti() ? [givenSelection] : givenSelection;
+    }
+    const globalSelection = this.getSingleSelection(this.selectionService.selection);
+    if (this.isMulti()) {
+      return this.getMultiSelection(globalSelection);
+    }
+    return this.getSingleSelection(globalSelection);
+  }
+
+  protected getSingleSelection(arg: any | undefined): S | undefined {
+    let selection = this.toSelection(arg);
+    if (selection) {
+      return selection;
+    }
+    if (Array.isArray(arg)) {
+      for (const element of arg) {
+        selection = this.toSelection(element);
+        if (selection) {
+          return selection;
+        }
+      }
+    }
+    return undefined;
+  }
+
+  protected getMultiSelection(arg: any | undefined): S[] | undefined {
+    let selection = this.toSelection(arg);
+    if (selection) {
+      return [selection];
+    }
+    const result = [];
+    if (Array.isArray(arg)) {
+      for (const element of arg) {
+        selection = this.toSelection(element);
+        if (selection) {
+          result.push(selection);
+        }
+      }
+    }
+    return result.length ? result : undefined;
+  }
+}
+export namespace SelectionCommandHandler {
+  export type Options<S> = SelectionOptions<false, S> | SelectionOptions<true, S[]>;
+  export type SelectionOptions<Multi extends boolean, T> = {
+    multi: Multi;
+    execute(selection: T, ...args: any[]): any;
+    isEnabled?(selection: T, ...args: any[]): boolean;
+    isVisible?(selection: T, ...args: any[]): boolean;
+  };
+}

package/src/app/file-tree/style/file-icon.less

@@ -0,0 +1,51 @@
+.mana-file-icons-js {
+  /*
+    Here, the `line-height` ensures that FontAwesome and `file-icons-js` container has the same height.
+    Ideally, it would be 1 em, but since we set the max height above (and other places too) with 0.8
+    multiplier, we use 0.8 em here too.
+     */
+  line-height: 0.8em;
+}
+
+.mana-file-icons-js::before {
+  font-size: calc(var(--mana-content-font-size) * 0.8);
+}
+
+.p-TabBar-tabIcon.mana-file-icons-js.file-icon {
+  padding-right: 3px !important;
+  padding-left: 1px !important;
+}
+
+.mana-file-icons-js.file-icon {
+  display: flex;
+  align-items: center;
+  width: 16px;
+  min-width: var(--mana-icon-size);
+  height: 16px;
+  line-height: 16px;
+}
+
+.default-folder-icon,
+.default-file-icon {
+  width: 20px;
+  height: 16px;
+  line-height: 16px;
+  padding-right: 4px;
+}
+
+.fa-file::before,
+.fa-folder::before,
+.mana-file-icons-js::before {
+  margin-right: 4px;
+  text-align: center;
+}
+
+.app-sides .mana-file-icons-js {
+  max-height: none;
+  line-height: inherit;
+}
+
+.app-sides .mana-file-icons-js::before {
+  margin-right: 0;
+  font-size: var(--mana-sidebar-icon-size);
+}

package/src/app/index.spec.ts

@@ -0,0 +1,20 @@
+import 'react';
+import assert from 'assert';
+
+import {
+  CardTabView,
+  SideTabView,
+  FileTreeView,
+  ToolbarRender,
+  MenuRender,
+} from './index';
+
+describe('app', () => {
+  it('#app import', () => {
+    assert(CardTabView);
+    assert(SideTabView);
+    assert(FileTreeView);
+    assert(ToolbarRender);
+    assert(MenuRender);
+  });
+});

package/src/app/index.ts

@@ -0,0 +1,37 @@
+import { ManaModule, ManaPreset } from '../core/index.js';
+
+import { ManaApplication } from './app.js';
+import { FileTreeModule } from './file-tree/index.js';
+import { LabelModule } from './label/index.js';
+import { MenuModule } from './menu/index.js';
+import { ModalModule } from './modal/index.js';
+import { NotificationModule } from './notification/index.js';
+import { ToolbarModule } from './toolbar/index.js';
+import { DefaultViewModule } from './view/index.js';
+import './style/index.less';
+
+export * from './label/index.js';
+export * from './tree/index.js';
+export * from './file-tree/index.js';
+export * from './view/index.js';
+export * from './toolbar/index.js';
+export * from './menu/index.js';
+export * from './modal/index.js';
+
+export const ManaAppPreset = ManaModule.create()
+  .register(ManaApplication)
+  .dependOn(
+    ManaPreset,
+    ToolbarModule,
+    MenuModule,
+    LabelModule,
+    FileTreeModule,
+    DefaultViewModule,
+    ModalModule,
+    NotificationModule,
+  );
+
+export * from '../ioc/index.js';
+export * from '../observable/index.js';
+export * from '../common/index.js';
+export * from '../core/index.js';

package/src/app/label/index.ts

@@ -0,0 +1,12 @@
+import { ManaModule } from '../../core/index.js';
+
+import {
+  DefaultUriLabelProviderContribution,
+  LabelProvider,
+  LabelProviderContribution,
+} from './label-provider.js';
+
+export * from './label-provider.js';
+export const LabelModule = ManaModule.create()
+  .contribution(LabelProviderContribution)
+  .register(LabelProvider, DefaultUriLabelProviderContribution);