smig/excalidraw
1
0
Fork 0
mirror of https://github.com/excalidraw/excalidraw.git synced 2025-05-03 10:00:07 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: adds web.tutAR embeds

Browse source
This commit is contained in:
ritk20 2024-10-10 17:49:49 +05:30
parent 47ee8a0094
commit 381178d236
1 changed files with 55 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

55
packages/excalidraw/element/embeddable.ts
View file

@ -14,6 +14,7 @@ import type {
import { sanitizeHTMLAttribute } from "../data/url"; import { sanitizeHTMLAttribute } from "../data/url";
import type { MarkRequired } from "../utility-types"; import type { MarkRequired } from "../utility-types";
import { StoreAction } from "../store"; import { StoreAction } from "../store";
import { t } from "../i18n";
type IframeDataWithSandbox = MarkRequired<IframeData, "sandbox">; type IframeDataWithSandbox = MarkRequired<IframeData, "sandbox">;
@ -51,6 +52,12 @@ const RE_REDDIT =
const RE_REDDIT_EMBED = const RE_REDDIT_EMBED =
/^<blockquote[\s\S]*?\shref=["'](https?:\/\/(?:www\.)?reddit\.com\/[^"']*)/i; /^<blockquote[\s\S]*?\shref=["'](https?:\/\/(?:www\.)?reddit\.com\/[^"']*)/i;
const RE_TUTAR_WITH_USER_ID =
/^https:\/\/web\.tutar\.app\?api-key=([a-zA-Z0-9_-]+)&user-id=([a-zA-Z0-9_-]+)$/;
const RE_TUTAR_WITHOUT_USER_ID =
/^https:\/\/web\.tutar\.app\?api-key=([a-zA-Z0-9_-]+)$/;
const ALLOWED_DOMAINS = new Set([ const ALLOWED_DOMAINS = new Set([
"youtube.com", "youtube.com",
"youtu.be", "youtu.be",
@ -66,6 +73,7 @@ const ALLOWED_DOMAINS = new Set([
"val.town", "val.town",
"giphy.com", "giphy.com",
"reddit.com", "reddit.com",
"web.tutar.app",
]); ]);
const ALLOW_SAME_ORIGIN = new Set([ const ALLOW_SAME_ORIGIN = new Set([
@ -79,6 +87,7 @@ const ALLOW_SAME_ORIGIN = new Set([
"*.simplepdf.eu", "*.simplepdf.eu",
"stackblitz.com", "stackblitz.com",
"reddit.com", "reddit.com",
"web.tutar.app",
]); ]);
export const createSrcDoc = (body: string) => { export const createSrcDoc = (body: string) => {
@ -267,6 +276,52 @@ export const getEmbedLink = (
return ret; return ret;
} }
const tutarLinkWithUserId = link.match(RE_TUTAR_WITH_USER_ID);
if(tutarLinkWithUserId) {
const [, apiKey, userId] = link.match(RE_TUTAR_WITH_USER_ID)!;
const safeURL = sanitizeHTMLAttribute(
`https://web.tutar.app?api-key=${apiKey}&user-id=${userId}`,
);
const ret: IframeDataWithSandbox = {
type: "document",
srcdoc: () =>
createSrcDoc(`
<iframe
src="https://web.tutar.app?api-key=<API-KEY>"
id="3d-viewer"
allow="camera"
allowFullScreen ></iframe>
`),
intrinsicSize: { w: 550, h: 550 },
sandbox: { allowSameOrigin },
};
embeddedLinkCache.set(link, ret);
return ret;
}
const tutarLinkWithoutUserId = link.match(RE_TUTAR_WITHOUT_USER_ID);
if(tutarLinkWithoutUserId) {
const [, apiKey] = link.match(RE_TUTAR_WITHOUT_USER_ID)!;
const safeURL = sanitizeHTMLAttribute(
`https://web.tutar.app?api-key=${apiKey}`,
);
const ret: IframeDataWithSandbox = {
type: "document",
srcdoc: () =>
createSrcDoc(`
<iframe
src="https://web.tutar.app?api-key=<API-KEY>"
id="3d-viewer"
allow="camera"
allowFullScreen ></iframe>
`),
intrinsicSize: { w: 550, h: 550 },
sandbox: { allowSameOrigin },
};
embeddedLinkCache.set(link, ret);
return ret;
}
embeddedLinkCache.set(link, { embeddedLinkCache.set(link, {
link, link,
intrinsicSize: aspectRatio, intrinsicSize: aspectRatio,