@difizen/libro-jupyter 0.0.2-alpha.0

package/src/command/command-contribution.ts

@@ -0,0 +1,163 @@
+import {
+  KernelCommands,
+  LibroCommandRegister,
+  LibroService,
+  LibroToolbarArea,
+  LibroView,
+  NotebookCommands,
+  LibroCellView,
+  ExecutableCellView,
+} from '@difizen/libro-core';
+import type { CommandRegistry } from '@difizen/mana-app';
+import {
+  CommandContribution,
+  inject,
+  ModalService,
+  singleton,
+} from '@difizen/mana-app';
+
+import { LibroJupyterModel } from '../libro-jupyter-model.js';
+import { ExecutedWithKernelCellModel } from '../libro-jupyter-protocol.js';
+
+@singleton({ contrib: CommandContribution })
+export class LibroJupyterCommandContribution implements CommandContribution {
+  @inject(ModalService) protected readonly modalService: ModalService;
+  @inject(LibroCommandRegister) protected readonly libroCommand: LibroCommandRegister;
+  @inject(LibroService) protected readonly libroService: LibroService;
+
+  registerCommands(command: CommandRegistry): void {
+    this.libroCommand.registerLibroCommand(
+      command,
+      KernelCommands['ShowKernelStatusAndSelector'],
+      {
+        execute: async (_cell, libro) => {
+          if (!libro || !(libro instanceof LibroView)) {
+            return;
+          }
+        },
+        isVisible: (_cell, libro, path) => {
+          if (!libro || !(libro instanceof LibroView)) {
+            return false;
+          }
+          return (
+            !libro?.model.quickEditMode &&
+            !libro?.model.readOnly &&
+            path === LibroToolbarArea.HeaderLeft
+          );
+        },
+        isEnabled: (_cell, libro) => {
+          if (!libro || !(libro instanceof LibroView)) {
+            return false;
+          }
+          return true;
+        },
+      },
+    );
+
+    this.libroCommand.registerLibroCommand(
+      command,
+      NotebookCommands['TopToolbarRunSelect'],
+      {
+        execute: () => {
+          //
+        },
+        isVisible: (cell, libro, path) => {
+          if (
+            !cell ||
+            !libro ||
+            !(cell instanceof LibroCellView) ||
+            !(libro instanceof LibroView)
+          ) {
+            return false;
+          }
+          if (
+            path !== LibroToolbarArea.HeaderCenter ||
+            libro.model.quickEditMode ||
+            libro.model.readOnly
+          ) {
+            return false;
+          }
+          return !!cell;
+        },
+        isEnabled: (_cell, libro) => {
+          if (!libro || !(libro instanceof LibroView)) {
+            return false;
+          }
+          return (
+            (libro.model as LibroJupyterModel).kernelConnection !== undefined &&
+            (libro.model as LibroJupyterModel).kernelConnecting === false
+          );
+        },
+      },
+    );
+
+    this.libroCommand.registerLibroCommand(
+      command,
+      NotebookCommands['SideToolbarRunSelect'],
+      {
+        execute: () => {
+          //
+        },
+        isVisible: (cell, libro, path) => {
+          if (
+            !cell ||
+            !libro ||
+            !ExecutableCellView.is(cell) ||
+            !(libro instanceof LibroView)
+          ) {
+            return false;
+          }
+          return (
+            !libro?.model.quickEditMode &&
+            !libro?.model.readOnly &&
+            path === LibroToolbarArea.CellRight
+          );
+        },
+        isEnabled: (_cell, libro) => {
+          if (!libro || !(libro instanceof LibroView)) {
+            return false;
+          }
+          return (
+            (libro.model as LibroJupyterModel).kernelConnection !== undefined &&
+            (libro.model as LibroJupyterModel).kernelConnecting === false
+          );
+        },
+      },
+    );
+
+    this.libroCommand.registerLibroCommand(
+      command,
+      NotebookCommands['SelectLastRunCell'],
+      {
+        execute: async (_cell, libro) => {
+          if (!libro || !(libro instanceof LibroView)) {
+            return;
+          }
+          if (libro.model instanceof LibroJupyterModel) {
+            libro.model.findRunningCell();
+          }
+        },
+        isVisible: (_cell, libro, path) => {
+          if (!libro || !(libro instanceof LibroView)) {
+            return false;
+          }
+          return path === LibroToolbarArea.HeaderCenter && !libro.model.readOnly;
+        },
+        isEnabled: (_cell, libro) => {
+          if (!libro || !(libro instanceof LibroView) || libro.model.readOnly) {
+            return false;
+          }
+          return (
+            libro.model
+              .getCells()
+              .findIndex(
+                (item) =>
+                  ExecutedWithKernelCellModel.is(item.model) &&
+                  item.model.kernelExecuting,
+              ) >= 0
+          );
+        },
+      },
+    );
+  }
+}

package/src/command/index.ts

@@ -0,0 +1,2 @@
+export * from './command-contribution.js';
+export * from './keybinding-contribution.js';

package/src/command/keybinding-contribution.ts

@@ -0,0 +1,25 @@
+import {
+  NotebookCommands,
+  DocumentCommands,
+  LibroCommandRegister,
+} from '@difizen/libro-core';
+import {
+  inject,
+  KeybindingRegistry,
+  singleton,
+  KeybindingContribution,
+} from '@difizen/mana-app';
+
+@singleton({ contrib: KeybindingContribution })
+export class LibroJupyterKeybindingContribution implements KeybindingContribution {
+  @inject(LibroCommandRegister) protected readonly libroCommand: LibroCommandRegister;
+  constructor(@inject(KeybindingRegistry) keybindRegistry: KeybindingRegistry) {
+    // 快捷键命中时默认阻止事件冒泡
+    keybindRegistry.preventDefault = true;
+    keybindRegistry.stopPropagation = true;
+  }
+  registerKeybindings(keybindings: KeybindingRegistry) {
+    this.libroCommand.registerKeybinds(keybindings, NotebookCommands);
+    this.libroCommand.registerKeybinds(keybindings, DocumentCommands);
+  }
+}

package/src/components/cell-execution-tip.tsx

@@ -0,0 +1,107 @@
+import { LoadingOutlined } from '@ant-design/icons';
+import type { CellView } from '@difizen/libro-core';
+import {
+  ExecutableCellView,
+  CheckCircleOutlined,
+  ExecutableCellModel,
+} from '@difizen/libro-core';
+import { useObserve } from '@difizen/mana-app';
+import classnames from 'classnames';
+import moment from 'moment';
+
+import type { JupyterCodeCellModel } from '../cell/jupyter-code-cell-model.js';
+import {
+  formatTime,
+  parseExecutionInfoFromModel,
+  isWaitingExecute,
+} from '../utils/index.js';
+
+import { InfoCircle } from './icons.js';
+
+import './index.less';
+
+export function CellExecutionTip({ cell }: { cell: CellView }) {
+  const observableCell = useObserve(cell);
+
+  if (!ExecutableCellView.is(cell)) {
+    return null;
+  }
+
+  if (!ExecutableCellModel.is(observableCell.model)) {
+    return null;
+  }
+
+  const isHidden = observableCell.model.hasOutputHidden;
+  const kernelExecuting = (cell.model as JupyterCodeCellModel).kernelExecuting;
+  const executionInfo = parseExecutionInfoFromModel(cell.model);
+
+  const output = cell.outputArea.outputs;
+  const existOutput = output && output.length !== 0;
+
+  const waitingExecute = isWaitingExecute(observableCell.model);
+
+  if (!executionInfo) {
+    return null;
+  }
+
+  const { executeStartTime, executeFinishTime } = executionInfo;
+  if (executeStartTime && executeFinishTime && observableCell.model.executeCount) {
+    return isHidden ? (
+      <div className="libro-cell-execution-tip-hide-output">
+        <div className="libro-cell-execution-tip-border" />
+        <CheckCircleOutlined />
+      </div>
+    ) : (
+      <div
+        className={classnames(
+          `libro-cell-execution-tip`,
+          !existOutput && 'libro-cell-execution-tip-without-output',
+        )}
+      >
+        <div className="libro-cell-execution-tip-border" />
+        <CheckCircleOutlined />
+        <p>
+          {'The execution took in ' +
+            formatTime(
+              Number(new Date(executeFinishTime).getTime()) -
+                Number(new Date(executeStartTime).getTime()),
+            ) +
+            ', finished at ' +
+            moment(new Date(executeFinishTime).getTime()).format('hh:mm a') +
+            '.'}
+        </p>
+      </div>
+    );
+  } else if (kernelExecuting) {
+    return (
+      <div
+        className={classnames(
+          `libro-cell-execution-tip`,
+          !existOutput && 'libro-cell-execution-tip-without-output',
+        )}
+      >
+        <div className="libro-cell-execution-tip-border" />
+        <LoadingOutlined style={{ color: 'rgba(24,144,255,1)' }} />
+        <p>
+          {'It takes ' +
+            formatTime(Date.now() - Number(new Date(executeStartTime).getTime())) +
+            '.'}
+        </p>
+      </div>
+    );
+  } else if (waitingExecute) {
+    return (
+      <div
+        className={classnames(
+          `libro-cell-execution-tip`,
+          waitingExecute && 'libro-cell-execution-tip-without-output',
+        )}
+      >
+        <div className="libro-cell-execution-tip-border" />
+        <InfoCircle />
+        <p>{'execution queued.'}</p>
+      </div>
+    );
+  }
+  return null;
+}

package/src/components/cell-input-bottom-blank.tsx

@@ -0,0 +1,24 @@
+import { LibroExecutableCellView } from '@difizen/libro-core';
+import type { CellView } from '@difizen/libro-core';
+import { useObserve } from '@difizen/mana-app';
+
+import { isWaitingExecute } from '../utils/index.js';
+
+export function CellInputBottomBlank({ cell }: { cell: CellView }) {
+  const observableCell = useObserve(cell) as LibroExecutableCellView;
+
+  if (!(cell instanceof LibroExecutableCellView)) {
+    return null;
+  }
+
+  const outputs = observableCell.outputArea.outputs;
+  const hasNoneOutput =
+    (!outputs || outputs.length === 0) && observableCell.model.executeCount;
+
+  // 有output时 或者 没有被执行过，不显示input底部的空白
+  if (hasNoneOutput || isWaitingExecute(observableCell.model)) {
+    return <div className="libro-cell-bottom-blank" />;
+  }
+
+  return null;
+}

package/src/components/icons.tsx

@@ -0,0 +1,117 @@
+import React from 'react';
+
+export const InfoCircle: React.FC = () => (
+  <svg
+    version="1.1"
+    width="15px"
+    height="15px"
+    viewBox="0 0 14.0 14.0"
+    xmlns="http://www.w3.org/2000/svg"
+    xmlnsXlink="http://www.w3.org/1999/xlink"
+  >
+    <defs>
+      <clipPath id="i0">
+        <path d="M1840,0 L1840,900 L0,900 L0,0 L1840,0 Z" />
+      </clipPath>
+      <clipPath id="i1">
+        <path d="M980,0 C982.209139,-4.05812251e-16 984,1.790861 984,4 L984,126 C984,128.209139 982.209139,130 980,130 L4,130 C1.790861,130 2.705415e-16,128.209139 0,126 L0,4 C-2.705415e-16,1.790861 1.790861,4.05812251e-16 4,0 L980,0 Z" />
+      </clipPath>
+      <clipPath id="i2">
+        <path d="M6.125,0 C9.50742188,0 12.25,2.74257813 12.25,6.125 C12.25,9.50742188 9.50742188,12.25 6.125,12.25 C2.74257813,12.25 0,9.50742188 0,6.125 C0,2.74257813 2.74257813,0 6.125,0 Z M6.49414062,5.11328125 L5.75585938,5.11328125 C5.68818359,5.11328125 5.6328125,5.16796875 5.6328125,5.23632812 L5.6328125,9.36523438 C5.6328125,9.43359375 5.68818359,9.48828125 5.75585938,9.48828125 L6.49414062,9.48828125 C6.56181641,9.48828125 6.6171875,9.43359375 6.6171875,9.36523438 L6.6171875,5.23632812 C6.6171875,5.16796875 6.56181641,5.11328125 6.49414062,5.11328125 Z M6.125,2.76171875 C5.71740723,2.76171875 5.38671875,3.09240723 5.38671875,3.5 C5.38671875,3.90759277 5.71740723,4.23828125 6.125,4.23828125 C6.53259277,4.23828125 6.86328125,3.90759277 6.86328125,3.5 C6.86328125,3.09240723 6.53259277,2.76171875 6.125,2.76171875 Z" />
+      </clipPath>
+    </defs>
+    <g transform="translate(-366.0 -681.0)">
+      <g clipPath="url(#i0)">
+        <g transform="translate(334.0 579.0)">
+          <g clipPath="url(#i1)">
+            <g transform="translate(0.0 94.0)">
+              <g transform="translate(32.0 8.0)">
+                <g transform="translate(0.5185185185185182 0.5185185185185182)">
+                  <g transform="translate(0.35648148148148184 0.35648148148148184)">
+                    <g clipPath="url(#i2)">
+                      <polygon
+                        points="0,0 12.25,0 12.25,12.25 0,12.25 0,0"
+                        stroke="none"
+                        fill="#1890FF"
+                      />
+                    </g>
+                  </g>
+                </g>
+              </g>
+            </g>
+          </g>
+        </g>
+      </g>
+    </g>
+  </svg>
+);
+
+export const WarningIcon: React.FC = () => (
+  <svg
+    width="14px"
+    height="14px"
+    viewBox="0 0 12 12"
+    version="1.1"
+    xmlns="http://www.w3.org/2000/svg"
+    xmlnsXlink="http://www.w3.org/1999/xlink"
+  >
+    <g id="0417" stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
+      <g id="2.0-chart-cell初始化" transform="translate(-521.000000, -233.000000)">
+        <rect fill="#FFFFFF" x="0" y="0" width="1840" height="900" />
+        <g
+          id="编组-31"
+          transform="translate(286.000000, -434.000000)"
+          fill="#000A1A"
+          fillOpacity="0.26"
+        >
+          <g id="编组-7" transform="translate(0.000000, 655.000000)">
+            <g id="矩形备份-2" transform="translate(45.000000, 0.000000)">
+              <g id="General/Details备份" transform="translate(16.000000, 7.000000)">
+                <g id="编组-8" transform="translate(135.000000, 0.000000)">
+                  <g
+                    id="1.通用/2.Icon图标/Fill/Warning-Circle-Fill"
+                    transform="translate(39.750000, 5.750000)"
+                  >
+                    <path
+                      d="M5.25,0 C2.35078125,0 0,2.35078125 0,5.25 C0,8.14921875 2.35078125,10.5 5.25,10.5 C8.14921875,10.5 10.5,8.14921875 10.5,5.25 C10.5,2.35078125 8.14921875,0 5.25,0 Z M4.875,2.71875 C4.875,2.6671875 4.9171875,2.625 4.96875,2.625 L5.53125,2.625 C5.5828125,2.625 5.625,2.6671875 5.625,2.71875 L5.625,5.90625 C5.625,5.9578125 5.5828125,6 5.53125,6 L4.96875,6 C4.9171875,6 4.875,5.9578125 4.875,5.90625 L4.875,2.71875 Z M5.25,7.875 C4.93945312,7.875 4.6875,7.62304688 4.6875,7.3125 C4.6875,7.00195312 4.93945312,6.75 5.25,6.75 C5.56054688,6.75 5.8125,7.00195312 5.8125,7.3125 C5.8125,7.62304688 5.56054688,7.875 5.25,7.875 Z"
+                      id="warning-circle-filled"
+                    />
+                  </g>
+                </g>
+              </g>
+            </g>
+          </g>
+        </g>
+      </g>
+    </g>
+  </svg>
+);
+
+export const Location: React.FC = () => (
+  <svg
+    width="17px"
+    height="20px"
+    viewBox="0 0 17 20"
+    version="1.1"
+    xmlns="http://www.w3.org/2000/svg"
+    xmlnsXlink="http://www.w3.org/1999/xlink"
+  >
+    <g id="页面-1" stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
+      <g
+        id="2.0-kernel-启动前"
+        transform="translate(-738.000000, -80.000000)"
+        fill="#7B7B7B"
+        fillRule="nonzero"
+      >
+        <g id="编组-24" transform="translate(637.000000, 80.000000)">
+          <g id="location" transform="translate(99.000000, 0.000000)">
+            <path
+              d="M18.0602315,4.99157209 C17.6377121,4.01618159 17.0331498,3.14192606 16.2645241,2.39127992 C15.4958984,1.64063378 14.6036633,1.05405102 13.6080458,0.64276885 C12.5787167,0.215754579 11.4864592,0 10.3604899,0 C9.23452073,0 8.14226318,0.215754579 7.11293404,0.640521407 C6.11731655,1.05180357 5.22508147,1.64063378 4.45645578,2.38903248 C3.68783009,3.13967862 3.08326778,4.01618159 2.6607484,4.98932464 C2.22249691,6.00067423 2,7.07495224 2,8.18069446 C2,9.76738959 2.37981796,11.3473424 3.12596921,12.8711091 C3.72603663,14.0959658 4.56433307,15.2893584 5.62063153,16.4243173 C7.42532869,18.3616137 9.31767614,19.5460164 9.85481515,19.8629059 C10.0098888,19.9550511 10.1851893,20 10.3582425,20 C10.5335431,20 10.7065962,19.9550511 10.8616699,19.8629059 C11.3988089,19.5460164 13.2911563,18.3616137 15.0958535,16.4243173 C16.1521519,15.2916058 16.9904484,14.0959658 17.5905158,12.8711091 C18.3411619,11.3495898 18.7209799,9.77188448 18.7209799,8.1829419 C18.7209799,7.07719969 18.498483,6.00292168 18.0602315,4.99157209 Z M10.3604899,18.2762108 C8.87942465,17.334532 3.61815934,13.6060231 3.61815934,8.1829419 C3.61815934,6.43218339 4.31711428,4.78705473 5.58691988,3.5464659 C6.86122036,2.30362962 8.55579279,1.61815934 10.3604899,1.61815934 C12.1651871,1.61815934 13.8597595,2.30362962 15.13406,3.54871334 C16.4038656,4.78705473 17.1028205,6.43218339 17.1028205,8.1829419 C17.1028205,13.6060231 11.8415552,17.334532 10.3604899,18.2762108 Z M10.3604899,4.40498932 C8.17597483,4.40498932 6.40498932,6.17597483 6.40498932,8.36048994 C6.40498932,10.5450051 8.17597483,12.3159906 10.3604899,12.3159906 C12.5450051,12.3159906 14.3159906,10.5450051 14.3159906,8.36048994 C14.3159906,6.17597483 12.5450051,4.40498932 10.3604899,4.40498932 Z M12.1404652,10.1404652 C11.6640072,10.6146758 11.0324756,10.8776267 10.3604899,10.8776267 C9.68850433,10.8776267 9.05697269,10.6146758 8.58051466,10.1404652 C8.10630408,9.66400719 7.84335319,9.03247556 7.84335319,8.36048994 C7.84335319,7.68850433 8.10630408,7.05697269 8.58051466,6.58051466 C9.05697269,6.10405664 9.68850433,5.84335319 10.3604899,5.84335319 C11.0324756,5.84335319 11.6640072,6.10405664 12.1404652,6.58051466 C12.6169232,7.05697269 12.8776267,7.68850433 12.8776267,8.36048994 C12.8776267,9.03247556 12.6169232,9.66400719 12.1404652,10.1404652 Z"
+              id="locate"
+            />
+          </g>
+        </g>
+      </g>
+    </g>
+  </svg>
+);

package/src/components/index.less

@@ -0,0 +1,82 @@
+.libro-cell-execution-tip {
+  position: absolute;
+  bottom: -15px;
+  left: 40px;
+  z-index: 10;
+  width: calc(100% - 50px);
+  max-width: 400px;
+  height: 30px;
+  background-color: transparent;
+
+  > svg,
+  > span {
+    margin-top: 7px;
+    margin-left: 8px;
+  }
+
+  > svg {
+    position: absolute;
+    color: var(--mana-libro-execution-tip-success-color);
+  }
+
+  p {
+    width: calc(100% - 56px);
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    position: absolute;
+    top: 4px;
+    left: 26px;
+    color: var(--mana-libro-tip-font-color) !important;
+    font-weight: 400;
+    font-size: 12px;
+    font-family: 'AlibabaPuHuiTi_2_55_Regular';
+    line-height: 20px;
+  }
+}
+
+.libro-cell-execution-tip-without-output {
+  bottom: 5px;
+}
+
+.libro-cell-bottom-blank {
+  height: 20px;
+  border-top: 1px solid var(--mana-color-border);
+
+  > div {
+    margin: 0;
+  }
+
+  background: var(--mana-libro-output-background);
+}
+
+.libro-cell-execution-tip-hide-output {
+  position: absolute;
+  bottom: -15px;
+  left: 40px;
+  z-index: 1000;
+  width: 30px;
+  height: 30px;
+  // background-color: var(--mana-color-bg-container);
+  > svg,
+  > span {
+    margin-top: 7px;
+    margin-left: 8px;
+  }
+
+  > svg {
+    position: absolute;
+    color: var(--mana-libro-execution-tip-success-color);
+  }
+}
+
+.libro-cell-execution-tip-border {
+  position: absolute;
+  background: var(--mana-libro-output-background);
+  width: 100%;
+  height: 16px;
+  border: 1px solid var(--mana-libro-code-border-color);
+  border-bottom: unset;
+  border-top-left-radius: 25px;
+  border-top-right-radius: 25px;
+}

package/src/components/index.ts

@@ -0,0 +1,3 @@
+export * from './cell-execution-tip.js';
+export * from './cell-input-bottom-blank.js';
+export * from './icons.js';

package/src/config/config-contribution.ts

@@ -0,0 +1,21 @@
+import { AutoInsertWhenNoCell, EnterEditModeWhenAddCell } from '@difizen/libro-core';
+import { ConfigurationContribution, ConfigurationService } from '@difizen/mana-app';
+import { ApplicationContribution } from '@difizen/mana-app';
+import { inject, singleton } from '@difizen/mana-app';
+
+import { LibroAutosaveSetting } from './config.js';
+
+@singleton({ contrib: ConfigurationContribution })
+export class LibroSettingContribution implements ConfigurationContribution {
+  registerConfigurations() {
+    return [LibroAutosaveSetting];
+  }
+}
+@singleton({ contrib: ApplicationContribution })
+export class ConfigAppContribution implements ApplicationContribution {
+  @inject(ConfigurationService) configurationService: ConfigurationService;
+  onViewStart() {
+    this.configurationService.set(AutoInsertWhenNoCell, true);
+    this.configurationService.set(EnterEditModeWhenAddCell, false);
+  }
+}

package/src/config/config.ts

@@ -0,0 +1,14 @@
+import type { ConfigurationNode } from '@difizen/mana-app';
+import { l10n } from '@difizen/mana-l10n';
+
+export const LibroAutosaveSetting: ConfigurationNode<boolean> = {
+  id: 'libro.autosave',
+
+  description: l10n.t('是否自动保存修改'),
+  title: 'checkbox',
+  type: 'checkbox',
+  defaultValue: false,
+  schema: {
+    type: 'boolean',
+  },
+};

package/src/config/index.ts

@@ -0,0 +1 @@
+export * from './config-contribution.js';

package/src/configuration/index.ts

@@ -0,0 +1,2 @@
+export * from './libro-configuration.js';
+export * from './libro-configuration-contribution.js';

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

@@ -0,0 +1,11 @@
+import { ConfigurationContribution } from '@difizen/mana-app';
+import { singleton } from '@difizen/mana-app';
+
+import { LibroJupyterConfiguration } from './libro-configuration.js';
+
+@singleton({ contrib: ConfigurationContribution })
+export class LibroConfigurationContribution implements ConfigurationContribution {
+  registerConfigurations() {
+    return [LibroJupyterConfiguration['OpenSlot']];
+  }
+}

package/src/configuration/libro-configuration.ts

@@ -0,0 +1,14 @@
+import type { ConfigurationNode } from '@difizen/mana-app';
+
+export const LibroJupyterConfiguration: Record<string, ConfigurationNode<string>> = {
+  OpenSlot: {
+    id: 'libro.jupyter.open.slot',
+    description: '文件默认打开位置',
+    title: '文件默认打开位置',
+    type: 'checkbox',
+    defaultValue: 'main',
+    schema: {
+      type: 'string',
+    },
+  },
+};

package/src/contents/content-contribution.ts

@@ -0,0 +1,32 @@
+import type { NotebookModel, NotebookOption } from '@difizen/libro-core';
+import { ContentContribution } from '@difizen/libro-core';
+import { URI } from '@difizen/mana-app';
+import { singleton } from '@difizen/mana-app';
+
+import type { LibroJupyterModel } from '../libro-jupyter-model.js';
+
+@singleton({ contrib: ContentContribution })
+export class LibroJupyterContentContribution implements ContentContribution {
+  canHandle = () => {
+    return 2;
+  };
+  async loadContent(options: NotebookOption, model: NotebookModel) {
+    const jupyterModel = model as LibroJupyterModel;
+    const fireUri = new URI(options['resource']);
+    const filePath = fireUri.path.toString();
+
+    const currentFileContents = await jupyterModel.fileService.read(filePath);
+    if (currentFileContents) {
+      currentFileContents.content.nbformat_minor = 5;
+      jupyterModel.currentFileContents = currentFileContents;
+      jupyterModel.filePath = currentFileContents.path;
+      jupyterModel.lastModified = jupyterModel.currentFileContents.last_modified;
+
+      if (!jupyterModel.quickEditMode && !jupyterModel.readOnly) {
+        jupyterModel.startKernelConnection();
+      }
+
+      return jupyterModel.currentFileContents.content;
+    }
+  }
+}

package/src/contents/index.ts

@@ -0,0 +1 @@
+export * from './content-contribution.js';

package/src/file/file-name-alias.ts

@@ -0,0 +1,15 @@
+import type { URI } from '@difizen/mana-app';
+import { singleton } from '@difizen/mana-app';
+
+@singleton()
+export class FileNameAlias {
+  protected aliases = new Map<string, string>();
+
+  set(uri: URI, name: string) {
+    this.aliases.set(uri.path.toString(), name);
+  }
+
+  get(uri: URI) {
+    return this.aliases.get(uri.path.toString());
+  }
+}

package/src/file/file-protocol.ts

@@ -0,0 +1,7 @@
+export enum FileType {
+  Unknown = 0,
+  File = 1,
+  Directory = 2,
+  SymbolicLink = 64,
+}
+export type DirItem = [string, FileType];