@difizen/libro-core 0.0.2-alpha.0

package/es/toolbar/side-toolar-more-select.js

@@ -0,0 +1,161 @@
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+import { CommandRegistry, getOrigin, ToolbarInstance, useInject } from '@difizen/mana-app';
+import { l10n } from '@difizen/mana-l10n';
+import { Menu, MenuContext } from '@difizen/mana-react';
+import { Popover } from 'antd';
+import { ExecutableCellModel, ExecutableCellView } from "../cell/index.js";
+import { NotebookCommands } from "../command/index.js";
+import { MoreOutlined } from "../material-from-designer.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var codeItems = [{
+  id: NotebookCommands['HideCellCode'].id,
+  label: /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx("span", {
+      className: "libro-menu-item-label",
+      children: l10n.t('隐藏 Code')
+    }), /*#__PURE__*/_jsx("span", {
+      className: "libro-menu-item-keybind",
+      children: "Cmd + '"
+    })]
+  })
+}, {
+  id: NotebookCommands['ShowCellCode'].id,
+  label: /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx("span", {
+      className: "libro-menu-item-label",
+      children: l10n.t('显示 Code')
+    }), /*#__PURE__*/_jsx("span", {
+      className: "libro-menu-item-keybind",
+      children: "Cmd + '"
+    })]
+  })
+}];
+var outputItems = [{
+  id: NotebookCommands['HideCellOutputs'].id,
+  label: /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx("span", {
+      className: "libro-menu-item-label",
+      children: l10n.t('隐藏 Output')
+    }), /*#__PURE__*/_jsx("span", {
+      className: "libro-menu-item-keybind",
+      children: "Cmd + O"
+    })]
+  })
+}, {
+  id: NotebookCommands['ShowCellOutputs'].id,
+  label: /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx("span", {
+      className: "libro-menu-item-label",
+      children: l10n.t('显示 Output')
+    }), /*#__PURE__*/_jsx("span", {
+      className: "libro-menu-item-keybind",
+      children: "Cmd + O"
+    })]
+  })
+}];
+var moreItems = [{
+  id: NotebookCommands['CopyCell'].id,
+  label: /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx("span", {
+      className: "libro-menu-item-label",
+      children: l10n.t('复制')
+    }), /*#__PURE__*/_jsx("span", {
+      className: "libro-menu-item-keybind",
+      children: "C"
+    })]
+  })
+}, {
+  id: NotebookCommands['CutCell'].id,
+  label: /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx("span", {
+      className: "libro-menu-item-label",
+      children: l10n.t('剪切')
+    }), /*#__PURE__*/_jsx("span", {
+      className: "libro-menu-item-keybind",
+      children: "X"
+    })]
+  })
+}, {
+  id: NotebookCommands['PasteCellBelow'].id,
+  label: /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx("span", {
+      className: "libro-menu-item-label",
+      children: l10n.t('粘贴')
+    }), /*#__PURE__*/_jsx("span", {
+      className: "libro-menu-item-keybind",
+      children: "V"
+    })]
+  })
+}];
+export var LibroSideToolbarMoreMenu = function LibroSideToolbarMoreMenu() {
+  var _cell$outputArea;
+  var command = useInject(CommandRegistry);
+  var toolbar = useInject(ToolbarInstance);
+  var data = toolbar.currentArgs;
+  var args = getOrigin(data) || [];
+  var cell = args[0];
+  if (!cell) {
+    return null;
+  }
+  var hasOutput = ExecutableCellView.is(cell) && (_cell$outputArea = cell.outputArea) !== null && _cell$outputArea !== void 0 && _cell$outputArea.length && cell.outputArea.length > 0 ? true : false;
+  var nodes = [];
+  var baseCls = 'mana-menu';
+  var contextValue = {
+    prefixCls: baseCls
+  };
+  var codeMenuItem = cell.hasInputHidden ? 1 : 0;
+  nodes.push( /*#__PURE__*/_jsx(Menu.Item, {
+    onClick: function onClick() {
+      command.executeCommand.apply(command, [codeItems[codeMenuItem].id].concat(_toConsumableArray(args)));
+      cell.hasInputHidden = !cell.hasInputHidden;
+    },
+    children: codeItems[codeMenuItem].label
+  }, codeItems[codeMenuItem].id));
+  var outputMenuItem = ExecutableCellModel.is(cell.model) && cell.model.hasOutputHidden ? 1 : 0;
+  nodes.push( /*#__PURE__*/_jsx(Menu.Item, {
+    onClick: function onClick() {
+      if (hasOutput) {
+        command.executeCommand.apply(command, [outputItems[outputMenuItem].id].concat(_toConsumableArray(args)));
+        if (ExecutableCellModel.is(cell.model)) {
+          cell.model.hasOutputHidden = !cell.model.hasOutputHidden;
+        }
+      }
+    },
+    disabled: !hasOutput,
+    children: outputItems[outputMenuItem].label
+  }, outputItems[outputMenuItem].id));
+  nodes.push( /*#__PURE__*/_jsx(Menu.Divider, {}, "libro-menu-divider"));
+  moreItems.forEach(function (item) {
+    nodes.push( /*#__PURE__*/_jsx(Menu.Item, {
+      onClick: function onClick() {
+        command.executeCommand.apply(command, [item.id].concat(_toConsumableArray(args)));
+      },
+      children: item.label
+    }, item.id));
+  });
+  return /*#__PURE__*/_jsx("div", {
+    className: "libro-side-toolbar-menu",
+    children: /*#__PURE__*/_jsxs(MenuContext.Provider, {
+      value: contextValue,
+      children: [nodes, " "]
+    })
+  });
+};
+export var SideToolbarMoreSelect = function SideToolbarMoreSelect() {
+  return /*#__PURE__*/_jsx(Popover, {
+    placement: "leftTop",
+    content: /*#__PURE__*/_jsx(LibroSideToolbarMoreMenu, {}),
+    trigger: "click",
+    overlayClassName: "libro-popover-side-toolbar-menu libro-side-toolbar-more-select-menu",
+    children: /*#__PURE__*/_jsx("span", {
+      children: /*#__PURE__*/_jsx(MoreOutlined, {})
+    })
+  });
+};

package/es/typings/index.d.ts

@@ -0,0 +1 @@
+declare module '*.less';

package/package.json

@@ -0,0 +1,70 @@
+{
+  "name": "@difizen/libro-core",
+  "version": "0.0.2-alpha.0",
+  "description": "",
+  "keywords": [
+    "libro",
+    "core",
+    "notebook"
+  ],
+  "type": "module",
+  "repository": "git@github.com:difizen/libro.git",
+  "license": "MIT",
+  "exports": {
+    ".": {
+      "typings": "./es/index.d.ts",
+      "default": "./es/index.js"
+    },
+    "./mock": {
+      "typings": "./es/mock/index.d.ts",
+      "default": "./es/mock/index.js"
+    },
+    "./es/mock": {
+      "typings": "./es/mock/index.d.ts",
+      "default": "./es/mock/index.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "main": "es/index.js",
+  "module": "es/index.js",
+  "typings": "es/index.d.ts",
+  "files": [
+    "es",
+    "src"
+  ],
+  "dependencies": {
+    "@difizen/mana-app": "alpha",
+    "@difizen/mana-react": "alpha",
+    "@difizen/mana-l10n": "alpha",
+    "@ant-design/icons": "^5.1.0",
+    "@difizen/libro-code-editor": "^0.0.2-alpha.0",
+    "@difizen/libro-common": "^0.0.2-alpha.0",
+    "@difizen/libro-shared-model": "^0.0.2-alpha.0",
+    "classnames": "^2.3.2",
+    "dnd-core": "^16.0.1",
+    "react-dnd": "^16.0.1",
+    "react-dnd-html5-backend": "^16.0.1",
+    "uuid": "^8.3.2"
+  },
+  "devDependencies": {
+    "@types/react": "^18.2.25",
+    "@types/uuid": "^8.3.4"
+  },
+  "peerDependencies": {
+    "antd": "^5.8.6",
+    "react": "^18.2.0"
+  },
+  "scripts": {
+    "setup": "father build",
+    "build": "father build",
+    "test": ": Note: lint task is delegated to test:* scripts",
+    "test:vitest": "vitest run",
+    "test:jest": "jest",
+    "coverage": ": Note: lint task is delegated to coverage:* scripts",
+    "coverage:vitest": "vitest run --coverage",
+    "coverage:jest": "jest --coverage",
+    "lint": ": Note: lint task is delegated to lint:* scripts",
+    "lint:eslint": "eslint src",
+    "lint:tsc": "tsc --noEmit"
+  }
+}

package/src/add-cell/index.less

@@ -0,0 +1,38 @@
+.default-add-cell-container {
+  display: flex;
+  align-items: center;
+  justify-content: start;
+  height: 90px;
+  padding-bottom: 30px;
+  margin: 0 72px;
+
+  .libro-add-cell-container-item {
+    margin-right: 16px;
+    padding-left: 12px;
+    border-radius: 6px;
+    /* stylelint-disable-next-line declaration-property-value-disallowed-list */
+    font-family: PingFangSC;
+    font-weight: 400;
+    font-size: 14px;
+    background: var(--mana-libro-bottom-btn-background-color) !important;
+    border-color: var(--mana-libro-bottom-btn-border-color) !important;
+    line-height: 22px;
+
+    .libro-add-cell-icon {
+      padding-right: 8px;
+      color: var(--mana-libro-bottom-btn-icon-color) !important;
+    }
+
+    span:not(.libro-add-cell-icon) {
+      color: var(--mana-libro-bottom-btn-text-color);
+    }
+
+    path {
+      // position: absolute;
+      // top: 11px;
+      // left: 12px;
+      height: 9.8px;
+      width: 9.4px;
+    }
+  }
+}

package/src/add-cell/index.ts

@@ -0,0 +1,3 @@
+export * from './libro-add-cell-slot-contribution.js';
+export * from './libro-add-cell-module.js';
+export * from './libro-add-cell-view.js';

package/src/add-cell/libro-add-cell-module.ts

@@ -0,0 +1,9 @@
+import { ManaModule } from '@difizen/mana-app';
+
+import { LibroAddCellSlotContribution } from './libro-add-cell-slot-contribution.js';
+import { LibroAddCellView } from './libro-add-cell-view.js';
+
+export const LibroAddCellModule = ManaModule.create().register(
+  LibroAddCellSlotContribution,
+  LibroAddCellView,
+);

package/src/add-cell/libro-add-cell-slot-contribution.ts

@@ -0,0 +1,31 @@
+import { ViewManager } from '@difizen/mana-app';
+import { inject, singleton } from '@difizen/mana-app';
+
+import type { LibroView } from '../libro-view.js';
+import { LibroExtensionSlotContribution } from '../slot/index.js';
+import type { LibroExtensionSlotFactory, LibroSlot } from '../slot/index.js';
+
+import { LibroAddCellView } from './libro-add-cell-view.js';
+
+@singleton({ contrib: LibroExtensionSlotContribution })
+export class LibroAddCellSlotContribution implements LibroExtensionSlotContribution {
+  protected viewManager: ViewManager;
+  constructor(@inject(ViewManager) viewManager: ViewManager) {
+    this.viewManager = viewManager;
+  }
+  protected viewMap: Map<string, LibroAddCellView> = new Map();
+
+  public readonly slot: LibroSlot = 'list';
+
+  factory: LibroExtensionSlotFactory = async (libro: LibroView) => {
+    const view = await this.viewManager.getOrCreateView(LibroAddCellView, {
+      parentId: libro.id,
+    });
+    view.parent = libro;
+    this.viewMap.set(libro.id, view);
+    view.onDisposed(() => {
+      this.viewMap.delete(libro.id);
+    });
+    return view;
+  };
+}

package/src/add-cell/libro-add-cell-view.tsx

@@ -0,0 +1,101 @@
+import { DisplayWrapComponent } from '@difizen/libro-common';
+import { prop, useInject } from '@difizen/mana-app';
+import { BaseView, CommandRegistry, view, ViewInstance } from '@difizen/mana-app';
+import { inject, transient } from '@difizen/mana-app';
+import { Button } from 'antd';
+import React from 'react';
+import './index.less';
+
+import { CellService } from '../cell/index.js';
+import type { CellMeta } from '../cell/index.js';
+import { NotebookCommands } from '../command/index.js';
+import type { LibroView } from '../libro-view.js';
+import { PlusOutlined } from '../material-from-designer.js';
+
+type AddType = {
+  name: string;
+  type: string;
+};
+
+export const LibroAddCell: React.FC = () => {
+  const instance = useInject<LibroAddCellView>(ViewInstance);
+  const command = useInject(CommandRegistry);
+  const addCell = async (type: string) => {
+    command.executeCommand(
+      NotebookCommands['InsertCellBottom'].id,
+      instance.parent,
+      type,
+    );
+  };
+  return (
+    <div className="libro-add-cell-container default-add-cell-container">
+      {instance
+        .getCellList()
+        .sort((a, b) => {
+          if (a.order < b.order) {
+            return -1;
+          } else {
+            return 1;
+          }
+        })
+        .map((item: AddType) => {
+          return (
+            <Button
+              className="libro-add-cell-container-item "
+              key={item.name}
+              onClick={() => {
+                addCell(item.type);
+              }}
+              icon={<PlusOutlined className="libro-add-cell-icon" />}
+            >
+              {item.name}
+            </Button>
+          );
+        })}
+    </div>
+  );
+};
+
+export const LibroWrappedAddCell = React.forwardRef(function LibroWrappedAddCell() {
+  const instance = useInject<LibroAddCellView>(ViewInstance);
+  return (
+    <DisplayWrapComponent mode={instance.parent?.model.readOnly}>
+      <LibroAddCell />
+    </DisplayWrapComponent>
+  );
+});
+
+@transient()
+@view('libro-add-cell-view')
+export class LibroAddCellView extends BaseView {
+  parent: LibroView | undefined = undefined;
+  override view = LibroWrappedAddCell;
+
+  @prop()
+  addList: CellMeta[] = [];
+
+  cellService: CellService;
+
+  constructor(@inject(CellService) cellService: CellService) {
+    super();
+    this.cellService = cellService;
+  }
+
+  override onViewMount() {
+    this.addList = this.cellService.cellsMeta;
+  }
+
+  override onViewUnmount() {
+    //
+  }
+
+  override onViewResize() {
+    //
+  }
+
+  defaultFilter = (cellmeta: CellMeta) => cellmeta.type !== 'raw';
+
+  getCellList(filter = this.defaultFilter) {
+    return this.addList.filter(filter);
+  }
+}

package/src/cell/README.md

@@ -0,0 +1,14 @@
+# Cell abstraction
+
+## Cell View
+
+缩进代表继承关系
+
+- LibroCellView
+  - LibroEditorCellView: 带有文本编辑器相关能力
+    - LibroExecutableCellView: 带有执行、输出能力
+      - LibroCodeCellView
+        - AIStudioLibroCodeCellView
+      - LibroSqlCellView
+    - LibroMarkdownCellView
+    - LibroRawCellView

package/src/cell/index.ts

@@ -0,0 +1,9 @@
+export * from './libro-cell-protocol.js';
+export * from './libro-cell-service.js';
+export * from './libro-cell-view.js';
+export * from './libro-cell-contribution.js';
+export * from './libro-cell-model.js';
+export * from './libro-edit-cell-view.js';
+export * from './libro-executable-cell-model.js';
+export * from './libro-markdown-cell-model.js';
+export * from './libro-executable-cell-view.js';

package/src/cell/libro-cell-contribution.ts

@@ -0,0 +1,38 @@
+import { inject, singleton } from '@difizen/mana-app';
+
+import type { CellModel, CellOptions } from '../libro-protocol.js';
+
+import type { CellMeta } from './libro-cell-protocol.js';
+import {
+  CellModelContribution,
+  CellModelFactory,
+  CellViewContribution,
+} from './libro-cell-protocol.js';
+import { LibroCellView } from './libro-cell-view.js';
+
+@singleton({ contrib: [CellModelContribution, CellViewContribution] })
+export class LibroCellContribution
+  implements CellModelContribution, CellViewContribution
+{
+  libroCellModelFactory: CellModelFactory;
+
+  constructor(@inject(CellModelFactory) libroCellModelFactory: CellModelFactory) {
+    this.libroCellModelFactory = libroCellModelFactory;
+  }
+
+  cellMeta: CellMeta = {
+    type: 'raw',
+    name: 'Raw',
+    order: 'a',
+  };
+
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  canHandle(_options: CellOptions): number {
+    return 1;
+  }
+  createModel(options: CellOptions): CellModel {
+    const model = this.libroCellModelFactory(options);
+    return model;
+  }
+  view = LibroCellView;
+}

package/src/cell/libro-cell-model.ts

@@ -0,0 +1,61 @@
+import { Model } from '@difizen/libro-code-editor';
+import type { ICell } from '@difizen/libro-common';
+import { concatMultilineString } from '@difizen/libro-common';
+import { DisposableCollection } from '@difizen/mana-app';
+import { inject, transient } from '@difizen/mana-app';
+import { prop } from '@difizen/mana-app';
+
+import { CellOptions } from '../libro-protocol.js';
+import type { CellModel } from '../libro-protocol.js';
+
+import type { LibroCellMetadata } from './libro-cell-protocol.js';
+import { getLibroCellType } from './libro-cell-protocol.js';
+
+@transient()
+export class LibroCellModel extends Model implements CellModel {
+  toDispose = new DisposableCollection();
+
+  options: CellOptions;
+
+  @prop()
+  metadata: Partial<LibroCellMetadata>;
+
+  @prop()
+  trusted: boolean;
+
+  constructor(@inject(CellOptions) options: CellOptions) {
+    super({
+      id: options.cell.id as string,
+      value: concatMultilineString(options?.cell?.source ?? ''),
+    });
+    this.options = options;
+    this.type = getLibroCellType(options);
+    this.metadata = options?.cell?.metadata || {};
+    this.trusted = options?.cell?.metadata?.trusted ?? false;
+  }
+
+  async run() {
+    return true;
+  }
+
+  toJSON(): Omit<ICell, 'outputs'> {
+    return {
+      id: this.id,
+      cell_type: this.type,
+      metadata: this.metadata,
+      source: this.value,
+    };
+  }
+
+  disposed = false;
+  override dispose() {
+    if (!this.disposed) {
+      this.toDispose.dispose();
+    }
+    this.disposed = true;
+  }
+}
+
+export function isLibroCellModel(model: CellModel): model is LibroCellModel {
+  return model instanceof LibroCellModel;
+}

package/src/cell/libro-cell-module.ts

@@ -0,0 +1,40 @@
+import { ManaModule } from '@difizen/mana-app';
+
+import { CellOptions } from '../libro-protocol.js';
+
+import { LibroCellContribution } from './libro-cell-contribution.js';
+import { LibroCellModel } from './libro-cell-model.js';
+import {
+  CellModelContribution,
+  CellModelFactory,
+  CellViewContribution,
+} from './libro-cell-protocol.js';
+import { LibroCellService } from './libro-cell-service.js';
+import { LibroCellView } from './libro-cell-view.js';
+
+/**
+ * 基础的cell实现，作为实现更复杂的cell的参考，一般不用加载到实际应用中
+ */
+export const LibroBaseCellModule = ManaModule.create()
+  .register(LibroCellContribution, LibroCellView, LibroCellModel)
+  .register({
+    token: CellModelFactory,
+    useFactory: (ctx) => {
+      return (options: CellOptions) => {
+        const child = ctx.container.createChild();
+        child.register({
+          token: CellOptions,
+          useValue: options,
+        });
+        const model = child.get(LibroCellModel);
+        return model;
+      };
+    },
+  });
+
+/**
+ * cell 定义
+ */
+export const LibroCellModule = ManaModule.create()
+  .contribution(CellViewContribution, CellModelContribution)
+  .register(LibroCellService);

package/src/cell/libro-cell-protocol.ts

@@ -0,0 +1,53 @@
+import type { IBaseCell, ICell, ICellMetadata } from '@difizen/libro-common';
+import type { MaybePromise, Newable } from '@difizen/mana-app';
+import { Syringe } from '@difizen/mana-app';
+
+import type { CellModel, CellOptions, CellView } from '../libro-protocol.js';
+
+export type LibroCellMetadata = ICellMetadata & {
+  libroCellType?: string;
+};
+export interface LibroCustomCell extends IBaseCell {
+  metadata: Partial<LibroCellMetadata>;
+}
+export type LibroCell = LibroCustomCell | ICell;
+
+export type CellModelFactory = (options: CellOptions) => CellModel;
+export const CellModelFactory = Symbol('CellModelFactory');
+
+export const getLibroCellType = (options: CellOptions) => {
+  return (options.cell.metadata?.libroCellType as string) ?? options.cell.cell_type;
+};
+
+export const CellModelContribution = Syringe.defineToken('CellModelContribution');
+export interface CellModelContribution {
+  cellMeta: CellMeta;
+  canHandle: (options: CellOptions, libroType?: string) => number;
+  createModel: (options: CellOptions) => MaybePromise<CellModel>;
+  getDefaultCellOption?: () => CellOptions;
+}
+
+export const CellViewContribution = Syringe.defineToken('CellViewContribution');
+export interface CellViewContribution {
+  canHandle: (options: CellOptions) => number;
+  view: Newable<CellView>;
+}
+
+export interface CellMeta {
+  type: string;
+  name: string;
+  order: string;
+  nbformatType?: string;
+}
+
+//
+
+export const CellService = Symbol('CellService');
+export interface CellService {
+  cellsMeta: CellMeta[];
+  getModelFromCache: (groupId: string, modelId: string) => CellModel | undefined;
+  getOrCreateModel: (options: CellOptions, cacheGroupId?: string) => Promise<CellModel>;
+  getOrCreateView: (options: CellOptions, parentId: string) => Promise<CellView>;
+  findModelProvider: (options: CellOptions) => CellModelContribution | undefined;
+  findViewProvider: (options: CellOptions) => CellViewContribution | undefined;
+}