extract codepen embed as a component

2026-01-09 11:22:56 -05:00 · 2022-06-06 10:47:56 -04:00
parent 3f931e01ce
commit a1326e4ccb
6 changed files with 123 additions and 74 deletions
--- a/components/CodePenEmbed/CodePenEmbed.tsx
+++ b/components/CodePenEmbed/CodePenEmbed.tsx
@@ -0,0 +1,51 @@
+import IFrame from "../IFrame";
+import { useHasMounted } from "../../hooks/use-has-mounted";
+import { useTheme } from "../../hooks/use-theme";
+import { styled } from "../../lib/styles/stitches.config";
+
+const Wrapper = styled("div", {
+  width: "100%",
+});
+
+export type CodePenEmbedProps = {
+  username: string;
+  id: string;
+  height?: number;
+  defaultTab?: string;
+  preview?: boolean;
+  editable?: boolean;
+  className?: string;
+};
+
+const CodePenEmbed = ({
+  username,
+  id,
+  height = 500,
+  defaultTab = "html",
+  preview = true,
+  editable = false,
+  className,
+}: CodePenEmbedProps) => {
+  const hasMounted = useHasMounted();
+  const { activeTheme } = useTheme();
+
+  return (
+    <Wrapper className={className} css={{ height }}>
+      {hasMounted && (
+        <IFrame
+          src={`https://codepen.io/${username}/embed/${id}/?${new URLSearchParams({
+            "theme-id": activeTheme === "dark" ? activeTheme : "light",
+            "default-tab": `${defaultTab},result`,
+            preview: `${!!preview}`,
+            editable: `${!!editable}`,
+          })}`}
+          height={height}
+          allowScripts
+          noScroll
+        />
+      )}
+    </Wrapper>
+  );
+};
+
+export default CodePenEmbed;
--- a/components/CodePenEmbed/index.ts
+++ b/components/CodePenEmbed/index.ts
@@ -0,0 +1,2 @@
+export * from "./CodePenEmbed";
+export { default } from "./CodePenEmbed";
--- a/lib/helpers/mdx-components.ts
+++ b/lib/helpers/mdx-components.ts
@@ -19,6 +19,7 @@ export const Video = dynamic(() => import("../../components/Video"));
 export const YouTube = dynamic(() => import("../../components/YouTubeEmbed"));
 export const Tweet = dynamic(() => import("../../components/TweetEmbed"));
 export const Gist = dynamic(() => import("../../components/GistEmbed"));
+export const CodePen = dynamic(() => import("../../components/CodePenEmbed"));

 // One-offs for specific posts:
 export const OctocatLink = dynamic(() => import("../../components/OctocatLink"));
--- a/notes/css-waving-hand-emoji.mdx
+++ b/notes/css-waving-hand-emoji.mdx
@@ -19,12 +19,7 @@ Below are the code snippets you can grab and customize to make your own ["waving

 ## Demo

-<IFrame
-  src="https://codepen.io/jakejarvis/embed/pBZWZw/?theme-id=light&amp;default-tab=css,result"
-  height={500}
-  allowScripts
-  noScroll
-/>
+<CodePen username="jakejarvis" id="pBZWZw" defaultTab="css" />

 ## CSS

--- a/package.json
+++ b/package.json
@@ -19,20 +19,20 @@
  },
  "dependencies": {
    "@fontsource/comic-neue": "4.5.8",
-    "@fontsource/inter": "4.5.10",
+    "@fontsource/inter": "4.5.11",
    "@fontsource/roboto-mono": "4.5.7",
    "@giscus/react": "^2.0.5",
-    "@hcaptcha/react-hcaptcha": "^1.3.0",
+    "@hcaptcha/react-hcaptcha": "^1.3.1",
    "@novnc/novnc": "github:novnc/noVNC#cdfb33665195eb9a73fb00feb6ebaccd1068cd50",
    "@octokit/graphql": "^4.8.0",
-    "@primer/octicons": "^17.2.0",
+    "@primer/octicons": "^17.3.0",
    "@react-spring/web": "^9.4.5",
    "@sentry/node": "^7.0.0",
    "@sentry/tracing": "^7.0.0",
    "@stitches/react": "^1.2.8",
    "comma-number": "^2.1.0",
    "copy-to-clipboard": "^3.3.1",
-    "dayjs": "^1.11.2",
+    "dayjs": "^1.11.3",
    "fast-glob": "^3.2.11",
    "fathom-client": "^3.4.1",
    "faunadb": "^4.5.4",
@@ -82,7 +82,7 @@
    "@types/comma-number": "^2.1.0",
    "@types/node": "*",
    "@types/prop-types": "^15.7.5",
-    "@types/react": "^18.0.10",
+    "@types/react": "^18.0.12",
    "@types/react-dom": "^18.0.5",
    "@types/react-is": "^17.0.3",
    "@types/remove-markdown": "^0.3.1",
@@ -91,7 +91,7 @@
    "@typescript-eslint/eslint-plugin": "^5.27.0",
    "@typescript-eslint/parser": "^5.27.0",
    "cross-env": "^7.0.3",
-    "eslint": "~8.16.0",
+    "eslint": "~8.17.0",
    "eslint-config-next": "12.1.7-canary.29",
    "eslint-config-prettier": "~8.5.0",
    "eslint-plugin-mdx": "~1.17.0",
@@ -99,8 +99,8 @@
    "lint-staged": "^13.0.0",
    "prettier": "^2.6.2",
    "simple-git-hooks": "^2.8.0",
-    "typescript": "^4.7.2",
-    "uglify-js": "^3.15.5"
+    "typescript": "4.7.2",
+    "uglify-js": "^3.16.0"
  },
  "engines": {
    "node": ">=16.x"
--- a/yarn.lock
+++ b/yarn.lock
@@ -1051,10 +1051,10 @@
  resolved "https://registry.yarnpkg.com/@fontsource/comic-neue/-/comic-neue-4.5.8.tgz#269237c1b11d16efa1729a45cdd317799156204d"
  integrity sha512-m4Y/o/L8mzAuiWXBHisijMmCHDpHXFMxRyFQ6mDeBlOwlyUU7PB2XdrV6utR/1Y0wPjxa8AZKEYPMy1tBXDURA==

-"@fontsource/inter@4.5.10":
-  version "4.5.10"
-  resolved "https://registry.yarnpkg.com/@fontsource/inter/-/inter-4.5.10.tgz#c4e6839197dc4c77842eae9475ff0e036ff87fc9"
-  integrity sha512-YOt2/K8yo25MVBjrTImHxVimmyZEt0GcrWp2w7O29sdFX9SJqbGlOqjFJ1wI5yBbP6AmTeimyPE0UC/jjFRoIA==
+"@fontsource/inter@4.5.11":
+  version "4.5.11"
+  resolved "https://registry.yarnpkg.com/@fontsource/inter/-/inter-4.5.11.tgz#3c45014821e8c82b247a291f1944dd2764a2d1ed"
+  integrity sha512-toizzQkfXL8YJcG/f8j3EYXYGQe4OxiDEItThSigvHU+cYNDw8HPp3wLYQX745hddsnHqOGCM4exitFSBOU8+w==

 "@fontsource/roboto-mono@4.5.7":
  version "4.5.7"
@@ -1068,10 +1068,10 @@
  dependencies:
    giscus "^1.0.5"

-"@hcaptcha/react-hcaptcha@^1.3.0":
-  version "1.3.0"
-  resolved "https://registry.yarnpkg.com/@hcaptcha/react-hcaptcha/-/react-hcaptcha-1.3.0.tgz#9e85593017cbcbb8f91e5b439bfe7eb7abbf2bd8"
-  integrity sha512-CS1A/hjlYljgcAvpkTzuoFi2zgVBmucextH9NYzaqbuTJWsFmJphU5ZGyO73+d3jGu7uPm5Etbc+349NYLkzQA==
+"@hcaptcha/react-hcaptcha@^1.3.1":
+  version "1.3.1"
+  resolved "https://registry.yarnpkg.com/@hcaptcha/react-hcaptcha/-/react-hcaptcha-1.3.1.tgz#f6e187ad2d97e89e7fd002b44ff1fa4cd99291f6"
+  integrity sha512-APs/hH7VFp+6zoz6PTKiGcIjQguwRbiZDRCFUeRK7gQg7KG4tXQayGtknKmozYL6z1ypoVE8FXz/W68rnc/u3g==
  dependencies:
    "@babel/runtime" "^7.17.9"

@@ -1340,10 +1340,10 @@
  resolved "https://registry.yarnpkg.com/@polka/url/-/url-1.0.0-next.21.tgz#5de5a2385a35309427f6011992b544514d559aa1"
  integrity sha512-a5Sab1C4/icpTZVzZc5Ghpz88yQtGOyNqYXcZgOssB2uuAr+wF/MvN6bgtW32q7HHrvBki+BsZ0OuNv6EV3K9g==

-"@primer/octicons@^17.2.0":
-  version "17.2.0"
-  resolved "https://registry.yarnpkg.com/@primer/octicons/-/octicons-17.2.0.tgz#6e9be44484100e069006958f28dc75eaba55b1ed"
-  integrity sha512-A3YetVbJX5J4JGa2AfVrEl1lE3FtT+7HdSzphFRs1QF5OgsUpkNbyjvVxeCxVZaG6zXYbbbPWsPF06PtsIyUWQ==
+"@primer/octicons@^17.3.0":
+  version "17.3.0"
+  resolved "https://registry.yarnpkg.com/@primer/octicons/-/octicons-17.3.0.tgz#52f86d57ffacb04d1e3d792710a14181c7853ef4"
+  integrity sha512-4zPwwloYWdR6RznMafV7Fsw3n2CeDPp/+qEIQbaX/tBbPY1KmU0OAXmhRfhD5AzgB5kdV1aQ7KnQr1GeQXl9Dg==
  dependencies:
    object-assign "^4.1.1"

@@ -1661,9 +1661,9 @@
    "@types/unist" "*"

 "@types/node@*", "@types/node@^17.0.5":
-  version "17.0.39"
-  resolved "https://registry.yarnpkg.com/@types/node/-/node-17.0.39.tgz#3652d82e2a16b4ea679d5ea3143b816c91b7e113"
-  integrity sha512-JDU3YLlnPK3WDao6/DlXLOgSNpG13ct+CwIO17V8q0/9fWJyeMJJ/VyZ1lv8kDprihvZMydzVwf0tQOqGiY2Nw==
+  version "17.0.40"
+  resolved "https://registry.yarnpkg.com/@types/node/-/node-17.0.40.tgz#76ee88ae03650de8064a6cf75b8d95f9f4a16090"
+  integrity sha512-UXdBxNGqTMtm7hCwh9HtncFVLrXoqA3oJW30j6XWp5BH/wu3mVeaxo7cq5benFdBw34HB3XDT2TRPI7rXZ+mDg==

 "@types/parse-json@^4.0.0":
  version "4.0.0"
@@ -1699,10 +1699,10 @@
  dependencies:
    "@types/react" "*"

-"@types/react@*", "@types/react@>=16", "@types/react@^18.0.10":
-  version "18.0.10"
-  resolved "https://registry.yarnpkg.com/@types/react/-/react-18.0.10.tgz#5692944d4a45e204fb7a981eb1388afe919cf4d0"
-  integrity sha512-dIugadZuIPrRzvIEevIu7A1smqOAjkSMv8qOfwPt9Ve6i6JT/FQcCHyk2qIAxwsQNKZt5/oGR0T4z9h2dXRAkg==
+"@types/react@*", "@types/react@>=16", "@types/react@^18.0.12":
+  version "18.0.12"
+  resolved "https://registry.yarnpkg.com/@types/react/-/react-18.0.12.tgz#cdaa209d0a542b3fcf69cf31a03976ec4cdd8840"
+  integrity sha512-duF1OTASSBQtcigUvhuiTB1Ya3OvSy+xORCiEf20H0P0lzx+/KeVsA99U5UjLXSbyo1DRJDlLKqTeM1ngosqtg==
  dependencies:
    "@types/prop-types" "*"
    "@types/scheduler" "*"
@@ -1931,9 +1931,9 @@ ansi-styles@^6.0.0:
  integrity sha512-VbqNsoz55SYGczauuup0MFUyXNQviSpFTj1RQtFzmQLk18qbVSpTFFGMT293rmDaQuKCT6InmbuEyUne4mTuxQ==

 arg@^5.0.0:
-  version "5.0.1"
-  resolved "https://registry.yarnpkg.com/arg/-/arg-5.0.1.tgz#eb0c9a8f77786cad2af8ff2b862899842d7b6adb"
-  integrity sha512-e0hDa9H2Z9AwFkk2qDlwhoMYE4eToKarchkQHovNdLTCYMHZHeRjI71crOh+dio4K6u1IcwubQqo79Ga4CyAQA==
+  version "5.0.2"
+  resolved "https://registry.yarnpkg.com/arg/-/arg-5.0.2.tgz#c81433cc427c92c4dcf4865142dbca6f15acd59c"
+  integrity sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==

 argparse@^1.0.7:
  version "1.0.10"
@@ -2287,9 +2287,9 @@ color-name@~1.1.4:
  integrity sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==

 colorette@^2.0.16:
-  version "2.0.16"
-  resolved "https://registry.yarnpkg.com/colorette/-/colorette-2.0.16.tgz#713b9af84fdb000139f04546bd4a93f62a5085da"
-  integrity sha512-hUewv7oMjCp+wkBv5Rm0v87eJhq4woh5rSR+42YSQJKecCqgIqNkZ6lAlQms/BwHPJA5NKMRlpxPRv0n8HQW6g==
+  version "2.0.17"
+  resolved "https://registry.yarnpkg.com/colorette/-/colorette-2.0.17.tgz#5dd4c0d15e2984b7433cb4a9f2ead45063b80c47"
+  integrity sha512-hJo+3Bkn0NCHybn9Tu35fIeoOKGOk5OCC32y4Hz2It+qlCO2Q3DeQ1hRn/tDDMQKRYUEzqsl7jbF6dYKjlE60g==

 comma-number@^2.1.0:
  version "2.1.0"
@@ -2446,10 +2446,10 @@ data-uri-to-buffer@^4.0.0:
  resolved "https://registry.yarnpkg.com/data-uri-to-buffer/-/data-uri-to-buffer-4.0.0.tgz#b5db46aea50f6176428ac05b73be39a57701a64b"
  integrity sha512-Vr3mLBA8qWmcuschSLAOogKgQ/Jwxulv3RNE4FXnYWRGujzrRWQI4m12fQqRkwX06C0KanhLr4hK+GydchZsaA==

-dayjs@^1.11.2:
-  version "1.11.2"
-  resolved "https://registry.yarnpkg.com/dayjs/-/dayjs-1.11.2.tgz#fa0f5223ef0d6724b3d8327134890cfe3d72fbe5"
-  integrity sha512-F4LXf1OeU9hrSYRPTTj/6FbO4HTjPKXvEIC1P2kcnFurViINCVk3ZV0xAS3XVx9MkMsXbbqlK6hjseaYbgKEHw==
+dayjs@^1.11.3:
+  version "1.11.3"
+  resolved "https://registry.yarnpkg.com/dayjs/-/dayjs-1.11.3.tgz#4754eb694a624057b9ad2224b67b15d552589258"
+  integrity sha512-xxwlswWOlGhzgQ4TKzASQkUhqERI3egRNqgV4ScR8wlANA/A9tZ7miXa44vTTKEq5l7vWoL5G57bG3zA+Kow0A==

 debug@4, debug@^4.0.0, debug@^4.1.0, debug@^4.1.1, debug@^4.3.2, debug@^4.3.4:
  version "4.3.4"
@@ -2589,9 +2589,9 @@ eastasianwidth@^0.2.0:
  integrity sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==

 electron-to-chromium@^1.4.118:
-  version "1.4.145"
-  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.4.145.tgz#5be3aa470cae3c2bccd20afc4d2a5efdca337b7b"
-  integrity sha512-g4VQCi61gA0t5fJHsalxAc8NpvxC/CEwLAGLfJ+DmkRXTEyntJA7H01771uVD6X6nnViv3GToPgb0QOVA8ivOQ==
+  version "1.4.146"
+  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.4.146.tgz#fd20970c3def2f9e6b32ac13a2e7a6b64e1b0c48"
+  integrity sha512-4eWebzDLd+hYLm4csbyMU2EbBnqhwl8Oe9eF/7CBDPWcRxFmqzx4izxvHH+lofQxzieg8UbB8ZuzNTxeukzfTg==

 emoji-regex@^8.0.0:
  version "8.0.0"
@@ -2629,11 +2629,11 @@ error-ex@^1.3.1:
    is-arrayish "^0.2.1"

 error-stack-parser@^2.0.6:
-  version "2.0.7"
-  resolved "https://registry.yarnpkg.com/error-stack-parser/-/error-stack-parser-2.0.7.tgz#b0c6e2ce27d0495cf78ad98715e0cad1219abb57"
-  integrity sha512-chLOW0ZGRf4s8raLrDxa5sdkvPec5YdvwbFnqJme4rk0rFajP8mPtrDL1+I+CwrQDCjswDA5sREX7jYQDQs9vA==
+  version "2.1.3"
+  resolved "https://registry.yarnpkg.com/error-stack-parser/-/error-stack-parser-2.1.3.tgz#ab877c676540507dbe6429974ea66833ae68b7cb"
+  integrity sha512-F9KypcaAvLzI4yXneZzOvzZoqakhbjuAGFK0aLy33tYaDqdu6v+lzrN/TTG/mM48Op624zZZ2RpXRx3wA0+zmg==
  dependencies:
-    stackframe "^1.1.1"
+    stackframe "^1.3.4"

 es-abstract@^1.19.0, es-abstract@^1.19.1, es-abstract@^1.19.2, es-abstract@^1.19.5:
  version "1.20.1"
@@ -2879,10 +2879,10 @@ eslint-visitor-keys@^3.3.0:
  resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-3.3.0.tgz#f6480fa6b1f30efe2d1968aa8ac745b862469826"
  integrity sha512-mQ+suqKJVyeuwGYHAdjMFqjCyfl8+Ldnxuyp3ldiMBFKkvytrXUZWaiPCEav8qDHKty44bD+qV1IP4T+w+xXRA==

-eslint@~8.16.0:
-  version "8.16.0"
-  resolved "https://registry.yarnpkg.com/eslint/-/eslint-8.16.0.tgz#6d936e2d524599f2a86c708483b4c372c5d3bbae"
-  integrity sha512-MBndsoXY/PeVTDJeWsYj7kLZ5hQpJOfMYLsF6LicLHQWbRDG19lK5jOix4DPl8yY4SUFcE3txy86OzFLWT+yoA==
+eslint@~8.17.0:
+  version "8.17.0"
+  resolved "https://registry.yarnpkg.com/eslint/-/eslint-8.17.0.tgz#1cfc4b6b6912f77d24b874ca1506b0fe09328c21"
+  integrity sha512-gq0m0BTJfci60Fz4nczYxNAlED+sMcihltndR8t9t1evnU/azx53x3t2UHXC/uRjcbvRw/XctpaNygSTcQD+Iw==
  dependencies:
    "@eslint/eslintrc" "^1.3.0"
    "@humanwhocodes/config-array" "^0.9.2"
@@ -4152,9 +4152,9 @@ mdast-util-gfm@^2.0.0:
    mdast-util-to-markdown "^1.0.0"

 mdast-util-mdx-expression@^1.0.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/mdast-util-mdx-expression/-/mdast-util-mdx-expression-1.2.0.tgz#3e927afe27943956dc5d1c64cb949652062f71ff"
-  integrity sha512-wb36oi09XxqO9RVqgfD+xo8a7xaNgS+01+k3v0GKW0X0bYbeBmUZz22Z/IJ8SuphVlG+DNgNo9VoEaUJ3PKfJQ==
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/mdast-util-mdx-expression/-/mdast-util-mdx-expression-1.2.1.tgz#3195450498c438fbdb82838c23d9b3f8b23174da"
+  integrity sha512-BtQwyalaq6jRjx0pagtuAwGrmzL1yInrfA4EJv7GOoiPOUbR4gr6h65I+G3WTh1/Cag2Eda4ip400Ch6CFmWiA==
  dependencies:
    "@types/estree-jsx" "^0.0.1"
    "@types/hast" "^2.0.0"
@@ -5830,24 +5830,24 @@ stable@^0.1.8:
  integrity sha512-ji9qxRnOVfcuLDySj9qzhGSEFVobyt1kIOSkj1qZzYLzq7Tos/oUUWvotUPQLlrsidqsK6tBH89Bc9kL5zHA6w==

 stack-generator@^2.0.5:
-  version "2.0.5"
-  resolved "https://registry.yarnpkg.com/stack-generator/-/stack-generator-2.0.5.tgz#fb00e5b4ee97de603e0773ea78ce944d81596c36"
-  integrity sha512-/t1ebrbHkrLrDuNMdeAcsvynWgoH/i4o8EGGfX7dEYDoTXOYVAkEpFdtshlvabzc6JlJ8Kf9YdFEoz7JkzGN9Q==
+  version "2.0.10"
+  resolved "https://registry.yarnpkg.com/stack-generator/-/stack-generator-2.0.10.tgz#8ae171e985ed62287d4f1ed55a1633b3fb53bb4d"
+  integrity sha512-mwnua/hkqM6pF4k8SnmZ2zfETsRUpWXREfA/goT8SLCV4iOFa4bzOX2nDipWAZFPTjLvQB82f5yaodMVhK0yJQ==
  dependencies:
-    stackframe "^1.1.1"
+    stackframe "^1.3.4"

-stackframe@^1.1.1:
-  version "1.2.1"
-  resolved "https://registry.yarnpkg.com/stackframe/-/stackframe-1.2.1.tgz#1033a3473ee67f08e2f2fc8eba6aef4f845124e1"
-  integrity sha512-h88QkzREN/hy8eRdyNhhsO7RSJ5oyTqxxmmn0dzBIMUclZsjpfmrsg81vp8mjjAs2vAZ72nyWxRUwSwmh0e4xg==
+stackframe@^1.3.4:
+  version "1.3.4"
+  resolved "https://registry.yarnpkg.com/stackframe/-/stackframe-1.3.4.tgz#b881a004c8c149a5e8efef37d51b16e412943310"
+  integrity sha512-oeVtt7eWQS+Na6F//S4kJ2K2VbRlS9D43mAlMyVpVWovy9o+jfgH8O9agzANzaiLjclA0oYzUXEM4PurhSUChw==

 stacktrace-gps@^3.0.4:
-  version "3.0.4"
-  resolved "https://registry.yarnpkg.com/stacktrace-gps/-/stacktrace-gps-3.0.4.tgz#7688dc2fc09ffb3a13165ebe0dbcaf41bcf0c69a"
-  integrity sha512-qIr8x41yZVSldqdqe6jciXEaSCKw1U8XTXpjDuy0ki/apyTn/r3w9hDAAQOhZdxvsC93H+WwwEu5cq5VemzYeg==
+  version "3.1.2"
+  resolved "https://registry.yarnpkg.com/stacktrace-gps/-/stacktrace-gps-3.1.2.tgz#0c40b24a9b119b20da4525c398795338966a2fb0"
+  integrity sha512-GcUgbO4Jsqqg6RxfyTHFiPxdPqF+3LFmQhm7MgCuYQOYuWyqxo5pwRPz5d/u6/WYJdEnWfK4r+jGbyD8TSggXQ==
  dependencies:
    source-map "0.5.6"
-    stackframe "^1.1.1"
+    stackframe "^1.3.4"

 stacktrace-js@^2.0.2:
  version "2.0.2"
@@ -6162,15 +6162,15 @@ type-fest@^0.21.3:
  resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-0.21.3.tgz#d260a24b0198436e133fa26a524a6d65fa3b2e37"
  integrity sha512-t0rzBq87m3fVcduHDUFhKmyyX+9eo6WQjZvf51Ea/M0Q7+T374Jp1aUiyUl0GKxp8M/OETVHSDvmkyPgvX+X2w==

-typescript@^4.7.2:
+typescript@4.7.2:
  version "4.7.2"
  resolved "https://registry.yarnpkg.com/typescript/-/typescript-4.7.2.tgz#1f9aa2ceb9af87cca227813b4310fff0b51593c4"
  integrity sha512-Mamb1iX2FDUpcTRzltPxgWMKy3fhg0TN378ylbktPGPK/99KbDtMQ4W1hwgsbPAsG3a0xKa1vmw4VKZQbkvz5A==

-uglify-js@^3.15.5:
-  version "3.15.5"
-  resolved "https://registry.yarnpkg.com/uglify-js/-/uglify-js-3.15.5.tgz#2b10f9e0bfb3f5c15a8e8404393b6361eaeb33b3"
-  integrity sha512-hNM5q5GbBRB5xB+PMqVRcgYe4c8jbyZ1pzZhS6jbq54/4F2gFK869ZheiE5A8/t+W5jtTNpWef/5Q9zk639FNQ==
+uglify-js@^3.16.0:
+  version "3.16.0"
+  resolved "https://registry.yarnpkg.com/uglify-js/-/uglify-js-3.16.0.tgz#b778ba0831ca102c1d8ecbdec2d2bdfcc7353190"
+  integrity sha512-FEikl6bR30n0T3amyBh3LoiBdqHRy/f4H80+My34HOesOKyHfOsxAPAxOoqC0JUnC1amnO0IwkYC3sko51caSw==

 unbox-primitive@^1.0.2:
  version "1.0.2"