@yoopta/embed 6.0.0-beta.7 → 6.0.0-beta.8

package/dist/commands/index.d.ts

@@ -1,23 +1,36 @@
 import type { YooEditor, YooptaPathIndex } from '@yoopta/editor';
-import type { EmbedElement, EmbedElementProps, EmbedSizes } from '../types';
+import type { EmbedElement, EmbedElementProps, EmbedProvider, EmbedSizes } from '../types';
 type EmbedElementOptions = {
-    props?: {
-        sizes?: EmbedSizes;
-        provider?: {
-            url: string;
-        };
-    };
+    props?: Partial<EmbedElementProps>;
 };
 type InsertEmbedOptions = EmbedElementOptions & {
     at?: YooptaPathIndex;
     focus?: boolean;
 };
-export type EmbedCommands = {
+type InsertEmbedFromUrlOptions = {
+    url: string;
+    at?: YooptaPathIndex;
+    focus?: boolean;
+    fetchMeta?: boolean;
+    maxWidth?: number;
+};
+type UpdateEmbedUrlOptions = {
+    blockId: string;
+    url: string;
+    fetchMeta?: boolean;
+    maxWidth?: number;
+};
+export type EmbedCommandsType = {
     buildEmbedElements: (editor: YooEditor, options?: Partial<EmbedElementOptions>) => EmbedElement;
     insertEmbed: (editor: YooEditor, options?: Partial<InsertEmbedOptions>) => void;
+    insertEmbedFromUrl: (editor: YooEditor, options: InsertEmbedFromUrlOptions) => Promise<string | null>;
     deleteEmbed: (editor: YooEditor, blockId: string) => void;
     updateEmbed: (editor: YooEditor, blockId: string, props: Partial<EmbedElementProps>) => void;
+    updateEmbedUrl: (editor: YooEditor, options: UpdateEmbedUrlOptions) => Promise<void>;
+    updateEmbedSizes: (editor: YooEditor, blockId: string, sizes: EmbedSizes) => void;
+    isValidEmbedUrl: (editor: YooEditor, url: string) => boolean;
+    parseUrl: (editor: YooEditor, url: string) => EmbedProvider | null;
 };
-export declare const EmbedCommands: EmbedCommands;
+export declare const EmbedCommands: EmbedCommandsType;
 export {};
 //# sourceMappingURL=index.d.ts.map

package/dist/commands/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/commands/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAGjE,OAAO,KAAK,EAAE,YAAY,EAAE,iBAAiB,EAAiB,UAAU,EAAE,MAAM,UAAU,CAAC;AAG3F,KAAK,mBAAmB,GAAG;IACzB,KAAK,CAAC,EAAE;QACN,KAAK,CAAC,EAAE,UAAU,CAAC;QACnB,QAAQ,CAAC,EAAE;YACT,GAAG,EAAE,MAAM,CAAC;SACb,CAAC;KACH,CAAC;CACH,CAAC;AAEF,KAAK,kBAAkB,GAAG,mBAAmB,GAAG;IAC9C,EAAE,CAAC,EAAE,eAAe,CAAC;IACrB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAC1B,kBAAkB,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,OAAO,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,KAAK,YAAY,CAAC;IAChG,WAAW,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,OAAO,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,KAAK,IAAI,CAAC;IAChF,WAAW,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1D,WAAW,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;CAC9F,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,aA0C3B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/commands/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAGjE,OAAO,KAAK,EACV,YAAY,EACZ,iBAAiB,EACjB,aAAa,EAEb,UAAU,EACX,MAAM,UAAU,CAAC;AAYlB,KAAK,mBAAmB,GAAG;IACzB,KAAK,CAAC,EAAE,OAAO,CAAC,iBAAiB,CAAC,CAAC;CACpC,CAAC;AAEF,KAAK,kBAAkB,GAAG,mBAAmB,GAAG;IAC9C,EAAE,CAAC,EAAE,eAAe,CAAC;IACrB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AAEF,KAAK,yBAAyB,GAAG;IAC/B,GAAG,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,eAAe,CAAC;IACrB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,KAAK,qBAAqB,GAAG;IAC3B,OAAO,EAAE,MAAM,CAAC;IAChB,GAAG,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAMF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,kBAAkB,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,OAAO,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,KAAK,YAAY,CAAC;IAChG,WAAW,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,OAAO,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,KAAK,IAAI,CAAC;IAChF,kBAAkB,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,yBAAyB,KAAK,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;IACtG,WAAW,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1D,WAAW,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC7F,cAAc,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,qBAAqB,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACrF,gBAAgB,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IAClF,eAAe,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC;IAC7D,QAAQ,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,KAAK,aAAa,GAAG,IAAI,CAAC;CACpE,CAAC;AAMF,eAAO,MAAM,aAAa,EAAE,iBAgK3B,CAAC"}

package/dist/hooks/useEmbedUrl.d.ts

@@ -0,0 +1,18 @@
+import type { EmbedProvider, EmbedProviderMeta, EmbedSizes } from '../types';
+export type UseEmbedUrlState = {
+    url: string;
+    provider: EmbedProvider | null;
+    sizes: EmbedSizes;
+    isValid: boolean;
+    isLoading: boolean;
+    error: string | null;
+};
+export type UseEmbedUrlActions = {
+    setUrl: (url: string) => void;
+    parseUrl: (url: string) => EmbedProvider | null;
+    fetchMeta: () => Promise<EmbedProviderMeta | undefined>;
+    reset: () => void;
+};
+export type UseEmbedUrlReturn = UseEmbedUrlState & UseEmbedUrlActions;
+export declare function useEmbedUrl(maxWidth?: number): UseEmbedUrlReturn;
+//# sourceMappingURL=useEmbedUrl.d.ts.map

package/dist/hooks/useEmbedUrl.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEmbedUrl.d.ts","sourceRoot":"","sources":["../../src/hooks/useEmbedUrl.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,iBAAiB,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAI7E,MAAM,MAAM,gBAAgB,GAAG;IAC7B,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,EAAE,aAAa,GAAG,IAAI,CAAC;IAC/B,KAAK,EAAE,UAAU,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,MAAM,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9B,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,aAAa,GAAG,IAAI,CAAC;IAChD,SAAS,EAAE,MAAM,OAAO,CAAC,iBAAiB,GAAG,SAAS,CAAC,CAAC;IACxD,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,gBAAgB,GAAG,kBAAkB,CAAC;AAWtE,wBAAgB,WAAW,CAAC,QAAQ,GAAE,MAAY,GAAG,iBAAiB,CA+ErE"}

package/dist/index.d.ts

@@ -1,6 +1,10 @@
-import { Embed } from './plugin';
-import { EmbedElement, EmbedElementProps } from './types';
+import { Embed } from './plugin/embed-plugin';
 export { EmbedCommands } from './commands';
+export type { EmbedCommandsType } from './commands';
+export type { EmbedAspectRatio, EmbedElement, EmbedElementMap, EmbedElementProps, EmbedPluginElements, EmbedPluginOptions, EmbedProvider, EmbedProviderMeta, EmbedProviderRenderProps, EmbedProviderType, EmbedSizes, OEmbedResponse, ProviderConfig, } from './types';
+export { useEmbedUrl } from './hooks/useEmbedUrl';
+export type { UseEmbedUrlReturn, UseEmbedUrlState, UseEmbedUrlActions } from './hooks/useEmbedUrl';
+export { calculateEmbedDimensions, detectProvider, getOEmbedUrl, getProviderAspectRatio, getProviderConfig, getSupportedProviders, isEmbedUrl, parseEmbedUrl, PROVIDER_CONFIGS, } from './utils/providers';
+export { extractProviderMeta, fetchOEmbed, fetchOEmbedViaProxy, } from './utils/oembed';
 export default Embed;
-export { EmbedElement, EmbedElementProps };
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAE1D,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAE3C,eAAe,KAAK,CAAC;AACrB,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAG9C,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAC3C,YAAY,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAGpD,YAAY,EACV,gBAAgB,EAChB,YAAY,EACZ,eAAe,EACf,iBAAiB,EACjB,mBAAmB,EACnB,kBAAkB,EAClB,aAAa,EACb,iBAAiB,EACjB,wBAAwB,EACxB,iBAAiB,EACjB,UAAU,EACV,cAAc,EACd,cAAc,GACf,MAAM,SAAS,CAAC;AAGjB,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,YAAY,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAGnG,OAAO,EACL,wBAAwB,EACxB,cAAc,EACd,YAAY,EACZ,sBAAsB,EACtB,iBAAiB,EACjB,qBAAqB,EACrB,UAAU,EACV,aAAa,EACb,gBAAgB,GACjB,MAAM,mBAAmB,CAAC;AAE3B,OAAO,EACL,mBAAmB,EACnB,WAAW,EACX,mBAAmB,GACpB,MAAM,gBAAgB,CAAC;AAGxB,eAAe,KAAK,CAAC"}

package/dist/index.js

@@ -1 +1 @@
-import{jsx as e,jsxs as t}from"react/jsx-runtime";import{generateId as i,buildBlockData as r,Blocks as o,Elements as s,YooptaPlugin as n}from"@yoopta/editor";const d={youtube:e=>{const t=e.match(/^.*(youtu.be\/|v\/|u\/\w\/|embed\/|watch\?v=|&v=)([^#&?]*).*/);return t&&11===t[2].length?t[2]:null},vimeo:e=>new URL(e).pathname.split("/")[1],dailymotion:e=>{const t=e.match(/^.+dailymotion.com\/(embed|hub)\/([^_]+)[^#]*(#embed=([^_&]+))?/);return null!==t?void 0!==t[4]?t[4]:t[2]:null},wistia:e=>{try{const t=e.match(/(?:https?:\/\/)?(?:fast\.)?wistia\.(?:com|net)\/embed\/iframe\/([a-zA-Z0-9]+)/);if(t)return t[1];const i=e.match(/(?:https?:\/\/)?(?:www\.)?wistia\.com\/medias\/([a-zA-Z0-9]+)/);return i?i[1]:null}catch(e){return console.error("Error extracting Wistia ID:",e),null}},loom:e=>{try{const t=e.match(/(?:https?:\/\/)?(?:www\.)?loom\.com\/share\/([a-zA-Z0-9]+)/);return t?t[1]:null}catch(e){return console.error("Error extracting Loom ID:",e),null}},twitter:function(e){const t=e.match(/\/status\/(\d+)/);return t?t[1]:null},figma:function(e){const t=new URL(e).searchParams,i=t.get("node-id");return t.get("node-id")?i:"unknown"},instagram:function(e){const t=e.match(/(?:https?:\/\/)?(?:www\.)?instagram\.com(?:\/p\/|\/reel\/|\/tv\/)([^\/?#&]+).*$/);return t?t[1]:null}},m={buildEmbedElements:(e,t={})=>{var r,o;const s=Object.assign(Object.assign({},t.props),{nodeType:"void"});if(null===(r=s.provider)||void 0===r?void 0:r.url){const e=s.provider.url,t=(n=e).includes("youtube.com")||n.includes("youtu.be")?"youtube":n.includes("vimeo.com")?"vimeo":n.includes("dailymotion.com")||n.includes("dai.ly")?"dailymotion":n.includes("loom.com")?"loom":n.includes("wistia.com")||n.includes("wistia.net")?"wistia":n.includes("twitter")||n.includes("https://x.com")?"twitter":n.includes("figma")?"figma":n.includes("instagram.com")?"instagram":null,i=t?null===(o=d[t])||void 0===o?void 0:o.call(d,e):null,r={type:t,id:i,url:e};t&&i||(r.id=e),s.provider=r}var n;return{id:i(),type:"embed",children:[{text:""}],props:s}},insertEmbed:(e,t={})=>{const{at:i,focus:s,props:n}=t,d=m.buildEmbedElements(e,{props:n}),a=r({value:[d],type:"Embed",meta:{align:"center",depth:0}});o.insertBlock(e,a.type,{focus:s,at:i,blockData:a})},deleteEmbed:(e,t)=>{o.deleteBlock(e,{blockId:t})},updateEmbed:(e,t,i)=>{s.updateElement(e,{blockId:t,type:"embed",props:i})}},a={left:"flex-start",center:"center",right:"flex-end"},l=new n({type:"Embed",elements:e("embed",{render:i=>t("div",Object.assign({},i.attributes,{children:[e("embed",{src:i.element.props.provider.url,width:i.element.props.sizes.width,height:i.element.props.sizes.height,contentEditable:!1}),i.children]})),props:{sizes:{width:0,height:0},provider:null,nodeType:"void"},nodeType:"void"}),options:{display:{title:"Embed",description:"For embed videos, google maps and more"},shortcuts:["instagram","twitter","youtube","vimeo","dailymotion","figma"]},commands:m,parsers:{html:{deserialize:{nodeNames:["IFRAME"],parse:e=>{if("IFRAME"===e.nodeName){const t=new URL(e.getAttribute("src")||"");return{id:i(),type:"embed",children:[{text:""}],props:{provider:{id:t.href,type:t.hostname,url:t.href},sizes:{width:e.getAttribute("width")?parseInt(e.getAttribute("width")||"650",10):650,height:e.getAttribute("height")?parseInt(e.getAttribute("height")||"400",10):400}}}}}},serialize:(e,t,i)=>{const{align:r="center",depth:o=0}=i||{},s=a[r]||"center",n={youtube:e=>`https://www.youtube.com/embed/${e}`,vimeo:e=>`https://player.vimeo.com/embed/${e}`,dailymotion:e=>`https://www.dailymotion.com/embed/embed/${e}`,figma:e=>`https://www.figma.com/embed?embed_host=share&url=${e}`,loom:e=>`https://www.loom.com/embed/${e}?hide_owner=true&hide_share=true&hide_title=true&hideEmbedTopBar=true`,instagram:e=>`https://www.instagram.com/p/${e}/embed`,wistia:e=>`https://fast.wistia.net/embed/iframe/${e}?videoFoam=false`,twitter:e=>`https://platform.twitter.com/widgets/tweet.html?id=${e}`};let d=e.props.provider.url;return n[e.props.provider.type]&&(d=n[e.props.provider.type](e.props.provider.id)),`<div style="margin-left: ${20*o}px; display: flex; width: 100%; justify-content: ${s}">\n        <iframe data-meta-align="${r}" data-meta-depth="${o}" src="${d}" width="${e.props.sizes.width}" height="${e.props.sizes.height}"></iframe> </div>`}},markdown:{serialize:(e,t)=>`![${e.props.provider.type}](${e.props.provider.url})\n`}}});export{m as EmbedCommands,l as default};
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{generateId as o,buildBlockData as i,Blocks as n,Elements as r,YooptaPlugin as d}from"@yoopta/editor";import{useState as a,useCallback as s}from"react";function l(e,t,o,i){return new(o||(o=Promise))(function(n,r){function d(e){try{s(i.next(e))}catch(e){r(e)}}function a(e){try{s(i.throw(e))}catch(e){r(e)}}function s(e){var t;e.done?n(e.value):(t=e.value,t instanceof o?t:new o(function(e){e(t)})).then(d,a)}s((i=i.apply(e,t||[])).next())})}"function"==typeof SuppressedError&&SuppressedError;const u=[{type:"youtube",name:"YouTube",patterns:[/(?:youtube\.com\/(?:watch\?v=|embed\/|v\/)|youtu\.be\/)([a-zA-Z0-9_-]{11})/,/youtube\.com\/shorts\/([a-zA-Z0-9_-]{11})/],extractId:e=>{for(const t of u[0].patterns){const o=e.match(t);if(null==o?void 0:o[1])return o[1]}return null},buildEmbedUrl:e=>`https://www.youtube.com/embed/${e}`,aspectRatio:{width:16,height:9},oEmbedUrl:e=>`https://www.youtube.com/oembed?url=${encodeURIComponent(e)}&format=json`},{type:"vimeo",name:"Vimeo",patterns:[/vimeo\.com\/(\d+)/,/player\.vimeo\.com\/video\/(\d+)/],extractId:e=>{for(const t of u[1].patterns){const o=e.match(t);if(null==o?void 0:o[1])return o[1]}return null},buildEmbedUrl:e=>`https://player.vimeo.com/video/${e}`,aspectRatio:{width:16,height:9},oEmbedUrl:e=>`https://vimeo.com/api/oembed.json?url=${encodeURIComponent(e)}`},{type:"dailymotion",name:"Dailymotion",patterns:[/dailymotion\.com\/video\/([a-zA-Z0-9]+)/,/dailymotion\.com\/embed\/video\/([a-zA-Z0-9]+)/,/dai\.ly\/([a-zA-Z0-9]+)/],extractId:e=>{for(const t of u[2].patterns){const o=e.match(t);if(null==o?void 0:o[1])return o[1]}return null},buildEmbedUrl:e=>`https://www.dailymotion.com/embed/video/${e}`,aspectRatio:{width:16,height:9},oEmbedUrl:e=>`https://www.dailymotion.com/services/oembed?url=${encodeURIComponent(e)}&format=json`},{type:"loom",name:"Loom",patterns:[/loom\.com\/share\/([a-zA-Z0-9]+)/,/loom\.com\/embed\/([a-zA-Z0-9]+)/],extractId:e=>{for(const t of u[3].patterns){const o=e.match(t);if(null==o?void 0:o[1])return o[1]}return null},buildEmbedUrl:e=>`https://www.loom.com/embed/${e}?hide_owner=true&hide_share=true&hide_title=true&hideEmbedTopBar=true`,aspectRatio:{width:16,height:9}},{type:"wistia",name:"Wistia",patterns:[/wistia\.(?:com|net)\/embed\/iframe\/([a-zA-Z0-9]+)/,/wistia\.com\/medias\/([a-zA-Z0-9]+)/],extractId:e=>{for(const t of u[4].patterns){const o=e.match(t);if(null==o?void 0:o[1])return o[1]}return null},buildEmbedUrl:e=>`https://fast.wistia.net/embed/iframe/${e}?videoFoam=false`,aspectRatio:{width:16,height:9}},{type:"twitter",name:"Twitter",patterns:[/(?:twitter\.com|x\.com)\/\w+\/status\/(\d+)/],extractId:e=>{var t;const o=e.match(/\/status\/(\d+)/);return null!==(t=null==o?void 0:o[1])&&void 0!==t?t:null},buildEmbedUrl:e=>`https://platform.twitter.com/embed/Tweet.html?id=${e}&theme=light`,aspectRatio:{width:550,height:600}},{type:"instagram",name:"Instagram",patterns:[/instagram\.com\/(?:p|reel|tv)\/([a-zA-Z0-9_-]+)/],extractId:e=>{var t;const o=e.match(/instagram\.com\/(?:p|reel|tv)\/([a-zA-Z0-9_-]+)/);return null!==(t=null==o?void 0:o[1])&&void 0!==t?t:null},buildEmbedUrl:e=>`https://www.instagram.com/p/${e}/embed`,aspectRatio:{width:1,height:1}},{type:"figma",name:"Figma",patterns:[/figma\.com\/(file|proto|design)\/([a-zA-Z0-9]+)/],extractId:e=>e,buildEmbedUrl:(e,t)=>`https://www.figma.com/embed?embed_host=share&url=${encodeURIComponent(t)}`,aspectRatio:{width:16,height:9}},{type:"codepen",name:"CodePen",patterns:[/codepen\.io\/([a-zA-Z0-9_-]+)\/(?:pen|full|details|debug)\/([a-zA-Z0-9]+)/],extractId:e=>{const t=e.match(/codepen\.io\/([a-zA-Z0-9_-]+)\/(?:pen|full|details|debug)\/([a-zA-Z0-9]+)/);return t?`${t[1]}/${t[2]}`:null},buildEmbedUrl:e=>{const[t,o]=e.split("/");return`https://codepen.io/${t}/embed/${o}?default-tab=result&theme-id=dark`},aspectRatio:{width:16,height:9}},{type:"codesandbox",name:"CodeSandbox",patterns:[/codesandbox\.io\/(?:s|embed)\/([a-zA-Z0-9-]+)/],extractId:e=>{var t;const o=e.match(/codesandbox\.io\/(?:s|embed)\/([a-zA-Z0-9-]+)/);return null!==(t=null==o?void 0:o[1])&&void 0!==t?t:null},buildEmbedUrl:e=>`https://codesandbox.io/embed/${e}?fontsize=14&hidenavigation=1&theme=dark`,aspectRatio:{width:16,height:9}},{type:"spotify",name:"Spotify",patterns:[/open\.spotify\.com\/(track|album|playlist|episode|show)\/([a-zA-Z0-9]+)/],extractId:e=>{const t=e.match(/open\.spotify\.com\/(track|album|playlist|episode|show)\/([a-zA-Z0-9]+)/);return t?`${t[1]}/${t[2]}`:null},buildEmbedUrl:e=>`https://open.spotify.com/embed/${e}`,aspectRatio:{width:300,height:380}},{type:"soundcloud",name:"SoundCloud",patterns:[/soundcloud\.com\/([a-zA-Z0-9_-]+)\/([a-zA-Z0-9_-]+)/],extractId:e=>e,buildEmbedUrl:(e,t)=>`https://w.soundcloud.com/player/?url=${encodeURIComponent(t)}&color=%23ff5500&auto_play=false&hide_related=true&show_comments=false&show_user=true&show_reposts=false&show_teaser=false`,aspectRatio:{width:100,height:166}},{type:"google-maps",name:"Google Maps",patterns:[/google\.com\/maps\/embed/,/google\.com\/maps\/place/,/google\.com\/maps\/@/,/maps\.google\.com/],extractId:e=>e,buildEmbedUrl:(e,t)=>t.includes("/maps/embed")?t:`https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d0!2d0!3d0!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s${encodeURIComponent(t)}!5e0!3m2!1sen!2sus!4v0`,aspectRatio:{width:16,height:9}}];function c(e){return u.find(t=>t.type===e)}function m(e){const t=e.toLowerCase().trim();for(const e of u)for(const o of e.patterns)if(o.test(t))return e.type;return"unknown"}function p(e){return"unknown"!==m(e)}function h(e){if(!e)return null;try{const t=m(e);if("unknown"===t)return{type:"unknown",id:e,url:e,embedUrl:e};const o=c(t);if(!o)return null;const i=o.extractId(e);if(!i)return null;return{type:t,id:i,url:e,embedUrl:o.buildEmbedUrl(i,e)}}catch(e){return null}}function b(e){var t;const o=c(e);return null!==(t=null==o?void 0:o.aspectRatio)&&void 0!==t?t:{width:16,height:9}}function f(e,t=650){const o=b(e);return{width:t,height:Math.round(t*o.height/o.width)}}function v(e){const t=c(m(e));return(null==t?void 0:t.oEmbedUrl)?t.oEmbedUrl(e):null}function g(){return u.map(e=>({type:e.type,name:e.name}))}function y(e){return l(this,void 0,void 0,function*(){const t=v(e);if(!t)return null;try{const e=yield fetch(t);if(!e.ok)return null;return yield e.json()}catch(e){return null}})}function w(e){if(e)return{title:e.title,description:void 0,thumbnailUrl:e.thumbnail_url,authorName:e.author_name,authorUrl:e.author_url}}function E(e,t){return l(this,void 0,void 0,function*(){try{const o=yield fetch(`${t}?url=${encodeURIComponent(e)}`);return o.ok?yield o.json():null}catch(e){return null}})}u.reduce((e,t)=>Object.assign(Object.assign({},e),{[t.type]:t.extractId}),{});const x={buildEmbedElements:(e,t={})=>{var i,n,r,d;const a={provider:null!==(n=null===(i=t.props)||void 0===i?void 0:i.provider)&&void 0!==n?n:null,sizes:null!==(d=null===(r=t.props)||void 0===r?void 0:r.sizes)&&void 0!==d?d:{width:650,height:400},nodeType:"void"};return{id:o(),type:"embed",children:[{text:""}],props:a}},insertEmbed:(e,t={})=>{const{at:o,focus:r,props:d}=t,a=x.buildEmbedElements(e,{props:d}),s=i({value:[a],type:"Embed",meta:{align:"center",depth:0}});n.insertBlock(e,s.type,{focus:r,at:o,blockData:s})},insertEmbedFromUrl:(e,t)=>l(void 0,void 0,void 0,function*(){const{url:o,at:r,focus:d,fetchMeta:a=!1,maxWidth:s=650}=t,l=h(o);if(!l)return console.warn("[Embed] Could not parse URL:",o),null;const u=f(l.type,s);let c;if(a)try{c=w(yield y(o))}catch(e){}const m=Object.assign(Object.assign({},l),{meta:c}),p=x.buildEmbedElements(e,{props:{provider:m,sizes:u}}),b=i({value:[p],type:"Embed",meta:{align:"center",depth:0}});return n.insertBlock(e,b.type,{focus:d,at:r,blockData:b}),b.id}),deleteEmbed:(e,t)=>{n.deleteBlock(e,{blockId:t})},updateEmbed:(e,t,o)=>{r.updateElement(e,{blockId:t,type:"embed",props:o})},updateEmbedUrl:(e,t)=>l(void 0,void 0,void 0,function*(){const{blockId:o,url:i,fetchMeta:n=!1,maxWidth:r=650}=t,d=h(i);if(!d)return void console.warn("[Embed] Could not parse URL:",i);const a=f(d.type,r);let s;if(n)try{s=w(yield y(i))}catch(e){}const l=Object.assign(Object.assign({},d),{meta:s});x.updateEmbed(e,o,{provider:l,sizes:a})}),updateEmbedSizes:(e,t,o)=>{x.updateEmbed(e,t,{sizes:o})},isValidEmbedUrl:(e,t)=>p(t),parseUrl:(e,t)=>h(t)},$={left:"flex-start",center:"center",right:"flex-end"},U=new d({type:"Embed",elements:e("embed",{render:o=>{var i,n;return t("div",Object.assign({contentEditable:!1},o.attributes,{children:[e("iframe",{title:null===(i=o.element.props.provider)||void 0===i?void 0:i.type,src:null===(n=o.element.props.provider)||void 0===n?void 0:n.embedUrl,width:o.element.props.sizes.width,height:o.element.props.sizes.height,allowFullScreen:!0,frameBorder:0}),o.children]}))},props:{provider:null,sizes:{width:650,height:400},nodeType:"void"},nodeType:"void"}),options:{display:{title:"Embed",description:"Embed videos, maps, code, and more"},shortcuts:["embed","youtube","vimeo","twitter","instagram","figma","codepen","spotify"],maxWidth:650},commands:x,parsers:{html:{deserialize:{nodeNames:["IFRAME","DIV"],parse:e=>{var t,i,n,r;if("IFRAME"===e.nodeName){const n=e.getAttribute("src");if(!n)return;const r=h(n);if(!r)return;const d=parseInt(null!==(t=e.getAttribute("width"))&&void 0!==t?t:"650",10),a=parseInt(null!==(i=e.getAttribute("height"))&&void 0!==i?i:"400",10);return{id:o(),type:"embed",children:[{text:""}],props:{provider:r,sizes:{width:d,height:a},nodeType:"void"}}}if("DIV"===e.nodeName&&e.hasAttribute("data-yoopta-embed")){const t=e.querySelector("iframe");if(!t)return;const i=t.getAttribute("src");if(!i)return;const d=h(i);if(!d)return;const a=parseInt(null!==(n=t.getAttribute("width"))&&void 0!==n?n:"650",10),s=parseInt(null!==(r=t.getAttribute("height"))&&void 0!==r?r:"400",10);return{id:o(),type:"embed",children:[{text:""}],props:{provider:d,sizes:{width:a,height:s},nodeType:"void"}}}}},serialize:(e,t,o)=>{var i;const{align:n="center",depth:r=0}=null!=o?o:{},d=null!==(i=$[n])&&void 0!==i?i:"center",{provider:a,sizes:s}=e.props;return a?`<div data-yoopta-embed data-provider="${a.type}" data-meta-align="${n}" data-meta-depth="${r}" style="margin-left: ${20*r}px; display: flex; width: 100%; justify-content: ${d};">\n          <iframe src="${a.embedUrl}" width="${s.width}" height="${s.height}" frameborder="0" allowfullscreen></iframe>\n        </div>`:`<div data-meta-align="${n}" data-meta-depth="${r}" style="margin-left: ${20*r}px;">\x3c!-- Empty embed --\x3e</div>`}},markdown:{serialize:e=>{var t,o;const{provider:i}=e.props;return i?`[${null!==(o=null===(t=i.meta)||void 0===t?void 0:t.title)&&void 0!==o?o:i.type}](${i.url})\n`:""}},email:{serialize:(e,t,o)=>{var i,n,r,d;const{align:a="center",depth:s=0}=null!=o?o:{},l=null!==(i=$[a])&&void 0!==i?i:"center",{provider:u,sizes:c}=e.props;if(!u)return"";const m=(null===(n=u.meta)||void 0===n?void 0:n.thumbnailUrl)?`<img src="${u.meta.thumbnailUrl}" width="${c.width}" height="${c.height}" alt="${null!==(d=null===(r=u.meta)||void 0===r?void 0:r.title)&&void 0!==d?d:"Embedded content"}" style="border-radius: 8px; max-width: 100%;" />`:`<div style="width: ${c.width}px; height: ${c.height}px; background: #f0f0f0; border-radius: 8px; display: flex; align-items: center; justify-content: center;">\n              <span style="color: #666;">Click to view ${u.type} content</span>\n            </div>`;return`\n          <table style="width: 100%;">\n            <tbody>\n              <tr>\n                <td style="margin-left: ${20*s}px; display: flex; justify-content: ${l}; padding: 1rem 0;">\n                  <a href="${u.url}" target="_blank" rel="noopener noreferrer" style="text-decoration: none;">\n                    ${m}\n                  </a>\n                </td>\n              </tr>\n            </tbody>\n          </table>\n        `}}}}),z={url:"",provider:null,sizes:{width:650,height:400},isValid:!1,isLoading:!1,error:null};function I(e=650){const[t,o]=a(z),i=s(t=>{const i=t.trim();if(!i)return void o(z);const n=p(i),r=h(i);let d={width:e,height:400};r&&(d=f(r.type,e)),o({url:i,provider:r,sizes:d,isValid:n,isLoading:!1,error:n?null:"Unsupported URL format"})},[e]),n=s(e=>h(e),[]),r=s(()=>l(this,void 0,void 0,function*(){if(t.url&&t.isValid){o(e=>Object.assign(Object.assign({},e),{isLoading:!0,error:null}));try{const e=w(yield y(t.url));return e&&t.provider?o(t=>Object.assign(Object.assign({},t),{provider:t.provider?Object.assign(Object.assign({},t.provider),{meta:e}):null,isLoading:!1})):o(e=>Object.assign(Object.assign({},e),{isLoading:!1})),e}catch(e){return void o(e=>Object.assign(Object.assign({},e),{isLoading:!1,error:"Failed to fetch metadata"}))}}}),[t.url,t.isValid,t.provider]),d=s(()=>{o(z)},[]);return Object.assign(Object.assign({},t),{setUrl:i,parseUrl:n,fetchMeta:r,reset:d})}export{x as EmbedCommands,u as PROVIDER_CONFIGS,f as calculateEmbedDimensions,U as default,m as detectProvider,w as extractProviderMeta,y as fetchOEmbed,E as fetchOEmbedViaProxy,v as getOEmbedUrl,b as getProviderAspectRatio,c as getProviderConfig,g as getSupportedProviders,p as isEmbedUrl,h as parseEmbedUrl,I as useEmbedUrl};

package/dist/plugin/{index.d.ts → embed-plugin.d.ts}

@@ -2,4 +2,4 @@ import { YooptaPlugin } from '@yoopta/editor';
 import type { EmbedElementMap, EmbedPluginOptions } from '../types';
 declare const Embed: YooptaPlugin<EmbedElementMap, EmbedPluginOptions>;
 export { Embed };
-//# sourceMappingURL=index.d.ts.map
+//# sourceMappingURL=embed-plugin.d.ts.map

package/dist/plugin/embed-plugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"embed-plugin.d.ts","sourceRoot":"","sources":["../../src/plugin/embed-plugin.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAc,MAAM,gBAAgB,CAAC;AAG1D,OAAO,KAAK,EAAE,eAAe,EAAqB,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAevF,QAAA,MAAM,KAAK,mDAyIT,CAAC;AAEH,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/dist/types.d.ts

@@ -1,34 +1,72 @@
-import { type SlateElement } from '@yoopta/editor';
+import type { SlateElement } from '@yoopta/editor';
 import type { RenderElementProps } from 'slate-react';
-export type EmbedSizes = {
-    width: number | 'auto';
-    height: number | 'auto';
+export type EmbedProviderType = 'youtube' | 'vimeo' | 'dailymotion' | 'wistia' | 'loom' | 'twitter' | 'figma' | 'instagram' | 'codepen' | 'codesandbox' | 'spotify' | 'soundcloud' | 'google-maps' | 'unknown';
+export type EmbedProviderMeta = {
+    title?: string;
+    description?: string;
+    thumbnailUrl?: string;
+    authorName?: string;
+    authorUrl?: string;
 };
-export type EmbedProviderTypes = 'youtube' | 'vimeo' | 'dailymotion' | 'wistia' | 'loom' | 'twitter' | 'figma' | 'instagram' | string | null;
 export type EmbedProvider = {
-    type: EmbedProviderTypes;
+    type: EmbedProviderType;
     id: string;
-    url?: string;
+    url: string;
+    embedUrl: string;
+    meta?: EmbedProviderMeta;
+};
+export type EmbedSizes = {
+    width: number;
+    height: number;
+};
+export type EmbedAspectRatio = {
+    width: number;
+    height: number;
 };
 export type EmbedElementProps = {
-    sizes?: EmbedSizes;
-    provider?: EmbedProvider;
+    provider: EmbedProvider | null;
+    sizes: EmbedSizes;
+    nodeType: 'void';
 };
 export type EmbedPluginElements = 'embed';
 export type EmbedElement = SlateElement<'embed', EmbedElementProps>;
 export type EmbedPluginOptions = {
-    maxSizes?: {
-        maxWidth?: number | 'auto';
-        maxHeight?: number | 'auto';
-    };
+    maxWidth?: number;
+    defaultSizes?: EmbedSizes;
 };
-export type ProviderRenderProps = {
+export type EmbedProviderRenderProps = {
     provider: EmbedProvider;
     blockId: string;
     width: number;
     height: number;
+    isLoading?: boolean;
+    error?: string | null;
 } & Pick<RenderElementProps, 'attributes' | 'children'>;
 export type EmbedElementMap = {
     embed: EmbedElement;
 };
+export type OEmbedResponse = {
+    type: 'video' | 'photo' | 'link' | 'rich';
+    version: string;
+    title?: string;
+    author_name?: string;
+    author_url?: string;
+    provider_name?: string;
+    provider_url?: string;
+    thumbnail_url?: string;
+    thumbnail_width?: number;
+    thumbnail_height?: number;
+    html?: string;
+    width?: number;
+    height?: number;
+};
+export type ProviderConfig = {
+    type: EmbedProviderType;
+    name: string;
+    patterns: RegExp[];
+    extractId: (url: string) => string | null;
+    buildEmbedUrl: (id: string, url: string) => string;
+    aspectRatio: EmbedAspectRatio;
+    oEmbedUrl?: (url: string) => string;
+};
 //# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACnD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAEtD,MAAM,MAAM,UAAU,GAAG;IACvB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAC1B,SAAS,GACT,OAAO,GACP,aAAa,GACb,QAAQ,GACR,MAAM,GACN,SAAS,GACT,OAAO,GACP,WAAW,GACX,MAAM,GACN,IAAI,CAAC;AACT,MAAM,MAAM,aAAa,GAAG;IAC1B,IAAI,EAAE,kBAAkB,CAAC;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,QAAQ,CAAC,EAAE,aAAa,CAAC;CAC1B,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,OAAO,CAAC;AAC1C,MAAM,MAAM,YAAY,GAAG,YAAY,CAAC,OAAO,EAAE,iBAAiB,CAAC,CAAC;AAEpE,MAAM,MAAM,kBAAkB,GAAG;IAC/B,QAAQ,CAAC,EAAE;QACT,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;QAC3B,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;KAC7B,CAAC;CACH,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,QAAQ,EAAE,aAAa,CAAC;IACxB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB,GAAG,IAAI,CAAC,kBAAkB,EAAE,YAAY,GAAG,UAAU,CAAC,CAAC;AAExD,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,EAAE,YAAY,CAAC;CACrB,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"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"}

package/dist/utils/oembed.d.ts

@@ -0,0 +1,16 @@
+import type { EmbedProviderMeta, OEmbedResponse } from '../types';
+/**
+ * Fetch oEmbed data for a URL
+ * Note: This requires CORS support or a proxy for most providers
+ */
+export declare function fetchOEmbed(url: string): Promise<OEmbedResponse | null>;
+/**
+ * Extract provider metadata from oEmbed response
+ */
+export declare function extractProviderMeta(oembedData: OEmbedResponse | null): EmbedProviderMeta | undefined;
+/**
+ * Fetch oEmbed data via a proxy (for production use)
+ * You can implement your own proxy endpoint
+ */
+export declare function fetchOEmbedViaProxy(url: string, proxyUrl: string): Promise<OEmbedResponse | null>;
+//# sourceMappingURL=oembed.d.ts.map

package/dist/utils/oembed.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"oembed.d.ts","sourceRoot":"","sources":["../../src/utils/oembed.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAGlE;;;GAGG;AACH,wBAAsB,WAAW,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,cAAc,GAAG,IAAI,CAAC,CAoB7E;AAED;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,UAAU,EAAE,cAAc,GAAG,IAAI,GAAG,iBAAiB,GAAG,SAAS,CAUpG;AAED;;;GAGG;AACH,wBAAsB,mBAAmB,CACvC,GAAG,EAAE,MAAM,EACX,QAAQ,EAAE,MAAM,GACf,OAAO,CAAC,cAAc,GAAG,IAAI,CAAC,CAYhC"}

package/dist/utils/providers.d.ts

@@ -1,21 +1,43 @@
-import type { EmbedProviderTypes } from '../types';
-export declare const getYoutubeId: (url: string) => string | null;
-export declare const getVimeoId: (url: string) => string;
-export declare const getDailymotionId: (url: string) => string | null;
-export declare const getWistiaId: (url: string) => string | null;
-export declare const getLoomId: (url: string) => string | null;
-export declare function getInstagramId(url: string): string | null;
-export declare function getProvider(url: string): EmbedProviderTypes | null;
-export declare function getTwitterEmbedId(url: any): any;
-export declare function getFigmaUrl(url: any): string | null;
-export declare const ProviderGetters: {
-    youtube: (url: string) => string | null;
-    vimeo: (url: string) => string;
-    dailymotion: (url: string) => string | null;
-    wistia: (url: string) => string | null;
-    loom: (url: string) => string | null;
-    twitter: typeof getTwitterEmbedId;
-    figma: typeof getFigmaUrl;
-    instagram: typeof getInstagramId;
+import type { EmbedAspectRatio, EmbedProvider, EmbedProviderType, ProviderConfig } from '../types';
+export declare const PROVIDER_CONFIGS: ProviderConfig[];
+/**
+ * Get provider config by type
+ */
+export declare function getProviderConfig(type: EmbedProviderType): ProviderConfig | undefined;
+/**
+ * Detect provider type from URL
+ */
+export declare function detectProvider(url: string): EmbedProviderType;
+/**
+ * Check if URL is a valid embed URL
+ */
+export declare function isEmbedUrl(url: string): boolean;
+/**
+ * Parse URL and extract provider info
+ */
+export declare function parseEmbedUrl(url: string): EmbedProvider | null;
+/**
+ * Get aspect ratio for provider
+ */
+export declare function getProviderAspectRatio(type: EmbedProviderType): EmbedAspectRatio;
+/**
+ * Calculate dimensions based on aspect ratio and max width
+ */
+export declare function calculateEmbedDimensions(type: EmbedProviderType, maxWidth?: number): {
+    width: number;
+    height: number;
 };
+/**
+ * Get oEmbed URL for provider
+ */
+export declare function getOEmbedUrl(url: string): string | null;
+/**
+ * Get list of supported providers for display
+ */
+export declare function getSupportedProviders(): {
+    type: EmbedProviderType;
+    name: string;
+}[];
+export declare const getProvider: typeof detectProvider;
+export declare const ProviderGetters: Record<EmbedProviderType, (url: string) => string | null>;
 //# sourceMappingURL=providers.d.ts.map

package/dist/utils/providers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"providers.d.ts","sourceRoot":"","sources":["../../src/utils/providers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAEnD,eAAO,MAAM,YAAY,QAAS,MAAM,kBAKvC,CAAC;AAEF,eAAO,MAAM,UAAU,QAAS,MAAM,WAIrC,CAAC;AAEF,eAAO,MAAM,gBAAgB,QAAS,MAAM,kBAS3C,CAAC;AAEF,eAAO,MAAM,WAAW,QAAS,MAAM,kBAiBtC,CAAC;AAEF,eAAO,MAAM,SAAS,QAAS,MAAM,kBAQpC,CAAC;AAEF,wBAAgB,cAAc,CAAC,GAAG,EAAE,MAAM,iBAIzC;AAED,wBAAgB,WAAW,CAAC,GAAG,EAAE,MAAM,GAAG,kBAAkB,GAAG,IAAI,CA0BlE;AAED,wBAAgB,iBAAiB,CAAC,GAAG,KAAA,OAMpC;AAED,wBAAgB,WAAW,CAAC,GAAG,KAAA,iBAQ9B;AAED,eAAO,MAAM,eAAe;mBAzGM,MAAM;iBAOR,MAAM;uBAMA,MAAM;kBAWX,MAAM;gBAmBR,MAAM;;;;CAuEpC,CAAC"}
+{"version":3,"file":"providers.d.ts","sourceRoot":"","sources":["../../src/utils/providers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,aAAa,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAMnG,eAAO,MAAM,gBAAgB,EAAE,cAAc,EA8N5C,CAAC;AAMF;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,iBAAiB,GAAG,cAAc,GAAG,SAAS,CAErF;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,GAAG,EAAE,MAAM,GAAG,iBAAiB,CAY7D;AAED;;GAEG;AACH,wBAAgB,UAAU,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAE/C;AAED;;GAEG;AACH,wBAAgB,aAAa,CAAC,GAAG,EAAE,MAAM,GAAG,aAAa,GAAG,IAAI,CAgC/D;AAED;;GAEG;AACH,wBAAgB,sBAAsB,CAAC,IAAI,EAAE,iBAAiB,GAAG,gBAAgB,CAGhF;AAED;;GAEG;AACH,wBAAgB,wBAAwB,CACtC,IAAI,EAAE,iBAAiB,EACvB,QAAQ,GAAE,MAAY,GACrB;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,CAMnC;AAED;;GAEG;AACH,wBAAgB,YAAY,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAOvD;AAED;;GAEG;AACH,wBAAgB,qBAAqB,IAAI;IAAE,IAAI,EAAE,iBAAiB,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,EAAE,CAKnF;AAMD,eAAO,MAAM,WAAW,uBAAiB,CAAC;AAE1C,eAAO,MAAM,eAAe,EAAE,MAAM,CAAC,iBAAiB,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,GAAG,IAAI,CAOnF,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yoopta/embed",
-  "version": "6.0.0-beta.7",
+  "version": "6.0.0-beta.8",
   "description": "Embed plugin for Yoopta Editor",
   "author": "Darginec05 <devopsbanda@gmail.com>",
   "homepage": "https://github.com/Darginec05/Yoopta-Editor#readme",
@@ -35,5 +35,5 @@
   "bugs": {
     "url": "https://github.com/Darginec05/Yoopta-Editor/issues"
   },
-  "gitHead": "7cc1d045b5737a810e4f7820c495f7a42dfcc09d"
+  "gitHead": "dca941dd88adfad95b7c0f2b51c65ada6dd91b49"
 }

package/dist/plugin/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/plugin/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAwC,MAAM,gBAAgB,CAAC;AAGpF,OAAO,KAAK,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAcpE,QAAA,MAAM,KAAK,mDA+FT,CAAC;AAEH,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/dist/providers/DailyMotion.d.ts

@@ -1,4 +0,0 @@
-import type { ProviderRenderProps } from '../types';
-declare const DailyMotion: ({ provider, width, height, attributes, children }: ProviderRenderProps) => import("react/jsx-runtime").JSX.Element;
-export { DailyMotion };
-//# sourceMappingURL=DailyMotion.d.ts.map

package/dist/providers/DailyMotion.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DailyMotion.d.ts","sourceRoot":"","sources":["../../src/providers/DailyMotion.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAKpD,QAAA,MAAM,WAAW,sDAAuD,mBAAmB,4CAkD1F,CAAC;AAEF,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/dist/providers/Figma.d.ts

@@ -1,4 +0,0 @@
-import type { ProviderRenderProps } from '../types';
-declare const Figma: ({ provider, width, height, attributes, children }: ProviderRenderProps) => import("react/jsx-runtime").JSX.Element;
-export { Figma };
-//# sourceMappingURL=Figma.d.ts.map

package/dist/providers/Figma.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Figma.d.ts","sourceRoot":"","sources":["../../src/providers/Figma.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAEpD,QAAA,MAAM,KAAK,sDAAuD,mBAAmB,4CA8BpF,CAAC;AAEF,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/dist/providers/Instagram.d.ts

@@ -1,15 +0,0 @@
-import type React from 'react';
-type InstagramProps = {
-    provider: {
-        id: string;
-        url: string;
-    };
-    width: number | 'auto';
-    height: number | 'auto';
-    blockId: string;
-    attributes: any;
-    children: React.ReactNode;
-};
-declare const Instagram: React.FC<InstagramProps>;
-export default Instagram;
-//# sourceMappingURL=Instagram.d.ts.map

package/dist/providers/Instagram.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Instagram.d.ts","sourceRoot":"","sources":["../../src/providers/Instagram.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,KAAK,cAAc,GAAG;IACpB,QAAQ,EAAE;QACR,EAAE,EAAE,MAAM,CAAC;QACX,GAAG,EAAE,MAAM,CAAC;KACb,CAAC;IACF,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,GAAG,CAAC;IAChB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA4BvC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/providers/Loom.d.ts

@@ -1,3 +0,0 @@
-import type { ProviderRenderProps } from '../types';
-export declare const Loom: ({ provider, attributes, children, width, height }: ProviderRenderProps) => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=Loom.d.ts.map

package/dist/providers/Loom.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Loom.d.ts","sourceRoot":"","sources":["../../src/providers/Loom.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAEpD,eAAO,MAAM,IAAI,sDAAuD,mBAAmB,4CAqD1F,CAAC"}

package/dist/providers/Twitter.d.ts

@@ -1,4 +0,0 @@
-import type { ProviderRenderProps } from '../types';
-declare const Twitter: ({ provider, blockId, attributes, children }: ProviderRenderProps) => import("react/jsx-runtime").JSX.Element;
-export default Twitter;
-//# sourceMappingURL=Twitter.d.ts.map

package/dist/providers/Twitter.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Twitter.d.ts","sourceRoot":"","sources":["../../src/providers/Twitter.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAEpD,QAAA,MAAM,OAAO,gDAAiD,mBAAmB,4CAyDhF,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/dist/providers/Vimeo.d.ts

@@ -1,4 +0,0 @@
-import type { ProviderRenderProps } from '../types';
-declare const Vimeo: ({ provider, width, height, attributes, children }: ProviderRenderProps) => import("react/jsx-runtime").JSX.Element;
-export { Vimeo };
-//# sourceMappingURL=Vimeo.d.ts.map

package/dist/providers/Vimeo.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Vimeo.d.ts","sourceRoot":"","sources":["../../src/providers/Vimeo.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAIpD,QAAA,MAAM,KAAK,sDAAuD,mBAAmB,4CAmDpF,CAAC;AAEF,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/dist/providers/Wistia.d.ts

@@ -1,4 +0,0 @@
-import type { ProviderRenderProps } from '../types';
-declare const Wistia: ({ provider, attributes, children, width, height }: ProviderRenderProps) => import("react/jsx-runtime").JSX.Element;
-export { Wistia };
-//# sourceMappingURL=Wistia.d.ts.map

package/dist/providers/Wistia.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Wistia.d.ts","sourceRoot":"","sources":["../../src/providers/Wistia.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAEpD,QAAA,MAAM,MAAM,sDAAuD,mBAAmB,4CA4CrF,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/dist/providers/Youtube.d.ts

@@ -1,4 +0,0 @@
-import type { ProviderRenderProps } from '../types';
-declare const YouTube: ({ provider, width, height, attributes, children }: ProviderRenderProps) => import("react/jsx-runtime").JSX.Element;
-export { YouTube };
-//# sourceMappingURL=Youtube.d.ts.map

package/dist/providers/Youtube.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Youtube.d.ts","sourceRoot":"","sources":["../../src/providers/Youtube.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAEpD,QAAA,MAAM,OAAO,sDAAuD,mBAAmB,4CAyCtF,CAAC;AAEF,OAAO,EAAE,OAAO,EAAE,CAAC"}