@vscode/markdown-editor 0.0.2-12 → 0.0.2-120

package/src/view/themes/{vscode.css → vscode-github.css}

@@ -1,5 +1,13 @@
 /*
- * VS Code markdown theme.
+ * VS Code markdown theme — GitHub layout variant (`md-theme-vscode-github`).
+ *
+ * One of two `--vscode-*`-variable-driven themes. This variant keeps the
+ * GitHub-style layout/typography (larger 16px base, 1.5 line-height, badge-
+ * style inline code, zebra tables); the sibling `vscode-default.css`
+ * (`md-theme-vscode-default`) mirrors VS Code's own markdown *preview*
+ * (`markdown-language-features/media/markdown.css`: 14px base, code blocks with
+ * a 1px border, 5px blockquote rule). Both consume the same `--vscode-*`
+ * variables and `--md-tok-*` token palette, so only layout/typography differs.
  *
  * A *variable-driven* theme: every color is expressed as `var(--vscode-*, …)`
  * so the editor adopts whatever VS Code color theme is active (dark, light,
@@ -9,7 +17,7 @@
  *
  * Apply it via the editor `classNames` option:
  *
- *     new EditorView(model, { classNames: ['md-theme-vscode'] });
+ *     new EditorView(model, { classNames: ['md-theme-vscode-github'] });
  *
  * In a real webview VS Code injects the `--vscode-*` custom properties onto
  * the document root and sets a body theme class, so this theme just works. In
@@ -31,7 +39,7 @@
  * Component Explorer supplies a matching `--md-tok-*` palette per color theme.
  */
 
-.md-editor.md-theme-vscode {
+.md-editor.md-theme-vscode-github {
     font-family: var(--markdown-font-family, -apple-system, BlinkMacSystemFont,
             'Segoe WPC', 'Segoe UI', system-ui, 'Ubuntu', 'Droid Sans', sans-serif);
     font-size: var(--markdown-font-size, 16px);
@@ -50,65 +58,112 @@
      * stays visible on dark color themes.
      */
     --md-cursor-background: var(--vscode-editorCursor-foreground, #000);
-}
-
-.md-theme-vscode .md-heading {
+    --md-whitespace-foreground: var(--vscode-editorWhitespace-foreground, #b0b0b0);
+    --md-html-comment-foreground: var(--vscode-descriptionForeground, #59636e);
+    --md-html-comment-hover-foreground: var(--vscode-editor-foreground, #1f2328);
+    --md-html-comment-font-family: var(--vscode-editor-font-family, ui-monospace, SFMono-Regular,
+            'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace);
+    --md-readonly-background: var(--vscode-button-secondaryBackground,
+            var(--vscode-editorWidget-background, #f3f3f3));
+    --md-readonly-background-hover: var(--vscode-button-secondaryHoverBackground,
+            var(--vscode-button-secondaryBackground,
+                var(--vscode-editorWidget-background, #e9e9e9)));
+    --md-readonly-foreground: var(--vscode-button-secondaryForeground,
+            var(--vscode-editorWidget-foreground, #444));
+    --md-readonly-border: var(--vscode-button-secondaryBorder,
+            var(--vscode-button-border,
+                var(--vscode-contrastBorder, var(--vscode-editorWidget-border, #b8b8b8))));
+    --md-readonly-border-hover: var(--vscode-button-secondaryBorder,
+            var(--vscode-button-border,
+                var(--vscode-contrastBorder, var(--vscode-editorWidget-border, #8d8d8d))));
+    --md-readonly-accent: var(--vscode-button-background, rgb(45, 92, 180));
+    --md-readonly-accent-foreground: var(--vscode-button-foreground, #fff);
+    --md-inline-code-background: color-mix(in srgb,
+            var(--vscode-textPreformat-background, #818b981f) 60%, transparent);
+    --md-find-widget-background: var(--vscode-editorWidget-background, #f3f3f3);
+    --md-find-widget-foreground: var(--vscode-editorWidget-foreground, #222);
+    --md-find-widget-border: var(--vscode-editorWidget-border, #c8c8c8);
+    --md-find-widget-shadow: var(--vscode-widget-shadow, rgba(0, 0, 0, 0.2));
+    --md-find-input-background: var(--vscode-input-background, #fff);
+    --md-find-input-foreground: var(--vscode-input-foreground, #222);
+    --md-find-placeholder-foreground: var(--vscode-input-placeholderForeground, #767676);
+    --md-find-input-caret: var(--vscode-editorCursor-foreground, currentColor);
+    --md-find-input-border: var(--vscode-input-border, #cecece);
+    --md-find-count-foreground: var(--vscode-editorWidget-foreground, #222);
+    --md-find-focus-border: var(--vscode-focusBorder, #007fd4);
+    --md-find-button-hover-background: var(--vscode-inputOption-hoverBackground, rgba(128, 128, 128, 0.18));
+    --md-find-disabled-foreground: var(--vscode-disabledForeground, rgba(97, 97, 97, 0.5));
+    --md-find-editor-background: var(--vscode-editor-background, #ffffff);
+    --md-find-match-background: var(--vscode-editor-findMatchHighlightBackground, rgba(234, 92, 0, 0.33));
+    --md-find-current-background: var(--vscode-editor-findMatchBackground, #a8ac94);
+    --md-find-current-border: var(--vscode-editor-findMatchBorder,
+            color-mix(in srgb, var(--vscode-editorWidget-foreground, #616161) 55%,
+                var(--vscode-editor-findMatchBackground, #a8ac94)));
+    --md-find-option-background: var(--vscode-inputOption-activeBackground, #007acc);
+    --md-find-option-border: color-mix(in srgb,
+            var(--vscode-focusBorder, #007acc) 70%,
+            var(--vscode-inputOption-activeForeground, #000000));
+    --md-find-option-foreground: var(--vscode-inputOption-activeForeground, #fff);
+    --md-find-error-border: var(--vscode-inputValidation-errorBorder, #be1100);
+    --md-find-error-foreground: var(--vscode-errorForeground, #a1260d);
+}
+
+.vscode-high-contrast .md-editor.md-theme-vscode-github,
+.vscode-high-contrast-light .md-editor.md-theme-vscode-github {
+    --md-inline-code-background: var(--vscode-textPreformat-background, #818b981f);
+}
+
+.md-theme-vscode-github .md-heading {
     margin-top: 24px;
     margin-bottom: 16px;
     font-weight: 600;
     line-height: 1.25;
 }
 
-.md-theme-vscode h1.md-heading {
+.md-theme-vscode-github h1.md-heading {
     font-size: 2em;
     padding-bottom: 0.3em;
     border-bottom: 1px solid var(--vscode-textSeparator-foreground, #d1d9e0b3);
 }
 
-.md-theme-vscode h2.md-heading {
+.md-theme-vscode-github h2.md-heading {
     font-size: 1.5em;
     padding-bottom: 0.3em;
     border-bottom: 1px solid var(--vscode-textSeparator-foreground, #d1d9e0b3);
 }
 
-.md-theme-vscode h3.md-heading {
+.md-theme-vscode-github h3.md-heading {
     font-size: 1.25em;
 }
 
-.md-theme-vscode h4.md-heading {
+.md-theme-vscode-github h4.md-heading {
     font-size: 1em;
 }
 
-.md-theme-vscode h5.md-heading {
+.md-theme-vscode-github h5.md-heading {
     font-size: 0.875em;
 }
 
-.md-theme-vscode h6.md-heading {
+.md-theme-vscode-github h6.md-heading {
     font-size: 0.85em;
     color: var(--vscode-descriptionForeground, #59636e);
 }
 
-.md-theme-vscode .md-paragraph {
+.md-theme-vscode-github .md-paragraph {
     margin-top: 0;
     margin-bottom: 16px;
 }
 
-.md-theme-vscode .md-blockquote {
+.md-theme-vscode-github .md-blockquote {
     margin: 0 0 16px 0;
     padding: 0 1em;
-    /*
-     * The left padding the `>` gutter hangs in (matches padding-left: 1em at
-     * the base font). Must be an absolute length, not `1em`: the marker
-     * positions itself with this var inside its own (smaller, 0.85em) font
-     * context, so an `em` value would resolve against the marker's font-size
-     * and pull the `>` out of alignment with the text.
-     */
-    --md-blockquote-pad: 16px;
+    /* Matches padding-left; `em` is safe because shared marker geometry inherits font size. */
+    --md-blockquote-pad: 1em;
     color: var(--vscode-descriptionForeground, #59636e);
     border-left: 0.25em solid var(--vscode-textBlockQuote-border, #d1d9e0);
 }
 
-.md-theme-vscode .md-list {
+.md-theme-vscode-github .md-list {
     margin-top: 0;
     margin-bottom: 16px;
     padding-left: 2em;
@@ -116,7 +171,7 @@
     --md-list-indent-step: 2em;
 }
 
-.md-theme-vscode .md-thematic-break {
+.md-theme-vscode-github .md-thematic-break {
     height: 0.25em;
     padding: 0;
     margin: 24px 0;
@@ -124,44 +179,53 @@
     border: 0;
 }
 
-.md-theme-vscode a {
+.md-theme-vscode-github a {
     color: var(--vscode-textLink-foreground, #0969da);
     text-decoration: none;
 }
 
-.md-theme-vscode a:hover {
+.md-theme-vscode-github a:hover {
     text-decoration: underline;
 }
 
-.md-theme-vscode strong {
+.md-theme-vscode-github strong {
     font-weight: 600;
 }
 
 /* Inline code. */
-.md-theme-vscode :not(pre)>code {
+.md-theme-vscode-github :not(pre)>code {
     font-family: var(--vscode-editor-font-family, ui-monospace, SFMono-Regular,
             'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace);
     font-size: 85%;
     padding: 0.2em 0.4em;
     margin: 0;
     color: var(--vscode-textPreformat-foreground, inherit);
-    background-color: var(--vscode-textPreformat-background, #818b981f);
+    background-color: var(--md-inline-code-background);
     border-radius: 6px;
     white-space: break-spaces;
 }
 
 /* Fenced code block. */
-.md-theme-vscode .md-code-block {
+.md-theme-vscode-github .md-code-block-container {
     margin-top: 0;
     margin-bottom: 16px;
-    padding: 10px 16px;
+}
+
+.md-theme-vscode-github .md-code-block {
+    margin-top: 0;
+    margin-bottom: 16px;
+    padding: 6px 10px;
     font-size: 85%;
     line-height: 1.45;
     background-color: var(--vscode-textCodeBlock-background, #f6f8fa);
     border-radius: 6px;
 }
 
-.md-theme-vscode .md-code-block code {
+.md-theme-vscode-github .md-code-block-container > .md-code-block {
+    margin: 0;
+}
+
+.md-theme-vscode-github .md-code-block code {
     font-family: var(--vscode-editor-font-family, ui-monospace, SFMono-Regular,
             'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace);
     padding: 0;
@@ -174,43 +238,43 @@
  * the explorer (or any embedder) can supply a palette matched to the active
  * color theme. Fallbacks are the VS Code light theme palette.
  */
-.md-theme-vscode .md-code-block .tok-keyword {
+.md-theme-vscode-github .md-code-block .tok-keyword {
     color: var(--md-tok-keyword, #0000ff);
 }
 
-.md-theme-vscode .md-code-block .tok-string {
+.md-theme-vscode-github .md-code-block .tok-string {
     color: var(--md-tok-string, #a31515);
 }
 
-.md-theme-vscode .md-code-block .tok-comment {
+.md-theme-vscode-github .md-code-block .tok-comment {
     color: var(--md-tok-comment, #008000);
 }
 
-.md-theme-vscode .md-code-block .tok-number {
+.md-theme-vscode-github .md-code-block .tok-number {
     color: var(--md-tok-number, #098658);
 }
 
-.md-theme-vscode .md-code-block .tok-regexp {
+.md-theme-vscode-github .md-code-block .tok-regexp {
     color: var(--md-tok-regexp, #811f3f);
 }
 
-.md-theme-vscode .md-code-block .tok-type {
+.md-theme-vscode-github .md-code-block .tok-type {
     color: var(--md-tok-type, #267f99);
 }
 
-.md-theme-vscode .md-code-block .tok-annotation {
+.md-theme-vscode-github .md-code-block .tok-annotation {
     color: var(--md-tok-annotation, #267f99);
 }
 
-.md-theme-vscode .md-code-block .tok-tag {
+.md-theme-vscode-github .md-code-block .tok-tag {
     color: var(--md-tok-tag, #800000);
 }
 
-.md-theme-vscode .md-code-block .tok-attribute {
+.md-theme-vscode-github .md-code-block .tok-attribute {
     color: var(--md-tok-attribute, #e50000);
 }
 
-.md-theme-vscode .md-code-block .tok-delimiter {
+.md-theme-vscode-github .md-code-block .tok-delimiter {
     color: var(--md-tok-delimiter, inherit);
 }
 
@@ -218,7 +282,7 @@
  * Display math has no container styling (KaTeX renders it inline-centered).
  * Keep only the block spacing; horizontal scroll comes from the base sheet.
  */
-.md-theme-vscode .md-math-block {
+.md-theme-vscode-github .md-math-block {
     margin-top: 0;
     margin-bottom: 16px;
 }
@@ -228,19 +292,24 @@
  * would inflate the surrounding line box. Collapse it so the rendered math fits
  * the text line and the paragraph height stays identical active vs inactive.
  */
-.md-theme-vscode .md-inline-math .katex {
+.md-theme-vscode-github .md-inline-math .katex {
     line-height: 1;
 }
 
-.md-theme-vscode .md-table {
-    border-collapse: collapse;
+.md-theme-vscode-github .md-table-wrapper {
+    /* Block spacing lives on the wrapper (the scroll/BFC box) so it collapses
+       with siblings as before; the inner table has no margin of its own. */
     margin-top: 0;
     margin-bottom: 16px;
+}
+
+.md-theme-vscode-github .md-table {
+    border-collapse: collapse;
     width: auto;
 }
 
-.md-theme-vscode .md-table th,
-.md-theme-vscode .md-table td {
+.md-theme-vscode-github .md-table th,
+.md-theme-vscode-github .md-table td {
     padding: 6px 13px;
     border: 1px solid var(--vscode-editorWidget-border, #d1d9e0);
     text-align: left;
@@ -250,19 +319,19 @@
  * The editor renders every cell as <td> in a flat <table> of <tr> (no
  * <thead>/<tbody>/<th>). Row order is: header, delimiter row, body rows.
  */
-.md-theme-vscode .md-table tr:first-child td {
+.md-theme-vscode-github .md-table tr:first-child td {
     font-weight: 600;
     padding-top: 11px;
     padding-bottom: 11px;
 }
 
 /* Active: reclaim the header's extra spacing to host the delimiter row. */
-.md-theme-vscode .md-table.md-block-active tr:first-child td {
+.md-theme-vscode-github .md-table.md-block-active tr:first-child td {
     padding-top: 3px;
     padding-bottom: 3px;
 }
 
-.md-theme-vscode .md-table tr:nth-child(even):not(.md-table-delimiter-row) {
+.md-theme-vscode-github .md-table tr:nth-child(even):not(.md-table-delimiter-row) {
     background-color: var(--vscode-textCodeBlock-background, #f6f8fa);
 }
 
@@ -271,7 +340,7 @@
  * editing; render it borderless with no vertical padding so it occupies just
  * the compact 10px reclaimed from the header.
  */
-.md-theme-vscode .md-table-delimiter-row td {
+.md-theme-vscode-github .md-table-delimiter-row td {
     border: 0;
     padding: 0 13px;
     background: transparent;
@@ -283,11 +352,11 @@
  * height and first-text X — is unchanged) and clear the zebra fill so the
  * table reads as plain source.
  */
-.md-theme-vscode .md-table.md-block-active td {
+.md-theme-vscode-github .md-table.md-block-active td {
     border-color: transparent;
 }
 
-.md-theme-vscode .md-table.md-block-active tr:nth-child(even):not(.md-table-delimiter-row) td {
+.md-theme-vscode-github .md-table.md-block-active tr:nth-child(even):not(.md-table-delimiter-row) td {
     background-color: transparent;
 }
 
@@ -298,8 +367,8 @@
  * siblings and the glue's reserved width are untouched, so active/inactive
  * height and first-text X stay pixel-identical.
  */
-.md-theme-vscode .md-table.md-block-active td>.md-glue-tableCellGlue:first-child,
-.md-theme-vscode .md-table.md-block-active .md-table-delimiter-row td>.md-marker-tableDelimiter {
+.md-theme-vscode-github .md-table.md-block-active td>.md-glue-tableCellGlue:first-child,
+.md-theme-vscode-github .md-table.md-block-active .md-table-delimiter-row td>.md-marker-tableDelimiter {
     position: relative;
     left: -13px;
 }
@@ -307,16 +376,19 @@
 /*
  * The last cell's closing `|` floats right after the (left-aligned) cell text.
  * Pin it to the column's right gridline (the cell's border edge, 13px past the
- * content box) so the right outline is a straight line.
+ * content box) so the right outline is a straight line. `top: auto` keeps the
+ * pipe on the content line (the shared editor.css rule takes it out of flow);
+ * the previous `top: 0` floated it to the cell's top edge, so on tall/wrapping
+ * rows it no longer lined up with the in-flow leading pipes.
  */
-.md-theme-vscode .md-table.md-block-active td:last-child {
+.md-theme-vscode-github .md-table.md-block-active td:last-child {
     position: relative;
 }
 
-.md-theme-vscode .md-table.md-block-active td:last-child>.md-glue-tableCellGlue:last-child {
+.md-theme-vscode-github .md-table.md-block-active td:last-child>.md-glue-tableCellGlue:last-child {
     position: absolute;
     right: 0;
-    top: 0;
+    top: auto;
 }
 
 /*
@@ -324,8 +396,8 @@
  * `tableDelimiterClose` marker; pin it to the same right gridline as the body
  * rows' closing pipe so the last column's outline stays straight.
  */
-.md-theme-vscode .md-table.md-block-active .md-table-delimiter-row td:last-child>.md-marker-tableDelimiterClose {
+.md-theme-vscode-github .md-table.md-block-active .md-table-delimiter-row td:last-child>.md-marker-tableDelimiterClose {
     position: absolute;
     right: 0;
-    top: 0;
+    top: auto;
 }

package/dist/_observables/assert.d.ts

@@ -1,2 +0,0 @@
-export declare function assert(condition: boolean): void;
-export declare function assertNonExoticNumber(value: number): void;

package/dist/_observables/deps.d.ts

@@ -1,28 +0,0 @@
-import { IDisposable, DisposableStore } from './disposables';
-export { IDisposable, DisposableStore };
-export declare function toDisposable(fn: () => void): IDisposable;
-export declare function markAsDisposed(_disposable: IDisposable): void;
-export declare function trackDisposable(_disposable: IDisposable): void;
-export declare function assertFn(_fn: () => {}): void;
-export declare class CancellationError extends Error {
-    constructor();
-}
-export interface CancellationToken {
-    /**
-     * A flag signalling is cancellation has been requested.
-     */
-    readonly isCancellationRequested: boolean;
-    /**
-     * An event which fires when cancellation is requested. This event
-     * only ever fires `once` as cancellation can only happen once. Listeners
-     * that are registered after cancellation will be called (next event loop run),
-     * but also only once.
-     *
-     * @event
-     */
-    readonly onCancellationRequested: (listener: (e: any) => any, thisArgs?: any, disposables?: IDisposable[]) => IDisposable;
-}
-export declare function onBugIndicatingError(_error?: any): void;
-export declare class BugIndicatingError extends Error {
-    constructor(message?: string);
-}

package/dist/_observables/disposables.d.ts

@@ -1,19 +0,0 @@
-export interface IDisposable {
-    dispose(): void;
-}
-export declare class DisposableStore implements IDisposable {
-    private disposables;
-    private _isDisposed;
-    get isDisposed(): boolean;
-    dispose(): void;
-    add<T extends IDisposable | undefined>(disposable: T): T;
-    remove<T extends IDisposable | undefined>(disposable: T): T;
-    clear(): void;
-    leakItems(): void;
-}
-export declare abstract class Disposable implements IDisposable {
-    protected readonly _store: DisposableStore;
-    dispose(): void;
-    protected _register<T extends IDisposable>(t: T): T;
-    protected _registerOrDispose<T extends IDisposable | undefined>(t: T): T;
-}

package/dist/_observables/equals.d.ts

@@ -1,32 +0,0 @@
-export type EqualityComparer<T> = (a: T, b: T) => boolean;
-/**
- * Compares two items for equality using strict equality.
-*/
-export declare const strictEquals: EqualityComparer<any>;
-/**
- * Two items are considered equal, if their stringified representations are equal.
-*/
-export declare function jsonStringifyEquals<T>(): EqualityComparer<T>;
-/**
- * Uses `item.equals(other)` to determine equality.
- */
-export declare function itemEquals<T extends {
-    equals(other: T): boolean;
-}>(): EqualityComparer<T>;
-/**
- * Checks if two items are both null or undefined, or are equal according to the provided equality comparer.
-*/
-export declare function equalsIfDefined<T>(v1: T | undefined | null, v2: T | undefined | null, equals: EqualityComparer<T>): boolean;
-/**
- * Returns an equality comparer that checks if two items are both null or undefined, or are equal according to the provided equality comparer.
-*/
-export declare function equalsIfDefined<T>(equals: EqualityComparer<T>): EqualityComparer<T | undefined | null>;
-/**
- * Drills into arrays (items ordered) and objects (keys unordered) and uses strict equality on everything else.
-*/
-export declare function structuralEquals<T>(a: T, b: T): boolean;
-/**
- * `getStructuralKey(a) === getStructuralKey(b) <=> structuralEquals(a, b)`
- * (assuming that a and b are not cyclic structures and nothing extends globalThis Array).
-*/
-export declare function getStructuralKey(t: unknown): string;

package/dist/_observables/index.d.ts

@@ -1,2 +0,0 @@
-export * from './observableInternal/index';
-export * from './disposables';

package/dist/_observables/observableInternal/base.d.ts

@@ -1,172 +0,0 @@
-import { DisposableStore } from './commonFacade/deps';
-/**
- * Represents an observable value.
- *
- * @template T The type of the values the observable can hold.
- */
-export interface IObservable<T> extends IObservableWithChange<T, unknown> {
-}
-/**
- * Represents an observable value.
- *
- * @template T The type of the values the observable can hold.
- * @template TChange The type used to describe value changes
- * (usually `void` and only used in advanced scenarios).
- * While observers can miss temporary values of an observable,
- * they will receive all change values (as long as they are subscribed)!
- */
-export interface IObservableWithChange<T, TChange = unknown> {
-    /**
-     * Returns the current value.
-     *
-     * Calls {@link IObserver.handleChange} if the observable notices that the value changed.
-     * Must not be called from {@link IObserver.handleChange}!
-     */
-    get(): T;
-    /**
-     * Forces the observable to check for changes and report them.
-     *
-     * Has the same effect as calling {@link IObservable.get}, but does not force the observable
-     * to actually construct the value, e.g. if change deltas are used.
-     * Calls {@link IObserver.handleChange} if the observable notices that the value changed.
-     * Must not be called from {@link IObserver.handleChange}!
-     */
-    reportChanges(): void;
-    /**
-     * Adds the observer to the set of subscribed observers.
-     * This method is idempotent.
-     */
-    addObserver(observer: IObserver): void;
-    /**
-     * Removes the observer from the set of subscribed observers.
-     * This method is idempotent.
-     */
-    removeObserver(observer: IObserver): void;
-    /**
-     * Reads the current value and subscribes the reader to this observable.
-     *
-     * Calls {@link IReader.readObservable} if a reader is given, otherwise {@link IObservable.get}
-     * (see {@link ConvenientObservable.read} for the implementation).
-     */
-    read(reader: IReader | undefined): T;
-    /**
-     * Makes sure this value is computed eagerly.
-     */
-    recomputeInitiallyAndOnChange(store: DisposableStore, handleValue?: (value: T) => void): IObservable<T>;
-    /**
-     * Makes sure this value is cached.
-     */
-    keepObserved(store: DisposableStore): IObservable<T>;
-    /**
-     * Creates a derived observable that depends on this observable.
-     * Use the reader to read other observables
-     * (see {@link ConvenientObservable.map} for the implementation).
-     */
-    map<TNew>(fn: (value: T, reader: IReader) => TNew): IObservable<TNew>;
-    map<TNew>(owner: object, fn: (value: T, reader: IReader) => TNew): IObservable<TNew>;
-    flatten<TNew>(this: IObservable<IObservable<TNew>>): IObservable<TNew>;
-    /**
-     * ONLY FOR DEBUGGING!
-     * Logs computations of this derived.
-    */
-    log(): IObservableWithChange<T, TChange>;
-    /**
-     * A human-readable name for debugging purposes.
-     */
-    readonly debugName: string;
-    /**
-     * ONLY FOR DEBUGGING!
-    */
-    debugGetDependencyGraph(): string;
-    /**
-     * This property captures the type of the change object. Do not use it at runtime!
-     */
-    readonly TChange: TChange;
-}
-/**
- * Represents an observer that can be subscribed to an observable.
- *
- * If an observer is subscribed to an observable and that observable didn't signal
- * a change through one of the observer methods, the observer can assume that the
- * observable didn't change.
- * If an observable reported a possible change, {@link IObservable.reportChanges} forces
- * the observable to report an actual change if there was one.
- */
-export interface IObserver {
-    /**
-     * Signals that the given observable might have changed and a transaction potentially modifying that observable started.
-     * Before the given observable can call this method again, is must call {@link IObserver.endUpdate}.
-     *
-     * Implementations must not get/read the value of other observables, as they might not have received this event yet!
-     * The method {@link IObservable.reportChanges} can be used to force the observable to report the changes.
-     */
-    beginUpdate<T>(observable: IObservable<T>): void;
-    /**
-     * Signals that the transaction that potentially modified the given observable ended.
-     * This is a good place to react to (potential) changes.
-     */
-    endUpdate<T>(observable: IObservable<T>): void;
-    /**
-     * Signals that the given observable might have changed.
-     * The method {@link IObservable.reportChanges} can be used to force the observable to report the changes.
-     *
-     * Implementations must not get/read the value of other observables, as they might not have received this event yet!
-     * The change should be processed lazily or in {@link IObserver.endUpdate}.
-     */
-    handlePossibleChange<T>(observable: IObservable<T>): void;
-    /**
-     * Signals that the given {@link observable} changed.
-     *
-     * Implementations must not get/read the value of other observables, as they might not have received this event yet!
-     * The change should be processed lazily or in {@link IObserver.endUpdate}.
-     *
-     * @param change Indicates how or why the value changed.
-     */
-    handleChange<T, TChange>(observable: IObservableWithChange<T, TChange>, change: TChange): void;
-}
-export interface IReader {
-    /**
-     * Reads the value of an observable and subscribes to it.
-     */
-    readObservable<T>(observable: IObservableWithChange<T, any>): T;
-}
-export interface ISettable<T, TChange = void> {
-    /**
-     * Sets the value of the observable.
-     * Use a transaction to batch multiple changes (with a transaction, observers only react at the end of the transaction).
-     *
-     * @param transaction When given, value changes are handled on demand or when the transaction ends.
-     * @param change Describes how or why the value changed.
-     */
-    set(value: T, transaction: ITransaction | undefined, change: TChange): void;
-}
-export interface ITransaction {
-    /**
-     * Calls {@link Observer.beginUpdate} immediately
-     * and {@link Observer.endUpdate} when the transaction ends.
-     */
-    updateObserver(observer: IObserver, observable: IObservableWithChange<any, any>): void;
-}
-/**
- * This function is used to indicate that the caller recovered from an error that indicates a bug.
-*/
-export declare function handleBugIndicatingErrorRecovery(message: string): void;
-/**
- * A settable observable.
- */
-export interface ISettableObservable<T, TChange = void> extends IObservableWithChange<T, TChange>, ISettable<T, TChange> {
-}
-export interface IReaderWithStore extends IReader {
-    /**
-     * Items in this store get disposed just before the observable recomputes/reruns or when it becomes unobserved.
-    */
-    get store(): DisposableStore;
-    /**
-     * Items in this store get disposed just after the observable recomputes/reruns or when it becomes unobserved.
-     * This is important if the current run needs the undisposed result from the last run.
-     *
-     * Warning: Items in this store might still get disposed before dependents (that read the now disposed value in the past) are recomputed with the new (undisposed) value!
-     * A clean solution for this is ref counting.
-    */
-    get delayedStore(): DisposableStore;
-}