@opensumi/ide-notebook 3.7.1-next-1739774311.0 → 3.7.1

package/src/browser/libro/diff-view/components/index.less

@@ -1,315 +0,0 @@
-.libro-diff-cell-container {
-  position: relative;
-  padding: 8px 0;
-}
-
-.libro-diff-cell-origin-header,
-.libro-diff-cell-target-header {
-  height: 22px;
-  width: 100%;
-  border-top-right-radius: 4px;
-  border-top-left-radius: 4px;
-}
-
-.libro-diff-cell-unchanged-origin-header,
-.libro-diff-cell-unchanged-target-header,
-.libro-diff-cell-changed-origin-header,
-.libro-diff-cell-changed-target-header {
-  background: var(--mana-libro-diff-unchanged-cell-header-color);
-}
-
-.libro-diff-cell-target-header {
-  position: relative;
-  &.changed,
-  &.unchanged {
-    float: right;
-  }
-}
-
-.libro-diff-cell-origin-header {
-  background: var(--mana-libro-diff-removed-cell-header-color);
-}
-.libro-diff-cell-target-header {
-  background: var(--mana-libro-diff-added-cell-header-color);
-}
-
-.libro-diff-cell-header-text {
-  margin-left: 16px;
-  font-family: PingFangSC;
-  font-weight: 400;
-  font-size: 12px;
-  color: var(--mana-libro-diff-cell-header-text-color);
-  line-height: 20px;
-}
-.libro-diff-cell-header-target-execute-count,
-.libro-diff-cell-header-origin-execute-count {
-  font-family: Menlo-Regular;
-  font-weight: 400;
-  font-size: 12px;
-  color: var(--mana-libro-diff-cell-header-execution-color);
-  text-align: right;
-  line-height: 16px;
-  float: right;
-  margin-right: 16px;
-  margin-top: 3px;
-}
-
-.libro-diff-editor-removed {
-  background: var(--mana-libro-diff-editor-removed-color) !important;
-  .monaco-editor-background,
-  .margin {
-    background: var(--mana-libro-diff-editor-removed-color) !important;
-  }
-}
-
-.libro-diff-cell-origin-container,
-.libro-diff-cell-target-container {
-  position: absolute;
-  width: calc(50% - 8px);
-  &.unchanged {
-    border: 1px solid var(--mana-libro-diff-cell-border-color) !important;
-    border-radius: 4px;
-  }
-}
-.libro-diff-cell-target-container {
-  right: 0;
-}
-
-.libro-diff-editor-added {
-  background: var(--mana-libro-diff-editor-added-color) !important;
-  .monaco-editor-background,
-  .margin {
-    background: var(--mana-libro-diff-editor-added-color) !important;
-  }
-}
-
-.libro-diff-cell-target-container {
-  background: var(--mana-libro-diff-editor-added-color) !important;
-  border-radius: 4px;
-}
-
-.libro-diff-cell-origin-container {
-  background: var(--mana-libro-diff-editor-removed-color) !important;
-  border-radius: 4px;
-}
-
-.libro-diff-editor-added,
-.libro-diff-editor-removed {
-  border-bottom-left-radius: 4px;
-  border-bottom-right-radius: 4px;
-  .overflow-guard {
-    border-bottom-left-radius: 4px;
-  }
-}
-
-.libro-diff-editor-changed,
-.libro-diff-editor-unchanged {
-  .monaco-editor-background {
-    border-radius: 4px;
-  }
-}
-
-.libro-diff-cell-changed-origin-header,
-.libro-diff-cell-changed-target-header,
-.libro-diff-cell-unchanged-origin-header,
-.libro-diff-cell-unchanged-target-header {
-  display: inline-block;
-  width: calc(50% - 8px);
-  border-top-left-radius: 4px;
-  border-top-right-radius: 4px;
-}
-.libro-diff-cell-changed-target-header,
-.libro-diff-cell-unchanged-target-header {
-  margin-left: 16px;
-}
-
-.libro-diff-cell-changed-content,
-.libro-diff-cell-unchanged-content {
-  .monaco-editor,
-  .margin {
-    background-color: var(--mana-libro-diff-input-background-color) !important;
-  }
-  .monaco-editor-background {
-    background-color: var(--mana-libro-diff-editor-background-color) !important;
-  }
-}
-.libro-diff-cell-target-content,
-.libro-diff-cell-origin-content {
-  margin-top: 12px;
-}
-
-.libro-diff-cell-target-content,
-.libro-diff-cell-origin-content,
-.libro-diff-cell-changed-content,
-.libro-diff-cell-unchanged-content {
-  .core-guide-indent,
-  .core-guide-indent-active {
-    box-shadow: 0.6px 0 0 0 var(--mana-libro-diff-editor-intent-color) inset !important;
-  }
-}
-
-.libro-diff-cell-changed-content,
-.libro-diff-cell-unchanged-content {
-  .original,
-  .modified {
-    width: calc(50% - 8px) !important;
-    .margin-view-overlays {
-      > div:has(.line-delete),
-      > div:has(.line-insert) {
-        background-color: var(--mana-libro-diff-editor-background-color) !important;
-      }
-      .line-delete {
-        background-color: var(--mana-libro-diff-editor-line-delete-color) !important;
-      }
-      width: 56px !important;
-    }
-
-    .diagonal-fill {
-      background-color: var(--mana-libro-diff-input-background-color);
-    }
-
-    .view-overlays {
-      div:has(.char-delete):has(.char-insert):has(.line-delete):has(.line-insert) {
-        background-color: var(--mana-libro-diff-editor-background-color);
-      }
-      div:not(:has(.char-delete)):not(:has(.char-insert)):not(:has(.line-delete)):not(:has(.line-insert)) {
-        background-color: var(--mana-libro-diff-input-background-color);
-      }
-    }
-    .selectionHighlight {
-      background-color: rgba(173, 214, 255, 0.15) !important;
-    }
-  }
-  .modified {
-    margin-left: 8px;
-    box-shadow: unset !important;
-    .line-insert,
-    .gutter-insert {
-      background-color: var(--mana-libro-diff-editor-line-insert-color) !important;
-    }
-    .char-insert {
-      background-color: var(--mana-libro-diff-editor-char-insert-color) !important;
-    }
-  }
-  .original {
-    .line-delete,
-    .gutter-delete {
-      background-color: var(--mana-libro-diff-editor-line-delete-color) !important;
-    }
-    .char-delete {
-      background-color: var(--mana-libro-diff-editor-char-delete-color) !important;
-    }
-  }
-  .monaco-editor,
-  .overflow-guard {
-    width: 100% !important;
-    border-bottom-left-radius: 4px;
-    border-bottom-right-radius: 4px;
-  }
-  .overflow-guard {
-    padding-top: 12px;
-  }
-  .margin {
-    padding-top: 12px;
-  }
-}
-
-.libro-diff-cell-changed-container,
-.libro-diff-cell-unchanged-container {
-  position: relative;
-  .monaco-diff-editor {
-    background-color: var(--mana-libro-diff-container-color);
-  }
-}
-
-.libro-diff-cell-container {
-  .editor-scrollable {
-    left: 56px !important;
-  }
-  .margin,
-  .current-line-margin {
-    width: 56px !important;
-  }
-  .line-numbers {
-    color: var(--mana-libro-diff-editor-gutter-number-color) !important;
-    font-family: Menlo-Regular, consolas, 'DejaVu Sans Mono', monospace !important;
-    left: 0px !important;
-    font-weight: 400;
-    font-size: 13px;
-    text-align: right !important;
-    line-height: 20px;
-    width: 32px !important;
-    padding-left: 16px;
-  }
-
-  .cursors-layer .cursor {
-    background-color: var(--mana-libro-editor-cursor-color);
-  }
-
-  .selected-text {
-    background-color: var(--mana-libro-diff-select-background-color) !important;
-  }
-
-  .selectionHighlight {
-    background-color: var(--mana-libro-diff-select-highlight-background-color) !important;
-  }
-  .focused {
-    .selected-text {
-      background-color: var(--mana-libro-diff-select-background-color) !important;
-    }
-  }
-
-  .libro-diff-editor-added {
-    &.monaco-editor {
-      background-color: var(--mana-version-opensumi-diff-added-color) !important;
-
-      .margin {
-        background: var(--mana-version-opensumi-diff-added-color) !important;
-      }
-    }
-
-    .monaco-editor-background {
-      background: var(--mana-version-opensumi-diff-added-color) !important;
-    }
-  }
-
-  .libro-diff-editor-removed {
-    &.monaco-editor {
-      background-color: var(--mana-version-opensumi-diff-removed-color) !important;
-
-      .margin {
-        background: var(--mana-version-opensumi-diff-removed-color) !important;
-      }
-    }
-
-    .monaco-editor-background {
-      background: var(--mana-version-opensumi-diff-removed-color) !important;
-    }
-  }
-}
-.libro-e2-editor-container {
-  padding-top: 12px;
-}
-
-.libro-diff-cell-unchanged-origin-border,
-.libro-diff-cell-unchanged-target-border,
-.libro-diff-cell-changed-origin-border,
-.libro-diff-cell-changed-target-border {
-  height: 100%;
-  top: 0;
-  border: 1px solid var(--mana-libro-diff-cell-border-color);
-  width: calc(50% - 8px);
-  position: absolute;
-  border-radius: 4px;
-  pointer-events: none;
-}
-
-.libro-diff-cell-unchanged-target-border,
-.libro-diff-cell-changed-target-border {
-  right: 0;
-}
-.libro-version-content {
-  .libro-view-top {
-    height: 0;
-  }
-}

package/src/browser/libro/diff-view/components/libro-diff-all-cells-same-components.tsx

@@ -1,43 +0,0 @@
-import React from 'react';
-
-export const ContentSameIcon: React.FC = () => (
-  <svg
-    width='58px'
-    height='70px'
-    viewBox='0 0 58 70'
-    version='1.1'
-    xmlns='http://www.w3.org/2000/svg'
-    xmlnsXlink='http://www.w3.org/1999/xlink'
-    className='libro-diff-same'
-  >
-    <g id='页面-1' stroke='none' strokeWidth='1' fill='none' fillRule='evenodd'>
-      <g id='2.2对比内容一致' transform='translate(-866.000000, -433.000000)' fillRule='nonzero'>
-        <g id='编组-3' transform='translate(863.000000, 433.000000)'>
-          <g id='编组' transform='translate(3.000000, 0.000000)'>
-            <path
-              d='M26.5130303,69.5820437 C15.5132424,65.7888934 11.5393636,62.6913727 11.5323333,62.6913727 C0.101060606,54.8513203 0,44.5577516 0,44.5577516 L0,12.0705345 C0,10.4780239 1.28830303,9.10951475 2.87187879,9.05176436 C10.9918788,8.76301243 22.9425152,2.76134734 27.3197576,0.423331722 C28.3685102,-0.141110574 29.6323686,-0.141110574 30.6811212,0.423331722 C35.0574848,2.76834739 47.0151515,8.76213743 55.1281212,9.05176436 C56.711697,9.10951475 58,10.4780239 58,12.0705345 L58,44.5577516 C58,44.5577516 57.8989394,54.8513203 46.4676667,62.6913727 C46.4676667,62.6913727 42.4937879,65.7888934 31.494,69.5820437 C29.8808432,70.1393188 28.1261871,70.1393188 26.5130303,69.5820437 Z M29,53.3751855 C39.1921818,53.3751855 47.4545455,45.1483805 47.4545455,35.0000627 C47.4545455,24.8517449 39.1921818,16.62494 29,16.62494 C18.8078182,16.62494 10.5454545,24.8517449 10.5454545,35.0000627 C10.5454545,45.1483805 18.8078182,53.3751855 29,53.3751855 Z'
-              id='形状'
-              fillOpacity='0.3'
-              fill='#2196F3'
-            />
-            <path
-              d='M28.5,54 C17.7306818,54 9,45.2693182 9,34.5 C9,23.7306818 17.7306818,15 28.5,15 C39.2693182,15 48,23.7306818 48,34.5 C48,45.2693182 39.2693182,54 28.5,54 Z'
-              id='路径'
-              fill='#1989FA'
-            />
-            <path
-              d='M29,51 C37.8364444,51 45,43.8364444 45,35 C45,26.1635556 37.8364444,19 29,19 C20.1635556,19 13,26.1635556 13,35 C13,43.8364444 20.1635556,51 29,51 Z'
-              id='路径'
-              fill='#FFFFFF'
-            />
-            <path
-              d='M39.8811584,47.8734755 C41.1971717,46.5565733 43.3307339,46.5565733 44.6467472,47.8734755 L49.012836,52.2420176 C50.3290547,53.5592357 50.3290547,55.6948683 49.0128359,57.0120864 C47.6966172,58.3293045 45.5626049,58.3293045 44.2463861,57.0120864 L39.8811584,52.6435444 C39.2489733,52.0110548 38.8938006,51.1531094 38.8938006,50.2585099 C38.8938006,49.3639104 39.2489733,48.5059651 39.8811584,47.8734755 L39.8811584,47.8734755 Z M27.3916134,36.6109087 L33.5141251,30.4837484 C34.189795,29.8306691 35.2638061,29.8400091 35.9280333,30.5047406 C36.5922605,31.1694721 36.6015933,32.2442987 35.9490095,32.9204816 L28.6434953,40.2324043 C28.4552892,40.4214183 28.2256395,40.5639151 27.9727828,40.648579 C27.3417735,40.8823076 26.6325337,40.7268228 26.1569514,40.2504988 L22.5046247,36.5953991 C22.0695207,36.1601187 21.8995112,35.5256015 22.0586371,34.930864 C22.2177631,34.3361266 22.6818494,33.8715236 23.2760794,33.7120666 C23.8703093,33.5526096 24.5044051,33.7225239 24.9395092,34.1578043 L27.3916134,36.6117704 L27.3916134,36.6109087 Z'
-              id='形状'
-              fill='#1989FA'
-            />
-          </g>
-        </g>
-      </g>
-    </g>
-  </svg>
-);

package/src/browser/libro/diff-view/components/libro-diff-changed-cell-components.tsx

@@ -1,88 +0,0 @@
-import { useInject } from '@difizen/mana-app';
-import React, { memo, useEffect, useRef, useState } from 'react';
-
-import { IDiffEditor } from '@opensumi/ide-monaco';
-
-import { getLibroCellType, getSource } from '../libro-diff-protocol';
-import { LibroVersionManager } from '../libro-version-manager';
-
-import { useEditorLayout } from './hooks';
-
-import type { DiffEditorProps } from '../libro-diff-protocol';
-
-import './index.less';
-
-const getEditorLanguage = (libroCellType: string) => {
-  if (libroCellType === 'sql') {
-    return 'sql-odps';
-  } else if (libroCellType === 'markdown' || libroCellType === 'raw') {
-    return 'markdown';
-  } else {
-    return 'python';
-  }
-};
-
-export const LibroDiffChangedCellComponent: React.FC<DiffEditorProps> = memo(({ diffCellResultItem }) => {
-  const editorDiffRef = useRef<HTMLDivElement>(null);
-  const editorContainerRef = useRef<HTMLDivElement>(null);
-  const [diffEditor, setDiffEditor] = useState<IDiffEditor | undefined>();
-  const versionManager = useInject(LibroVersionManager);
-  useEffect(() => {
-    if (!editorDiffRef.current) {
-      return;
-    }
-    const language = diffCellResultItem.origin.metadata.libroCellType
-      ? getEditorLanguage(diffCellResultItem.origin.metadata.libroCellType.toString())
-      : getEditorLanguage(diffCellResultItem.origin.cell_type);
-    const diffEditor = versionManager.createDiffEditor(
-      getSource(diffCellResultItem.origin),
-      getSource(diffCellResultItem.target),
-      language,
-      editorDiffRef.current,
-    );
-    setDiffEditor(diffEditor);
-    return () => {
-      diffEditor?.dispose();
-    };
-  }, [editorDiffRef]);
-
-  useEditorLayout(diffEditor, editorDiffRef, editorContainerRef);
-
-  const type = diffCellResultItem.diffType === 'changed' ? 'changed' : 'unchanged';
-
-  return (
-    <div className='libro-diff-cell-container' ref={editorContainerRef}>
-      <div className={`libro-diff-cell-${type}-container`}>
-        <div className={`libro-diff-cell-${type}-origin-header ${diffCellResultItem.diffType}`}>
-          <span className='libro-diff-cell-header-text'>{getLibroCellType(diffCellResultItem.origin)}</span>
-          <span
-            className='libro-diff-cell-header-origin-execute-count'
-            style={{
-              display: diffCellResultItem.origin.cell_type !== 'markdown' ? 'block' : 'none',
-            }}
-          >
-            {diffCellResultItem.origin.execution_count
-              ? '[' + diffCellResultItem.origin.execution_count?.toString() + ']'
-              : '[ ]'}
-          </span>
-        </div>
-        <div className={`libro-diff-cell-${type}-target-header ${diffCellResultItem.diffType}`}>
-          <span className='libro-diff-cell-header-text'>{getLibroCellType(diffCellResultItem.target)}</span>
-          <span
-            className='libro-diff-cell-header-target-execute-count'
-            style={{
-              display: diffCellResultItem.target.cell_type !== 'markdown' ? 'block' : 'none',
-            }}
-          >
-            {diffCellResultItem.target.execution_count
-              ? '[' + diffCellResultItem.target.execution_count?.toString() + ']'
-              : '[ ]'}
-          </span>
-        </div>
-        <div className={`libro-diff-cell-${type}-content`} ref={editorDiffRef} />
-        <div className={`libro-diff-cell-${type}-origin-border`} />
-        <div className={`libro-diff-cell-${type}-target-border`} />
-      </div>
-    </div>
-  );
-});

package/src/browser/libro/diff-view/components/libro-diff-side-cell-components.tsx

@@ -1,84 +0,0 @@
-import { Container } from '@difizen/mana-app';
-import React, { memo, useEffect, useRef, useState } from 'react';
-
-import { useInjectable } from '@opensumi/ide-core-browser';
-import { ICodeEditor } from '@opensumi/ide-monaco';
-
-import { ManaContainer } from '../../../mana';
-import { getLibroCellType } from '../libro-diff-protocol';
-import { LibroVersionManager } from '../libro-version-manager';
-
-import { useEditorLayout } from './hooks';
-
-import type { DiffEditorProps } from '../libro-diff-protocol';
-
-import './index.less';
-
-const getEditorLanguage = (libroCellType: string) => {
-  if (libroCellType === 'sql') {
-    return 'sql-odps';
-  } else if (libroCellType === 'markdown' || libroCellType === 'raw') {
-    return 'markdown';
-  } else {
-    return 'python';
-  }
-};
-
-export const LibroDiffSideCellComponent: React.FC<DiffEditorProps> = memo(({ diffCellResultItem }) => {
-  const manaContainer = useInjectable<Container>(ManaContainer);
-  const libroVersionManager = manaContainer.get(LibroVersionManager);
-  const editorTargetRef = useRef<HTMLDivElement>(null);
-  const editorContainerRef = useRef<HTMLDivElement>(null);
-  const language = diffCellResultItem.origin.metadata.libroCellType
-    ? getEditorLanguage(diffCellResultItem.origin.metadata.libroCellType.toString())
-    : getEditorLanguage(diffCellResultItem.origin.cell_type);
-
-  const [editor, setEditor] = useState<ICodeEditor | undefined>();
-
-  const createEditor = () => {
-    // 这里其实已经拿到content了，但是 opensumi editor 需要uri，理论上有优化空间
-    const content =
-      diffCellResultItem.diffType === 'removed' ? diffCellResultItem.origin.source : diffCellResultItem.target.source;
-    const previewedEditor = libroVersionManager.createPreviewEditor(
-      content.toString(),
-      language,
-      editorTargetRef.current!,
-      diffCellResultItem.diffType,
-    );
-    setEditor(previewedEditor);
-    return previewedEditor;
-  };
-
-  useEditorLayout(editor, editorTargetRef, editorContainerRef);
-
-  useEffect(() => {
-    if (!editorTargetRef.current) {
-      return;
-    }
-    const previewedEditor = createEditor();
-    return () => {
-      previewedEditor?.dispose();
-    };
-  }, [editorTargetRef.current]);
-  const type = diffCellResultItem.diffType === 'removed' ? 'origin' : 'target';
-  return (
-    <div className='libro-diff-cell-container' ref={editorContainerRef}>
-      <div className={`libro-diff-cell-${type}-container`}>
-        <div className={`libro-diff-cell-${type}-header`}>
-          <span className='libro-diff-cell-header-text'>{getLibroCellType(diffCellResultItem.origin)}</span>
-          <span
-            className={`libro-diff-cell-header-${type}-execute-count`}
-            style={{
-              display: diffCellResultItem.target.cell_type !== 'markdown' ? 'block' : 'none',
-            }}
-          >
-            {diffCellResultItem.target.execution_count
-              ? '[' + diffCellResultItem.target.execution_count?.toString() + ']'
-              : '[ ]'}
-          </span>
-        </div>
-        <div className={`libro-diff-cell-${type}-content`} ref={editorTargetRef} />
-      </div>
-    </div>
-  );
-});

package/src/browser/libro/diff-view/index.less

@@ -1,47 +0,0 @@
-.libro-diff-content-container, .libro-diff-content-loading-container, .libro-diff-content-same-container {
-  background-color: var(--mana-libro-diff-container-color);
-}
-.libro-diff-content-container {
-  height: 100%;
-  padding: 24px 36px;
-}
-.libro-diff-content-loading-container {
-  height: 100%;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-.libro-diff-fold-container {
-  padding: 8px 0;
-}
-.libro-diff-fold {
-  display: flex;
-  padding: 6px 0;
-  border-radius: 6px;
-  justify-content: center;
-  align-items: center;
-  height: 32px;
-  background: var(--mana-libro-diff-fold-background-color);
-  color: var(--mana-libro-diff-fold-text-color);
-  &:hover {
-    cursor: pointer;
-    background: var(--mana-libro-diff-fold-hover-background-color);
-  }
-  .libro-diff-fold-text {
-    padding-left: 6px;
-  }
-}
-.libro-diff-content-same-container {
-  display: flex;
-  height: 100%;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-}
-.libro-diff-content-same-text {
-  margin-top: 15px;
-  font-size: 16px;
-  color: var(--mana-libro-diff-content-same-text-color);
-}
-
-

package/src/browser/libro/diff-view/index.ts

@@ -1,4 +0,0 @@
-export * from './libro-diff-component';
-export * from './libro-diff-protocol';
-export * from './libro-diff-view';
-export * from './module';