@vercel/og 0.8.0 → 0.8.1

package/dist/index.edge.d.ts

@@ -1,7 +1,6 @@
 import type { ReactElement } from 'react';
-import type { ImageResponseOptions, FigmaImageResponseProps } from './types';
+import type { ImageResponseOptions } from './types';
 export declare class ImageResponse extends Response {
     constructor(element: ReactElement, options?: ImageResponseOptions);
 }
-export declare const experimental_FigmaImageResponse: (props: FigmaImageResponseProps) => Promise<ImageResponse>;
 export type EdgeImageResponse = typeof ImageResponse;

package/dist/index.edge.js

@@ -20526,204 +20526,6 @@ async function render(satori, resvg, opts, defaultFonts, element) {
   return pngBuffer;
 }
 
-// src/figma/index.tsx
-var FigmaImageResponse = async ({
-  url,
-  template,
-  fonts,
-  imageResponseOptions,
-  Response: Response2
-}) => {
-  const { fileId, nodeId } = parseFigmaUrl(url);
-  const figmaAPIToken = assertValue(
-    process.env.FIGMA_PERSONAL_ACCESS_TOKEN,
-    "Missing environment variable: `FIGMA_PERSONAL_ACCESS_TOKEN`. You can get one at https://www.figma.com/developers/api#authentication"
-  );
-  const figmaResponse = await fetch(
-    `https://api.figma.com/v1/images/${fileId}?ids=${nodeId}&svg_outline_text=false&format=svg&svg_include_id=true`,
-    {
-      method: "GET",
-      headers: {
-        "X-FIGMA-TOKEN": figmaAPIToken
-      },
-      cache: "no-store"
-    }
-  );
-  const figmaResponseJson = await figmaResponse.json();
-  const svgDownloadPath = figmaResponseJson.images[nodeId.replace("-", ":")];
-  const svgResponse = await fetch(svgDownloadPath, { cache: "no-store" });
-  const svg = await svgResponse.text();
-  const { width, height } = getSvgDimensions(svg);
-  const textNodes = getTextNodes(svg);
-  const textNodeAttributes = textNodes.map(parseSvgText);
-  return new Response2(
-    {
-      key: "0",
-      type: "div",
-      props: {
-        style: { display: "flex" },
-        children: [
-          {
-            type: "img",
-            props: {
-              style: { position: "absolute" },
-              alt: "",
-              width,
-              height,
-              src: svgToBase64(svg)
-            }
-          },
-          {
-            type: "div",
-            props: {
-              style: { display: "flex", position: "relative", width: "100%" },
-              children: textNodeAttributes.map((textNode) => {
-                const t = template[textNode.id];
-                let value = "";
-                if (t === void 0) {
-                  value = textNode.content;
-                } else if (isComplexTemplate(t)) {
-                  value = t.value;
-                } else {
-                  value = t;
-                }
-                let cssProps = {};
-                let centerHorizontally = false;
-                if (isComplexTemplate(t) && t.props) {
-                  const {
-                    centerHorizontally: centerHorizontallyProp,
-                    ...otherCSSProps
-                  } = t.props;
-                  cssProps = otherCSSProps;
-                  centerHorizontally = centerHorizontallyProp || false;
-                }
-                if (centerHorizontally) {
-                  const templateStyles = {
-                    color: textNode.fill,
-                    marginTop: `${parseInt(textNode.y) - parseInt(textNode.fontSize)}px`,
-                    fontWeight: textNode.fontWeight || "400",
-                    fontSize: textNode.fontSize,
-                    fontFamily: textNode.fontFamily,
-                    letterSpacing: textNode.letterSpacing,
-                    textAlign: "center",
-                    ...cssProps
-                  };
-                  return {
-                    type: "div",
-                    props: {
-                      style: {
-                        display: "flex",
-                        justifyContent: "center",
-                        position: "absolute",
-                        width: "100%"
-                      },
-                      children: {
-                        type: "div",
-                        props: {
-                          style: templateStyles,
-                          children: value
-                        }
-                      }
-                    }
-                  };
-                }
-                return {
-                  type: "div",
-                  props: {
-                    style: {
-                      position: "absolute",
-                      color: textNode.fill,
-                      left: `${textNode.x}px`,
-                      top: `${parseInt(textNode.y) - parseInt(textNode.fontSize)}px`,
-                      fontWeight: textNode.fontWeight || "400",
-                      fontSize: textNode.fontSize,
-                      fontFamily: textNode.fontFamily,
-                      letterSpacing: textNode.letterSpacing,
-                      ...cssProps
-                    },
-                    children: value
-                  }
-                };
-              })
-            }
-          }
-        ]
-      }
-    },
-    {
-      width,
-      height,
-      fonts,
-      ...imageResponseOptions
-    }
-  );
-};
-var isComplexTemplate = (template) => {
-  return typeof template !== "string" && template !== void 0 && "value" in template;
-};
-function svgToBase64(svg) {
-  const base64 = Buffer.from(svg).toString("base64");
-  return "data:image/svg+xml;base64," + base64;
-}
-function getSvgDimensions(svg) {
-  const widthMatch = svg.match(/width="(\d+)/);
-  const heightMatch = svg.match(/height="(\d+)/);
-  if (widthMatch && heightMatch) {
-    const width = parseInt(widthMatch[1], 10);
-    const height = parseInt(heightMatch[1], 10);
-    return { width, height };
-  }
-  return { width: 0, height: 0 };
-}
-function getTextNodes(svg) {
-  const regex = /<text[^>]*>(.*?)<\/text>/g;
-  let match;
-  const matches = [];
-  while ((match = regex.exec(svg)) !== null) {
-    matches.push(match[0]);
-  }
-  return matches;
-}
-function parseSvgText(svgText) {
-  const id = svgText.match(/id="([^"]*)"/)?.[1] || "";
-  const fill = svgText.match(/fill="([^"]*)"/)?.[1] || "";
-  const fontFamily = svgText.match(/font-family="([^"]*)"/)?.[1] || "";
-  const fontSize = svgText.match(/font-size="([^"]*)"/)?.[1] || "";
-  const fontWeight = svgText.match(/font-weight="([^"]*)"/)?.[1] || "";
-  const letterSpacing = svgText.match(/letter-spacing="([^"]*)"/)?.[1] || "";
-  const x2 = svgText.match(/<tspan[^>]*x="([^"]*)"/)?.[1] || "";
-  const y = svgText.match(/<tspan[^>]*y="([^"]*)"/)?.[1] || "";
-  const content = svgText.match(/<tspan[^>]*>([^<]*)<\/tspan>/)?.[1] || "";
-  return {
-    id,
-    fill,
-    fontFamily,
-    fontSize,
-    fontWeight,
-    letterSpacing,
-    x: x2,
-    y,
-    content
-  };
-}
-function parseFigmaUrl(figmaUrl) {
-  const regex = /\/file\/([^/]+)\/[^?]+\?[^#]*node-id=([^&#]+)/;
-  const match = figmaUrl.match(regex);
-  let fileId = "";
-  let nodeId = "";
-  if (match) {
-    fileId = match[1] || "";
-    nodeId = match[2] || "";
-  }
-  return { fileId, nodeId };
-}
-function assertValue(v2, errorMessage) {
-  if (v2 === void 0) {
-    throw new Error(errorMessage);
-  }
-  return v2;
-}
-
 // src/index.edge.ts
 var initializedResvg = initWasm(resvg_wasm);
 var fallbackFont = fetch(
@@ -20758,12 +20560,8 @@ var ImageResponse = class extends Response {
     });
   }
 };
-var experimental_FigmaImageResponse = async (props) => {
-  return FigmaImageResponse({ ...props, Response: ImageResponse });
-};
 export {
-  ImageResponse,
-  experimental_FigmaImageResponse
+  ImageResponse
 };
 /*! Copyright Twitter Inc. and other contributors. Licensed under MIT */
 /*! Bundled license information: