@codingame/monaco-vscode-api 4.1.0 → 4.1.2

package/vscode/src/vs/workbench/contrib/notebook/browser/diff/diffElementOutputs.js

@@ -1,282 +0,0 @@
-import { __decorate, __param } from '../../../../../../../../external/tslib/tslib.es6.js';
-import { $, addStandardDisposableListener, addDisposableListener, EventType, append } from '../../../../../base/browser/dom.js';
-import { localizeWithPath } from '../../../../../nls.js';
-import { Disposable, DisposableStore } from '../../../../../base/common/lifecycle.js';
-import { SideBySideDiffElementViewModel } from './diffElementViewModel.js';
-import { DiffSide } from './notebookDiffEditorBrowser.js';
-import { INotebookService } from '../../common/notebookService.js';
-import { ThemeIcon } from '../../../../../base/common/themables.js';
-import { mimetypeIcon } from '../notebookIcons.js';
-import { StandardKeyboardEvent } from '../../../../../base/browser/keyboardEvent.js';
-import { IQuickInputService } from '../../../../../platform/quickinput/common/quickInput.js';
-class OutputElement extends Disposable {
-    constructor(_notebookEditor, _notebookTextModel, _notebookService, _quickInputService, _diffElementViewModel, _diffSide, _nestedCell, _outputContainer, output) {
-        super();
-        this._notebookEditor = _notebookEditor;
-        this._notebookTextModel = _notebookTextModel;
-        this._notebookService = _notebookService;
-        this._quickInputService = _quickInputService;
-        this._diffElementViewModel = _diffElementViewModel;
-        this._diffSide = _diffSide;
-        this._nestedCell = _nestedCell;
-        this._outputContainer = _outputContainer;
-        this.output = output;
-        this.resizeListener = this._register(( new DisposableStore()));
-    }
-    render(index, beforeElement) {
-        const outputItemDiv = document.createElement('div');
-        let result = undefined;
-        const [mimeTypes, pick] = this.output.resolveMimeTypes(this._notebookTextModel, undefined);
-        const pickedMimeTypeRenderer = mimeTypes[pick];
-        if (mimeTypes.length > 1) {
-            outputItemDiv.style.position = 'relative';
-            const mimeTypePicker = $('.multi-mimetype-output');
-            mimeTypePicker.classList.add(...ThemeIcon.asClassNameArray(mimetypeIcon));
-            mimeTypePicker.tabIndex = 0;
-            mimeTypePicker.title = ( localizeWithPath(
-                'vs/workbench/contrib/notebook/browser/diff/diffElementOutputs',
-                'mimeTypePicker',
-                "Choose a different output mimetype, available mimetypes: {0}",
-                ( mimeTypes.map(mimeType => mimeType.mimeType)).join(', ')
-            ));
-            outputItemDiv.appendChild(mimeTypePicker);
-            this.resizeListener.add(addStandardDisposableListener(mimeTypePicker, 'mousedown', async (e) => {
-                if (e.leftButton) {
-                    e.preventDefault();
-                    e.stopPropagation();
-                    await this.pickActiveMimeTypeRenderer(this._notebookTextModel, this.output);
-                }
-            }));
-            this.resizeListener.add((addDisposableListener(mimeTypePicker, EventType.KEY_DOWN, async (e) => {
-                const event = ( new StandardKeyboardEvent(e));
-                if ((event.equals(3 ) || event.equals(10 ))) {
-                    e.preventDefault();
-                    e.stopPropagation();
-                    await this.pickActiveMimeTypeRenderer(this._notebookTextModel, this.output);
-                }
-            })));
-        }
-        const innerContainer = $('.output-inner-container');
-        append(outputItemDiv, innerContainer);
-        if (mimeTypes.length !== 0) {
-            const renderer = this._notebookService.getRendererInfo(pickedMimeTypeRenderer.rendererId);
-            result = renderer
-                ? { type: 1 , renderer, source: this.output, mimeType: pickedMimeTypeRenderer.mimeType }
-                : this._renderMissingRenderer(this.output, pickedMimeTypeRenderer.mimeType);
-            this.output.pickedMimeType = pickedMimeTypeRenderer;
-        }
-        this.domNode = outputItemDiv;
-        this.renderResult = result;
-        if (!result) {
-            return;
-        }
-        if (beforeElement) {
-            this._outputContainer.insertBefore(outputItemDiv, beforeElement);
-        }
-        else {
-            this._outputContainer.appendChild(outputItemDiv);
-        }
-        this._notebookEditor.createOutput(this._diffElementViewModel, this._nestedCell, result, () => this.getOutputOffsetInCell(index), this._diffElementViewModel instanceof SideBySideDiffElementViewModel
-            ? this._diffSide
-            : this._diffElementViewModel.type === 'insert' ? DiffSide.Modified : DiffSide.Original);
-    }
-    _renderMissingRenderer(viewModel, preferredMimeType) {
-        if (!viewModel.model.outputs.length) {
-            return this._renderMessage(viewModel, ( localizeWithPath(
-                'vs/workbench/contrib/notebook/browser/diff/diffElementOutputs',
-                'empty',
-                "Cell has no output"
-            )));
-        }
-        if (!preferredMimeType) {
-            const mimeTypes = ( viewModel.model.outputs.map(op => op.mime));
-            const mimeTypesMessage = mimeTypes.join(', ');
-            return this._renderMessage(viewModel, ( localizeWithPath(
-                'vs/workbench/contrib/notebook/browser/diff/diffElementOutputs',
-                'noRenderer.2',
-                "No renderer could be found for output. It has the following mimetypes: {0}",
-                mimeTypesMessage
-            )));
-        }
-        return this._renderSearchForMimetype(viewModel, preferredMimeType);
-    }
-    _renderSearchForMimetype(viewModel, mimeType) {
-        const query = `@tag:notebookRenderer ${mimeType}`;
-        const p = $('p', undefined, `No renderer could be found for mimetype "${mimeType}", but one might be available on the Marketplace.`);
-        const a = $('a', { href: `command:workbench.extensions.search?%22${query}%22`, class: 'monaco-button monaco-text-button', tabindex: 0, role: 'button', style: 'padding: 8px; text-decoration: none; color: rgb(255, 255, 255); background-color: rgb(14, 99, 156); max-width: 200px;' }, `Search Marketplace`);
-        return {
-            type: 0 ,
-            source: viewModel,
-            htmlContent: p.outerHTML + a.outerHTML,
-        };
-    }
-    _renderMessage(viewModel, message) {
-        const el = $('p', undefined, message);
-        return { type: 0 , source: viewModel, htmlContent: el.outerHTML };
-    }
-    async pickActiveMimeTypeRenderer(notebookTextModel, viewModel) {
-        const [mimeTypes, currIndex] = viewModel.resolveMimeTypes(notebookTextModel, undefined);
-        const items = ( mimeTypes.filter(mimeType => mimeType.isTrusted).map((mimeType, index) => ({
-            label: mimeType.mimeType,
-            id: mimeType.mimeType,
-            index: index,
-            picked: index === currIndex,
-            detail: this.generateRendererInfo(mimeType.rendererId),
-            description: index === currIndex ? ( localizeWithPath(
-                'vs/workbench/contrib/notebook/browser/diff/diffElementOutputs',
-                'curruentActiveMimeType',
-                "Currently Active"
-            )) : undefined
-        })));
-        const picker = this._quickInputService.createQuickPick();
-        picker.items = items;
-        picker.activeItems = items.filter(item => !!item.picked);
-        picker.placeholder = items.length !== mimeTypes.length
-            ? ( localizeWithPath(
-            'vs/workbench/contrib/notebook/browser/diff/diffElementOutputs',
-            'promptChooseMimeTypeInSecure.placeHolder',
-            "Select mimetype to render for current output. Rich mimetypes are available only when the notebook is trusted"
-        ))
-            : ( localizeWithPath(
-            'vs/workbench/contrib/notebook/browser/diff/diffElementOutputs',
-            'promptChooseMimeType.placeHolder',
-            "Select mimetype to render for current output"
-        ));
-        const pick = await ( new Promise(resolve => {
-            picker.onDidAccept(() => {
-                resolve(picker.selectedItems.length === 1 ? picker.selectedItems[0].index : undefined);
-                picker.dispose();
-            });
-            picker.show();
-        }));
-        if (pick === undefined) {
-            return;
-        }
-        if (pick !== currIndex) {
-            const index = this._nestedCell.outputsViewModels.indexOf(viewModel);
-            const nextElement = this.domNode.nextElementSibling;
-            this.resizeListener.clear();
-            const element = this.domNode;
-            if (element) {
-                element.parentElement?.removeChild(element);
-                this._notebookEditor.removeInset(this._diffElementViewModel, this._nestedCell, viewModel, this._diffSide);
-            }
-            viewModel.pickedMimeType = mimeTypes[pick];
-            this.render(index, nextElement);
-        }
-    }
-    generateRendererInfo(renderId) {
-        const renderInfo = this._notebookService.getRendererInfo(renderId);
-        if (renderInfo) {
-            const displayName = renderInfo.displayName !== '' ? renderInfo.displayName : renderInfo.id;
-            return `${displayName} (${renderInfo.extensionId.value})`;
-        }
-        return ( localizeWithPath(
-            'vs/workbench/contrib/notebook/browser/diff/diffElementOutputs',
-            'builtinRenderInfo',
-            "built-in"
-        ));
-    }
-    getCellOutputCurrentIndex() {
-        return this._diffElementViewModel.getNestedCellViewModel(this._diffSide).outputs.indexOf(this.output.model);
-    }
-    updateHeight(index, height) {
-        this._diffElementViewModel.updateOutputHeight(this._diffSide, index, height);
-    }
-    getOutputOffsetInContainer(index) {
-        return this._diffElementViewModel.getOutputOffsetInContainer(this._diffSide, index);
-    }
-    getOutputOffsetInCell(index) {
-        return this._diffElementViewModel.getOutputOffsetInCell(this._diffSide, index);
-    }
-}
-let OutputContainer = class OutputContainer extends Disposable {
-    constructor(_editor, _notebookTextModel, _diffElementViewModel, _nestedCellViewModel, _diffSide, _outputContainer, _notebookService, _quickInputService) {
-        super();
-        this._editor = _editor;
-        this._notebookTextModel = _notebookTextModel;
-        this._diffElementViewModel = _diffElementViewModel;
-        this._nestedCellViewModel = _nestedCellViewModel;
-        this._diffSide = _diffSide;
-        this._outputContainer = _outputContainer;
-        this._notebookService = _notebookService;
-        this._quickInputService = _quickInputService;
-        this._outputEntries = ( new Map());
-        this._register(this._diffElementViewModel.onDidLayoutChange(() => {
-            this._outputEntries.forEach((value, key) => {
-                const index = _nestedCellViewModel.outputs.indexOf(key.model);
-                if (index >= 0) {
-                    const top = this._diffElementViewModel.getOutputOffsetInContainer(this._diffSide, index);
-                    value.domNode.style.top = `${top}px`;
-                }
-            });
-        }));
-        this._register(this._nestedCellViewModel.textModel.onDidChangeOutputs(splice => {
-            this._updateOutputs(splice);
-        }));
-    }
-    _updateOutputs(splice) {
-        const removedKeys = [];
-        this._outputEntries.forEach((value, key) => {
-            if (this._nestedCellViewModel.outputsViewModels.indexOf(key) < 0) {
-                removedKeys.push(key);
-                this._outputContainer.removeChild(value.domNode);
-                this._editor.removeInset(this._diffElementViewModel, this._nestedCellViewModel, key, this._diffSide);
-            }
-        });
-        removedKeys.forEach(key => {
-            this._outputEntries.get(key)?.dispose();
-            this._outputEntries.delete(key);
-        });
-        let prevElement = undefined;
-        const outputsToRender = this._nestedCellViewModel.outputsViewModels;
-        outputsToRender.reverse().forEach(output => {
-            if (( this._outputEntries.has(output))) {
-                prevElement = this._outputEntries.get(output).domNode;
-                return;
-            }
-            const currIndex = this._nestedCellViewModel.outputsViewModels.indexOf(output);
-            this._renderOutput(output, currIndex, prevElement);
-            prevElement = this._outputEntries.get(output)?.domNode;
-        });
-    }
-    render() {
-        for (let index = 0; index < this._nestedCellViewModel.outputsViewModels.length; index++) {
-            const currOutput = this._nestedCellViewModel.outputsViewModels[index];
-            this._renderOutput(currOutput, index, undefined);
-        }
-    }
-    showOutputs() {
-        for (let index = 0; index < this._nestedCellViewModel.outputsViewModels.length; index++) {
-            const currOutput = this._nestedCellViewModel.outputsViewModels[index];
-            this._editor.showInset(this._diffElementViewModel, currOutput.cellViewModel, currOutput, this._diffSide);
-        }
-    }
-    hideOutputs() {
-        this._outputEntries.forEach((outputElement, cellOutputViewModel) => {
-            this._editor.hideInset(this._diffElementViewModel, this._nestedCellViewModel, cellOutputViewModel);
-        });
-    }
-    _renderOutput(currOutput, index, beforeElement) {
-        if (!( this._outputEntries.has(currOutput))) {
-            this._outputEntries.set(currOutput, ( new OutputElement(
-                this._editor,
-                this._notebookTextModel,
-                this._notebookService,
-                this._quickInputService,
-                this._diffElementViewModel,
-                this._diffSide,
-                this._nestedCellViewModel,
-                this._outputContainer,
-                currOutput
-            )));
-        }
-        const renderElement = this._outputEntries.get(currOutput);
-        renderElement.render(index, beforeElement);
-    }
-};
-OutputContainer = ( __decorate([
-    ( __param(6, INotebookService)),
-    ( __param(7, IQuickInputService))
-], OutputContainer));
-export { OutputContainer, OutputElement };