@datalayer/jupyter-react 1.1.9 → 1.2.1

package/lib/jupyter/lite/contents/contents.js

@@ -0,0 +1,774 @@
+import { PageConfig, URLExt } from '@jupyterlab/coreutils';
+import { PathExt } from '@jupyterlab/coreutils';
+import { MIME, FILE } from './tokens';
+import { PromiseDelegate } from '@lumino/coreutils';
+/**
+ * The name of the local storage.
+ */
+const DEFAULT_STORAGE_NAME = 'JupyterLite Storage';
+/**
+ * The number of checkpoints to save.
+ */
+const N_CHECKPOINTS = 5;
+const encoder = new TextEncoder();
+const decoder = new TextDecoder('utf-8');
+/**
+ * A class to handle requests to /api/contents
+ */
+export class Contents {
+    /**
+     * Construct a new localForage-powered contents provider
+     */
+    constructor(options) {
+        this._localforage = options.localforage;
+        this._storageName = options.storageName || DEFAULT_STORAGE_NAME;
+        this._storageDrivers = options.storageDrivers || null;
+        this._ready = new PromiseDelegate();
+    }
+    /**
+     * Finish any initialization after server has started and all extensions are applied.
+     */
+    async initialize() {
+        await this.initStorage();
+        this._ready.resolve(void 0);
+    }
+    /**
+     * Initialize all storage instances
+     */
+    async initStorage() {
+        this._storage = this.createDefaultStorage();
+        this._counters = this.createDefaultCounters();
+        this._checkpoints = this.createDefaultCheckpoints();
+    }
+    /**
+     * A promise that resolves once all storage is fully initialized.
+     */
+    get ready() {
+        return this._ready.promise;
+    }
+    /**
+     * A lazy reference to the underlying storage.
+     */
+    get storage() {
+        return this.ready.then(() => this._storage);
+    }
+    /**
+     * A lazy reference to the underlying counters.
+     */
+    get counters() {
+        return this.ready.then(() => this._counters);
+    }
+    /**
+     * A lazy reference to the underlying checkpoints.
+     */
+    get checkpoints() {
+        return this.ready.then(() => this._checkpoints);
+    }
+    /**
+     * Get default options for localForage instances
+     */
+    get defaultStorageOptions() {
+        const driver = this._storageDrivers && this._storageDrivers.length
+            ? this._storageDrivers
+            : null;
+        return {
+            version: 1,
+            name: this._storageName,
+            ...(driver ? { driver } : {}),
+        };
+    }
+    /**
+     * Initialize the default storage for contents.
+     */
+    createDefaultStorage() {
+        return this._localforage.createInstance({
+            description: 'Offline Storage for Notebooks and Files',
+            storeName: 'files',
+            ...this.defaultStorageOptions,
+        });
+    }
+    /**
+     * Initialize the default storage for counting file suffixes.
+     */
+    createDefaultCounters() {
+        return this._localforage.createInstance({
+            description: 'Store the current file suffix counters',
+            storeName: 'counters',
+            ...this.defaultStorageOptions,
+        });
+    }
+    /**
+     * Create the default checkpoint storage.
+     */
+    createDefaultCheckpoints() {
+        return this._localforage.createInstance({
+            description: 'Offline Storage for Checkpoints',
+            storeName: 'checkpoints',
+            ...this.defaultStorageOptions,
+        });
+    }
+    /**
+     * Create a new untitled file or directory in the specified directory path.
+     *
+     * @param options: The options used to create the file.
+     *
+     * @returns A promise which resolves with the created file content when the file is created.
+     */
+    async newUntitled(options) {
+        const path = options?.path ?? '';
+        const type = options?.type ?? 'notebook';
+        const created = new Date().toISOString();
+        let dirname = PathExt.dirname(path);
+        const basename = PathExt.basename(path);
+        const extname = PathExt.extname(path);
+        const item = await this.get(dirname);
+        // handle the case of "Save As", where the path points to the new file
+        // to create, e.g. subfolder/example-copy.ipynb
+        let name = '';
+        if (path && !extname && item) {
+            // directory
+            dirname = `${path}/`;
+            name = '';
+        }
+        else if (dirname && basename) {
+            // file in a subfolder
+            dirname = `${dirname}/`;
+            name = basename;
+        }
+        else {
+            // file at the top level
+            dirname = '';
+            name = path;
+        }
+        let file;
+        switch (type) {
+            case 'directory': {
+                const counter = await this._incrementCounter('directory');
+                name = `Untitled Folder${counter || ''}`;
+                file = {
+                    name,
+                    path: `${dirname}${name}`,
+                    last_modified: created,
+                    created,
+                    format: 'json',
+                    mimetype: '',
+                    content: null,
+                    size: 0,
+                    writable: true,
+                    type: 'directory',
+                };
+                break;
+            }
+            case 'notebook': {
+                const counter = await this._incrementCounter('notebook');
+                name = name || `Untitled${counter || ''}.ipynb`;
+                file = {
+                    name,
+                    path: `${dirname}${name}`,
+                    last_modified: created,
+                    created,
+                    format: 'json',
+                    mimetype: MIME.JSON,
+                    content: Private.EMPTY_NB,
+                    size: encoder.encode(JSON.stringify(Private.EMPTY_NB)).length,
+                    writable: true,
+                    type: 'notebook',
+                };
+                break;
+            }
+            default: {
+                const ext = options?.ext ?? '.txt';
+                const counter = await this._incrementCounter('file');
+                const mimetype = FILE.getType(ext) || MIME.OCTET_STREAM;
+                let format;
+                if (FILE.hasFormat(ext, 'text') || mimetype.indexOf('text') !== -1) {
+                    format = 'text';
+                }
+                else if (ext.indexOf('json') !== -1 || ext.indexOf('ipynb') !== -1) {
+                    format = 'json';
+                }
+                else {
+                    format = 'base64';
+                }
+                name = name || `untitled${counter || ''}${ext}`;
+                file = {
+                    name,
+                    path: `${dirname}${name}`,
+                    last_modified: created,
+                    created,
+                    format,
+                    mimetype,
+                    content: '',
+                    size: 0,
+                    writable: true,
+                    type: 'file',
+                };
+                break;
+            }
+        }
+        const key = file.path;
+        await (await this.storage).setItem(key, file);
+        return file;
+    }
+    /**
+     * Copy a file into a given directory.
+     *
+     * @param path - The original file path.
+     * @param toDir - The destination directory path.
+     *
+     * @returns A promise which resolves with the new contents model when the
+     *  file is copied.
+     *
+     * #### Notes
+     * The server will select the name of the copied file.
+     */
+    async copy(path, toDir) {
+        let name = PathExt.basename(path);
+        toDir = toDir === '' ? '' : `${PathExt.removeSlash(toDir)}/`;
+        // TODO: better handle naming collisions with existing files
+        while (await this.get(`${toDir}${name}`, { content: true })) {
+            const ext = PathExt.extname(name);
+            const base = name.replace(ext, '');
+            name = `${base} (copy)${ext}`;
+        }
+        const toPath = `${toDir}${name}`;
+        let item = await this.get(path, { content: true });
+        if (!item) {
+            throw Error(`Could not find file with path ${path}`);
+        }
+        item = {
+            ...item,
+            name,
+            path: toPath,
+        };
+        await (await this.storage).setItem(toPath, item);
+        return item;
+    }
+    /**
+     * Get a file or directory.
+     *
+     * @param path: The path to the file.
+     * @param options: The options used to fetch the file.
+     *
+     * @returns A promise which resolves with the file content.
+     */
+    async get(path, options) {
+        // remove leading slash
+        path = decodeURIComponent(path.replace(/^\//, ''));
+        if (path === '') {
+            return await this._getFolder(path);
+        }
+        const storage = await this.storage;
+        const item = await storage.getItem(path);
+        const serverItem = await this._getServerContents(path, options);
+        const model = (item || serverItem);
+        if (!model) {
+            return null;
+        }
+        if (!options?.content) {
+            return {
+                size: 0,
+                ...model,
+                content: null,
+            };
+        }
+        // for directories, find all files with the path as the prefix
+        if (model.type === 'directory') {
+            const contentMap = new Map();
+            await storage.iterate((file, key) => {
+                // use an additional slash to not include the directory itself
+                if (key === `${path}/${file.name}`) {
+                    contentMap.set(file.name, file);
+                }
+            });
+            const serverContents = serverItem
+                ? serverItem.content
+                : Array.from((await this._getServerDirectory(path)).values());
+            for (const file of serverContents) {
+                if (!contentMap.has(file.name)) {
+                    contentMap.set(file.name, file);
+                }
+            }
+            const content = [...contentMap.values()];
+            return {
+                name: PathExt.basename(path),
+                path,
+                last_modified: model.last_modified,
+                created: model.created,
+                format: 'json',
+                mimetype: MIME.JSON,
+                content,
+                size: 0,
+                writable: true,
+                type: 'directory',
+            };
+        }
+        return model;
+    }
+    /**
+     * Rename a file or directory.
+     *
+     * @param oldLocalPath - The original file path.
+     * @param newLocalPath - The new file path.
+     *
+     * @returns A promise which resolves with the new file content model when the file is renamed.
+     */
+    async rename(oldLocalPath, newLocalPath) {
+        const path = decodeURIComponent(oldLocalPath);
+        const file = await this.get(path, { content: true });
+        if (!file) {
+            throw Error(`Could not find file with path ${path}`);
+        }
+        const modified = new Date().toISOString();
+        const name = PathExt.basename(newLocalPath);
+        const newFile = {
+            ...file,
+            name,
+            path: newLocalPath,
+            last_modified: modified,
+        };
+        const storage = await this.storage;
+        await storage.setItem(newLocalPath, newFile);
+        // remove the old file
+        await storage.removeItem(path);
+        // remove the corresponding checkpoint
+        await (await this.checkpoints).removeItem(path);
+        // if a directory, recurse through all children
+        if (file.type === 'directory') {
+            let child;
+            for (child of file.content) {
+                await this.rename(URLExt.join(oldLocalPath, child.name), URLExt.join(newLocalPath, child.name));
+            }
+        }
+        return newFile;
+    }
+    /**
+     * Save a file.
+     *
+     * @param path - The desired file path.
+     * @param options - Optional overrides to the model.
+     *
+     * @returns A promise which resolves with the file content model when the file is saved.
+     */
+    async save(path, options = {}) {
+        path = decodeURIComponent(path);
+        // process the file if coming from an upload
+        const ext = PathExt.extname(options.name ?? '');
+        const chunk = options.chunk;
+        // retrieve the content if it is a later chunk or the last one
+        // the new content will then be appended to the existing one
+        const appendChunk = chunk ? chunk > 1 || chunk === -1 : false;
+        let item = await this.get(path, { content: appendChunk });
+        if (!item) {
+            item = await this.newUntitled({ path, ext, type: 'file' });
+        }
+        if (!item) {
+            return null;
+        }
+        // keep a reference to the original content
+        const originalContent = item.content;
+        const modified = new Date().toISOString();
+        // override with the new values
+        item = {
+            ...item,
+            ...options,
+            last_modified: modified,
+        };
+        if (options.content && options.format === 'base64') {
+            const lastChunk = chunk ? chunk === -1 : true;
+            const contentBinaryString = this._handleUploadChunk(options.content, originalContent, appendChunk);
+            if (ext === '.ipynb') {
+                const content = lastChunk
+                    ? JSON.parse(decoder.decode(this._binaryStringToBytes(contentBinaryString)))
+                    : contentBinaryString;
+                item = {
+                    ...item,
+                    content,
+                    format: 'json',
+                    type: 'notebook',
+                    size: contentBinaryString.length,
+                };
+            }
+            else if (FILE.hasFormat(ext, 'json')) {
+                const content = lastChunk
+                    ? JSON.parse(decoder.decode(this._binaryStringToBytes(contentBinaryString)))
+                    : contentBinaryString;
+                item = {
+                    ...item,
+                    content,
+                    format: 'json',
+                    type: 'file',
+                    size: contentBinaryString.length,
+                };
+            }
+            else if (FILE.hasFormat(ext, 'text')) {
+                const content = lastChunk
+                    ? decoder.decode(this._binaryStringToBytes(contentBinaryString))
+                    : contentBinaryString;
+                item = {
+                    ...item,
+                    content,
+                    format: 'text',
+                    type: 'file',
+                    size: contentBinaryString.length,
+                };
+            }
+            else {
+                const content = lastChunk
+                    ? btoa(contentBinaryString)
+                    : contentBinaryString;
+                item = {
+                    ...item,
+                    content,
+                    format: 'base64',
+                    type: 'file',
+                    size: contentBinaryString.length,
+                };
+            }
+        }
+        // fixup content sizes if necessary
+        if (item.content) {
+            switch (options.format) {
+                case 'json': {
+                    item = {
+                        ...item,
+                        size: encoder.encode(JSON.stringify(item.content)).length,
+                    };
+                    break;
+                }
+                case 'text': {
+                    item = { ...item, size: encoder.encode(item.content).length };
+                    break;
+                }
+                // base64 save was already handled above
+                case 'base64': {
+                    break;
+                }
+                default: {
+                    item = { ...item, size: 0 };
+                    break;
+                }
+            }
+        }
+        else {
+            item = { ...item, size: 0 };
+        }
+        await (await this.storage).setItem(path, item);
+        return item;
+    }
+    /**
+     * Delete a file from browser storage.
+     *
+     * Has no effect on server-backed files, which will re-appear with their
+     * original timestamp.
+     *
+     * @param path - The path to the file.
+     */
+    async delete(path) {
+        path = decodeURIComponent(path);
+        const slashed = `${path}/`;
+        const toDelete = (await (await this.storage).keys()).filter(key => key === path || key.startsWith(slashed));
+        await Promise.all(toDelete.map(this.forgetPath, this));
+    }
+    /**
+     * Remove the localForage and checkpoints for a path.
+     *
+     * @param path - The path to the file
+     */
+    async forgetPath(path) {
+        await Promise.all([
+            (await this.storage).removeItem(path),
+            (await this.checkpoints).removeItem(path),
+        ]);
+    }
+    /**
+     * Create a checkpoint for a file.
+     *
+     * @param path - The path of the file.
+     *
+     * @returns A promise which resolves with the new checkpoint model when the
+     *   checkpoint is created.
+     */
+    async createCheckpoint(path) {
+        const checkpoints = await this.checkpoints;
+        path = decodeURIComponent(path);
+        const item = await this.get(path, { content: true });
+        if (!item) {
+            throw Error(`Could not find file with path ${path}`);
+        }
+        const copies = ((await checkpoints.getItem(path)) ?? []).filter(Boolean);
+        copies.push(item);
+        // keep only a certain amount of checkpoints per file
+        if (copies.length > N_CHECKPOINTS) {
+            copies.splice(0, copies.length - N_CHECKPOINTS);
+        }
+        await checkpoints.setItem(path, copies);
+        const id = `${copies.length - 1}`;
+        return { id, last_modified: item.last_modified };
+    }
+    /**
+     * List available checkpoints for a file.
+     *
+     * @param path - The path of the file.
+     *
+     * @returns A promise which resolves with a list of checkpoint models for
+     *    the file.
+     */
+    async listCheckpoints(path) {
+        const copies = (await (await this.checkpoints).getItem(path)) || [];
+        return copies.filter(Boolean).map(this.normalizeCheckpoint, this);
+    }
+    normalizeCheckpoint(model, id) {
+        return { id: id.toString(), last_modified: model.last_modified };
+    }
+    /**
+     * Restore a file to a known checkpoint state.
+     *
+     * @param path - The path of the file.
+     * @param checkpointID - The id of the checkpoint to restore.
+     *
+     * @returns A promise which resolves when the checkpoint is restored.
+     */
+    async restoreCheckpoint(path, checkpointID) {
+        path = decodeURIComponent(path);
+        const copies = ((await (await this.checkpoints).getItem(path)) ||
+            []);
+        const id = parseInt(checkpointID);
+        const item = copies[id];
+        await (await this.storage).setItem(path, item);
+    }
+    /**
+     * Delete a checkpoint for a file.
+     *
+     * @param path - The path of the file.
+     * @param checkpointID - The id of the checkpoint to delete.
+     *
+     * @returns A promise which resolves when the checkpoint is deleted.
+     */
+    async deleteCheckpoint(path, checkpointID) {
+        path = decodeURIComponent(path);
+        const copies = ((await (await this.checkpoints).getItem(path)) ||
+            []);
+        const id = parseInt(checkpointID);
+        copies.splice(id, 1);
+        await (await this.checkpoints).setItem(path, copies);
+    }
+    /**
+     * Handle an upload chunk for a file.
+     * each chunk is base64 encoded, so we need to decode it and append it to the
+     * original content.
+     * @param newContent the new content to process, base64 encoded
+     * @param originalContent the original content, must be null or a binary string if chunked is true
+     * @param appendChunk whether the chunk should be appended to the originalContent
+     *
+     *
+     * @returns the decoded binary string, appended to the original content if requested
+     * /
+     */
+    _handleUploadChunk(newContent, originalContent, appendChunk) {
+        const newContentBinaryString = atob(newContent);
+        const contentBinaryString = appendChunk
+            ? originalContent + newContentBinaryString
+            : newContentBinaryString;
+        return contentBinaryString;
+    }
+    /**
+     * Convert a binary string to an Uint8Array
+     * @param binaryString the binary string
+     * @returns the bytes of the binary string
+     */
+    _binaryStringToBytes(binaryString) {
+        const bytes = new Uint8Array(binaryString.length);
+        for (let i = 0; i < binaryString.length; i++) {
+            bytes[i] = binaryString.charCodeAt(i);
+        }
+        return bytes;
+    }
+    /**
+     * retrieve the contents for this path from the union of local storage and
+     * `api/contents/{path}/all.json`.
+     *
+     * @param path - The contents path to retrieve
+     *
+     * @returns A promise which resolves with a Map of contents, keyed by local file name
+     */
+    async _getFolder(path) {
+        const content = new Map();
+        const storage = await this.storage;
+        await storage.iterate((file, key) => {
+            if (key.includes('/')) {
+                return;
+            }
+            content.set(file.path, file);
+        });
+        // layer in contents that don't have local overwrites
+        for (const file of (await this._getServerDirectory(path)).values()) {
+            if (!content.has(file.path)) {
+                content.set(file.path, file);
+            }
+        }
+        if (path && content.size === 0) {
+            return null;
+        }
+        return {
+            name: '',
+            path,
+            last_modified: new Date(0).toISOString(),
+            created: new Date(0).toISOString(),
+            format: 'json',
+            mimetype: MIME.JSON,
+            content: Array.from(content.values()),
+            size: 0,
+            writable: true,
+            type: 'directory',
+        };
+    }
+    /**
+     * Attempt to recover the model from `{:path}/__all__.json` file, fall back to
+     * deriving the model (including content) off the file in `/files/`. Otherwise
+     * return `null`.
+     */
+    async _getServerContents(path, options) {
+        const name = PathExt.basename(path);
+        const parentContents = await this._getServerDirectory(URLExt.join(path, '..'));
+        let model = parentContents.get(name);
+        if (!model) {
+            return null;
+        }
+        model = model || {
+            name,
+            path,
+            last_modified: new Date(0).toISOString(),
+            created: new Date(0).toISOString(),
+            format: 'text',
+            mimetype: MIME.PLAIN_TEXT,
+            type: 'file',
+            writable: true,
+            size: 0,
+            content: '',
+        };
+        if (options?.content) {
+            if (model.type === 'directory') {
+                const serverContents = await this._getServerDirectory(path);
+                model = { ...model, content: Array.from(serverContents.values()) };
+            }
+            else {
+                const fileUrl = URLExt.join(PageConfig.getBaseUrl(), 'files', path);
+                const response = await fetch(fileUrl);
+                if (!response.ok) {
+                    return null;
+                }
+                const mimetype = model.mimetype || response.headers.get('Content-Type');
+                const ext = PathExt.extname(name);
+                if (model.type === 'notebook' ||
+                    FILE.hasFormat(ext, 'json') ||
+                    mimetype?.indexOf('json') !== -1 ||
+                    path.match(/\.(ipynb|[^/]*json[^/]*)$/)) {
+                    const contentText = await response.text();
+                    model = {
+                        ...model,
+                        content: JSON.parse(contentText),
+                        format: 'json',
+                        mimetype: model.mimetype || MIME.JSON,
+                        size: encoder.encode(contentText).length,
+                    };
+                }
+                else if (FILE.hasFormat(ext, 'text') ||
+                    mimetype.indexOf('text') !== -1) {
+                    const contentText = await response.text();
+                    model = {
+                        ...model,
+                        content: contentText,
+                        format: 'text',
+                        mimetype: mimetype || MIME.PLAIN_TEXT,
+                        size: encoder.encode(contentText).length,
+                    };
+                }
+                else {
+                    const contentBuffer = await response.arrayBuffer();
+                    const contentBytes = new Uint8Array(contentBuffer);
+                    model = {
+                        ...model,
+                        content: btoa(contentBytes.reduce(this.reduceBytesToString, '')),
+                        format: 'base64',
+                        mimetype: mimetype || MIME.OCTET_STREAM,
+                        size: contentBytes.length,
+                    };
+                }
+            }
+        }
+        return model;
+    }
+    /**
+     * A reducer for turning arbitrary binary into a string
+     */
+    reduceBytesToString = (data, byte) => {
+        return data + String.fromCharCode(byte);
+    };
+    /**
+     * retrieve the contents for this path from `__index__.json` in the appropriate
+     * folder.
+     *
+     * @param newLocalPath - The new file path.
+     *
+     * @returns A promise which resolves with a Map of contents, keyed by local file name
+     */
+    async _getServerDirectory(path) {
+        const content = this._serverContents.get(path) || new Map();
+        if (!this._serverContents.has(path)) {
+            const apiURL = URLExt.join(PageConfig.getBaseUrl(), 'api/contents', path, 'all.json');
+            try {
+                const response = await fetch(apiURL);
+                const json = JSON.parse(await response.text());
+                for (const file of json['content']) {
+                    content.set(file.name, file);
+                }
+            }
+            catch (err) {
+                console.warn(`don't worry, about ${err}... nothing's broken. If there had been a
+          file at ${apiURL}, you might see some more files.`);
+            }
+            this._serverContents.set(path, content);
+        }
+        return content;
+    }
+    /**
+     * Increment the counter for a given file type.
+     * Used to avoid collisions when creating new untitled files.
+     *
+     * @param type The file type to increment the counter for.
+     */
+    async _incrementCounter(type) {
+        const counters = await this.counters;
+        const current = (await counters.getItem(type)) ?? -1;
+        const counter = current + 1;
+        await counters.setItem(type, counter);
+        return counter;
+    }
+    _serverContents = new Map();
+    _storageName = DEFAULT_STORAGE_NAME;
+    _storageDrivers = null;
+    _ready;
+    _storage;
+    _counters;
+    _checkpoints;
+    _localforage;
+}
+/**
+ * A namespace for private data.
+ */
+var Private;
+(function (Private) {
+    /**
+     * The content for an empty notebook.
+     */
+    Private.EMPTY_NB = {
+        metadata: {
+            orig_nbformat: 4,
+        },
+        nbformat_minor: 5,
+        nbformat: 4,
+        cells: [],
+    };
+})(Private || (Private = {}));
+//# sourceMappingURL=contents.js.map