@manuscripts/body-editor 3.12.32 → 3.12.33

package/dist/cjs/components/toolbar/InsertEmbedDialog.js

@@ -56,7 +56,6 @@ const style_guide_1 = require("@manuscripts/style-guide");
 const react_1 = __importStar(require("react"));
 const styled_components_1 = __importDefault(require("styled-components"));
 const commands_1 = require("../../commands");
-const oembed_1 = require("../../lib/oembed");
 const url_1 = require("../../lib/url");
 const use_do_with_debounce_1 = require("../../lib/use-do-with-debounce");
 const editor_props_1 = require("../../plugins/editor-props");
@@ -98,8 +97,10 @@ const InsertEmbedDialog = ({ state, dispatch, pos, }) => {
     };
     (0, react_1.useEffect)(() => {
         debounce(async () => {
-            const html = await (0, oembed_1.getOEmbedHTML)(url, 368, 217);
-            setOEmbedHTML(html);
+            if (url && (0, url_1.allowedHref)(url)) {
+                const html = await (0, editor_props_1.getEditorProps)(state).fetchOEmbedHtml(url, 368, 217);
+                setOEmbedHTML(html);
+            }
         });
     }, [url]);
     const operation = pos !== undefined && attrs?.href ? 'Update' : 'Insert';

package/dist/cjs/lib/__tests__/plugins.test.js

@@ -43,6 +43,7 @@ const buildProps = (doc) => ({
         category.id,
         category,
     ])),
+    fetchOEmbedHtml: async () => undefined,
 });
 describe('editor view', () => {
     const doc = transform_1.schema.nodeFromJSON(doc_json_1.default);

package/dist/cjs/testing/default-editor-data.js

@@ -63,4 +63,5 @@ exports.defaultEditorProps = {
         category.id,
         category,
     ])),
+    fetchOEmbedHtml: async () => undefined,
 };

package/dist/cjs/versions.js

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MATHJAX_VERSION = exports.VERSION = void 0;
-exports.VERSION = '3.12.32';
+exports.VERSION = '3.12.33';
 exports.MATHJAX_VERSION = '3.2.2';

package/dist/cjs/views/embed.js

@@ -9,7 +9,6 @@ const prosemirror_state_1 = require("prosemirror-state");
 const InsertEmbedDialog_1 = require("../components/toolbar/InsertEmbedDialog");
 const get_media_type_1 = require("../lib/get-media-type");
 const media_1 = require("../lib/media");
-const oembed_1 = require("../lib/oembed");
 const url_1 = require("../lib/url");
 const block_view_1 = __importDefault(require("./block_view"));
 const creators_1 = require("./creators");
@@ -204,7 +203,7 @@ class EmbedView extends block_view_1.default {
         const container = document.createElement('div');
         container.classList.add('embed-preview');
         try {
-            const html = await (0, oembed_1.getOEmbedHTML)(this.node.attrs.href, 643, 363);
+            const html = await this.props.fetchOEmbedHtml(this.node.attrs.href, 643, 363);
             if (html) {
                 container.innerHTML = html;
             }

package/dist/es/components/toolbar/InsertEmbedDialog.js

@@ -17,7 +17,6 @@ import { ButtonGroup, DialogModalBody, MessageContainer, PrimaryBoldHeading, Pri
 import React, { useEffect, useState } from 'react';
 import styled from 'styled-components';
 import { insertEmbed } from '../../commands';
-import { getOEmbedHTML } from '../../lib/oembed';
 import { allowedHref } from '../../lib/url';
 import { useDoWithDebounce } from '../../lib/use-do-with-debounce';
 import { getEditorProps } from '../../plugins/editor-props';
@@ -59,8 +58,10 @@ export const InsertEmbedDialog = ({ state, dispatch, pos, }) => {
     };
     useEffect(() => {
         debounce(async () => {
-            const html = await getOEmbedHTML(url, 368, 217);
-            setOEmbedHTML(html);
+            if (url && allowedHref(url)) {
+                const html = await getEditorProps(state).fetchOEmbedHtml(url, 368, 217);
+                setOEmbedHTML(html);
+            }
         });
     }, [url]);
     const operation = pos !== undefined && attrs?.href ? 'Update' : 'Insert';

package/dist/es/lib/__tests__/plugins.test.js

@@ -38,6 +38,7 @@ const buildProps = (doc) => ({
         category.id,
         category,
     ])),
+    fetchOEmbedHtml: async () => undefined,
 });
 describe('editor view', () => {
     const doc = schema.nodeFromJSON(jsonDoc);

package/dist/es/testing/default-editor-data.js

@@ -57,4 +57,5 @@ export const defaultEditorProps = {
         category.id,
         category,
     ])),
+    fetchOEmbedHtml: async () => undefined,
 };

package/dist/es/versions.js

@@ -1,2 +1,2 @@
-export const VERSION = '3.12.32';
+export const VERSION = '3.12.33';
 export const MATHJAX_VERSION = '3.2.2';

package/dist/es/views/embed.js

@@ -3,7 +3,6 @@ import { NodeSelection } from 'prosemirror-state';
 import { NoPreviewMessageWithLink, openEmbedDialog, } from '../components/toolbar/InsertEmbedDialog';
 import { getMediaTypeInfo } from '../lib/get-media-type';
 import { addInteractionHandlers, createFileHandlers, createFileUploader, createMediaPlaceholder, createReactTools, createUnsupportedFormat, MediaType, } from '../lib/media';
-import { getOEmbedHTML } from '../lib/oembed';
 import { allowedHref } from '../lib/url';
 import BlockView from './block_view';
 import { createEditableNodeView } from './creators';
@@ -198,7 +197,7 @@ export class EmbedView extends BlockView {
         const container = document.createElement('div');
         container.classList.add('embed-preview');
         try {
-            const html = await getOEmbedHTML(this.node.attrs.href, 643, 363);
+            const html = await this.props.fetchOEmbedHtml(this.node.attrs.href, 643, 363);
             if (html) {
                 container.innerHTML = html;
             }

package/dist/types/configs/ManuscriptsEditor.d.ts

@@ -25,6 +25,7 @@ import { Language } from '../lib/languages';
 import { Capabilities } from '../lib/capabilities';
 import { FileAttachment, FileManagement } from '../lib/files';
 import { PopperManager } from '../lib/popper';
+export type FetchOEmbedHtml = (url: string, maxWidth: number, maxHeight: number) => Promise<string | undefined>;
 export type CSLProps = {
     style?: string;
     locale?: string;
@@ -56,6 +57,7 @@ export interface EditorProps {
     lockBody: boolean;
     isViewingMode?: boolean;
     hiddenNodeTypes?: ManuscriptNodeType[] | undefined;
+    fetchOEmbedHtml: FetchOEmbedHtml;
 }
 export type ExternalProps = Omit<EditorProps, 'popper' | 'dispatch'>;
 export declare const createEditorState: (props: EditorProps) => EditorState;

package/dist/types/index.d.ts

@@ -32,6 +32,7 @@ export * from './lib/footnotes';
 export * from './lib/template';
 export * from './lib/doc';
 export * from './lib/media';
+export type { FetchOEmbedHtml } from './configs/ManuscriptsEditor';
 export * from './plugins/comments';
 export { selectedSuggestionKey } from './plugins/selected-suggestion';
 export * from './selection';

package/dist/types/versions.d.ts

@@ -1,2 +1,2 @@
-export declare const VERSION = "3.12.32";
+export declare const VERSION = "3.12.33";
 export declare const MATHJAX_VERSION = "3.2.2";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@manuscripts/body-editor",
   "description": "Prosemirror components for editing and viewing manuscripts",
-  "version": "3.12.32",
+  "version": "3.12.33",
   "repository": "github:Atypon-OpenSource/manuscripts-body-editor",
   "license": "Apache-2.0",
   "main": "dist/cjs",
@@ -50,7 +50,6 @@
     "history": "5.3.0",
     "lodash": "4.17.21",
     "mathjax": "3.2.2",
-    "oembed-providers": "1.0.20250430",
     "prosemirror-collab": "1.3.1",
     "prosemirror-commands": "1.7.1",
     "prosemirror-dropcursor": "1.8.2",

package/dist/cjs/lib/oembed.js

@@ -1,84 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getOEmbedHTML = exports.getOEmbedUrl = void 0;
-const oembed_providers_1 = __importDefault(require("oembed-providers"));
-const getOEmbedUrl = async (url, width, height) => {
-    let oembedUrl;
-    for (const provider of oembed_providers_1.default) {
-        if (provider) {
-            const { provider_url, endpoints } = provider;
-            for (const endpoint of endpoints) {
-                if (endpoint.schemes &&
-                    endpoint.schemes.find((schema) => globToRegex(schema).test(url))) {
-                    oembedUrl = endpoint.url.replace('{format}', 'json');
-                    break;
-                }
-                else if (!endpoint.schemes && url.startsWith(provider_url)) {
-                    oembedUrl = endpoint.url.replace('{format}', 'json');
-                    break;
-                }
-            }
-        }
-    }
-    if (oembedUrl) {
-        const params = new URLSearchParams();
-        params.append('url', url);
-        params.set('format', 'json');
-        params.append('maxwidth', width.toString());
-        params.append('maxheight', height.toString());
-        return `${oembedUrl}?${params.toString()}`;
-    }
-    else {
-        try {
-            const response = await fetch(url, { method: 'HEAD' });
-            let oembedUrl;
-            const linkHeader = response.headers.get('link');
-            if (linkHeader) {
-                linkHeader.split(',').map((link) => {
-                    const typeMatch = /type="([^"]*)"/.exec(link);
-                    if (typeMatch &&
-                        (typeMatch[1] === 'application/json+oembed' ||
-                            typeMatch[1] === 'text/xml+oembed')) {
-                        oembedUrl = /<([^>]*)>/.exec(link);
-                    }
-                });
-            }
-            return oembedUrl;
-        }
-        catch (e) {
-            return undefined;
-        }
-    }
-};
-exports.getOEmbedUrl = getOEmbedUrl;
-const globToRegex = (glob) => {
-    const regex = glob
-        .replace(/\./g, '\\.')
-        .replace(/\*/g, '.*');
-    return new RegExp(`^${regex}$`);
-};
-const getOEmbedHTML = async (url, width, height) => {
-    try {
-        const oembedUrl = await (0, exports.getOEmbedUrl)(url, width, height);
-        if (!oembedUrl) {
-            return;
-        }
-        const response = await fetch(oembedUrl);
-        if (response.status === 200) {
-            const json = await response.json();
-            return json.html || renderAlternativeHTML(json);
-        }
-    }
-    catch (e) {
-        return;
-    }
-};
-exports.getOEmbedHTML = getOEmbedHTML;
-const renderAlternativeHTML = (oembed) => {
-    if (oembed.type === 'photo') {
-        return `<img src="${oembed.url}">`;
-    }
-};

package/dist/es/lib/oembed.js

@@ -1,76 +0,0 @@
-import providers from 'oembed-providers';
-export const getOEmbedUrl = async (url, width, height) => {
-    let oembedUrl;
-    for (const provider of providers) {
-        if (provider) {
-            const { provider_url, endpoints } = provider;
-            for (const endpoint of endpoints) {
-                if (endpoint.schemes &&
-                    endpoint.schemes.find((schema) => globToRegex(schema).test(url))) {
-                    oembedUrl = endpoint.url.replace('{format}', 'json');
-                    break;
-                }
-                else if (!endpoint.schemes && url.startsWith(provider_url)) {
-                    oembedUrl = endpoint.url.replace('{format}', 'json');
-                    break;
-                }
-            }
-        }
-    }
-    if (oembedUrl) {
-        const params = new URLSearchParams();
-        params.append('url', url);
-        params.set('format', 'json');
-        params.append('maxwidth', width.toString());
-        params.append('maxheight', height.toString());
-        return `${oembedUrl}?${params.toString()}`;
-    }
-    else {
-        try {
-            const response = await fetch(url, { method: 'HEAD' });
-            let oembedUrl;
-            const linkHeader = response.headers.get('link');
-            if (linkHeader) {
-                linkHeader.split(',').map((link) => {
-                    const typeMatch = /type="([^"]*)"/.exec(link);
-                    if (typeMatch &&
-                        (typeMatch[1] === 'application/json+oembed' ||
-                            typeMatch[1] === 'text/xml+oembed')) {
-                        oembedUrl = /<([^>]*)>/.exec(link);
-                    }
-                });
-            }
-            return oembedUrl;
-        }
-        catch (e) {
-            return undefined;
-        }
-    }
-};
-const globToRegex = (glob) => {
-    const regex = glob
-        .replace(/\./g, '\\.')
-        .replace(/\*/g, '.*');
-    return new RegExp(`^${regex}$`);
-};
-export const getOEmbedHTML = async (url, width, height) => {
-    try {
-        const oembedUrl = await getOEmbedUrl(url, width, height);
-        if (!oembedUrl) {
-            return;
-        }
-        const response = await fetch(oembedUrl);
-        if (response.status === 200) {
-            const json = await response.json();
-            return json.html || renderAlternativeHTML(json);
-        }
-    }
-    catch (e) {
-        return;
-    }
-};
-const renderAlternativeHTML = (oembed) => {
-    if (oembed.type === 'photo') {
-        return `<img src="${oembed.url}">`;
-    }
-};

package/dist/types/lib/oembed.d.ts

@@ -1,8 +0,0 @@
-export type ProviderJson = {
-    type: 'photo' | 'video' | 'link' | 'rich';
-    html?: string;
-    url?: string;
-    title?: string;
-};
-export declare const getOEmbedUrl: (url: string, width: number, height: number) => Promise<string | undefined>;
-export declare const getOEmbedHTML: (url: string, width: number, height: number) => Promise<any>;