@quadrats/common 0.6.7 → 0.7.0

package/embed/strategies/twitter/index.d.ts

@@ -1,11 +1,11 @@
 import { EmbedElement, EmbedStrategy } from '@quadrats/common/embed';
-export declare type TwitterEmbedType = 'tweet';
-export declare type TwitterEmbedElementData = {
+export type TwitterEmbedType = 'tweet';
+export type TwitterEmbedElementData = {
     embedType: TwitterEmbedType;
     tweetId: string;
 };
-export declare type TwitterEmbedElement = EmbedElement & TwitterEmbedElementData;
-export declare type TwitterEmbedStrategy = EmbedStrategy<TwitterEmbedElementData, string>;
+export type TwitterEmbedElement = EmbedElement & TwitterEmbedElementData;
+export type TwitterEmbedStrategy = EmbedStrategy<TwitterEmbedElementData, string>;
 export declare function getTwitterTweetDataFromUrl(url: string): TwitterEmbedElementData | undefined;
 export declare function getTwitterTweetDataFromBlockquote(embedCode: string): TwitterEmbedElementData | undefined;
 export declare const TwitterEmbedStrategy: TwitterEmbedStrategy;

package/embed/strategies/twitter/index.js

@@ -1,44 +1,44 @@
-function getTwitterTweetDataFromUrl(url) {
-    const result = /^https:\/\/twitter.com\/[\w]*\/status\/([\w-]*)/i.exec(url);
-    if (result) {
-        const [, tweetId] = result;
-        return {
-            embedType: 'tweet',
-            tweetId,
-        };
-    }
-}
-function getTwitterTweetDataFromBlockquote(embedCode) {
-    const template = document.createElement('template');
-    template.innerHTML = embedCode;
-    const { firstChild } = template.content;
-    if (!firstChild || firstChild.nodeName !== 'BLOCKQUOTE') {
-        return;
-    }
-    const blockquote = firstChild;
-    const link = blockquote.lastChild;
-    const url = link === null || link === void 0 ? void 0 : link.getAttribute('href');
-    return url ? getTwitterTweetDataFromUrl(url) : undefined;
-}
-// eslint-disable-next-line @typescript-eslint/no-redeclare
-const TwitterEmbedStrategy = {
-    serialize: (embedCode) => {
-        const getter = embedCode.startsWith('<blockquote') ? getTwitterTweetDataFromBlockquote : getTwitterTweetDataFromUrl;
-        return getter(embedCode);
-    },
-    deserialize: (data) => {
-        if (data.embedType === 'tweet') {
-            return data.tweetId;
-        }
-        return '';
-    },
-    isElementDataValid: (data) => {
-        if (data.embedType === 'tweet') {
-            const { tweetId } = data;
-            return typeof tweetId === 'string' && !!tweetId;
-        }
-        return true;
-    },
+function getTwitterTweetDataFromUrl(url) {
+    const result = /^https:\/\/twitter.com\/[\w]*\/status\/([\w-]*)/i.exec(url);
+    if (result) {
+        const [, tweetId] = result;
+        return {
+            embedType: 'tweet',
+            tweetId,
+        };
+    }
+}
+function getTwitterTweetDataFromBlockquote(embedCode) {
+    const template = document.createElement('template');
+    template.innerHTML = embedCode;
+    const { firstChild } = template.content;
+    if (!firstChild || firstChild.nodeName !== 'BLOCKQUOTE') {
+        return;
+    }
+    const blockquote = firstChild;
+    const link = blockquote.lastChild;
+    const url = link === null || link === void 0 ? void 0 : link.getAttribute('href');
+    return url ? getTwitterTweetDataFromUrl(url) : undefined;
+}
+// eslint-disable-next-line @typescript-eslint/no-redeclare
+const TwitterEmbedStrategy = {
+    serialize: (embedCode) => {
+        const getter = embedCode.startsWith('<blockquote') ? getTwitterTweetDataFromBlockquote : getTwitterTweetDataFromUrl;
+        return getter(embedCode);
+    },
+    deserialize: (data) => {
+        if (data.embedType === 'tweet') {
+            return data.tweetId;
+        }
+        return '';
+    },
+    isElementDataValid: (data) => {
+        if (data.embedType === 'tweet') {
+            const { tweetId } = data;
+            return typeof tweetId === 'string' && !!tweetId;
+        }
+        return true;
+    },
 };
 
 export { TwitterEmbedStrategy, getTwitterTweetDataFromBlockquote, getTwitterTweetDataFromUrl };

package/embed/strategies/vimeo/index.cjs.js

@@ -1,21 +1,19 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-// eslint-disable-next-line @typescript-eslint/no-redeclare
-const VimeoEmbedStrategy = {
-    serialize: (embedCode) => {
-        var _a;
-        const videoId = (_a = (/^https:\/\/vimeo.com\/([\w-]*)/i.exec(embedCode)
-            || /^https:\/\/player.vimeo.com\/video\/([\w-]*)/i.exec(embedCode))) === null || _a === void 0 ? void 0 : _a[1];
-        if (videoId) {
-            return {
-                videoId,
-            };
-        }
-    },
-    deserialize: ({ videoId }) => `https://player.vimeo.com/video/${videoId}`,
-    isElementDataValid: ({ videoId }) => typeof videoId === 'string' && !!videoId,
+// eslint-disable-next-line @typescript-eslint/no-redeclare
+const VimeoEmbedStrategy = {
+    serialize: (embedCode) => {
+        var _a;
+        const videoId = (_a = (/^https:\/\/vimeo.com\/([\w-]*)/i.exec(embedCode)
+            || /^https:\/\/player.vimeo.com\/video\/([\w-]*)/i.exec(embedCode))) === null || _a === void 0 ? void 0 : _a[1];
+        if (videoId) {
+            return {
+                videoId,
+            };
+        }
+    },
+    deserialize: ({ videoId }) => `https://player.vimeo.com/video/${videoId}`,
+    isElementDataValid: ({ videoId }) => typeof videoId === 'string' && !!videoId,
 };
 
 exports.VimeoEmbedStrategy = VimeoEmbedStrategy;

package/embed/strategies/vimeo/index.d.ts

@@ -1,7 +1,7 @@
 import { EmbedElement, EmbedStrategy } from '@quadrats/common/embed';
-export declare type VimeoEmbedElementData = {
+export type VimeoEmbedElementData = {
     videoId: string;
 };
-export declare type VimeoEmbedElement = EmbedElement & VimeoEmbedElementData;
-export declare type VimeoEmbedStrategy = EmbedStrategy<VimeoEmbedElementData, string>;
+export type VimeoEmbedElement = EmbedElement & VimeoEmbedElementData;
+export type VimeoEmbedStrategy = EmbedStrategy<VimeoEmbedElementData, string>;
 export declare const VimeoEmbedStrategy: VimeoEmbedStrategy;

package/embed/strategies/vimeo/index.js

@@ -1,17 +1,17 @@
-// eslint-disable-next-line @typescript-eslint/no-redeclare
-const VimeoEmbedStrategy = {
-    serialize: (embedCode) => {
-        var _a;
-        const videoId = (_a = (/^https:\/\/vimeo.com\/([\w-]*)/i.exec(embedCode)
-            || /^https:\/\/player.vimeo.com\/video\/([\w-]*)/i.exec(embedCode))) === null || _a === void 0 ? void 0 : _a[1];
-        if (videoId) {
-            return {
-                videoId,
-            };
-        }
-    },
-    deserialize: ({ videoId }) => `https://player.vimeo.com/video/${videoId}`,
-    isElementDataValid: ({ videoId }) => typeof videoId === 'string' && !!videoId,
+// eslint-disable-next-line @typescript-eslint/no-redeclare
+const VimeoEmbedStrategy = {
+    serialize: (embedCode) => {
+        var _a;
+        const videoId = (_a = (/^https:\/\/vimeo.com\/([\w-]*)/i.exec(embedCode)
+            || /^https:\/\/player.vimeo.com\/video\/([\w-]*)/i.exec(embedCode))) === null || _a === void 0 ? void 0 : _a[1];
+        if (videoId) {
+            return {
+                videoId,
+            };
+        }
+    },
+    deserialize: ({ videoId }) => `https://player.vimeo.com/video/${videoId}`,
+    isElementDataValid: ({ videoId }) => typeof videoId === 'string' && !!videoId,
 };
 
 export { VimeoEmbedStrategy };

package/embed/strategies/youtube/index.cjs.js

@@ -1,21 +1,19 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-// eslint-disable-next-line @typescript-eslint/no-redeclare
-const YoutubeEmbedStrategy = {
-    serialize: (embedCode) => {
-        var _a, _b;
-        const videoIdByShort = (_a = /^https:\/\/youtu.be\/([\w-]*)/.exec(embedCode)) === null || _a === void 0 ? void 0 : _a[1];
-        const videoId = videoIdByShort !== null && videoIdByShort !== void 0 ? videoIdByShort : (_b = /^https:\/\/www.youtube.com\/(watch\?v=|embed\/)([\w-]*)/i.exec(embedCode)) === null || _b === void 0 ? void 0 : _b[2];
-        if (videoId) {
-            return {
-                videoId,
-            };
-        }
-    },
-    deserialize: ({ videoId }) => `https://www.youtube.com/embed/${videoId}`,
-    isElementDataValid: ({ videoId }) => typeof videoId === 'string' && !!videoId,
+// eslint-disable-next-line @typescript-eslint/no-redeclare
+const YoutubeEmbedStrategy = {
+    serialize: (embedCode) => {
+        var _a, _b;
+        const videoIdByShort = (_a = /^https:\/\/youtu.be\/([\w-]*)/.exec(embedCode)) === null || _a === void 0 ? void 0 : _a[1];
+        const videoId = videoIdByShort !== null && videoIdByShort !== void 0 ? videoIdByShort : (_b = /^https:\/\/www.youtube.com\/(watch\?v=|embed\/)([\w-]*)/i.exec(embedCode)) === null || _b === void 0 ? void 0 : _b[2];
+        if (videoId) {
+            return {
+                videoId,
+            };
+        }
+    },
+    deserialize: ({ videoId }) => `https://www.youtube.com/embed/${videoId}`,
+    isElementDataValid: ({ videoId }) => typeof videoId === 'string' && !!videoId,
 };
 
 exports.YoutubeEmbedStrategy = YoutubeEmbedStrategy;

package/embed/strategies/youtube/index.d.ts

@@ -1,7 +1,7 @@
 import { EmbedElement, EmbedStrategy } from '@quadrats/common/embed';
-export declare type YoutubeEmbedElementData = {
+export type YoutubeEmbedElementData = {
     videoId: string;
 };
-export declare type YoutubeEmbedElement = EmbedElement & YoutubeEmbedElementData;
-export declare type YoutubeEmbedStrategy = EmbedStrategy<YoutubeEmbedElementData, string>;
+export type YoutubeEmbedElement = EmbedElement & YoutubeEmbedElementData;
+export type YoutubeEmbedStrategy = EmbedStrategy<YoutubeEmbedElementData, string>;
 export declare const YoutubeEmbedStrategy: YoutubeEmbedStrategy;

package/embed/strategies/youtube/index.js

@@ -1,17 +1,17 @@
-// eslint-disable-next-line @typescript-eslint/no-redeclare
-const YoutubeEmbedStrategy = {
-    serialize: (embedCode) => {
-        var _a, _b;
-        const videoIdByShort = (_a = /^https:\/\/youtu.be\/([\w-]*)/.exec(embedCode)) === null || _a === void 0 ? void 0 : _a[1];
-        const videoId = videoIdByShort !== null && videoIdByShort !== void 0 ? videoIdByShort : (_b = /^https:\/\/www.youtube.com\/(watch\?v=|embed\/)([\w-]*)/i.exec(embedCode)) === null || _b === void 0 ? void 0 : _b[2];
-        if (videoId) {
-            return {
-                videoId,
-            };
-        }
-    },
-    deserialize: ({ videoId }) => `https://www.youtube.com/embed/${videoId}`,
-    isElementDataValid: ({ videoId }) => typeof videoId === 'string' && !!videoId,
+// eslint-disable-next-line @typescript-eslint/no-redeclare
+const YoutubeEmbedStrategy = {
+    serialize: (embedCode) => {
+        var _a, _b;
+        const videoIdByShort = (_a = /^https:\/\/youtu.be\/([\w-]*)/.exec(embedCode)) === null || _a === void 0 ? void 0 : _a[1];
+        const videoId = videoIdByShort !== null && videoIdByShort !== void 0 ? videoIdByShort : (_b = /^https:\/\/www.youtube.com\/(watch\?v=|embed\/)([\w-]*)/i.exec(embedCode)) === null || _b === void 0 ? void 0 : _b[2];
+        if (videoId) {
+            return {
+                videoId,
+            };
+        }
+    },
+    deserialize: ({ videoId }) => `https://www.youtube.com/embed/${videoId}`,
+    isElementDataValid: ({ videoId }) => typeof videoId === 'string' && !!videoId,
 };
 
 export { YoutubeEmbedStrategy };

package/embed/typings.d.ts

@@ -19,7 +19,7 @@ export interface EmbedStrategy<EmbedData extends Record<string, unknown>, Render
     readonly deserialize: (element: EmbedElement & EmbedData) => RenderData;
     readonly isElementDataValid: (data: Record<keyof EmbedData, unknown>) => boolean;
 }
-export declare type EmbedStrategies<Provider extends string> = Record<Provider, EmbedStrategy<any, any>>;
+export type EmbedStrategies<Provider extends string> = Record<Provider, EmbedStrategy<any, any>>;
 export interface Embed<P extends string, T extends Editor = Editor> extends WithElementType, Withable {
     strategies: EmbedStrategies<P>;
     insertEmbed(editor: T, providers: P[], embedCode: string, defaultNode?: Node | string): void;

package/file-uploader/_virtual/_tslib.js

@@ -1,4 +1,4 @@
-/*! *****************************************************************************
+/******************************************************************************
 Copyright (c) Microsoft Corporation.
 
 Permission to use, copy, modify, and/or distribute this software for any
@@ -12,6 +12,8 @@ LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
 OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
 PERFORMANCE OF THIS SOFTWARE.
 ***************************************************************************** */
+/* global Reflect, Promise */
+
 
 function __awaiter(thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }

package/file-uploader/createFileUploader.js

@@ -1,84 +1,84 @@
 import { __awaiter } from './_virtual/_tslib.js';
 import { readFileAsDataURL } from '@quadrats/utils';
-import { Transforms, createParagraphElement, HistoryEditor } from '@quadrats/core';
+import { HistoryEditor, Transforms, createParagraphElement } from '@quadrats/core';
 import { FILE_UPLOADER_TYPE } from './constants.js';
 import { getFilesFromInput } from './getFilesFromInput.js';
 
-function createFileUploader(options = {}) {
-    const { type = FILE_UPLOADER_TYPE } = options;
-    const createFileUploaderElement = (editor, file, options) => __awaiter(this, void 0, void 0, function* () {
-        const { createElement, getBody, getHeaders, getUrl, uploader, } = options;
-        const [mime] = file.type.split('/');
-        const createByMime = createElement[mime];
-        if (!createByMime) {
-            return;
-        }
-        const { dataURL: createElementByDataURL, response: createElementByResponse } = createByMime;
-        const headers = yield (getHeaders === null || getHeaders === void 0 ? void 0 : getHeaders(file));
-        const xhr = uploader || new XMLHttpRequest();
-        const dataURL = yield readFileAsDataURL(file);
-        let sent = false;
-        const fileUploaderElement = {
-            type,
-            register: (getPath, onProgress) => {
-                xhr.onload = () => {
-                    if (xhr.status < 400) {
-                        const path = getPath();
-                        if (path) {
-                            HistoryEditor.withoutSaving(editor, () => {
-                                Transforms.removeNodes(editor, { at: path });
-                                Transforms.insertNodes(editor, createElementByResponse(xhr.response), { at: path });
-                            });
-                        }
-                    }
-                    else {
-                        throw xhr.response;
-                    }
-                };
-                xhr.upload.onprogress = ({ loaded, total }) => onProgress((loaded * 100) / total);
-                if (!sent) {
-                    sent = true;
-                    xhr.send(getBody(file));
-                }
-                return () => {
-                    xhr.onload = null;
-                    xhr.upload.onprogress = null;
-                };
-            },
-            children: [createElementByDataURL(dataURL)],
-        };
-        xhr.open('POST', getUrl(file));
-        if (headers) {
-            for (const headerName in headers) {
-                xhr.setRequestHeader(headerName, headers[headerName]);
-            }
-        }
-        return fileUploaderElement;
-    });
-    const upload = (editor, options) => __awaiter(this, void 0, void 0, function* () {
-        const { accept, multiple } = options;
-        const files = yield getFilesFromInput({ accept, multiple });
-        if (!files) {
-            return;
-        }
-        files.reduce((prev, file) => __awaiter(this, void 0, void 0, function* () {
-            yield prev;
-            return createFileUploaderElement(editor, file, options).then((fileUploaderElement) => {
-                if (fileUploaderElement) {
-                    Transforms.insertNodes(editor, [fileUploaderElement, createParagraphElement()], options);
-                    Transforms.move(editor);
-                }
-            });
-        }), Promise.resolve());
-    });
-    return {
-        type,
-        createFileUploaderElement,
-        upload,
-        with(editor) {
-            return editor;
-        },
-    };
+function createFileUploader(options = {}) {
+    const { type = FILE_UPLOADER_TYPE } = options;
+    const createFileUploaderElement = (editor, file, options) => __awaiter(this, void 0, void 0, function* () {
+        const { createElement, getBody, getHeaders, getUrl, uploader, } = options;
+        const [mime] = file.type.split('/');
+        const createByMime = createElement[mime];
+        if (!createByMime) {
+            return;
+        }
+        const { dataURL: createElementByDataURL, response: createElementByResponse } = createByMime;
+        const headers = yield (getHeaders === null || getHeaders === void 0 ? void 0 : getHeaders(file));
+        const xhr = uploader || new XMLHttpRequest();
+        const dataURL = yield readFileAsDataURL(file);
+        let sent = false;
+        const fileUploaderElement = {
+            type,
+            register: (getPath, onProgress) => {
+                xhr.onload = () => {
+                    if (xhr.status < 400) {
+                        const path = getPath();
+                        if (path) {
+                            HistoryEditor.withoutSaving(editor, () => {
+                                Transforms.removeNodes(editor, { at: path });
+                                Transforms.insertNodes(editor, createElementByResponse(xhr.response), { at: path });
+                            });
+                        }
+                    }
+                    else {
+                        throw xhr.response;
+                    }
+                };
+                xhr.upload.onprogress = ({ loaded, total }) => onProgress((loaded * 100) / total);
+                if (!sent) {
+                    sent = true;
+                    xhr.send(getBody(file));
+                }
+                return () => {
+                    xhr.onload = null;
+                    xhr.upload.onprogress = null;
+                };
+            },
+            children: [createElementByDataURL(dataURL)],
+        };
+        xhr.open('POST', getUrl(file));
+        if (headers) {
+            for (const headerName in headers) {
+                xhr.setRequestHeader(headerName, headers[headerName]);
+            }
+        }
+        return fileUploaderElement;
+    });
+    const upload = (editor, options) => __awaiter(this, void 0, void 0, function* () {
+        const { accept, multiple } = options;
+        const files = yield getFilesFromInput({ accept, multiple });
+        if (!files) {
+            return;
+        }
+        files.reduce((prev, file) => __awaiter(this, void 0, void 0, function* () {
+            yield prev;
+            return createFileUploaderElement(editor, file, options).then((fileUploaderElement) => {
+                if (fileUploaderElement) {
+                    Transforms.insertNodes(editor, [fileUploaderElement, createParagraphElement()], options);
+                    Transforms.move(editor);
+                }
+            });
+        }), Promise.resolve());
+    });
+    return {
+        type,
+        createFileUploaderElement,
+        upload,
+        with(editor) {
+            return editor;
+        },
+    };
 }
 
 export { createFileUploader };

package/file-uploader/getFilesFromInput.js

@@ -1,27 +1,27 @@
-function getFilesFromInput(options = {}) {
-    const { accept, multiple } = options;
-    return new Promise((resolve) => {
-        const inputEl = document.createElement('input');
-        if (accept) {
-            inputEl.accept = accept.join(',');
-        }
-        inputEl.multiple = !!multiple;
-        inputEl.type = 'file';
-        inputEl.addEventListener('change', () => {
-            const { files: fileList } = inputEl;
-            if (!fileList || !fileList.length) {
-                resolve(undefined);
-            }
-            else {
-                const files = [];
-                for (const file of fileList) {
-                    files.push(file);
-                }
-                resolve(files);
-            }
-        });
-        inputEl.click();
-    });
+function getFilesFromInput(options = {}) {
+    const { accept, multiple } = options;
+    return new Promise((resolve) => {
+        const inputEl = document.createElement('input');
+        if (accept) {
+            inputEl.accept = accept.join(',');
+        }
+        inputEl.multiple = !!multiple;
+        inputEl.type = 'file';
+        inputEl.addEventListener('change', () => {
+            const { files: fileList } = inputEl;
+            if (!fileList || !fileList.length) {
+                resolve(undefined);
+            }
+            else {
+                const files = [];
+                for (const file of fileList) {
+                    files.push(file);
+                }
+                resolve(files);
+            }
+        });
+        inputEl.click();
+    });
 }
 
 export { getFilesFromInput };