@git-diff-view/react 0.0.6 → 0.0.8

package/dist/cjs/index.development.js

@@ -25,1446 +25,114 @@ function _interopNamespaceDefault(e) {
 
 var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
 
-/**
- * @module LRUCache
- */
-const perf = typeof performance === 'object' &&
-    performance &&
-    typeof performance.now === 'function'
-    ? performance
-    : Date;
-const warned = new Set();
-/* c8 ignore start */
-const PROCESS = (typeof process === 'object' && !!process ? process : {});
-/* c8 ignore start */
-const emitWarning = (msg, type, code, fn) => {
-    typeof PROCESS.emitWarning === 'function'
-        ? PROCESS.emitWarning(msg, type, code, fn)
-        : console.error(`[${code}] ${type}: ${msg}`);
-};
-let AC = globalThis.AbortController;
-let AS = globalThis.AbortSignal;
-/* c8 ignore start */
-if (typeof AC === 'undefined') {
-    //@ts-ignore
-    AS = class AbortSignal {
-        onabort;
-        _onabort = [];
-        reason;
-        aborted = false;
-        addEventListener(_, fn) {
-            this._onabort.push(fn);
-        }
-    };
-    //@ts-ignore
-    AC = class AbortController {
-        constructor() {
-            warnACPolyfill();
-        }
-        signal = new AS();
-        abort(reason) {
-            if (this.signal.aborted)
-                return;
-            //@ts-ignore
-            this.signal.reason = reason;
-            //@ts-ignore
-            this.signal.aborted = true;
-            //@ts-ignore
-            for (const fn of this.signal._onabort) {
-                fn(reason);
-            }
-            this.signal.onabort?.(reason);
-        }
-    };
-    let printACPolyfillWarning = PROCESS.env?.LRU_CACHE_IGNORE_AC_WARNING !== '1';
-    const warnACPolyfill = () => {
-        if (!printACPolyfillWarning)
-            return;
-        printACPolyfillWarning = false;
-        emitWarning('AbortController is not defined. If using lru-cache in ' +
-            'node 14, load an AbortController polyfill from the ' +
-            '`node-abort-controller` package. A minimal polyfill is ' +
-            'provided for use by LRUCache.fetch(), but it should not be ' +
-            'relied upon in other contexts (eg, passing it to other APIs that ' +
-            'use AbortController/AbortSignal might have undesirable effects). ' +
-            'You may disable this with LRU_CACHE_IGNORE_AC_WARNING=1 in the env.', 'NO_ABORT_CONTROLLER', 'ENOTSUP', warnACPolyfill);
-    };
-}
-/* c8 ignore stop */
-const shouldWarn = (code) => !warned.has(code);
-const isPosInt = (n) => n && n === Math.floor(n) && n > 0 && isFinite(n);
-/* c8 ignore start */
-// This is a little bit ridiculous, tbh.
-// The maximum array length is 2^32-1 or thereabouts on most JS impls.
-// And well before that point, you're caching the entire world, I mean,
-// that's ~32GB of just integers for the next/prev links, plus whatever
-// else to hold that many keys and values.  Just filling the memory with
-// zeroes at init time is brutal when you get that big.
-// But why not be complete?
-// Maybe in the future, these limits will have expanded.
-const getUintArray = (max) => !isPosInt(max)
-    ? null
-    : max <= Math.pow(2, 8)
-        ? Uint8Array
-        : max <= Math.pow(2, 16)
-            ? Uint16Array
-            : max <= Math.pow(2, 32)
-                ? Uint32Array
-                : max <= Number.MAX_SAFE_INTEGER
-                    ? ZeroArray
-                    : null;
-/* c8 ignore stop */
-class ZeroArray extends Array {
-    constructor(size) {
-        super(size);
-        this.fill(0);
-    }
-}
-class Stack {
-    heap;
-    length;
-    // private constructor
-    static #constructing = false;
-    static create(max) {
-        const HeapCls = getUintArray(max);
-        if (!HeapCls)
-            return [];
-        Stack.#constructing = true;
-        const s = new Stack(max, HeapCls);
-        Stack.#constructing = false;
-        return s;
-    }
-    constructor(max, HeapCls) {
-        /* c8 ignore start */
-        if (!Stack.#constructing) {
-            throw new TypeError('instantiate Stack using Stack.create(n)');
-        }
-        /* c8 ignore stop */
-        this.heap = new HeapCls(max);
-        this.length = 0;
-    }
-    push(n) {
-        this.heap[this.length++] = n;
-    }
-    pop() {
-        return this.heap[--this.length];
-    }
-}
-/**
- * Default export, the thing you're using this module to get.
- *
- * All properties from the options object (with the exception of
- * {@link OptionsBase.max} and {@link OptionsBase.maxSize}) are added as
- * normal public members. (`max` and `maxBase` are read-only getters.)
- * Changing any of these will alter the defaults for subsequent method calls,
- * but is otherwise safe.
- */
-class LRUCache {
-    // properties coming in from the options of these, only max and maxSize
-    // really *need* to be protected. The rest can be modified, as they just
-    // set defaults for various methods.
-    #max;
-    #maxSize;
-    #dispose;
-    #disposeAfter;
-    #fetchMethod;
-    /**
-     * {@link LRUCache.OptionsBase.ttl}
-     */
-    ttl;
-    /**
-     * {@link LRUCache.OptionsBase.ttlResolution}
-     */
-    ttlResolution;
-    /**
-     * {@link LRUCache.OptionsBase.ttlAutopurge}
-     */
-    ttlAutopurge;
-    /**
-     * {@link LRUCache.OptionsBase.updateAgeOnGet}
-     */
-    updateAgeOnGet;
-    /**
-     * {@link LRUCache.OptionsBase.updateAgeOnHas}
-     */
-    updateAgeOnHas;
-    /**
-     * {@link LRUCache.OptionsBase.allowStale}
-     */
-    allowStale;
-    /**
-     * {@link LRUCache.OptionsBase.noDisposeOnSet}
-     */
-    noDisposeOnSet;
-    /**
-     * {@link LRUCache.OptionsBase.noUpdateTTL}
-     */
-    noUpdateTTL;
-    /**
-     * {@link LRUCache.OptionsBase.maxEntrySize}
-     */
-    maxEntrySize;
-    /**
-     * {@link LRUCache.OptionsBase.sizeCalculation}
-     */
-    sizeCalculation;
-    /**
-     * {@link LRUCache.OptionsBase.noDeleteOnFetchRejection}
-     */
-    noDeleteOnFetchRejection;
-    /**
-     * {@link LRUCache.OptionsBase.noDeleteOnStaleGet}
-     */
-    noDeleteOnStaleGet;
-    /**
-     * {@link LRUCache.OptionsBase.allowStaleOnFetchAbort}
-     */
-    allowStaleOnFetchAbort;
-    /**
-     * {@link LRUCache.OptionsBase.allowStaleOnFetchRejection}
-     */
-    allowStaleOnFetchRejection;
-    /**
-     * {@link LRUCache.OptionsBase.ignoreFetchAbort}
-     */
-    ignoreFetchAbort;
-    // computed properties
-    #size;
-    #calculatedSize;
-    #keyMap;
-    #keyList;
-    #valList;
-    #next;
-    #prev;
-    #head;
-    #tail;
-    #free;
-    #disposed;
-    #sizes;
-    #starts;
-    #ttls;
-    #hasDispose;
-    #hasFetchMethod;
-    #hasDisposeAfter;
-    /**
-     * Do not call this method unless you need to inspect the
-     * inner workings of the cache.  If anything returned by this
-     * object is modified in any way, strange breakage may occur.
-     *
-     * These fields are private for a reason!
-     *
-     * @internal
-     */
-    static unsafeExposeInternals(c) {
-        return {
-            // properties
-            starts: c.#starts,
-            ttls: c.#ttls,
-            sizes: c.#sizes,
-            keyMap: c.#keyMap,
-            keyList: c.#keyList,
-            valList: c.#valList,
-            next: c.#next,
-            prev: c.#prev,
-            get head() {
-                return c.#head;
-            },
-            get tail() {
-                return c.#tail;
-            },
-            free: c.#free,
-            // methods
-            isBackgroundFetch: (p) => c.#isBackgroundFetch(p),
-            backgroundFetch: (k, index, options, context) => c.#backgroundFetch(k, index, options, context),
-            moveToTail: (index) => c.#moveToTail(index),
-            indexes: (options) => c.#indexes(options),
-            rindexes: (options) => c.#rindexes(options),
-            isStale: (index) => c.#isStale(index),
-        };
-    }
-    // Protected read-only members
-    /**
-     * {@link LRUCache.OptionsBase.max} (read-only)
-     */
-    get max() {
-        return this.#max;
-    }
-    /**
-     * {@link LRUCache.OptionsBase.maxSize} (read-only)
-     */
-    get maxSize() {
-        return this.#maxSize;
-    }
-    /**
-     * The total computed size of items in the cache (read-only)
-     */
-    get calculatedSize() {
-        return this.#calculatedSize;
-    }
-    /**
-     * The number of items stored in the cache (read-only)
-     */
-    get size() {
-        return this.#size;
-    }
-    /**
-     * {@link LRUCache.OptionsBase.fetchMethod} (read-only)
-     */
-    get fetchMethod() {
-        return this.#fetchMethod;
-    }
-    /**
-     * {@link LRUCache.OptionsBase.dispose} (read-only)
-     */
-    get dispose() {
-        return this.#dispose;
-    }
-    /**
-     * {@link LRUCache.OptionsBase.disposeAfter} (read-only)
-     */
-    get disposeAfter() {
-        return this.#disposeAfter;
-    }
-    constructor(options) {
-        const { max = 0, ttl, ttlResolution = 1, ttlAutopurge, updateAgeOnGet, updateAgeOnHas, allowStale, dispose, disposeAfter, noDisposeOnSet, noUpdateTTL, maxSize = 0, maxEntrySize = 0, sizeCalculation, fetchMethod, noDeleteOnFetchRejection, noDeleteOnStaleGet, allowStaleOnFetchRejection, allowStaleOnFetchAbort, ignoreFetchAbort, } = options;
-        if (max !== 0 && !isPosInt(max)) {
-            throw new TypeError('max option must be a nonnegative integer');
-        }
-        const UintArray = max ? getUintArray(max) : Array;
-        if (!UintArray) {
-            throw new Error('invalid max value: ' + max);
-        }
-        this.#max = max;
-        this.#maxSize = maxSize;
-        this.maxEntrySize = maxEntrySize || this.#maxSize;
-        this.sizeCalculation = sizeCalculation;
-        if (this.sizeCalculation) {
-            if (!this.#maxSize && !this.maxEntrySize) {
-                throw new TypeError('cannot set sizeCalculation without setting maxSize or maxEntrySize');
-            }
-            if (typeof this.sizeCalculation !== 'function') {
-                throw new TypeError('sizeCalculation set to non-function');
-            }
-        }
-        if (fetchMethod !== undefined &&
-            typeof fetchMethod !== 'function') {
-            throw new TypeError('fetchMethod must be a function if specified');
-        }
-        this.#fetchMethod = fetchMethod;
-        this.#hasFetchMethod = !!fetchMethod;
-        this.#keyMap = new Map();
-        this.#keyList = new Array(max).fill(undefined);
-        this.#valList = new Array(max).fill(undefined);
-        this.#next = new UintArray(max);
-        this.#prev = new UintArray(max);
-        this.#head = 0;
-        this.#tail = 0;
-        this.#free = Stack.create(max);
-        this.#size = 0;
-        this.#calculatedSize = 0;
-        if (typeof dispose === 'function') {
-            this.#dispose = dispose;
-        }
-        if (typeof disposeAfter === 'function') {
-            this.#disposeAfter = disposeAfter;
-            this.#disposed = [];
-        }
-        else {
-            this.#disposeAfter = undefined;
-            this.#disposed = undefined;
-        }
-        this.#hasDispose = !!this.#dispose;
-        this.#hasDisposeAfter = !!this.#disposeAfter;
-        this.noDisposeOnSet = !!noDisposeOnSet;
-        this.noUpdateTTL = !!noUpdateTTL;
-        this.noDeleteOnFetchRejection = !!noDeleteOnFetchRejection;
-        this.allowStaleOnFetchRejection = !!allowStaleOnFetchRejection;
-        this.allowStaleOnFetchAbort = !!allowStaleOnFetchAbort;
-        this.ignoreFetchAbort = !!ignoreFetchAbort;
-        // NB: maxEntrySize is set to maxSize if it's set
-        if (this.maxEntrySize !== 0) {
-            if (this.#maxSize !== 0) {
-                if (!isPosInt(this.#maxSize)) {
-                    throw new TypeError('maxSize must be a positive integer if specified');
-                }
-            }
-            if (!isPosInt(this.maxEntrySize)) {
-                throw new TypeError('maxEntrySize must be a positive integer if specified');
-            }
-            this.#initializeSizeTracking();
-        }
-        this.allowStale = !!allowStale;
-        this.noDeleteOnStaleGet = !!noDeleteOnStaleGet;
-        this.updateAgeOnGet = !!updateAgeOnGet;
-        this.updateAgeOnHas = !!updateAgeOnHas;
-        this.ttlResolution =
-            isPosInt(ttlResolution) || ttlResolution === 0
-                ? ttlResolution
-                : 1;
-        this.ttlAutopurge = !!ttlAutopurge;
-        this.ttl = ttl || 0;
-        if (this.ttl) {
-            if (!isPosInt(this.ttl)) {
-                throw new TypeError('ttl must be a positive integer if specified');
-            }
-            this.#initializeTTLTracking();
-        }
-        // do not allow completely unbounded caches
-        if (this.#max === 0 && this.ttl === 0 && this.#maxSize === 0) {
-            throw new TypeError('At least one of max, maxSize, or ttl is required');
-        }
-        if (!this.ttlAutopurge && !this.#max && !this.#maxSize) {
-            const code = 'LRU_CACHE_UNBOUNDED';
-            if (shouldWarn(code)) {
-                warned.add(code);
-                const msg = 'TTL caching without ttlAutopurge, max, or maxSize can ' +
-                    'result in unbounded memory consumption.';
-                emitWarning(msg, 'UnboundedCacheWarning', code, LRUCache);
-            }
-        }
-    }
-    /**
-     * Return the remaining TTL time for a given entry key
-     */
-    getRemainingTTL(key) {
-        return this.#keyMap.has(key) ? Infinity : 0;
-    }
-    #initializeTTLTracking() {
-        const ttls = new ZeroArray(this.#max);
-        const starts = new ZeroArray(this.#max);
-        this.#ttls = ttls;
-        this.#starts = starts;
-        this.#setItemTTL = (index, ttl, start = perf.now()) => {
-            starts[index] = ttl !== 0 ? start : 0;
-            ttls[index] = ttl;
-            if (ttl !== 0 && this.ttlAutopurge) {
-                const t = setTimeout(() => {
-                    if (this.#isStale(index)) {
-                        this.delete(this.#keyList[index]);
-                    }
-                }, ttl + 1);
-                // unref() not supported on all platforms
-                /* c8 ignore start */
-                if (t.unref) {
-                    t.unref();
-                }
-                /* c8 ignore stop */
-            }
-        };
-        this.#updateItemAge = index => {
-            starts[index] = ttls[index] !== 0 ? perf.now() : 0;
-        };
-        this.#statusTTL = (status, index) => {
-            if (ttls[index]) {
-                const ttl = ttls[index];
-                const start = starts[index];
-                /* c8 ignore next */
-                if (!ttl || !start)
-                    return;
-                status.ttl = ttl;
-                status.start = start;
-                status.now = cachedNow || getNow();
-                const age = status.now - start;
-                status.remainingTTL = ttl - age;
-            }
-        };
-        // debounce calls to perf.now() to 1s so we're not hitting
-        // that costly call repeatedly.
-        let cachedNow = 0;
-        const getNow = () => {
-            const n = perf.now();
-            if (this.ttlResolution > 0) {
-                cachedNow = n;
-                const t = setTimeout(() => (cachedNow = 0), this.ttlResolution);
-                // not available on all platforms
-                /* c8 ignore start */
-                if (t.unref) {
-                    t.unref();
-                }
-                /* c8 ignore stop */
-            }
-            return n;
-        };
-        this.getRemainingTTL = key => {
-            const index = this.#keyMap.get(key);
-            if (index === undefined) {
-                return 0;
-            }
-            const ttl = ttls[index];
-            const start = starts[index];
-            if (!ttl || !start) {
-                return Infinity;
-            }
-            const age = (cachedNow || getNow()) - start;
-            return ttl - age;
-        };
-        this.#isStale = index => {
-            const s = starts[index];
-            const t = ttls[index];
-            return !!t && !!s && (cachedNow || getNow()) - s > t;
-        };
-    }
-    // conditionally set private methods related to TTL
-    #updateItemAge = () => { };
-    #statusTTL = () => { };
-    #setItemTTL = () => { };
-    /* c8 ignore stop */
-    #isStale = () => false;
-    #initializeSizeTracking() {
-        const sizes = new ZeroArray(this.#max);
-        this.#calculatedSize = 0;
-        this.#sizes = sizes;
-        this.#removeItemSize = index => {
-            this.#calculatedSize -= sizes[index];
-            sizes[index] = 0;
-        };
-        this.#requireSize = (k, v, size, sizeCalculation) => {
-            // provisionally accept background fetches.
-            // actual value size will be checked when they return.
-            if (this.#isBackgroundFetch(v)) {
-                return 0;
-            }
-            if (!isPosInt(size)) {
-                if (sizeCalculation) {
-                    if (typeof sizeCalculation !== 'function') {
-                        throw new TypeError('sizeCalculation must be a function');
-                    }
-                    size = sizeCalculation(v, k);
-                    if (!isPosInt(size)) {
-                        throw new TypeError('sizeCalculation return invalid (expect positive integer)');
-                    }
-                }
-                else {
-                    throw new TypeError('invalid size value (must be positive integer). ' +
-                        'When maxSize or maxEntrySize is used, sizeCalculation ' +
-                        'or size must be set.');
-                }
-            }
-            return size;
-        };
-        this.#addItemSize = (index, size, status) => {
-            sizes[index] = size;
-            if (this.#maxSize) {
-                const maxSize = this.#maxSize - sizes[index];
-                while (this.#calculatedSize > maxSize) {
-                    this.#evict(true);
-                }
-            }
-            this.#calculatedSize += sizes[index];
-            if (status) {
-                status.entrySize = size;
-                status.totalCalculatedSize = this.#calculatedSize;
-            }
-        };
-    }
-    #removeItemSize = _i => { };
-    #addItemSize = (_i, _s, _st) => { };
-    #requireSize = (_k, _v, size, sizeCalculation) => {
-        if (size || sizeCalculation) {
-            throw new TypeError('cannot set size without setting maxSize or maxEntrySize on cache');
-        }
-        return 0;
-    };
-    *#indexes({ allowStale = this.allowStale } = {}) {
-        if (this.#size) {
-            for (let i = this.#tail; true;) {
-                if (!this.#isValidIndex(i)) {
-                    break;
-                }
-                if (allowStale || !this.#isStale(i)) {
-                    yield i;
-                }
-                if (i === this.#head) {
-                    break;
-                }
-                else {
-                    i = this.#prev[i];
-                }
-            }
-        }
-    }
-    *#rindexes({ allowStale = this.allowStale } = {}) {
-        if (this.#size) {
-            for (let i = this.#head; true;) {
-                if (!this.#isValidIndex(i)) {
-                    break;
-                }
-                if (allowStale || !this.#isStale(i)) {
-                    yield i;
-                }
-                if (i === this.#tail) {
-                    break;
-                }
-                else {
-                    i = this.#next[i];
-                }
-            }
-        }
-    }
-    #isValidIndex(index) {
-        return (index !== undefined &&
-            this.#keyMap.get(this.#keyList[index]) === index);
-    }
-    /**
-     * Return a generator yielding `[key, value]` pairs,
-     * in order from most recently used to least recently used.
-     */
-    *entries() {
-        for (const i of this.#indexes()) {
-            if (this.#valList[i] !== undefined &&
-                this.#keyList[i] !== undefined &&
-                !this.#isBackgroundFetch(this.#valList[i])) {
-                yield [this.#keyList[i], this.#valList[i]];
-            }
-        }
-    }
-    /**
-     * Inverse order version of {@link LRUCache.entries}
-     *
-     * Return a generator yielding `[key, value]` pairs,
-     * in order from least recently used to most recently used.
-     */
-    *rentries() {
-        for (const i of this.#rindexes()) {
-            if (this.#valList[i] !== undefined &&
-                this.#keyList[i] !== undefined &&
-                !this.#isBackgroundFetch(this.#valList[i])) {
-                yield [this.#keyList[i], this.#valList[i]];
-            }
-        }
-    }
-    /**
-     * Return a generator yielding the keys in the cache,
-     * in order from most recently used to least recently used.
-     */
-    *keys() {
-        for (const i of this.#indexes()) {
-            const k = this.#keyList[i];
-            if (k !== undefined &&
-                !this.#isBackgroundFetch(this.#valList[i])) {
-                yield k;
-            }
-        }
-    }
-    /**
-     * Inverse order version of {@link LRUCache.keys}
-     *
-     * Return a generator yielding the keys in the cache,
-     * in order from least recently used to most recently used.
-     */
-    *rkeys() {
-        for (const i of this.#rindexes()) {
-            const k = this.#keyList[i];
-            if (k !== undefined &&
-                !this.#isBackgroundFetch(this.#valList[i])) {
-                yield k;
-            }
-        }
-    }
-    /**
-     * Return a generator yielding the values in the cache,
-     * in order from most recently used to least recently used.
-     */
-    *values() {
-        for (const i of this.#indexes()) {
-            const v = this.#valList[i];
-            if (v !== undefined &&
-                !this.#isBackgroundFetch(this.#valList[i])) {
-                yield this.#valList[i];
-            }
-        }
-    }
-    /**
-     * Inverse order version of {@link LRUCache.values}
-     *
-     * Return a generator yielding the values in the cache,
-     * in order from least recently used to most recently used.
-     */
-    *rvalues() {
-        for (const i of this.#rindexes()) {
-            const v = this.#valList[i];
-            if (v !== undefined &&
-                !this.#isBackgroundFetch(this.#valList[i])) {
-                yield this.#valList[i];
-            }
-        }
-    }
-    /**
-     * Iterating over the cache itself yields the same results as
-     * {@link LRUCache.entries}
-     */
-    [Symbol.iterator]() {
-        return this.entries();
-    }
-    /**
-     * A String value that is used in the creation of the default string description of an object.
-     * Called by the built-in method Object.prototype.toString.
-     */
-    [Symbol.toStringTag] = 'LRUCache';
-    /**
-     * Find a value for which the supplied fn method returns a truthy value,
-     * similar to Array.find().  fn is called as fn(value, key, cache).
-     */
-    find(fn, getOptions = {}) {
-        for (const i of this.#indexes()) {
-            const v = this.#valList[i];
-            const value = this.#isBackgroundFetch(v)
-                ? v.__staleWhileFetching
-                : v;
-            if (value === undefined)
-                continue;
-            if (fn(value, this.#keyList[i], this)) {
-                return this.get(this.#keyList[i], getOptions);
-            }
-        }
-    }
-    /**
-     * Call the supplied function on each item in the cache, in order from
-     * most recently used to least recently used.  fn is called as
-     * fn(value, key, cache).  Does not update age or recenty of use.
-     * Does not iterate over stale values.
-     */
-    forEach(fn, thisp = this) {
-        for (const i of this.#indexes()) {
-            const v = this.#valList[i];
-            const value = this.#isBackgroundFetch(v)
-                ? v.__staleWhileFetching
-                : v;
-            if (value === undefined)
-                continue;
-            fn.call(thisp, value, this.#keyList[i], this);
-        }
-    }
-    /**
-     * The same as {@link LRUCache.forEach} but items are iterated over in
-     * reverse order.  (ie, less recently used items are iterated over first.)
-     */
-    rforEach(fn, thisp = this) {
-        for (const i of this.#rindexes()) {
-            const v = this.#valList[i];
-            const value = this.#isBackgroundFetch(v)
-                ? v.__staleWhileFetching
-                : v;
-            if (value === undefined)
-                continue;
-            fn.call(thisp, value, this.#keyList[i], this);
-        }
-    }
-    /**
-     * Delete any stale entries. Returns true if anything was removed,
-     * false otherwise.
-     */
-    purgeStale() {
-        let deleted = false;
-        for (const i of this.#rindexes({ allowStale: true })) {
-            if (this.#isStale(i)) {
-                this.delete(this.#keyList[i]);
-                deleted = true;
-            }
-        }
-        return deleted;
-    }
-    /**
-     * Get the extended info about a given entry, to get its value, size, and
-     * TTL info simultaneously. Like {@link LRUCache#dump}, but just for a
-     * single key. Always returns stale values, if their info is found in the
-     * cache, so be sure to check for expired TTLs if relevant.
-     */
-    info(key) {
-        const i = this.#keyMap.get(key);
-        if (i === undefined)
-            return undefined;
-        const v = this.#valList[i];
-        const value = this.#isBackgroundFetch(v)
-            ? v.__staleWhileFetching
-            : v;
-        if (value === undefined)
-            return undefined;
-        const entry = { value };
-        if (this.#ttls && this.#starts) {
-            const ttl = this.#ttls[i];
-            const start = this.#starts[i];
-            if (ttl && start) {
-                const remain = ttl - (perf.now() - start);
-                entry.ttl = remain;
-                entry.start = Date.now();
-            }
-        }
-        if (this.#sizes) {
-            entry.size = this.#sizes[i];
-        }
-        return entry;
-    }
-    /**
-     * Return an array of [key, {@link LRUCache.Entry}] tuples which can be
-     * passed to cache.load()
-     */
-    dump() {
-        const arr = [];
-        for (const i of this.#indexes({ allowStale: true })) {
-            const key = this.#keyList[i];
-            const v = this.#valList[i];
-            const value = this.#isBackgroundFetch(v)
-                ? v.__staleWhileFetching
-                : v;
-            if (value === undefined || key === undefined)
-                continue;
-            const entry = { value };
-            if (this.#ttls && this.#starts) {
-                entry.ttl = this.#ttls[i];
-                // always dump the start relative to a portable timestamp
-                // it's ok for this to be a bit slow, it's a rare operation.
-                const age = perf.now() - this.#starts[i];
-                entry.start = Math.floor(Date.now() - age);
-            }
-            if (this.#sizes) {
-                entry.size = this.#sizes[i];
-            }
-            arr.unshift([key, entry]);
-        }
-        return arr;
-    }
-    /**
-     * Reset the cache and load in the items in entries in the order listed.
-     * Note that the shape of the resulting cache may be different if the
-     * same options are not used in both caches.
-     */
-    load(arr) {
-        this.clear();
-        for (const [key, entry] of arr) {
-            if (entry.start) {
-                // entry.start is a portable timestamp, but we may be using
-                // node's performance.now(), so calculate the offset, so that
-                // we get the intended remaining TTL, no matter how long it's
-                // been on ice.
-                //
-                // it's ok for this to be a bit slow, it's a rare operation.
-                const age = Date.now() - entry.start;
-                entry.start = perf.now() - age;
-            }
-            this.set(key, entry.value, entry);
-        }
-    }
-    /**
-     * Add a value to the cache.
-     *
-     * Note: if `undefined` is specified as a value, this is an alias for
-     * {@link LRUCache#delete}
-     */
-    set(k, v, setOptions = {}) {
-        if (v === undefined) {
-            this.delete(k);
-            return this;
-        }
-        const { ttl = this.ttl, start, noDisposeOnSet = this.noDisposeOnSet, sizeCalculation = this.sizeCalculation, status, } = setOptions;
-        let { noUpdateTTL = this.noUpdateTTL } = setOptions;
-        const size = this.#requireSize(k, v, setOptions.size || 0, sizeCalculation);
-        // if the item doesn't fit, don't do anything
-        // NB: maxEntrySize set to maxSize by default
-        if (this.maxEntrySize && size > this.maxEntrySize) {
-            if (status) {
-                status.set = 'miss';
-                status.maxEntrySizeExceeded = true;
-            }
-            // have to delete, in case something is there already.
-            this.delete(k);
-            return this;
-        }
-        let index = this.#size === 0 ? undefined : this.#keyMap.get(k);
-        if (index === undefined) {
-            // addition
-            index = (this.#size === 0
-                ? this.#tail
-                : this.#free.length !== 0
-                    ? this.#free.pop()
-                    : this.#size === this.#max
-                        ? this.#evict(false)
-                        : this.#size);
-            this.#keyList[index] = k;
-            this.#valList[index] = v;
-            this.#keyMap.set(k, index);
-            this.#next[this.#tail] = index;
-            this.#prev[index] = this.#tail;
-            this.#tail = index;
-            this.#size++;
-            this.#addItemSize(index, size, status);
-            if (status)
-                status.set = 'add';
-            noUpdateTTL = false;
-        }
-        else {
-            // update
-            this.#moveToTail(index);
-            const oldVal = this.#valList[index];
-            if (v !== oldVal) {
-                if (this.#hasFetchMethod && this.#isBackgroundFetch(oldVal)) {
-                    oldVal.__abortController.abort(new Error('replaced'));
-                    const { __staleWhileFetching: s } = oldVal;
-                    if (s !== undefined && !noDisposeOnSet) {
-                        if (this.#hasDispose) {
-                            this.#dispose?.(s, k, 'set');
-                        }
-                        if (this.#hasDisposeAfter) {
-                            this.#disposed?.push([s, k, 'set']);
-                        }
-                    }
-                }
-                else if (!noDisposeOnSet) {
-                    if (this.#hasDispose) {
-                        this.#dispose?.(oldVal, k, 'set');
-                    }
-                    if (this.#hasDisposeAfter) {
-                        this.#disposed?.push([oldVal, k, 'set']);
-                    }
-                }
-                this.#removeItemSize(index);
-                this.#addItemSize(index, size, status);
-                this.#valList[index] = v;
-                if (status) {
-                    status.set = 'replace';
-                    const oldValue = oldVal && this.#isBackgroundFetch(oldVal)
-                        ? oldVal.__staleWhileFetching
-                        : oldVal;
-                    if (oldValue !== undefined)
-                        status.oldValue = oldValue;
-                }
-            }
-            else if (status) {
-                status.set = 'update';
-            }
-        }
-        if (ttl !== 0 && !this.#ttls) {
-            this.#initializeTTLTracking();
-        }
-        if (this.#ttls) {
-            if (!noUpdateTTL) {
-                this.#setItemTTL(index, ttl, start);
-            }
-            if (status)
-                this.#statusTTL(status, index);
-        }
-        if (!noDisposeOnSet && this.#hasDisposeAfter && this.#disposed) {
-            const dt = this.#disposed;
-            let task;
-            while ((task = dt?.shift())) {
-                this.#disposeAfter?.(...task);
-            }
-        }
-        return this;
-    }
-    /**
-     * Evict the least recently used item, returning its value or
-     * `undefined` if cache is empty.
-     */
-    pop() {
-        try {
-            while (this.#size) {
-                const val = this.#valList[this.#head];
-                this.#evict(true);
-                if (this.#isBackgroundFetch(val)) {
-                    if (val.__staleWhileFetching) {
-                        return val.__staleWhileFetching;
-                    }
-                }
-                else if (val !== undefined) {
-                    return val;
-                }
-            }
-        }
-        finally {
-            if (this.#hasDisposeAfter && this.#disposed) {
-                const dt = this.#disposed;
-                let task;
-                while ((task = dt?.shift())) {
-                    this.#disposeAfter?.(...task);
-                }
-            }
-        }
-    }
-    #evict(free) {
-        const head = this.#head;
-        const k = this.#keyList[head];
-        const v = this.#valList[head];
-        if (this.#hasFetchMethod && this.#isBackgroundFetch(v)) {
-            v.__abortController.abort(new Error('evicted'));
-        }
-        else if (this.#hasDispose || this.#hasDisposeAfter) {
-            if (this.#hasDispose) {
-                this.#dispose?.(v, k, 'evict');
-            }
-            if (this.#hasDisposeAfter) {
-                this.#disposed?.push([v, k, 'evict']);
-            }
-        }
-        this.#removeItemSize(head);
-        // if we aren't about to use the index, then null these out
-        if (free) {
-            this.#keyList[head] = undefined;
-            this.#valList[head] = undefined;
-            this.#free.push(head);
-        }
-        if (this.#size === 1) {
-            this.#head = this.#tail = 0;
-            this.#free.length = 0;
-        }
-        else {
-            this.#head = this.#next[head];
-        }
-        this.#keyMap.delete(k);
-        this.#size--;
-        return head;
-    }
-    /**
-     * Check if a key is in the cache, without updating the recency of use.
-     * Will return false if the item is stale, even though it is technically
-     * in the cache.
-     *
-     * Will not update item age unless
-     * {@link LRUCache.OptionsBase.updateAgeOnHas} is set.
-     */
-    has(k, hasOptions = {}) {
-        const { updateAgeOnHas = this.updateAgeOnHas, status } = hasOptions;
-        const index = this.#keyMap.get(k);
-        if (index !== undefined) {
-            const v = this.#valList[index];
-            if (this.#isBackgroundFetch(v) &&
-                v.__staleWhileFetching === undefined) {
-                return false;
-            }
-            if (!this.#isStale(index)) {
-                if (updateAgeOnHas) {
-                    this.#updateItemAge(index);
-                }
-                if (status) {
-                    status.has = 'hit';
-                    this.#statusTTL(status, index);
-                }
-                return true;
-            }
-            else if (status) {
-                status.has = 'stale';
-                this.#statusTTL(status, index);
-            }
-        }
-        else if (status) {
-            status.has = 'miss';
-        }
-        return false;
-    }
-    /**
-     * Like {@link LRUCache#get} but doesn't update recency or delete stale
-     * items.
-     *
-     * Returns `undefined` if the item is stale, unless
-     * {@link LRUCache.OptionsBase.allowStale} is set.
-     */
-    peek(k, peekOptions = {}) {
-        const { allowStale = this.allowStale } = peekOptions;
-        const index = this.#keyMap.get(k);
-        if (index === undefined ||
-            (!allowStale && this.#isStale(index))) {
-            return;
-        }
-        const v = this.#valList[index];
-        // either stale and allowed, or forcing a refresh of non-stale value
-        return this.#isBackgroundFetch(v) ? v.__staleWhileFetching : v;
-    }
-    #backgroundFetch(k, index, options, context) {
-        const v = index === undefined ? undefined : this.#valList[index];
-        if (this.#isBackgroundFetch(v)) {
-            return v;
-        }
-        const ac = new AC();
-        const { signal } = options;
-        // when/if our AC signals, then stop listening to theirs.
-        signal?.addEventListener('abort', () => ac.abort(signal.reason), {
-            signal: ac.signal,
-        });
-        const fetchOpts = {
-            signal: ac.signal,
-            options,
-            context,
-        };
-        const cb = (v, updateCache = false) => {
-            const { aborted } = ac.signal;
-            const ignoreAbort = options.ignoreFetchAbort && v !== undefined;
-            if (options.status) {
-                if (aborted && !updateCache) {
-                    options.status.fetchAborted = true;
-                    options.status.fetchError = ac.signal.reason;
-                    if (ignoreAbort)
-                        options.status.fetchAbortIgnored = true;
-                }
-                else {
-                    options.status.fetchResolved = true;
-                }
-            }
-            if (aborted && !ignoreAbort && !updateCache) {
-                return fetchFail(ac.signal.reason);
-            }
-            // either we didn't abort, and are still here, or we did, and ignored
-            const bf = p;
-            if (this.#valList[index] === p) {
-                if (v === undefined) {
-                    if (bf.__staleWhileFetching) {
-                        this.#valList[index] = bf.__staleWhileFetching;
-                    }
-                    else {
-                        this.delete(k);
-                    }
-                }
-                else {
-                    if (options.status)
-                        options.status.fetchUpdated = true;
-                    this.set(k, v, fetchOpts.options);
-                }
-            }
-            return v;
-        };
-        const eb = (er) => {
-            if (options.status) {
-                options.status.fetchRejected = true;
-                options.status.fetchError = er;
-            }
-            return fetchFail(er);
-        };
-        const fetchFail = (er) => {
-            const { aborted } = ac.signal;
-            const allowStaleAborted = aborted && options.allowStaleOnFetchAbort;
-            const allowStale = allowStaleAborted || options.allowStaleOnFetchRejection;
-            const noDelete = allowStale || options.noDeleteOnFetchRejection;
-            const bf = p;
-            if (this.#valList[index] === p) {
-                // if we allow stale on fetch rejections, then we need to ensure that
-                // the stale value is not removed from the cache when the fetch fails.
-                const del = !noDelete || bf.__staleWhileFetching === undefined;
-                if (del) {
-                    this.delete(k);
-                }
-                else if (!allowStaleAborted) {
-                    // still replace the *promise* with the stale value,
-                    // since we are done with the promise at this point.
-                    // leave it untouched if we're still waiting for an
-                    // aborted background fetch that hasn't yet returned.
-                    this.#valList[index] = bf.__staleWhileFetching;
-                }
-            }
-            if (allowStale) {
-                if (options.status && bf.__staleWhileFetching !== undefined) {
-                    options.status.returnedStale = true;
-                }
-                return bf.__staleWhileFetching;
-            }
-            else if (bf.__returned === bf) {
-                throw er;
-            }
-        };
-        const pcall = (res, rej) => {
-            const fmp = this.#fetchMethod?.(k, v, fetchOpts);
-            if (fmp && fmp instanceof Promise) {
-                fmp.then(v => res(v === undefined ? undefined : v), rej);
-            }
-            // ignored, we go until we finish, regardless.
-            // defer check until we are actually aborting,
-            // so fetchMethod can override.
-            ac.signal.addEventListener('abort', () => {
-                if (!options.ignoreFetchAbort ||
-                    options.allowStaleOnFetchAbort) {
-                    res(undefined);
-                    // when it eventually resolves, update the cache.
-                    if (options.allowStaleOnFetchAbort) {
-                        res = v => cb(v, true);
-                    }
-                }
-            });
-        };
-        if (options.status)
-            options.status.fetchDispatched = true;
-        const p = new Promise(pcall).then(cb, eb);
-        const bf = Object.assign(p, {
-            __abortController: ac,
-            __staleWhileFetching: v,
-            __returned: undefined,
-        });
-        if (index === undefined) {
-            // internal, don't expose status.
-            this.set(k, bf, { ...fetchOpts.options, status: undefined });
-            index = this.#keyMap.get(k);
-        }
-        else {
-            this.#valList[index] = bf;
-        }
-        return bf;
-    }
-    #isBackgroundFetch(p) {
-        if (!this.#hasFetchMethod)
-            return false;
-        const b = p;
-        return (!!b &&
-            b instanceof Promise &&
-            b.hasOwnProperty('__staleWhileFetching') &&
-            b.__abortController instanceof AC);
-    }
-    async fetch(k, fetchOptions = {}) {
-        const { 
-        // get options
-        allowStale = this.allowStale, updateAgeOnGet = this.updateAgeOnGet, noDeleteOnStaleGet = this.noDeleteOnStaleGet, 
-        // set options
-        ttl = this.ttl, noDisposeOnSet = this.noDisposeOnSet, size = 0, sizeCalculation = this.sizeCalculation, noUpdateTTL = this.noUpdateTTL, 
-        // fetch exclusive options
-        noDeleteOnFetchRejection = this.noDeleteOnFetchRejection, allowStaleOnFetchRejection = this.allowStaleOnFetchRejection, ignoreFetchAbort = this.ignoreFetchAbort, allowStaleOnFetchAbort = this.allowStaleOnFetchAbort, context, forceRefresh = false, status, signal, } = fetchOptions;
-        if (!this.#hasFetchMethod) {
-            if (status)
-                status.fetch = 'get';
-            return this.get(k, {
-                allowStale,
-                updateAgeOnGet,
-                noDeleteOnStaleGet,
-                status,
-            });
-        }
-        const options = {
-            allowStale,
-            updateAgeOnGet,
-            noDeleteOnStaleGet,
-            ttl,
-            noDisposeOnSet,
-            size,
-            sizeCalculation,
-            noUpdateTTL,
-            noDeleteOnFetchRejection,
-            allowStaleOnFetchRejection,
-            allowStaleOnFetchAbort,
-            ignoreFetchAbort,
-            status,
-            signal,
-        };
-        let index = this.#keyMap.get(k);
-        if (index === undefined) {
-            if (status)
-                status.fetch = 'miss';
-            const p = this.#backgroundFetch(k, index, options, context);
-            return (p.__returned = p);
-        }
-        else {
-            // in cache, maybe already fetching
-            const v = this.#valList[index];
-            if (this.#isBackgroundFetch(v)) {
-                const stale = allowStale && v.__staleWhileFetching !== undefined;
-                if (status) {
-                    status.fetch = 'inflight';
-                    if (stale)
-                        status.returnedStale = true;
-                }
-                return stale ? v.__staleWhileFetching : (v.__returned = v);
-            }
-            // if we force a refresh, that means do NOT serve the cached value,
-            // unless we are already in the process of refreshing the cache.
-            const isStale = this.#isStale(index);
-            if (!forceRefresh && !isStale) {
-                if (status)
-                    status.fetch = 'hit';
-                this.#moveToTail(index);
-                if (updateAgeOnGet) {
-                    this.#updateItemAge(index);
-                }
-                if (status)
-                    this.#statusTTL(status, index);
-                return v;
-            }
-            // ok, it is stale or a forced refresh, and not already fetching.
-            // refresh the cache.
-            const p = this.#backgroundFetch(k, index, options, context);
-            const hasStale = p.__staleWhileFetching !== undefined;
-            const staleVal = hasStale && allowStale;
-            if (status) {
-                status.fetch = isStale ? 'stale' : 'refresh';
-                if (staleVal && isStale)
-                    status.returnedStale = true;
-            }
-            return staleVal ? p.__staleWhileFetching : (p.__returned = p);
-        }
-    }
-    /**
-     * Return a value from the cache. Will update the recency of the cache
-     * entry found.
-     *
-     * If the key is not found, get() will return `undefined`.
-     */
-    get(k, getOptions = {}) {
-        const { allowStale = this.allowStale, updateAgeOnGet = this.updateAgeOnGet, noDeleteOnStaleGet = this.noDeleteOnStaleGet, status, } = getOptions;
-        const index = this.#keyMap.get(k);
-        if (index !== undefined) {
-            const value = this.#valList[index];
-            const fetching = this.#isBackgroundFetch(value);
-            if (status)
-                this.#statusTTL(status, index);
-            if (this.#isStale(index)) {
-                if (status)
-                    status.get = 'stale';
-                // delete only if not an in-flight background fetch
-                if (!fetching) {
-                    if (!noDeleteOnStaleGet) {
-                        this.delete(k);
-                    }
-                    if (status && allowStale)
-                        status.returnedStale = true;
-                    return allowStale ? value : undefined;
-                }
-                else {
-                    if (status &&
-                        allowStale &&
-                        value.__staleWhileFetching !== undefined) {
-                        status.returnedStale = true;
-                    }
-                    return allowStale ? value.__staleWhileFetching : undefined;
-                }
-            }
-            else {
-                if (status)
-                    status.get = 'hit';
-                // if we're currently fetching it, we don't actually have it yet
-                // it's not stale, which means this isn't a staleWhileRefetching.
-                // If it's not stale, and fetching, AND has a __staleWhileFetching
-                // value, then that means the user fetched with {forceRefresh:true},
-                // so it's safe to return that value.
-                if (fetching) {
-                    return value.__staleWhileFetching;
-                }
-                this.#moveToTail(index);
-                if (updateAgeOnGet) {
-                    this.#updateItemAge(index);
-                }
-                return value;
-            }
-        }
-        else if (status) {
-            status.get = 'miss';
-        }
-    }
-    #connect(p, n) {
-        this.#prev[n] = p;
-        this.#next[p] = n;
+/******************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+/* global Reflect, Promise, SuppressedError, Symbol */
+
+
+function __rest(s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+}
+
+function __classPrivateFieldGet$1(receiver, state, kind, f) {
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+}
+
+function __classPrivateFieldSet$1(receiver, state, value, kind, f) {
+    if (kind === "m") throw new TypeError("Private method is not writable");
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+}
+
+typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+    var e = new Error(message);
+    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+};
+
+/******************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+/* global Reflect, Promise, SuppressedError, Symbol */
+
+
+function __classPrivateFieldGet(receiver, state, kind, f) {
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+}
+
+function __classPrivateFieldSet(receiver, state, value, kind, f) {
+    if (kind === "m") throw new TypeError("Private method is not writable");
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+}
+
+typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+    var e = new Error(message);
+    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+};
+
+var _Cache_keyArray, _Cache_maxLength;
+class Cache extends Map {
+    constructor() {
+        super(...arguments);
+        _Cache_keyArray.set(this, []);
+        _Cache_maxLength.set(this, 30);
     }
-    #moveToTail(index) {
-        // if tail already, nothing to do
-        // if head, move head to next[index]
-        // else
-        //   move next[prev[index]] to next[index] (head has no prev)
-        //   move prev[next[index]] to prev[index]
-        // prev[index] = tail
-        // next[tail] = index
-        // tail = index
-        if (index !== this.#tail) {
-            if (index === this.#head) {
-                this.#head = this.#next[index];
-            }
-            else {
-                this.#connect(this.#prev[index], this.#next[index]);
-            }
-            this.#connect(this.#tail, index);
-            this.#tail = index;
-        }
+    setMaxLength(length) {
+        __classPrivateFieldSet(this, _Cache_maxLength, length, "f");
+        this._checkLength();
     }
-    /**
-     * Deletes a key out of the cache.
-     * Returns true if the key was deleted, false otherwise.
-     */
-    delete(k) {
-        let deleted = false;
-        if (this.#size !== 0) {
-            const index = this.#keyMap.get(k);
-            if (index !== undefined) {
-                deleted = true;
-                if (this.#size === 1) {
-                    this.clear();
-                }
-                else {
-                    this.#removeItemSize(index);
-                    const v = this.#valList[index];
-                    if (this.#isBackgroundFetch(v)) {
-                        v.__abortController.abort(new Error('deleted'));
-                    }
-                    else if (this.#hasDispose || this.#hasDisposeAfter) {
-                        if (this.#hasDispose) {
-                            this.#dispose?.(v, k, 'delete');
-                        }
-                        if (this.#hasDisposeAfter) {
-                            this.#disposed?.push([v, k, 'delete']);
-                        }
-                    }
-                    this.#keyMap.delete(k);
-                    this.#keyList[index] = undefined;
-                    this.#valList[index] = undefined;
-                    if (index === this.#tail) {
-                        this.#tail = this.#prev[index];
-                    }
-                    else if (index === this.#head) {
-                        this.#head = this.#next[index];
-                    }
-                    else {
-                        const pi = this.#prev[index];
-                        this.#next[pi] = this.#next[index];
-                        const ni = this.#next[index];
-                        this.#prev[ni] = this.#prev[index];
-                    }
-                    this.#size--;
-                    this.#free.push(index);
-                }
-            }
-        }
-        if (this.#hasDisposeAfter && this.#disposed?.length) {
-            const dt = this.#disposed;
-            let task;
-            while ((task = dt?.shift())) {
-                this.#disposeAfter?.(...task);
-            }
-        }
-        return deleted;
+    set(key, value) {
+        if (this.has(key))
+            return this;
+        __classPrivateFieldGet(this, _Cache_keyArray, "f").push(key);
+        this._checkLength();
+        return super.set(key, value);
     }
-    /**
-     * Clear the cache entirely, throwing away all values.
-     */
-    clear() {
-        for (const index of this.#rindexes({ allowStale: true })) {
-            const v = this.#valList[index];
-            if (this.#isBackgroundFetch(v)) {
-                v.__abortController.abort(new Error('deleted'));
-            }
-            else {
-                const k = this.#keyList[index];
-                if (this.#hasDispose) {
-                    this.#dispose?.(v, k, 'delete');
-                }
-                if (this.#hasDisposeAfter) {
-                    this.#disposed?.push([v, k, 'delete']);
-                }
-            }
-        }
-        this.#keyMap.clear();
-        this.#valList.fill(undefined);
-        this.#keyList.fill(undefined);
-        if (this.#ttls && this.#starts) {
-            this.#ttls.fill(0);
-            this.#starts.fill(0);
-        }
-        if (this.#sizes) {
-            this.#sizes.fill(0);
-        }
-        this.#head = 0;
-        this.#tail = 0;
-        this.#free.length = 0;
-        this.#calculatedSize = 0;
-        this.#size = 0;
-        if (this.#hasDisposeAfter && this.#disposed) {
-            const dt = this.#disposed;
-            let task;
-            while ((task = dt?.shift())) {
-                this.#disposeAfter?.(...task);
-            }
+    _checkLength() {
+        while (__classPrivateFieldGet(this, _Cache_keyArray, "f").length > __classPrivateFieldGet(this, _Cache_maxLength, "f")) {
+            const key = __classPrivateFieldGet(this, _Cache_keyArray, "f").shift();
+            this.delete(key);
         }
     }
 }
+_Cache_keyArray = new WeakMap(), _Cache_maxLength = new WeakMap();
 
 const lowlight = lowlight$1.createLowlight(lowlight$1.all);
 lowlight.register("vue", function hljsDefineVue(hljs) {
@@ -1542,23 +210,33 @@ Object.defineProperty(highlighter, "setIgnoreSyntaxHighlightList", {
     },
 });
 
-const map = new LRUCache({ max: 30 });
+var _File_instances, _File_doAST, _File_doCheck;
+const map = new Cache();
+map.setMaxLength(50);
+map.name = "@git-diff-view/core";
+if (typeof globalThis !== "undefined") {
+    if (Array.isArray(globalThis.__diff_cache__)) {
+        globalThis.__diff_cache__ = globalThis.__diff_cache__.filter((i) => i !== map);
+        if (globalThis.__diff_cache__.length > 0) {
+            console.warn("there are multiple instance of @git-diff-view/core in the one environment!");
+        }
+        globalThis.__diff_cache__.push(map);
+    }
+    else {
+        globalThis.__diff_cache__ = [map];
+    }
+}
 class File {
-    raw;
-    lang;
-    fileName;
-    ast;
-    rawFile = {};
-    hasDoRaw = false;
-    rawLength;
-    syntaxFile = {};
-    hasDoSyntax = false;
-    syntaxLength;
-    maxLineNumber = 0;
     constructor(raw, lang, fileName) {
+        _File_instances.add(this);
         this.raw = raw;
         this.lang = lang;
         this.fileName = fileName;
+        this.rawFile = {};
+        this.hasDoRaw = false;
+        this.syntaxFile = {};
+        this.hasDoSyntax = false;
+        this.maxLineNumber = 0;
         Object.defineProperty(this, "__v_skip", { value: true });
     }
     doSyntax({ autoDetectLang, registerHighlighter, }) {
@@ -1592,9 +270,9 @@ class File {
         else {
             this.ast = _highlighter.highlightAuto(this.raw);
         }
-        this.#doAST();
+        __classPrivateFieldGet(this, _File_instances, "m", _File_doAST).call(this);
         {
-            this.#doCheck();
+            __classPrivateFieldGet(this, _File_instances, "m", _File_doCheck).call(this);
         }
         this.hasDoSyntax = true;
     }
@@ -1619,102 +297,102 @@ class File {
         // );
         this.hasDoRaw = true;
     }
-    #doAST() {
-        const ast = this.ast;
-        let lineNumber = 1;
-        const syntaxObj = this.syntaxFile;
-        const loopAST = (nodes, wrapper) => {
-            nodes.forEach((node) => {
-                if (node.type === "text") {
-                    if (node.value.indexOf("\n") === -1) {
-                        const valueLength = node.value.length;
-                        if (!syntaxObj[lineNumber]) {
-                            node.startIndex = 0;
-                            node.endIndex = valueLength - 1;
-                            const item = {
-                                value: node.value,
-                                lineNumber,
-                                valueLength,
-                                nodeList: [{ node, wrapper }],
-                            };
-                            syntaxObj[lineNumber] = item;
-                        }
-                        else {
-                            node.startIndex = syntaxObj[lineNumber].valueLength;
-                            node.endIndex = node.startIndex + valueLength - 1;
-                            syntaxObj[lineNumber].value += node.value;
-                            syntaxObj[lineNumber].valueLength += valueLength;
-                            syntaxObj[lineNumber].nodeList.push({ node, wrapper });
-                        }
-                        node.lineNumber = lineNumber;
-                        return;
-                    }
-                    const lines = node.value.split("\n");
-                    node.children = node.children || [];
-                    for (let i = 0; i < lines.length; i++) {
-                        const _value = i === lines.length - 1 ? lines[i] : lines[i] + "\n";
-                        const _lineNumber = i === 0 ? lineNumber : ++lineNumber;
-                        const _valueLength = _value.length;
-                        const _node = {
-                            type: "text",
-                            value: _value,
-                            startIndex: Infinity,
-                            endIndex: Infinity,
-                            lineNumber: _lineNumber,
+}
+_File_instances = new WeakSet(), _File_doAST = function _File_doAST() {
+    const ast = this.ast;
+    let lineNumber = 1;
+    const syntaxObj = this.syntaxFile;
+    const loopAST = (nodes, wrapper) => {
+        nodes.forEach((node) => {
+            if (node.type === "text") {
+                if (node.value.indexOf("\n") === -1) {
+                    const valueLength = node.value.length;
+                    if (!syntaxObj[lineNumber]) {
+                        node.startIndex = 0;
+                        node.endIndex = valueLength - 1;
+                        const item = {
+                            value: node.value,
+                            lineNumber,
+                            valueLength,
+                            nodeList: [{ node, wrapper }],
                         };
-                        if (!syntaxObj[_lineNumber]) {
-                            _node.startIndex = 0;
-                            _node.endIndex = _valueLength - 1;
-                            const item = {
-                                value: _value,
-                                lineNumber: _lineNumber,
-                                valueLength: _valueLength,
-                                nodeList: [{ node: _node, wrapper }],
-                            };
-                            syntaxObj[_lineNumber] = item;
-                        }
-                        else {
-                            _node.startIndex = syntaxObj[_lineNumber].valueLength;
-                            _node.endIndex = _node.startIndex + _valueLength - 1;
-                            syntaxObj[_lineNumber].value += _value;
-                            syntaxObj[_lineNumber].valueLength += _valueLength;
-                            syntaxObj[_lineNumber].nodeList.push({ node: _node, wrapper });
-                        }
-                        node.children.push(_node);
+                        syntaxObj[lineNumber] = item;
+                    }
+                    else {
+                        node.startIndex = syntaxObj[lineNumber].valueLength;
+                        node.endIndex = node.startIndex + valueLength - 1;
+                        syntaxObj[lineNumber].value += node.value;
+                        syntaxObj[lineNumber].valueLength += valueLength;
+                        syntaxObj[lineNumber].nodeList.push({ node, wrapper });
                     }
                     node.lineNumber = lineNumber;
                     return;
                 }
-                if (node.children) {
-                    loopAST(node.children, node);
-                    node.lineNumber = lineNumber;
+                const lines = node.value.split("\n");
+                node.children = node.children || [];
+                for (let i = 0; i < lines.length; i++) {
+                    const _value = i === lines.length - 1 ? lines[i] : lines[i] + "\n";
+                    const _lineNumber = i === 0 ? lineNumber : ++lineNumber;
+                    const _valueLength = _value.length;
+                    const _node = {
+                        type: "text",
+                        value: _value,
+                        startIndex: Infinity,
+                        endIndex: Infinity,
+                        lineNumber: _lineNumber,
+                    };
+                    if (!syntaxObj[_lineNumber]) {
+                        _node.startIndex = 0;
+                        _node.endIndex = _valueLength - 1;
+                        const item = {
+                            value: _value,
+                            lineNumber: _lineNumber,
+                            valueLength: _valueLength,
+                            nodeList: [{ node: _node, wrapper }],
+                        };
+                        syntaxObj[_lineNumber] = item;
+                    }
+                    else {
+                        _node.startIndex = syntaxObj[_lineNumber].valueLength;
+                        _node.endIndex = _node.startIndex + _valueLength - 1;
+                        syntaxObj[_lineNumber].value += _value;
+                        syntaxObj[_lineNumber].valueLength += _valueLength;
+                        syntaxObj[_lineNumber].nodeList.push({ node: _node, wrapper });
+                    }
+                    node.children.push(_node);
                 }
-            });
-        };
-        loopAST(ast.children);
-        this.syntaxLength = lineNumber;
-    }
-    #doCheck() {
-        if (this.rawLength && this.syntaxLength) {
-            if (this.rawLength !== this.syntaxLength) {
-                console.warn("the rawLength not match for the syntaxLength");
+                node.lineNumber = lineNumber;
+                return;
             }
-            Object.values(this.syntaxFile).forEach(({ value, lineNumber }) => {
-                if (value !== this.rawFile[lineNumber]) {
-                    console.log("some line not match:" + value + " __ " + this.rawFile[lineNumber] + " __ at: " + lineNumber + " lineNumber");
-                }
-            });
+            if (node.children) {
+                loopAST(node.children, node);
+                node.lineNumber = lineNumber;
+            }
+        });
+    };
+    loopAST(ast.children);
+    this.syntaxLength = lineNumber;
+}, _File_doCheck = function _File_doCheck() {
+    if (this.rawLength && this.syntaxLength) {
+        if (this.rawLength !== this.syntaxLength) {
+            console.warn("the rawLength not match for the syntaxLength");
         }
+        Object.values(this.syntaxFile).forEach(({ value, lineNumber }) => {
+            if (value !== this.rawFile[lineNumber]) {
+                console.log("some line not match:" + value + " __ " + this.rawFile[lineNumber] + " __ at: " + lineNumber + " lineNumber");
+            }
+        });
     }
-}
+};
 const getFile = (raw, lang, fileName) => {
-    const key = raw + "--" + "0.0.6" + "--" + lang;
+    const key = raw + "--" + "0.0.8" + "--" + lang;
     if (map.has(key))
         return map.get(key);
     const file = new File(raw, lang, fileName);
     map.set(key, file);
     return file;
 };
+const _cacheMap = map;
 
 const maxLength = 1000;
 /** Get the maximum position in the range. */
@@ -1792,23 +470,15 @@ function hasRelativeChange(stringA, stringB) {
 }
 
 /** indicate what a line in the diff represents */
-var DiffLineType;
+exports.DiffLineType = void 0;
 (function (DiffLineType) {
     DiffLineType[DiffLineType["Context"] = 0] = "Context";
     DiffLineType[DiffLineType["Add"] = 1] = "Add";
     DiffLineType[DiffLineType["Delete"] = 2] = "Delete";
     DiffLineType[DiffLineType["Hunk"] = 3] = "Hunk";
-})(DiffLineType || (DiffLineType = {}));
+})(exports.DiffLineType || (exports.DiffLineType = {}));
 /** track details related to each line in the diff */
 class DiffLine {
-    text;
-    type;
-    originalLineNumber;
-    oldLineNumber;
-    newLineNumber;
-    noTrailingNewLine;
-    needRematch;
-    range;
     constructor(text, type, 
     // Line number in the original diff patch (before expanding it), or null if
     // it was added as part of a diff expansion action.
@@ -1826,7 +496,7 @@ class DiffLine {
         return new DiffLine(this.text, this.type, this.originalLineNumber, this.oldLineNumber, this.newLineNumber, noTrailingNewLine);
     }
     isIncludeableLine() {
-        return this.type === DiffLineType.Add || this.type === DiffLineType.Delete;
+        return this.type === exports.DiffLineType.Add || this.type === exports.DiffLineType.Delete;
     }
     /** The content of the line, i.e., without the line type marker. */
     get content() {
@@ -1844,7 +514,7 @@ class DiffLine {
 const checkDiffLineIncludeChange = (diffLine) => {
     if (!diffLine)
         return false;
-    return diffLine.type === DiffLineType.Add || diffLine.type === DiffLineType.Delete;
+    return diffLine.type === exports.DiffLineType.Add || diffLine.type === exports.DiffLineType.Delete;
 };
 
 var DiffHunkExpansionType;
@@ -1871,11 +541,6 @@ var DiffHunkExpansionType;
 })(DiffHunkExpansionType || (DiffHunkExpansionType = {}));
 /** each diff is made up of a number of hunks */
 class DiffHunk {
-    header;
-    lines;
-    unifiedDiffStart;
-    unifiedDiffEnd;
-    expansionType;
     /**
      * @param header The details from the diff hunk header about the line start and patch length.
      * @param lines The contents - context and changes - of the diff section.
@@ -1903,10 +568,6 @@ class DiffHunk {
 }
 /** details about the start and end of a diff hunk */
 class DiffHunkHeader {
-    oldStartLine;
-    oldLineCount;
-    newStartLine;
-    newLineCount;
     /**
      * @param oldStartLine The line in the old (or original) file where this diff hunk starts.
      * @param oldLineCount The number of lines in the old (or original) file that this diff hunk covers
@@ -1937,6 +598,7 @@ function assertNever(_, message) {
 }
 /** Utility function for getting the digit count of the largest line number in an array of diff hunks */
 function getLargestLineNumber(hunks) {
+    var _a, _b;
     if (hunks.length === 0) {
         return 0;
     }
@@ -1944,11 +606,11 @@ function getLargestLineNumber(hunks) {
         const hunk = hunks[i];
         for (let j = hunk.lines.length - 1; j >= 0; j--) {
             const line = hunk.lines[j];
-            if (line.type === DiffLineType.Hunk) {
+            if (line.type === exports.DiffLineType.Hunk) {
                 continue;
             }
-            const newLineNumber = line.newLineNumber ?? 0;
-            const oldLineNumber = line.oldLineNumber ?? 0;
+            const newLineNumber = (_a = line.newLineNumber) !== null && _a !== void 0 ? _a : 0;
+            const oldLineNumber = (_b = line.oldLineNumber) !== null && _b !== void 0 ? _b : 0;
             return newLineNumber > oldLineNumber ? newLineNumber : oldLineNumber;
         }
     }
@@ -2056,24 +718,6 @@ const DiffLinePrefixChars = new Set([
  * See https://www.gnu.org/software/diffutils/manual/html_node/Detailed-Unified.html
  */
 class DiffParser {
-    /**
-     * Line start pointer.
-     *
-     * The offset into the text property where the current line starts (ie either zero
-     * or one character ahead of the last newline character).
-     */
-    ls;
-    /**
-     * Line end pointer.
-     *
-     * The offset into the text property where the current line ends (ie it points to
-     * the newline character) or -1 if the line boundary hasn't been determined yet
-     */
-    le;
-    /**
-     * The text buffer containing the raw, unified diff output to be parsed
-     */
-    text;
     constructor() {
         Object.defineProperty(this, "__v_skip", { value: true });
         this.reset();
@@ -2257,7 +901,7 @@ class DiffParser {
         }
         const header = this.parseHunkHeader(headerLine);
         const lines = new Array();
-        lines.push(new DiffLine(headerLine, DiffLineType.Hunk, 1, null, null));
+        lines.push(new DiffLine(headerLine, exports.DiffLineType.Hunk, 1, null, null));
         let c;
         let rollingDiffBeforeCounter = header.oldStartLine;
         let rollingDiffAfterCounter = header.newStartLine;
@@ -2286,13 +930,13 @@ class DiffParser {
             }
             let diffLine;
             if (c === DiffPrefixAdd) {
-                diffLine = new DiffLine(line, DiffLineType.Add, diffLineNumber, null, rollingDiffAfterCounter++);
+                diffLine = new DiffLine(line, exports.DiffLineType.Add, diffLineNumber, null, rollingDiffAfterCounter++);
             }
             else if (c === DiffPrefixDelete) {
-                diffLine = new DiffLine(line, DiffLineType.Delete, diffLineNumber, rollingDiffBeforeCounter++, null);
+                diffLine = new DiffLine(line, exports.DiffLineType.Delete, diffLineNumber, rollingDiffBeforeCounter++, null);
             }
             else if (c === DiffPrefixContext) {
-                diffLine = new DiffLine(line, DiffLineType.Context, diffLineNumber, rollingDiffBeforeCounter++, rollingDiffAfterCounter++);
+                diffLine = new DiffLine(line, exports.DiffLineType.Context, diffLineNumber, rollingDiffBeforeCounter++, rollingDiffAfterCounter++);
             }
             else {
                 return assertNever(c, `Unknown DiffLinePrefix: ${c}`);
@@ -2369,288 +1013,451 @@ class DiffParser {
 }
 const parseInstance = new DiffParser();
 
-/* eslint-disable @typescript-eslint/ban-ts-comment */
-/* eslint-disable max-lines */
+var _DiffFile_instances, _DiffFile_oldFileResult, _DiffFile_newFileResult, _DiffFile_diffListResults, _DiffFile_diffLines, _DiffFile_oldFileDiffLines, _DiffFile_newFileDiffLines, _DiffFile_oldFileLines, _DiffFile_newFileLines, _DiffFile_oldFileSyntaxLines, _DiffFile_newFileSyntaxLines, _DiffFile_oldFilePlaceholderLines, _DiffFile_newFilePlaceholderLines, _DiffFile_splitLeftLines, _DiffFile_splitRightLines, _DiffFile_splitHunksLines, _DiffFile_unifiedLines, _DiffFile_unifiedHunksLines, _DiffFile_listeners, _DiffFile_hasInitRaw, _DiffFile_hasInitSyntax, _DiffFile_hasBuildSplit, _DiffFile_hasBuildUnified, _DiffFile_updateCount, _DiffFile_composeByDiff, _DiffFile_id, _DiffFile_clonedInstance, _DiffFile_doDiff, _DiffFile_doFile, _DiffFile_composeRaw, _DiffFile_composeFile, _DiffFile_composeDiff, _DiffFile_composeSyntax, _DiffFile_getOldDiffLine, _DiffFile_getNewDiffLine, _DiffFile_getOldRawLine, _DiffFile_getNewRawLine;
 const composeLen = 40;
 const idSet = new Set();
 class DiffFile {
-    _oldFileName;
-    _newFileName;
-    _diffList;
-    #oldFileResult;
-    #newFileResult;
-    #diffListResults;
-    #diffLines;
-    #oldFileDiffLines;
-    #newFileDiffLines;
-    #oldFileLines;
-    #newFileLines;
-    #oldFileSyntaxLines;
-    #newFileSyntaxLines;
-    #splitLeftLines = [];
-    #splitRightLines = [];
-    #splitHunksLines;
-    #unifiedLines = [];
-    #unifiedHunksLines;
-    #listeners = [];
-    #hasInitRaw = false;
-    #hasInitSyntax = false;
-    #hasBuildSplit = false;
-    #hasBuildUnified = false;
-    #updateCount = 0;
-    #composeByDiff = false;
-    _version_ = "0.0.6";
-    _oldFileContent = "";
-    _oldFileLang = "";
-    _newFileContent = "";
-    _newFileLang = "";
-    diffLineLength = 0;
-    splitLineLength = 0;
-    unifiedLineLength = 0;
-    #id = "";
-    #clonedInstance = new Map();
     static createInstance(data, bundle) {
-        const instance = new DiffFile(data?.oldFile?.fileName || "", data?.oldFile?.content || "", data?.newFile?.fileName || "", data?.newFile?.content || "", data?.hunks || [], data?.oldFile?.fileLang || "", data?.newFile?.fileLang || "");
+        var _a, _b, _c, _d, _e, _f;
+        const instance = new DiffFile(((_a = data === null || data === void 0 ? void 0 : data.oldFile) === null || _a === void 0 ? void 0 : _a.fileName) || "", ((_b = data === null || data === void 0 ? void 0 : data.oldFile) === null || _b === void 0 ? void 0 : _b.content) || "", ((_c = data === null || data === void 0 ? void 0 : data.newFile) === null || _c === void 0 ? void 0 : _c.fileName) || "", ((_d = data === null || data === void 0 ? void 0 : data.newFile) === null || _d === void 0 ? void 0 : _d.content) || "", (data === null || data === void 0 ? void 0 : data.hunks) || [], ((_e = data === null || data === void 0 ? void 0 : data.oldFile) === null || _e === void 0 ? void 0 : _e.fileLang) || "", ((_f = data === null || data === void 0 ? void 0 : data.newFile) === null || _f === void 0 ? void 0 : _f.fileLang) || "");
         if (bundle) {
             instance.mergeBundle(bundle);
         }
         return instance;
     }
     constructor(_oldFileName, _oldFileContent, _newFileName, _newFileContent, _diffList, _oldFileLang, _newFileLang) {
+        _DiffFile_instances.add(this);
         this._oldFileName = _oldFileName;
         this._newFileName = _newFileName;
         this._diffList = _diffList;
-        Object.defineProperty(this, "__v_skip", { value: true });
-        let oldContent = _oldFileContent;
-        let newContent = _newFileContent;
-        const diffList = Array.from(new Set(_diffList));
-        Object.defineProperties(this, {
-            _oldFileName: { get: () => _oldFileName },
-            _newFileName: { get: () => _newFileName },
-            _oldFileLang: { get: () => getLang(_oldFileLang || _oldFileName || _newFileLang || _newFileName) || "txt" },
-            _newFileLang: { get: () => getLang(_newFileLang || _newFileName || _oldFileLang || _oldFileName) || "txt" },
-            _oldFileContent: {
-                get: () => oldContent,
-                set: (v) => (oldContent = v),
-            },
-            _newFileContent: {
-                get: () => newContent,
-                set: (v) => (newContent = v),
-            },
-            _diffList: { get: () => diffList },
-        });
-        this.initId();
-    }
-    #doDiff() {
-        if (!this._diffList)
-            return;
-        this.#diffListResults = this._diffList.map((s) => parseInstance.parse(s));
-    }
-    #doFile() {
-        if (!this._oldFileContent && !this._newFileContent)
-            return;
-        if (this._oldFileContent) {
-            this.#oldFileResult = getFile(this._oldFileContent, this._oldFileLang, this._oldFileName);
-        }
-        if (this._newFileContent) {
-            this.#newFileResult = getFile(this._newFileContent, this._newFileLang, this._newFileName);
-        }
-    }
-    #composeRaw() {
-        this.#oldFileResult?.doRaw();
-        this.#oldFileLines = this.#oldFileResult?.rawFile;
-        this.#newFileResult?.doRaw();
-        this.#newFileLines = this.#newFileResult?.rawFile;
-    }
-    #composeFile() {
-        if (this._oldFileContent && this._newFileContent)
-            return;
-        // all of the file content not exist, try to use diff result to compose
-        if (!this._oldFileContent && !this._newFileContent) {
-            let newLineNumber = 1;
-            let oldLineNumber = 1;
-            let oldFileContent = "";
-            let newFileContent = "";
-            while (oldLineNumber <= this.diffLineLength) {
-                const diffLine = this.#getOldDiffLine(oldLineNumber++);
-                if (diffLine) {
-                    oldFileContent += diffLine.text;
+        _DiffFile_oldFileResult.set(this, void 0);
+        _DiffFile_newFileResult.set(this, void 0);
+        _DiffFile_diffListResults.set(this, void 0);
+        _DiffFile_diffLines.set(this, void 0);
+        _DiffFile_oldFileDiffLines.set(this, void 0);
+        _DiffFile_newFileDiffLines.set(this, void 0);
+        _DiffFile_oldFileLines.set(this, void 0);
+        _DiffFile_newFileLines.set(this, void 0);
+        _DiffFile_oldFileSyntaxLines.set(this, void 0);
+        _DiffFile_newFileSyntaxLines.set(this, void 0);
+        _DiffFile_oldFilePlaceholderLines.set(this, void 0);
+        _DiffFile_newFilePlaceholderLines.set(this, void 0);
+        _DiffFile_splitLeftLines.set(this, []);
+        _DiffFile_splitRightLines.set(this, []);
+        _DiffFile_splitHunksLines.set(this, void 0);
+        _DiffFile_unifiedLines.set(this, []);
+        _DiffFile_unifiedHunksLines.set(this, void 0);
+        _DiffFile_listeners.set(this, []);
+        _DiffFile_hasInitRaw.set(this, false);
+        _DiffFile_hasInitSyntax.set(this, false);
+        _DiffFile_hasBuildSplit.set(this, false);
+        _DiffFile_hasBuildUnified.set(this, false);
+        _DiffFile_updateCount.set(this, 0);
+        _DiffFile_composeByDiff.set(this, false);
+        this._version_ = "0.0.8";
+        this._oldFileContent = "";
+        this._oldFileLang = "";
+        this._newFileContent = "";
+        this._newFileLang = "";
+        this.diffLineLength = 0;
+        this.splitLineLength = 0;
+        this.unifiedLineLength = 0;
+        this.expandSplitAll = false;
+        this.expandUnifiedAll = false;
+        this.hasCollapsed = false;
+        _DiffFile_id.set(this, "");
+        _DiffFile_clonedInstance.set(this, new Map());
+        this.getSplitLeftLine = (index) => {
+            return __classPrivateFieldGet(this, _DiffFile_splitLeftLines, "f")[index];
+        };
+        this.getSplitRightLine = (index) => {
+            return __classPrivateFieldGet(this, _DiffFile_splitRightLines, "f")[index];
+        };
+        this.getSplitHunkLine = (index) => {
+            var _a;
+            return (_a = __classPrivateFieldGet(this, _DiffFile_splitHunksLines, "f")) === null || _a === void 0 ? void 0 : _a[index];
+        };
+        this.onSplitHunkExpand = (dir, index, needTrigger = true) => {
+            var _a, _b;
+            const current = (_a = __classPrivateFieldGet(this, _DiffFile_splitHunksLines, "f")) === null || _a === void 0 ? void 0 : _a[index];
+            if (!current || !current.splitInfo)
+                return;
+            if (__classPrivateFieldGet(this, _DiffFile_composeByDiff, "f"))
+                return;
+            if (dir === "all") {
+                for (let i = current.splitInfo.startHiddenIndex; i < current.splitInfo.endHiddenIndex; i++) {
+                    const leftLine = __classPrivateFieldGet(this, _DiffFile_splitLeftLines, "f")[i];
+                    const rightLine = __classPrivateFieldGet(this, _DiffFile_splitRightLines, "f")[i];
+                    if (leftLine === null || leftLine === void 0 ? void 0 : leftLine.isHidden)
+                        leftLine.isHidden = false;
+                    if (rightLine === null || rightLine === void 0 ? void 0 : rightLine.isHidden)
+                        rightLine.isHidden = false;
+                }
+                current.splitInfo = Object.assign(Object.assign(Object.assign({}, current.splitInfo), current.hunkInfo), { plainText: current.text, startHiddenIndex: current.splitInfo.endHiddenIndex });
+            }
+            else if (dir === "down") {
+                for (let i = current.splitInfo.startHiddenIndex; i < current.splitInfo.startHiddenIndex + composeLen; i++) {
+                    const leftLine = __classPrivateFieldGet(this, _DiffFile_splitLeftLines, "f")[i];
+                    const rightLine = __classPrivateFieldGet(this, _DiffFile_splitRightLines, "f")[i];
+                    if (leftLine === null || leftLine === void 0 ? void 0 : leftLine.isHidden)
+                        leftLine.isHidden = false;
+                    if (rightLine === null || rightLine === void 0 ? void 0 : rightLine.isHidden)
+                        rightLine.isHidden = false;
+                }
+                if (current.isLast) {
+                    current.splitInfo = Object.assign(Object.assign({}, current.splitInfo), { startHiddenIndex: current.splitInfo.startHiddenIndex + composeLen });
                 }
                 else {
-                    // empty line for placeholder
-                    oldFileContent += "\n";
+                    current.splitInfo = Object.assign(Object.assign({}, current.splitInfo), { startHiddenIndex: current.splitInfo.startHiddenIndex + composeLen, plainText: `@@ -${current.splitInfo.oldStartIndex},${current.splitInfo.oldLength} +${current.splitInfo.newStartIndex},${current.splitInfo.newLength}` });
                 }
             }
-            while (newLineNumber <= this.diffLineLength) {
-                const diffLine = this.#getNewDiffLine(newLineNumber++);
-                if (diffLine) {
-                    newFileContent += diffLine.text;
+            else {
+                if (current.isLast) {
+                    console.error("the last hunk can not expand up!");
+                    return;
                 }
-                else {
-                    // empty line for placeholder
-                    newFileContent += "\n";
+                for (let i = current.splitInfo.endHiddenIndex - composeLen; i < current.splitInfo.endHiddenIndex; i++) {
+                    const leftLine = __classPrivateFieldGet(this, _DiffFile_splitLeftLines, "f")[i];
+                    const rightLine = __classPrivateFieldGet(this, _DiffFile_splitRightLines, "f")[i];
+                    if (leftLine === null || leftLine === void 0 ? void 0 : leftLine.isHidden)
+                        leftLine.isHidden = false;
+                    if (rightLine === null || rightLine === void 0 ? void 0 : rightLine.isHidden)
+                        rightLine.isHidden = false;
+                }
+                const oldStartIndex = current.splitInfo.oldStartIndex - composeLen;
+                const oldLength = current.splitInfo.oldLength + composeLen;
+                const newStartIndex = current.splitInfo.newStartIndex - composeLen;
+                const newLength = current.splitInfo.newLength + composeLen;
+                current.splitInfo = Object.assign(Object.assign({}, current.splitInfo), { endHiddenIndex: current.splitInfo.endHiddenIndex - composeLen, oldStartIndex,
+                    oldLength,
+                    newStartIndex,
+                    newLength, plainText: `@@ -${oldStartIndex},${oldLength} +${newStartIndex},${newLength}` });
+                (_b = __classPrivateFieldGet(this, _DiffFile_splitHunksLines, "f")) === null || _b === void 0 ? true : delete _b[index];
+                __classPrivateFieldGet(this, _DiffFile_splitHunksLines, "f")[current.splitInfo.endHiddenIndex] = current;
+            }
+            needTrigger && this.notifyAll();
+        };
+        this.getUnifiedLine = (index) => {
+            return __classPrivateFieldGet(this, _DiffFile_unifiedLines, "f")[index];
+        };
+        this.getUnifiedHunkLine = (index) => {
+            var _a;
+            return (_a = __classPrivateFieldGet(this, _DiffFile_unifiedHunksLines, "f")) === null || _a === void 0 ? void 0 : _a[index];
+        };
+        this.onUnifiedHunkExpand = (dir, index, needTrigger = true) => {
+            var _a, _b, _c;
+            const current = (_a = __classPrivateFieldGet(this, _DiffFile_unifiedHunksLines, "f")) === null || _a === void 0 ? void 0 : _a[index];
+            if (!current || !current.unifiedInfo)
+                return;
+            if (__classPrivateFieldGet(this, _DiffFile_composeByDiff, "f"))
+                return;
+            if (dir === "all") {
+                for (let i = current.unifiedInfo.startHiddenIndex; i < current.unifiedInfo.endHiddenIndex; i++) {
+                    const unifiedLine = (_b = __classPrivateFieldGet(this, _DiffFile_unifiedLines, "f")) === null || _b === void 0 ? void 0 : _b[i];
+                    if (unifiedLine === null || unifiedLine === void 0 ? void 0 : unifiedLine.isHidden) {
+                        unifiedLine.isHidden = false;
+                    }
                 }
+                current.unifiedInfo = Object.assign(Object.assign(Object.assign({}, current.unifiedInfo), current.hunkInfo), { plainText: current.text, startHiddenIndex: current.unifiedInfo.endHiddenIndex });
             }
-            if (oldFileContent === newFileContent)
-                return;
-            this._oldFileContent = oldFileContent;
-            this._newFileContent = newFileContent;
-            this.#oldFileResult = getFile(this._oldFileContent, this._oldFileLang, this._oldFileName);
-            this.#newFileResult = getFile(this._newFileContent, this._newFileLang, this._newFileName);
-            // all of the file just compose by diff, so we can not do the expand action
-            this.#composeByDiff = true;
-        }
-        else if (this.#oldFileResult) {
-            let newLineNumber = 1;
-            let oldLineNumber = 1;
-            let newFileContent = "";
-            while (oldLineNumber <= this.#oldFileResult.maxLineNumber) {
-                const newDiffLine = this.#getNewDiffLine(newLineNumber++);
-                if (newDiffLine) {
-                    newFileContent += newDiffLine.text;
-                    oldLineNumber = newDiffLine.oldLineNumber ? newDiffLine.oldLineNumber + 1 : oldLineNumber;
+            else if (dir === "down") {
+                for (let i = current.unifiedInfo.startHiddenIndex; i < current.unifiedInfo.startHiddenIndex + composeLen; i++) {
+                    const unifiedLine = __classPrivateFieldGet(this, _DiffFile_unifiedLines, "f")[i];
+                    if (unifiedLine === null || unifiedLine === void 0 ? void 0 : unifiedLine.isHidden)
+                        unifiedLine.isHidden = false;
+                }
+                if (current.isLast) {
+                    current.unifiedInfo = Object.assign(Object.assign({}, current.unifiedInfo), { startHiddenIndex: current.unifiedInfo.startHiddenIndex + composeLen });
                 }
                 else {
-                    newFileContent += this.#getOldRawLine(oldLineNumber++);
+                    current.unifiedInfo = Object.assign(Object.assign({}, current.unifiedInfo), { startHiddenIndex: current.unifiedInfo.startHiddenIndex + composeLen, plainText: `@@ -${current.unifiedInfo.oldStartIndex},${current.unifiedInfo.oldLength} +${current.unifiedInfo.newStartIndex},${current.unifiedInfo.newLength}` });
                 }
             }
-            if (newFileContent === this._oldFileContent)
-                return;
-            this._newFileContent = newFileContent;
-            this.#newFileResult = getFile(this._newFileContent, this._newFileLang, this._newFileName);
-        }
-        else if (this.#newFileResult) {
-            let oldLineNumber = 1;
-            let newLineNumber = 1;
-            let oldFileContent = "";
-            while (newLineNumber <= this.#newFileResult.maxLineNumber) {
-                const oldDiffLine = this.#getOldDiffLine(oldLineNumber++);
-                if (oldDiffLine) {
-                    oldFileContent += oldDiffLine.text;
-                    newLineNumber = oldDiffLine.newLineNumber ? oldDiffLine.newLineNumber + 1 : newLineNumber;
-                }
-                else {
-                    oldFileContent += this.#getNewRawLine(newLineNumber++);
+            else {
+                if (current.isLast) {
+                    console.error("the last hunk can not expand up!");
+                    return;
                 }
+                for (let i = current.unifiedInfo.endHiddenIndex - composeLen; i < current.unifiedInfo.endHiddenIndex; i++) {
+                    const unifiedLine = __classPrivateFieldGet(this, _DiffFile_unifiedLines, "f")[i];
+                    if (unifiedLine === null || unifiedLine === void 0 ? void 0 : unifiedLine.isHidden)
+                        unifiedLine.isHidden = false;
+                }
+                const oldStartIndex = current.unifiedInfo.oldStartIndex - composeLen;
+                const oldLength = current.unifiedInfo.oldLength + composeLen;
+                const newStartIndex = current.unifiedInfo.newStartIndex - composeLen;
+                const newLength = current.unifiedInfo.newLength + composeLen;
+                current.unifiedInfo = Object.assign(Object.assign({}, current.unifiedInfo), { endHiddenIndex: current.unifiedInfo.endHiddenIndex - composeLen, oldStartIndex,
+                    oldLength,
+                    newStartIndex,
+                    newLength, plainText: `@@ -${oldStartIndex},${oldLength} +${newStartIndex},${newLength}` });
+                (_c = __classPrivateFieldGet(this, _DiffFile_unifiedHunksLines, "f")) === null || _c === void 0 ? true : delete _c[index];
+                __classPrivateFieldGet(this, _DiffFile_unifiedHunksLines, "f")[current.unifiedInfo.endHiddenIndex] = current;
+            }
+            needTrigger && this.notifyAll();
+        };
+        this.onAllExpand = (mode) => {
+            if (__classPrivateFieldGet(this, _DiffFile_composeByDiff, "f"))
+                return;
+            if (mode === "split") {
+                Object.keys(__classPrivateFieldGet(this, _DiffFile_splitHunksLines, "f") || {}).forEach((key) => {
+                    this.onSplitHunkExpand("all", +key, false);
+                });
+                this.expandSplitAll = true;
             }
-            if (oldFileContent === this._newFileContent)
+            else {
+                Object.keys(__classPrivateFieldGet(this, _DiffFile_unifiedHunksLines, "f") || {}).forEach((key) => {
+                    this.onUnifiedHunkExpand("all", +key, false);
+                });
+                this.expandUnifiedAll = true;
+            }
+            this.notifyAll();
+        };
+        this.onAllCollapse = (mode) => {
+            if (__classPrivateFieldGet(this, _DiffFile_composeByDiff, "f"))
                 return;
-            this._oldFileContent = oldFileContent;
-            this.#oldFileResult = getFile(this._oldFileContent, this._oldFileLang, this._oldFileName);
-        }
-        this.#composeRaw();
-    }
-    #composeDiff() {
-        if (!this.#diffListResults?.length)
-            return;
-        this.#diffListResults.forEach((item) => {
-            const hunks = item.hunks;
-            hunks.forEach((hunk) => {
-                let additions = [];
-                let deletions = [];
-                hunk.lines.forEach((line) => {
-                    if (line.type === DiffLineType.Add) {
-                        additions.push(line);
+            if (mode === "split") {
+                Object.values(__classPrivateFieldGet(this, _DiffFile_splitLeftLines, "f") || {}).forEach((item) => {
+                    if (!item.isHidden && item._isHidden) {
+                        item.isHidden = item._isHidden;
                     }
-                    else if (line.type === DiffLineType.Delete) {
-                        deletions.push(line);
+                });
+                Object.values(__classPrivateFieldGet(this, _DiffFile_splitRightLines, "f") || {}).forEach((item) => {
+                    if (!item.isHidden && item._isHidden) {
+                        item.isHidden = item._isHidden;
                     }
-                    else {
-                        getDiffRange(additions, deletions);
-                        additions = [];
-                        deletions = [];
+                });
+                Object.values(__classPrivateFieldGet(this, _DiffFile_splitHunksLines, "f") || {}).forEach((item) => {
+                    if (!item.splitInfo)
+                        return;
+                    item.splitInfo = Object.assign(Object.assign({}, item.splitInfo), { oldStartIndex: item.splitInfo._oldStartIndex, oldLength: item.splitInfo._oldLength, newStartIndex: item.splitInfo._newStartIndex, newLength: item.splitInfo._newLength, startHiddenIndex: item.splitInfo._startHiddenIndex, endHiddenIndex: item.splitInfo._endHiddenIndex, plainText: item.splitInfo._plainText });
+                });
+                Object.keys(__classPrivateFieldGet(this, _DiffFile_splitHunksLines, "f") || {}).forEach((key) => {
+                    const item = __classPrivateFieldGet(this, _DiffFile_splitHunksLines, "f")[key];
+                    if (!item.splitInfo)
+                        return;
+                    if (item.splitInfo.endHiddenIndex !== +key) {
+                        delete __classPrivateFieldGet(this, _DiffFile_splitHunksLines, "f")[key];
+                        __classPrivateFieldGet(this, _DiffFile_splitHunksLines, "f")[item.splitInfo.endHiddenIndex] = item;
+                    }
+                });
+                this.expandSplitAll = false;
+            }
+            else {
+                Object.values(__classPrivateFieldGet(this, _DiffFile_unifiedLines, "f") || {}).forEach((item) => {
+                    if (!item.isHidden && item._isHidden) {
+                        item.isHidden = item._isHidden;
+                    }
+                });
+                Object.values(__classPrivateFieldGet(this, _DiffFile_unifiedHunksLines, "f") || {}).forEach((item) => {
+                    if (!item.unifiedInfo)
+                        return;
+                    item.unifiedInfo = Object.assign(Object.assign({}, item.unifiedInfo), { oldStartIndex: item.unifiedInfo._oldStartIndex, oldLength: item.unifiedInfo._oldLength, newStartIndex: item.unifiedInfo._newStartIndex, newLength: item.unifiedInfo._newLength, startHiddenIndex: item.unifiedInfo._startHiddenIndex, endHiddenIndex: item.unifiedInfo._endHiddenIndex, plainText: item.unifiedInfo._plainText });
+                });
+                Object.keys(__classPrivateFieldGet(this, _DiffFile_unifiedHunksLines, "f") || {}).forEach((key) => {
+                    const item = __classPrivateFieldGet(this, _DiffFile_unifiedHunksLines, "f")[key];
+                    if (!item.unifiedInfo)
+                        return;
+                    if (item.unifiedInfo.endHiddenIndex !== +key) {
+                        delete __classPrivateFieldGet(this, _DiffFile_unifiedHunksLines, "f")[key];
+                        __classPrivateFieldGet(this, _DiffFile_unifiedHunksLines, "f")[item.unifiedInfo.endHiddenIndex] = item;
                     }
                 });
-                getDiffRange(additions, deletions);
+                this.expandUnifiedAll = false;
+            }
+            this.notifyAll();
+        };
+        this.getOldSyntaxLine = (lineNumber) => {
+            var _a;
+            return (_a = __classPrivateFieldGet(this, _DiffFile_oldFileSyntaxLines, "f")) === null || _a === void 0 ? void 0 : _a[lineNumber];
+        };
+        this.getNewSyntaxLine = (lineNumber) => {
+            var _a;
+            return (_a = __classPrivateFieldGet(this, _DiffFile_newFileSyntaxLines, "f")) === null || _a === void 0 ? void 0 : _a[lineNumber];
+        };
+        this.subscribe = (listener) => {
+            __classPrivateFieldGet(this, _DiffFile_listeners, "f").push(listener);
+            return () => {
+                __classPrivateFieldGet(this, _DiffFile_listeners, "f").filter((i) => i !== listener);
+            };
+        };
+        this.notifyAll = (skipSyncExternal) => {
+            var _a;
+            __classPrivateFieldSet(this, _DiffFile_updateCount, (_a = __classPrivateFieldGet(this, _DiffFile_updateCount, "f"), _a++, _a), "f");
+            __classPrivateFieldGet(this, _DiffFile_listeners, "f").forEach((f) => {
+                if (skipSyncExternal && f.isSyncExternal) {
+                    return;
+                }
+                f();
             });
-        });
-        this.#diffLines = [];
-        const tmp = [];
-        this.#diffListResults.forEach((item) => {
-            item.hunks.forEach((_item) => {
-                tmp.push(..._item.lines);
+            // support update from outside instance
+            __classPrivateFieldGet(this, _DiffFile_clonedInstance, "f").forEach((_, instance) => {
+                instance.notifyAll(true);
+            });
+        };
+        this.getUpdateCount = () => __classPrivateFieldGet(this, _DiffFile_updateCount, "f");
+        this.getExpandEnabled = () => !__classPrivateFieldGet(this, _DiffFile_composeByDiff, "f");
+        this.getBundle = () => {
+            // common
+            const hasInitRaw = __classPrivateFieldGet(this, _DiffFile_hasInitRaw, "f");
+            const hasInitSyntax = __classPrivateFieldGet(this, _DiffFile_hasInitSyntax, "f");
+            const hasBuildSplit = __classPrivateFieldGet(this, _DiffFile_hasBuildSplit, "f");
+            const hasBuildUnified = __classPrivateFieldGet(this, _DiffFile_hasBuildUnified, "f");
+            const oldFileLines = __classPrivateFieldGet(this, _DiffFile_oldFileLines, "f");
+            const oldFileDiffLines = __classPrivateFieldGet(this, _DiffFile_oldFileDiffLines, "f");
+            const oldFileSyntaxLines = __classPrivateFieldGet(this, _DiffFile_oldFileSyntaxLines, "f");
+            const oldFilePlaceholderLines = __classPrivateFieldGet(this, _DiffFile_oldFilePlaceholderLines, "f");
+            const newFileLines = __classPrivateFieldGet(this, _DiffFile_newFileLines, "f");
+            const newFileDiffLines = __classPrivateFieldGet(this, _DiffFile_newFileDiffLines, "f");
+            const newFileSyntaxLines = __classPrivateFieldGet(this, _DiffFile_newFileSyntaxLines, "f");
+            const newFilePlaceholderLines = __classPrivateFieldGet(this, _DiffFile_newFilePlaceholderLines, "f");
+            const splitLineLength = this.splitLineLength;
+            const unifiedLineLength = this.unifiedLineLength;
+            const composeByDiff = __classPrivateFieldGet(this, _DiffFile_composeByDiff, "f");
+            const hasCollapsed = this.hasCollapsed;
+            // split
+            const splitLeftLines = __classPrivateFieldGet(this, _DiffFile_splitLeftLines, "f");
+            const splitRightLines = __classPrivateFieldGet(this, _DiffFile_splitRightLines, "f");
+            const splitHunkLines = __classPrivateFieldGet(this, _DiffFile_splitHunksLines, "f");
+            // unified
+            const unifiedLines = __classPrivateFieldGet(this, _DiffFile_unifiedLines, "f");
+            const unifiedHunkLines = __classPrivateFieldGet(this, _DiffFile_unifiedHunksLines, "f");
+            const version = this._version_;
+            return {
+                hasInitRaw,
+                hasInitSyntax,
+                hasBuildSplit,
+                hasBuildUnified,
+                oldFileLines,
+                oldFileDiffLines,
+                oldFileSyntaxLines,
+                oldFilePlaceholderLines,
+                newFileLines,
+                newFileDiffLines,
+                newFileSyntaxLines,
+                newFilePlaceholderLines,
+                splitLineLength,
+                unifiedLineLength,
+                splitLeftLines,
+                splitRightLines,
+                splitHunkLines,
+                unifiedLines,
+                unifiedHunkLines,
+                composeByDiff,
+                hasCollapsed,
+                version,
+            };
+        };
+        this.mergeBundle = (data) => {
+            __classPrivateFieldSet(this, _DiffFile_hasInitRaw, data.hasInitRaw, "f");
+            __classPrivateFieldSet(this, _DiffFile_hasInitSyntax, data.hasInitSyntax, "f");
+            __classPrivateFieldSet(this, _DiffFile_hasBuildSplit, data.hasBuildSplit, "f");
+            __classPrivateFieldSet(this, _DiffFile_hasBuildUnified, data.hasBuildUnified, "f");
+            __classPrivateFieldSet(this, _DiffFile_composeByDiff, data.composeByDiff, "f");
+            __classPrivateFieldSet(this, _DiffFile_oldFileLines, data.oldFileLines, "f");
+            __classPrivateFieldSet(this, _DiffFile_oldFileDiffLines, data.oldFileDiffLines, "f");
+            __classPrivateFieldSet(this, _DiffFile_oldFileSyntaxLines, data.oldFileSyntaxLines, "f");
+            __classPrivateFieldSet(this, _DiffFile_oldFilePlaceholderLines, data.oldFilePlaceholderLines, "f");
+            __classPrivateFieldSet(this, _DiffFile_newFileLines, data.newFileLines, "f");
+            __classPrivateFieldSet(this, _DiffFile_newFileDiffLines, data.newFileDiffLines, "f");
+            __classPrivateFieldSet(this, _DiffFile_newFileSyntaxLines, data.newFileSyntaxLines, "f");
+            __classPrivateFieldSet(this, _DiffFile_newFilePlaceholderLines, data.newFilePlaceholderLines, "f");
+            this.splitLineLength = data.splitLineLength;
+            this.unifiedLineLength = data.unifiedLineLength;
+            this.hasCollapsed = data.hasCollapsed;
+            __classPrivateFieldSet(this, _DiffFile_splitLeftLines, data.splitLeftLines, "f");
+            __classPrivateFieldSet(this, _DiffFile_splitRightLines, data.splitRightLines, "f");
+            __classPrivateFieldSet(this, _DiffFile_splitHunksLines, data.splitHunkLines, "f");
+            __classPrivateFieldSet(this, _DiffFile_unifiedLines, data.unifiedLines, "f");
+            __classPrivateFieldSet(this, _DiffFile_unifiedHunksLines, data.unifiedHunkLines, "f");
+            if (this._version_ !== data.version) {
+                console.error("the version of the `diffInstance` is not match, some error may happen!");
+            }
+            this.notifyAll();
+        };
+        this._getIsPureDiffRender = () => __classPrivateFieldGet(this, _DiffFile_composeByDiff, "f");
+        this._addClonedInstance = (instance) => {
+            const updateFunc = () => {
+                this._notifyOthers(instance);
+            };
+            updateFunc.isSyncExternal = true;
+            const unsubscribe = instance.subscribe(updateFunc);
+            __classPrivateFieldGet(this, _DiffFile_clonedInstance, "f").set(instance, unsubscribe);
+        };
+        this._notifyOthers = (instance) => {
+            __classPrivateFieldGet(this, _DiffFile_clonedInstance, "f").forEach((_, i) => {
+                if (i !== instance) {
+                    i.notifyAll(true);
+                }
             });
+        };
+        this._delClonedInstance = (instance) => {
+            const unsubscribe = __classPrivateFieldGet(this, _DiffFile_clonedInstance, "f").get(instance);
+            unsubscribe && unsubscribe();
+            __classPrivateFieldGet(this, _DiffFile_clonedInstance, "f").delete(instance);
+        };
+        this._getFullBundle = () => {
+            const bundle = this.getBundle();
+            const oldFileResult = __classPrivateFieldGet(this, _DiffFile_oldFileResult, "f");
+            const newFileResult = __classPrivateFieldGet(this, _DiffFile_newFileResult, "f");
+            const diffLines = __classPrivateFieldGet(this, _DiffFile_diffLines, "f");
+            const diffListResults = __classPrivateFieldGet(this, _DiffFile_diffListResults, "f");
+            return Object.assign(Object.assign({}, bundle), { oldFileResult,
+                newFileResult,
+                diffLines,
+                diffListResults });
+        };
+        this._mergeFullBundle = (data) => {
+            this.mergeBundle(data);
+            __classPrivateFieldSet(this, _DiffFile_oldFileResult, data.oldFileResult, "f");
+            __classPrivateFieldSet(this, _DiffFile_newFileResult, data.newFileResult, "f");
+            __classPrivateFieldSet(this, _DiffFile_diffLines, data.diffLines, "f");
+            __classPrivateFieldSet(this, _DiffFile_diffListResults, data.diffListResults, "f");
+        };
+        this._destroy = () => {
+            this.clearId();
+            __classPrivateFieldGet(this, _DiffFile_listeners, "f").splice(0, __classPrivateFieldGet(this, _DiffFile_listeners, "f").length);
+            __classPrivateFieldGet(this, _DiffFile_clonedInstance, "f").forEach((v) => v());
+            __classPrivateFieldGet(this, _DiffFile_clonedInstance, "f").clear();
+        };
+        this.clear = () => {
+            this._destroy();
+            __classPrivateFieldSet(this, _DiffFile_oldFileResult, null, "f");
+            __classPrivateFieldSet(this, _DiffFile_newFileResult, null, "f");
+            __classPrivateFieldSet(this, _DiffFile_diffLines, null, "f");
+            __classPrivateFieldSet(this, _DiffFile_diffListResults, null, "f");
+            __classPrivateFieldSet(this, _DiffFile_newFileDiffLines, null, "f");
+            __classPrivateFieldSet(this, _DiffFile_oldFileDiffLines, null, "f");
+            __classPrivateFieldSet(this, _DiffFile_newFileLines, null, "f");
+            __classPrivateFieldSet(this, _DiffFile_oldFileLines, null, "f");
+            __classPrivateFieldSet(this, _DiffFile_newFileSyntaxLines, null, "f");
+            __classPrivateFieldSet(this, _DiffFile_oldFileSyntaxLines, null, "f");
+            __classPrivateFieldSet(this, _DiffFile_splitHunksLines, null, "f");
+            __classPrivateFieldSet(this, _DiffFile_splitLeftLines, null, "f");
+            __classPrivateFieldSet(this, _DiffFile_splitRightLines, null, "f");
+            __classPrivateFieldSet(this, _DiffFile_unifiedHunksLines, null, "f");
+            __classPrivateFieldSet(this, _DiffFile_unifiedLines, null, "f");
+        };
+        Object.defineProperty(this, "__v_skip", { value: true });
+        let oldContent = _oldFileContent;
+        let newContent = _newFileContent;
+        const diffList = Array.from(new Set(_diffList));
+        Object.defineProperties(this, {
+            _oldFileName: { get: () => _oldFileName },
+            _newFileName: { get: () => _newFileName },
+            _oldFileLang: { get: () => getLang(_oldFileLang || _oldFileName || _newFileLang || _newFileName) || "txt" },
+            _newFileLang: { get: () => getLang(_newFileLang || _newFileName || _oldFileLang || _oldFileName) || "txt" },
+            _oldFileContent: {
+                get: () => oldContent,
+                set: (v) => (oldContent = v),
+            },
+            _newFileContent: {
+                get: () => newContent,
+                set: (v) => (newContent = v),
+            },
+            _diffList: { get: () => diffList },
         });
-        this.#diffLines = tmp.map((i, index) => {
-            const typedI = i;
-            typedI.index = index;
-            if (typedI.type === DiffLineType.Hunk) {
-                const numInfo = typedI.text.split("@@")?.[1].split(" ").filter(Boolean);
-                const oldNumInfo = numInfo?.[0] || "";
-                const newNumInfo = numInfo?.[1] || "";
-                const [oldNumStartIndex, oldNumLength] = oldNumInfo.split(",");
-                const [newNumStartIndex, newNumLength] = newNumInfo.split(",");
-                const typedTypeI = typedI;
-                typedTypeI.hunkInfo = {
-                    oldStartIndex: -Number(oldNumStartIndex),
-                    oldLength: Number(oldNumLength),
-                    newStartIndex: +Number(newNumStartIndex),
-                    newLength: Number(newNumLength),
-                    _oldStartIndex: -Number(oldNumStartIndex),
-                    _oldLength: Number(oldNumLength),
-                    _newStartIndex: +Number(newNumStartIndex),
-                    _newLength: Number(newNumLength),
-                };
-            }
-            return typedI;
-        });
-        // this.#diffLines = this.#diffListResults
-        //   .reduce<DiffLine[]>((p, c) => p.concat(...c.hunks.reduce<DiffLine[]>((_p, _c) => _p.concat(..._c.lines), [])), [])
-        //   .map<DiffLineItem>((i, index) => {
-        //     const typedI = i as DiffLineItem;
-        //     typedI.index = index;
-        //     if (typedI.type === DiffLineType.Hunk) {
-        //       const numInfo = typedI.text.split("@@")?.[1].split(" ").filter(Boolean);
-        //       const oldNumInfo = numInfo?.[0] || "";
-        //       const newNumInfo = numInfo?.[1] || "";
-        //       const [oldNumStartIndex, oldNumLength] = oldNumInfo.split(",");
-        //       const [newNumStartIndex, newNumLength] = newNumInfo.split(",");
-        //       const typedTypeI = typedI as DiffHunkItem;
-        //       typedTypeI.hunkInfo = {
-        //         oldStartIndex: -Number(oldNumStartIndex),
-        //         oldLength: Number(oldNumLength),
-        //         newStartIndex: +Number(newNumStartIndex),
-        //         newLength: Number(newNumLength),
-        //       };
-        //     }
-        //     return typedI;
-        //   });
-        this.#oldFileDiffLines = {};
-        this.#diffLines.forEach((item) => {
-            if (item.oldLineNumber) {
-                this.diffLineLength = Math.max(this.diffLineLength, item.oldLineNumber);
-                this.#oldFileDiffLines[item.oldLineNumber] = item;
-            }
-        });
-        this.#newFileDiffLines = {};
-        this.#diffLines.forEach((item) => {
-            if (item.newLineNumber) {
-                this.diffLineLength = Math.max(this.diffLineLength, item.newLineNumber);
-                this.#newFileDiffLines[item.newLineNumber] = item;
-            }
-        });
-    }
-    #composeSyntax({ autoDetectLang, registerHighlighter, }) {
-        this.#oldFileResult?.doSyntax({ autoDetectLang, registerHighlighter });
-        this.#oldFileSyntaxLines = this.#oldFileResult?.syntaxFile;
-        this.#newFileResult?.doSyntax({ autoDetectLang, registerHighlighter });
-        this.#newFileSyntaxLines = this.#newFileResult?.syntaxFile;
-    }
-    #getOldDiffLine(lineNumber) {
-        if (!lineNumber)
-            return;
-        return this.#oldFileDiffLines?.[lineNumber];
-    }
-    #getNewDiffLine(lineNumber) {
-        if (!lineNumber)
-            return;
-        return this.#newFileDiffLines?.[lineNumber];
-    }
-    #getOldRawLine(lineNumber) {
-        return this.#oldFileLines?.[lineNumber];
-    }
-    #getNewRawLine(lineNumber) {
-        return this.#newFileLines?.[lineNumber];
+        this.initId();
     }
     initId() {
         let id = "--" + Math.random().toString().slice(2);
@@ -2658,76 +1465,97 @@ class DiffFile {
             id = "--" + Math.random().toString().slice(2);
         }
         idSet.add(id);
-        this.#id = id;
+        __classPrivateFieldSet(this, _DiffFile_id, id, "f");
     }
     getId() {
-        return this.#id;
+        return __classPrivateFieldGet(this, _DiffFile_id, "f");
     }
     clearId() {
-        idSet.delete(this.#id);
+        idSet.delete(__classPrivateFieldGet(this, _DiffFile_id, "f"));
     }
     initRaw() {
-        if (this.#hasInitRaw)
+        if (__classPrivateFieldGet(this, _DiffFile_hasInitRaw, "f"))
             return;
-        this.#doDiff();
-        this.#composeDiff();
-        this.#doFile();
-        this.#composeRaw();
-        this.#composeFile();
-        this.#hasInitRaw = true;
+        __classPrivateFieldGet(this, _DiffFile_instances, "m", _DiffFile_doDiff).call(this);
+        __classPrivateFieldGet(this, _DiffFile_instances, "m", _DiffFile_composeDiff).call(this);
+        __classPrivateFieldGet(this, _DiffFile_instances, "m", _DiffFile_doFile).call(this);
+        __classPrivateFieldGet(this, _DiffFile_instances, "m", _DiffFile_composeRaw).call(this);
+        __classPrivateFieldGet(this, _DiffFile_instances, "m", _DiffFile_composeFile).call(this);
+        __classPrivateFieldSet(this, _DiffFile_hasInitRaw, true, "f");
     }
     initSyntax({ autoDetectLang, registerHighlighter, } = {}) {
-        if (this.#hasInitSyntax)
+        if (__classPrivateFieldGet(this, _DiffFile_hasInitSyntax, "f"))
             return;
-        this.#composeSyntax({ registerHighlighter, autoDetectLang });
-        this.#hasInitSyntax = true;
+        __classPrivateFieldGet(this, _DiffFile_instances, "m", _DiffFile_composeSyntax).call(this, { registerHighlighter, autoDetectLang });
+        __classPrivateFieldSet(this, _DiffFile_hasInitSyntax, true, "f");
     }
     init() {
         this.initRaw();
         this.initSyntax();
     }
     buildSplitDiffLines() {
-        if (this.#hasBuildSplit)
+        var _a, _b, _c, _d, _e, _f, _g;
+        if (__classPrivateFieldGet(this, _DiffFile_hasBuildSplit, "f"))
             return;
         let oldFileLineNumber = 1;
         let newFileLineNumber = 1;
         let prevIsHidden = false;
         let hideStart = Infinity;
-        const maxOldFileLineNumber = this.#oldFileResult?.maxLineNumber || 0;
-        const maxNewFileLineNumber = this.#newFileResult?.maxLineNumber || 0;
+        const maxOldFileLineNumber = ((_a = __classPrivateFieldGet(this, _DiffFile_oldFileResult, "f")) === null || _a === void 0 ? void 0 : _a.maxLineNumber) || 0;
+        const maxNewFileLineNumber = ((_b = __classPrivateFieldGet(this, _DiffFile_newFileResult, "f")) === null || _b === void 0 ? void 0 : _b.maxLineNumber) || 0;
         while (oldFileLineNumber <= maxOldFileLineNumber || newFileLineNumber <= maxNewFileLineNumber) {
-            const oldDiffLine = this.#getOldDiffLine(oldFileLineNumber);
-            const newDiffLine = this.#getNewDiffLine(newFileLineNumber);
-            const oldRawLine = this.#getOldRawLine(oldFileLineNumber);
-            const newRawLine = this.#getNewRawLine(newFileLineNumber);
-            const oldLineHasChange = oldDiffLine?.isIncludeableLine();
-            const newLineHasChange = newDiffLine?.isIncludeableLine();
-            const len = this.#splitRightLines.length;
+            const oldDiffLine = __classPrivateFieldGet(this, _DiffFile_instances, "m", _DiffFile_getOldDiffLine).call(this, oldFileLineNumber);
+            const newDiffLine = __classPrivateFieldGet(this, _DiffFile_instances, "m", _DiffFile_getNewDiffLine).call(this, newFileLineNumber);
+            const oldRawLine = __classPrivateFieldGet(this, _DiffFile_instances, "m", _DiffFile_getOldRawLine).call(this, oldFileLineNumber);
+            const newRawLine = __classPrivateFieldGet(this, _DiffFile_instances, "m", _DiffFile_getNewRawLine).call(this, newFileLineNumber);
+            const oldLineHasChange = oldDiffLine === null || oldDiffLine === void 0 ? void 0 : oldDiffLine.isIncludeableLine();
+            const newLineHasChange = newDiffLine === null || newDiffLine === void 0 ? void 0 : newDiffLine.isIncludeableLine();
+            const len = __classPrivateFieldGet(this, _DiffFile_splitRightLines, "f").length;
             const isHidden = !oldDiffLine && !newDiffLine;
-            if ((oldDiffLine && !newDiffLine && oldDiffLine.newLineNumber && oldDiffLine.newLineNumber > newFileLineNumber) ||
-                (!oldDiffLine && newDiffLine && newDiffLine.oldLineNumber && newDiffLine.oldLineNumber > oldFileLineNumber)) {
-                if (this.#composeByDiff) {
-                    oldDiffLine && newFileLineNumber++;
-                    newDiffLine && oldFileLineNumber++;
+            if (oldDiffLine && !newDiffLine) {
+                if (oldDiffLine.newLineNumber && oldDiffLine.newLineNumber > newFileLineNumber) {
+                    newFileLineNumber++;
                     continue;
                 }
-                else {
-                    {
-                        console.error("some error happen for generate diff line!");
-                    }
+                if (oldDiffLine.newLineNumber === null || oldDiffLine.newLineNumber === undefined) {
+                    newFileLineNumber++;
+                }
+            }
+            if (newDiffLine && !oldDiffLine) {
+                if (newDiffLine.oldLineNumber && newDiffLine.oldLineNumber > oldFileLineNumber) {
+                    oldFileLineNumber++;
+                    continue;
+                }
+                if (newDiffLine.oldLineNumber === null || newDiffLine.oldLineNumber === undefined) {
+                    oldFileLineNumber++;
                 }
             }
-            if (!oldDiffLine && !newRawLine && !oldDiffLine && !newDiffLine)
+            if (!oldDiffLine && !oldRawLine && !newDiffLine && !newRawLine)
                 break;
+            if (!oldDiffLine && !newDiffLine) {
+                if (((_c = __classPrivateFieldGet(this, _DiffFile_oldFilePlaceholderLines, "f")) === null || _c === void 0 ? void 0 : _c[oldFileLineNumber]) && ((_d = __classPrivateFieldGet(this, _DiffFile_newFilePlaceholderLines, "f")) === null || _d === void 0 ? void 0 : _d[newFileLineNumber])) {
+                    oldFileLineNumber++;
+                    newFileLineNumber++;
+                    continue;
+                }
+                if (!oldRawLine && ((_e = __classPrivateFieldGet(this, _DiffFile_newFilePlaceholderLines, "f")) === null || _e === void 0 ? void 0 : _e[newFileLineNumber])) {
+                    newFileLineNumber++;
+                    continue;
+                }
+                if (!newRawLine && ((_f = __classPrivateFieldGet(this, _DiffFile_oldFilePlaceholderLines, "f")) === null || _f === void 0 ? void 0 : _f[oldFileLineNumber])) {
+                    oldFileLineNumber++;
+                    continue;
+                }
+            }
             if ((oldLineHasChange && newLineHasChange) || (!oldLineHasChange && !newLineHasChange)) {
-                this.#splitLeftLines.push({
+                __classPrivateFieldGet(this, _DiffFile_splitLeftLines, "f").push({
                     lineNumber: oldFileLineNumber++,
                     value: oldRawLine,
                     diff: oldDiffLine,
                     isHidden,
                     _isHidden: isHidden,
                 });
-                this.#splitRightLines.push({
+                __classPrivateFieldGet(this, _DiffFile_splitRightLines, "f").push({
                     lineNumber: newFileLineNumber++,
                     value: newRawLine,
                     diff: newDiffLine,
@@ -2736,18 +1564,18 @@ class DiffFile {
                 });
             }
             else if (oldLineHasChange) {
-                this.#splitLeftLines.push({
+                __classPrivateFieldGet(this, _DiffFile_splitLeftLines, "f").push({
                     lineNumber: oldFileLineNumber++,
                     value: oldRawLine,
                     diff: oldDiffLine,
                     isHidden,
                     _isHidden: isHidden,
                 });
-                this.#splitRightLines.push({});
+                __classPrivateFieldGet(this, _DiffFile_splitRightLines, "f").push({});
             }
             else if (newLineHasChange) {
-                this.#splitLeftLines.push({});
-                this.#splitRightLines.push({
+                __classPrivateFieldGet(this, _DiffFile_splitLeftLines, "f").push({});
+                __classPrivateFieldGet(this, _DiffFile_splitRightLines, "f").push({
                     lineNumber: newFileLineNumber++,
                     value: newRawLine,
                     diff: newDiffLine,
@@ -2758,41 +1586,33 @@ class DiffFile {
             if (!prevIsHidden && isHidden) {
                 hideStart = len;
             }
+            if (isHidden) {
+                this.hasCollapsed = true;
+            }
             prevIsHidden = isHidden;
             if (oldDiffLine && newDiffLine && !oldLineHasChange && !newLineHasChange) {
                 const current = newDiffLine;
-                const previous = newDiffLine.index ? this.#diffLines?.[current.index - 1] : undefined;
-                if (previous && previous.type === DiffLineType.Hunk) {
+                const previous = newDiffLine.index ? (_g = __classPrivateFieldGet(this, _DiffFile_diffLines, "f")) === null || _g === void 0 ? void 0 : _g[current.index - 1] : undefined;
+                if (previous && previous.type === exports.DiffLineType.Hunk) {
                     const typedPrevious = previous;
                     if (Number.isFinite(hideStart)) {
-                        typedPrevious.splitInfo = {
-                            ...typedPrevious.hunkInfo,
-                            startHiddenIndex: hideStart,
-                            endHiddenIndex: len,
-                            plainText: typedPrevious.text,
-                            _startHiddenIndex: hideStart,
-                            _endHiddenIndex: len,
-                            _plainText: typedPrevious.text,
-                        };
+                        typedPrevious.splitInfo = Object.assign(Object.assign({}, typedPrevious.hunkInfo), { startHiddenIndex: hideStart, endHiddenIndex: len, plainText: typedPrevious.text, _startHiddenIndex: hideStart, _endHiddenIndex: len, _plainText: typedPrevious.text });
                         hideStart = Infinity;
                     }
-                    this.#splitHunksLines = {
-                        ...this.#splitHunksLines,
-                        [len]: typedPrevious,
-                    };
+                    __classPrivateFieldSet(this, _DiffFile_splitHunksLines, Object.assign(Object.assign({}, __classPrivateFieldGet(this, _DiffFile_splitHunksLines, "f")), { [len]: typedPrevious }), "f");
                 }
             }
         }
         // have last hunk
         if (Number.isFinite(hideStart)) {
-            const lastDiff = new DiffLine("", DiffLineType.Hunk, null, null, null);
+            const lastDiff = new DiffLine("", exports.DiffLineType.Hunk, null, null, null);
             const lastHunk = lastDiff;
             lastHunk.isLast = true;
             lastHunk.splitInfo = {
                 startHiddenIndex: hideStart,
-                endHiddenIndex: this.#splitRightLines.length,
+                endHiddenIndex: __classPrivateFieldGet(this, _DiffFile_splitRightLines, "f").length,
                 _startHiddenIndex: hideStart,
-                _endHiddenIndex: this.#splitRightLines.length,
+                _endHiddenIndex: __classPrivateFieldGet(this, _DiffFile_splitRightLines, "f").length,
                 // just for placeholder
                 plainText: "",
                 oldStartIndex: 0,
@@ -2805,51 +1625,69 @@ class DiffFile {
                 _oldLength: 0,
                 _newLength: 0,
             };
-            this.#splitHunksLines = {
-                ...this.#splitHunksLines,
-                [this.#splitRightLines.length]: lastHunk,
-            };
+            __classPrivateFieldSet(this, _DiffFile_splitHunksLines, Object.assign(Object.assign({}, __classPrivateFieldGet(this, _DiffFile_splitHunksLines, "f")), { [__classPrivateFieldGet(this, _DiffFile_splitRightLines, "f").length]: lastHunk }), "f");
             hideStart = Infinity;
         }
-        this.splitLineLength = this.#splitRightLines.length;
-        this.#hasBuildSplit = true;
+        this.splitLineLength = __classPrivateFieldGet(this, _DiffFile_splitRightLines, "f").length;
+        __classPrivateFieldSet(this, _DiffFile_hasBuildSplit, true, "f");
         this.notifyAll();
     }
     buildUnifiedDiffLines() {
-        if (this.#hasBuildUnified)
+        var _a, _b, _c, _d, _e, _f, _g;
+        if (__classPrivateFieldGet(this, _DiffFile_hasBuildUnified, "f"))
             return;
         let oldFileLineNumber = 1;
         let newFileLineNumber = 1;
         let prevIsHidden = false;
         let hideStart = Infinity;
-        const maxOldFileLineNumber = this.#oldFileResult?.maxLineNumber || 0;
-        const maxNewFileLineNumber = this.#newFileResult?.maxLineNumber || 0;
+        const maxOldFileLineNumber = ((_a = __classPrivateFieldGet(this, _DiffFile_oldFileResult, "f")) === null || _a === void 0 ? void 0 : _a.maxLineNumber) || 0;
+        const maxNewFileLineNumber = ((_b = __classPrivateFieldGet(this, _DiffFile_newFileResult, "f")) === null || _b === void 0 ? void 0 : _b.maxLineNumber) || 0;
         while (oldFileLineNumber <= maxOldFileLineNumber || newFileLineNumber <= maxNewFileLineNumber) {
-            const oldRawLine = this.#getOldRawLine(oldFileLineNumber);
-            const oldDiffLine = this.#getOldDiffLine(oldFileLineNumber);
-            const newRawLine = this.#getNewRawLine(newFileLineNumber);
-            const newDiffLine = this.#getNewDiffLine(newFileLineNumber);
-            const oldLineHasChange = oldDiffLine?.isIncludeableLine();
-            const newLineHasChange = newDiffLine?.isIncludeableLine();
-            const len = this.#unifiedLines.length;
+            const oldRawLine = __classPrivateFieldGet(this, _DiffFile_instances, "m", _DiffFile_getOldRawLine).call(this, oldFileLineNumber);
+            const oldDiffLine = __classPrivateFieldGet(this, _DiffFile_instances, "m", _DiffFile_getOldDiffLine).call(this, oldFileLineNumber);
+            const newRawLine = __classPrivateFieldGet(this, _DiffFile_instances, "m", _DiffFile_getNewRawLine).call(this, newFileLineNumber);
+            const newDiffLine = __classPrivateFieldGet(this, _DiffFile_instances, "m", _DiffFile_getNewDiffLine).call(this, newFileLineNumber);
+            const oldLineHasChange = oldDiffLine === null || oldDiffLine === void 0 ? void 0 : oldDiffLine.isIncludeableLine();
+            const newLineHasChange = newDiffLine === null || newDiffLine === void 0 ? void 0 : newDiffLine.isIncludeableLine();
+            const len = __classPrivateFieldGet(this, _DiffFile_unifiedLines, "f").length;
             const isHidden = !oldDiffLine && !newDiffLine;
-            if ((oldDiffLine && !newDiffLine && oldDiffLine.newLineNumber && oldDiffLine.newLineNumber > newFileLineNumber) ||
-                (!oldDiffLine && newDiffLine && newDiffLine.oldLineNumber && newDiffLine.oldLineNumber > oldFileLineNumber)) {
-                if (this.#composeByDiff) {
-                    oldDiffLine && newFileLineNumber++;
-                    newDiffLine && oldFileLineNumber++;
+            if (oldDiffLine && !newDiffLine) {
+                if (oldDiffLine.newLineNumber && oldDiffLine.newLineNumber > newFileLineNumber) {
+                    newFileLineNumber++;
                     continue;
                 }
-                else {
-                    {
-                        console.error("some error happen for generate diff line!");
-                    }
+                if (oldDiffLine.newLineNumber === null || oldDiffLine.newLineNumber === undefined) {
+                    newFileLineNumber++;
+                }
+            }
+            if (newDiffLine && !oldDiffLine) {
+                if (newDiffLine.oldLineNumber && newDiffLine.oldLineNumber > oldFileLineNumber) {
+                    oldFileLineNumber++;
+                    continue;
+                }
+                if (newDiffLine.oldLineNumber === null || newDiffLine.oldLineNumber === undefined) {
+                    oldFileLineNumber++;
                 }
             }
             if (!oldRawLine && !newRawLine && !newDiffLine && !oldDiffLine)
                 break;
+            if (!oldDiffLine && !newDiffLine) {
+                if (((_c = __classPrivateFieldGet(this, _DiffFile_oldFilePlaceholderLines, "f")) === null || _c === void 0 ? void 0 : _c[oldFileLineNumber]) && ((_d = __classPrivateFieldGet(this, _DiffFile_newFilePlaceholderLines, "f")) === null || _d === void 0 ? void 0 : _d[newFileLineNumber])) {
+                    oldFileLineNumber++;
+                    newFileLineNumber++;
+                    continue;
+                }
+                if (!oldRawLine && ((_e = __classPrivateFieldGet(this, _DiffFile_newFilePlaceholderLines, "f")) === null || _e === void 0 ? void 0 : _e[newFileLineNumber])) {
+                    newFileLineNumber++;
+                    continue;
+                }
+                if (!newRawLine && ((_f = __classPrivateFieldGet(this, _DiffFile_oldFilePlaceholderLines, "f")) === null || _f === void 0 ? void 0 : _f[oldFileLineNumber])) {
+                    oldFileLineNumber++;
+                    continue;
+                }
+            }
             if (!oldLineHasChange && !newLineHasChange) {
-                this.#unifiedLines.push({
+                __classPrivateFieldGet(this, _DiffFile_unifiedLines, "f").push({
                     oldLineNumber: oldFileLineNumber++,
                     newLineNumber: newFileLineNumber++,
                     value: newRawLine,
@@ -2859,7 +1697,7 @@ class DiffFile {
                 });
             }
             else if (oldLineHasChange) {
-                this.#unifiedLines.push({
+                __classPrivateFieldGet(this, _DiffFile_unifiedLines, "f").push({
                     oldLineNumber: oldFileLineNumber++,
                     value: oldRawLine,
                     diff: oldDiffLine,
@@ -2868,7 +1706,7 @@ class DiffFile {
                 });
             }
             else if (newLineHasChange) {
-                this.#unifiedLines.push({
+                __classPrivateFieldGet(this, _DiffFile_unifiedLines, "f").push({
                     newLineNumber: newFileLineNumber++,
                     value: newRawLine,
                     diff: newDiffLine,
@@ -2879,41 +1717,33 @@ class DiffFile {
             if (!prevIsHidden && isHidden) {
                 hideStart = len;
             }
+            if (isHidden) {
+                this.hasCollapsed = true;
+            }
             prevIsHidden = isHidden;
             if (oldDiffLine && newDiffLine && !oldLineHasChange && !newLineHasChange) {
                 const current = newDiffLine;
-                const previous = current.index ? this.#diffLines?.[current.index - 1] : undefined;
-                if (previous && previous.type === DiffLineType.Hunk) {
+                const previous = current.index ? (_g = __classPrivateFieldGet(this, _DiffFile_diffLines, "f")) === null || _g === void 0 ? void 0 : _g[current.index - 1] : undefined;
+                if (previous && previous.type === exports.DiffLineType.Hunk) {
                     const typedPrevious = previous;
                     if (Number.isFinite(hideStart)) {
-                        typedPrevious.unifiedInfo = {
-                            ...typedPrevious.hunkInfo,
-                            startHiddenIndex: hideStart,
-                            endHiddenIndex: len,
-                            plainText: typedPrevious.text,
-                            _startHiddenIndex: hideStart,
-                            _endHiddenIndex: len,
-                            _plainText: typedPrevious.text,
-                        };
+                        typedPrevious.unifiedInfo = Object.assign(Object.assign({}, typedPrevious.hunkInfo), { startHiddenIndex: hideStart, endHiddenIndex: len, plainText: typedPrevious.text, _startHiddenIndex: hideStart, _endHiddenIndex: len, _plainText: typedPrevious.text });
                         hideStart = Infinity;
                     }
-                    this.#unifiedHunksLines = {
-                        ...this.#unifiedHunksLines,
-                        [len]: typedPrevious,
-                    };
+                    __classPrivateFieldSet(this, _DiffFile_unifiedHunksLines, Object.assign(Object.assign({}, __classPrivateFieldGet(this, _DiffFile_unifiedHunksLines, "f")), { [len]: typedPrevious }), "f");
                 }
             }
         }
         // have last hunk
         if (Number.isFinite(hideStart)) {
-            const lastDiff = new DiffLine("", DiffLineType.Hunk, null, null, null);
+            const lastDiff = new DiffLine("", exports.DiffLineType.Hunk, null, null, null);
             const lastHunk = lastDiff;
             lastHunk.isLast = true;
             lastHunk.unifiedInfo = {
                 startHiddenIndex: hideStart,
-                endHiddenIndex: this.#unifiedLines.length,
+                endHiddenIndex: __classPrivateFieldGet(this, _DiffFile_unifiedLines, "f").length,
                 _startHiddenIndex: hideStart,
-                _endHiddenIndex: this.#unifiedLines.length,
+                _endHiddenIndex: __classPrivateFieldGet(this, _DiffFile_unifiedLines, "f").length,
                 // just for placeholder
                 plainText: "",
                 oldStartIndex: 0,
@@ -2926,476 +1756,312 @@ class DiffFile {
                 _oldLength: 0,
                 _newLength: 0,
             };
-            this.#unifiedHunksLines = {
-                ...this.#unifiedHunksLines,
-                [this.#unifiedLines.length]: lastHunk,
-            };
+            __classPrivateFieldSet(this, _DiffFile_unifiedHunksLines, Object.assign(Object.assign({}, __classPrivateFieldGet(this, _DiffFile_unifiedHunksLines, "f")), { [__classPrivateFieldGet(this, _DiffFile_unifiedLines, "f").length]: lastHunk }), "f");
             hideStart = Infinity;
         }
-        this.unifiedLineLength = this.#unifiedLines.length;
-        this.#hasBuildUnified = true;
+        this.unifiedLineLength = __classPrivateFieldGet(this, _DiffFile_unifiedLines, "f").length;
+        __classPrivateFieldSet(this, _DiffFile_hasBuildUnified, true, "f");
         this.notifyAll();
     }
-    getSplitLeftLine = (index) => {
-        return this.#splitLeftLines[index];
-    };
-    getSplitRightLine = (index) => {
-        return this.#splitRightLines[index];
-    };
-    getSplitHunkLine = (index) => {
-        return this.#splitHunksLines?.[index];
-    };
-    onSplitHunkExpand = (dir, index, needTrigger = true) => {
-        const current = this.#splitHunksLines?.[index];
-        if (!current || !current.splitInfo)
-            return;
-        if (dir === "all") {
-            for (let i = current.splitInfo.startHiddenIndex; i < current.splitInfo.endHiddenIndex; i++) {
-                const leftLine = this.#splitLeftLines[i];
-                const rightLine = this.#splitRightLines[i];
-                if (leftLine?.isHidden)
-                    leftLine.isHidden = false;
-                if (rightLine?.isHidden)
-                    rightLine.isHidden = false;
-            }
-            current.splitInfo = {
-                ...current.splitInfo,
-                ...current.hunkInfo,
-                plainText: current.text,
-                startHiddenIndex: current.splitInfo.endHiddenIndex,
-            };
-        }
-        else if (dir === "down") {
-            for (let i = current.splitInfo.startHiddenIndex; i < current.splitInfo.startHiddenIndex + composeLen; i++) {
-                const leftLine = this.#splitLeftLines[i];
-                const rightLine = this.#splitRightLines[i];
-                if (leftLine?.isHidden)
-                    leftLine.isHidden = false;
-                if (rightLine?.isHidden)
-                    rightLine.isHidden = false;
-            }
-            if (current.isLast) {
-                current.splitInfo = {
-                    ...current.splitInfo,
-                    startHiddenIndex: current.splitInfo.startHiddenIndex + composeLen,
-                };
+}
+_DiffFile_oldFileResult = new WeakMap(), _DiffFile_newFileResult = new WeakMap(), _DiffFile_diffListResults = new WeakMap(), _DiffFile_diffLines = new WeakMap(), _DiffFile_oldFileDiffLines = new WeakMap(), _DiffFile_newFileDiffLines = new WeakMap(), _DiffFile_oldFileLines = new WeakMap(), _DiffFile_newFileLines = new WeakMap(), _DiffFile_oldFileSyntaxLines = new WeakMap(), _DiffFile_newFileSyntaxLines = new WeakMap(), _DiffFile_oldFilePlaceholderLines = new WeakMap(), _DiffFile_newFilePlaceholderLines = new WeakMap(), _DiffFile_splitLeftLines = new WeakMap(), _DiffFile_splitRightLines = new WeakMap(), _DiffFile_splitHunksLines = new WeakMap(), _DiffFile_unifiedLines = new WeakMap(), _DiffFile_unifiedHunksLines = new WeakMap(), _DiffFile_listeners = new WeakMap(), _DiffFile_hasInitRaw = new WeakMap(), _DiffFile_hasInitSyntax = new WeakMap(), _DiffFile_hasBuildSplit = new WeakMap(), _DiffFile_hasBuildUnified = new WeakMap(), _DiffFile_updateCount = new WeakMap(), _DiffFile_composeByDiff = new WeakMap(), _DiffFile_id = new WeakMap(), _DiffFile_clonedInstance = new WeakMap(), _DiffFile_instances = new WeakSet(), _DiffFile_doDiff = function _DiffFile_doDiff() {
+    if (!this._diffList)
+        return;
+    __classPrivateFieldSet(this, _DiffFile_diffListResults, this._diffList.map((s) => parseInstance.parse(s)), "f");
+}, _DiffFile_doFile = function _DiffFile_doFile() {
+    if (!this._oldFileContent && !this._newFileContent)
+        return;
+    if (this._oldFileContent) {
+        __classPrivateFieldSet(this, _DiffFile_oldFileResult, getFile(this._oldFileContent, this._oldFileLang, this._oldFileName), "f");
+    }
+    if (this._newFileContent) {
+        __classPrivateFieldSet(this, _DiffFile_newFileResult, getFile(this._newFileContent, this._newFileLang, this._newFileName), "f");
+    }
+}, _DiffFile_composeRaw = function _DiffFile_composeRaw() {
+    var _a, _b, _c, _d;
+    (_a = __classPrivateFieldGet(this, _DiffFile_oldFileResult, "f")) === null || _a === void 0 ? void 0 : _a.doRaw();
+    __classPrivateFieldSet(this, _DiffFile_oldFileLines, (_b = __classPrivateFieldGet(this, _DiffFile_oldFileResult, "f")) === null || _b === void 0 ? void 0 : _b.rawFile, "f");
+    (_c = __classPrivateFieldGet(this, _DiffFile_newFileResult, "f")) === null || _c === void 0 ? void 0 : _c.doRaw();
+    __classPrivateFieldSet(this, _DiffFile_newFileLines, (_d = __classPrivateFieldGet(this, _DiffFile_newFileResult, "f")) === null || _d === void 0 ? void 0 : _d.rawFile, "f");
+}, _DiffFile_composeFile = function _DiffFile_composeFile() {
+    if (this._oldFileContent && this._newFileContent)
+        return;
+    const oldFilePlaceholderLines = {};
+    const newFilePlaceholderLines = {};
+    // all of the file content not exist, try to use diff result to compose
+    if (!this._oldFileContent && !this._newFileContent) {
+        let newLineNumber = 1;
+        let oldLineNumber = 1;
+        let oldFileContent = "";
+        let newFileContent = "";
+        while (oldLineNumber <= this.diffLineLength) {
+            const index = oldLineNumber++;
+            const diffLine = __classPrivateFieldGet(this, _DiffFile_instances, "m", _DiffFile_getOldDiffLine).call(this, index);
+            if (diffLine) {
+                oldFileContent += diffLine.text;
             }
             else {
-                current.splitInfo = {
-                    ...current.splitInfo,
-                    startHiddenIndex: current.splitInfo.startHiddenIndex + composeLen,
-                    plainText: `@@ -${current.splitInfo.oldStartIndex},${current.splitInfo.oldLength} +${current.splitInfo.newStartIndex},${current.splitInfo.newLength}`,
-                };
+                // empty line for placeholder
+                oldFileContent += "\n";
+                oldFilePlaceholderLines[index] = true;
             }
         }
-        else {
-            if (current.isLast) {
-                console.error("the last hunk can not expand up!");
-                return;
+        while (newLineNumber <= this.diffLineLength) {
+            const index = newLineNumber++;
+            const diffLine = __classPrivateFieldGet(this, _DiffFile_instances, "m", _DiffFile_getNewDiffLine).call(this, index);
+            if (diffLine) {
+                newFileContent += diffLine.text;
             }
-            for (let i = current.splitInfo.endHiddenIndex - composeLen; i < current.splitInfo.endHiddenIndex; i++) {
-                const leftLine = this.#splitLeftLines[i];
-                const rightLine = this.#splitRightLines[i];
-                if (leftLine?.isHidden)
-                    leftLine.isHidden = false;
-                if (rightLine?.isHidden)
-                    rightLine.isHidden = false;
+            else {
+                // empty line for placeholder
+                newFileContent += "\n";
+                newFilePlaceholderLines[index] = true;
             }
-            const oldStartIndex = current.splitInfo.oldStartIndex - composeLen;
-            const oldLength = current.splitInfo.oldLength + composeLen;
-            const newStartIndex = current.splitInfo.newStartIndex - composeLen;
-            const newLength = current.splitInfo.newLength + composeLen;
-            current.splitInfo = {
-                ...current.splitInfo,
-                endHiddenIndex: current.splitInfo.endHiddenIndex - composeLen,
-                oldStartIndex,
-                oldLength,
-                newStartIndex,
-                newLength,
-                plainText: `@@ -${oldStartIndex},${oldLength} +${newStartIndex},${newLength}`,
-            };
-            delete this.#splitHunksLines?.[index];
-            this.#splitHunksLines[current.splitInfo.endHiddenIndex] = current;
         }
-        needTrigger && this.notifyAll();
-    };
-    getUnifiedLine = (index) => {
-        return this.#unifiedLines[index];
-    };
-    getUnifiedHunkLine = (index) => {
-        return this.#unifiedHunksLines?.[index];
-    };
-    onUnifiedHunkExpand = (dir, index, needTrigger = true) => {
-        const current = this.#unifiedHunksLines?.[index];
-        if (!current || !current.unifiedInfo)
+        if (oldFileContent === newFileContent)
             return;
-        if (dir === "all") {
-            for (let i = current.unifiedInfo.startHiddenIndex; i < current.unifiedInfo.endHiddenIndex; i++) {
-                const unifiedLine = this.#unifiedLines?.[i];
-                if (unifiedLine?.isHidden) {
-                    unifiedLine.isHidden = false;
-                }
-            }
-            current.unifiedInfo = {
-                ...current.unifiedInfo,
-                ...current.hunkInfo,
-                plainText: current.text,
-                startHiddenIndex: current.unifiedInfo.endHiddenIndex,
-            };
-        }
-        else if (dir === "down") {
-            for (let i = current.unifiedInfo.startHiddenIndex; i < current.unifiedInfo.startHiddenIndex + composeLen; i++) {
-                const unifiedLine = this.#unifiedLines[i];
-                if (unifiedLine?.isHidden)
-                    unifiedLine.isHidden = false;
-            }
-            if (current.isLast) {
-                current.unifiedInfo = {
-                    ...current.unifiedInfo,
-                    startHiddenIndex: current.unifiedInfo.startHiddenIndex + composeLen,
-                };
+        this._oldFileContent = oldFileContent;
+        this._newFileContent = newFileContent;
+        __classPrivateFieldSet(this, _DiffFile_oldFileResult, getFile(this._oldFileContent, this._oldFileLang, this._oldFileName), "f");
+        __classPrivateFieldSet(this, _DiffFile_newFileResult, getFile(this._newFileContent, this._newFileLang, this._newFileName), "f");
+        __classPrivateFieldSet(this, _DiffFile_oldFilePlaceholderLines, oldFilePlaceholderLines, "f");
+        __classPrivateFieldSet(this, _DiffFile_newFilePlaceholderLines, newFilePlaceholderLines, "f");
+        // all of the file just compose by diff, so we can not do the expand action
+        __classPrivateFieldSet(this, _DiffFile_composeByDiff, true, "f");
+    }
+    else if (__classPrivateFieldGet(this, _DiffFile_oldFileResult, "f")) {
+        let newLineNumber = 1;
+        let oldLineNumber = 1;
+        let newFileContent = "";
+        while (oldLineNumber <= __classPrivateFieldGet(this, _DiffFile_oldFileResult, "f").maxLineNumber) {
+            const newDiffLine = __classPrivateFieldGet(this, _DiffFile_instances, "m", _DiffFile_getNewDiffLine).call(this, newLineNumber++);
+            if (newDiffLine) {
+                newFileContent += newDiffLine.text;
+                oldLineNumber = newDiffLine.oldLineNumber ? newDiffLine.oldLineNumber + 1 : oldLineNumber;
             }
             else {
-                current.unifiedInfo = {
-                    ...current.unifiedInfo,
-                    startHiddenIndex: current.unifiedInfo.startHiddenIndex + composeLen,
-                    plainText: `@@ -${current.unifiedInfo.oldStartIndex},${current.unifiedInfo.oldLength} +${current.unifiedInfo.newStartIndex},${current.unifiedInfo.newLength}`,
-                };
+                newFileContent += __classPrivateFieldGet(this, _DiffFile_instances, "m", _DiffFile_getOldRawLine).call(this, oldLineNumber++);
             }
         }
-        else {
-            if (current.isLast) {
-                console.error("the last hunk can not expand up!");
-                return;
+        if (newFileContent === this._oldFileContent)
+            return;
+        this._newFileContent = newFileContent;
+        __classPrivateFieldSet(this, _DiffFile_newFileResult, getFile(this._newFileContent, this._newFileLang, this._newFileName), "f");
+    }
+    else if (__classPrivateFieldGet(this, _DiffFile_newFileResult, "f")) {
+        let oldLineNumber = 1;
+        let newLineNumber = 1;
+        let oldFileContent = "";
+        while (newLineNumber <= __classPrivateFieldGet(this, _DiffFile_newFileResult, "f").maxLineNumber) {
+            const oldDiffLine = __classPrivateFieldGet(this, _DiffFile_instances, "m", _DiffFile_getOldDiffLine).call(this, oldLineNumber++);
+            if (oldDiffLine) {
+                oldFileContent += oldDiffLine.text;
+                newLineNumber = oldDiffLine.newLineNumber ? oldDiffLine.newLineNumber + 1 : newLineNumber;
             }
-            for (let i = current.unifiedInfo.endHiddenIndex - composeLen; i < current.unifiedInfo.endHiddenIndex; i++) {
-                const unifiedLine = this.#unifiedLines[i];
-                if (unifiedLine?.isHidden)
-                    unifiedLine.isHidden = false;
+            else {
+                oldFileContent += __classPrivateFieldGet(this, _DiffFile_instances, "m", _DiffFile_getNewRawLine).call(this, newLineNumber++);
             }
-            const oldStartIndex = current.unifiedInfo.oldStartIndex - composeLen;
-            const oldLength = current.unifiedInfo.oldLength + composeLen;
-            const newStartIndex = current.unifiedInfo.newStartIndex - composeLen;
-            const newLength = current.unifiedInfo.newLength + composeLen;
-            current.unifiedInfo = {
-                ...current.unifiedInfo,
-                endHiddenIndex: current.unifiedInfo.endHiddenIndex - composeLen,
-                oldStartIndex,
-                oldLength,
-                newStartIndex,
-                newLength,
-                plainText: `@@ -${oldStartIndex},${oldLength} +${newStartIndex},${newLength}`,
-            };
-            delete this.#unifiedHunksLines?.[index];
-            this.#unifiedHunksLines[current.unifiedInfo.endHiddenIndex] = current;
-        }
-        needTrigger && this.notifyAll();
-    };
-    onAllExpand = (mode) => {
-        if (mode === "split") {
-            Object.keys(this.#splitHunksLines || {}).forEach((key) => {
-                this.onSplitHunkExpand("all", +key, false);
-            });
-        }
-        else {
-            Object.keys(this.#unifiedHunksLines || {}).forEach((key) => {
-                this.onUnifiedHunkExpand("all", +key, false);
-            });
         }
-        this.notifyAll();
-    };
-    onAllCollapse = (mode) => {
-        if (mode === "split") {
-            Object.values(this.#splitLeftLines || {}).forEach((item) => {
-                if (!item.isHidden && item._isHidden) {
-                    item.isHidden = item._isHidden;
-                }
-            });
-            Object.values(this.#splitRightLines || {}).forEach((item) => {
-                if (!item.isHidden && item._isHidden) {
-                    item.isHidden = item._isHidden;
+        if (oldFileContent === this._newFileContent)
+            return;
+        this._oldFileContent = oldFileContent;
+        __classPrivateFieldSet(this, _DiffFile_oldFileResult, getFile(this._oldFileContent, this._oldFileLang, this._oldFileName), "f");
+    }
+    __classPrivateFieldGet(this, _DiffFile_instances, "m", _DiffFile_composeRaw).call(this);
+}, _DiffFile_composeDiff = function _DiffFile_composeDiff() {
+    var _a;
+    if (!((_a = __classPrivateFieldGet(this, _DiffFile_diffListResults, "f")) === null || _a === void 0 ? void 0 : _a.length))
+        return;
+    __classPrivateFieldGet(this, _DiffFile_diffListResults, "f").forEach((item) => {
+        const hunks = item.hunks;
+        hunks.forEach((hunk) => {
+            let additions = [];
+            let deletions = [];
+            hunk.lines.forEach((line) => {
+                if (line.type === exports.DiffLineType.Add) {
+                    additions.push(line);
+                }
+                else if (line.type === exports.DiffLineType.Delete) {
+                    deletions.push(line);
                 }
-            });
-            Object.values(this.#splitHunksLines || {}).forEach((item) => {
-                if (!item.splitInfo)
-                    return;
-                item.splitInfo = {
-                    ...item.splitInfo,
-                    oldStartIndex: item.splitInfo._oldStartIndex,
-                    oldLength: item.splitInfo._oldLength,
-                    newStartIndex: item.splitInfo._newStartIndex,
-                    newLength: item.splitInfo._newLength,
-                    startHiddenIndex: item.splitInfo._startHiddenIndex,
-                    endHiddenIndex: item.splitInfo._endHiddenIndex,
-                    plainText: item.splitInfo._plainText,
-                };
-            });
-            Object.keys(this.#splitHunksLines || {}).forEach((key) => {
-                const item = this.#splitHunksLines[key];
-                if (!item.splitInfo)
-                    return;
-                if (item.splitInfo.endHiddenIndex !== +key) {
-                    delete this.#splitHunksLines[key];
-                    this.#splitHunksLines[item.splitInfo.endHiddenIndex] = item;
+                else {
+                    getDiffRange(additions, deletions);
+                    additions = [];
+                    deletions = [];
                 }
             });
+            getDiffRange(additions, deletions);
+        });
+    });
+    __classPrivateFieldSet(this, _DiffFile_diffLines, [], "f");
+    const tmp = [];
+    __classPrivateFieldGet(this, _DiffFile_diffListResults, "f").forEach((item) => {
+        item.hunks.forEach((_item) => {
+            tmp.push(..._item.lines);
+        });
+    });
+    __classPrivateFieldSet(this, _DiffFile_diffLines, tmp.map((i, index) => {
+        var _a;
+        const typedI = i;
+        typedI.index = index;
+        if (typedI.type === exports.DiffLineType.Hunk) {
+            const numInfo = (_a = typedI.text.split("@@")) === null || _a === void 0 ? void 0 : _a[1].split(" ").filter(Boolean);
+            const oldNumInfo = (numInfo === null || numInfo === void 0 ? void 0 : numInfo[0]) || "";
+            const newNumInfo = (numInfo === null || numInfo === void 0 ? void 0 : numInfo[1]) || "";
+            const [oldNumStartIndex, oldNumLength] = oldNumInfo.split(",");
+            const [newNumStartIndex, newNumLength] = newNumInfo.split(",");
+            const typedTypeI = typedI;
+            typedTypeI.hunkInfo = {
+                oldStartIndex: -Number(oldNumStartIndex),
+                oldLength: Number(oldNumLength),
+                newStartIndex: +Number(newNumStartIndex),
+                newLength: Number(newNumLength),
+                _oldStartIndex: -Number(oldNumStartIndex),
+                _oldLength: Number(oldNumLength),
+                _newStartIndex: +Number(newNumStartIndex),
+                _newLength: Number(newNumLength),
+            };
         }
-        else {
-            Object.values(this.#unifiedLines || {}).forEach((item) => {
-                if (!item.isHidden && item._isHidden) {
-                    item.isHidden = item._isHidden;
-                }
-            });
-            Object.values(this.#unifiedHunksLines || {}).forEach((item) => {
-                if (!item.unifiedInfo)
-                    return;
-                item.unifiedInfo = {
-                    ...item.unifiedInfo,
-                    oldStartIndex: item.unifiedInfo._oldStartIndex,
-                    oldLength: item.unifiedInfo._oldLength,
-                    newStartIndex: item.unifiedInfo._newStartIndex,
-                    newLength: item.unifiedInfo._newLength,
-                    startHiddenIndex: item.unifiedInfo._startHiddenIndex,
-                    endHiddenIndex: item.unifiedInfo._endHiddenIndex,
-                    plainText: item.unifiedInfo._plainText,
-                };
-            });
-            Object.keys(this.#unifiedHunksLines || {}).forEach((key) => {
-                const item = this.#unifiedHunksLines[key];
-                if (!item.unifiedInfo)
-                    return;
-                if (item.unifiedInfo.endHiddenIndex !== +key) {
-                    delete this.#unifiedHunksLines[key];
-                    this.#unifiedHunksLines[item.unifiedInfo.endHiddenIndex] = item;
-                }
-            });
+        return typedI;
+    }), "f");
+    // this.#diffLines = this.#diffListResults
+    //   .reduce<DiffLine[]>((p, c) => p.concat(...c.hunks.reduce<DiffLine[]>((_p, _c) => _p.concat(..._c.lines), [])), [])
+    //   .map<DiffLineItem>((i, index) => {
+    //     const typedI = i as DiffLineItem;
+    //     typedI.index = index;
+    //     if (typedI.type === DiffLineType.Hunk) {
+    //       const numInfo = typedI.text.split("@@")?.[1].split(" ").filter(Boolean);
+    //       const oldNumInfo = numInfo?.[0] || "";
+    //       const newNumInfo = numInfo?.[1] || "";
+    //       const [oldNumStartIndex, oldNumLength] = oldNumInfo.split(",");
+    //       const [newNumStartIndex, newNumLength] = newNumInfo.split(",");
+    //       const typedTypeI = typedI as DiffHunkItem;
+    //       typedTypeI.hunkInfo = {
+    //         oldStartIndex: -Number(oldNumStartIndex),
+    //         oldLength: Number(oldNumLength),
+    //         newStartIndex: +Number(newNumStartIndex),
+    //         newLength: Number(newNumLength),
+    //       };
+    //     }
+    //     return typedI;
+    //   });
+    __classPrivateFieldSet(this, _DiffFile_oldFileDiffLines, {}, "f");
+    __classPrivateFieldGet(this, _DiffFile_diffLines, "f").forEach((item) => {
+        if (item.oldLineNumber) {
+            this.diffLineLength = Math.max(this.diffLineLength, item.oldLineNumber);
+            __classPrivateFieldGet(this, _DiffFile_oldFileDiffLines, "f")[item.oldLineNumber] = item;
         }
-        this.notifyAll();
-    };
-    getOldSyntaxLine = (lineNumber) => {
-        return this.#oldFileSyntaxLines?.[lineNumber];
-    };
-    getNewSyntaxLine = (lineNumber) => {
-        return this.#newFileSyntaxLines?.[lineNumber];
-    };
-    subscribe = (listener) => {
-        this.#listeners.push(listener);
-        return () => {
-            this.#listeners.filter((i) => i !== listener);
-        };
-    };
-    notifyAll = (skipSyncExternal) => {
-        this.#updateCount++;
-        this.#listeners.forEach((f) => {
-            if (skipSyncExternal && f.isSyncExternal) {
-                return;
-            }
-            f();
-        });
-    };
-    getUpdateCount = () => this.#updateCount;
-    getExpandEnabled = () => !this.#composeByDiff;
-    getBundle = () => {
-        // common
-        const hasInitRaw = this.#hasInitRaw;
-        const hasInitSyntax = this.#hasInitSyntax;
-        const hasBuildSplit = this.#hasBuildSplit;
-        const hasBuildUnified = this.#hasBuildUnified;
-        const oldFileLines = this.#oldFileLines;
-        const oldFileDiffLines = this.#oldFileDiffLines;
-        const oldFileSyntaxLines = this.#oldFileSyntaxLines;
-        const newFileLines = this.#newFileLines;
-        const newFileDiffLines = this.#newFileDiffLines;
-        const newFileSyntaxLines = this.#newFileSyntaxLines;
-        const splitLineLength = this.splitLineLength;
-        const unifiedLineLength = this.unifiedLineLength;
-        const composeByDiff = this.#composeByDiff;
-        // split
-        const splitLeftLines = this.#splitLeftLines;
-        const splitRightLines = this.#splitRightLines;
-        const splitHunkLines = this.#splitHunksLines;
-        // unified
-        const unifiedLines = this.#unifiedLines;
-        const unifiedHunkLines = this.#unifiedHunksLines;
-        const version = this._version_;
-        return {
-            hasInitRaw,
-            hasInitSyntax,
-            hasBuildSplit,
-            hasBuildUnified,
-            oldFileLines,
-            oldFileDiffLines,
-            oldFileSyntaxLines,
-            newFileLines,
-            newFileDiffLines,
-            newFileSyntaxLines,
-            splitLineLength,
-            unifiedLineLength,
-            splitLeftLines,
-            splitRightLines,
-            splitHunkLines,
-            unifiedLines,
-            unifiedHunkLines,
-            composeByDiff,
-            version
-        };
-    };
-    mergeBundle = (data) => {
-        this.#hasInitRaw = data.hasInitRaw;
-        this.#hasInitSyntax = data.hasInitSyntax;
-        this.#hasBuildSplit = data.hasBuildSplit;
-        this.#hasBuildUnified = data.hasBuildUnified;
-        this.#composeByDiff = data.composeByDiff;
-        this.#oldFileLines = data.oldFileLines;
-        this.#oldFileDiffLines = data.oldFileDiffLines;
-        this.#oldFileSyntaxLines = data.oldFileSyntaxLines;
-        this.#newFileLines = data.newFileLines;
-        this.#newFileDiffLines = data.newFileDiffLines;
-        this.#newFileSyntaxLines = data.newFileSyntaxLines;
-        this.splitLineLength = data.splitLineLength;
-        this.unifiedLineLength = data.unifiedLineLength;
-        this.#splitLeftLines = data.splitLeftLines;
-        this.#splitRightLines = data.splitRightLines;
-        this.#splitHunksLines = data.splitHunkLines;
-        this.#unifiedLines = data.unifiedLines;
-        this.#unifiedHunksLines = data.unifiedHunkLines;
-        if (this._version_ !== data.version) {
-            console.error('the version of the `diffInstance` is not match, some error may happen!');
+    });
+    __classPrivateFieldSet(this, _DiffFile_newFileDiffLines, {}, "f");
+    __classPrivateFieldGet(this, _DiffFile_diffLines, "f").forEach((item) => {
+        if (item.newLineNumber) {
+            this.diffLineLength = Math.max(this.diffLineLength, item.newLineNumber);
+            __classPrivateFieldGet(this, _DiffFile_newFileDiffLines, "f")[item.newLineNumber] = item;
         }
-        this.notifyAll();
-    };
-    _addClonedInstance = (instance) => {
-        const updateFunc = () => {
-            this._notifyOthers(instance);
-        };
-        updateFunc.isSyncExternal = true;
-        const unsubscribe = instance.subscribe(updateFunc);
-        this.#clonedInstance.set(instance, unsubscribe);
-    };
-    _notifyOthers = (instance) => {
-        this.#clonedInstance.forEach((_, i) => {
-            if (i !== instance) {
-                i.notifyAll(true);
-            }
-        });
-    };
-    _delClonedInstance = (instance) => {
-        const unsubscribe = this.#clonedInstance.get(instance);
-        unsubscribe && unsubscribe();
-        this.#clonedInstance.delete(instance);
-    };
-    _getFullBundle = () => {
-        const bundle = this.getBundle();
-        const oldFileResult = this.#oldFileResult;
-        const newFileResult = this.#newFileResult;
-        const diffLines = this.#diffLines;
-        const diffListResults = this.#diffListResults;
-        return {
-            ...bundle,
-            oldFileResult,
-            newFileResult,
-            diffLines,
-            diffListResults,
-        };
-    };
-    _mergeFullBundle = (data) => {
-        this.mergeBundle(data);
-        this.#oldFileResult = data.oldFileResult;
-        this.#newFileResult = data.newFileResult;
-        this.#diffLines = data.diffLines;
-        this.#diffListResults = data.diffListResults;
-    };
-    _destroy = () => {
-        this.clearId();
-        this.#listeners.splice(0, this.#listeners.length);
-        this.#clonedInstance.forEach((v) => v());
-        this.#clonedInstance.clear();
-    };
-    clear = () => {
-        this._destroy();
-        this.#oldFileResult = null;
-        this.#newFileResult = null;
-        this.#diffLines = null;
-        this.#diffListResults = null;
-        this.#newFileDiffLines = null;
-        this.#oldFileDiffLines = null;
-        this.#newFileLines = null;
-        this.#oldFileLines = null;
-        this.#newFileSyntaxLines = null;
-        this.#oldFileSyntaxLines = null;
-        this.#splitHunksLines = null;
-        this.#splitLeftLines = null;
-        this.#splitRightLines = null;
-        this.#unifiedHunksLines = null;
-        this.#unifiedLines = null;
-    };
-}
+    });
+}, _DiffFile_composeSyntax = function _DiffFile_composeSyntax({ autoDetectLang, registerHighlighter, }) {
+    var _a, _b, _c, _d;
+    (_a = __classPrivateFieldGet(this, _DiffFile_oldFileResult, "f")) === null || _a === void 0 ? void 0 : _a.doSyntax({ autoDetectLang, registerHighlighter });
+    __classPrivateFieldSet(this, _DiffFile_oldFileSyntaxLines, (_b = __classPrivateFieldGet(this, _DiffFile_oldFileResult, "f")) === null || _b === void 0 ? void 0 : _b.syntaxFile, "f");
+    (_c = __classPrivateFieldGet(this, _DiffFile_newFileResult, "f")) === null || _c === void 0 ? void 0 : _c.doSyntax({ autoDetectLang, registerHighlighter });
+    __classPrivateFieldSet(this, _DiffFile_newFileSyntaxLines, (_d = __classPrivateFieldGet(this, _DiffFile_newFileResult, "f")) === null || _d === void 0 ? void 0 : _d.syntaxFile, "f");
+}, _DiffFile_getOldDiffLine = function _DiffFile_getOldDiffLine(lineNumber) {
+    var _a;
+    if (!lineNumber)
+        return;
+    return (_a = __classPrivateFieldGet(this, _DiffFile_oldFileDiffLines, "f")) === null || _a === void 0 ? void 0 : _a[lineNumber];
+}, _DiffFile_getNewDiffLine = function _DiffFile_getNewDiffLine(lineNumber) {
+    var _a;
+    if (!lineNumber)
+        return;
+    return (_a = __classPrivateFieldGet(this, _DiffFile_newFileDiffLines, "f")) === null || _a === void 0 ? void 0 : _a[lineNumber];
+}, _DiffFile_getOldRawLine = function _DiffFile_getOldRawLine(lineNumber) {
+    var _a;
+    return (_a = __classPrivateFieldGet(this, _DiffFile_oldFileLines, "f")) === null || _a === void 0 ? void 0 : _a[lineNumber];
+}, _DiffFile_getNewRawLine = function _DiffFile_getNewRawLine(lineNumber) {
+    var _a;
+    return (_a = __classPrivateFieldGet(this, _DiffFile_newFileLines, "f")) === null || _a === void 0 ? void 0 : _a[lineNumber];
+};
 
-var DiffFileLineType;
+exports.DiffFileLineType = void 0;
 (function (DiffFileLineType) {
     DiffFileLineType[DiffFileLineType["hunk"] = 1] = "hunk";
     DiffFileLineType[DiffFileLineType["content"] = 2] = "content";
     DiffFileLineType[DiffFileLineType["widget"] = 3] = "widget";
     DiffFileLineType[DiffFileLineType["extend"] = 4] = "extend";
-})(DiffFileLineType || (DiffFileLineType = {}));
+})(exports.DiffFileLineType || (exports.DiffFileLineType = {}));
 const getSplitLines = (diffFile, options) => {
     const splitLineLength = diffFile.splitLineLength;
     const splitLines = [];
     numIterator(splitLineLength, (index) => {
+        var _a, _b;
         const hunkLine = diffFile.getSplitHunkLine(index);
         const splitLeftLine = diffFile.getSplitLeftLine(index);
         const splitRightLine = diffFile.getSplitRightLine(index);
-        const widgetLine = options?.hasRenderWidget && options.widgetData?.[index + 1];
-        const extendLine = options?.hasRenderExtend && options.extendData?.[index + 1];
+        const widgetLine = (options === null || options === void 0 ? void 0 : options.hasRenderWidget) && ((_a = options.widgetData) === null || _a === void 0 ? void 0 : _a[index + 1]);
+        const extendLine = (options === null || options === void 0 ? void 0 : options.hasRenderExtend) && ((_b = options.extendData) === null || _b === void 0 ? void 0 : _b[index + 1]);
         hunkLine &&
             hunkLine.splitInfo &&
             hunkLine.splitInfo.startHiddenIndex < hunkLine.splitInfo.endHiddenIndex &&
-            splitLines.push({ type: DiffFileLineType.hunk, index, lineNumber: index + 1, hunkLine: hunkLine });
-        !splitLeftLine?.isHidden &&
-            !splitRightLine?.isHidden &&
+            splitLines.push({ type: exports.DiffFileLineType.hunk, index, lineNumber: index + 1, hunkLine: hunkLine });
+        hunkLine &&
+            !hunkLine.splitInfo &&
+            !hunkLine.unifiedInfo &&
+            hunkLine.type === exports.DiffLineType.Hunk &&
+            splitLines.push({ type: exports.DiffFileLineType.hunk, index, lineNumber: index + 1, hunkLine: hunkLine });
+        !(splitLeftLine === null || splitLeftLine === void 0 ? void 0 : splitLeftLine.isHidden) &&
+            !(splitRightLine === null || splitRightLine === void 0 ? void 0 : splitRightLine.isHidden) &&
             splitLines.push({
-                type: DiffFileLineType.content,
+                type: exports.DiffFileLineType.content,
                 index,
                 lineNumber: index + 1,
                 splitLine: { left: splitLeftLine, right: splitRightLine },
             });
         widgetLine &&
-            splitLines.push({ type: DiffFileLineType.widget, index, lineNumber: index + 1, widgetLine: widgetLine });
+            splitLines.push({ type: exports.DiffFileLineType.widget, index, lineNumber: index + 1, widgetLine: widgetLine });
         extendLine &&
-            splitLines.push({ type: DiffFileLineType.extend, index, lineNumber: index + 1, extendLine: extendLine });
+            splitLines.push({ type: exports.DiffFileLineType.extend, index, lineNumber: index + 1, extendLine: extendLine });
     });
     return splitLines;
 };
 const getSplitContentLines = (diffFile) => {
     const lines = getSplitLines(diffFile, {});
-    return lines.filter((line) => line.type === DiffFileLineType.content);
+    return lines.filter((line) => line.type === exports.DiffFileLineType.content);
 };
 const getUnifiedLines = (diffFile, options) => {
     const unifiedLineLength = diffFile.unifiedLineLength;
     const unifiedLines = [];
     numIterator(unifiedLineLength, (index) => {
+        var _a, _b;
         const hunkLine = diffFile.getUnifiedHunkLine(index);
         const unifiedLine = diffFile.getUnifiedLine(index);
-        const widgetLine = options?.hasRenderWidget && options.widgetData?.[index + 1];
-        const extendLine = options?.hasRenderExtend && options.extendData?.[index + 1];
+        const widgetLine = (options === null || options === void 0 ? void 0 : options.hasRenderWidget) && ((_a = options.widgetData) === null || _a === void 0 ? void 0 : _a[index + 1]);
+        const extendLine = (options === null || options === void 0 ? void 0 : options.hasRenderExtend) && ((_b = options.extendData) === null || _b === void 0 ? void 0 : _b[index + 1]);
         hunkLine &&
             hunkLine.unifiedInfo &&
             hunkLine.unifiedInfo.startHiddenIndex < hunkLine.unifiedInfo.endHiddenIndex &&
-            unifiedLines.push({ type: DiffFileLineType.hunk, index, lineNumber: index + 1, hunkLine: hunkLine });
+            unifiedLines.push({ type: exports.DiffFileLineType.hunk, index, lineNumber: index + 1, hunkLine: hunkLine });
+        hunkLine &&
+            !hunkLine.splitInfo &&
+            !hunkLine.unifiedInfo &&
+            hunkLine.type === exports.DiffLineType.Hunk &&
+            unifiedLines.push({ type: exports.DiffFileLineType.hunk, index, lineNumber: index + 1, hunkLine: hunkLine });
         !unifiedLine.isHidden &&
-            unifiedLines.push({ type: DiffFileLineType.content, index, lineNumber: index + 1, unifiedLine: unifiedLine });
+            unifiedLines.push({ type: exports.DiffFileLineType.content, index, lineNumber: index + 1, unifiedLine: unifiedLine });
         widgetLine &&
-            unifiedLines.push({ type: DiffFileLineType.widget, index, lineNumber: index + 1, widgetLine: widgetLine });
+            unifiedLines.push({ type: exports.DiffFileLineType.widget, index, lineNumber: index + 1, widgetLine: widgetLine });
         extendLine &&
-            unifiedLines.push({ type: DiffFileLineType.extend, index, lineNumber: index + 1, extendLine: extendLine });
+            unifiedLines.push({ type: exports.DiffFileLineType.extend, index, lineNumber: index + 1, extendLine: extendLine });
     });
     return unifiedLines;
 };
 const getUnifiedContentLine = (diffFile) => {
     const lines = getUnifiedLines(diffFile, {});
-    return lines.filter((line) => line.type === DiffFileLineType.content);
+    return lines.filter((line) => line.type === exports.DiffFileLineType.content);
 };
 
+const versions = "0.0.8";
+
 const useUnmount = (cb, deps) => {
     const ref = React.useRef(cb);
     ref.current = cb;
@@ -3405,24 +2071,24 @@ const useUnmount = (cb, deps) => {
 const isClient = typeof window !== "undefined";
 const useSafeLayout = isClient ? React.useLayoutEffect : React.useEffect;
 
+var _TextMeasure_instances, _TextMeasure_key, _TextMeasure_map, _TextMeasure_getInstance;
 let canvasCtx = null;
 class TextMeasure {
-    #key = "";
-    #map = {};
-    #getInstance() {
-        canvasCtx = canvasCtx || document.createElement("canvas").getContext("2d");
-        return canvasCtx;
+    constructor() {
+        _TextMeasure_instances.add(this);
+        _TextMeasure_key.set(this, "");
+        _TextMeasure_map.set(this, {});
     }
     measure(text, font) {
-        const currentKey = `${font?.fontFamily}-${font?.fontStyle}-${font?.fontSize}-${text}`;
-        if (this.#map[currentKey]) {
-            return this.#map[currentKey];
+        const currentKey = `${font === null || font === void 0 ? void 0 : font.fontFamily}-${font === null || font === void 0 ? void 0 : font.fontStyle}-${font === null || font === void 0 ? void 0 : font.fontSize}-${text}`;
+        if (__classPrivateFieldGet$1(this, _TextMeasure_map, "f")[currentKey]) {
+            return __classPrivateFieldGet$1(this, _TextMeasure_map, "f")[currentKey];
         }
-        const instance = this.#getInstance();
+        const instance = __classPrivateFieldGet$1(this, _TextMeasure_instances, "m", _TextMeasure_getInstance).call(this);
         if (font) {
             const currentFontKey = `${font.fontFamily}-${font.fontStyle}-${font.fontSize}`;
-            if (this.#key !== currentFontKey) {
-                this.#key = currentFontKey;
+            if (__classPrivateFieldGet$1(this, _TextMeasure_key, "f") !== currentFontKey) {
+                __classPrivateFieldSet$1(this, _TextMeasure_key, currentFontKey, "f");
                 instance.font = `${font.fontStyle || ""} ${font.fontSize || ""} ${font.fontFamily || ""}`;
             }
         }
@@ -3433,6 +2099,10 @@ class TextMeasure {
         return textWidth;
     }
 }
+_TextMeasure_key = new WeakMap(), _TextMeasure_map = new WeakMap(), _TextMeasure_instances = new WeakSet(), _TextMeasure_getInstance = function _TextMeasure_getInstance() {
+    canvasCtx = canvasCtx || document.createElement("canvas").getContext("2d");
+    return canvasCtx;
+};
 const measureInstance = new TextMeasure();
 const useTextWidth = ({ text, font, }) => {
     const [width, setWidth] = React.useState(0);
@@ -3450,19 +2120,21 @@ const useDomWidth = ({ selector, enable }) => {
     React.useEffect(() => {
         if (enable) {
             const container = document.querySelector(`#diff-root${id}`);
-            const wrapper = container?.querySelector(selector);
+            const wrapper = container === null || container === void 0 ? void 0 : container.querySelector(selector);
             if (!wrapper)
                 return;
             const typedWrapper = wrapper;
             const cb = () => {
-                const rect = wrapper?.getBoundingClientRect();
-                setWidth(rect?.width ?? 0);
+                var _a;
+                const rect = wrapper === null || wrapper === void 0 ? void 0 : wrapper.getBoundingClientRect();
+                setWidth((_a = rect === null || rect === void 0 ? void 0 : rect.width) !== null && _a !== void 0 ? _a : 0);
             };
             cb();
             const cleanCb = () => {
+                var _a;
                 typedWrapper.__observeCallback.delete(cb);
                 if (typedWrapper.__observeCallback.size === 0) {
-                    typedWrapper.__observeInstance?.disconnect();
+                    (_a = typedWrapper.__observeInstance) === null || _a === void 0 ? void 0 : _a.disconnect();
                     typedWrapper.removeAttribute("data-observe");
                     delete typedWrapper.__observeCallback;
                     delete typedWrapper.__observeInstance;
@@ -3499,7 +2171,7 @@ const useSyncHeight = ({ selector, side, enable, }) => {
     useSafeLayout(() => {
         if (enable) {
             const container = document.querySelector(`#diff-root${id}`);
-            const elements = Array.from(container?.querySelectorAll(selector) || []);
+            const elements = Array.from((container === null || container === void 0 ? void 0 : container.querySelectorAll(selector)) || []);
             if (elements.length === 2) {
                 const ele1 = elements[0];
                 const ele2 = elements[1];
@@ -3527,7 +2199,7 @@ const useSyncHeight = ({ selector, side, enable, }) => {
                 target.setAttribute("data-observe", "height");
                 return () => {
                     observer.disconnect();
-                    target?.removeAttribute("data-observe");
+                    target === null || target === void 0 ? void 0 : target.removeAttribute("data-observe");
                 };
             }
         }
@@ -3570,12 +2242,13 @@ const getLineNumberBG = (isAdded, isDelete, hasDiff) => {
 };
 
 const _DiffSplitExtendLine$1 = ({ index, diffFile, side, lineNumber, }) => {
+    var _a, _b;
     const { useDiffContext } = useDiffViewContext();
     const { extendData, renderExtendLine } = useDiffContext(React__namespace.useCallback((s) => ({ extendData: s.extendData, renderExtendLine: s.renderExtendLine }), []));
     const oldLine = diffFile.getSplitLeftLine(index);
     const newLine = diffFile.getSplitRightLine(index);
-    const oldLineExtend = extendData?.oldFile?.[oldLine?.lineNumber];
-    const newLineExtend = extendData?.newFile?.[newLine?.lineNumber];
+    const oldLineExtend = (_a = extendData === null || extendData === void 0 ? void 0 : extendData.oldFile) === null || _a === void 0 ? void 0 : _a[oldLine === null || oldLine === void 0 ? void 0 : oldLine.lineNumber];
+    const newLineExtend = (_b = extendData === null || extendData === void 0 ? void 0 : extendData.newFile) === null || _b === void 0 ? void 0 : _b[newLine === null || newLine === void 0 ? void 0 : newLine.lineNumber];
     const currentExtend = side === exports.SplitSide.old ? oldLineExtend : newLineExtend;
     const currentLineNumber = side === exports.SplitSide.old ? oldLine.lineNumber : newLine.lineNumber;
     const otherSide = side === exports.SplitSide.old ? exports.SplitSide.new : exports.SplitSide.old;
@@ -3592,20 +2265,20 @@ const _DiffSplitExtendLine$1 = ({ index, diffFile, side, lineNumber, }) => {
         return null;
     return (React__namespace.createElement("tr", { "data-line": `${lineNumber}-extend`, "data-state": "extend", "data-side": exports.SplitSide[side], className: "diff-line diff-line-extend" }, currentExtend ? (React__namespace.createElement("td", { className: `diff-line-extend-${exports.SplitSide[side]}-content p-0`, colSpan: 2 },
         React__namespace.createElement("div", { className: "diff-line-extend-wrapper sticky left-0", style: { width } }, width > 0 &&
-            renderExtendLine?.({
+            (renderExtendLine === null || renderExtendLine === void 0 ? void 0 : renderExtendLine({
                 diffFile,
                 side,
                 lineNumber: currentLineNumber,
                 data: currentExtend.data,
                 onUpdate: diffFile.notifyAll,
-            })))) : (React__namespace.createElement("td", { className: `diff-line-extend-${exports.SplitSide[side]}-placeholder p-0 select-none`, style: { backgroundColor: `var(${emptyBGName})` }, colSpan: 2 },
+            }))))) : (React__namespace.createElement("td", { className: `diff-line-extend-${exports.SplitSide[side]}-placeholder p-0 select-none`, style: { backgroundColor: `var(${emptyBGName})` }, colSpan: 2 },
         React__namespace.createElement("span", null, "\u2002")))));
 };
 const DiffSplitExtendLine$1 = ({ index, diffFile, side, lineNumber, }) => {
     const { useDiffContext } = useDiffViewContext();
     const oldLine = diffFile.getSplitLeftLine(index);
     const newLine = diffFile.getSplitRightLine(index);
-    const hasExtend = useDiffContext(React__namespace.useCallback((s) => s.extendData?.oldFile?.[oldLine?.lineNumber] || s.extendData?.newFile?.[newLine?.lineNumber], [oldLine?.lineNumber, newLine?.lineNumber]));
+    const hasExtend = useDiffContext(React__namespace.useCallback((s) => { var _a, _b, _c, _d; return ((_b = (_a = s.extendData) === null || _a === void 0 ? void 0 : _a.oldFile) === null || _b === void 0 ? void 0 : _b[oldLine === null || oldLine === void 0 ? void 0 : oldLine.lineNumber]) || ((_d = (_c = s.extendData) === null || _c === void 0 ? void 0 : _c.newFile) === null || _d === void 0 ? void 0 : _d[newLine === null || newLine === void 0 ? void 0 : newLine.lineNumber]); }, [oldLine === null || oldLine === void 0 ? void 0 : oldLine.lineNumber, newLine === null || newLine === void 0 ? void 0 : newLine.lineNumber]));
     // if the expand action not enabled, the `isHidden` property will never change
     const enableExpand = diffFile.getExpandEnabled();
     const currentLine = side === exports.SplitSide.old ? oldLine : newLine;
@@ -3628,7 +2301,40 @@ const ExpandAll = ({ className }) => {
         React__namespace.createElement("path", { d: "m8.177.677 2.896 2.896a.25.25 0 0 1-.177.427H8.75v1.25a.75.75 0 0 1-1.5 0V4H5.104a.25.25 0 0 1-.177-.427L7.823.677a.25.25 0 0 1 .354 0ZM7.25 10.75a.75.75 0 0 1 1.5 0V12h2.146a.25.25 0 0 1 .177.427l-2.896 2.896a.25.25 0 0 1-.354 0l-2.896-2.896A.25.25 0 0 1 5.104 12H7.25v-1.25Zm-5-2a.75.75 0 0 0 0-1.5h-.5a.75.75 0 0 0 0 1.5h.5ZM6 8a.75.75 0 0 1-.75.75h-.5a.75.75 0 0 1 0-1.5h.5A.75.75 0 0 1 6 8Zm2.25.75a.75.75 0 0 0 0-1.5h-.5a.75.75 0 0 0 0 1.5h.5ZM12 8a.75.75 0 0 1-.75.75h-.5a.75.75 0 0 1 0-1.5h.5A.75.75 0 0 1 12 8Zm2.25.75a.75.75 0 0 0 0-1.5h-.5a.75.75 0 0 0 0 1.5h.5Z" })));
 };
 
+const removeAllSelection = () => {
+    const selection = window.getSelection();
+    for (let i = 0; i < selection.rangeCount; i++) {
+        selection.removeRange(selection.getRangeAt(i));
+    }
+};
+const syncScroll = (left, right) => {
+    const onScroll = function (event) {
+        if (event === null || event.target === null)
+            return;
+        if (event.target === left) {
+            right.scrollTop = left.scrollTop;
+            right.scrollLeft = left.scrollLeft;
+        }
+        else {
+            left.scrollTop = right.scrollTop;
+            left.scrollLeft = right.scrollLeft;
+        }
+    };
+    if (!left.onscroll) {
+        left.onscroll = onScroll;
+    }
+    if (!right.onscroll) {
+        right.onscroll = onScroll;
+    }
+    return () => {
+        left.onscroll = null;
+        right.onscroll = null;
+    };
+};
+const asideWidth = "--diff-aside-width--";
+
 const _DiffSplitHunkLine = ({ index, diffFile, side, lineNumber, }) => {
+    var _a;
     const currentHunk = diffFile.getSplitHunkLine(index);
     const expandEnabled = diffFile.getExpandEnabled();
     useSyncHeight({
@@ -3637,6 +2343,7 @@ const _DiffSplitHunkLine = ({ index, diffFile, side, lineNumber, }) => {
         enable: side === exports.SplitSide.new,
     });
     const enableHunkAction = side === exports.SplitSide.old;
+    const couldExpand = expandEnabled && currentHunk && currentHunk.splitInfo;
     const isExpandAll = currentHunk &&
         currentHunk.splitInfo &&
         currentHunk.splitInfo.endHiddenIndex - currentHunk.splitInfo.startHiddenIndex < composeLen;
@@ -3646,7 +2353,10 @@ const _DiffSplitHunkLine = ({ index, diffFile, side, lineNumber, }) => {
         React__namespace.createElement("td", { className: "diff-line-hunk-action sticky left-0 p-[1px] w-[1%] min-w-[40px] select-none", style: {
                 backgroundColor: `var(${hunkLineNumberBGName})`,
                 color: `var(${plainLineNumberColorName})`,
-            } }, expandEnabled ? (isFirstLine ? (React__namespace.createElement("button", { className: "w-full diff-widget-tooltip hover:bg-blue-300 flex justify-center items-center py-[6px] cursor-pointer rounded-[2px]", title: "Expand Up", "data-title": "Expand Up", onClick: () => diffFile.onSplitHunkExpand("up", index) },
+                width: `var(${asideWidth})`,
+                minWidth: `var(${asideWidth})`,
+                maxWidth: `var(${asideWidth})`,
+            } }, couldExpand ? (isFirstLine ? (React__namespace.createElement("button", { className: "w-full diff-widget-tooltip hover:bg-blue-300 flex justify-center items-center py-[6px] cursor-pointer rounded-[2px]", title: "Expand Up", "data-title": "Expand Up", onClick: () => diffFile.onSplitHunkExpand("up", index) },
             React__namespace.createElement(ExpandUp, { className: "fill-current" }))) : isLastLine ? (React__namespace.createElement("button", { className: "w-full diff-widget-tooltip hover:bg-blue-300 flex justify-center items-center py-[6px] cursor-pointer rounded-[2px] relative", title: "Expand Down", "data-title": "Expand Down", onClick: () => {
                 diffFile.onSplitHunkExpand("down", index);
             } },
@@ -3659,7 +2369,7 @@ const _DiffSplitHunkLine = ({ index, diffFile, side, lineNumber, }) => {
         React__namespace.createElement("td", { className: "diff-line-hunk-content pr-[10px] align-middle", style: { backgroundColor: `var(${hunkContentBGName})` } },
             React__namespace.createElement("div", { className: "pl-[1.5em]", style: {
                     color: `var(${hunkContentColorName})`,
-                } }, currentHunk.splitInfo.plainText)))) : (React__namespace.createElement("td", { className: "diff-line-hunk-placeholder select-none", colSpan: 2, style: { backgroundColor: `var(${hunkContentBGName})` } },
+                } }, ((_a = currentHunk.splitInfo) === null || _a === void 0 ? void 0 : _a.plainText) || currentHunk.text)))) : (React__namespace.createElement("td", { className: "diff-line-hunk-placeholder select-none", colSpan: 2, style: { backgroundColor: `var(${hunkContentBGName})` } },
         React__namespace.createElement("div", { className: "min-h-[28px]" }, "\u2002")))));
 };
 const DiffSplitHunkLine$1 = ({ index, diffFile, side, lineNumber, }) => {
@@ -3667,7 +2377,8 @@ const DiffSplitHunkLine$1 = ({ index, diffFile, side, lineNumber, }) => {
     const currentIsShow = currentHunk &&
         currentHunk.splitInfo &&
         currentHunk.splitInfo.startHiddenIndex < currentHunk.splitInfo.endHiddenIndex;
-    if (!currentIsShow)
+    const currentIsPureHunk = currentHunk && diffFile._getIsPureDiffRender() && !currentHunk.splitInfo;
+    if (!currentIsShow && !currentIsPureHunk)
         return null;
     return React__namespace.createElement(_DiffSplitHunkLine, { index: index, diffFile: diffFile, side: side, lineNumber: lineNumber });
 };
@@ -3684,7 +2395,7 @@ const DiffSplitAddWidget = ({ side, className, lineNumber, onWidgetClick, onOpen
                 backgroundColor: `var(${addWidgetBGName})`,
             }, onClick: () => {
                 onOpenAddWidget(lineNumber, side);
-                onWidgetClick?.(lineNumber, side);
+                onWidgetClick === null || onWidgetClick === void 0 ? void 0 : onWidgetClick(lineNumber, side);
             } }, "+")));
 };
 const DiffUnifiedAddWidget = ({ lineNumber, side, onWidgetClick, onOpenAddWidget, }) => {
@@ -3699,12 +2410,12 @@ const DiffUnifiedAddWidget = ({ lineNumber, side, onWidgetClick, onOpenAddWidget
                 backgroundColor: `var(${addWidgetBGName})`,
             }, onClick: () => {
                 onOpenAddWidget(lineNumber, side);
-                onWidgetClick?.(lineNumber, side);
+                onWidgetClick === null || onWidgetClick === void 0 ? void 0 : onWidgetClick(lineNumber, side);
             } }, "+")));
 };
 
 const DiffString = ({ rawLine, diffLine, operator, }) => {
-    const range = diffLine?.range;
+    const range = diffLine === null || diffLine === void 0 ? void 0 : diffLine.range;
     if (range) {
         const str1 = rawLine.slice(0, range.location);
         const str2 = rawLine.slice(range.location, range.location + range.length);
@@ -3729,15 +2440,17 @@ const DiffString = ({ rawLine, diffLine, operator, }) => {
     return React__namespace.createElement("span", { className: "diff-line-content-raw" }, rawLine);
 };
 const DiffSyntax = ({ rawLine, diffLine, operator, syntaxLine, }) => {
+    var _a, _b;
     if (!syntaxLine) {
         return React__namespace.createElement(DiffString, { rawLine: rawLine, diffLine: diffLine, operator: operator });
     }
-    const range = diffLine?.range;
+    const range = diffLine === null || diffLine === void 0 ? void 0 : diffLine.range;
     if (range) {
         return (React__namespace.createElement("span", { className: "diff-line-syntax-raw" },
-            React__namespace.createElement("span", { "data-range-start": range.location, "data-range-end": range.location + range.length }, syntaxLine.nodeList?.map(({ node, wrapper }, index) => {
+            React__namespace.createElement("span", { "data-range-start": range.location, "data-range-end": range.location + range.length }, (_a = syntaxLine.nodeList) === null || _a === void 0 ? void 0 : _a.map(({ node, wrapper }, index) => {
+                var _a, _b, _c, _d;
                 if (node.endIndex < range.location || range.location + range.length < node.startIndex) {
-                    return (React__namespace.createElement("span", { key: index, "data-start": node.startIndex, "data-end": node.endIndex, className: wrapper?.properties?.className?.join(" ") }, node.value));
+                    return (React__namespace.createElement("span", { key: index, "data-start": node.startIndex, "data-end": node.endIndex, className: (_b = (_a = wrapper === null || wrapper === void 0 ? void 0 : wrapper.properties) === null || _a === void 0 ? void 0 : _a.className) === null || _b === void 0 ? void 0 : _b.join(" ") }, node.value));
                 }
                 else {
                     const index1 = range.location - node.startIndex;
@@ -3748,7 +2461,7 @@ const DiffSyntax = ({ rawLine, diffLine, operator, syntaxLine, }) => {
                     const isStart = str1.length || range.location === node.startIndex;
                     const isEnd = str3.length || node.endIndex === range.location + range.length - 1;
                     const isNewLineSymbolChanged = range.isNewLineSymbolChanged;
-                    return (React__namespace.createElement("span", { key: index, "data-start": node.startIndex, "data-end": node.endIndex, className: wrapper?.properties?.className?.join(" ") },
+                    return (React__namespace.createElement("span", { key: index, "data-start": node.startIndex, "data-end": node.endIndex, className: (_d = (_c = wrapper === null || wrapper === void 0 ? void 0 : wrapper.properties) === null || _c === void 0 ? void 0 : _c.className) === null || _d === void 0 ? void 0 : _d.join(" ") },
                         str1,
                         React__namespace.createElement("span", { "data-diff-highlight": true, style: {
                                 backgroundColor: operator === "add" ? `var(${addContentHighlightBGName})` : `var(${delContentHighlightBGName})`,
@@ -3769,12 +2482,16 @@ const DiffSyntax = ({ rawLine, diffLine, operator, syntaxLine, }) => {
                 }
             }))));
     }
-    return (React__namespace.createElement("span", { className: "diff-line-syntax-raw" }, syntaxLine?.nodeList?.map(({ node, wrapper }, index) => (React__namespace.createElement("span", { key: index, "data-start": node.startIndex, "data-end": node.endIndex, className: wrapper?.properties?.className?.join(" ") }, node.value)))));
+    return (React__namespace.createElement("span", { className: "diff-line-syntax-raw" }, (_b = syntaxLine === null || syntaxLine === void 0 ? void 0 : syntaxLine.nodeList) === null || _b === void 0 ? void 0 : _b.map(({ node, wrapper }, index) => {
+        var _a, _b;
+        return (React__namespace.createElement("span", { key: index, "data-start": node.startIndex, "data-end": node.endIndex, className: (_b = (_a = wrapper === null || wrapper === void 0 ? void 0 : wrapper.properties) === null || _a === void 0 ? void 0 : _a.className) === null || _b === void 0 ? void 0 : _b.join(" ") }, node.value));
+    })));
 };
 const DiffContent = ({ diffLine, rawLine, syntaxLine, enableWrap, enableHighlight, }) => {
-    const isAdded = diffLine?.type === DiffLineType.Add;
-    const isDelete = diffLine?.type === DiffLineType.Delete;
-    const isMaxLineLengthToIgnoreSyntax = syntaxLine?.nodeList?.length > 150;
+    var _a;
+    const isAdded = (diffLine === null || diffLine === void 0 ? void 0 : diffLine.type) === exports.DiffLineType.Add;
+    const isDelete = (diffLine === null || diffLine === void 0 ? void 0 : diffLine.type) === exports.DiffLineType.Delete;
+    const isMaxLineLengthToIgnoreSyntax = ((_a = syntaxLine === null || syntaxLine === void 0 ? void 0 : syntaxLine.nodeList) === null || _a === void 0 ? void 0 : _a.length) > 150;
     return (React__namespace.createElement("div", { className: "diff-line-content-item pl-[2.0em]", "data-val": rawLine, style: {
             whiteSpace: enableWrap ? "pre-wrap" : "pre",
             wordBreak: enableWrap ? "break-all" : "initial",
@@ -3788,15 +2505,16 @@ DiffWidgetContext.displayName = "DiffWidgetContext";
 const useDiffWidgetContext = () => React.useContext(DiffWidgetContext);
 
 const _DiffSplitLine$1 = ({ index, diffFile, lineNumber, side, }) => {
+    var _a, _b;
     const getCurrentSyntaxLine = side === exports.SplitSide.old ? diffFile.getOldSyntaxLine : diffFile.getNewSyntaxLine;
     const oldLine = diffFile.getSplitLeftLine(index);
     const newLine = diffFile.getSplitRightLine(index);
     const currentLine = side === exports.SplitSide.old ? oldLine : newLine;
-    const hasDiff = !!currentLine?.diff;
+    const hasDiff = !!(currentLine === null || currentLine === void 0 ? void 0 : currentLine.diff);
     const hasContent = !!currentLine.lineNumber;
-    const hasChange = checkDiffLineIncludeChange(currentLine?.diff);
-    const isAdded = currentLine?.diff?.type === DiffLineType.Add;
-    const isDelete = currentLine?.diff?.type === DiffLineType.Delete;
+    const hasChange = checkDiffLineIncludeChange(currentLine === null || currentLine === void 0 ? void 0 : currentLine.diff);
+    const isAdded = ((_a = currentLine === null || currentLine === void 0 ? void 0 : currentLine.diff) === null || _a === void 0 ? void 0 : _a.type) === exports.DiffLineType.Add;
+    const isDelete = ((_b = currentLine === null || currentLine === void 0 ? void 0 : currentLine.diff) === null || _b === void 0 ? void 0 : _b.type) === exports.DiffLineType.Delete;
     const { useDiffContext } = useDiffViewContext();
     const { enableHighlight, enableAddWidget, onAddWidgetClick } = useDiffContext(React__namespace.useCallback((s) => ({
         enableHighlight: s.enableHighlight,
@@ -3812,6 +2530,9 @@ const _DiffSplitLine$1 = ({ index, diffFile, lineNumber, side, }) => {
         React__namespace.createElement("td", { className: `diff-line-${exports.SplitSide[side]}-num sticky left-0 pl-[10px] pr-[10px] text-right align-top select-none w-[1%] min-w-[40px]`, style: {
                 backgroundColor: lineNumberBG,
                 color: `var(${plainLineNumberColorName})`,
+                width: `var(${asideWidth})`,
+                minWidth: `var(${asideWidth})`,
+                maxWidth: `var(${asideWidth})`,
             } },
             hasDiff && enableAddWidget && (React__namespace.createElement(DiffSplitAddWidget, { index: index, lineNumber: currentLine.lineNumber, side: side, diffFile: diffFile, onWidgetClick: onAddWidgetClick, className: "absolute left-[100%] translate-x-[-50%] z-[1]", onOpenAddWidget: (lineNumber, side) => setWidget({ lineNumber: lineNumber, side: side }) })),
             React__namespace.createElement("span", { "data-line-num": currentLine.lineNumber, style: { opacity: hasChange ? undefined : 0.5 } }, currentLine.lineNumber)),
@@ -3822,7 +2543,7 @@ const _DiffSplitLine$1 = ({ index, diffFile, lineNumber, side, }) => {
 const DiffSplitLine$1 = ({ index, diffFile, lineNumber, side, }) => {
     const getCurrentLine = side === exports.SplitSide.old ? diffFile.getSplitLeftLine : diffFile.getSplitRightLine;
     const currentLine = getCurrentLine(index);
-    if (currentLine?.isHidden)
+    if (currentLine === null || currentLine === void 0 ? void 0 : currentLine.isHidden)
         return null;
     return React__namespace.createElement(_DiffSplitLine$1, { index: index, diffFile: diffFile, lineNumber: lineNumber, side: side });
 };
@@ -3844,12 +2565,12 @@ const _DiffSplitWidgetLine$1 = ({ diffFile, side, lineNumber, currentLine, setWi
         return null;
     return (React__namespace.createElement("tr", { "data-line": `${lineNumber}-widget`, "data-state": "widget", "data-side": exports.SplitSide[side], className: "diff-line diff-line-widget" }, currentWidget ? (React__namespace.createElement("td", { className: `diff-line-widget-${exports.SplitSide[side]}-content p-0`, colSpan: 2 },
         React__namespace.createElement("div", { className: "diff-line-widget-wrapper sticky left-0", style: { width } }, width > 0 &&
-            renderWidgetLine?.({
+            (renderWidgetLine === null || renderWidgetLine === void 0 ? void 0 : renderWidgetLine({
                 diffFile,
                 side,
                 lineNumber: currentLine.lineNumber,
                 onClose: () => setWidget({}),
-            })))) : (React__namespace.createElement("td", { className: `diff-line-widget-${exports.SplitSide[side]}-placeholder p-0`, style: { backgroundColor: `var(${emptyBGName})` }, colSpan: 2 },
+            }))))) : (React__namespace.createElement("td", { className: `diff-line-widget-${exports.SplitSide[side]}-placeholder p-0`, style: { backgroundColor: `var(${emptyBGName})` }, colSpan: 2 },
         React__namespace.createElement("span", null, "\u2002")))));
 };
 const DiffSplitWidgetLine$1 = ({ index, diffFile, side, lineNumber, }) => {
@@ -3867,37 +2588,7 @@ const DiffSplitWidgetLine$1 = ({ index, diffFile, side, lineNumber, }) => {
     return (React__namespace.createElement(_DiffSplitWidgetLine$1, { index: index, diffFile: diffFile, side: side, lineNumber: lineNumber, currentLine: currentLine, setWidget: setWidget, currentWidget: currentWidget }));
 };
 
-const removeAllSelection = () => {
-    const selection = window.getSelection();
-    for (let i = 0; i < selection.rangeCount; i++) {
-        selection.removeRange(selection.getRangeAt(i));
-    }
-};
-const syncScroll = (left, right) => {
-    const onScroll = function (event) {
-        if (event === null || event.target === null)
-            return;
-        if (event.target === left) {
-            right.scrollTop = left.scrollTop;
-            right.scrollLeft = left.scrollLeft;
-        }
-        else {
-            left.scrollTop = right.scrollTop;
-            left.scrollLeft = right.scrollLeft;
-        }
-    };
-    if (!left.onscroll) {
-        left.onscroll = onScroll;
-    }
-    if (!right.onscroll) {
-        right.onscroll = onScroll;
-    }
-    return () => {
-        left.onscroll = null;
-        right.onscroll = null;
-    };
-};
-
+/* eslint-disable @typescript-eslint/ban-ts-comment */
 const onMouseDown$1 = (e) => {
     const ele = e.target;
     // need remove all the selection
@@ -3906,12 +2597,12 @@ const onMouseDown$1 = (e) => {
         return;
     }
 };
-const DiffSplitViewTable = ({ side, diffFile, width }) => {
+const DiffSplitViewTable = ({ side, diffFile }) => {
     const className = side === exports.SplitSide.new ? "new-diff-table" : "old-diff-table";
     const lines = getSplitContentLines(diffFile);
     return (React__namespace.createElement("table", { className: className + " border-collapse w-full", "data-mode": exports.SplitSide[side] },
         React__namespace.createElement("colgroup", null,
-            React__namespace.createElement("col", { className: `diff-table-${exports.SplitSide[side]}-num-col`, style: { minWidth: Math.round(width) + 25 } }),
+            React__namespace.createElement("col", { className: `diff-table-${exports.SplitSide[side]}-num-col` }),
             React__namespace.createElement("col", { className: `diff-table-${exports.SplitSide[side]}-content-col` })),
         React__namespace.createElement("thead", { className: "hidden" },
             React__namespace.createElement("tr", null,
@@ -3943,40 +2634,46 @@ const DiffSplitViewNormal = React.memo(({ diffFile }) => {
             return;
         return syncScroll(left, right);
     }, []);
-    const width = useTextWidth({
+    const _width = useTextWidth({
         text: splitLineLength.toString(),
         font: { fontSize: fontSize + "px", fontFamily: "Menlo, Consolas, monospace" },
     });
+    const width = Math.max(40, _width + 25);
     return (React__namespace.createElement("div", { className: "split-diff-view split-diff-view-wrap w-full flex basis-[50%]" },
         React__namespace.createElement("div", { className: "old-diff-table-wrapper overflow-auto w-full scrollbar-hide scrollbar-disable", ref: ref1, style: {
+                // @ts-ignore
+                [asideWidth]: `${Math.round(width)}px`,
                 overscrollBehaviorX: "none",
                 fontFamily: "Menlo, Consolas, monospace",
                 fontSize: "var(--diff-font-size--)",
             } },
-            React__namespace.createElement(DiffSplitViewTable, { side: exports.SplitSide.old, diffFile: diffFile, width: width })),
+            React__namespace.createElement(DiffSplitViewTable, { side: exports.SplitSide.old, diffFile: diffFile })),
         React__namespace.createElement("div", { className: "diff-split-line w-[1.5px] bg-[#ccc]" }),
         React__namespace.createElement("div", { className: "new-diff-table-wrapper overflow-auto w-full scrollbar-hide scrollbar-disable", ref: ref2, style: {
+                // @ts-ignore
+                [asideWidth]: `${Math.round(width)}px`,
                 overscrollBehaviorX: "none",
                 fontFamily: "Menlo, Consolas, monospace",
                 fontSize: "var(--diff-font-size--)",
             } },
-            React__namespace.createElement(DiffSplitViewTable, { side: exports.SplitSide.new, diffFile: diffFile, width: width }))));
+            React__namespace.createElement(DiffSplitViewTable, { side: exports.SplitSide.new, diffFile: diffFile }))));
 });
 DiffSplitViewNormal.displayName = "DiffSplitViewNormal";
 
 const _DiffSplitExtendLine = ({ index, diffFile, lineNumber, }) => {
+    var _a, _b;
     const { useDiffContext } = useDiffViewContext();
     // 需要显示的时候才进行方法订阅，可以大幅度提高性能
     const { extendData, renderExtendLine } = useDiffContext(React__namespace.useCallback((s) => ({ extendData: s.extendData, renderExtendLine: s.renderExtendLine }), []));
     const oldLine = diffFile.getSplitLeftLine(index);
     const newLine = diffFile.getSplitRightLine(index);
-    const oldLineExtend = extendData?.oldFile?.[oldLine?.lineNumber];
-    const newLineExtend = extendData?.newFile?.[newLine?.lineNumber];
+    const oldLineExtend = (_a = extendData === null || extendData === void 0 ? void 0 : extendData.oldFile) === null || _a === void 0 ? void 0 : _a[oldLine === null || oldLine === void 0 ? void 0 : oldLine.lineNumber];
+    const newLineExtend = (_b = extendData === null || extendData === void 0 ? void 0 : extendData.newFile) === null || _b === void 0 ? void 0 : _b[newLine === null || newLine === void 0 ? void 0 : newLine.lineNumber];
     if (!renderExtendLine)
         return null;
     return (React__namespace.createElement("tr", { "data-line": `${lineNumber}-extend`, "data-state": "extend", className: "diff-line diff-line-extend" },
         oldLineExtend ? (React__namespace.createElement("td", { className: "diff-line-extend-old-content p-0", colSpan: 2 },
-            React__namespace.createElement("div", { className: "diff-line-extend-wrapper" }, renderExtendLine?.({
+            React__namespace.createElement("div", { className: "diff-line-extend-wrapper" }, renderExtendLine === null || renderExtendLine === void 0 ? void 0 : renderExtendLine({
                 diffFile,
                 side: exports.SplitSide.old,
                 lineNumber: oldLine.lineNumber,
@@ -3985,7 +2682,7 @@ const _DiffSplitExtendLine = ({ index, diffFile, lineNumber, }) => {
             })))) : (React__namespace.createElement("td", { className: "diff-line-extend-old-placeholder p-0 select-none", style: { backgroundColor: `var(${emptyBGName})` }, colSpan: 2 },
             React__namespace.createElement("span", null, "\u2002"))),
         newLineExtend ? (React__namespace.createElement("td", { className: "diff-line-extend-new-content p-0 border-l-[1px] border-l-[#ccc]", colSpan: 2 },
-            React__namespace.createElement("div", { className: "diff-line-extend-wrapper" }, renderExtendLine?.({
+            React__namespace.createElement("div", { className: "diff-line-extend-wrapper" }, renderExtendLine === null || renderExtendLine === void 0 ? void 0 : renderExtendLine({
                 diffFile,
                 side: exports.SplitSide.new,
                 lineNumber: newLine.lineNumber,
@@ -3998,33 +2695,36 @@ const DiffSplitExtendLine = ({ index, diffFile, lineNumber, }) => {
     const { useDiffContext } = useDiffViewContext();
     const oldLine = diffFile.getSplitLeftLine(index);
     const newLine = diffFile.getSplitRightLine(index);
-    const hasExtend = useDiffContext(React__namespace.useCallback((s) => s.extendData?.oldFile?.[oldLine?.lineNumber] || s.extendData?.newFile?.[newLine?.lineNumber], [oldLine?.lineNumber, newLine?.lineNumber]));
+    const hasExtend = useDiffContext(React__namespace.useCallback((s) => { var _a, _b, _c, _d; return ((_b = (_a = s.extendData) === null || _a === void 0 ? void 0 : _a.oldFile) === null || _b === void 0 ? void 0 : _b[oldLine === null || oldLine === void 0 ? void 0 : oldLine.lineNumber]) || ((_d = (_c = s.extendData) === null || _c === void 0 ? void 0 : _c.newFile) === null || _d === void 0 ? void 0 : _d[newLine === null || newLine === void 0 ? void 0 : newLine.lineNumber]); }, [oldLine === null || oldLine === void 0 ? void 0 : oldLine.lineNumber, newLine === null || newLine === void 0 ? void 0 : newLine.lineNumber]));
     // if the expand action not enabled, the `isHidden` property will never change
     const enableExpand = diffFile.getExpandEnabled();
-    const currentIsShow = hasExtend && ((!oldLine?.isHidden && !newLine?.isHidden) || !enableExpand);
+    const currentIsShow = hasExtend && ((!(oldLine === null || oldLine === void 0 ? void 0 : oldLine.isHidden) && !(newLine === null || newLine === void 0 ? void 0 : newLine.isHidden)) || !enableExpand);
     if (!currentIsShow)
         return null;
     return React__namespace.createElement(_DiffSplitExtendLine, { index: index, diffFile: diffFile, lineNumber: lineNumber });
 };
 
 const DiffSplitHunkLine = ({ index, diffFile, lineNumber, }) => {
+    var _a;
     const currentHunk = diffFile.getSplitHunkLine(index);
     const expandEnabled = diffFile.getExpandEnabled();
+    const couldExpand = expandEnabled && currentHunk && currentHunk.splitInfo;
     const isExpandAll = currentHunk &&
         currentHunk.splitInfo &&
         currentHunk.splitInfo.endHiddenIndex - currentHunk.splitInfo.startHiddenIndex < composeLen;
     const currentIsShow = currentHunk &&
         currentHunk.splitInfo &&
         currentHunk.splitInfo.startHiddenIndex < currentHunk.splitInfo.endHiddenIndex;
+    const currentIsPureHunk = currentHunk && diffFile._getIsPureDiffRender() && !currentHunk.splitInfo;
     const isFirstLine = currentHunk && currentHunk.index === 0;
     const isLastLine = currentHunk && currentHunk.isLast;
-    if (!currentIsShow)
+    if (!currentIsShow && !currentIsPureHunk)
         return null;
     return (React__namespace.createElement("tr", { "data-line": `${lineNumber}-hunk`, "data-state": "hunk", className: "diff-line diff-line-hunk" },
         React__namespace.createElement("td", { className: "diff-line-hunk-action p-[1px] w-[1%] min-w-[40px] select-none", style: {
                 backgroundColor: `var(${hunkLineNumberBGName})`,
                 color: `var(${plainLineNumberColorName})`,
-            } }, expandEnabled ? (isFirstLine ? (React__namespace.createElement("button", { className: "w-full diff-widget-tooltip hover:bg-blue-300 flex justify-center items-center py-[6px] cursor-pointer rounded-[2px]", title: "Expand Up", "data-title": "Expand Up", onClick: () => diffFile.onSplitHunkExpand("up", index) },
+            } }, couldExpand ? (isFirstLine ? (React__namespace.createElement("button", { className: "w-full diff-widget-tooltip hover:bg-blue-300 flex justify-center items-center py-[6px] cursor-pointer rounded-[2px]", title: "Expand Up", "data-title": "Expand Up", onClick: () => diffFile.onSplitHunkExpand("up", index) },
             React__namespace.createElement(ExpandUp, { className: "fill-current" }))) : isLastLine ? (React__namespace.createElement("button", { className: "w-full diff-widget-tooltip hover:bg-blue-300 flex justify-center items-center py-[6px] cursor-pointer rounded-[2px]", title: "Expand Down", "data-title": "Expand Down", onClick: () => diffFile.onSplitHunkExpand("down", index) },
             React__namespace.createElement(ExpandDown, { className: "fill-current" }))) : isExpandAll ? (React__namespace.createElement("button", { className: "w-full diff-widget-tooltip hover:bg-blue-300 flex justify-center items-center py-[6px] cursor-pointer rounded-[2px]", title: "Expand All", "data-title": "Expand All", onClick: () => diffFile.onSplitHunkExpand("all", index) },
             React__namespace.createElement(ExpandAll, { className: "fill-current" }))) : (React__namespace.createElement(React__namespace.Fragment, null,
@@ -4035,18 +2735,19 @@ const DiffSplitHunkLine = ({ index, diffFile, lineNumber, }) => {
         React__namespace.createElement("td", { className: "diff-line-hunk-content pr-[10px] align-middle", style: { backgroundColor: `var(${hunkContentBGName})` }, colSpan: 3 },
             React__namespace.createElement("div", { className: "pl-[1.5em]", style: {
                     color: `var(${hunkContentColorName})`,
-                } }, currentHunk.splitInfo.plainText))));
+                } }, ((_a = currentHunk.splitInfo) === null || _a === void 0 ? void 0 : _a.plainText) || currentHunk.text))));
 };
 
 const _DiffSplitLine = ({ index, diffFile, lineNumber }) => {
+    var _a, _b;
     const oldLine = diffFile.getSplitLeftLine(index);
     const newLine = diffFile.getSplitRightLine(index);
-    const oldSyntaxLine = diffFile.getOldSyntaxLine(oldLine?.lineNumber);
-    const newSyntaxLine = diffFile.getNewSyntaxLine(newLine?.lineNumber);
-    const hasDiff = !!oldLine?.diff || !!newLine?.diff;
-    const hasChange = checkDiffLineIncludeChange(oldLine?.diff) || checkDiffLineIncludeChange(newLine?.diff);
-    const oldLineIsDelete = oldLine?.diff?.type === DiffLineType.Delete;
-    const newLineIsAdded = newLine?.diff?.type === DiffLineType.Add;
+    const oldSyntaxLine = diffFile.getOldSyntaxLine(oldLine === null || oldLine === void 0 ? void 0 : oldLine.lineNumber);
+    const newSyntaxLine = diffFile.getNewSyntaxLine(newLine === null || newLine === void 0 ? void 0 : newLine.lineNumber);
+    const hasDiff = !!(oldLine === null || oldLine === void 0 ? void 0 : oldLine.diff) || !!(newLine === null || newLine === void 0 ? void 0 : newLine.diff);
+    const hasChange = checkDiffLineIncludeChange(oldLine === null || oldLine === void 0 ? void 0 : oldLine.diff) || checkDiffLineIncludeChange(newLine === null || newLine === void 0 ? void 0 : newLine.diff);
+    const oldLineIsDelete = ((_a = oldLine === null || oldLine === void 0 ? void 0 : oldLine.diff) === null || _a === void 0 ? void 0 : _a.type) === exports.DiffLineType.Delete;
+    const newLineIsAdded = ((_b = newLine === null || newLine === void 0 ? void 0 : newLine.diff) === null || _b === void 0 ? void 0 : _b.type) === exports.DiffLineType.Add;
     const { useDiffContext } = useDiffViewContext();
     const { enableHighlight, enableAddWidget, onAddWidgetClick } = useDiffContext(React__namespace.useCallback((s) => ({
         enableHighlight: s.enableHighlight,
@@ -4082,7 +2783,7 @@ const _DiffSplitLine = ({ index, diffFile, lineNumber }) => {
 const DiffSplitLine = ({ index, diffFile, lineNumber, }) => {
     const oldLine = diffFile.getSplitLeftLine(index);
     const newLine = diffFile.getSplitRightLine(index);
-    if (oldLine?.isHidden && newLine?.isHidden)
+    if ((oldLine === null || oldLine === void 0 ? void 0 : oldLine.isHidden) && (newLine === null || newLine === void 0 ? void 0 : newLine.isHidden))
         return null;
     return React__namespace.createElement(_DiffSplitLine, { index: index, diffFile: diffFile, lineNumber: lineNumber });
 };
@@ -4100,7 +2801,7 @@ const _DiffSplitWidgetLine = ({ index, diffFile, lineNumber, }) => {
         return null;
     return (React__namespace.createElement("tr", { "data-line": `${lineNumber}-widget`, "data-state": "widget", className: "diff-line diff-line-widget" },
         oldLineWidget ? (React__namespace.createElement("td", { className: "diff-line-widget-old-content p-0", colSpan: 2 },
-            React__namespace.createElement("div", { className: "diff-line-widget-wrapper" }, renderWidgetLine?.({
+            React__namespace.createElement("div", { className: "diff-line-widget-wrapper" }, renderWidgetLine === null || renderWidgetLine === void 0 ? void 0 : renderWidgetLine({
                 diffFile,
                 side: exports.SplitSide.old,
                 lineNumber: oldLine.lineNumber,
@@ -4108,7 +2809,7 @@ const _DiffSplitWidgetLine = ({ index, diffFile, lineNumber, }) => {
             })))) : (React__namespace.createElement("td", { className: "diff-line-widget-old-placeholder p-0 select-none", style: { backgroundColor: `var(${emptyBGName})` }, colSpan: 2 },
             React__namespace.createElement("span", null, "\u2002"))),
         newLineWidget ? (React__namespace.createElement("td", { className: "diff-line-widget-new-content p-0 border-l-[1px] border-l-[#ccc]", colSpan: 2 },
-            React__namespace.createElement("div", { className: "diff-line-widget-wrapper" }, renderWidgetLine?.({
+            React__namespace.createElement("div", { className: "diff-line-widget-wrapper" }, renderWidgetLine === null || renderWidgetLine === void 0 ? void 0 : renderWidgetLine({
                 diffFile,
                 side: exports.SplitSide.new,
                 lineNumber: newLine.lineNumber,
@@ -4170,10 +2871,11 @@ const DiffSplitViewWrap = React.memo(({ diffFile }) => {
             }
         }
     }, [setSelectSide]);
-    const width = useTextWidth({
+    const _width = useTextWidth({
         text: splitLineLength.toString(),
         font: { fontSize: fontSize + "px", fontFamily: "Menlo, Consolas, monospace" },
     });
+    const width = Math.max(40, _width + 25);
     const lines = getSplitContentLines(diffFile);
     return (React__namespace.createElement("div", { className: "split-diff-view split-diff-view-normal w-full" },
         React__namespace.createElement("div", { className: "diff-table-wrapper w-full", style: {
@@ -4183,9 +2885,9 @@ const DiffSplitViewWrap = React.memo(({ diffFile }) => {
             React__namespace.createElement(Style, { useSelector: splitSideInfo, id: `diff-root${diffFile.getId()}` }),
             React__namespace.createElement("table", { className: "diff-table border-collapse table-fixed w-full" },
                 React__namespace.createElement("colgroup", null,
-                    React__namespace.createElement("col", { className: "diff-table-old-num-col", width: Math.round(width) + 25 }),
+                    React__namespace.createElement("col", { className: "diff-table-old-num-col", width: Math.round(width) }),
                     React__namespace.createElement("col", { className: "diff-table-old-content-col" }),
-                    React__namespace.createElement("col", { className: "diff-table-new-num-col", width: Math.round(width) + 25 }),
+                    React__namespace.createElement("col", { className: "diff-table-new-num-col", width: Math.round(width) }),
                     React__namespace.createElement("col", { className: "diff-table-new-content-col" })),
                 React__namespace.createElement("thead", { className: "hidden" },
                     React__namespace.createElement("tr", null,
@@ -4233,8 +2935,8 @@ const _DiffUnifiedExtendLine = ({ index, diffFile, lineNumber, }) => {
     const { useDiffContext } = useDiffViewContext();
     const renderExtendLine = useDiffContext(React.useCallback((s) => s.renderExtendLine, []));
     const unifiedItem = diffFile.getUnifiedLine(index);
-    const oldExtend = useDiffContext(React.useCallback((s) => s.extendData?.oldFile?.[unifiedItem?.oldLineNumber], [unifiedItem?.oldLineNumber]));
-    const newExtend = useDiffContext(React.useCallback((s) => s.extendData?.newFile?.[unifiedItem?.newLineNumber], [unifiedItem?.newLineNumber]));
+    const oldExtend = useDiffContext(React.useCallback((s) => { var _a, _b; return (_b = (_a = s.extendData) === null || _a === void 0 ? void 0 : _a.oldFile) === null || _b === void 0 ? void 0 : _b[unifiedItem === null || unifiedItem === void 0 ? void 0 : unifiedItem.oldLineNumber]; }, [unifiedItem === null || unifiedItem === void 0 ? void 0 : unifiedItem.oldLineNumber]));
+    const newExtend = useDiffContext(React.useCallback((s) => { var _a, _b; return (_b = (_a = s.extendData) === null || _a === void 0 ? void 0 : _a.newFile) === null || _b === void 0 ? void 0 : _b[unifiedItem === null || unifiedItem === void 0 ? void 0 : unifiedItem.newLineNumber]; }, [unifiedItem === null || unifiedItem === void 0 ? void 0 : unifiedItem.newLineNumber]));
     const width = useDomWidth({
         selector: ".unified-diff-table-wrapper",
         enable: typeof renderExtendLine === "function",
@@ -4246,37 +2948,39 @@ const _DiffUnifiedExtendLine = ({ index, diffFile, lineNumber, }) => {
             React__namespace.createElement("div", { className: "diff-line-extend-wrapper sticky left-0", style: { width } },
                 width > 0 &&
                     oldExtend &&
-                    renderExtendLine?.({
+                    (renderExtendLine === null || renderExtendLine === void 0 ? void 0 : renderExtendLine({
                         diffFile,
                         side: exports.SplitSide.old,
                         lineNumber: unifiedItem.oldLineNumber,
                         data: oldExtend.data,
                         onUpdate: diffFile.notifyAll,
-                    }),
+                    })),
                 width > 0 &&
                     newExtend &&
-                    renderExtendLine?.({
+                    (renderExtendLine === null || renderExtendLine === void 0 ? void 0 : renderExtendLine({
                         diffFile,
                         side: exports.SplitSide.new,
                         lineNumber: unifiedItem.newLineNumber,
                         data: newExtend.data,
                         onUpdate: diffFile.notifyAll,
-                    })))));
+                    }))))));
 };
 const DiffUnifiedExtendLine = ({ index, diffFile, lineNumber, }) => {
     const { useDiffContext } = useDiffViewContext();
     const unifiedItem = diffFile.getUnifiedLine(index);
-    const hasExtend = useDiffContext(React.useCallback((s) => s.extendData?.oldFile?.[unifiedItem?.oldLineNumber] || s.extendData?.newFile?.[unifiedItem?.newLineNumber], [unifiedItem.oldLineNumber, unifiedItem.newLineNumber]));
+    const hasExtend = useDiffContext(React.useCallback((s) => { var _a, _b, _c, _d; return ((_b = (_a = s.extendData) === null || _a === void 0 ? void 0 : _a.oldFile) === null || _b === void 0 ? void 0 : _b[unifiedItem === null || unifiedItem === void 0 ? void 0 : unifiedItem.oldLineNumber]) || ((_d = (_c = s.extendData) === null || _c === void 0 ? void 0 : _c.newFile) === null || _d === void 0 ? void 0 : _d[unifiedItem === null || unifiedItem === void 0 ? void 0 : unifiedItem.newLineNumber]); }, [unifiedItem.oldLineNumber, unifiedItem.newLineNumber]));
     if (!hasExtend || !unifiedItem || unifiedItem.isHidden || !unifiedItem.diff)
         return null;
     return React__namespace.createElement(_DiffUnifiedExtendLine, { index: index, diffFile: diffFile, lineNumber: lineNumber });
 };
 
 const _DiffUnifiedHunkLine = ({ index, diffFile, lineNumber, }) => {
+    var _a;
     const currentHunk = diffFile.getUnifiedHunkLine(index);
     const expandEnabled = diffFile.getExpandEnabled();
     const { useDiffContext } = useDiffViewContext();
     const enableWrap = useDiffContext(React.useCallback((s) => s.enableWrap, []));
+    const couldExpand = expandEnabled && currentHunk && currentHunk.unifiedInfo;
     const isExpandAll = currentHunk &&
         currentHunk.unifiedInfo &&
         currentHunk.unifiedInfo.endHiddenIndex - currentHunk.unifiedInfo.startHiddenIndex < composeLen;
@@ -4286,7 +2990,10 @@ const _DiffUnifiedHunkLine = ({ index, diffFile, lineNumber, }) => {
         React__namespace.createElement("td", { className: "diff-line-hunk-action sticky left-0 p-[1px] w-[1%] min-w-[100px] select-none", style: {
                 backgroundColor: `var(${hunkLineNumberBGName})`,
                 color: `var(${plainLineNumberColorName})`,
-            } }, expandEnabled ? (isFirstLine ? (React__namespace.createElement("button", { className: "w-full diff-widget-tooltip hover:bg-blue-300 flex justify-center items-center py-[6px] cursor-pointer rounded-[2px]", title: "Expand Up", "data-title": "Expand Up", onClick: () => diffFile.onUnifiedHunkExpand("up", index) },
+                width: `calc(calc(var(${asideWidth}) + 5px) * 2)`,
+                maxWidth: `calc(calc(var(${asideWidth}) + 5px) * 2)`,
+                minWidth: `calc(calc(var(${asideWidth}) + 5px) * 2)`,
+            } }, couldExpand ? (isFirstLine ? (React__namespace.createElement("button", { className: "w-full diff-widget-tooltip hover:bg-blue-300 flex justify-center items-center py-[6px] cursor-pointer rounded-[2px]", title: "Expand Up", "data-title": "Expand Up", onClick: () => diffFile.onUnifiedHunkExpand("up", index) },
             React__namespace.createElement(ExpandUp, { className: "fill-current" }))) : isLastLine ? (React__namespace.createElement("button", { className: "w-full diff-widget-tooltip hover:bg-blue-300 flex justify-center items-center py-[6px] cursor-pointer rounded-[2px]", title: "Expand Down", "data-title": "Expand Down", onClick: () => diffFile.onUnifiedHunkExpand("down", index) },
             React__namespace.createElement(ExpandDown, { className: "fill-current" }))) : isExpandAll ? (React__namespace.createElement("button", { className: "w-full diff-widget-tooltip hover:bg-blue-300 flex justify-center items-center py-[6px] cursor-pointer rounded-[2px]", title: "Expand All", "data-title": "Expand All", onClick: () => diffFile.onUnifiedHunkExpand("all", index) },
             React__namespace.createElement(ExpandAll, { className: "fill-current" }))) : (React__namespace.createElement(React__namespace.Fragment, null,
@@ -4299,14 +3006,15 @@ const _DiffUnifiedHunkLine = ({ index, diffFile, lineNumber, }) => {
                     whiteSpace: enableWrap ? "pre-wrap" : "pre",
                     wordBreak: enableWrap ? "break-all" : "initial",
                     color: `var(${hunkContentColorName})`,
-                } }, currentHunk.unifiedInfo.plainText))));
+                } }, ((_a = currentHunk.unifiedInfo) === null || _a === void 0 ? void 0 : _a.plainText) || currentHunk.text))));
 };
 const DiffUnifiedHunkLine = ({ index, diffFile, lineNumber, }) => {
     const currentHunk = diffFile.getUnifiedHunkLine(index);
     const currentIsShow = currentHunk &&
         currentHunk.unifiedInfo &&
         currentHunk.unifiedInfo.startHiddenIndex < currentHunk.unifiedInfo.endHiddenIndex;
-    if (!currentIsShow)
+    const currentIsPureHunk = currentHunk && diffFile._getIsPureDiffRender() && !currentHunk.unifiedInfo;
+    if (!currentIsShow && !currentIsPureHunk)
         return null;
     return React__namespace.createElement(_DiffUnifiedHunkLine, { index: index, diffFile: diffFile, lineNumber: lineNumber });
 };
@@ -4316,6 +3024,9 @@ const DiffUnifiedOldLine = ({ index, diffLine, rawLine, syntaxLine, lineNumber,
         React__namespace.createElement("td", { className: "diff-line-num sticky left-0 pl-[10px] pr-[10px] text-right select-none w-[1%] min-w-[100px] whitespace-nowrap align-top", style: {
                 color: `var(${plainLineNumberColorName})`,
                 backgroundColor: `var(${delLineNumberBGName})`,
+                width: `calc(calc(var(${asideWidth}) + 5px) * 2)`,
+                maxWidth: `calc(calc(var(${asideWidth}) + 5px) * 2)`,
+                minWidth: `calc(calc(var(${asideWidth}) + 5px) * 2)`,
             } },
             enableAddWidget && (React__namespace.createElement(DiffUnifiedAddWidget, { index: index - 1, lineNumber: lineNumber, diffFile: diffFile, side: exports.SplitSide.old, onWidgetClick: onAddWidgetClick, onOpenAddWidget: (lineNumber, side) => setWidget({ lineNumber, side }) })),
             React__namespace.createElement("div", { className: "flex" },
@@ -4330,6 +3041,9 @@ const DiffUnifiedNewLine = ({ index, diffLine, rawLine, syntaxLine, lineNumber,
         React__namespace.createElement("td", { className: "diff-line-num sticky left-0 pl-[10px] pr-[10px] text-right select-none w-[1%] min-w-[100px] whitespace-nowrap align-top", style: {
                 color: `var(${plainLineNumberColorName})`,
                 backgroundColor: `var(${addLineNumberBGName})`,
+                width: `calc(calc(var(${asideWidth}) + 5px) * 2)`,
+                maxWidth: `calc(calc(var(${asideWidth}) + 5px) * 2)`,
+                minWidth: `calc(calc(var(${asideWidth}) + 5px) * 2)`,
             } },
             enableAddWidget && (React__namespace.createElement(DiffUnifiedAddWidget, { index: index - 1, lineNumber: lineNumber, diffFile: diffFile, side: exports.SplitSide.new, onWidgetClick: onAddWidgetClick, onOpenAddWidget: (lineNumber, side) => setWidget({ lineNumber, side }) })),
             React__namespace.createElement("div", { className: "flex" },
@@ -4373,6 +3087,9 @@ const _DiffUnifiedLine = React.memo(({ index, diffFile, lineNumber }) => {
         return (React__namespace.createElement("tr", { "data-line": lineNumber, "data-state": unifiedLine.diff ? "diff" : "plain", className: "diff-line group" },
             React__namespace.createElement("td", { className: "diff-line-num sticky left-0 pl-[10px] pr-[10px] text-right select-none w-[1%] min-w-[100px] whitespace-nowrap align-top", style: {
                     color: `var(${plainLineNumberColorName})`,
+                    width: `calc(calc(var(${asideWidth}) + 5px) * 2)`,
+                    maxWidth: `calc(calc(var(${asideWidth}) + 5px) * 2)`,
+                    minWidth: `calc(calc(var(${asideWidth}) + 5px) * 2)`,
                     backgroundColor: hasDiff ? `var(${plainLineNumberBGName})` : `var(${expandContentBGName})`,
                 } },
                 enableAddWidget && hasDiff && (React__namespace.createElement(DiffUnifiedAddWidget, { index: index, diffFile: diffFile, lineNumber: unifiedLine.newLineNumber, side: exports.SplitSide.new, onWidgetClick: onAddWidgetClick, onOpenAddWidget: (lineNumber, side) => setWidget({ lineNumber, side }) })),
@@ -4389,7 +3106,7 @@ const _DiffUnifiedLine = React.memo(({ index, diffFile, lineNumber }) => {
 _DiffUnifiedLine.displayName = "_DiffUnifiedLine";
 const DiffUnifiedLine = ({ index, diffFile, lineNumber, }) => {
     const unifiedLine = diffFile.getUnifiedLine(index);
-    if (unifiedLine?.isHidden)
+    if (unifiedLine === null || unifiedLine === void 0 ? void 0 : unifiedLine.isHidden)
         return null;
     return React__namespace.createElement(_DiffUnifiedLine, { index: index, diffFile: diffFile, lineNumber: lineNumber });
 };
@@ -4411,10 +3128,10 @@ const _DiffUnifiedWidgetLine = ({ index, diffFile, oldWidget, newWidget, lineNum
             React__namespace.createElement("div", { className: "diff-line-widget-wrapper sticky left-0", style: { width } },
                 width > 0 &&
                     oldWidget &&
-                    renderWidgetLine?.({ diffFile, side: exports.SplitSide.old, lineNumber: unifiedItem.oldLineNumber, onClose }),
+                    (renderWidgetLine === null || renderWidgetLine === void 0 ? void 0 : renderWidgetLine({ diffFile, side: exports.SplitSide.old, lineNumber: unifiedItem.oldLineNumber, onClose })),
                 width > 0 &&
                     newWidget &&
-                    renderWidgetLine?.({ diffFile, side: exports.SplitSide.new, lineNumber: unifiedItem.newLineNumber, onClose })))));
+                    (renderWidgetLine === null || renderWidgetLine === void 0 ? void 0 : renderWidgetLine({ diffFile, side: exports.SplitSide.new, lineNumber: unifiedItem.newLineNumber, onClose }))))));
 };
 const DiffUnifiedWidgetLine = ({ index, diffFile, lineNumber, }) => {
     const { useWidget } = useDiffWidgetContext();
@@ -4428,6 +3145,7 @@ const DiffUnifiedWidgetLine = ({ index, diffFile, lineNumber, }) => {
     return (React__namespace.createElement(_DiffUnifiedWidgetLine, { index: index, diffFile: diffFile, lineNumber: lineNumber, oldWidget: oldWidget, newWidget: newWidget, setWidget: setWidget }));
 };
 
+/* eslint-disable @typescript-eslint/ban-ts-comment */
 const onMouseDown = (e) => {
     const ele = e.target;
     // need remove all the selection
@@ -4452,15 +3170,27 @@ const DiffUnifiedView = React.memo(({ diffFile }) => {
         return { widgetSide, widgetLineNumber, setWidget };
     }), [useDiffContext]);
     const contextValue = React.useMemo(() => ({ useWidget }), [useWidget]);
+    const fontSize = useDiffContext(React.useCallback((s) => s.fontSize, []));
     shim.useSyncExternalStore(diffFile.subscribe, diffFile.getUpdateCount);
     React.useEffect(() => {
         const { setWidget } = useWidget.getReadonlyState();
         setWidget({});
     }, [diffFile, useWidget]);
+    const unifiedLineLength = diffFile.unifiedLineLength;
+    const _width = useTextWidth({
+        text: unifiedLineLength.toString(),
+        font: { fontSize: fontSize + "px", fontFamily: "Menlo, Consolas, monospace" },
+    });
+    const width = Math.max(40, _width + 25);
     const lines = getUnifiedContentLine(diffFile);
     return (React__namespace.createElement(DiffWidgetContext.Provider, { value: contextValue },
         React__namespace.createElement("div", { className: "unified-diff-view w-full" },
-            React__namespace.createElement("div", { className: "unified-diff-table-wrapper overflow-auto w-full scrollbar-hide scrollbar-disable", style: { fontFamily: "Menlo, Consolas, monospace", fontSize: "var(--diff-font-size--)" } },
+            React__namespace.createElement("div", { className: "unified-diff-table-wrapper overflow-auto w-full scrollbar-hide scrollbar-disable", style: {
+                    // @ts-ignore
+                    [asideWidth]: `${Math.round(width)}px`,
+                    fontFamily: "Menlo, Consolas, monospace",
+                    fontSize: "var(--diff-font-size--)",
+                } },
                 React__namespace.createElement("table", { className: "unified-diff-table border-collapse w-full" },
                     React__namespace.createElement("colgroup", null,
                         React__namespace.createElement("col", { className: "unified-diff-table-num-col" }),
@@ -4469,7 +3199,7 @@ const DiffUnifiedView = React.memo(({ diffFile }) => {
                         React__namespace.createElement("tr", null,
                             React__namespace.createElement("th", { scope: "col" }, "line number"),
                             React__namespace.createElement("th", { scope: "col" }, "line content"))),
-                    React__namespace.createElement("tbody", { className: "diff-table-body  leading-[1.4]", onMouseDownCapture: onMouseDown },
+                    React__namespace.createElement("tbody", { className: "diff-table-body leading-[1.4]", onMouseDownCapture: onMouseDown },
                         lines.map((item) => (React__namespace.createElement(React.Fragment, { key: item.index },
                             React__namespace.createElement(DiffUnifiedHunkLine, { index: item.index, lineNumber: item.lineNumber, diffFile: diffFile }),
                             React__namespace.createElement(DiffUnifiedLine, { index: item.index, lineNumber: item.lineNumber, diffFile: diffFile }),
@@ -4479,9 +3209,8 @@ const DiffUnifiedView = React.memo(({ diffFile }) => {
 });
 DiffUnifiedView.displayName = "DiffUnifiedView";
 
-/* eslint-disable @typescript-eslint/no-unnecessary-type-constraint */
-/* eslint-disable @typescript-eslint/ban-ts-comment */
 const diffFontSizeName = "--diff-font-size--";
+_cacheMap.name = "@git-diff-view/react";
 exports.SplitSide = void 0;
 (function (SplitSide) {
     SplitSide[SplitSide["old"] = 1] = "old";
@@ -4492,6 +3221,7 @@ const _InternalDiffView = (props) => {
     const diffFileId = React.useMemo(() => diffFile.getId(), [diffFile]);
     // performance optimization
     const useDiffContext = React.useMemo(() => reactivityStore.createStore(() => {
+        var _a, _b;
         const id = reactivityStore.ref(diffFileId);
         const setId = (_id) => (id.value = _id);
         const mode = reactivityStore.ref(props.diffViewMode);
@@ -4505,8 +3235,8 @@ const _InternalDiffView = (props) => {
         const fontSize = reactivityStore.ref(props.diffViewFontSize);
         const setFontSize = (_fontSize) => (fontSize.value = _fontSize);
         const extendData = reactivityStore.ref({
-            oldFile: { ...props.extendData?.oldFile },
-            newFile: { ...props.extendData?.newFile },
+            oldFile: Object.assign({}, (_a = props.extendData) === null || _a === void 0 ? void 0 : _a.oldFile),
+            newFile: Object.assign({}, (_b = props.extendData) === null || _b === void 0 ? void 0 : _b.newFile),
         });
         const setExtendData = (_extendData) => {
             const existOldKeys = Object.keys(extendData.value.oldFile || {});
@@ -4588,7 +3318,7 @@ const _InternalDiffView = (props) => {
     ]);
     const value = React.useMemo(() => ({ useDiffContext }), [useDiffContext]);
     return (React__namespace.createElement(DiffViewContext.Provider, { value: value },
-        React__namespace.createElement("div", { className: "diff-tailwindcss-wrapper", "data-component": "git-diff-view", "data-version": `${"0.0.6"}` },
+        React__namespace.createElement("div", { className: "diff-tailwindcss-wrapper", "data-component": "git-diff-view", "data-version": `${"0.0.8"}` },
             React__namespace.createElement("div", { className: "diff-style-root", style: {
                     // @ts-ignore
                     [diffFontSizeName]: diffViewFontSize + "px",
@@ -4597,15 +3327,16 @@ const _InternalDiffView = (props) => {
 };
 const InternalDiffView = React.memo(_InternalDiffView);
 const DiffViewWithRef = (props, ref) => {
-    const { registerHighlighter, autoDetectLang, data, diffFile: _diffFile, ...restProps } = props;
+    const { registerHighlighter, autoDetectLang, data, diffFile: _diffFile } = props, restProps = __rest(props, ["registerHighlighter", "autoDetectLang", "data", "diffFile"]);
     const diffFile = React.useMemo(() => {
+        var _a, _b, _c, _d, _e, _f;
         if (_diffFile) {
             const diffFile = DiffFile.createInstance({});
             diffFile._mergeFullBundle(_diffFile._getFullBundle());
             return diffFile;
         }
         else if (data) {
-            return new DiffFile(data?.oldFile?.fileName || "", data?.oldFile?.content || "", data?.newFile?.fileName || "", data?.newFile?.content || "", data?.hunks || [], data?.oldFile?.fileLang || "", data?.newFile?.fileLang || "");
+            return new DiffFile(((_a = data === null || data === void 0 ? void 0 : data.oldFile) === null || _a === void 0 ? void 0 : _a.fileName) || "", ((_b = data === null || data === void 0 ? void 0 : data.oldFile) === null || _b === void 0 ? void 0 : _b.content) || "", ((_c = data === null || data === void 0 ? void 0 : data.newFile) === null || _c === void 0 ? void 0 : _c.fileName) || "", ((_d = data === null || data === void 0 ? void 0 : data.newFile) === null || _d === void 0 ? void 0 : _d.content) || "", (data === null || data === void 0 ? void 0 : data.hunks) || [], ((_e = data === null || data === void 0 ? void 0 : data.oldFile) === null || _e === void 0 ? void 0 : _e.fileLang) || "", ((_f = data === null || data === void 0 ? void 0 : data.newFile) === null || _f === void 0 ? void 0 : _f.fileLang) || "");
         }
         return null;
     }, [data, _diffFile]);
@@ -4636,14 +3367,36 @@ const DiffViewWithRef = (props, ref) => {
     React.useImperativeHandle(ref, () => ({ getDiffFileInstance: () => diffFile }), [diffFile]);
     if (!diffFile)
         return null;
-    return (React__namespace.createElement(InternalDiffView, { key: diffFile.getId(), ...restProps, diffFile: diffFile, diffViewFontSize: restProps.diffViewFontSize || 14 }));
+    return (React__namespace.createElement(InternalDiffView, Object.assign({ key: diffFile.getId() }, restProps, { diffFile: diffFile, diffViewFontSize: restProps.diffViewFontSize || 14 })));
 };
 const DiffView = React.forwardRef(DiffViewWithRef);
 DiffView.displayName = "DiffView";
-const version = "0.0.6";
+const version = "0.0.8";
 
+exports.DefaultDiffExpansionStep = DefaultDiffExpansionStep;
+exports.DiffFile = DiffFile;
+exports.DiffLine = DiffLine;
 exports.DiffView = DiffView;
 exports.DiffViewContext = DiffViewContext;
+exports.File = File;
+exports._cacheMap = _cacheMap;
+exports.assertNever = assertNever;
+exports.checkDiffLineIncludeChange = checkDiffLineIncludeChange;
+exports.composeLen = composeLen;
+exports.getDiffRange = getDiffRange;
+exports.getFile = getFile;
+exports.getHunkHeaderExpansionType = getHunkHeaderExpansionType;
+exports.getLang = getLang;
+exports.getLargestLineNumber = getLargestLineNumber;
+exports.getSplitContentLines = getSplitContentLines;
+exports.getSplitLines = getSplitLines;
+exports.getUnifiedContentLine = getUnifiedContentLine;
+exports.getUnifiedLines = getUnifiedLines;
+exports.hasRelativeChange = hasRelativeChange;
+exports.highlighter = highlighter;
+exports.numIterator = numIterator;
+exports.relativeChanges = relativeChanges;
 exports.useDiffViewContext = useDiffViewContext;
 exports.version = version;
+exports.versions = versions;
 //# sourceMappingURL=index.development.js.map