@contentful/app-sdk 4.23.0-alpha.1 → 5.0.0-alpha.2

package/dist/index.js

@@ -0,0 +1,23 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.init = exports.locations = void 0;
+const initialize_1 = require("./initialize");
+const api_1 = require("./api");
+__exportStar(require("./types"), exports);
+var locations_1 = require("./locations");
+Object.defineProperty(exports, "locations", { enumerable: true, get: function () { return locations_1.default; } });
+exports.init = (0, initialize_1.createInitializer)(globalThis, api_1.default);

package/dist/initialize.js

@@ -0,0 +1,64 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createInitializer = void 0;
+const channel_1 = require("./channel");
+const deferred_1 = require("./utils/deferred");
+function createInitializer(currentGlobal, apiCreator) {
+    if (typeof currentGlobal.window === 'undefined' ||
+        typeof currentGlobal.document === 'undefined') {
+        // make `init` a noop if window or document is not available
+        return () => { };
+    }
+    const connectDeferred = (0, deferred_1.createDeferred)();
+    connectDeferred.promise.then(([channel]) => {
+        const { document } = currentGlobal;
+        document.addEventListener('focus', () => channel.send('setActive', true), true);
+        document.addEventListener('blur', () => channel.send('setActive', false), true);
+    });
+    // We need to connect right away so we can record incoming
+    // messages before `init` is called.
+    (0, channel_1.connect)(currentGlobal, (...args) => connectDeferred.resolve(args));
+    let initializedSdks;
+    return function init(initCb, { makeCustomApi, supressIframeWarning, } = {
+        supressIframeWarning: false,
+    }) {
+        if (!supressIframeWarning) {
+            warnIfOutsideOfContentful(currentGlobal);
+        }
+        if (!initializedSdks) {
+            initializedSdks = connectDeferred.promise.then(([channel, params, messageQueue]) => {
+                const api = apiCreator(channel, params, currentGlobal);
+                let customApi;
+                if (typeof makeCustomApi === 'function') {
+                    customApi = makeCustomApi(channel, params);
+                }
+                // Handle pending incoming messages.
+                // APIs are created before so handlers are already
+                // registered on the channel.
+                messageQueue.forEach((m) => {
+                    // TODO Expose private handleMessage method
+                    ;
+                    channel._handleMessage(m);
+                });
+                return [api, customApi];
+            });
+            if (!connectDeferred.isFulfilled) {
+                (0, channel_1.sendInitMessage)(currentGlobal);
+            }
+        }
+        initializedSdks.then(([sdk, customSdk]) => 
+        // Hand over control to the developer.
+        initCb(sdk, customSdk));
+    };
+}
+exports.createInitializer = createInitializer;
+function warnIfOutsideOfContentful(currentGlobal) {
+    if (currentGlobal.self === currentGlobal.top) {
+        console.error(`Cannot use App SDK outside of Contenful:
+
+In order for the App SDK to function correctly, your app needs to be run in an iframe in the Contentful Web App, Compose or Launch.
+
+Learn more about local development with the App SDK here:
+https://www.contentful.com/developers/docs/extensibility/ui-extensions/faq/#how-can-i-develop-with-the-ui-extension-sdk-locally`);
+    }
+}

package/dist/locations.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const locations = {
+    LOCATION_ENTRY_FIELD: 'entry-field',
+    LOCATION_ENTRY_FIELD_SIDEBAR: 'entry-field-sidebar',
+    LOCATION_ENTRY_SIDEBAR: 'entry-sidebar',
+    LOCATION_DIALOG: 'dialog',
+    LOCATION_ENTRY_EDITOR: 'entry-editor',
+    LOCATION_PAGE: 'page',
+    LOCATION_APP_CONFIG: 'app-config',
+    LOCATION_HOME: 'home',
+};
+exports.default = locations;

package/dist/navigator.js

@@ -0,0 +1,62 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const signal_1 = require("./signal");
+function createNavigator(channel, ids) {
+    const _onSlideInSignal = new signal_1.Signal();
+    channel.addHandler('navigateSlideIn', (data) => {
+        _onSlideInSignal.dispatch(data);
+    });
+    return {
+        openEntry: (id, opts) => {
+            return channel.call('navigateToContentEntity', {
+                ...opts,
+                entityType: 'Entry',
+                id,
+            });
+        },
+        openNewEntry: (contentTypeId, opts) => {
+            return channel.call('navigateToContentEntity', {
+                ...opts,
+                entityType: 'Entry',
+                id: null,
+                contentTypeId,
+            });
+        },
+        openBulkEditor: (entryId, opts) => {
+            return channel.call('navigateToBulkEditor', {
+                entryId,
+                ...opts,
+            });
+        },
+        openAsset: (id, opts) => {
+            return channel.call('navigateToContentEntity', {
+                ...opts,
+                entityType: 'Asset',
+                id,
+            });
+        },
+        openNewAsset: (opts) => {
+            return channel.call('navigateToContentEntity', {
+                ...opts,
+                entityType: 'Asset',
+                id: null,
+            });
+        },
+        openPage: (opts) => {
+            return channel.call('navigateToPage', { type: 'app', id: ids.app, ...opts });
+        },
+        openAppConfig: () => {
+            return channel.call('navigateToAppConfig');
+        },
+        openEntriesList: (options = {}) => {
+            return channel.call('navigateToSpaceEnvRoute', { route: 'entries', options });
+        },
+        openAssetsList: (options = {}) => {
+            return channel.call('navigateToSpaceEnvRoute', { route: 'assets', options });
+        },
+        onSlideInNavigation: (handler) => {
+            return _onSlideInSignal.attach(handler);
+        },
+    };
+}
+exports.default = createNavigator;

package/dist/signal.js

@@ -0,0 +1,51 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MemoizedSignal = exports.Signal = void 0;
+class Signal {
+    constructor() {
+        this._id = 0;
+        this._listeners = {};
+    }
+    dispatch(...args) {
+        for (const key in this._listeners) {
+            this._listeners[key](...args);
+        }
+    }
+    attach(listener) {
+        if (typeof listener !== 'function') {
+            throw new Error('listener function expected');
+        }
+        const id = this._id++;
+        this._listeners[id] = listener;
+        // return function that'll detach the listener
+        return () => delete this._listeners[id];
+    }
+}
+exports.Signal = Signal;
+class MemoizedSignal extends Signal {
+    constructor(...memoizedArgs) {
+        super();
+        if (!memoizedArgs.length) {
+            throw new Error('Initial value to be memoized expected');
+        }
+        this._memoizedArgs = memoizedArgs;
+    }
+    dispatch(...args) {
+        this._memoizedArgs = args;
+        super.dispatch(...args);
+    }
+    attach(listener) {
+        /*
+         * attaching first so that we throw a sensible
+         * error if listener is not a function without
+         * duplication of is function check
+         */
+        const detachListener = super.attach(listener);
+        listener(...this._memoizedArgs);
+        return detachListener;
+    }
+    getMemoizedArgs() {
+        return this._memoizedArgs;
+    }
+}
+exports.MemoizedSignal = MemoizedSignal;

package/dist/types/api.types.d.ts

@@ -1,6 +1,5 @@
 import { ContentType, EditorInterface, SpaceMembership, Role, ContentTypeField, Metadata, Entry, Task, Asset, WorkflowDefinition } from './entities';
 import { EntryAPI } from './entry.types';
-import { SpaceAPI } from './space.types';
 import { WindowAPI } from './window.types';
 import { EntrySys, Link, SerializedJSONValue } from './utils';
 import { FieldAPI } from './field-locale.types';
@@ -77,9 +76,8 @@ export interface ParametersAPI<InstallationParameters extends KeyValueMap, Insta
 }
 export interface IdsAPI {
     user: string;
-    extension?: string;
     organization: string;
-    app?: string;
+    app: string;
     space: string;
     environment: string;
     environmentAlias?: string;
@@ -124,14 +122,6 @@ export interface SharedEditorSDK {
          * @returns Function to unsubscribe. `callback` won't be called anymore.
          */
         onLocaleSettingsChanged: (callback: (localeSettings: EditorLocaleSettings) => void) => () => void;
-        /**
-         * Subscribes to changes of whether or not disabled fields are displayed
-         *
-         * @param callback Function that is called every time the setting whether or not disabled fields are displayed changes. Called immediately with the current state.
-         * @returns Function to unsubscribe. `callback` won't be called anymore.
-         * @deprecated Use {@link onShowHiddenFieldsChanged} instead
-         */
-        onShowDisabledFieldsChanged: (callback: (showDisabledFields: boolean) => void) => () => void;
         /**
          * Returns whether or not hidden fields are displayed
          *
@@ -175,10 +165,6 @@ export interface AccessAPI {
 }
 type EntryScopedIds = 'field' | 'entry' | 'contentType';
 export interface BaseAppSDK<InstallationParameters extends KeyValueMap = KeyValueMap, InstanceParameters extends KeyValueMap = KeyValueMap, InvocationParameters extends SerializedJSONValue = SerializedJSONValue> {
-    /** @deprecated since version 4.0.0 consider using the CMA instead
-     * See https://www.contentful.com/developers/docs/extensibility/app-framework/sdk/#using-the-contentful-management-library for more details
-     */
-    space: SpaceAPI;
     /** Information about the current user and roles */
     user: UserAPI;
     /** Information about the current locales */
@@ -239,30 +225,12 @@ export type HomeAppSDK<InstallationParameters extends KeyValueMap = KeyValueMap>
 };
 export type ConfigAppSDK<InstallationParameters extends KeyValueMap = KeyValueMap> = Omit<BaseAppSDK<InstallationParameters, never, never>, 'ids'> & {
     /** A set of IDs actual for the app */
-    ids: Omit<IdsAPI, EntryScopedIds | 'extension' | 'app'> & {
+    ids: Omit<IdsAPI, EntryScopedIds | 'app'> & {
         app: string;
     };
     app: AppConfigAPI;
 };
 export type KnownAppSDK<InstallationParameters extends KeyValueMap = KeyValueMap, InstanceParameters extends KeyValueMap = KeyValueMap, InvocationParameters extends SerializedJSONValue = SerializedJSONValue> = FieldAppSDK<InstallationParameters, InstanceParameters> | SidebarAppSDK<InstallationParameters, InstanceParameters> | DialogAppSDK<InstallationParameters, InvocationParameters> | EditorAppSDK<InstallationParameters, InstanceParameters> | PageAppSDK<InstallationParameters> | ConfigAppSDK<InstallationParameters> | HomeAppSDK<InstallationParameters>;
-/** @deprecated consider using {@link BaseAppSDK} */
-export type BaseExtensionSDK = BaseAppSDK;
-/** @deprecated consider using {@link EditorAppSDK} */
-export type EditorExtensionSDK = EditorAppSDK;
-/** @deprecated consider using {@link SidebarAppSDK} */
-export type SidebarExtensionSDK = SidebarAppSDK;
-/** @deprecated consider using {@link FieldAppSDK} */
-export type FieldExtensionSDK = FieldAppSDK;
-/** @deprecated consider using {@link DialogAppSDK} */
-export type DialogExtensionSDK = DialogAppSDK;
-/** @deprecated consider using {@link PageAppSDK} */
-export type PageExtensionSDK = PageAppSDK;
-/** @deprecated consider using {@link HomeAppSDK} */
-export type HomeExtensionSDK = HomeAppSDK;
-/** @deprecated consider using {@link ConfigAppSDK} */
-export type AppExtensionSDK = ConfigAppSDK;
-/** @deprecated consider using {@link KnownAppSDK} */
-export type KnownSDK = KnownAppSDK;
 export interface ConnectMessage {
     id: string;
     location: Locations[keyof Locations];

package/dist/types/api.types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/types/app.types.d.ts

@@ -12,10 +12,6 @@ interface AppStateEditorInterfaceItem {
         position: number;
         settings?: Record<string, any>;
     };
-    /**
-     * @deprecated use `editors` instead
-     */
-    editor?: boolean;
 }
 export interface AppState {
     EditorInterface: Record<ContentType['sys']['id'], AppStateEditorInterfaceItem>;

package/dist/types/app.types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/types/cmaClient.types.d.ts

@@ -20,7 +20,6 @@ export type CMAClient = {
     role: Pick<PlainClientAPI['role'], 'get' | 'getMany'>;
     scheduledActions: PlainClientAPI['scheduledActions'];
     snapshot: PlainClientAPI['snapshot'];
-    space: Pick<PlainClientAPI['space'], 'get'>;
     upload: PlainClientAPI['upload'];
     user: Pick<PlainClientAPI['user'], 'getManyForSpace' | 'getForSpace'>;
     usage: Pick<PlainClientAPI['usage'], 'getManyForSpace'>;

package/dist/types/cmaClient.types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/types/dialogs.types.d.ts

@@ -36,12 +36,8 @@ export interface DialogsAPI {
     openPrompt: (options: OpenConfirmOptions & {
         defaultValue?: string;
     }) => Promise<string | boolean>;
-    /** Opens an extension in a dialog. */
-    openExtension: (options: OpenCustomWidgetOptions) => Promise<any>;
     /** Opens the current app in a dialog */
-    openCurrentApp: (options?: Omit<OpenCustomWidgetOptions, 'id'>) => Promise<any>;
-    /** Opens the current app or extension in a dialog */
-    openCurrent: (options?: Omit<OpenCustomWidgetOptions, 'id'> | OpenCustomWidgetOptions) => Promise<any>;
+    open: (options?: Omit<OpenCustomWidgetOptions, 'id'>) => Promise<any>;
     /** Opens a dialog for selecting a single entry. */
     selectSingleEntry: <T = Object>(options?: {
         locale?: string;

package/dist/types/dialogs.types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/types/entities.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/types/entry.types.d.ts

@@ -34,11 +34,6 @@ export interface EntryAPI extends TaskAPI {
     fields: {
         [key: string]: EntryFieldAPI;
     };
-    /**
-     * Optional metadata on an entry
-     * @deprecated
-     */
-    metadata?: Metadata;
     getMetadata: () => Metadata | undefined;
     onMetadataChanged: (callback: (metadata?: Metadata) => void) => VoidFunction;
 }

package/dist/types/entry.types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/types/field-locale.types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/types/field.types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/types/index.d.ts

@@ -1,12 +1,11 @@
-export type { AppExtensionSDK, BaseExtensionSDK, DialogExtensionSDK, EditorExtensionSDK, FieldExtensionSDK, HomeExtensionSDK, KnownSDK, PageExtensionSDK, SidebarExtensionSDK, ConfigAppSDK, BaseAppSDK, DialogAppSDK, EditorAppSDK, FieldAppSDK, HomeAppSDK, KnownAppSDK, PageAppSDK, SidebarAppSDK, AccessAPI, ArchiveableAction, ConnectMessage, ContentTypeAPI, CrudAction, EditorLocaleSettings, IdsAPI, LocalesAPI, LocationAPI, Locations, NotifierAPI, ParametersAPI, PublishableAction, SharedEditorSDK, UserAPI, JSONPatchItem, } from './api.types';
+export type { ConfigAppSDK, BaseAppSDK, DialogAppSDK, EditorAppSDK, FieldAppSDK, HomeAppSDK, KnownAppSDK, PageAppSDK, SidebarAppSDK, AccessAPI, ArchiveableAction, ConnectMessage, ContentTypeAPI, CrudAction, EditorLocaleSettings, IdsAPI, LocalesAPI, LocationAPI, Locations, NotifierAPI, ParametersAPI, PublishableAction, SharedEditorSDK, UserAPI, JSONPatchItem, } from './api.types';
 export type { AppConfigAPI, AppState, OnConfigureHandler, OnConfigureHandlerReturn, } from './app.types';
 export type { DialogsAPI, EntityDialogOptions, OpenAlertOptions, OpenConfirmOptions, OpenCustomWidgetOptions, } from './dialogs.types';
 export type { Asset, CanonicalRequest, ContentType, ContentTypeField, EditorInterface, Entry, Metadata, Role, ScheduledAction, SpaceMembership, Tag, TagVisibility, Task, Team, User, WorkflowDefinition, } from './entities';
 export type { EntryAPI, TaskAPI, TaskInputData } from './entry.types';
 export type { FieldInfo, EntryFieldInfo, EntryFieldAPI } from './field.types';
 export type { FieldAPI } from './field-locale.types';
-export type { NavigatorAPI, AppPageLocationOptions, NavigatorAPIOptions, NavigatorOpenResponse, NavigatorPageResponse, NavigatorSlideInfo, PageExtensionOptions, } from './navigator.types';
-export type { SpaceAPI } from './space.types';
+export type { NavigatorAPI, AppPageLocationOptions, NavigatorAPIOptions, NavigatorOpenResponse, NavigatorPageResponse, NavigatorSlideInfo, } from './navigator.types';
 export type { SearchQuery, CollectionResponse, EntrySys, ContentEntitySys, ContentEntityType, FieldType, FieldLinkType, Items, Link, WithOptionalId, WithId, SerializedJSONValue, } from './utils';
 export type { DateRangeValidationError, InValidationError, LinkContentTypeValidationError, LinkMimetypeGroupValidationError, NotResolvableValidationError, ProhibitRegexpValidationError, RangeValidationError, RegexpValidationError, RequiredValidationError, SizeValidationError, TypeValidationError, UniqueValidationError, UnknownValidationError, ValidationError, } from './validation-error';
 export type { WindowAPI } from './window.types';

package/dist/types/index.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/types/navigator.types.d.ts

@@ -5,16 +5,20 @@ export interface NavigatorAPIOptions {
         waitForClose: boolean;
     };
 }
-export interface PageExtensionOptions {
-    /** If included, you can navigate to a different page extension. If omitted, you will navigate within the current extension. */
-    id?: string;
-    /** Navigate to a path within your page extension. */
-    path?: string;
-}
 export interface AppPageLocationOptions {
     /** A path to navigate to within your app's page location. */
     path?: string;
 }
+export interface OpenEntriesListOptions {
+    filters?: {
+        contentType?: string;
+    };
+}
+export interface OpenAssetsListOptions {
+    filters?: {
+        type?: 'attachment' | 'plaintext' | 'image' | 'audio' | 'video' | 'richtext' | 'presentation' | 'spreadsheet' | 'pdfdocument' | 'archive' | 'code' | 'markup';
+    };
+}
 /** Information about current value of the navigation status. */
 export interface NavigatorPageResponse {
     /** Will be true if navigation was successfully executed by the web app. */
@@ -40,10 +44,8 @@ export interface NavigatorAPI {
     openNewEntry: <Fields extends KeyValueMap = KeyValueMap>(contentTypeId: string, options?: NavigatorAPIOptions) => Promise<NavigatorOpenResponse<Entry<Fields>>>;
     /** Opens a new asset in the current Web App session. */
     openNewAsset: (options?: NavigatorAPIOptions) => Promise<NavigatorOpenResponse<Asset>>;
-    /** Navigates to a page extension in the current Web App session. Calling without `options` will navigate to the home route of your page extension. */
-    openPageExtension: (options?: PageExtensionOptions) => Promise<NavigatorPageResponse>;
     /** Navigates to the app's page location. */
-    openCurrentAppPage: (options?: AppPageLocationOptions) => Promise<NavigatorPageResponse>;
+    openPage: (options?: AppPageLocationOptions) => Promise<NavigatorPageResponse>;
     /** Navigates to a bulk entry editor */
     openBulkEditor: (entryId: string, options: {
         /** ID of the reference field */
@@ -57,7 +59,7 @@ export interface NavigatorAPI {
         slide?: NavigatorSlideInfo;
     }>;
     openAppConfig: () => Promise<void>;
-    openEntriesList: () => Promise<void>;
-    openAssetsList: () => Promise<void>;
+    openEntriesList: (options?: OpenEntriesListOptions) => Promise<void>;
+    openAssetsList: (options?: OpenAssetsListOptions) => Promise<void>;
     onSlideInNavigation: (fn: (slide: NavigatorSlideInfo) => void) => () => void;
 }

package/dist/types/navigator.types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/types/utils.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/types/validation-error.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/types/window.types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/utils/deferred.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createDeferred = void 0;
+function createDeferred() {
+    const deferred = {
+        // @ts-expect-error Immediately set below
+        promise: null,
+        // @ts-expect-error Promise executor is immdiately executed and sets `resolve`
+        resolve: null,
+        isFulfilled: false,
+    };
+    deferred.promise = new Promise((resolve) => {
+        deferred.resolve = (...args) => {
+            deferred.isFulfilled = true;
+            resolve(...args);
+        };
+    });
+    return deferred;
+}
+exports.createDeferred = createDeferred;

package/dist/window.js

@@ -0,0 +1,106 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+function createWindow(currentGlobal, channel) {
+    const { document, MutationObserver, ResizeObserver } = currentGlobal;
+    let oldHeight;
+    let isAutoResizing = false;
+    let checkAbsoluteElements = false;
+    const absolutePositionedElems = new Set();
+    const mutationObserver = new MutationObserver((mutations) => {
+        checkAbsolutePositionedElems(mutations);
+        if (isAutoResizing) {
+            self.updateHeight();
+        }
+    });
+    const resizeObserver = new ResizeObserver(() => {
+        self.updateHeight();
+    });
+    mutationObserver.observe(document.body, {
+        attributes: true,
+        childList: true,
+        subtree: true,
+        characterData: true,
+    });
+    const self = { startAutoResizer, stopAutoResizer, updateHeight };
+    return self;
+    function checkAbsoluteElementStyle(type, element) {
+        const computedStyle = getComputedStyle(element);
+        if (computedStyle.position !== 'absolute') {
+            return false;
+        }
+        switch (type) {
+            case 'attributes':
+                return computedStyle.display !== 'none';
+            default:
+                return true;
+        }
+    }
+    function checkAbsolutePositionedElems(mutations) {
+        mutations.forEach((mutation) => {
+            switch (mutation.type) {
+                case 'attributes':
+                    if (mutation.target.nodeType === Node.ELEMENT_NODE) {
+                        const element = mutation.target;
+                        if (checkAbsoluteElementStyle(mutation.type, element)) {
+                            absolutePositionedElems.add(element);
+                        }
+                        else {
+                            absolutePositionedElems.delete(element);
+                        }
+                    }
+                    break;
+                case 'childList':
+                    mutation.addedNodes.forEach((node) => {
+                        if (node.nodeType === Node.ELEMENT_NODE) {
+                            const element = node;
+                            if (checkAbsoluteElementStyle(mutation.type, element)) {
+                                absolutePositionedElems.add(element);
+                            }
+                        }
+                    });
+                    mutation.removedNodes.forEach((node) => {
+                        const element = node;
+                        absolutePositionedElems.delete(element);
+                    });
+                    break;
+            }
+        });
+    }
+    function startAutoResizer({ absoluteElements = false } = {}) {
+        checkAbsoluteElements = Boolean(absoluteElements);
+        self.updateHeight();
+        if (isAutoResizing) {
+            return;
+        }
+        isAutoResizing = true;
+        resizeObserver.observe(document.body);
+    }
+    function stopAutoResizer() {
+        if (!isAutoResizing) {
+            return;
+        }
+        isAutoResizing = false;
+        resizeObserver.disconnect();
+    }
+    function updateHeight(height = null) {
+        if (height === null) {
+            const documentHeight = Math.ceil(document.documentElement.getBoundingClientRect().height);
+            // Only check for absolute elements if option is provided to startAutoResizer
+            if (checkAbsoluteElements && absolutePositionedElems.size) {
+                let maxHeight = documentHeight;
+                absolutePositionedElems.forEach((element) => {
+                    maxHeight = Math.max(element.getBoundingClientRect().bottom, maxHeight);
+                });
+                height = maxHeight;
+            }
+            else {
+                height = documentHeight;
+            }
+        }
+        if (height !== oldHeight) {
+            channel.send('setHeight', height);
+            oldHeight = height;
+        }
+    }
+}
+exports.default = createWindow;