@blockspoon/cert-badge-renderer 1.0.2 → 1.0.4

package/test/test.js

@@ -13,514 +13,173 @@ const { generateDesignFile } = require("../dist/utils/generateDesignFile");
 const test_object = {
   statusCode: 200,
   message: "인증서 양식이 조회되었습니다.",
-  achievementForm: {
-    id: 551,
-    name: "sandbox-achievement",
-    description: "sandbox-achievement",
-    type: "completion",
-    tags: ["sandbox", "test", "api"],
-    prefix: "SAND",
-    program_type: "community",
-    program_name: "kolleges",
-    program_url: "https://landing.kolleges.net/",
-    course_begin_at: "2025-04-01T00:00:00.000Z",
-    course_end_at: "2025-04-07T00:00:00.000Z",
-    created_at: "2025-04-06T21:38:26.918Z",
-    updated_at: "2025-04-06T21:38:26.918Z",
-    club: {
-      domain: "sandbox",
-      customData: [],
-    },
-    clubInstitutions: [],
-    representativeInstitution: null,
-    requirements: [
-      {
-        type: "read",
-        url: "https://landing.kolleges.net/",
-        description: "kolleges landing",
-      },
-      {
-        type: "submit_homework",
-        url: "https://admin.kolleges.net/ko/onboard/sign_in",
-        description: "kolleges main",
-      },
-    ],
-    achievementCertificateDesign: {
-      id: 165,
-      name: "sandbox-certificate-v1",
-      main_color: "#7657FA",
-      sub_color: "#CABDFF",
-      extra_color_1: null,
-      extra_color_2: null,
-      layout_json: [
-        {
-          controlType: "text",
-          designType: "text",
-          text: "CERTIFICATE of QUALIFICATION",
-          fontSize: 20,
-          fontWeight: "700",
-          textAlign: "left",
-          fontFamily: "'BR Firma', sans-serif",
-          width: 500,
-          height: 50,
-          x: 83,
-          y: 174,
-          order: 0,
-          id: "0",
-        },
-        {
-          controlType: "text",
-          designType: "props",
-          type: "achievement",
-          bindingKey: "name",
-          text: "[인증서.제목]",
-          fontSize: 40,
-          fontWeight: "600",
-          textAlign: "left",
-          fontFamily: "Pretendard, sans-serif",
-          width: 500,
-          height: 50,
-          x: 87,
-          y: 214,
-          order: 1,
-          id: "1",
-        },
-        {
-          controlType: "text",
-          designType: "props",
-          type: "user",
-          bindingKey: "name",
-          text: "[수령자.이름]",
-          fontSize: 44,
-          fontWeight: "600",
-          textAlign: "left",
-          fontFamily: "Pretendard, sans-serif",
-          width: 500,
-          height: 60,
-          x: 87,
-          y: 306,
-          order: 2,
-          id: "2",
-        },
-        {
-          controlType: "text",
-          designType: "props",
-          type: "achievement",
-          bindingKey: "description",
-          text: "[인증서.설명]",
-          fontSize: 24,
-          fontWeight: "400",
-          textAlign: "left",
-          fontFamily: "Pretendard, sans-serif",
-          width: 648,
-          height: 68,
-          x: 87,
-          y: 392,
-          order: 3,
-          id: "3",
-        },
-        {
-          controlType: "text",
-          designType: "props",
-          type: "achievement",
-          bindingKey: "tags",
-          text: "[인증서.스킬태그]",
-          fontSize: 16,
-          fontWeight: "400",
-          textAlign: "left",
-          color: "#6B7684",
-          fontFamily: "Pretendard, sans-serif",
-          width: 648,
-          height: 68,
-          x: 87,
-          y: 501,
-          order: 4,
-          id: "4",
-        },
-        {
-          controlType: "text",
-          designType: "text",
-          text: "수료기간",
-          fontSize: 16,
-          fontWeight: "600",
-          textAlign: "left",
-          fontFamily: "Pretendard, sans-serif",
-          width: 150,
-          height: 21,
-          x: 87,
-          y: 635,
-          order: 5,
-          id: "5",
-        },
-        {
-          controlType: "text",
-          designType: "props",
-          type: "achievement",
-          bindingKey: "period",
-          text: "[인증서.수료기간]",
-          fontSize: 16,
-          fontWeight: "400",
-          textAlign: "left",
-          fontFamily: "Pretendard, sans-serif",
-          width: 200,
-          height: 21,
-          x: 87,
-          y: 664,
-          order: 6,
-          id: "6",
-        },
-        {
-          controlType: "text",
-          designType: "text",
-          text: "발급일",
-          fontSize: 16,
-          fontWeight: "600",
-          textAlign: "left",
-          fontFamily: "Pretendard, sans-serif",
-          width: 150,
-          height: 21,
-          x: 295,
-          y: 635,
-          order: 7,
-          id: "7",
-        },
-        {
-          controlType: "text",
-          designType: "props",
-          type: "achievement",
-          bindingKey: "created_at",
-          text: "[인증서.발급일]",
-          fontSize: 16,
-          fontWeight: "400",
-          textAlign: "left",
-          fontFamily: "Pretendard, sans-serif",
-          width: 200,
-          height: 21,
-          x: 295,
-          y: 664,
-          order: 8,
-          id: "8",
-        },
-        {
-          controlType: "text",
-          designType: "text",
-          text: "발급기관",
-          fontSize: 16,
-          fontWeight: "600",
-          textAlign: "left",
-          fontFamily: "Pretendard, sans-serif",
-          width: 150,
-          height: 21,
-          x: 487,
-          y: 635,
-          order: 9,
-          id: "9",
-        },
-        {
-          controlType: "text",
-          designType: "props",
-          type: "club",
-          bindingKey: "name",
-          text: "[발급기관[1].이름]",
-          fontSize: 16,
-          fontWeight: "400",
-          textAlign: "left",
-          fontFamily: "Pretendard, sans-serif",
-          width: 160,
-          height: 30,
-          x: 487,
-          y: 664,
-          order: 10,
-          id: "10",
-        },
-        {
-          controlType: "text",
-          designType: "props",
-          type: "club",
-          bindingKey: "name_1",
-          text: "[발급기관[2].이름]",
-          fontSize: 16,
-          fontWeight: "400",
-          textAlign: "left",
-          fontFamily: "Pretendard, sans-serif",
-          width: 160,
-          height: 30,
-          x: 640,
-          y: 664,
-          order: 11,
-          id: "11",
-        },
-        {
-          controlType: "text",
-          designType: "props",
-          type: "club",
-          bindingKey: "name_2",
-          text: "[발급기관[3].이름]",
-          fontSize: 16,
-          fontWeight: "400",
-          textAlign: "left",
-          fontFamily: "Pretendard, sans-serif",
-          width: 160,
-          height: 30,
-          x: 487,
-          y: 690,
-          order: 12,
-          id: "12",
-        },
-        {
-          controlType: "text",
-          designType: "props",
-          type: "achievement",
-          bindingKey: "certificate_number",
-          text: "[인증서.발급코드]",
-          fontSize: 16,
-          fontWeight: "400",
-          textAlign: "right",
-          fontFamily: "Pretendard, sans-serif",
-          width: 200,
-          height: 70,
-          x: 790,
-          y: 701,
-          order: 13,
-          id: "13",
-        },
-        {
-          controlType: "image",
-          designType: "props",
-          type: "club",
-          bindingKey: "sign_image",
-          src: "",
-          text: "[발급기관[1].직인]",
-          fontSize: 16,
-          fontWeight: "400",
-          textAlign: "center",
-          fontFamily: "Pretendard, sans-serif",
-          width: 80,
-          height: 80,
-          x: 549,
-          y: 583,
-          order: 14,
-          id: "14",
-        },
-        {
-          controlType: "image",
-          designType: "props",
-          type: "club",
-          bindingKey: "sign_image_1",
-          src: "",
-          text: "[발급기관[2].직인]",
-          fontSize: 16,
-          fontWeight: "400",
-          textAlign: "center",
-          fontFamily: "Pretendard, sans-serif",
-          width: 80,
-          height: 80,
-          x: 629,
-          y: 583,
-          order: 15,
-          id: "15",
-        },
-        {
-          controlType: "image",
-          designType: "props",
-          type: "club",
-          bindingKey: "sign_image_2",
-          src: "",
-          text: "[발급기관[3].직인]",
-          fontSize: 16,
-          fontWeight: "400",
-          textAlign: "center",
-          fontFamily: "Pretendard, sans-serif",
-          width: 80,
-          height: 80,
-          x: 709,
-          y: 583,
-          order: 16,
-          id: "16",
-        },
-        {
-          controlType: "image",
-          designType: "props",
-          type: "club",
-          bindingKey: "club_symbol",
-          src: "",
-          text: "[발급기관[1].심볼]",
-          fontSize: 16,
-          fontWeight: "400",
-          textAlign: "center",
-          fontFamily: "Pretendard, sans-serif",
-          width: 90,
-          height: 90,
-          x: 852,
-          y: 92,
-          order: 17,
-          id: "17",
-        },
-        {
-          controlType: "image",
-          designType: "props",
-          type: "club",
-          bindingKey: "club_symbol_1",
-          src: "",
-          text: "[발급기관[2].심볼]",
-          fontSize: 16,
-          fontWeight: "400",
-          textAlign: "center",
-          fontFamily: "Pretendard, sans-serif",
-          width: 90,
-          height: 90,
-          x: 974,
-          y: 92,
-          order: 18,
-          id: "18",
-        },
-        {
-          controlType: "image",
-          designType: "props",
-          type: "achievement",
-          bindingKey: "qr_code",
-          src: "",
-          text: "[인증서.QR코드]",
-          fontSize: 16,
-          fontWeight: "400",
-          textAlign: "center",
-          fontFamily: "Pretendard, sans-serif",
-          width: 90,
-          height: 90,
-          x: 989,
-          y: 639,
-          order: 19,
-          id: "19",
-        },
-        {
-          controlType: "image",
-          designType: "props",
-          type: "achievement",
-          bindingKey: "badge",
-          src: "",
-          text: "[인증서.배지]",
-          fontSize: 16,
-          fontWeight: "400",
-          textAlign: "center",
-          fontFamily: "Pretendard, sans-serif",
-          width: 280,
-          height: 280,
-          x: 784,
-          y: 305.5,
-          order: 20,
-          id: "20",
-        },
+  achievement: {
+    id: 1450,
+    certificate_number: "CERT-202504-123456",
+    expiration_date: "2025-12-02T00:00:00.000Z",
+    is_received: false,
+    issuance_method: "EMAIL",
+    created_at: "2025-04-18T00:00:00.000Z",
+    updated_at: "2025-04-06T18:17:39.116Z",
+    user: {
+      email: "eogks999@naver.com",
+      name: "김천재",
+      avatar: [
+        "https://ufcglnoegwgklehhpzlj.supabase.co/storage/v1/object/public/blockspoon_images/uploads/user/avatar/background.webp",
+        "https://ufcglnoegwgklehhpzlj.supabase.co/storage/v1/object/public/blockspoon_images/uploads/user/avatar/clothes.webp",
+        "https://ufcglnoegwgklehhpzlj.supabase.co/storage/v1/object/public/blockspoon_images/uploads/user/avatar/face.webp",
+        "https://ufcglnoegwgklehhpzlj.supabase.co/storage/v1/object/public/blockspoon_images/uploads/user/avatar/eye.webp",
+        "https://ufcglnoegwgklehhpzlj.supabase.co/storage/v1/object/public/blockspoon_images/uploads/user/avatar/hair.webp",
+        "https://ufcglnoegwgklehhpzlj.supabase.co/storage/v1/object/public/blockspoon_images/uploads/user/avatar/mouth.webp",
+        "https://ufcglnoegwgklehhpzlj.supabase.co/storage/v1/object/public/blockspoon_images/uploads/user/avatar/accessory.webp",
       ],
-      template_type: "NewCertificateType7Single",
-      created_at: "2025-04-09T18:37:39.696Z",
-      updated_at: "2025-04-09T18:37:39.696Z",
+      deleted_at: null,
       image: null,
+      profileImageType: "avatar",
     },
-    achievementBadgeDesign: {
-      id: 83,
-      name: "sandbox-badge-v1",
-      main_color: "#322899",
-      sub_color: "#7468E8",
-      extra_color_1: null,
-      extra_color_2: null,
-      layout_json: [
-        {
-          controlType: "svg",
-          designType: "badge",
-          componentName: "BadgeType31",
-          background: "transparent",
-          width: 538,
-          height: 594,
-          x: 31.00006103515625,
-          y: 3,
-          text: "BadgeType31",
-          mainColor: "#322899",
-          subColor: "#7368E8",
-          order: 0,
-          id: "0",
-        },
-        {
-          controlType: "svg",
-          designType: "icon",
-          componentName: "IconMortarboard3",
-          background: "transparent",
-          width: 240,
-          height: 222,
-          x: 188,
-          y: 134,
-          text: "IconMortarboard3",
-          mainColor: "#322899",
-          subColor: "#7468e8",
-          extraColor1: "#ffffff",
-          order: 1,
-          id: "1",
-        },
-        {
-          controlType: "text",
-          designType: "text",
-          text: "· CERTIFICATE of COMPLETION ·",
-          fontSize: 16,
-          fontWeight: "600",
-          textAlign: "center",
-          fontFamily: "Pretendard, sans-serif",
-          color: "white",
-          width: 332,
-          height: 50,
-          x: 135,
-          y: 122,
-          order: 2,
-          id: "2",
-        },
-        {
-          controlType: "text",
-          designType: "props",
-          type: "achievement",
-          bindingKey: "name",
-          text: "[인증서.제목]",
-          fontSize: 40,
-          fontWeight: "700",
-          textAlign: "center",
-          fontFamily: "Pretendard, sans-serif",
-          color: "black",
-          width: 375,
-          height: 108,
-          x: 115,
-          y: 398,
-          order: 3,
-          id: "3",
-        },
-        {
-          controlType: "image",
-          designType: "props",
-          type: "club",
-          bindingKey: "club_symbol",
-          src: "",
-          text: "[발급기관[1].심볼]",
-          fontSize: 16,
-          fontWeight: "400",
-          textAlign: "center",
-          fontFamily: "Pretendard, sans-serif",
-          width: 65,
-          height: 65,
-          x: 415,
-          y: 243,
-          order: 4,
-          id: "4",
-        },
-      ],
-      template_type: "NewBadgeType31",
-      created_at: "2025-04-09T18:37:27.940Z",
-      updated_at: "2025-04-09T18:37:27.940Z",
-      image: null,
+    achievementForm: {
+      id: 496,
+      name: "OpenApi 테스트 인증서",
+      achievementBadgeDesign: {
+        id: 64,
+        name: "배지리본합체!",
+        main_color: "#FF1B64",
+        sub_color: "#FF8FB1",
+        extra_color_1: "#000000",
+        extra_color_2: "#000000",
+        layout_json: [
+          {
+            id: "badge-1742881999662",
+            controlType: "svg",
+            designType: "badge",
+            componentName: "BadgeType63",
+            background: "transparent",
+            width: 500,
+            height: 530,
+            x: 48,
+            y: 44,
+            order: 1,
+            text: "BadgeType63",
+            mainColor: "#FF1B64",
+            subColor: "#FF91B2",
+            extraColor1: "yellow",
+            extraColor2: "green",
+          },
+          {
+            id: "ribbon-1742881765599",
+            controlType: "svg",
+            designType: "ribbon",
+            componentName: "RibbonType7",
+            background: "transparent",
+            width: 510,
+            height: 210,
+            x: 45,
+            y: 195,
+            order: 2,
+            text: "RibbonType7",
+            mainColor: "#FF1B64",
+            subColor: "#FF91B2",
+          },
+          {
+            id: "2",
+            order: 3,
+            controlType: "text",
+            designType: "props",
+            type: "club",
+            bindingKey: "name",
+            text: "미세먼지 그만",
+            fontSize: 28,
+            fontWeight: "700",
+            textAlign: "center",
+            fontFamily: "Pretendard, sans-serif",
+            color: "black",
+            width: 335,
+            height: 50,
+            x: 135,
+            y: 405,
+          },
+          {
+            id: "club-symbol",
+            order: 3,
+            controlType: "image",
+            designType: "props",
+            type: "club",
+            bindingKey: "club_symbol",
+            src: "https://ufcglnoegwgklehhpzlj.supabase.co/storage/v1/object/public/blockspoon_images/uploads/club/symbol/8a4656a6-eda5-4356-8240-155e70982e0e",
+            text: "[발급기관[1].심볼]",
+            fontSize: 16,
+            fontWeight: "400",
+            textAlign: "center",
+            fontFamily: "Pretendard, sans-serif",
+            width: 90,
+            height: 90,
+            x: 423,
+            y: 86,
+          },
+          {
+            id: "0",
+            order: 4,
+            controlType: "text",
+            designType: "text",
+            text: "· CERTIFICATE of COMPLETION ·",
+            fontSize: 16,
+            fontWeight: "600",
+            textAlign: "center",
+            fontFamily: "Pretendard, sans-serif",
+            color: "black",
+            width: 279,
+            height: 38,
+            x: 162,
+            y: 172,
+          },
+          {
+            id: "1",
+            order: 5,
+            controlType: "text",
+            designType: "props",
+            type: "achievement",
+            bindingKey: "name",
+            text: "OpenApi 테스트 인증서",
+            fontSize: 48,
+            fontWeight: "700",
+            textAlign: "center",
+            fontFamily: "Pretendard, sans-serif",
+            width: 360,
+            height: 120,
+            x: 125,
+            y: 240,
+          },
+        ],
+        template_type: "NewBadgeTypeEmpty",
+        created_at: "2025-04-09T18:37:27.940Z",
+        updated_at: "2025-04-09T18:37:27.940Z",
+      },
+      club: {
+        domain: "ddenzu2",
+        name: "미세먼지 그만",
+        type: "school",
+        images: [
+          {
+            path: "https://ufcglnoegwgklehhpzlj.supabase.co/storage/v1/object/public/blockspoon_images/uploads/club/logo/5af4890f-8906-4562-92ee-d511742e5d39",
+            type: "club_logo",
+          },
+          {
+            path: "https://ufcglnoegwgklehhpzlj.supabase.co/storage/v1/object/public/blockspoon_images/uploads/club/symbol/8a4656a6-eda5-4356-8240-155e70982e0e",
+            type: "club_symbol",
+          },
+          {
+            path: "https://ufcglnoegwgklehhpzlj.supabase.co/storage/v1/object/public/blockspoon_images/uploads/achievement/form/sign/fb38b4e8-5a26-40a2-b827-7e8044f058a6",
+            type: "sign_image",
+          },
+        ],
+      },
     },
   },
 };
 
 const testCertificateData = {
   // user: test_object.achievement.user,
-  user: {},
-  kollegeInfo: test_object.achievementForm.club,
-  achievementInfo: test_object.achievementForm,
+  achievementInfo: test_object.achievement,
 };
 const testOptions = {
   type: "badge",
@@ -528,71 +187,61 @@ const testOptions = {
   returnType: "base64",
 };
 
-
-const testDesignData = {
-  layout_json: test_object.achievementForm.achievementBadgeDesign.layout_json,
-  template_type:
-    test_object.achievementForm.achievementBadgeDesign.template_type,
-  main_color: test_object.achievementForm.achievementBadgeDesign.main_color,
-  sub_color: test_object.achievementForm.achievementBadgeDesign.sub_color,
-};
-
-
 async function runTests() {
   try {
     // HTML 변환 테스트
-    const htmlOutput = await generateDesignHTML(testDesignData, {
-      size: 300,
-    });
-    fs.writeFileSync("test/certificate.html", htmlOutput, "utf8");
-    console.log("✅ HTML 변환 완료: test/certificate.html");
-
-    // PNG 변환 테스트
-    const pngResult = await generateDesignFile(testDesignData, {
-      size: 300,
-    });
-    fs.writeFileSync("test/certificate.png", pngResult.buffer);
-    console.log("✅ PNG 변환 완료: test/certificate.png");
-
-    // // HTML 변환 테스트
-    // const htmlOutput = await generateAchievementHTML(testCertificateData, {
-    //   type: "badge",
+    // const htmlOutput = await generateDesignHTML(testDesignData, {
     //   size: 300,
-    //   noSpace: false,
-    //   mainColor: "#322899",
-    //   subColor: "#7368E8",
     // });
     // fs.writeFileSync("test/certificate.html", htmlOutput, "utf8");
     // console.log("✅ HTML 변환 완료: test/certificate.html");
 
     // // PNG 변환 테스트
-    // const pngResult = await generateAchievementFile(
-    //   testCertificateData,
-    //   testOptions
-    // );
+    // const pngResult = await generateDesignFile(testDesignData, {
+    //   size: 300,
+    // });
+    // fs.writeFileSync("test/certificate.png", pngResult.buffer);
+    // console.log("✅ PNG 변환 완료: test/certificate.png");
+
+    // // HTML 변환 테스트
+    const htmlOutput = await generateAchievementHTML(testCertificateData.achievementInfo, {
+      type: "badge",
+      size: 300,
+      noSpace: false,
+      mainColor: "#322899",
+      subColor: "#7368E8",
+    });
+    fs.writeFileSync("test/certificate.html", htmlOutput, "utf8");
+    // console.log("✅ HTML 변환 완료: test/certificate.html");
+
+    // PNG 변환 테스트
+    const pngResult = await generateAchievementFile(
+      testCertificateData.achievementInfo,
+      testOptions
+    );
 
-    // if (testOptions.returnType === "base64") {
-    //   console.log("✅ Base64 변환 완료");
-    //   // base64 문자열에서 data:image/png;base64, 부분 제거
-    //   const base64Data = pngResult.base64.replace(
-    //     /^data:image\/png;base64,/,
-    //     ""
-    //   );
-    //   // base64를 버퍼로 변환
-    //   const buffer = Buffer.from(base64Data, "base64");
-    //   // 이미지 파일로 저장
-    //   await fsPromises.writeFile(
-    //     path.join(__dirname, "certificate_base64.png"),
-    //     buffer
-    //   );
-    //   console.log("✅ Base64 이미지 저장 완료: test/certificate_base64.png");
-    // } else {
-    //   await fsPromises.writeFile(
-    //     path.join(__dirname, "certificate.png"),
-    //     pngResult.buffer
-    //   );
-    //   console.log("✅ PNG 변환 완료: test/certificate.png");
-    // }
+    if (testOptions.returnType === "base64") {
+      console.log("✅ Base64 변환 완료");
+      // base64 문자열에서 data:image/png;base64, 부분 제거
+      const base64Data = pngResult.base64.replace(
+        /^data:image\/png;base64,/,
+        ""
+      );
+      // base64를 버퍼로 변환
+      const buffer = Buffer.from(base64Data, "base64");
+      // 이미지 파일로 저장
+      await fsPromises.writeFile(
+        path.join(__dirname, "certificate_base64.png"),
+        buffer
+      );
+      console.log("✅ Base64 이미지 저장 완료: test/certificate_base64.png");
+    } else {
+      await fsPromises.writeFile(
+        path.join(__dirname, "certificate.png"),
+        pngResult.buffer
+      );
+      console.log("✅ PNG 변환 완료: test/certificate.png");
+    }
   } catch (error) {
     console.error("❌ 테스트 실행 중 오류 발생:", error);
   }