@blockspoon/cert-badge-renderer 1.0.25 → 1.0.27

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/dist/cjs/interface/index.d.ts +1 -0
  2. package/dist/cjs/utils/generateAchievementHTML.js +1 -1
  3. package/dist/cjs/utils/generateDesignHTML.js +1 -0
  4. package/dist/esm/interface/index.d.ts +1 -0
  5. package/dist/esm/utils/generateAchievementHTML.js +1 -1
  6. package/dist/esm/utils/generateDesignHTML.js +1 -0
  7. package/package.json +1 -1
  8. package/src/interface/index.ts +1 -0
  9. package/src/utils/generateAchievementHTML.ts +7 -4
  10. package/src/utils/generateDesignHTML.ts +1 -0
package/dist/cjs/interface/index.d.ts CHANGED
@@ -87,6 +87,7 @@ export interface ElementStyle {
87
87
  extraColor2?: string;
88
88
  isVertical?: boolean;
89
89
  lineWidth?: number;
90
+ opacity?: number;
90
91
  }
91
92
  export interface IAchievementDesignItem {
92
93
  id: number;
package/dist/cjs/utils/generateAchievementHTML.js CHANGED
@@ -19,7 +19,6 @@ async function generateAchievementHTML(achievementInfo, options = {}) {
19
19
  else {
20
20
  achievementForm = achievementInfo;
21
21
  }
22
- console.log(achievementForm);
23
22
  // type에 따라 적절한 layout_json 선택
24
23
  const elements = type === "badge"
25
24
  ? achievementForm?.achievementBadgeDesign?.layout_json
@@ -141,6 +140,7 @@ async function generateAchievementHTML(achievementInfo, options = {}) {
141
140
  padding-right: "0";
142
141
  word-break: break-word;
143
142
  white-space: pre-wrap;
143
+ opacity: ${element.opacity || 1};
144
144
  `;
145
145
  if (element.controlType === "svg") {
146
146
  const templates = element.designType === "badge"
package/dist/cjs/utils/generateDesignHTML.js CHANGED
@@ -140,6 +140,7 @@ async function generateDesignHTML(data, options = {}) {
140
140
  padding-right: "0";
141
141
  word-break: break-word;
142
142
  white-space: pre-wrap;
143
+ opacity: ${element.opacity || 1};
143
144
  `;
144
145
  if (element.controlType === "svg") {
145
146
  const templates = element.designType === "badge"
package/dist/esm/interface/index.d.ts CHANGED
@@ -87,6 +87,7 @@ export interface ElementStyle {
87
87
  extraColor2?: string;
88
88
  isVertical?: boolean;
89
89
  lineWidth?: number;
90
+ opacity?: number;
90
91
  }
91
92
  export interface IAchievementDesignItem {
92
93
  id: number;
package/dist/esm/utils/generateAchievementHTML.js CHANGED
@@ -19,7 +19,6 @@ async function generateAchievementHTML(achievementInfo, options = {}) {
19
19
  else {
20
20
  achievementForm = achievementInfo;
21
21
  }
22
- console.log(achievementForm);
23
22
  // type에 따라 적절한 layout_json 선택
24
23
  const elements = type === "badge"
25
24
  ? achievementForm?.achievementBadgeDesign?.layout_json
@@ -141,6 +140,7 @@ async function generateAchievementHTML(achievementInfo, options = {}) {
141
140
  padding-right: "0";
142
141
  word-break: break-word;
143
142
  white-space: pre-wrap;
143
+ opacity: ${element.opacity || 1};
144
144
  `;
145
145
  if (element.controlType === "svg") {
146
146
  const templates = element.designType === "badge"
package/dist/esm/utils/generateDesignHTML.js CHANGED
@@ -140,6 +140,7 @@ async function generateDesignHTML(data, options = {}) {
140
140
  padding-right: "0";
141
141
  word-break: break-word;
142
142
  white-space: pre-wrap;
143
+ opacity: ${element.opacity || 1};
143
144
  `;
144
145
  if (element.controlType === "svg") {
145
146
  const templates = element.designType === "badge"
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@blockspoon/cert-badge-renderer",
3
- "version": "1.0.25",
3
+ "version": "1.0.27",
4
4
  "description": "Render certificate and badge designs from Kolleges achievement data into HTML, PNG, or Base64.",
5
5
  "main": "./dist/esm/index.js",
6
6
  "exports": {
package/src/interface/index.ts CHANGED
@@ -96,6 +96,7 @@ export interface ElementStyle {
96
96
  extraColor2?: string;
97
97
  isVertical?: boolean;
98
98
  lineWidth?: number;
99
+ opacity?: number;
99
100
  }
100
101
 
101
102
  export interface IAchievementDesignItem {
package/src/utils/generateAchievementHTML.ts CHANGED
@@ -19,7 +19,7 @@ export async function generateAchievementHTML(
19
19
  options: CertificateOptions = {}
20
20
  ): Promise<string> {
21
21
  const { type = "certificate", size = 600, noSpace = false } = options;
22
-
22
+
23
23
  let achievementForm;
24
24
 
25
25
  if (achievementInfo.achievementForm) {
@@ -28,8 +28,6 @@ export async function generateAchievementHTML(
28
28
  achievementForm = achievementInfo;
29
29
  }
30
30
 
31
- console.log(achievementForm);
32
-
33
31
  // type에 따라 적절한 layout_json 선택
34
32
  const elements =
35
33
  type === "badge"
@@ -141,7 +139,11 @@ export async function generateAchievementHTML(
141
139
 
142
140
  let bindingValue: any = null;
143
141
  if (element.designType === CERTIFICATE_DESIGN_TYPE.PROPS) {
144
- bindingValue = getBindingValue(element.type, element.bindingKey, achievementInfo);
142
+ bindingValue = getBindingValue(
143
+ element.type,
144
+ element.bindingKey,
145
+ achievementInfo
146
+ );
145
147
 
146
148
  if (element.controlType === "text") {
147
149
  element.text = bindingValue;
@@ -188,6 +190,7 @@ export async function generateAchievementHTML(
188
190
  padding-right: "0";
189
191
  word-break: break-word;
190
192
  white-space: pre-wrap;
193
+ opacity: ${element.opacity || 1};
191
194
  `;
192
195
 
193
196
  if (element.controlType === "svg") {
package/src/utils/generateDesignHTML.ts CHANGED
@@ -176,6 +176,7 @@ export async function generateDesignHTML(
176
176
  padding-right: "0";
177
177
  word-break: break-word;
178
178
  white-space: pre-wrap;
179
+ opacity: ${element.opacity || 1};
179
180
  `;
180
181
 
181
182
  if (element.controlType === "svg") {