@theia/editor-preview 1.34.3 → 1.34.4

package/src/browser/editor-preview-preferences.ts

@@ -1,53 +1,53 @@
-// *****************************************************************************
-// Copyright (C) 2018 Google and others.
-//
-// This program and the accompanying materials are made available under the
-// terms of the Eclipse Public License v. 2.0 which is available at
-// http://www.eclipse.org/legal/epl-2.0.
-//
-// This Source Code may also be made available under the following Secondary
-// Licenses when the conditions for such availability set forth in the Eclipse
-// Public License v. 2.0 are satisfied: GNU General Public License, version 2
-// with the GNU Classpath Exception which is available at
-// https://www.gnu.org/software/classpath/license.html.
-//
-// SPDX-License-Identifier: EPL-2.0 OR GPL-2.0 WITH Classpath-exception-2.0
-// *****************************************************************************
-
-import { interfaces } from '@theia/core/shared/inversify';
-import { createPreferenceProxy, PreferenceProxy, PreferenceService, PreferenceContribution, PreferenceSchema } from '@theia/core/lib/browser';
-import { nls } from '@theia/core/lib/common/nls';
-
-export const EditorPreviewConfigSchema: PreferenceSchema = {
-    'type': 'object',
-    properties: {
-        'editor.enablePreview': {
-            type: 'boolean',
-            // eslint-disable-next-line max-len
-            description: nls.localizeByDefault('Controls whether opened editors show as preview editors. Preview editors do not stay open, are reused until explicitly set to be kept open (e.g. via double click or editing), and show file names in italics.'),
-            default: true
-        },
-    }
-};
-
-export interface EditorPreviewConfiguration {
-    'editor.enablePreview': boolean;
-}
-
-export const EditorPreviewPreferenceContribution = Symbol('EditorPreviewPreferenceContribution');
-export const EditorPreviewPreferences = Symbol('EditorPreviewPreferences');
-export type EditorPreviewPreferences = PreferenceProxy<EditorPreviewConfiguration>;
-
-export function createEditorPreviewPreferences(preferences: PreferenceService, schema: PreferenceSchema = EditorPreviewConfigSchema): EditorPreviewPreferences {
-    return createPreferenceProxy(preferences, schema);
-}
-
-export function bindEditorPreviewPreferences(bind: interfaces.Bind): void {
-    bind(EditorPreviewPreferences).toDynamicValue(ctx => {
-        const preferences = ctx.container.get<PreferenceService>(PreferenceService);
-        const contribution = ctx.container.get<PreferenceContribution>(EditorPreviewPreferenceContribution);
-        return createEditorPreviewPreferences(preferences, contribution.schema);
-    }).inSingletonScope();
-    bind(EditorPreviewPreferenceContribution).toConstantValue({ schema: EditorPreviewConfigSchema });
-    bind(PreferenceContribution).toService(EditorPreviewPreferenceContribution);
-}
+// *****************************************************************************
+// Copyright (C) 2018 Google and others.
+//
+// This program and the accompanying materials are made available under the
+// terms of the Eclipse Public License v. 2.0 which is available at
+// http://www.eclipse.org/legal/epl-2.0.
+//
+// This Source Code may also be made available under the following Secondary
+// Licenses when the conditions for such availability set forth in the Eclipse
+// Public License v. 2.0 are satisfied: GNU General Public License, version 2
+// with the GNU Classpath Exception which is available at
+// https://www.gnu.org/software/classpath/license.html.
+//
+// SPDX-License-Identifier: EPL-2.0 OR GPL-2.0 WITH Classpath-exception-2.0
+// *****************************************************************************
+
+import { interfaces } from '@theia/core/shared/inversify';
+import { createPreferenceProxy, PreferenceProxy, PreferenceService, PreferenceContribution, PreferenceSchema } from '@theia/core/lib/browser';
+import { nls } from '@theia/core/lib/common/nls';
+
+export const EditorPreviewConfigSchema: PreferenceSchema = {
+    'type': 'object',
+    properties: {
+        'editor.enablePreview': {
+            type: 'boolean',
+            // eslint-disable-next-line max-len
+            description: nls.localizeByDefault('Controls whether opened editors show as preview editors. Preview editors do not stay open, are reused until explicitly set to be kept open (e.g. via double click or editing), and show file names in italics.'),
+            default: true
+        },
+    }
+};
+
+export interface EditorPreviewConfiguration {
+    'editor.enablePreview': boolean;
+}
+
+export const EditorPreviewPreferenceContribution = Symbol('EditorPreviewPreferenceContribution');
+export const EditorPreviewPreferences = Symbol('EditorPreviewPreferences');
+export type EditorPreviewPreferences = PreferenceProxy<EditorPreviewConfiguration>;
+
+export function createEditorPreviewPreferences(preferences: PreferenceService, schema: PreferenceSchema = EditorPreviewConfigSchema): EditorPreviewPreferences {
+    return createPreferenceProxy(preferences, schema);
+}
+
+export function bindEditorPreviewPreferences(bind: interfaces.Bind): void {
+    bind(EditorPreviewPreferences).toDynamicValue(ctx => {
+        const preferences = ctx.container.get<PreferenceService>(PreferenceService);
+        const contribution = ctx.container.get<PreferenceContribution>(EditorPreviewPreferenceContribution);
+        return createEditorPreviewPreferences(preferences, contribution.schema);
+    }).inSingletonScope();
+    bind(EditorPreviewPreferenceContribution).toConstantValue({ schema: EditorPreviewConfigSchema });
+    bind(PreferenceContribution).toService(EditorPreviewPreferenceContribution);
+}

package/src/browser/editor-preview-tree-decorator.ts

@@ -1,107 +1,107 @@
-// *****************************************************************************
-// Copyright (C) 2021 Ericsson and others.
-//
-// This program and the accompanying materials are made available under the
-// terms of the Eclipse Public License v. 2.0 which is available at
-// http://www.eclipse.org/legal/epl-2.0.
-//
-// This Source Code may also be made available under the following Secondary
-// Licenses when the conditions for such availability set forth in the Eclipse
-// Public License v. 2.0 are satisfied: GNU General Public License, version 2
-// with the GNU Classpath Exception which is available at
-// https://www.gnu.org/software/classpath/license.html.
-//
-// SPDX-License-Identifier: EPL-2.0 OR GPL-2.0 WITH Classpath-exception-2.0
-// *****************************************************************************
-
-import { injectable, inject } from '@theia/core/shared/inversify';
-import { TreeDecorator, TreeDecoration } from '@theia/core/lib/browser/tree/tree-decorator';
-import { Emitter } from '@theia/core/lib/common/event';
-import { Tree } from '@theia/core/lib/browser/tree/tree';
-import {
-    ApplicationShell,
-    DepthFirstTreeIterator,
-    FrontendApplication,
-    FrontendApplicationContribution,
-    NavigatableWidget,
-    Saveable,
-    Widget,
-} from '@theia/core/lib/browser';
-import { Disposable } from '@theia/core/lib/common';
-import { OpenEditorNode } from '@theia/navigator/lib/browser/open-editors-widget/navigator-open-editors-tree-model';
-import { EditorPreviewWidget } from './editor-preview-widget';
-import { EditorPreviewManager } from './editor-preview-manager';
-
-@injectable()
-export class EditorPreviewTreeDecorator implements TreeDecorator, FrontendApplicationContribution {
-    @inject(EditorPreviewManager) protected readonly editorPreviewManager: EditorPreviewManager;
-    @inject(ApplicationShell) protected readonly shell: ApplicationShell;
-
-    readonly id = 'theia-open-editors-file-decorator';
-    protected decorationsMap = new Map<string, TreeDecoration.Data>();
-
-    protected readonly decorationsChangedEmitter = new Emitter();
-    readonly onDidChangeDecorations = this.decorationsChangedEmitter.event;
-    protected readonly toDisposeOnDirtyChanged = new Map<string, Disposable>();
-    protected readonly toDisposeOnPreviewPinned = new Map<string, Disposable>();
-
-    onDidInitializeLayout(app: FrontendApplication): void {
-        this.shell.onDidAddWidget(widget => this.registerEditorListeners(widget));
-        this.shell.onDidRemoveWidget(widget => this.unregisterEditorListeners(widget));
-        this.editorWidgets.forEach(widget => this.registerEditorListeners(widget));
-    }
-
-    protected registerEditorListeners(widget: Widget): void {
-        const saveable = Saveable.get(widget);
-        if (saveable) {
-            this.toDisposeOnDirtyChanged.set(widget.id, saveable.onDirtyChanged(() => {
-                this.fireDidChangeDecorations((tree: Tree) => this.collectDecorators(tree));
-            }));
-        }
-        if (widget instanceof EditorPreviewWidget) {
-            this.toDisposeOnPreviewPinned.set(widget.id, widget.onDidChangePreviewState(() => {
-                this.fireDidChangeDecorations((tree: Tree) => this.collectDecorators(tree));
-                this.toDisposeOnPreviewPinned.get(widget.id)?.dispose();
-                this.toDisposeOnDirtyChanged.delete(widget.id);
-            }));
-        }
-    }
-
-    protected unregisterEditorListeners(widget: Widget): void {
-        this.toDisposeOnDirtyChanged.get(widget.id)?.dispose();
-        this.toDisposeOnDirtyChanged.delete(widget.id);
-        this.toDisposeOnPreviewPinned.get(widget.id)?.dispose();
-        this.toDisposeOnPreviewPinned.delete(widget.id);
-    }
-
-    protected get editorWidgets(): NavigatableWidget[] {
-        return this.shell.widgets.filter((widget): widget is NavigatableWidget => NavigatableWidget.is(widget));
-    }
-
-    protected fireDidChangeDecorations(event: (tree: Tree) => Map<string, TreeDecoration.Data>): void {
-        this.decorationsChangedEmitter.fire(event);
-    }
-
-    decorations(tree: Tree): Map<string, TreeDecoration.Data> {
-        return this.collectDecorators(tree);
-    }
-
-    // Add workspace root as caption suffix and italicize if PreviewWidget
-    protected collectDecorators(tree: Tree): Map<string, TreeDecoration.Data> {
-        const result = new Map<string, TreeDecoration.Data>();
-        if (tree.root === undefined) {
-            return result;
-        }
-        for (const node of new DepthFirstTreeIterator(tree.root)) {
-            if (OpenEditorNode.is(node)) {
-                const { widget } = node;
-                const isPreviewWidget = widget instanceof EditorPreviewWidget && widget.isPreview;
-                const decorations: TreeDecoration.Data = {
-                    fontData: { style: isPreviewWidget ? 'italic' : undefined }
-                };
-                result.set(node.id, decorations);
-            }
-        }
-        return result;
-    }
-}
+// *****************************************************************************
+// Copyright (C) 2021 Ericsson and others.
+//
+// This program and the accompanying materials are made available under the
+// terms of the Eclipse Public License v. 2.0 which is available at
+// http://www.eclipse.org/legal/epl-2.0.
+//
+// This Source Code may also be made available under the following Secondary
+// Licenses when the conditions for such availability set forth in the Eclipse
+// Public License v. 2.0 are satisfied: GNU General Public License, version 2
+// with the GNU Classpath Exception which is available at
+// https://www.gnu.org/software/classpath/license.html.
+//
+// SPDX-License-Identifier: EPL-2.0 OR GPL-2.0 WITH Classpath-exception-2.0
+// *****************************************************************************
+
+import { injectable, inject } from '@theia/core/shared/inversify';
+import { TreeDecorator, TreeDecoration } from '@theia/core/lib/browser/tree/tree-decorator';
+import { Emitter } from '@theia/core/lib/common/event';
+import { Tree } from '@theia/core/lib/browser/tree/tree';
+import {
+    ApplicationShell,
+    DepthFirstTreeIterator,
+    FrontendApplication,
+    FrontendApplicationContribution,
+    NavigatableWidget,
+    Saveable,
+    Widget,
+} from '@theia/core/lib/browser';
+import { Disposable } from '@theia/core/lib/common';
+import { OpenEditorNode } from '@theia/navigator/lib/browser/open-editors-widget/navigator-open-editors-tree-model';
+import { EditorPreviewWidget } from './editor-preview-widget';
+import { EditorPreviewManager } from './editor-preview-manager';
+
+@injectable()
+export class EditorPreviewTreeDecorator implements TreeDecorator, FrontendApplicationContribution {
+    @inject(EditorPreviewManager) protected readonly editorPreviewManager: EditorPreviewManager;
+    @inject(ApplicationShell) protected readonly shell: ApplicationShell;
+
+    readonly id = 'theia-open-editors-file-decorator';
+    protected decorationsMap = new Map<string, TreeDecoration.Data>();
+
+    protected readonly decorationsChangedEmitter = new Emitter();
+    readonly onDidChangeDecorations = this.decorationsChangedEmitter.event;
+    protected readonly toDisposeOnDirtyChanged = new Map<string, Disposable>();
+    protected readonly toDisposeOnPreviewPinned = new Map<string, Disposable>();
+
+    onDidInitializeLayout(app: FrontendApplication): void {
+        this.shell.onDidAddWidget(widget => this.registerEditorListeners(widget));
+        this.shell.onDidRemoveWidget(widget => this.unregisterEditorListeners(widget));
+        this.editorWidgets.forEach(widget => this.registerEditorListeners(widget));
+    }
+
+    protected registerEditorListeners(widget: Widget): void {
+        const saveable = Saveable.get(widget);
+        if (saveable) {
+            this.toDisposeOnDirtyChanged.set(widget.id, saveable.onDirtyChanged(() => {
+                this.fireDidChangeDecorations((tree: Tree) => this.collectDecorators(tree));
+            }));
+        }
+        if (widget instanceof EditorPreviewWidget) {
+            this.toDisposeOnPreviewPinned.set(widget.id, widget.onDidChangePreviewState(() => {
+                this.fireDidChangeDecorations((tree: Tree) => this.collectDecorators(tree));
+                this.toDisposeOnPreviewPinned.get(widget.id)?.dispose();
+                this.toDisposeOnDirtyChanged.delete(widget.id);
+            }));
+        }
+    }
+
+    protected unregisterEditorListeners(widget: Widget): void {
+        this.toDisposeOnDirtyChanged.get(widget.id)?.dispose();
+        this.toDisposeOnDirtyChanged.delete(widget.id);
+        this.toDisposeOnPreviewPinned.get(widget.id)?.dispose();
+        this.toDisposeOnPreviewPinned.delete(widget.id);
+    }
+
+    protected get editorWidgets(): NavigatableWidget[] {
+        return this.shell.widgets.filter((widget): widget is NavigatableWidget => NavigatableWidget.is(widget));
+    }
+
+    protected fireDidChangeDecorations(event: (tree: Tree) => Map<string, TreeDecoration.Data>): void {
+        this.decorationsChangedEmitter.fire(event);
+    }
+
+    decorations(tree: Tree): Map<string, TreeDecoration.Data> {
+        return this.collectDecorators(tree);
+    }
+
+    // Add workspace root as caption suffix and italicize if PreviewWidget
+    protected collectDecorators(tree: Tree): Map<string, TreeDecoration.Data> {
+        const result = new Map<string, TreeDecoration.Data>();
+        if (tree.root === undefined) {
+            return result;
+        }
+        for (const node of new DepthFirstTreeIterator(tree.root)) {
+            if (OpenEditorNode.is(node)) {
+                const { widget } = node;
+                const isPreviewWidget = widget instanceof EditorPreviewWidget && widget.isPreview;
+                const decorations: TreeDecoration.Data = {
+                    fontData: { style: isPreviewWidget ? 'italic' : undefined }
+                };
+                result.set(node.id, decorations);
+            }
+        }
+        return result;
+    }
+}

package/src/browser/editor-preview-widget-factory.ts

@@ -1,45 +1,45 @@
-// *****************************************************************************
-// Copyright (C) 2018-2021 Google and others.
-//
-// This program and the accompanying materials are made available under the
-// terms of the Eclipse Public License v. 2.0 which is available at
-// http://www.eclipse.org/legal/epl-2.0.
-//
-// This Source Code may also be made available under the following Secondary
-// Licenses when the conditions for such availability set forth in the Eclipse
-// Public License v. 2.0 are satisfied: GNU General Public License, version 2
-// with the GNU Classpath Exception which is available at
-// https://www.gnu.org/software/classpath/license.html.
-//
-// SPDX-License-Identifier: EPL-2.0 OR GPL-2.0 WITH Classpath-exception-2.0
-// *****************************************************************************
-
-import URI from '@theia/core/lib/common/uri';
-import { EditorWidgetFactory } from '@theia/editor/lib/browser/editor-widget-factory';
-import { injectable } from '@theia/core/shared/inversify';
-import { EditorPreviewWidget } from './editor-preview-widget';
-import { NavigatableWidgetOptions } from '@theia/core/lib/browser';
-
-export interface EditorPreviewOptions extends NavigatableWidgetOptions {
-    preview?: boolean;
-}
-
-@injectable()
-export class EditorPreviewWidgetFactory extends EditorWidgetFactory {
-    static override ID: string = 'editor-preview-widget';
-    override readonly id = EditorPreviewWidgetFactory.ID;
-
-    override async createWidget(options: EditorPreviewOptions): Promise<EditorPreviewWidget> {
-        const uri = new URI(options.uri);
-        const editor = await this.createEditor(uri, options) as EditorPreviewWidget;
-        if (options.preview) {
-            editor.initializePreview();
-        }
-        return editor;
-    }
-
-    protected override async constructEditor(uri: URI): Promise<EditorPreviewWidget> {
-        const textEditor = await this.editorProvider(uri);
-        return new EditorPreviewWidget(textEditor, this.selectionService);
-    }
-}
+// *****************************************************************************
+// Copyright (C) 2018-2021 Google and others.
+//
+// This program and the accompanying materials are made available under the
+// terms of the Eclipse Public License v. 2.0 which is available at
+// http://www.eclipse.org/legal/epl-2.0.
+//
+// This Source Code may also be made available under the following Secondary
+// Licenses when the conditions for such availability set forth in the Eclipse
+// Public License v. 2.0 are satisfied: GNU General Public License, version 2
+// with the GNU Classpath Exception which is available at
+// https://www.gnu.org/software/classpath/license.html.
+//
+// SPDX-License-Identifier: EPL-2.0 OR GPL-2.0 WITH Classpath-exception-2.0
+// *****************************************************************************
+
+import URI from '@theia/core/lib/common/uri';
+import { EditorWidgetFactory } from '@theia/editor/lib/browser/editor-widget-factory';
+import { injectable } from '@theia/core/shared/inversify';
+import { EditorPreviewWidget } from './editor-preview-widget';
+import { NavigatableWidgetOptions } from '@theia/core/lib/browser';
+
+export interface EditorPreviewOptions extends NavigatableWidgetOptions {
+    preview?: boolean;
+}
+
+@injectable()
+export class EditorPreviewWidgetFactory extends EditorWidgetFactory {
+    static override ID: string = 'editor-preview-widget';
+    override readonly id = EditorPreviewWidgetFactory.ID;
+
+    override async createWidget(options: EditorPreviewOptions): Promise<EditorPreviewWidget> {
+        const uri = new URI(options.uri);
+        const editor = await this.createEditor(uri, options) as EditorPreviewWidget;
+        if (options.preview) {
+            editor.initializePreview();
+        }
+        return editor;
+    }
+
+    protected override async constructEditor(uri: URI): Promise<EditorPreviewWidget> {
+        const textEditor = await this.editorProvider(uri);
+        return new EditorPreviewWidget(textEditor, this.selectionService);
+    }
+}

package/src/browser/editor-preview-widget.ts

@@ -1,113 +1,113 @@
-// *****************************************************************************
-// Copyright (C) 2021 Ericsson and others.
-//
-// This program and the accompanying materials are made available under the
-// terms of the Eclipse Public License v. 2.0 which is available at
-// http://www.eclipse.org/legal/epl-2.0.
-//
-// This Source Code may also be made available under the following Secondary
-// Licenses when the conditions for such availability set forth in the Eclipse
-// Public License v. 2.0 are satisfied: GNU General Public License, version 2
-// with the GNU Classpath Exception which is available at
-// https://www.gnu.org/software/classpath/license.html.
-//
-// SPDX-License-Identifier: EPL-2.0 OR GPL-2.0 WITH Classpath-exception-2.0
-// *****************************************************************************
-
-import { Message } from '@theia/core/shared/@phosphor/messaging';
-import { DockPanel, TabBar, Widget, PINNED_CLASS } from '@theia/core/lib/browser';
-import { EditorWidget, TextEditor } from '@theia/editor/lib/browser';
-import { Disposable, DisposableCollection, Emitter, SelectionService, UNTITLED_SCHEME } from '@theia/core/lib/common';
-import { find } from '@theia/core/shared/@phosphor/algorithm';
-
-const PREVIEW_TITLE_CLASS = 'theia-editor-preview-title-unpinned';
-export class EditorPreviewWidget extends EditorWidget {
-    protected _isPreview = false;
-    protected lastTabbar: TabBar<Widget> | undefined;
-
-    protected readonly onDidChangePreviewStateEmitter = new Emitter<void>();
-    readonly onDidChangePreviewState = this.onDidChangePreviewStateEmitter.event;
-
-    protected readonly toDisposeOnLocationChange = new DisposableCollection();
-
-    get isPreview(): boolean {
-        return this._isPreview;
-    }
-
-    constructor(
-        editor: TextEditor,
-        selectionService: SelectionService
-    ) {
-        super(editor, selectionService);
-        this.toDispose.push(this.onDidChangePreviewStateEmitter);
-        this.toDispose.push(this.toDisposeOnLocationChange);
-    }
-
-    initializePreview(): void {
-        const oneTimeListeners = new DisposableCollection();
-        this._isPreview = true;
-        this.title.className += ` ${PREVIEW_TITLE_CLASS}`;
-        const oneTimeDirtyChangeListener = this.saveable.onDirtyChanged(() => {
-            this.convertToNonPreview();
-            oneTimeListeners.dispose();
-        });
-        oneTimeListeners.push(oneTimeDirtyChangeListener);
-        const oneTimeTitleChangeHandler = () => {
-            if (this.title.className.includes(PINNED_CLASS)) {
-                this.convertToNonPreview();
-                oneTimeListeners.dispose();
-            }
-        };
-        this.title.changed.connect(oneTimeTitleChangeHandler);
-        oneTimeListeners.push(Disposable.create(() => this.title.changed.disconnect(oneTimeTitleChangeHandler)));
-        this.toDispose.push(oneTimeListeners);
-    }
-
-    convertToNonPreview(): void {
-        if (this._isPreview) {
-            this._isPreview = false;
-            this.toDisposeOnLocationChange.dispose();
-            this.lastTabbar = undefined;
-            this.title.className = this.title.className.replace(PREVIEW_TITLE_CLASS, '');
-            this.onDidChangePreviewStateEmitter.fire();
-            this.onDidChangePreviewStateEmitter.dispose();
-        }
-    }
-
-    protected override onAfterAttach(msg: Message): void {
-        super.onAfterAttach(msg);
-        if (this._isPreview) {
-            this.checkForTabbarChange();
-        }
-    }
-
-    protected checkForTabbarChange(): void {
-        const { parent } = this;
-        if (parent instanceof DockPanel) {
-            this.toDisposeOnLocationChange.dispose();
-            const newTabbar = find(parent.tabBars(), tabbar => !!tabbar.titles.find(title => title === this.title));
-            if (this.lastTabbar && this.lastTabbar !== newTabbar) {
-                this.convertToNonPreview();
-            } else {
-                this.lastTabbar = newTabbar;
-                const listener = () => this.checkForTabbarChange();
-                parent.layoutModified.connect(listener);
-                this.toDisposeOnLocationChange.push(Disposable.create(() => parent.layoutModified.disconnect(listener)));
-            }
-        }
-    }
-
-    override storeState(): { isPreview: boolean, editorState: object } | undefined {
-        if (this.getResourceUri()?.scheme !== UNTITLED_SCHEME) {
-            const { _isPreview: isPreview } = this;
-            return { isPreview, editorState: this.editor.storeViewState() };
-        }
-    }
-
-    override restoreState(oldState: { isPreview: boolean, editorState: object }): void {
-        if (!oldState.isPreview) {
-            this.convertToNonPreview();
-        }
-        this.editor.restoreViewState(oldState.editorState);
-    }
-}
+// *****************************************************************************
+// Copyright (C) 2021 Ericsson and others.
+//
+// This program and the accompanying materials are made available under the
+// terms of the Eclipse Public License v. 2.0 which is available at
+// http://www.eclipse.org/legal/epl-2.0.
+//
+// This Source Code may also be made available under the following Secondary
+// Licenses when the conditions for such availability set forth in the Eclipse
+// Public License v. 2.0 are satisfied: GNU General Public License, version 2
+// with the GNU Classpath Exception which is available at
+// https://www.gnu.org/software/classpath/license.html.
+//
+// SPDX-License-Identifier: EPL-2.0 OR GPL-2.0 WITH Classpath-exception-2.0
+// *****************************************************************************
+
+import { Message } from '@theia/core/shared/@phosphor/messaging';
+import { DockPanel, TabBar, Widget, PINNED_CLASS } from '@theia/core/lib/browser';
+import { EditorWidget, TextEditor } from '@theia/editor/lib/browser';
+import { Disposable, DisposableCollection, Emitter, SelectionService, UNTITLED_SCHEME } from '@theia/core/lib/common';
+import { find } from '@theia/core/shared/@phosphor/algorithm';
+
+const PREVIEW_TITLE_CLASS = 'theia-editor-preview-title-unpinned';
+export class EditorPreviewWidget extends EditorWidget {
+    protected _isPreview = false;
+    protected lastTabbar: TabBar<Widget> | undefined;
+
+    protected readonly onDidChangePreviewStateEmitter = new Emitter<void>();
+    readonly onDidChangePreviewState = this.onDidChangePreviewStateEmitter.event;
+
+    protected readonly toDisposeOnLocationChange = new DisposableCollection();
+
+    get isPreview(): boolean {
+        return this._isPreview;
+    }
+
+    constructor(
+        editor: TextEditor,
+        selectionService: SelectionService
+    ) {
+        super(editor, selectionService);
+        this.toDispose.push(this.onDidChangePreviewStateEmitter);
+        this.toDispose.push(this.toDisposeOnLocationChange);
+    }
+
+    initializePreview(): void {
+        const oneTimeListeners = new DisposableCollection();
+        this._isPreview = true;
+        this.title.className += ` ${PREVIEW_TITLE_CLASS}`;
+        const oneTimeDirtyChangeListener = this.saveable.onDirtyChanged(() => {
+            this.convertToNonPreview();
+            oneTimeListeners.dispose();
+        });
+        oneTimeListeners.push(oneTimeDirtyChangeListener);
+        const oneTimeTitleChangeHandler = () => {
+            if (this.title.className.includes(PINNED_CLASS)) {
+                this.convertToNonPreview();
+                oneTimeListeners.dispose();
+            }
+        };
+        this.title.changed.connect(oneTimeTitleChangeHandler);
+        oneTimeListeners.push(Disposable.create(() => this.title.changed.disconnect(oneTimeTitleChangeHandler)));
+        this.toDispose.push(oneTimeListeners);
+    }
+
+    convertToNonPreview(): void {
+        if (this._isPreview) {
+            this._isPreview = false;
+            this.toDisposeOnLocationChange.dispose();
+            this.lastTabbar = undefined;
+            this.title.className = this.title.className.replace(PREVIEW_TITLE_CLASS, '');
+            this.onDidChangePreviewStateEmitter.fire();
+            this.onDidChangePreviewStateEmitter.dispose();
+        }
+    }
+
+    protected override onAfterAttach(msg: Message): void {
+        super.onAfterAttach(msg);
+        if (this._isPreview) {
+            this.checkForTabbarChange();
+        }
+    }
+
+    protected checkForTabbarChange(): void {
+        const { parent } = this;
+        if (parent instanceof DockPanel) {
+            this.toDisposeOnLocationChange.dispose();
+            const newTabbar = find(parent.tabBars(), tabbar => !!tabbar.titles.find(title => title === this.title));
+            if (this.lastTabbar && this.lastTabbar !== newTabbar) {
+                this.convertToNonPreview();
+            } else {
+                this.lastTabbar = newTabbar;
+                const listener = () => this.checkForTabbarChange();
+                parent.layoutModified.connect(listener);
+                this.toDisposeOnLocationChange.push(Disposable.create(() => parent.layoutModified.disconnect(listener)));
+            }
+        }
+    }
+
+    override storeState(): { isPreview: boolean, editorState: object } | undefined {
+        if (this.getResourceUri()?.scheme !== UNTITLED_SCHEME) {
+            const { _isPreview: isPreview } = this;
+            return { isPreview, editorState: this.editor.storeViewState() };
+        }
+    }
+
+    override restoreState(oldState: { isPreview: boolean, editorState: object }): void {
+        if (!oldState.isPreview) {
+            this.convertToNonPreview();
+        }
+        this.editor.restoreViewState(oldState.editorState);
+    }
+}