feat: 콘텐츠 및 게시판 메뉴 qrcode 조회 기능 추가

2025-06-26 14:12:11 +09:00
parent 749176a37b
commit c667d5b0a1
8 changed files with 263 additions and 44 deletions
@@ -39,7 +39,6 @@
  },
  "devDependencies": {
    "@eslint/eslintrc": "^3",
-    "@faker-js/faker": "^9.5.0",
    "@types/js-cookie": "^3.0.6",
    "@types/node": "^22.13.1",
    "@types/webpack": "^5.28.5",
@@ -4,6 +4,7 @@ const subDomain =
  process.env.NEXT_PUBLIC_SUB_DOMAIN || "http://localhost:13000";

 const nextConfig: NextConfig = {
+  output: "standalone",
  async rewrites() {
    return {
      beforeFiles: [
@@ -34,6 +34,7 @@
    "js-cookie": "^3.0.5",
    "lucide-react": "^0.474.0",
    "next": "15.3.0",
+    "next-qrcode": "^2.5.1",
    "react-chartjs-2": "^5.3.0",
    "react-dnd": "^16.0.1",
    "react-hook-form": "^7.54.2",
@@ -44,7 +45,6 @@
  },
  "devDependencies": {
    "@eslint/eslintrc": "^3",
-    "@faker-js/faker": "^9.5.0",
    "@types/js-cookie": "^3.0.6",
    "@types/node": "^22.13.1",
    "@types/webpack": "^5.28.5",
@@ -127,8 +127,10 @@ function MenuPage() {
      menuLnkgTypeCd: menuInfo?.menuLnkgTypeCd ?? MENU_TYPE.EMPTY,
      iconNm: menuInfo?.iconName,
      otptYn: menuInfo?.otptYn ?? "Y",
-      evlUseYn: menuInfo?.evlUseYn ?? "Y",
+      evlUseYn: menuInfo?.evlUseYn ?? "N",
+      qrcd: menuInfo?.qrcd ?? "N",
      useYn: menuInfo?.useYn ?? "Y",
+      newWndwYn: menuInfo?.newWndwYn ?? "N",
    },
  });

@@ -0,0 +1,81 @@
+import React, { useEffect, useRef, useState } from "react";
+import { useQRCode } from "next-qrcode";
+import {
+  Button,
+  Dialog,
+  DialogContent,
+  DialogHeader,
+  DialogTitle,
+  DialogTrigger,
+  Tooltip,
+  TooltipContent,
+  TooltipTrigger,
+} from "@common/components";
+import { useClipboard } from "@frontend-opensource/use-react-hooks";
+
+function QRCodeDialog({ url }: { url: string }) {
+  const { Canvas } = useQRCode();
+  const { copied: isCopied, copyText } = useClipboard();
+  const canvasRef = useRef<HTMLDivElement>(null);
+  const [originUrl, setOriginUrl] = useState("");
+  const qrCodeUrl = originUrl + url;
+
+  const handleDownload = () => {
+    const canvas = canvasRef.current?.querySelector("canvas");
+    if (!canvas) return;
+    const url = canvas.toDataURL("image/png");
+    const link = document.createElement("a");
+    link.href = url;
+    link.download = "qr-code.png";
+    link.click();
+  };
+
+  useEffect(() => {
+    if (typeof window === "undefined") return;
+    setOriginUrl(window.location.origin);
+  }, []);
+
+  return (
+    <Dialog>
+      <DialogTrigger asChild>
+        <Button disabled={!url}>QR 조회</Button>
+      </DialogTrigger>
+      <DialogContent>
+        <DialogHeader>
+          <DialogTitle>QR 코드 스캔</DialogTitle>
+        </DialogHeader>
+        <div className="flex items-center justify-center p-4">
+          <div ref={canvasRef}>
+            <Canvas
+              text={url}
+              options={{
+                errorCorrectionLevel: "M",
+                margin: 1,
+                width: 200,
+              }}
+            />
+          </div>
+        </div>
+        <div className="flex items-center justify-between rounded-sm bg-accent p-2 text-[1.3rem] text-accent-foreground">
+          <p className="break-all px-2">{qrCodeUrl}</p>
+          <Tooltip open={isCopied}>
+            <TooltipTrigger asChild>
+              <button
+                onClick={() => copyText(qrCodeUrl)}
+                className="size-10 shrink-0 rounded-sm hover:bg-[rgba(0,0,0,0.1)]"
+              >
+                <i className="diveicon di-clipboard" />
+              </button>
+            </TooltipTrigger>
+            <TooltipContent>
+              <span className="text-base">복사완료</span>
+            </TooltipContent>
+          </Tooltip>
+        </div>
+        <Button onClick={handleDownload}>QR 코드 다운로드</Button>
+      </DialogContent>
+    </Dialog>
+  );
+}
+
+export { QRCodeDialog };
@@ -21,6 +21,7 @@ import type { MenuFormData, MenuType } from "../model/menu-interface";
 import { OrganizationSearchDialog } from "./organization-search-dialog";
 import { ContentSearchDialog } from "./content-search-dialog";
 import { BoardSearchDialog } from "./board-search-dialog";
+import { QRCodeDialog } from "./qrcode-dialog";

 type TypeMenuFormProps = {
  form: UseFormReturn<MenuFormData>;
@@ -33,6 +34,7 @@ function TypeMenuForm({ form, menuType }: TypeMenuFormProps) {
  };

  const handleContentSelect = (content: Contents) => {
+    form.setValue("urlPath", `/cntns/${content.contsSn}`);
    form.setValue("menuLnkgSn", content.contsSn);
    form.setValue("menuLnkgSnNm", content.contsTtl);
  };
@@ -56,6 +58,14 @@ function TypeMenuForm({ form, menuType }: TypeMenuFormProps) {
    form.setValue("menuPicDsgnYmd", dayjs(date).format("YYYYMMDD"));
  };

+  const getUrlPathPlaceholder = () => {
+    if (menuType === "CONTENTS") return "콘텐츠 선택 시 자동으로 입력됩니다.";
+    if (menuType === "BOARD") return "게시판 선택 시 자동으로 입력됩니다.";
+    if (menuType === "INSIDE")
+      return "메뉴에 연결된 페이지의 경로를 입력하십시오.";
+    return "'http://' 또는 'https://'를 포함하여 입력하십시오.";
+  };
+
  return (
    <Table variant="secondary" className="-mt-[0.1rem]">
      <colgroup>
@@ -95,7 +105,8 @@ function TypeMenuForm({ form, menuType }: TypeMenuFormProps) {
            </TableCell>
          </TableRow>
        )}
-        {(menuType === "BOARD" ||
+        {(menuType === "CONTENTS" ||
+          menuType === "BOARD" ||
          menuType === "INSIDE" ||
          menuType === "OUTSIDE") && (
          <TableRow>
@@ -111,14 +122,10 @@ function TypeMenuForm({ form, menuType }: TypeMenuFormProps) {
                        {...field}
                        value={field.value ?? ""}
                        className="!text-[1.3rem]"
-                        placeholder={
-                          menuType === "BOARD"
-                            ? "게시판 선택 시 자동으로 입력됩니다."
-                            : menuType === "INSIDE"
-                              ? "메뉴에 연결된 페이지의 경로를 입력하십시오."
-                              : "'http://' 또는 'https://'를 포함하여 입력하십시오."
+                        placeholder={getUrlPathPlaceholder()}
+                        disabled={
+                          menuType === "CONTENTS" || menuType === "BOARD"
                        }
-                        disabled={menuType === "BOARD"}
                      />
                    </FormControl>
                  </FormItem>
@@ -298,31 +305,34 @@ function TypeMenuForm({ form, menuType }: TypeMenuFormProps) {
            <TableRow>
              <TableHead>QR코드</TableHead>
              <TableCell className="border">
-                <FormField
-                  control={form.control}
-                  name="qrcd"
-                  render={({ field }) => (
-                    <FormItem>
-                      <FormControl>
-                        <RadioGroup
-                          value={field.value ?? ""}
-                          onValueChange={field.onChange}
-                        >
-                          <div className="flex items-center space-x-4">
-                            <div className="flex items-center space-x-2">
-                              <RadioGroupItem value="Y" id="qrcdY" />
-                              <Label htmlFor="qrcdY">사용</Label>
+                <div className="flex items-center gap-4">
+                  <FormField
+                    control={form.control}
+                    name="qrcd"
+                    render={({ field }) => (
+                      <FormItem>
+                        <FormControl>
+                          <RadioGroup
+                            value={field.value ?? ""}
+                            onValueChange={field.onChange}
+                          >
+                            <div className="flex items-center space-x-4">
+                              <div className="flex items-center space-x-2">
+                                <RadioGroupItem value="Y" id="qrcdY" />
+                                <Label htmlFor="qrcdY">사용</Label>
+                              </div>
+                              <div className="flex items-center space-x-2">
+                                <RadioGroupItem value="N" id="qrcdN" />
+                                <Label htmlFor="qrcdN">사용안함</Label>
+                              </div>
                            </div>
-                            <div className="flex items-center space-x-2">
-                              <RadioGroupItem value="N" id="qrcdN" />
-                              <Label htmlFor="qrcdN">사용안함</Label>
-                            </div>
-                          </div>
-                        </RadioGroup>
-                      </FormControl>
-                    </FormItem>
-                  )}
-                />
+                          </RadioGroup>
+                        </FormControl>
+                      </FormItem>
+                    )}
+                  />
+                  <QRCodeDialog url={form.watch("urlPath") ?? ""} />
+                </div>
              </TableCell>
            </TableRow>
            <TableRow>
@@ -28,3 +28,4 @@ export * from "./switch";
 export * from "./table";
 export * from "./tabs";
 export * from "./textarea";
+export * from "./tooltip";
@@ -124,9 +124,6 @@ importers:
      '@eslint/eslintrc':
        specifier: ^3
        version: 3.3.0
-      '@faker-js/faker':
-        specifier: ^9.5.0
-        version: 9.5.0
      '@types/js-cookie':
        specifier: ^3.0.6
        version: 3.0.6
@@ -238,6 +235,9 @@ importers:
      next:
        specifier: 15.3.0
        version: 15.3.0(react-dom@18.3.1)(react@18.3.1)
+      next-qrcode:
+        specifier: ^2.5.1
+        version: 2.5.1(react@18.3.1)
      react-chartjs-2:
        specifier: ^5.3.0
        version: 5.3.0(chart.js@4.4.8)(react@18.3.1)
@@ -263,9 +263,6 @@ importers:
      '@eslint/eslintrc':
        specifier: ^3
        version: 3.3.0
-      '@faker-js/faker':
-        specifier: ^9.5.0
-        version: 9.5.0
      '@types/js-cookie':
        specifier: ^3.0.6
        version: 3.0.6
@@ -5185,6 +5182,11 @@ packages:
    resolution: {integrity: sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==}
    engines: {node: '>= 6'}

+  /camelcase@5.3.1:
+    resolution: {integrity: sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==}
+    engines: {node: '>=6'}
+    dev: false
+
  /caniuse-lite@1.0.30001701:
    resolution: {integrity: sha512-faRs/AW3jA9nTwmJBSO1PQ6L/EOgsB5HMQQq4iCu5zhPgVVgO/pZRHlmatwijZKetFw8/Pr4q6dEN8sJuq8qTw==}

@@ -5271,6 +5273,14 @@ packages:
    resolution: {integrity: sha512-IV3Ou0jSMzZrd3pZ48nLkT9DA7Ag1pnPzaiQhpW7c3RbcqqzvzzVu+L8gfqMp/8IM2MQtSiqaCxrrcfu8I8rMA==}
    dev: false

+  /cliui@6.0.0:
+    resolution: {integrity: sha512-t6wbgtoCXvAzst7QgXxJYqPt0usEfbgQdftEPbLL/cvv6HPE5VgvqCuAIDR0NgU52ds6rFwqrgakNLrHEjCbrQ==}
+    dependencies:
+      string-width: 4.2.3
+      strip-ansi: 6.0.1
+      wrap-ansi: 6.2.0
+    dev: false
+
  /cliui@8.0.1:
    resolution: {integrity: sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==}
    engines: {node: '>=12'}
@@ -5545,6 +5555,11 @@ packages:
      ms: 2.1.3
    dev: true

+  /decamelize@1.2.0:
+    resolution: {integrity: sha512-z2S+W9X73hAUUki+N+9Za2lBlun89zigOyGrsax+KUQ6wKW4ZoWpEYBkGhQjwAjjDCkWxhY0VKEhk8wzY7F5cA==}
+    engines: {node: '>=0.10.0'}
+    dev: false
+
  /decimal.js-light@2.5.1:
    resolution: {integrity: sha512-qIMFpTMZmny+MMIitAB6D7iVPEorVw6YQRWkvarTkT4tBeSLLiHzcwj6q0MmYSFCiVpiqPJTJEYIrpcPzVEIvg==}
    dev: false
@@ -5695,6 +5710,10 @@ packages:
  /didyoumean@1.2.2:
    resolution: {integrity: sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw==}

+  /dijkstrajs@1.0.3:
+    resolution: {integrity: sha512-qiSlmBq9+BCdCA/L46dw8Uy93mloxsPSbwnm5yrKn2vMPiy8KyAskTF6zuV/j5BMsmOGZDPs7KjU+mjb670kfA==}
+    dev: false
+
  /dlv@1.1.3:
    resolution: {integrity: sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==}

@@ -6509,6 +6528,14 @@ packages:
    dependencies:
      to-regex-range: 5.0.1

+  /find-up@4.1.0:
+    resolution: {integrity: sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==}
+    engines: {node: '>=8'}
+    dependencies:
+      locate-path: 5.0.0
+      path-exists: 4.0.0
+    dev: false
+
  /find-up@5.0.0:
    resolution: {integrity: sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==}
    engines: {node: '>=10'}
@@ -6649,7 +6676,6 @@ packages:
  /get-caller-file@2.0.5:
    resolution: {integrity: sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==}
    engines: {node: 6.* || 8.* || >= 10.*}
-    dev: true

  /get-intrinsic@1.3.0:
    resolution: {integrity: sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==}
@@ -7316,6 +7342,13 @@ packages:
    engines: {node: '>=6.11.5'}
    dev: true

+  /locate-path@5.0.0:
+    resolution: {integrity: sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==}
+    engines: {node: '>=8'}
+    dependencies:
+      p-locate: 4.1.0
+    dev: false
+
  /locate-path@6.0.0:
    resolution: {integrity: sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==}
    engines: {node: '>=10'}
@@ -7560,6 +7593,16 @@ packages:
    resolution: {integrity: sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==}
    dev: true

+  /next-qrcode@2.5.1(react@18.3.1):
+    resolution: {integrity: sha512-ibiS1+p+myjurC1obVIgo7UCjFhxm0SNYTkikahQVmnyzlfREOdUCf2f77Vbz6W6q2zfx5Eww2/20vbgkLNdLw==}
+    engines: {node: '>=8', npm: '>=5'}
+    peerDependencies:
+      react: ^18.3.1
+    dependencies:
+      qrcode: 1.5.4
+      react: 18.3.1
+    dev: false
+
  /next@15.1.7(react-dom@18.3.1)(react@18.3.1):
    resolution: {integrity: sha512-GNeINPGS9c6OZKCvKypbL8GTsT5GhWPp4DM0fzkXJuXMilOO2EeFxuAY6JZbtk6XIl6Ws10ag3xRINDjSO5+wg==}
    engines: {node: ^18.18.0 || ^19.8.0 || >= 20.0.0}
@@ -7794,6 +7837,13 @@ packages:
      safe-push-apply: 1.0.0
    dev: true

+  /p-limit@2.3.0:
+    resolution: {integrity: sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==}
+    engines: {node: '>=6'}
+    dependencies:
+      p-try: 2.2.0
+    dev: false
+
  /p-limit@3.1.0:
    resolution: {integrity: sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==}
    engines: {node: '>=10'}
@@ -7801,6 +7851,13 @@ packages:
      yocto-queue: 0.1.0
    dev: true

+  /p-locate@4.1.0:
+    resolution: {integrity: sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==}
+    engines: {node: '>=8'}
+    dependencies:
+      p-limit: 2.3.0
+    dev: false
+
  /p-locate@5.0.0:
    resolution: {integrity: sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==}
    engines: {node: '>=10'}
@@ -7808,6 +7865,11 @@ packages:
      p-limit: 3.1.0
    dev: true

+  /p-try@2.2.0:
+    resolution: {integrity: sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==}
+    engines: {node: '>=6'}
+    dev: false
+
  /package-json-from-dist@1.0.1:
    resolution: {integrity: sha512-UEZIS3/by4OC8vL3P2dTXRETpebLI2NiI5vIrjaD/5UtrkFX/tNbwjTSRAGC/+7CAo2pIcBaRgWmcBBHcsaCIw==}

@@ -7843,7 +7905,6 @@ packages:
  /path-exists@4.0.0:
    resolution: {integrity: sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==}
    engines: {node: '>=8'}
-    dev: true

  /path-key@3.1.1:
    resolution: {integrity: sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==}
@@ -7917,6 +7978,11 @@ packages:
    engines: {node: '>=4'}
    dev: true

+  /pngjs@5.0.0:
+    resolution: {integrity: sha512-40QW5YalBNfQo5yRYmiw7Yz6TKKVr3h6970B2YE+3fQpsWcrbj1PzJgxeJ19DRQjhMbKPIuMY8rFaXc8moolVw==}
+    engines: {node: '>=10.13.0'}
+    dev: false
+
  /polished@4.3.1:
    resolution: {integrity: sha512-OBatVyC/N7SCW/FaDHrSd+vn0o5cS855TOmYi4OkdWUMSJCET/xip//ch8xGUvtr3i44X9LVyWwQlRMTN3pwSA==}
    engines: {node: '>=10'}
@@ -8189,6 +8255,16 @@ packages:
    engines: {node: '>=6'}
    dev: true

+  /qrcode@1.5.4:
+    resolution: {integrity: sha512-1ca71Zgiu6ORjHqFBDpnSMTR2ReToX4l1Au1VFLyVeBTFavzQnv5JxMFr3ukHVKpSrSA2MCk0lNJSykjUfz7Zg==}
+    engines: {node: '>=10.13.0'}
+    hasBin: true
+    dependencies:
+      dijkstrajs: 1.0.3
+      pngjs: 5.0.0
+      yargs: 15.4.1
+    dev: false
+
  /querystringify@2.2.0:
    resolution: {integrity: sha512-FIqgj2EUvTa7R50u0rGsyTftzjYmv/a3hO345bZNrqabNqjtgiDMgmo4mkUjd+nzU5oF3dClKqFIPUKybUyqoQ==}
    dev: false
@@ -8596,13 +8672,16 @@ packages:
  /require-directory@2.1.1:
    resolution: {integrity: sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==}
    engines: {node: '>=0.10.0'}
-    dev: true

  /require-from-string@2.0.2:
    resolution: {integrity: sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==}
    engines: {node: '>=0.10.0'}
    dev: true

+  /require-main-filename@2.0.0:
+    resolution: {integrity: sha512-NKN5kMDylKuldxYLSUfrbo5Tuzh4hd+2E8NPPX02mZtn1VuREQToYe/ZdlJy+J3uCpfaiGF05e7B8W0iXbQHmg==}
+    dev: false
+
  /requires-port@1.0.0:
    resolution: {integrity: sha512-KigOCHcocU3XODJxsu8i/j8T9tzT4adHiecwORRQ0ZZFcp7ahwXuRU1m+yuO90C5ZUyGeGfocHDI14M3L3yDAQ==}
    dev: false
@@ -8763,6 +8842,10 @@ packages:
      randombytes: 2.1.0
    dev: true

+  /set-blocking@2.0.0:
+    resolution: {integrity: sha512-KiKBS8AnWGEyLzofFfmvKwpdPzqiy16LvQfK3yv/fVH7Bj13/wl3JSR1J+rfgRE9q7xUJK4qvgS8raSOeLUehw==}
+    dev: false
+
  /set-function-length@1.2.2:
    resolution: {integrity: sha512-pgRc4hJ4/sNjWCSS9AmnS40x3bNMDTknHgL5UaMBTMyJnU90EgWh1Rz+MC9eFu4BuN/UwZjKQuY/1v3rM7HMfg==}
    engines: {node: '>= 0.4'}
@@ -10008,6 +10091,10 @@ packages:
      is-weakset: 2.0.4
    dev: true

+  /which-module@2.0.1:
+    resolution: {integrity: sha512-iBdZ57RDvnOR9AGBhML2vFZf7h8vmBjhoaZqODJBFWHVtKkDmKuHai3cx5PgVMrX5YDNp27AofYbAwctSS+vhQ==}
+    dev: false
+
  /which-typed-array@1.1.18:
    resolution: {integrity: sha512-qEcY+KJYlWyLH9vNbsr6/5j59AXk5ni5aakf8ldzBvGde6Iz4sxZGkJyWSAueTG7QhOvNRYb1lDdFmL5Td0QKA==}
    engines: {node: '>= 0.4'}
@@ -10046,6 +10133,15 @@ packages:
    engines: {node: '>=0.8'}
    dev: false

+  /wrap-ansi@6.2.0:
+    resolution: {integrity: sha512-r6lPcBGxZXlIcymEu7InxDMhdW0KDxpLgoFLcguasxCaJ/SOIZwINatK9KY/tf+ZrlywOKU0UDj3ATXUBfxJXA==}
+    engines: {node: '>=8'}
+    dependencies:
+      ansi-styles: 4.3.0
+      string-width: 4.2.3
+      strip-ansi: 6.0.1
+    dev: false
+
  /wrap-ansi@7.0.0:
    resolution: {integrity: sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==}
    engines: {node: '>=10'}
@@ -10102,6 +10198,10 @@ packages:
    resolution: {integrity: sha512-RqM+2o1RYs6T8+3DzDSoTRAUfrvaejbVHcp3+thnAtDKo8LskR+HomLajEy5UjTz24rpka7AxVBRR3g2wTUkJA==}
    dev: false

+  /y18n@4.0.3:
+    resolution: {integrity: sha512-JKhqTOwSrqNA1NY5lSztJ1GrBiUodLMmIZuLiDaMRJ+itFd+ABVE8XBjOvIWL+rSqNDC74LCSFmlb/U4UZ4hJQ==}
+    dev: false
+
  /y18n@5.0.8:
    resolution: {integrity: sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==}
    engines: {node: '>=10'}
@@ -10116,11 +10216,36 @@ packages:
    engines: {node: '>= 14'}
    hasBin: true

+  /yargs-parser@18.1.3:
+    resolution: {integrity: sha512-o50j0JeToy/4K6OZcaQmW6lyXXKhq7csREXcDwk2omFPJEwUNOVtJKvmDr9EI1fAJZUyZcRF7kxGBWmRXudrCQ==}
+    engines: {node: '>=6'}
+    dependencies:
+      camelcase: 5.3.1
+      decamelize: 1.2.0
+    dev: false
+
  /yargs-parser@21.1.1:
    resolution: {integrity: sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==}
    engines: {node: '>=12'}
    dev: true

+  /yargs@15.4.1:
+    resolution: {integrity: sha512-aePbxDmcYW++PaqBsJ+HYUFwCdv4LVvdnhBy78E57PIor8/OVvhMrADFFEDh8DHDFRv/O9i3lPhsENjO7QX0+A==}
+    engines: {node: '>=8'}
+    dependencies:
+      cliui: 6.0.0
+      decamelize: 1.2.0
+      find-up: 4.1.0
+      get-caller-file: 2.0.5
+      require-directory: 2.1.1
+      require-main-filename: 2.0.0
+      set-blocking: 2.0.0
+      string-width: 4.2.3
+      which-module: 2.0.1
+      y18n: 4.0.3
+      yargs-parser: 18.1.3
+    dev: false
+
  /yargs@17.7.2:
    resolution: {integrity: sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w==}
    engines: {node: '>=12'}