From 493391bb0386ccbe6dca499122c1054266624b36 Mon Sep 17 00:00:00 2001
From: steven <imrealleonardo@gmail.com>
Date: Mon, 13 Dec 2021 08:26:50 +0800
Subject: [PATCH] choro: convert html2image to arrow function

---
 .../html2image/convertResourceToDataURL.ts    |  4 ++--
 .../labs/html2image/getCloneStyledElement.ts  |  4 ++--
 .../labs/html2image/getFontsStyleElement.ts   |  4 ++--
 web/src/labs/html2image/index.ts              | 24 +++++++++----------
 4 files changed, 18 insertions(+), 18 deletions(-)

diff --git a/web/src/labs/html2image/convertResourceToDataURL.ts b/web/src/labs/html2image/convertResourceToDataURL.ts
index cfcbcb750..8611d084c 100644
--- a/web/src/labs/html2image/convertResourceToDataURL.ts
+++ b/web/src/labs/html2image/convertResourceToDataURL.ts
@@ -1,6 +1,6 @@
 const cachedResourceMap = new Map<string, string>();
 
-function convertResourceToDataURL(url: string, useCache = true): Promise<string> {
+const convertResourceToDataURL = (url: string, useCache = true): Promise<string> => {
   if (useCache && cachedResourceMap.has(url)) {
     return Promise.resolve(cachedResourceMap.get(url) as string);
   }
@@ -16,6 +16,6 @@ function convertResourceToDataURL(url: string, useCache = true): Promise<string>
     };
     reader.readAsDataURL(blob);
   });
-}
+};
 
 export default convertResourceToDataURL;
diff --git a/web/src/labs/html2image/getCloneStyledElement.ts b/web/src/labs/html2image/getCloneStyledElement.ts
index b979ad7f6..c5b6ac8cd 100644
--- a/web/src/labs/html2image/getCloneStyledElement.ts
+++ b/web/src/labs/html2image/getCloneStyledElement.ts
@@ -1,6 +1,6 @@
 import convertResourceToDataURL from "./convertResourceToDataURL";
 
-async function getCloneStyledElement(element: HTMLElement) {
+const getCloneStyledElement = async (element: HTMLElement) => {
   const clonedElementContainer = document.createElement(element.tagName);
   clonedElementContainer.innerHTML = element.innerHTML;
 
@@ -32,6 +32,6 @@ async function getCloneStyledElement(element: HTMLElement) {
   await applyStyles(element, clonedElementContainer);
 
   return clonedElementContainer;
-}
+};
 
 export default getCloneStyledElement;
diff --git a/web/src/labs/html2image/getFontsStyleElement.ts b/web/src/labs/html2image/getFontsStyleElement.ts
index 1385a8d2b..625d4a191 100644
--- a/web/src/labs/html2image/getFontsStyleElement.ts
+++ b/web/src/labs/html2image/getFontsStyleElement.ts
@@ -1,6 +1,6 @@
 import convertResourceToDataURL from "./convertResourceToDataURL";
 
-async function getFontsStyleElement(element: HTMLElement) {
+const getFontsStyleElement = async (element: HTMLElement) => {
   const styleSheets = element.ownerDocument.styleSheets;
   const fontFamilyStyles: CSSStyleDeclaration[] = [];
 
@@ -41,6 +41,6 @@ async function getFontsStyleElement(element: HTMLElement) {
   }
 
   return styleElement;
-}
+};
 
 export default getFontsStyleElement;
diff --git a/web/src/labs/html2image/index.ts b/web/src/labs/html2image/index.ts
index f5b8012bd..2f579a764 100644
--- a/web/src/labs/html2image/index.ts
+++ b/web/src/labs/html2image/index.ts
@@ -13,22 +13,22 @@ type Options = Partial<{
   pixelRatio: number;
 }>;
 
-function getElementSize(element: HTMLElement) {
+const getElementSize = (element: HTMLElement) => {
   const { width, height } = window.getComputedStyle(element);
 
   return {
     width: parseInt(width.replace("px", "")),
     height: parseInt(height.replace("px", "")),
   };
-}
+};
 
-function convertSVGToDataURL(svg: SVGElement): string {
+const convertSVGToDataURL = (svg: SVGElement): string => {
   const xml = new XMLSerializer().serializeToString(svg);
   const url = encodeURIComponent(xml);
   return `data:image/svg+xml;charset=utf-8,${url}`;
-}
+};
 
-function generateSVGElement(width: number, height: number, element: HTMLElement): SVGSVGElement {
+const generateSVGElement = (width: number, height: number, element: HTMLElement): SVGSVGElement => {
   const xmlNS = "http://www.w3.org/2000/svg";
   const svgElement = document.createElementNS(xmlNS, "svg");
 
@@ -48,9 +48,9 @@ function generateSVGElement(width: number, height: number, element: HTMLElement)
   svgElement.appendChild(foreignObject);
 
   return svgElement;
-}
+};
 
-export async function toSVG(element: HTMLElement, options?: Options) {
+export const toSVG = async (element: HTMLElement, options?: Options) => {
   const { width, height } = getElementSize(element);
 
   const clonedElement = await getCloneStyledElement(element);
@@ -65,9 +65,9 @@ export async function toSVG(element: HTMLElement, options?: Options) {
   const url = convertSVGToDataURL(svg);
 
   return url;
-}
+};
 
-export async function toCanvas(element: HTMLElement, options?: Options): Promise<HTMLCanvasElement> {
+export const toCanvas = async (element: HTMLElement, options?: Options): Promise<HTMLCanvasElement> => {
   const url = await toSVG(element, options);
 
   const imageEl = new Image();
@@ -96,12 +96,12 @@ export async function toCanvas(element: HTMLElement, options?: Options): Promise
       resolve(canvas);
     };
   });
-}
+};
 
-async function toImage(element: HTMLElement, options?: Options) {
+const toImage = async (element: HTMLElement, options?: Options) => {
   const canvas = await toCanvas(element, options);
 
   return canvas.toDataURL();
-}
+};
 
 export default toImage;