@concord-consortium/cloud-file-manager 2.0.0-pre.1

package/dist/cjs/client.js

@@ -0,0 +1,1391 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CloudFileManagerClient = exports.CloudFileManagerClientEvent = void 0;
+// TODO: This file was created by bulk-decaffeinate.
+// Sanity-check the conversion and remove this comment.
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS207: Consider shorter variations of null checks
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+const jquery_1 = __importDefault(require("jquery"));
+const lodash_1 = __importDefault(require("lodash"));
+const mime_1 = __importDefault(require("mime"));
+const translate_1 = __importDefault(require("./utils/translate"));
+const is_string_1 = __importDefault(require("./utils/is-string"));
+const base64_js_1 = __importDefault(require("base64-js")); // https://github.com/beatgammit/base64-js
+const get_query_param_1 = __importDefault(require("./utils/get-query-param"));
+const app_options_1 = require("./app-options");
+const ui_1 = require("./ui");
+const localstorage_provider_1 = __importDefault(require("./providers/localstorage-provider"));
+const readonly_provider_1 = __importDefault(require("./providers/readonly-provider"));
+const google_drive_provider_1 = __importDefault(require("./providers/google-drive-provider"));
+const interactive_api_provider_1 = __importDefault(require("./providers/interactive-api-provider"));
+const lara_provider_1 = __importDefault(require("./providers/lara-provider"));
+const document_store_provider_1 = __importDefault(require("./providers/document-store-provider"));
+const s3_share_provider_1 = __importDefault(require("./providers/s3-share-provider"));
+const s3_provider_1 = __importDefault(require("./providers/s3-provider"));
+const local_file_provider_1 = __importDefault(require("./providers/local-file-provider"));
+const post_message_provider_1 = __importDefault(require("./providers/post-message-provider"));
+const url_provider_1 = __importDefault(require("./providers/url-provider"));
+const test_provider_1 = __importDefault(require("./providers/test-provider"));
+const provider_interface_1 = require("./providers/provider-interface");
+const report_error_1 = require("./utils/report-error");
+const lara_interactive_api_1 = require("@concord-consortium/lara-interactive-api");
+let CLOUDFILEMANAGER_EVENT_ID = 0;
+const CLOUDFILEMANAGER_EVENTS = {};
+class CloudFileManagerClientEvent {
+    constructor(type, data, callback = null, state) {
+        this.type = type;
+        if (data == null) {
+            data = {};
+        }
+        this.data = data;
+        this.callback = callback;
+        if (state == null) {
+            state = {};
+        }
+        this.state = state;
+        CLOUDFILEMANAGER_EVENT_ID++;
+        this.id = CLOUDFILEMANAGER_EVENT_ID;
+    }
+    postMessage(iframe) {
+        if (this.callback) {
+            CLOUDFILEMANAGER_EVENTS[this.id] = this;
+        }
+        // remove client from data to avoid structured clone error in postMessage
+        const eventData = lodash_1.default.clone(this.data);
+        delete eventData.client;
+        const message = { type: "cfm::event", eventId: this.id, eventType: this.type, eventData };
+        return iframe.postMessage(message, "*");
+    }
+}
+exports.CloudFileManagerClientEvent = CloudFileManagerClientEvent;
+class CloudFileManagerClient {
+    constructor(options) {
+        this.shouldAutoSave = this.shouldAutoSave.bind(this);
+        this.state = { availableProviders: [] };
+        this._listeners = [];
+        this._resetState();
+        this._ui = new ui_1.CloudFileManagerUI(this);
+        this.providers = {};
+        this.urlProvider = new url_provider_1.default();
+        this.onUnload = this.onUnload.bind(this);
+        (0, lara_interactive_api_1.setOnUnload)(this.onUnload);
+        this.connectedPromise = new Promise((resolve, reject) => {
+            this.connectedPromiseResolver = {
+                resolve: () => {
+                    resolve();
+                    this.connectedPromiseResolver = null;
+                },
+                reject: () => {
+                    reject();
+                    this.connectedPromiseResolver = null;
+                }
+            };
+        });
+    }
+    setAppOptions(appOptions) {
+        var _a, _b, _c, _d;
+        let providerName;
+        let Provider;
+        if (appOptions == null) {
+            appOptions = {};
+        }
+        this.appOptions = appOptions;
+        if (this.appOptions.wrapFileContent == null) {
+            this.appOptions.wrapFileContent = true;
+        }
+        provider_interface_1.CloudContent.wrapFileContent = this.appOptions.wrapFileContent;
+        if (this.appOptions.isClientContent)
+            provider_interface_1.cloudContentFactory.isClientContent = this.appOptions.isClientContent;
+        const allProviders = {};
+        // Determine the available providers. Note that order in the list can
+        // be significant in provider searches (e.g. @autoProvider).
+        const providerList = [
+            localstorage_provider_1.default,
+            readonly_provider_1.default,
+            google_drive_provider_1.default,
+            lara_provider_1.default,
+            interactive_api_provider_1.default,
+            document_store_provider_1.default,
+            local_file_provider_1.default,
+            post_message_provider_1.default,
+            s3_provider_1.default,
+            test_provider_1.default
+        ];
+        for (Provider of providerList) {
+            if (Provider.Available()) {
+                allProviders[Provider.Name] = Provider;
+            }
+        }
+        // default to all providers if none specified
+        if (!this.appOptions.providers) {
+            this.appOptions.providers = [];
+            for (providerName of Object.keys(allProviders || {})) {
+                appOptions.providers.push(providerName);
+            }
+        }
+        // preset the extension if Available
+        provider_interface_1.CloudMetadata.Extension = this.appOptions.extension;
+        provider_interface_1.CloudMetadata.ReadableExtensions = this.appOptions.readableExtensions || [];
+        if (provider_interface_1.CloudMetadata.Extension) {
+            provider_interface_1.CloudMetadata.ReadableExtensions.push(provider_interface_1.CloudMetadata.Extension);
+        }
+        const readableMimetypes = this.appOptions.readableMimeTypes || [];
+        readableMimetypes.push(this.appOptions.mimeType);
+        // check the providers
+        const requestedProviders = this.appOptions.providers.slice();
+        if ((0, get_query_param_1.default)("saveSecondaryFileViaPostMessage")) {
+            requestedProviders.push('postMessage');
+        }
+        const isInteractiveApiRequested = requestedProviders.includes('interactiveApi');
+        const availableProviders = [];
+        let shareProvider = null;
+        for (let providerSpec of requestedProviders) {
+            const [providerName, providerOptions] = (0, is_string_1.default)(providerSpec)
+                ? [providerSpec, {}]
+                : [providerSpec.name, providerSpec];
+            // merge in other options as needed
+            if (providerOptions.mimeType == null) {
+                providerOptions.mimeType = this.appOptions.mimeType;
+            }
+            providerOptions.readableMimetypes = readableMimetypes;
+            if (!providerName) {
+                this.alert("Invalid provider spec - must either be string or object with name property");
+            }
+            else {
+                if ((0, app_options_1.isCustomClientProvider)(providerOptions)) {
+                    allProviders[providerName] = providerOptions.createProvider(provider_interface_1.ProviderInterface);
+                }
+                if (allProviders[providerName]) {
+                    Provider = allProviders[providerName];
+                    // don't add providers that require configuration if no (or invalid) configuration provided
+                    if (!Provider.hasValidOptions || Provider.hasValidOptions(providerOptions)) {
+                        const provider = new Provider(providerOptions, this);
+                        this.providers[providerName] = provider;
+                        shareProvider = this._getShareProvider();
+                        // also add to here in providers list so we can look it up when parsing url hash
+                        if (provider.urlDisplayName) {
+                            this.providers[provider.urlDisplayName] = provider;
+                        }
+                        availableProviders.push(provider);
+                        // InteractiveApiProvider is a newer form of Lara provider
+                        if (!isInteractiveApiRequested && (providerName === "lara")) {
+                            const interactiveApiProvider = new interactive_api_provider_1.default(providerOptions, this);
+                            this.providers.interactiveApi = interactiveApiProvider;
+                            availableProviders.push(interactiveApiProvider);
+                        }
+                    }
+                }
+                else {
+                    this.alert(`Unknown provider: ${providerName}`);
+                }
+            }
+        }
+        this._setState({
+            availableProviders,
+            shareProvider
+        });
+        if (!this.appOptions.ui) {
+            this.appOptions.ui = {};
+        }
+        if (!this.appOptions.ui.windowTitleSuffix) {
+            this.appOptions.ui.windowTitleSuffix = document.title;
+        }
+        if (!this.appOptions.ui.windowTitleSeparator) {
+            this.appOptions.ui.windowTitleSeparator = ' - ';
+        }
+        this._setWindowTitle();
+        this._ui.init(this.appOptions.ui);
+        // check for autosave
+        if (this.appOptions.autoSaveInterval) {
+            this.autoSave(this.appOptions.autoSaveInterval);
+        }
+        // initialize the cloudContentFactory with all data we want in the envelope
+        provider_interface_1.cloudContentFactory.setEnvelopeMetadata({
+            cfmVersion: '__PACKAGE_VERSION__', // replaced by version number at build time
+            appName: this.appOptions.appName || "",
+            appVersion: this.appOptions.appVersion || "",
+            appBuildNum: this.appOptions.appBuildNum || ""
+        });
+        this.newFileOpensInNewTab = (_b = (_a = this.appOptions.ui) === null || _a === void 0 ? void 0 : _a.newFileOpensInNewTab) !== null && _b !== void 0 ? _b : true;
+        this.newFileAddsNewToQuery = (_c = this.appOptions.ui) === null || _c === void 0 ? void 0 : _c.newFileAddsNewToQuery;
+        if ((_d = this.appOptions.ui) === null || _d === void 0 ? void 0 : _d.confirmCloseIfDirty) {
+            this._setupConfirmOnClose();
+        }
+        return this._startPostMessageListener();
+    }
+    _getShareProvider() {
+        return new s3_share_provider_1.default(this, new s3_provider_1.default(this));
+    }
+    setProviderOptions(name, newOptions) {
+        for (let provider of this.state.availableProviders) {
+            if (provider.name === name) {
+                provider.options = { ...provider.options, newOptions };
+                break;
+            }
+        }
+    }
+    connect() {
+        var _a;
+        (_a = this.connectedPromiseResolver) === null || _a === void 0 ? void 0 : _a.resolve();
+        return this._event('connected', { client: this });
+    }
+    //
+    // Called from CloudFileManager.clientConnect to process the URL parameters
+    // and initiate opening any document specified by URL parameters. The CFM
+    // hash params are processed here after which providers are given a chance
+    // to process any provider-specific URL parameters. Calls ready() if no
+    // initial document opening occurs.
+    //
+    processUrlParams() {
+        // process the hash params
+        let providerName;
+        const { hashParams } = this.appOptions;
+        if (hashParams.sharedContentId) {
+            return this.openSharedContent(hashParams.sharedContentId);
+        }
+        else if (hashParams.fileParams) {
+            if (hashParams.fileParams.indexOf("http") === 0) {
+                return this.openUrlFile(hashParams.fileParams);
+            }
+            else {
+                let providerParams;
+                [providerName, providerParams] = hashParams.fileParams.split(':');
+                return this.openProviderFile(providerName, providerParams);
+            }
+        }
+        else if (hashParams.copyParams) {
+            return this.openCopiedFile(hashParams.copyParams);
+        }
+        else if (hashParams.newInFolderParams) {
+            let folder;
+            [providerName, folder] = hashParams.newInFolderParams.split(':');
+            return this.createNewInFolder(providerName, folder);
+        }
+        else if (this.haveTempFile()) {
+            return this.openAndClearTempFile();
+        }
+        else {
+            // give providers a chance to process url params
+            for (let provider of this.state.availableProviders) {
+                if (provider.handleUrlParams()) {
+                    return;
+                }
+            }
+            // if no providers handled it, then just signal ready()
+            return this.ready();
+        }
+    }
+    ready() {
+        return this._event('ready');
+    }
+    rendered() {
+        return this._event('rendered', { client: this });
+    }
+    listen(listener) {
+        if (listener) {
+            return this._listeners.push(listener);
+        }
+    }
+    log(event, eventData) {
+        this._event('log', { logEvent: event, logEventData: eventData });
+        if (this.appOptions.log) {
+            return this.appOptions.log(event, eventData);
+        }
+    }
+    autoProvider(capability) {
+        for (let provider of this.state.availableProviders) {
+            if (provider.canAuto(capability)) {
+                return provider;
+            }
+        }
+    }
+    appendMenuItem(item) {
+        this._ui.appendMenuItem(item);
+        return this;
+    }
+    prependMenuItem(item) {
+        this._ui.prependMenuItem(item);
+        return this;
+    }
+    replaceMenuItem(key, item) {
+        this._ui.replaceMenuItem(key, item);
+        return this;
+    }
+    insertMenuItemBefore(key, item) {
+        this._ui.insertMenuItemBefore(key, item);
+        return this;
+    }
+    insertMenuItemAfter(key, item) {
+        this._ui.insertMenuItemAfter(key, item);
+        return this;
+    }
+    setMenuBarInfo(info) {
+        return this._ui.setMenuBarInfo(info);
+    }
+    newFile(callback = null) {
+        this._closeCurrentFile();
+        this._resetState();
+        window.location.hash = "";
+        return this._event('newedFile', { content: "" }, callback);
+    }
+    newFileDialog(callback = null) {
+        if (this.newFileOpensInNewTab) {
+            return window.open(this.getCurrentUrl(this.newFileAddsNewToQuery ? "#new" : null), '_blank');
+        }
+        else if (this.state.dirty) {
+            if (this._autoSaveInterval && this.state.metadata) {
+                this.save();
+                return this.newFile(callback);
+            }
+            else {
+                return this.confirm((0, translate_1.default)('~CONFIRM.NEW_FILE'), () => this.newFile(callback));
+            }
+        }
+        else {
+            return this.newFile(callback);
+        }
+    }
+    openFile(metadata, callback = null) {
+        var _a;
+        if ((_a = metadata === null || metadata === void 0 ? void 0 : metadata.provider) === null || _a === void 0 ? void 0 : _a.can(provider_interface_1.ECapabilities.load, metadata)) {
+            this._event('willOpenFile', { op: "openFile" });
+            return metadata.provider.load(metadata, (err, content) => {
+                if (err) {
+                    return this.alert(err, () => this.ready());
+                }
+                // should wait to close current file until client signals open is complete
+                this._closeCurrentFile();
+                content = this._filterLoadedContent(content);
+                this._fileOpened(content, metadata, { openedContent: content.clone() }, this._getHashParams(metadata));
+                if (typeof callback === 'function') {
+                    callback(content, metadata);
+                }
+                return metadata.provider.fileOpened(content, metadata);
+            });
+        }
+        else {
+            return this.openFileDialog(callback);
+        }
+    }
+    openFileDialog(callback = null) {
+        const showDialog = () => {
+            return this._ui.openFileDialog((metadata) => {
+                return this.openFile(metadata, callback);
+            });
+        };
+        if (!this.state.dirty) {
+            return showDialog();
+        }
+        else {
+            return this.confirm((0, translate_1.default)('~CONFIRM.OPEN_FILE'), showDialog);
+        }
+    }
+    closeFile(callback = null) {
+        this._closeCurrentFile();
+        this._resetState();
+        window.location.hash = "";
+        this._event('closedFile', { content: "" });
+        return (typeof callback === 'function' ? callback() : undefined);
+    }
+    closeFileDialog(callback = null) {
+        if (!this.state.dirty) {
+            return this.closeFile(callback);
+        }
+        else {
+            return this.confirm((0, translate_1.default)('~CONFIRM.CLOSE_FILE'), () => this.closeFile(callback));
+        }
+    }
+    importData(data, callback = null) {
+        this._event('importedData', data);
+        return (typeof callback === 'function' ? callback(data) : undefined);
+    }
+    importDataDialog(callback = null) {
+        return this._ui.importDataDialog((data) => {
+            return this.importData(data, callback);
+        });
+    }
+    readLocalFile(file, callback = null) {
+        const reader = new FileReader();
+        reader.onload = loaded => typeof callback === 'function' ? callback({ name: file.name, content: loaded.target.result }) : undefined;
+        return reader.readAsText(file);
+    }
+    openLocalFile(file, callback = null) {
+        this._event('willOpenFile', { op: "openLocalFile" });
+        return this.readLocalFile(file, (data) => {
+            let content = provider_interface_1.cloudContentFactory.createEnvelopedCloudContent(data.content);
+            content = this._filterLoadedContent(content);
+            const metadata = new provider_interface_1.CloudMetadata({
+                name: data.name,
+                type: provider_interface_1.CloudMetadata.File
+            });
+            this._fileOpened(content, metadata, { openedContent: content.clone() });
+            return (typeof callback === 'function' ? callback(content, metadata) : undefined);
+        });
+    }
+    importLocalFile(file, callback = null) {
+        return this.readLocalFile(file, (data) => {
+            return this.importData(data, callback);
+        });
+    }
+    openSharedContent(id) {
+        const { shareProvider } = this.state;
+        this._event('willOpenFile', { op: "openSharedContent" });
+        if (shareProvider.loadSharedContent) {
+            shareProvider.loadSharedContent(id, (err, content, metadata) => {
+                if (err) {
+                    this.alert(err, () => this.ready());
+                }
+                else {
+                    content = this._filterLoadedContent(content);
+                    this._fileOpened(content, metadata, { overwritable: false, openedContent: content.clone() });
+                }
+            });
+        }
+    }
+    // must be called as a result of user action (e.g. click) to avoid popup blockers
+    parseUrlAuthorizeAndOpen() {
+        var _a;
+        if (((_a = this.appOptions.hashParams) === null || _a === void 0 ? void 0 : _a.fileParams) != null) {
+            const [providerName, providerParams] = this.appOptions.hashParams.fileParams.split(':');
+            const provider = this.providers[providerName];
+            if (provider) {
+                return provider.authorize(() => {
+                    return this.openProviderFile(providerName, providerParams);
+                });
+            }
+        }
+    }
+    /**
+     * Disassociates the current document from its provider.
+     *
+     * This is important specifically for autosaving providers. When authenticated
+     * state is lost we must not continue to autosave.
+     */
+    disconnectCurrentFile() {
+        console.warn('Closing file (rejected reauth)');
+        if (this.state.metadata) {
+            this.state.metadata.provider = null;
+        }
+        this._setState({ saving: null, saved: null });
+        window.location.hash = "";
+        this._event('ready');
+    }
+    confirmAuthorizeAndOpen(provider, providerParams) {
+        const rejectCallback = () => this.disconnectCurrentFile();
+        // trigger authorize() from confirmation dialog to avoid popup blockers
+        return this.confirm((0, translate_1.default)("~CONFIRM.AUTHORIZE_OPEN"), () => {
+            return provider.authorize(() => {
+                this._event('willOpenFile', { op: "confirmAuthorizeAndOpen" });
+                return provider.openSaved(providerParams, (err, content, metadata) => {
+                    if (err) {
+                        return this.alert(err);
+                    }
+                    content = this._filterLoadedContent(content);
+                    this._fileOpened(content, metadata, { openedContent: content.clone() }, this._getHashParams(metadata));
+                    return provider.fileOpened(content, metadata);
+                });
+            });
+        }, rejectCallback);
+    }
+    openProviderFileWhenConnected(providerName, providerParams) {
+        this.connectedPromise.then(() => this.openProviderFile(providerName, providerParams));
+    }
+    openProviderFile(providerName, providerParams) {
+        const provider = this.providers[providerName];
+        if (provider) {
+            return provider.authorized((isAuthorized) => {
+                // we can open the document without authorization in some cases
+                if (isAuthorized || !provider.isAuthorizationRequired()) {
+                    this._event('willOpenFile', { op: "openProviderFile" });
+                    return provider.openSaved(providerParams, (err, content, metadata) => {
+                        if (err) {
+                            return this.alert(err, () => this.ready());
+                        }
+                        // if we just opened the file, it doesn't need to be saved until the contents are changed unless
+                        // it requires conversion from an older version
+                        content = this._filterLoadedContent(content);
+                        const additionalState = { openedContent: content.clone(), dirty: content.requiresConversion() };
+                        this._fileOpened(content, metadata, additionalState, this._getHashParams(metadata));
+                        return provider.fileOpened(content, metadata);
+                    });
+                }
+                else {
+                    return this.confirmAuthorizeAndOpen(provider, providerParams);
+                }
+            }, { forceAuthorization: true }); // force authorization for Google Drive
+        }
+        else {
+            return this.alert((0, translate_1.default)("~ALERT.NO_PROVIDER"), () => this.ready());
+        }
+    }
+    openUrlFile(url) {
+        return this.urlProvider.openFileFromUrl(url, (err, content, metadata) => {
+            this._event('willOpenFile', { op: "openUrlFile" });
+            if (err) {
+                return this.alert(err, () => this.ready());
+            }
+            content = this._filterLoadedContent(content);
+            return this._fileOpened(content, metadata, { openedContent: content.clone() }, this._getHashParams(metadata));
+        });
+    }
+    createNewInFolder(providerName, folder) {
+        const provider = this.providers[providerName];
+        if (provider && provider.can(provider_interface_1.ECapabilities.setFolder, this.state.metadata)) {
+            if ((this.state.metadata == null)) {
+                this.state.metadata = new provider_interface_1.CloudMetadata({
+                    type: provider_interface_1.CloudMetadata.File,
+                    provider
+                });
+            }
+            this.state.metadata.parent = new provider_interface_1.CloudMetadata({
+                type: provider_interface_1.CloudMetadata.Folder,
+                providerData: {
+                    id: folder
+                }
+            });
+            this._ui.editInitialFilename();
+        }
+        return this._event('newedFile', { content: "" });
+    }
+    setInitialFilename(filename) {
+        this.state.metadata.rename(filename);
+        return this.save();
+    }
+    isSaveInProgress() {
+        return (this.state.saving != null);
+    }
+    confirmAuthorizeAndSave(stringContent, callback) {
+        let rejectCallback = () => { this.disconnectCurrentFile(); };
+        // trigger authorize() from confirmation dialog to avoid popup blockers
+        return this.confirm((0, translate_1.default)("~CONFIRM.AUTHORIZE_SAVE"), () => {
+            return this.state.metadata.provider.authorize(() => {
+                return this.saveFile(stringContent, this.state.metadata, callback);
+            });
+        }, rejectCallback);
+    }
+    save(callback = null) {
+        return this._event('getContent', { shared: this._sharedMetadata() }, (stringContent) => {
+            return this.saveContent(stringContent, callback);
+        });
+    }
+    saveContent(stringContent, callback = null) {
+        var _a;
+        const provider = ((_a = this.state.metadata) === null || _a === void 0 ? void 0 : _a.provider) || this.autoProvider(provider_interface_1.ECapabilities.save);
+        if (provider != null) {
+            return provider.authorized((isAuthorized) => {
+                // we can save the document without authorization in some cases
+                if (isAuthorized || !provider.isAuthorizationRequired()) {
+                    return this.saveFile(stringContent, this.state.metadata, callback);
+                }
+                else {
+                    return this.confirmAuthorizeAndSave(stringContent, callback);
+                }
+            });
+        }
+        else {
+            return this.saveFileDialog(stringContent, callback);
+        }
+    }
+    saveFile(stringContent, metadata, callback = null) {
+        var _a;
+        const readonly = metadata && !metadata.overwritable; // only check if metadata exists
+        const resaveable = (_a = metadata === null || metadata === void 0 ? void 0 : metadata.provider) === null || _a === void 0 ? void 0 : _a.can(provider_interface_1.ECapabilities.resave, metadata);
+        // must be able to 'resave' to save silently, i.e. without save dialog
+        if (!readonly && resaveable) {
+            return this.saveFileNoDialog(stringContent, metadata, callback);
+        }
+        else {
+            return this.saveFileDialog(stringContent, callback);
+        }
+    }
+    saveFileNoDialog(stringContent, metadata, callback = null) {
+        var _a, _b;
+        this._setState({
+            saving: metadata
+        });
+        let currentContent = this._createOrUpdateCurrentContent(stringContent, metadata);
+        currentContent = ((_b = (_a = this.appOptions).contentSaveFilter) === null || _b === void 0 ? void 0 : _b.call(_a, currentContent)) || currentContent;
+        return metadata.provider.save(currentContent, metadata, (err, statusCode, savedContent) => {
+            let failures;
+            if (err) {
+                if (statusCode === 401 || statusCode === 403 || statusCode === 404) {
+                    // disable autosave while the confirmation dialog is showing
+                    metadata.autoSaveDisabled = true;
+                    this._setState({ metadata, saving: null });
+                    return this.confirmAuthorizeAndSave(stringContent, callback);
+                }
+                else {
+                    this._setState({ saving: null });
+                    failures = this.state.failures;
+                    if (!failures) {
+                        failures = 1;
+                    }
+                    else {
+                        failures++;
+                    }
+                    if (failures === 1) {
+                        this._setState({ failures, showingSaveAlert: true });
+                        let error = err.toString();
+                        if (this.isAutoSaving()) {
+                            error = `${error}<br><br>${(0, translate_1.default)("~FILE_STATUS.CONTINUE_SAVE")}`;
+                        }
+                        return this.alert(error, () => {
+                            this._setState({ showingSaveAlert: false });
+                        });
+                    }
+                    else {
+                        this._setState({ failures });
+                    }
+                }
+            }
+            else {
+                if (this.state.showingSaveAlert) {
+                    this.hideAlert();
+                }
+                this._setState({ failures: 0, showingSaveAlert: false });
+                if (this.state.metadata !== metadata) {
+                    this._closeCurrentFile();
+                }
+                // reenable autosave on save success if this isn't a local file save
+                if (metadata.autoSaveDisabled != null) {
+                    delete metadata.autoSaveDisabled;
+                }
+                this._fileChanged('savedFile', currentContent, metadata, { saved: true }, this._getHashParams(metadata));
+                return (typeof callback === 'function' ? callback(currentContent, metadata, savedContent) : undefined);
+            }
+        });
+    }
+    saveFileDialog(stringContent = null, callback = null) {
+        return this._ui.saveFileDialog((metadata) => {
+            return this._dialogSave(stringContent, metadata, callback);
+        });
+    }
+    saveFileAsDialog(stringContent = null, callback = null) {
+        return this._ui.saveFileAsDialog((metadata) => {
+            return this._dialogSave(stringContent, metadata, callback);
+        });
+    }
+    createCopy(stringContent = null, callback = null) {
+        const saveAndOpenCopy = (stringContent) => {
+            var _a;
+            return this.saveCopiedFile(stringContent, (_a = this.state.metadata) === null || _a === void 0 ? void 0 : _a.name, (err, copyParams) => {
+                if (err) {
+                    return (typeof callback === 'function' ? callback(err) : undefined);
+                }
+                window.open(this.getCurrentUrl(`#copy=${copyParams}`));
+                return (typeof callback === 'function' ? callback(copyParams) : undefined);
+            });
+        };
+        if (stringContent == null) {
+            return this._event('getContent', {}, (stringContent) => saveAndOpenCopy(stringContent));
+        }
+        else {
+            return saveAndOpenCopy(stringContent);
+        }
+    }
+    saveCopiedFile(stringContent, name, callback) {
+        try {
+            const prefix = 'cfm-copy::';
+            let maxCopyNumber = 0;
+            for (let key of Object.keys(window.localStorage || {})) {
+                if (key.substr(0, prefix.length) === prefix) {
+                    const copyNumber = parseInt(key.substr(prefix.length), 10);
+                    maxCopyNumber = Math.max(maxCopyNumber, copyNumber);
+                }
+            }
+            maxCopyNumber++;
+            const value = JSON.stringify({
+                name: (name === null || name === void 0 ? void 0 : name.length) ? `Copy of ${name}` : "Copy of Untitled Document",
+                stringContent
+            });
+            window.localStorage.setItem(`${prefix}${maxCopyNumber}`, value);
+            return (typeof callback === 'function' ? callback(null, maxCopyNumber) : undefined);
+        }
+        catch (e) {
+            // CODAP style overrides
+            const divStyle = "text-align: left";
+            const paragraphStyle = "margin: 10px 0;";
+            const listStyle = "margin: 10px 10px 10px 30px; padding: 0;";
+            const message = `
+      <div style="${divStyle}">
+        <p style="${paragraphStyle}">The document is either too large to copy within the app, or your browser does not allow local storage.</p>
+
+        <p style="${paragraphStyle}">To copy this file you must duplicate it outside the app using these steps:</p>
+
+        <ol style="${listStyle}">
+          <li>Save the document.</li>
+          <li>Duplicate it using Google Drive or your local file system.</li>
+          <li>Open or import the newly duplicated document.</li>
+        </ol>
+      </div>
+      `;
+            return this.alert(message, "Copy Error");
+        }
+    }
+    openCopiedFile(copyParams) {
+        this._event('willOpenFile', { op: "openCopiedFile" });
+        try {
+            const key = `cfm-copy::${copyParams}`;
+            const copied = JSON.parse(window.localStorage.getItem(key));
+            let content = provider_interface_1.cloudContentFactory.createEnvelopedCloudContent(copied.stringContent);
+            content = this._filterLoadedContent(content);
+            const metadata = new provider_interface_1.CloudMetadata({
+                name: copied.name,
+                type: provider_interface_1.CloudMetadata.File
+            });
+            window.location.hash = "";
+            this._fileOpened(content, metadata, { dirty: true, openedContent: content.clone() });
+            return window.localStorage.removeItem(key);
+        }
+        catch (e) {
+            (0, report_error_1.reportError)("Unable to load copied file");
+        }
+    }
+    haveTempFile() {
+        try {
+            const key = "cfm-tempfile";
+            return !!(JSON.parse(window.localStorage.getItem(key)));
+        }
+        catch (e) {
+            return false;
+        }
+    }
+    saveTempFile(callback) {
+        return this._event('getContent', { shared: this._sharedMetadata() }, (stringContent) => {
+            var _a;
+            const currentContent = this._createOrUpdateCurrentContent(stringContent);
+            try {
+                const key = "cfm-tempfile";
+                const name = (_a = this.state.metadata) === null || _a === void 0 ? void 0 : _a.name;
+                const value = JSON.stringify({ name, stringContent });
+                window.localStorage.setItem(key, value);
+                const metadata = new provider_interface_1.CloudMetadata({
+                    name,
+                    type: provider_interface_1.CloudMetadata.File
+                });
+                this._fileChanged('savedFile', currentContent, metadata, { saved: true }, "");
+                return callback === null || callback === void 0 ? void 0 : callback(null);
+            }
+            catch (e) {
+                return callback === null || callback === void 0 ? void 0 : callback("Unable to temporarily save copied file");
+            }
+        });
+    }
+    openAndClearTempFile() {
+        this._event('willOpenFile', { op: "openAndClearTempFile" });
+        try {
+            const key = "cfm-tempfile";
+            const { name, stringContent } = JSON.parse(window.localStorage.getItem(key));
+            let content = provider_interface_1.cloudContentFactory.createEnvelopedCloudContent(stringContent);
+            content = this._filterLoadedContent(content);
+            const metadata = new provider_interface_1.CloudMetadata({
+                name,
+                type: provider_interface_1.CloudMetadata.File
+            });
+            this._fileOpened(content, metadata, { dirty: true, openedContent: content.clone() });
+            return window.localStorage.removeItem(key);
+        }
+        catch (e) {
+            (0, report_error_1.reportError)("Unable to load temp file");
+        }
+    }
+    _sharedMetadata() {
+        var _a;
+        return ((_a = this.state.currentContent) === null || _a === void 0 ? void 0 : _a.getSharedMetadata()) || {};
+    }
+    shareGetLink() {
+        return this._ui.shareDialog(this);
+    }
+    shareUpdate() {
+        return this.share(() => this.alert(((0, translate_1.default)("~SHARE_UPDATE.MESSAGE")), ((0, translate_1.default)("~SHARE_UPDATE.TITLE"))));
+    }
+    toggleShare(callback) {
+        if (this.isShared()) {
+            return this.unshare(callback);
+        }
+        else {
+            return this.share(callback);
+        }
+    }
+    isShared() {
+        var _a;
+        const currentContent = (_a = this.state) === null || _a === void 0 ? void 0 : _a.currentContent;
+        if (currentContent) {
+            const unshared = currentContent.get("isUnshared");
+            if (!unshared) {
+                const sharedDocumentId = currentContent.get("sharedDocumentId");
+                const sharedDocumentUrl = currentContent.get("sharedDocumentUrl");
+                return (sharedDocumentId || sharedDocumentUrl);
+            }
+        }
+        return false;
+    }
+    canEditShared() {
+        const accessKeys = (this.state.currentContent != null ? this.state.currentContent.get("accessKeys") : undefined) || {};
+        const shareEditKey = this.state.currentContent != null ? this.state.currentContent.get("shareEditKey") : undefined;
+        return (shareEditKey || accessKeys.readWrite) && !(this.state.currentContent != null ? this.state.currentContent.get("isUnshared") : undefined);
+    }
+    setShareState(shared, callback) {
+        if (this.state.shareProvider) {
+            const sharingMetadata = this.state.shareProvider.getSharingMetadata(shared);
+            return this._event('getContent', { shared: sharingMetadata }, (stringContent) => {
+                this._setState({ sharing: shared });
+                const sharedContent = provider_interface_1.cloudContentFactory.createEnvelopedCloudContent(stringContent);
+                sharedContent.addMetadata(sharingMetadata);
+                const currentContent = this._createOrUpdateCurrentContent(stringContent, this.state.metadata);
+                sharedContent.set('docName', currentContent.get('docName'));
+                // save the current name at the top level so it is displayed when the shared file is loaded
+                if (this.state.metadata) {
+                    sharedContent.getClientContent().name = this.state.metadata.name;
+                }
+                if (shared) {
+                    currentContent.remove('isUnshared');
+                }
+                else {
+                    currentContent.set('isUnshared', true);
+                }
+                return this.state.shareProvider.share(shared, currentContent, sharedContent, this.state.metadata, (err, sharedContentId) => {
+                    if (err) {
+                        return this.alert(err);
+                    }
+                    return callback === null || callback === void 0 ? void 0 : callback(null, sharedContentId, currentContent);
+                });
+            });
+        }
+    }
+    share(callback) {
+        if (!this.state.metadata) {
+            // PJ, 07/10/2020: Without these lines the sharing process will fail (it looks for filename and later tries to
+            // update metadata object). Apparently, there's an assumption that metadata already exists. It can initialized
+            // in a few random places, but a new document that has never been renamed won't have this object available.
+            this.state.metadata = new provider_interface_1.CloudMetadata({
+                name: (0, translate_1.default)("~MENUBAR.UNTITLED_DOCUMENT"),
+                type: provider_interface_1.CloudMetadata.File
+            });
+        }
+        return this.setShareState(true, (err, sharedContentId, currentContent) => {
+            this._fileChanged('sharedFile', currentContent, this.state.metadata);
+            return callback === null || callback === void 0 ? void 0 : callback(null, sharedContentId);
+        });
+    }
+    unshare(callback) {
+        return this.setShareState(false, (err, sharedContentId, currentContent) => {
+            this._fileChanged('unsharedFile', currentContent, this.state.metadata);
+            return callback === null || callback === void 0 ? void 0 : callback(null);
+        });
+    }
+    revertToShared(callback = null) {
+        var _a, _b, _c;
+        // Look for sharedDocumentUrl or Url first:
+        const id = ((_a = this.state.currentContent) === null || _a === void 0 ? void 0 : _a.get("sharedDocumentUrl"))
+            || ((_b = this.state.currentContent) === null || _b === void 0 ? void 0 : _b.get("url"))
+            || ((_c = this.state.currentContent) === null || _c === void 0 ? void 0 : _c.get("sharedDocumentId"));
+        if (id && (this.state.shareProvider != null)) {
+            return this.state.shareProvider.loadSharedContent(id, (err, content, metadata) => {
+                let docName;
+                if (err) {
+                    return this.alert(err);
+                }
+                content = this._filterLoadedContent(content);
+                this.state.currentContent.copyMetadataTo(content);
+                if (!metadata.name && (docName = content.get('docName'))) {
+                    metadata.name = docName;
+                }
+                this._fileOpened(content, metadata, { dirty: true, openedContent: content.clone() });
+                return callback === null || callback === void 0 ? void 0 : callback(null);
+            });
+        }
+    }
+    revertToSharedDialog(callback = null) {
+        if ((this.state.currentContent != null ? this.state.currentContent.get("sharedDocumentId") : undefined) && (this.state.shareProvider != null)) {
+            return this.confirm((0, translate_1.default)("~CONFIRM.REVERT_TO_SHARED_VIEW"), () => this.revertToShared(callback));
+        }
+    }
+    downloadDialog(callback = null) {
+        // should share metadata be included in downloaded local files?
+        return this._event('getContent', { shared: this._sharedMetadata() }, (content) => {
+            var _a;
+            const envelopedContent = provider_interface_1.cloudContentFactory.createEnvelopedCloudContent(content);
+            if (this.state.currentContent != null) {
+                this.state.currentContent.copyMetadataTo(envelopedContent);
+            }
+            return this._ui.downloadDialog((_a = this.state.metadata) === null || _a === void 0 ? void 0 : _a.name, envelopedContent, callback);
+        });
+    }
+    getDownloadBlob(content, includeShareInfo, mimeType) {
+        var _a;
+        let contentToSave;
+        if (mimeType == null) {
+            mimeType = 'text/plain';
+        }
+        if (typeof content === "string") {
+            if (mimeType.indexOf("image") >= 0) {
+                contentToSave = base64_js_1.default.toByteArray(content);
+            }
+            else {
+                contentToSave = content;
+            }
+        }
+        else if (includeShareInfo) {
+            contentToSave = JSON.stringify(content.getContent());
+        }
+        else { // not includeShareInfo
+            // clone the document so we can delete the share info and not affect the original
+            const json = content.clone().getContent();
+            delete json.sharedDocumentId;
+            delete json.sharedDocumentUrl;
+            delete json.shareEditKey;
+            delete json.isUnshared;
+            delete json.accessKeys;
+            // CODAP moves the keys into its own namespace
+            if (((_a = json.metadata) === null || _a === void 0 ? void 0 : _a.shared) != null) {
+                delete json.metadata.shared;
+            }
+            contentToSave = JSON.stringify(json);
+        }
+        return new Blob([contentToSave], { type: mimeType });
+    }
+    getDownloadUrl(content, includeShareInfo, mimeType) {
+        if (mimeType == null) {
+            mimeType = 'text/plain';
+        }
+        const wURL = window.URL || window.webkitURL;
+        if (wURL) {
+            return wURL.createObjectURL(this.getDownloadBlob(content, includeShareInfo, mimeType));
+        }
+    }
+    rename(metadata, newName, callback) {
+        var _a;
+        const { dirty } = this.state;
+        const _rename = (metadata) => {
+            var _a;
+            if (this.state.currentContent != null) {
+                this.state.currentContent.addMetadata({ docName: metadata.name });
+            }
+            this._fileChanged('renamedFile', this.state.currentContent, metadata, { dirty }, this._getHashParams(metadata));
+            const done = () => typeof callback === 'function' ? callback(newName) : undefined;
+            const readOnlyProvider = ((_a = metadata === null || metadata === void 0 ? void 0 : metadata.provider) === null || _a === void 0 ? void 0 : _a.name) === readonly_provider_1.default.Name;
+            if (!readOnlyProvider && ((metadata === null || metadata === void 0 ? void 0 : metadata.provider) || this.autoProvider(provider_interface_1.ECapabilities.save))) {
+                // autosave renamed file if it has already been saved or can be autosaved
+                this.save(done);
+            }
+            else {
+                done();
+            }
+        };
+        if (newName !== (this.state.metadata != null ? this.state.metadata.name : undefined)) {
+            if ((_a = metadata === null || metadata === void 0 ? void 0 : metadata.provider) === null || _a === void 0 ? void 0 : _a.can(provider_interface_1.ECapabilities.rename, metadata)) {
+                return this.state.metadata.provider.rename(this.state.metadata, newName, (err, metadata) => {
+                    if (err) {
+                        return this.alert(err);
+                    }
+                    return _rename(metadata);
+                });
+            }
+            else {
+                if (metadata) {
+                    metadata.rename(newName);
+                }
+                else {
+                    metadata = new provider_interface_1.CloudMetadata({
+                        name: newName,
+                        type: provider_interface_1.CloudMetadata.File
+                    });
+                }
+                return _rename(metadata);
+            }
+        }
+    }
+    renameDialog(callback = null) {
+        return this._ui.renameDialog(this.state.metadata != null ? this.state.metadata.name : undefined, (newName) => {
+            return this.rename(this.state.metadata, newName, callback);
+        });
+    }
+    revertToLastOpened(callback = null) {
+        this._event('willOpenFile', { op: "revertToLastOpened" });
+        if ((this.state.openedContent != null) && this.state.metadata) {
+            return this._fileOpened(this.state.openedContent, this.state.metadata, { openedContent: this.state.openedContent.clone() });
+        }
+    }
+    revertToLastOpenedDialog(callback = null) {
+        if ((this.state.openedContent != null) && this.state.metadata) {
+            return this.confirm((0, translate_1.default)('~CONFIRM.REVERT_TO_LAST_OPENED'), () => this.revertToLastOpened(callback));
+        }
+        else {
+            return (typeof callback === 'function' ? callback('No initial opened version was found for the currently active file') : undefined);
+        }
+    }
+    saveSecondaryFileAsDialog(stringContent, extension, mimeType, callback) {
+        // set the mimeType if not given with the extension
+        const extensionMimeType = mime_1.default.getType(extension);
+        if (extension && !mimeType && extensionMimeType) {
+            mimeType = extensionMimeType;
+        }
+        const provider = this.autoProvider(provider_interface_1.ECapabilities['export']);
+        if (provider) {
+            const metadata = { provider, extension, mimeType };
+            return this.saveSecondaryFile(stringContent, metadata, callback);
+        }
+        else {
+            const data = { content: stringContent, extension, mimeType };
+            return this._ui.saveSecondaryFileAsDialog(data, (metadata) => {
+                // replace defaults
+                if (extension) {
+                    metadata.filename = provider_interface_1.CloudMetadata.newExtension(metadata.filename, extension);
+                }
+                if (mimeType) {
+                    metadata.mimeType = mimeType;
+                }
+                return this.saveSecondaryFile(stringContent, metadata, callback);
+            });
+        }
+    }
+    // Saves a file to backend, but does not update current metadata.
+    // Used e.g. when exporting .csv files from CODAP
+    saveSecondaryFile(stringContent, metadata, callback = null) {
+        var _a;
+        if ((_a = metadata === null || metadata === void 0 ? void 0 : metadata.provider) === null || _a === void 0 ? void 0 : _a.can(provider_interface_1.ECapabilities["export"], metadata)) {
+            return metadata.provider.saveAsExport(stringContent, metadata, (err, statusCode) => {
+                return err ? this.alert(err) : callback === null || callback === void 0 ? void 0 : callback(stringContent, metadata);
+            });
+        }
+    }
+    dirty(isDirty = true) {
+        this._setState({
+            dirty: isDirty,
+            saved: this.state.saved && !isDirty
+        });
+        if (window.self !== window.top) {
+            // post to parent and not top window (not a bug even though we test for self inst top above)
+            return window.parent.postMessage({ type: "cfm::setDirty", isDirty }, "*");
+        }
+    }
+    shouldAutoSave() {
+        var _a;
+        const { metadata } = this.state;
+        return (this.state.dirty
+            && !(metadata === null || metadata === void 0 ? void 0 : metadata.autoSaveDisabled)
+            && !this.isSaveInProgress()
+            && ((_a = metadata === null || metadata === void 0 ? void 0 : metadata.provider) === null || _a === void 0 ? void 0 : _a.can(provider_interface_1.ECapabilities.resave, metadata)));
+    }
+    autoSave(interval) {
+        if (this._autoSaveInterval) {
+            clearInterval(this._autoSaveInterval);
+        }
+        // in case the caller uses milliseconds
+        if (interval > 1000) {
+            interval = Math.round(interval / 1000);
+        }
+        if (interval > 0) {
+            return this._autoSaveInterval = window.setInterval(() => { if (this.shouldAutoSave()) {
+                return this.save();
+            } }, interval * 1000);
+        }
+    }
+    isAutoSaving() {
+        return (this._autoSaveInterval != null);
+    }
+    changeLanguage(newLangCode, callback) {
+        var _a, _b;
+        if (callback) {
+            const postSave = (err) => {
+                if (err) {
+                    this.alert(err);
+                    return this.confirm((0, translate_1.default)('~CONFIRM.CHANGE_LANGUAGE'), () => callback(newLangCode));
+                }
+                else {
+                    return callback(newLangCode);
+                }
+            };
+            if ((_b = (_a = this.state.metadata) === null || _a === void 0 ? void 0 : _a.provider) === null || _b === void 0 ? void 0 : _b.can(provider_interface_1.ECapabilities.save)) {
+                return this.save((err) => postSave(err));
+            }
+            else {
+                return this.saveTempFile(postSave);
+            }
+        }
+    }
+    showBlockingModal(modalProps) {
+        return this._ui.showBlockingModal(modalProps);
+    }
+    hideBlockingModal() {
+        return this._ui.hideBlockingModal();
+    }
+    getCurrentUrl(hashString) {
+        return `${window.location.origin}${window.location.pathname}${window.location.search}${hashString || ""}`;
+    }
+    // Takes an array of strings representing url parameters to be removed from the URL.
+    // Removes the specified parameters from the URL and then uses the history API's
+    // pushState() method to update the URL without reloading the page.
+    // Adapted from http://stackoverflow.com/a/11654436.
+    removeQueryParams(params) {
+        let url = window.location.href;
+        const hash = url.split('#');
+        for (let key of params) {
+            const re = new RegExp(`([?&])${key}=.*?(&|#|$)(.*)`, "g");
+            if (re.test(url)) {
+                hash[0] = hash[0].replace(re, '$1$3').replace(/(&|\?)$/, '');
+            }
+        }
+        url = hash[0] + ((hash[1] != null) ? `#${hash[1]}` : '');
+        if (url !== window.location.href) {
+            return history.pushState({ originalUrl: window.location.href }, '', url);
+        }
+    }
+    confirm(message, callback, rejectCallback) {
+        return this.confirmDialog({ message, callback, rejectCallback });
+    }
+    confirmDialog(params) {
+        return this._ui.confirmDialog(params);
+    }
+    alert(message, titleOrCallback, callback) {
+        if (lodash_1.default.isFunction(titleOrCallback)) {
+            callback = titleOrCallback;
+            titleOrCallback = null;
+        }
+        return this._ui.alertDialog(message, (titleOrCallback || (0, translate_1.default)("~CLIENT_ERROR.TITLE")), callback);
+    }
+    hideAlert() {
+        this._ui.hideAlertDialog();
+    }
+    selectInteractiveStateDialog(props, callback) {
+        this._event("requiresUserInteraction");
+        this._ui.selectInteractiveStateDialog({ ...props, onSelect: callback });
+    }
+    async onUnload(options) {
+        if (options.unloading) {
+            return new Promise(resolve => {
+                var _a;
+                // only save if the provider is set - when using linked interactives the provider is not set when
+                // the linked interactive changed and the version choice dialog is showing
+                if ((_a = this.state.metadata) === null || _a === void 0 ? void 0 : _a.provider) {
+                    this.save((content, metadata, savedContent) => {
+                        // providers can save a different format for the content
+                        // for example the interactiveApi provider can save attachments in which case the savedContent
+                        // will be an object pointing at the attachment
+                        resolve(savedContent || content);
+                    });
+                }
+                else {
+                    // signal that nothing needs to be saved
+                    resolve(undefined);
+                }
+            });
+        }
+        return Promise.resolve(undefined);
+    }
+    _dialogSave(stringContent, metadata, callback) {
+        if (stringContent != null) {
+            return this.saveFileNoDialog(stringContent, metadata, callback);
+        }
+        else {
+            return this._event('getContent', { shared: this._sharedMetadata() }, (stringContent) => {
+                return this.saveFileNoDialog(stringContent, metadata, callback);
+            });
+        }
+    }
+    // The purpose of this seems to be to definitely set whether or not the content
+    // can be overwritten? Will mutate metadata:
+    _updateMetaDataOverwritable(metadata) {
+        if (metadata != null) {
+            metadata.overwritable = (metadata.overwritable != null)
+                ? metadata.overwritable
+                : true;
+        }
+    }
+    _fileChanged(type, content, metadata, additionalState, hashParams = null) {
+        if (additionalState == null) {
+            additionalState = {};
+        }
+        this._updateMetaDataOverwritable(metadata);
+        this._updateState(content, metadata, additionalState, hashParams);
+        return this._event(type, { content: (content != null ? content.getClientContent() : undefined), shared: this._sharedMetadata() });
+    }
+    _fileOpened(content, metadata, additionalState, hashParams = null) {
+        var _a, _b;
+        if (additionalState == null) {
+            additionalState = {};
+        }
+        const eventData = { content: (_b = (_a = content === null || content === void 0 ? void 0 : content.getClientContent) === null || _a === void 0 ? void 0 : _a.call(content)) !== null && _b !== void 0 ? _b : content };
+        // update state before sending 'openedFile' events so that 'openedFile' listeners that
+        // reference state have the updated state values
+        this._updateState(content, metadata, additionalState, hashParams);
+        // add metadata contentType to event for CODAP to load via postMessage API (for SageModeler standalone)
+        const contentType = metadata.mimeType || metadata.contentType;
+        eventData.metadata = { contentType, url: metadata.url, filename: metadata.filename };
+        return this._event('openedFile', eventData, (iError, iSharedMetadata) => {
+            if (iError) {
+                return this.alert(iError, () => this.ready());
+            }
+            this._updateMetaDataOverwritable(metadata);
+            if (!this.appOptions.wrapFileContent) {
+                content.addMetadata(iSharedMetadata);
+            }
+            // and then update state again for the metadata and content changes
+            this._updateState(content, metadata, additionalState, hashParams);
+            return this.ready();
+        });
+    }
+    _updateState(content, metadata, additionalState = {}, hashParams = null) {
+        const state = {
+            currentContent: content,
+            metadata,
+            saving: null,
+            saved: false,
+            dirty: !additionalState.saved && (content === null || content === void 0 ? void 0 : content.requiresConversion()),
+            ...additionalState
+        };
+        this._setWindowTitle(metadata === null || metadata === void 0 ? void 0 : metadata.name);
+        if (hashParams !== null) {
+            window.location.hash = hashParams;
+        }
+        return this._setState(state);
+    }
+    _event(type, data, eventCallback = null) {
+        var _a;
+        if (data == null) {
+            data = {};
+        }
+        const event = new CloudFileManagerClientEvent(type, data, eventCallback, this.state);
+        for (let listener of this._listeners) {
+            listener(event);
+        }
+        // Workaround to fix https://www.pivotaltracker.com/story/show/162392580
+        // CODAP will fail on the renamedFile message because we don't send the state with
+        // the postMessage events and CODAP examines the state to get the new name.
+        // I tried sending the state but that causes CODAP to replace its state which breaks other things.
+        // A permanent fix for this would be to send the new filename outside of the state metadata.
+        const skipPostMessage = type === "renamedFile";
+        if (((_a = this.appOptions) === null || _a === void 0 ? void 0 : _a.sendPostMessageClientEvents) && this.iframe && !skipPostMessage) {
+            return event.postMessage(this.iframe.contentWindow);
+        }
+    }
+    _setState(newState) {
+        this.state = { ...this.state, ...newState };
+        return this._event('stateChanged');
+    }
+    _resetState() {
+        return this._setState({
+            openedContent: null,
+            currentContent: null,
+            metadata: null,
+            dirty: false,
+            saving: null,
+            saved: false,
+            failures: 0
+        });
+    }
+    _closeCurrentFile() {
+        var _a;
+        const { metadata } = this.state;
+        if ((_a = metadata === null || metadata === void 0 ? void 0 : metadata.provider) === null || _a === void 0 ? void 0 : _a.can(provider_interface_1.ECapabilities.close, metadata)) {
+            return metadata.provider.close(metadata);
+        }
+    }
+    _createOrUpdateCurrentContent(stringContent, metadata = null) {
+        let currentContent;
+        if (this.state.currentContent != null) {
+            ({ currentContent } = this.state);
+            currentContent.setText(stringContent);
+        }
+        else {
+            currentContent = provider_interface_1.cloudContentFactory.createEnvelopedCloudContent(stringContent);
+        }
+        if (metadata != null) {
+            currentContent.addMetadata({ docName: metadata.name });
+        }
+        return currentContent;
+    }
+    _setWindowTitle(name) {
+        var _a;
+        if ((_a = this.appOptions) === null || _a === void 0 ? void 0 : _a.appSetsWindowTitle) {
+            return;
+        }
+        const { ui } = this.appOptions;
+        if (ui) {
+            const { windowTitleSeparator, windowTitleSuffix } = ui;
+            if (windowTitleSuffix) {
+                const displayName = (name || "").length > 0
+                    ? name
+                    : (0, translate_1.default)("~MENUBAR.UNTITLED_DOCUMENT");
+                document.title = `${displayName}${windowTitleSeparator}${windowTitleSuffix}`;
+            }
+        }
+    }
+    _getHashParams(metadata) {
+        var _a, _b;
+        const canOpenSaved = ((_a = metadata === null || metadata === void 0 ? void 0 : metadata.provider) === null || _a === void 0 ? void 0 : _a.canOpenSaved()) || false;
+        let openSavedParams = canOpenSaved ? (_b = metadata === null || metadata === void 0 ? void 0 : metadata.provider) === null || _b === void 0 ? void 0 : _b.getOpenSavedParams(metadata) : null;
+        if (canOpenSaved && (openSavedParams != null) && (typeof openSavedParams === "string")) {
+            return `#file=${metadata.provider.urlDisplayName || metadata.provider.name}:${encodeURIComponent(openSavedParams)}`;
+        }
+        else if ((metadata === null || metadata === void 0 ? void 0 : metadata.provider) instanceof url_provider_1.default && (window.location.hash.indexOf("#file=http") === 0)) {
+            return window.location.hash; // leave it alone
+        }
+        else {
+            return "";
+        }
+    }
+    _startPostMessageListener() {
+        return (0, jquery_1.default)(window).on('message', e => {
+            var _a, _b;
+            const oe = e.originalEvent;
+            const data = oe.data || {};
+            const reply = function (type, params) {
+                if (params == null) {
+                    params = {};
+                }
+                const message = lodash_1.default.merge({}, params, { type });
+                return oe.source.postMessage(message, oe.origin);
+            };
+            switch (data === null || data === void 0 ? void 0 : data.type) {
+                case 'cfm::getCommands':
+                    return reply('cfm::commands', { commands: ['cfm::autosave', 'cfm::event', 'cfm::event:reply', 'cfm::setDirty', 'cfm::iframedClientConnected'] });
+                case 'cfm::autosave':
+                    if (this.shouldAutoSave()) {
+                        return this.save(() => reply('cfm::autosaved', { saved: true }));
+                    }
+                    else {
+                        return reply('cfm::autosaved', { saved: false });
+                    }
+                case 'cfm::event':
+                    return this._event(data.eventType, data.eventData, function () {
+                        const callbackArgs = JSON.stringify(Array.prototype.slice.call(arguments));
+                        return reply('cfm::event:reply', { eventId: data.eventId, callbackArgs });
+                    });
+                case 'cfm::event:reply': {
+                    const event = CLOUDFILEMANAGER_EVENTS[data.eventId];
+                    const callbackData = JSON.parse((data === null || data === void 0 ? void 0 : data.callbackArgs) || null);
+                    return (_a = event === null || event === void 0 ? void 0 : event.callback) === null || _a === void 0 ? void 0 : _a.apply(this, callbackData);
+                }
+                case 'cfm::setDirty':
+                    return this.dirty(data.isDirty);
+                case 'cfm::iframedClientConnected':
+                    (_b = this.connectedPromiseResolver) === null || _b === void 0 ? void 0 : _b.resolve();
+                    return this.processUrlParams();
+            }
+        });
+    }
+    _setupConfirmOnClose() {
+        return (0, jquery_1.default)(window).on('beforeunload', e => {
+            if (this.state.dirty) {
+                // different browsers trigger the confirm in different ways
+                e.preventDefault();
+                return e.returnValue = true;
+            }
+        });
+    }
+    _filterLoadedContent(content) {
+        var _a, _b;
+        return ((_b = (_a = this.appOptions).contentLoadFilter) === null || _b === void 0 ? void 0 : _b.call(_a, content)) || content;
+    }
+}
+exports.CloudFileManagerClient = CloudFileManagerClient;
+//# sourceMappingURL=client.js.map