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

package/dist/esm/views/share-dialog-view.js

@@ -0,0 +1,214 @@
+import React from 'react';
+const SHOW_LONGEVITY_WARNING = false;
+import ModalDialogView from './modal-dialog-view';
+import { ShareLoadingView } from './share-loading-view';
+import { ShareDialogStatusView } from './share-dialog-status-view';
+import { ShareDialogTabsView } from './share-dialog-tabs-view';
+import translate from '../utils/translate';
+const CFM_PRODUCTION_URL = "https://cloud-file-manager.concord.org";
+const CFM_PRODUCTION_AUTOLAUNCH_URL = `${CFM_PRODUCTION_URL}/autolaunch/autolaunch.html`;
+const CODAP_PRODUCTION_URL = "https://codap.concord.org/releases/latest/";
+const FULLSCREEN_INTERACTIVE_URL = "https://models-resources.concord.org/question-interactives/full-screen/";
+export default class ShareDialogView extends React.Component {
+    constructor(props) {
+        var _a, _b;
+        super(props);
+        // adapted from https://github.com/sudodoki/copy-to-clipboard/blob/master/index.js
+        this.copy = (e) => {
+            let mark, range, selection;
+            e.preventDefault();
+            let copied = false;
+            const toCopy = (() => {
+                switch (this.state.tabSelected) {
+                    case 'embed': return this.getEmbed();
+                    case 'link': return this.getShareLink();
+                    case 'lara': return this.getLara();
+                    case 'api': return this.getInteractiveApiLink();
+                }
+            })();
+            try {
+                mark = document.createElement('mark');
+                mark.textContent = toCopy;
+                // reset user styles for span element
+                mark.style.all = 'unset';
+                // prevents scrolling to the end of the page
+                mark.style.position = 'fixed';
+                mark.style.top = '0';
+                mark.style.clip = 'rect(0, 0, 0, 0)';
+                // used to preserve spaces and line breaks
+                mark.style.whiteSpace = 'pre';
+                // do not inherit user-select (it may be `none`)
+                mark.style.webkitUserSelect = 'text';
+                mark.style.MozUserSelect = 'text';
+                mark.style.msUserSelect = 'text';
+                mark.style.userSelect = 'text';
+                document.body.appendChild(mark);
+                selection = document.getSelection();
+                selection.removeAllRanges();
+                range = document.createRange();
+                range.selectNode(mark);
+                selection.addRange(range);
+                return copied = document.execCommand('copy');
+            }
+            catch (error) {
+                try {
+                    window.clipboardData.setData('text', toCopy);
+                    return copied = true;
+                }
+                catch (error1) {
+                    return copied = false;
+                }
+            }
+            finally {
+                if (selection) {
+                    if (typeof selection.removeRange === 'function') {
+                        selection.removeRange(range);
+                    }
+                    else {
+                        selection.removeAllRanges();
+                    }
+                }
+                if (mark) {
+                    document.body.removeChild(mark);
+                }
+                this.props.onAlert(translate(copied ? "~SHARE_DIALOG.COPY_SUCCESS" : "~SHARE_DIALOG.COPY_ERROR"), translate("~SHARE_DIALOG.COPY_TITLE"));
+            }
+        };
+        this.updateShare = () => {
+            return this.props.onUpdateShare();
+        };
+        this.toggleShare = (e) => {
+            e.preventDefault();
+            this.setState({
+                isLoadingShared: true
+            });
+            return this.props.onToggleShare(() => {
+                return this.setState({
+                    link: this.getShareLink(),
+                    embed: this.getEmbed(),
+                    isLoadingShared: false
+                });
+            });
+        };
+        this.selectShareTab = (tab) => {
+            this.setState({ tabSelected: tab });
+        };
+        this.changedLaraServerUrl = (event) => {
+            return this.setState({ laraServerUrl: event.target.value });
+        };
+        this.changedInteractiveApiServerUrl = (event) => {
+            return this.setState({ interactiveApiServerUrl: event.target.value });
+        };
+        this.changedFullscreenScaling = (event) => {
+            return this.setState({ fullscreenScaling: event.target.checked });
+        };
+        this.changedGraphVisToggles = (event) => {
+            return this.setState({ graphVisToggles: event.target.checked });
+        };
+        this.state = {
+            link: this.getShareLink(),
+            embed: this.getEmbed(),
+            laraServerUrl: ((_a = this.props.settings) === null || _a === void 0 ? void 0 : _a.serverUrl) || CODAP_PRODUCTION_URL,
+            laraServerUrlLabel: ((_b = this.props.settings) === null || _b === void 0 ? void 0 : _b.serverUrlLabel) || translate("~SHARE_DIALOG.LARA_CODAP_URL"),
+            interactiveApiServerUrl: this.props.currentBaseUrl,
+            interactiveApiServerUrlLabel: 'Server URL',
+            fullscreenScaling: true,
+            graphVisToggles: false,
+            tabSelected: 'link',
+            isLoadingShared: false
+        };
+    }
+    // Get a documentID, or going forward, always return a URL to a document
+    getShareUrl() {
+        const { isShared, sharedDocumentId, sharedDocumentUrl } = this.props;
+        if (isShared) {
+            if (sharedDocumentUrl) {
+                return sharedDocumentUrl;
+            }
+            // 2020-07-20 NP: We still need to support simple numeric IDs for now
+            // in the future we can convert w getLegacyUrl(sharedDocumentId)
+            if (sharedDocumentId) {
+                return sharedDocumentId;
+            }
+        }
+        return null;
+    }
+    // Return a sharable link to this document (includes the app CODAP)
+    getShareLink() {
+        const shareRef = this.getShareUrl();
+        if (shareRef) {
+            return `${this.props.currentBaseUrl}#shared=${encodeURIComponent(shareRef)}`;
+        }
+        return null;
+    }
+    getEmbed() {
+        if (this.getShareLink()) {
+            return `<iframe width="398px" height="313px" frameborder="no" scrolling="no" allowfullscreen="true" webkitallowfullscreen="true" mozallowfullscreen="true" src="${this.getShareLink()}"></iframe>`;
+        }
+        else {
+            return null;
+        }
+    }
+    getEncodedServerUrl(serverUrl) {
+        // graphVisToggles is a parameter handled by CODAP, so it needs to be added to its URL.
+        const delimiter = serverUrl.includes('?') ? '&' : '?';
+        const togglesParam = this.state.graphVisToggles ? 'app=is' : '';
+        return encodeURIComponent(`${serverUrl}${delimiter}${togglesParam}`);
+    }
+    getLara() {
+        // Update the LARA share link as per this story:
+        // https://www.pivotaltracker.com/story/show/172302663
+        //
+        // General form of the link is:
+        //  `<AutoLaunchPageUrl>?documentId=<XX>&server=<CODAP SERVER>&scaling`
+        // <AutoLaunchPageUrl> expects a `documentId` param (was a path in DocStore)
+        //    and a `server` param, that points usually to some CODAP release.
+        // <CODAP SERVER> can have url encoded params too such as `FcfmBaseUrl=`
+        // where URL is the url to the /js folder for CFM
+        //
+        // It will point to SPA hosted in this repo -- NP 2020-06-29
+        //  1: Get the resource URL (S3 shared document public URL)
+        //  2: Get the URL for the autoLaunch page (hosted here ...)
+        //  3: Construct a URL to <AutolaunchPage
+        const documentId = encodeURIComponent(this.getShareUrl());
+        const server = this.getEncodedServerUrl(this.state.laraServerUrl);
+        // Other params are handled by document server itself:
+        const fullscreenScaling = this.state.fullscreenScaling ? '&scaling' : '';
+        return `${CFM_PRODUCTION_AUTOLAUNCH_URL}?documentId=${documentId}&server=${server}${fullscreenScaling}`;
+    }
+    // TODO: Consider using queryparams to make URL construction less janky⬆
+    getInteractiveApiLink() {
+        const documentId = encodeURIComponent(this.getShareUrl());
+        const separator = this.state.interactiveApiServerUrl.includes('?') ? '&' : '?';
+        const togglesParam = this.state.graphVisToggles ? 'app=is&' : '';
+        let url = `${this.state.interactiveApiServerUrl}${separator}${togglesParam}interactiveApi&documentId=${documentId}`;
+        if (this.state.fullscreenScaling) {
+            url = `${FULLSCREEN_INTERACTIVE_URL}?wrappedInteractive=${encodeURIComponent(url)}`;
+        }
+        return url;
+    }
+    render() {
+        const { isShared } = this.props;
+        const { isLoadingShared, link } = this.state;
+        const sharing = isShared || (link != null);
+        return (React.createElement(ModalDialogView, { title: translate('~DIALOG.SHARED'), close: this.props.close },
+            React.createElement("div", { className: 'share-dialog', "data-testid": 'share-dialog' },
+                React.createElement("div", { className: 'share-top-dialog' }, isLoadingShared
+                    ? React.createElement(ShareLoadingView, null)
+                    : React.createElement(ShareDialogStatusView, { isSharing: sharing, previewLink: this.state.link, onToggleShare: this.toggleShare, onUpdateShare: this.updateShare })),
+                sharing &&
+                    React.createElement(ShareDialogTabsView, { tabSelected: this.state.tabSelected, linkUrl: this.state.link, embedUrl: this.state.embed, interactiveApi: this.props.enableLaraSharing
+                            ? {
+                                linkUrl: this.getInteractiveApiLink(),
+                                serverUrlLabel: this.state.interactiveApiServerUrlLabel,
+                                serverUrl: this.state.interactiveApiServerUrl,
+                                onChangeServerUrl: this.changedInteractiveApiServerUrl
+                            }
+                            : undefined, fullscreenScaling: this.state.fullscreenScaling, visibilityToggles: this.state.graphVisToggles, onChangeFullscreenScaling: this.changedFullscreenScaling, onChangeVisibilityToggles: this.changedGraphVisToggles, onSelectTab: this.selectShareTab, onCopyClick: this.copy }),
+                React.createElement("div", { className: 'buttons' },
+                    React.createElement("button", { onClick: this.props.close }, translate('~SHARE_DIALOG.CLOSE'))),
+                SHOW_LONGEVITY_WARNING &&
+                    React.createElement("div", { className: 'longevity-warning' }, translate('~SHARE_DIALOG.LONGEVITY_WARNING')))));
+    }
+}
+//# sourceMappingURL=share-dialog-view.js.map

package/dist/esm/views/share-dialog-view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"share-dialog-view.js","sourceRoot":"","sources":["../../../src/code/views/share-dialog-view.tsx"],"names":[],"mappings":"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"}

package/dist/esm/views/share-loading-view.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const ShareLoadingView: (props: {}) => React.JSX.Element;

package/dist/esm/views/share-loading-view.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import translate from '../utils/translate';
+import { Spinner } from './icons/spin';
+export const ShareLoadingView = (props) => {
+    return (React.createElement("div", { className: 'share-loading-view', "data-testid": 'share-loading-view' },
+        React.createElement(Spinner, { fill: "gray", size: 100 }),
+        translate("~SHARE_DIALOG.PLEASE_WAIT")));
+};
+//# sourceMappingURL=share-loading-view.js.map

package/dist/esm/views/share-loading-view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"share-loading-view.js","sourceRoot":"","sources":["../../../src/code/views/share-loading-view.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,SAAS,MAAO,oBAAoB,CAAA;AAC3C,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AAEtC,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,KAAS,EAAE,EAAE;IAC5C,OAAO,CACL,6BAAK,SAAS,EAAC,oBAAoB,iBAAa,oBAAoB;QAClE,oBAAC,OAAO,IAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAE,GAAG,GAAG;QAChC,SAAS,CAAC,2BAA2B,CAAC,CACnC,CACP,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/views/tabbed-panel-view.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const _default: import("react").ClassicComponentClass<unknown>;
+export default _default;

package/dist/esm/views/tabbed-panel-view.js

@@ -0,0 +1,74 @@
+// TODO: This file was created by bulk-decaffeinate.
+// Sanity-check the conversion and remove this comment.
+/*
+ * decaffeinate suggestions:
+ * DS101: Remove unnecessary use of Array.from
+ * 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
+ */
+import createReactClass from "create-react-class";
+import ReactDOMFactories from "react-dom-factories";
+import { createReactClassFactory } from "../create-react-factory";
+const { div, ul, li } = ReactDOMFactories;
+class TabInfo {
+    constructor(settings) {
+        if (settings == null) {
+            settings = {};
+        }
+        ({ label: this.label, component: this.component, capability: this.capability, onSelected: this.onSelected } = settings);
+    }
+}
+const Tab = createReactClassFactory({
+    displayName: 'TabbedPanelTab',
+    clicked(e) {
+        e.preventDefault();
+        return this.props.onSelected(this.props.index);
+    },
+    render() {
+        const classname = this.props.selected ? 'tab-selected' : '';
+        return (li({ className: classname, onClick: this.clicked }, this.props.label));
+    }
+});
+export default createReactClass({
+    displayName: 'TabbedPanelView',
+    getInitialState() {
+        return { selectedTabIndex: this.props.selectedTabIndex || 0 };
+    },
+    componentDidMount() {
+        return (typeof this.props.tabs[this.state.selectedTabIndex].onSelected === 'function' ? this.props.tabs[this.state.selectedTabIndex].onSelected(this.props.tabs[this.state.selectedTabIndex].capability) : undefined);
+    },
+    statics: {
+        Tab(settings) { return new TabInfo(settings); }
+    },
+    selectedTab(index) {
+        if (typeof this.props.tabs[index].onSelected === 'function') {
+            this.props.tabs[index].onSelected(this.props.tabs[index].capability);
+        }
+        return this.setState({ selectedTabIndex: index });
+    },
+    renderTab(tab, index) {
+        return (Tab({
+            label: tab.label,
+            key: index,
+            index,
+            selected: (index === this.state.selectedTabIndex),
+            onSelected: this.selectedTab
+        }));
+    },
+    renderTabs() {
+        return (div({ className: 'workspace-tabs' }, (Array.from(this.props.tabs).map((tab, index) => ul({ key: index }, this.renderTab(tab, index))))));
+    },
+    renderSelectedPanel() {
+        return (div({ className: 'workspace-tab-component' }, Array.from(this.props.tabs).map((tab, index) => (div({
+            key: index,
+            style: {
+                display: index === this.state.selectedTabIndex ? 'block' : 'none'
+            }
+        }, tab.component)))));
+    },
+    render() {
+        return (div({ className: "tabbed-panel" }, this.renderTabs(), this.renderSelectedPanel()));
+    }
+});
+//# sourceMappingURL=tabbed-panel-view.js.map

package/dist/esm/views/tabbed-panel-view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabbed-panel-view.js","sourceRoot":"","sources":["../../../src/code/views/tabbed-panel-view.ts"],"names":[],"mappings":"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"}

package/dist/esm/views/url-tab-view.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const _default: import("react").ClassicComponentClass<unknown>;
+export default _default;

package/dist/esm/views/url-tab-view.js

@@ -0,0 +1,62 @@
+// 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
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+import $ from "jquery";
+import createReactClass from "create-react-class";
+import ReactDOM from "react-dom";
+import ReactDOMFactories from "react-dom-factories";
+const { div, input, button } = ReactDOMFactories;
+import tr from '../utils/translate';
+export default createReactClass({
+    displayName: 'UrlTab',
+    getInitialState() {
+        return { hover: false };
+    },
+    importUrl(url, via) {
+        if (typeof this.props.dialog.callback === 'function') {
+            this.props.dialog.callback(url, via);
+        }
+        return this.props.close();
+    },
+    import() {
+        const url = $.trim(ReactDOM.findDOMNode(this.urlRef).value);
+        if (url.length === 0) {
+            return this.props.client.alert(tr("~IMPORT_URL.PLEASE_ENTER_URL"));
+        }
+        else {
+            return this.importUrl(url, 'select');
+        }
+    },
+    cancel() {
+        return this.props.close();
+    },
+    dragEnter(e) {
+        e.preventDefault();
+        return this.setState({ hover: true });
+    },
+    dragLeave(e) {
+        e.preventDefault();
+        return this.setState({ hover: false });
+    },
+    drop(e) {
+        e.preventDefault();
+        if (e.dataTransfer) {
+            const droppedUrls = (e.dataTransfer.getData('url') || e.dataTransfer.getData('text/uri-list') || '').split('\n');
+            if (droppedUrls.length > 1) {
+                return this.props.client.alert(tr("~IMPORT_URL.MULTIPLE_URLS_DROPPED"));
+            }
+            else if (droppedUrls.length === 1) {
+                return this.importUrl(droppedUrls[0], 'drop');
+            }
+        }
+    },
+    render() {
+        const dropClass = `urlDropArea${this.state.hover ? ' dropHover' : ''}`;
+        return (div({ className: 'dialogTab urlImport' }, (div({ className: dropClass, onDragEnter: this.dragEnter, onDragLeave: this.dragLeave, onDrop: this.drop }, (tr("~URL_TAB.DROP_URL_HERE")))), (input({ ref: ((elt) => { return this.urlRef = elt; }), placeholder: 'URL' })), (div({ className: 'buttons' }, (button({ onClick: this["import"] }, (tr("~URL_TAB.IMPORT")))), (button({ onClick: this.cancel }, (tr("~FILE_DIALOG.CANCEL"))))))));
+    }
+});
+//# sourceMappingURL=url-tab-view.js.map

package/dist/esm/views/url-tab-view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"url-tab-view.js","sourceRoot":"","sources":["../../../src/code/views/url-tab-view.ts"],"names":[],"mappings":"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"}

package/dist/examples/all-providers-react-18.html

@@ -0,0 +1,74 @@
+<html>
+  <head>
+    <script src="../js/globals.js"></script>
+    <!-- load React 18, replacing React 16 from globals -->
+    <script crossorigin src="https://unpkg.com/react@18/umd/react.development.js"></script>
+    <script crossorigin src="https://unpkg.com/react-dom@18/umd/react-dom.development.js"></script>
+    <script src="../js/app.js"></script>
+    <link rel="stylesheet" href="../css/app.css">
+    <title>Examples: All Providers (React 18)</title>
+  </head>
+  <body>
+    <div id="wrapper">
+    </div>
+    <script>
+      // Clients can use React 18-only createRoot API
+      let root
+      function renderRoot(content, container) {
+        if (!root) {
+          // call createRoot once only
+          root = ReactDOM.createRoot(container)
+        }
+        root.render(content)
+      }
+      var options = {
+        app: "example-app/index.html",
+        mimeType: "text/plain",
+        readableMimeTypes: ["application/json"],
+        extension: "txt",
+        readableExtensions: ["json", "txt"],
+        appName: "CFM_Demo",
+        appVersion: "0.1",
+        appBuildNum: "1",
+        iframeAllow: "geolocation; bluetooth",
+        providers: [
+          "localStorage",
+          "localFile",
+          {
+            "name": "readOnly",
+            "urlDisplayName": "examples",
+            "json": {
+              "first-example": "This is the first readonly example",
+              "second-example.txt": "This is the second readonly example"
+            }
+          },
+          {
+            "name": "googleDrive",
+            "apiKey": "AIzaSyDJsZTW51IRHPJBpVV2d3HpcOZ96H_e7nw",
+            "clientId": "107140815081-p1so3nbhgvbeio1imeigd8sf1ve7l6tj.apps.googleusercontent.com",
+            "appId": "107140815081"
+          },
+          {
+            "name": "documentStore",
+            "patch": true
+          },
+          "s3-share-provider"
+        ],
+        renderRoot,
+        ui: {
+          menu: CloudFileManager.DefaultMenu,
+          menuBar: {
+            info: "Version 1.0.0",
+            help: "http://lmgtfy.com/"
+          }
+        }
+      };
+      CloudFileManager.createFrame(options, "wrapper", function (event) {
+        if (event.type == 'connected') {
+          var client = event.data.client;
+          client.insertMenuItemAfter('openFileDialog', {"name": "Import data...", action: client.importDataDialog.bind(client)});
+        }
+      });
+    </script>
+  </body>
+</html>

package/dist/examples/all-providers.html

@@ -0,0 +1,61 @@
+<html>
+  <head>
+    <script src="../js/globals.js"></script>
+    <script src="../js/app.js"></script>
+    <link rel="stylesheet" href="../css/app.css">
+    <title>Examples: All Providers</title>
+  </head>
+  <body>
+    <div id="wrapper">
+    </div>
+    <script>
+      var options = {
+        app: "example-app/index.html",
+        mimeType: "text/plain",
+        readableMimeTypes: ["application/json"],
+        extension: "txt",
+        readableExtensions: ["json", "txt"],
+        appName: "CFM_Demo",
+        appVersion: "0.1",
+        appBuildNum: "1",
+        iframeAllow: "geolocation; bluetooth",
+        providers: [
+          "localStorage",
+          "localFile",
+          {
+            "name": "readOnly",
+            "urlDisplayName": "examples",
+            "json": {
+              "first-example": "This is the first readonly example",
+              "second-example.txt": "This is the second readonly example"
+            }
+          },
+          {
+            "name": "googleDrive",
+            "apiKey": "AIzaSyDJsZTW51IRHPJBpVV2d3HpcOZ96H_e7nw",
+            "clientId": "107140815081-p1so3nbhgvbeio1imeigd8sf1ve7l6tj.apps.googleusercontent.com",
+            "appId": "107140815081"
+          },
+          {
+            "name": "documentStore",
+            "patch": true
+          },
+          "s3-share-provider"
+        ],
+        ui: {
+          menu: CloudFileManager.DefaultMenu,
+          menuBar: {
+            info: "Version 1.0.0",
+            help: "http://lmgtfy.com/"
+          }
+        }
+      };
+      CloudFileManager.createFrame(options, "wrapper", function (event) {
+        if (event.type == 'connected') {
+          var client = event.data.client;
+          client.insertMenuItemAfter('openFileDialog', {"name": "Import data...", action: client.importDataDialog.bind(client)});
+        }
+      });
+    </script>
+  </body>
+</html>

package/dist/examples/auto-saving.html

@@ -0,0 +1,50 @@
+<html>
+  <head>
+    <script src="../js/globals.js"></script>
+    <script src="../js/app.js"></script>
+    <link rel="stylesheet" href="../css/app.css">
+    <title>Examples: Autosaving</title>
+  </head>
+  <body>
+    <div id="wrapper">
+    </div>
+    <script>
+      var options = {
+        app: "example-app/index.html",
+        autoSaveInterval: 5,
+        mimeType: "text/plain",
+        appName: "CFM_Demo",
+        appVersion: "0.1",
+        appBuildNum: "1",
+        providers: [
+          "localStorage",
+          {
+            "name": "readOnly",
+            "json": {
+              "first-example": "This is the first readonly example",
+              "second-example": "This is the second readonly example"
+            }
+          },
+          "localFile",
+          {
+            "name": "googleDrive",
+            "mimeType": "text/plain",
+            "apiKey": "AIzaSyDJsZTW51IRHPJBpVV2d3HpcOZ96H_e7nw",
+            "clientId": "107140815081-p1so3nbhgvbeio1imeigd8sf1ve7l6tj.apps.googleusercontent.com",
+            "appId": "107140815081"
+          },
+          {
+            "name": "documentStore",
+            "patch": true
+          }
+        ],
+        ui: {
+          menuBar: {
+            info: "This version auto saves every 5 seconds"
+          }
+        }
+      };
+      CloudFileManager.createFrame(options, "wrapper");
+    </script>
+  </body>
+</html>