mirror of
https://github.com/Microsoft/vscode
synced 2024-09-13 13:46:13 +00:00
Enable markup search hybrid mode (#177542)
* Enable markup search hybrid mode * Experiment turning all cells into editing mode on replace * Prepare for minimal find markdown mode * Add settings for controlling the initial state for find in markdown cells * Validate initial state
This commit is contained in:
parent
a24f964ea1
commit
76781a1a1b
4
.vscode/settings.json
vendored
4
.vscode/settings.json
vendored
|
@ -126,4 +126,8 @@
|
||||||
"application.experimental.rendererProfiling": true,
|
"application.experimental.rendererProfiling": true,
|
||||||
"editor.experimental.asyncTokenization": true,
|
"editor.experimental.asyncTokenization": true,
|
||||||
"editor.experimental.asyncTokenizationVerification": true,
|
"editor.experimental.asyncTokenizationVerification": true,
|
||||||
|
"notebook.experimental.findInMarkdownMode": {
|
||||||
|
"source": true,
|
||||||
|
"preview": true
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -26,8 +26,7 @@ export class NotebookFindFilters extends Disposable {
|
||||||
set markupInput(value: boolean) {
|
set markupInput(value: boolean) {
|
||||||
if (this._markupInput !== value) {
|
if (this._markupInput !== value) {
|
||||||
this._markupInput = value;
|
this._markupInput = value;
|
||||||
this._markupPreview = !value;
|
this._onDidChange.fire({ markupInput: value });
|
||||||
this._onDidChange.fire({ markupInput: value, markupPreview: this._markupPreview });
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -40,8 +39,7 @@ export class NotebookFindFilters extends Disposable {
|
||||||
set markupPreview(value: boolean) {
|
set markupPreview(value: boolean) {
|
||||||
if (this._markupPreview !== value) {
|
if (this._markupPreview !== value) {
|
||||||
this._markupPreview = value;
|
this._markupPreview = value;
|
||||||
this._markupInput = !value;
|
this._onDidChange.fire({ markupPreview: value });
|
||||||
this._onDidChange.fire({ markupPreview: value, markupInput: this._markupInput });
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
private _codeInput: boolean = true;
|
private _codeInput: boolean = true;
|
||||||
|
@ -70,6 +68,12 @@ export class NotebookFindFilters extends Disposable {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
private readonly _initialMarkupInput: boolean;
|
||||||
|
private readonly _initialMarkupPreview: boolean;
|
||||||
|
private readonly _initialCodeInput: boolean;
|
||||||
|
private readonly _initialCodeOutput: boolean;
|
||||||
|
|
||||||
|
|
||||||
constructor(
|
constructor(
|
||||||
markupInput: boolean,
|
markupInput: boolean,
|
||||||
markupPreview: boolean,
|
markupPreview: boolean,
|
||||||
|
@ -82,6 +86,20 @@ export class NotebookFindFilters extends Disposable {
|
||||||
this._markupPreview = markupPreview;
|
this._markupPreview = markupPreview;
|
||||||
this._codeInput = codeInput;
|
this._codeInput = codeInput;
|
||||||
this._codeOutput = codeOutput;
|
this._codeOutput = codeOutput;
|
||||||
|
|
||||||
|
this._initialMarkupInput = markupInput;
|
||||||
|
this._initialMarkupPreview = markupPreview;
|
||||||
|
this._initialCodeInput = codeInput;
|
||||||
|
this._initialCodeOutput = codeOutput;
|
||||||
|
}
|
||||||
|
|
||||||
|
isModified(): boolean {
|
||||||
|
return (
|
||||||
|
this._markupInput !== this._initialMarkupInput
|
||||||
|
|| this._markupPreview !== this._initialMarkupPreview
|
||||||
|
|| this._codeInput !== this._initialCodeInput
|
||||||
|
|| this._codeOutput !== this._initialCodeOutput
|
||||||
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
update(v: NotebookFindFilters) {
|
update(v: NotebookFindFilters) {
|
||||||
|
|
|
@ -39,6 +39,7 @@ import { INotebookEditor } from 'vs/workbench/contrib/notebook/browser/notebookB
|
||||||
import { defaultInputBoxStyles, defaultProgressBarStyles, defaultToggleStyles } from 'vs/platform/theme/browser/defaultStyles';
|
import { defaultInputBoxStyles, defaultProgressBarStyles, defaultToggleStyles } from 'vs/platform/theme/browser/defaultStyles';
|
||||||
import { IToggleStyles } from 'vs/base/browser/ui/toggle/toggle';
|
import { IToggleStyles } from 'vs/base/browser/ui/toggle/toggle';
|
||||||
import { Disposable } from 'vs/base/common/lifecycle';
|
import { Disposable } from 'vs/base/common/lifecycle';
|
||||||
|
import { NotebookSetting } from 'vs/workbench/contrib/notebook/common/notebookCommon';
|
||||||
|
|
||||||
const NLS_FIND_INPUT_LABEL = nls.localize('label.find', "Find");
|
const NLS_FIND_INPUT_LABEL = nls.localize('label.find', "Find");
|
||||||
const NLS_FIND_INPUT_PLACEHOLDER = nls.localize('placeholder.find', "Find");
|
const NLS_FIND_INPUT_PLACEHOLDER = nls.localize('placeholder.find', "Find");
|
||||||
|
@ -57,7 +58,7 @@ const NOTEBOOK_FIND_FILTERS = nls.localize('notebook.find.filter.filterAction',
|
||||||
const NOTEBOOK_FIND_IN_MARKUP_INPUT = nls.localize('notebook.find.filter.findInMarkupInput', "Markdown Source");
|
const NOTEBOOK_FIND_IN_MARKUP_INPUT = nls.localize('notebook.find.filter.findInMarkupInput', "Markdown Source");
|
||||||
const NOTEBOOK_FIND_IN_MARKUP_PREVIEW = nls.localize('notebook.find.filter.findInMarkupPreview', "Rendered Markdown");
|
const NOTEBOOK_FIND_IN_MARKUP_PREVIEW = nls.localize('notebook.find.filter.findInMarkupPreview', "Rendered Markdown");
|
||||||
const NOTEBOOK_FIND_IN_CODE_INPUT = nls.localize('notebook.find.filter.findInCodeInput', "Code Cell Source");
|
const NOTEBOOK_FIND_IN_CODE_INPUT = nls.localize('notebook.find.filter.findInCodeInput', "Code Cell Source");
|
||||||
const NOTEBOOK_FIND_IN_CODE_OUTPUT = nls.localize('notebook.find.filter.findInCodeOutput', "Cell Output");
|
const NOTEBOOK_FIND_IN_CODE_OUTPUT = nls.localize('notebook.find.filter.findInCodeOutput', "Code Cell Output");
|
||||||
|
|
||||||
const NOTEBOOK_FIND_WIDGET_INITIAL_WIDTH = 318;
|
const NOTEBOOK_FIND_WIDGET_INITIAL_WIDTH = 318;
|
||||||
const NOTEBOOK_FIND_WIDGET_INITIAL_HORIZONTAL_PADDING = 4;
|
const NOTEBOOK_FIND_WIDGET_INITIAL_HORIZONTAL_PADDING = 4;
|
||||||
|
@ -305,7 +306,9 @@ export abstract class SimpleFindReplaceWidget extends Widget {
|
||||||
) {
|
) {
|
||||||
super();
|
super();
|
||||||
|
|
||||||
this._filters = new NotebookFindFilters(true, false, true, true);
|
const findInMarkdownMode = this._configurationService.getValue<{ source: boolean; preview: boolean }>(NotebookSetting.experimentalFindInMarkdownMode) ?? { source: true, preview: false };
|
||||||
|
|
||||||
|
this._filters = new NotebookFindFilters(findInMarkdownMode.source, findInMarkdownMode.preview, true, true);
|
||||||
this._state.change({ filters: this._filters }, false);
|
this._state.change({ filters: this._filters }, false);
|
||||||
|
|
||||||
this._filters.onDidChange(() => {
|
this._filters.onDidChange(() => {
|
||||||
|
|
|
@ -112,7 +112,7 @@ class NotebookFindWidget extends SimpleFindReplaceWidget implements INotebookEdi
|
||||||
this._replaceAllBtn.setEnabled(matches.length > 0 && matches.find(match => match.webviewMatches.length > 0) === undefined);
|
this._replaceAllBtn.setEnabled(matches.length > 0 && matches.find(match => match.webviewMatches.length > 0) === undefined);
|
||||||
|
|
||||||
if (e.filters) {
|
if (e.filters) {
|
||||||
this._findInput.updateFilterState((this._state.filters?.markupPreview ?? false) || (this._state.filters?.codeOutput !== true));
|
this._findInput.updateFilterState(this._state.filters?.isModified() ?? false);
|
||||||
}
|
}
|
||||||
}));
|
}));
|
||||||
|
|
||||||
|
|
|
@ -911,6 +911,25 @@ configurationRegistry.registerConfiguration({
|
||||||
type: 'boolean',
|
type: 'boolean',
|
||||||
tags: ['notebookLayout'],
|
tags: ['notebookLayout'],
|
||||||
default: false
|
default: false
|
||||||
|
},
|
||||||
|
[NotebookSetting.experimentalFindInMarkdownMode]: {
|
||||||
|
markdownDescription: nls.localize('notebook.experimental.findInMarkdownMode', "Customize the Find Widget behavior for searching within markdown cells. When both are enabled, the Find Widget will search either the content or preview based on the current state of the markdown cell. Toggle the boolean values to control the Find Widget's scope for each mode as needed."),
|
||||||
|
type: 'object',
|
||||||
|
properties: {
|
||||||
|
source: {
|
||||||
|
type: 'boolean',
|
||||||
|
default: true
|
||||||
|
},
|
||||||
|
preview: {
|
||||||
|
type: 'boolean',
|
||||||
|
default: false
|
||||||
|
}
|
||||||
|
},
|
||||||
|
default: {
|
||||||
|
source: true,
|
||||||
|
preview: false
|
||||||
|
},
|
||||||
|
tags: ['notebookLayout']
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
|
@ -2440,24 +2440,14 @@ export class NotebookEditorWidget extends Disposable implements INotebookEditorD
|
||||||
|
|
||||||
if (!options.includeMarkupPreview && !options.includeOutput) {
|
if (!options.includeMarkupPreview && !options.includeOutput) {
|
||||||
this._webview?.findStop();
|
this._webview?.findStop();
|
||||||
|
return findMatches;
|
||||||
return findMatches.filter(match =>
|
|
||||||
(match.cell.cellKind === CellKind.Code && options.includeCodeInput) ||
|
|
||||||
(match.cell.cellKind === CellKind.Markup && options.includeMarkupInput)
|
|
||||||
);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
// search in webview enabled
|
// search in webview enabled
|
||||||
|
|
||||||
const matchMap: { [key: string]: CellFindMatchWithIndex } = {};
|
const matchMap: { [key: string]: CellFindMatchWithIndex } = {};
|
||||||
findMatches.forEach(match => {
|
findMatches.forEach(match => {
|
||||||
if (match.cell.cellKind === CellKind.Code && options.includeCodeInput) {
|
|
||||||
matchMap[match.cell.id] = match;
|
matchMap[match.cell.id] = match;
|
||||||
}
|
|
||||||
|
|
||||||
if (match.cell.cellKind === CellKind.Markup && options.includeMarkupInput) {
|
|
||||||
matchMap[match.cell.id] = match;
|
|
||||||
}
|
|
||||||
});
|
});
|
||||||
|
|
||||||
if (this._webview) {
|
if (this._webview) {
|
||||||
|
@ -2480,15 +2470,27 @@ export class NotebookEditorWidget extends Disposable implements INotebookEditorD
|
||||||
|
|
||||||
// attach webview matches to model find matches
|
// attach webview matches to model find matches
|
||||||
webviewMatches.forEach(match => {
|
webviewMatches.forEach(match => {
|
||||||
if (!options.includeMarkupPreview && match.type === 'preview') {
|
const cell = this._notebookViewModel!.viewCells.find(cell => cell.id === match.cellId);
|
||||||
// skip outputs if not included
|
|
||||||
|
if (!cell) {
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
if (!options.includeOutput && match.type === 'output') {
|
if (match.type === 'preview') {
|
||||||
|
// markup preview
|
||||||
|
if (cell.getEditState() === CellEditState.Preview && !options.includeMarkupPreview) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (cell.getEditState() === CellEditState.Editing && options.includeMarkupInput) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
if (!options.includeOutput) {
|
||||||
// skip outputs if not included
|
// skip outputs if not included
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
const exisitingMatch = matchMap[match.cellId];
|
const exisitingMatch = matchMap[match.cellId];
|
||||||
|
|
||||||
|
|
|
@ -922,7 +922,25 @@ export class NotebookViewModel extends Disposable implements EditorFoldingStateD
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
return matches;
|
// filter based on options and editing state
|
||||||
|
|
||||||
|
return matches.filter(match => {
|
||||||
|
if (match.cell.cellKind === CellKind.Code) {
|
||||||
|
// code cell, we only include its match if include input is enabled
|
||||||
|
return options.includeCodeInput;
|
||||||
|
}
|
||||||
|
|
||||||
|
// markup cell, it depends on the editing state
|
||||||
|
if (match.cell.getEditState() === CellEditState.Editing) {
|
||||||
|
// editing, even if we includeMarkupPreview
|
||||||
|
return options.includeMarkupInput;
|
||||||
|
} else {
|
||||||
|
// cell in preview mode, we should only include it if includeMarkupPreview is false but includeMarkupInput is true
|
||||||
|
// if includeMarkupPreview is true, then we should include the webview match result other than this
|
||||||
|
return !options.includeMarkupPreview && options.includeMarkupInput;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
replaceOne(cell: ICellViewModel, range: Range, text: string): Promise<void> {
|
replaceOne(cell: ICellViewModel, range: Range, text: string): Promise<void> {
|
||||||
|
|
|
@ -944,6 +944,7 @@ export const NotebookSetting = {
|
||||||
outputFontSize: 'notebook.output.fontSize',
|
outputFontSize: 'notebook.output.fontSize',
|
||||||
outputFontFamilyDeprecated: 'notebook.outputFontFamily',
|
outputFontFamilyDeprecated: 'notebook.outputFontFamily',
|
||||||
outputFontFamily: 'notebook.output.fontFamily',
|
outputFontFamily: 'notebook.output.fontFamily',
|
||||||
|
experimentalFindInMarkdownMode: 'notebook.experimental.findInMarkdownMode',
|
||||||
logging: 'notebook.logging',
|
logging: 'notebook.logging',
|
||||||
} as const;
|
} as const;
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue