@excalidraw/excalidraw 0.17.1-f597bd3 → 0.17.1-f59b4f6

package/dist/browser/dev/excalidraw-assets-dev/{chunk-R7HUEHN5.js → chunk-O74FSJNG.js}

@@ -13561,12 +13561,15 @@ init_define_import_meta_env();
 // data/url.ts
 init_define_import_meta_env();
 var import_sanitize_url = __toESM(require_dist(), 1);
+var sanitizeHTMLAttribute = (html) => {
+  return html.replace(/"/g, """);
+};
 var normalizeLink = (link) => {
   link = link.trim();
   if (!link) {
     return link;
   }
-  return (0, import_sanitize_url.sanitizeUrl)(link);
+  return (0, import_sanitize_url.sanitizeUrl)(sanitizeHTMLAttribute(link));
 };
 var isLocalLink = (link) => {
   return !!(link?.includes(location.origin) || link?.startsWith("/"));
@@ -14060,13 +14063,13 @@ var duplicateElements = (elements, opts) => {
 // element/embeddable.ts
 var embeddedLinkCache = /* @__PURE__ */ new Map();
 var RE_YOUTUBE = /^(?:http(?:s)?:\/\/)?(?:www\.)?youtu(?:be\.com|\.be)\/(embed\/|watch\?v=|shorts\/|playlist\?list=|embed\/videoseries\?list=)?([a-zA-Z0-9_-]+)(?:\?t=|&t=|\?start=|&start=)?([a-zA-Z0-9_-]+)?[^\s]*$/;
-var RE_VIMEO = /^(?:http(?:s)?:\/\/)?(?:(?:w){3}.)?(?:player\.)?vimeo\.com\/(?:video\/)?([^?\s]+)(?:\?.*)?$/;
+var RE_VIMEO = /^(?:http(?:s)?:\/\/)?(?:(?:w){3}\.)?(?:player\.)?vimeo\.com\/(?:video\/)?([^?\s]+)(?:\?.*)?$/;
 var RE_FIGMA = /^https:\/\/(?:www\.)?figma\.com/;
-var RE_GH_GIST = /^https:\/\/gist\.github\.com/;
-var RE_GH_GIST_EMBED = /^<script[\s\S]*?\ssrc=["'](https:\/\/gist.github.com\/.*?)\.js["']/i;
-var RE_TWITTER = /(?:http(?:s)?:\/\/)?(?:(?:w){3}.)?(?:twitter|x).com/;
-var RE_TWITTER_EMBED = /^<blockquote[\s\S]*?\shref=["'](https:\/\/(?:twitter|x).com\/[^"']*)/i;
-var RE_VALTOWN = /^https:\/\/(?:www\.)?val.town\/(v|embed)\/[a-zA-Z_$][0-9a-zA-Z_$]+\.[a-zA-Z_$][0-9a-zA-Z_$]+/;
+var RE_GH_GIST = /^https:\/\/gist\.github\.com\/([\w_-]+)\/([\w_-]+)/;
+var RE_GH_GIST_EMBED = /^<script[\s\S]*?\ssrc=["'](https:\/\/gist\.github\.com\/.*?)\.js["']/i;
+var RE_TWITTER = /(?:https?:\/\/)?(?:(?:w){3}\.)?(?:twitter|x)\.com\/[^/]+\/status\/(\d+)/;
+var RE_TWITTER_EMBED = /^<blockquote[\s\S]*?\shref=["'](https?:\/\/(?:twitter|x)\.com\/[^"']*)/i;
+var RE_VALTOWN = /^https:\/\/(?:www\.)?val\.town\/(v|embed)\/[a-zA-Z_$][0-9a-zA-Z_$]+\.[a-zA-Z_$][0-9a-zA-Z_$]+/;
 var RE_GENERIC_EMBED = /^<(?:iframe|blockquote)[\s\S]*?\s(?:src|href)=["']([^"']*)["'][\s\S]*?>$/i;
 var RE_GIPHY = /giphy.com\/(?:clips|embed|gifs)\/[a-zA-Z0-9]*?-?([a-zA-Z0-9]+)(?:[^a-zA-Z0-9]|$)/;
 var ALLOWED_DOMAINS = /* @__PURE__ */ new Set([
@@ -14164,50 +14167,38 @@ var getEmbedLink = (link) => {
     return { link, intrinsicSize: aspectRatio, type };
   }
   if (RE_TWITTER.test(link)) {
-    link = link.replace(/\bx.com\b/, "twitter.com");
-    let ret;
-    if (/<blockquote/.test(link)) {
-      const srcDoc = createSrcDoc(link);
-      ret = {
-        type: "document",
-        srcdoc: () => srcDoc,
-        intrinsicSize: { w: 480, h: 480 }
-      };
-    } else {
-      ret = {
-        type: "document",
-        srcdoc: (theme) => createSrcDoc(
-          `<blockquote class="twitter-tweet" data-dnt="true" data-theme="${theme}"><a href="${link}"></a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"><\/script>`
-        ),
-        intrinsicSize: { w: 480, h: 480 }
-      };
-    }
+    const postId = link.match(RE_TWITTER)[1];
+    const safeURL = sanitizeHTMLAttribute(
+      `https://twitter.com/x/status/${postId}`
+    );
+    const ret = {
+      type: "document",
+      srcdoc: (theme) => createSrcDoc(
+        `<blockquote class="twitter-tweet" data-dnt="true" data-theme="${theme}"><a href="${safeURL}"></a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"><\/script>`
+      ),
+      intrinsicSize: { w: 480, h: 480 },
+      sandbox: { allowSameOrigin: true }
+    };
     embeddedLinkCache.set(originalLink, ret);
     return ret;
   }
   if (RE_GH_GIST.test(link)) {
-    let ret;
-    if (/<script>/.test(link)) {
-      const srcDoc = createSrcDoc(link);
-      ret = {
-        type: "document",
-        srcdoc: () => srcDoc,
-        intrinsicSize: { w: 550, h: 720 }
-      };
-    } else {
-      ret = {
-        type: "document",
-        srcdoc: () => createSrcDoc(`
-          <script src="${link}.js"><\/script>
+    const [, user, gistId] = link.match(RE_GH_GIST);
+    const safeURL = sanitizeHTMLAttribute(
+      `https://gist.github.com/${user}/${gistId}`
+    );
+    const ret = {
+      type: "document",
+      srcdoc: () => createSrcDoc(`
+          <script src="${safeURL}.js"><\/script>
           <style type="text/css">
             * { margin: 0px; }
             table, .gist { height: 100%; }
             .gist .gist-file { height: calc(100vh - 2px); padding: 0px; display: grid; grid-template-rows: 1fr auto; }
           </style>
         `),
-        intrinsicSize: { w: 550, h: 720 }
-      };
-    }
+      intrinsicSize: { w: 550, h: 720 }
+    };
     embeddedLinkCache.set(link, ret);
     return ret;
   }
@@ -14775,6 +14766,9 @@ var renderSceneToSvg = (elements, elementsMap, rsvg, svgRoot, files, renderConfi
   }
   elements.filter((el) => !isIframeLikeElement(el)).forEach((element) => {
     if (!element.isDeleted) {
+      if (isTextElement(element) && element.containerId && elementsMap.has(element.containerId)) {
+        return;
+      }
       try {
         renderElementToSvg(
           element,
@@ -14786,6 +14780,19 @@ var renderSceneToSvg = (elements, elementsMap, rsvg, svgRoot, files, renderConfi
           element.y + renderConfig.offsetY,
           renderConfig
         );
+        const boundTextElement = getBoundTextElement(element, elementsMap);
+        if (boundTextElement) {
+          renderElementToSvg(
+            boundTextElement,
+            elementsMap,
+            rsvg,
+            svgRoot,
+            files,
+            boundTextElement.x + renderConfig.offsetX,
+            boundTextElement.y + renderConfig.offsetY,
+            renderConfig
+          );
+        }
       } catch (error) {
         console.error(error);
       }
@@ -15578,13 +15585,19 @@ var getFreedrawShape = (element, center, isClosed2 = false) => {
     data: polyline
   };
 };
-var getClosedCurveShape = (roughShape, startingPoint = [0, 0], angleInRadian, center) => {
-  const ops = getCurvePathOps2(roughShape);
+var getClosedCurveShape = (element, roughShape, startingPoint = [0, 0], angleInRadian, center) => {
   const transform = (p) => pointRotate(
     [p[0] + startingPoint[0], p[1] + startingPoint[1]],
     angleToDegrees(angleInRadian),
     center
   );
+  if (element.roundness === null) {
+    return {
+      type: "polygon",
+      data: close(element.points.map((p) => transform(p)))
+    };
+  }
+  const ops = getCurvePathOps2(roughShape);
   const points = [];
   let odd = false;
   for (const operation of ops) {
@@ -15916,8 +15929,11 @@ var _renderStaticScene = ({
   visibleElements.filter((el) => !isIframeLikeElement(el)).forEach((element) => {
     try {
       const frameId = element.frameId || appState.frameToHighlight?.id;
+      if (isTextElement(element) && element.containerId && elementsMap.has(element.containerId)) {
+        return;
+      }
+      context.save();
       if (frameId && appState.frameRendering.enabled && appState.frameRendering.clip) {
-        context.save();
         const frame = getTargetFrame(element, elementsMap, appState);
         if (frame && isElementInFrame(element, elementsMap, appState)) {
           frameClip(frame, context, renderConfig, appState);
@@ -15931,7 +15947,6 @@ var _renderStaticScene = ({
           renderConfig,
           appState
         );
-        context.restore();
       } else {
         renderElement(
           element,
@@ -15943,6 +15958,19 @@ var _renderStaticScene = ({
           appState
         );
       }
+      const boundTextElement = getBoundTextElement(element, allElementsMap);
+      if (boundTextElement) {
+        renderElement(
+          boundTextElement,
+          elementsMap,
+          allElementsMap,
+          rc,
+          context,
+          renderConfig,
+          appState
+        );
+      }
+      context.restore();
       if (!isExporting) {
         renderLinkIcon(element, context, appState, elementsMap);
       }
@@ -16187,7 +16215,7 @@ var exportToSvg = async (elements, appState, files, opts) => {
   let metadata = "";
   if (exportEmbedScene) {
     try {
-      metadata = await (await import("./image-CAYW6EUH.js")).encodeSvgMetadata({
+      metadata = await (await import("./image-F7EVY5ZQ.js")).encodeSvgMetadata({
         // when embedding scene, we want to embed the origionally supplied
         // elements which don't contain the temp frame labels.
         // But it also requires that the exportToSvg is being supplied with
@@ -19711,7 +19739,7 @@ var parseFileContents = async (blob) => {
   let contents;
   if (blob.type === MIME_TYPES.png) {
     try {
-      return await (await import("./image-CAYW6EUH.js")).decodePngMetadata(blob);
+      return await (await import("./image-F7EVY5ZQ.js")).decodePngMetadata(blob);
     } catch (error) {
       if (error.message === "INVALID") {
         throw new ImageSceneDataError(
@@ -19738,7 +19766,7 @@ var parseFileContents = async (blob) => {
     }
     if (blob.type === MIME_TYPES.svg) {
       try {
-        return await (await import("./image-CAYW6EUH.js")).decodeSvgMetadata({
+        return await (await import("./image-F7EVY5ZQ.js")).decodeSvgMetadata({
           svg: contents
         });
       } catch (error) {
@@ -20606,4 +20634,4 @@ export {
   getNormalizedZoom,
   getStateForZoom
 };
-//# sourceMappingURL=chunk-R7HUEHN5.js.map
+//# sourceMappingURL=chunk-O74FSJNG.js.map