pds-dev-kit-web-test 0.2.41 → 0.2.43

package/dist/src/sub/GoogleFontkit/utils/callGoogleFontCSSAndApply.js

@@ -0,0 +1,83 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var getGoogleFontCss_1 = __importDefault(require("../api/getGoogleFontCss"));
+var getGoogleWebFonts_1 = __importDefault(require("../api/getGoogleWebFonts"));
+var createStyleSheet_1 = __importDefault(require("./createStyleSheet"));
+var extractFontStyles_1 = __importDefault(require("./extractFontStyles"));
+var fillStyleSheet_1 = __importDefault(require("./fillStyleSheet"));
+var getFontId_1 = __importDefault(require("./getFontId"));
+var isStyleSheetExists_1 = __importDefault(require("./isStyleSheetExists"));
+var parseFontVariants_1 = __importDefault(require("./parseFontVariants"));
+function callGoogleFontCSSAndApply(key, fontFamily) {
+    return __awaiter(this, void 0, void 0, function () {
+        var items, font, css, fontStyles;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0: return [4 /*yield*/, (0, getGoogleWebFonts_1.default)({
+                        key: key,
+                        family: fontFamily
+                    })];
+                case 1:
+                    items = (_a.sent()).items;
+                    font = items[0];
+                    font.id = (0, getFontId_1.default)(font.family);
+                    if ((0, isStyleSheetExists_1.default)(font.id)) {
+                        return [2 /*return*/];
+                    }
+                    (0, createStyleSheet_1.default)(font.id, false);
+                    return [4 /*yield*/, (0, getGoogleFontCss_1.default)({
+                            family: "".concat(font.family).concat((0, parseFontVariants_1.default)(font.variants, {
+                                prefix: ':wght@',
+                                separator: ';'
+                            })),
+                            'font-display': 'swap'
+                        })];
+                case 2:
+                    css = _a.sent();
+                    fontStyles = (0, extractFontStyles_1.default)(css);
+                    (0, fillStyleSheet_1.default)(font.id, fontStyles[font.id]);
+                    return [2 /*return*/];
+            }
+        });
+    });
+}
+exports.default = callGoogleFontCSSAndApply;

package/dist/src/sub/GoogleFontkit/utils/createStyleSheet.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Attach a new font stylesheet to the document head using the provided content
+ */
+export default function createStylesheet(fontId: string, isPreview: boolean): void;

package/dist/src/sub/GoogleFontkit/utils/createStyleSheet.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var constants_1 = require("../constants");
+/**
+ * Attach a new font stylesheet to the document head using the provided content
+ */
+function createStylesheet(fontId, isPreview) {
+    var stylesheetNode = document.createElement('style');
+    stylesheetNode.id = fontId;
+    stylesheetNode.setAttribute(constants_1.PREVIEW_ATTRIBUTE_NAME, isPreview.toString());
+    document.head.appendChild(stylesheetNode);
+}
+exports.default = createStylesheet;

package/dist/src/sub/GoogleFontkit/utils/extractFontStyles.d.ts

@@ -0,0 +1 @@
+export default function extractFontStyles(allFontStyles: string): Record<string, string>;

package/dist/src/sub/GoogleFontkit/utils/extractFontStyles.js

@@ -0,0 +1,26 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var constants_1 = require("../constants");
+var getFontId_1 = __importDefault(require("./getFontId"));
+var getMatches_1 = __importDefault(require("./getMatches"));
+function extractFontStyles(allFontStyles) {
+    // Run Regex to separate font-face rules
+    var rules = (0, getMatches_1.default)(constants_1.FONT_FACE_REGEX, allFontStyles);
+    // Assign font-face rules to fontIds
+    var fontStyles = {};
+    rules.forEach(function (rule) {
+        // Run regex to get font family
+        var fontFamily = (0, getMatches_1.default)(constants_1.FONT_FAMILY_REGEX, rule)[0];
+        var fontId = (0, getFontId_1.default)(fontFamily);
+        // Append rule to font font family's other rules
+        if (!(fontId in fontStyles)) {
+            fontStyles[fontId] = '';
+        }
+        fontStyles[fontId] += "@font-face {\n".concat(rule, "\n}\n\n");
+    });
+    return fontStyles;
+}
+exports.default = extractFontStyles;

package/dist/src/sub/GoogleFontkit/utils/fillStyleSheet.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Insert the provided styles in the font's <style> element (existing styles are replaced)
+ */
+export default function fillStylesheet(fontId: string, styles: string): void;

package/dist/src/sub/GoogleFontkit/utils/fillStyleSheet.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+/**
+ * Insert the provided styles in the font's <style> element (existing styles are replaced)
+ */
+function fillStylesheet(fontId, styles) {
+    // const stylesheetId = getStylesheetId(fontId);
+    var stylesheetNode = document.getElementById(fontId);
+    if (stylesheetNode) {
+        stylesheetNode.textContent = styles;
+    }
+    else {
+        // eslint-disable-next-line no-console
+        console.error("Could not fill stylesheet: Stylesheet with ID \"".concat(fontId, "\" not found"));
+    }
+}
+exports.default = fillStylesheet;

package/dist/src/sub/GoogleFontkit/utils/getActiveFontStylesheet.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Create/find and return the apply-font stylesheet for the provided selectorSuffix
+ */
+export default function getActiveFontStylesheet(selectorSuffix: string): HTMLStyleElement;

package/dist/src/sub/GoogleFontkit/utils/getActiveFontStylesheet.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+/**
+ * Create/find and return the apply-font stylesheet for the provided selectorSuffix
+ */
+function getActiveFontStylesheet(selectorSuffix) {
+    var stylesheetId = "active-font-".concat(selectorSuffix);
+    var activeFontStylesheet = document.getElementById(stylesheetId);
+    if (!activeFontStylesheet) {
+        activeFontStylesheet = document.createElement('style');
+        activeFontStylesheet.id = stylesheetId;
+        document.head.appendChild(activeFontStylesheet);
+    }
+    return activeFontStylesheet;
+}
+exports.default = getActiveFontStylesheet;

package/dist/src/sub/GoogleFontkit/utils/getFontId.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Return the fontId based on the provided font family
+ */
+export default function getFontId(fontFamily: string): string;

package/dist/src/sub/GoogleFontkit/utils/getFontId.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+/**
+ * Return the fontId based on the provided font family
+ */
+function getFontId(fontFamily) {
+    return fontFamily.replace(/\s+/g, '-').toLowerCase();
+}
+exports.default = getFontId;

package/dist/src/sub/GoogleFontkit/utils/getMatches.d.ts

@@ -0,0 +1 @@
+export default function getMatches(regex: RegExp, str: string): string[];

package/dist/src/sub/GoogleFontkit/utils/getMatches.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+function getMatches(regex, str) {
+    var matches = [];
+    var match;
+    do {
+        match = regex.exec(str);
+        if (match) {
+            matches.push(match[1]);
+        }
+    } while (match);
+    return matches;
+}
+exports.default = getMatches;

package/dist/src/sub/GoogleFontkit/utils/isStyleSheetExists.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Check whether a font stylesheet already exists in the document head
+ */
+export default function isStylesheetExists(fontId: string, isPreview?: boolean): boolean;

package/dist/src/sub/GoogleFontkit/utils/isStyleSheetExists.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var constants_1 = require("../constants");
+/**
+ * Check whether a font stylesheet already exists in the document head
+ */
+function isStylesheetExists(fontId, isPreview) {
+    var stylesheetNode = document.getElementById(fontId);
+    if (isPreview === null || isPreview === undefined) {
+        return stylesheetNode !== null;
+    }
+    return (stylesheetNode !== null &&
+        stylesheetNode.getAttribute(constants_1.PREVIEW_ATTRIBUTE_NAME) === isPreview.toString());
+}
+exports.default = isStylesheetExists;

package/dist/src/sub/GoogleFontkit/utils/parseFontVariants.d.ts

@@ -0,0 +1,4 @@
+export default function parseVariants(variant: Array<string | number>, { prefix, separator }: {
+    prefix: string;
+    separator: string;
+}): string;

package/dist/src/sub/GoogleFontkit/utils/parseFontVariants.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+function parseVariants(variant, _a) {
+    var prefix = _a.prefix, separator = _a.separator;
+    var initialAcc = '';
+    var fontWeights = variant.reduce(function (acc, cur) {
+        var conditionalPrefix = acc === '' ? '' : separator;
+        if (cur === 'regular') {
+            return "".concat(acc + conditionalPrefix).concat(400);
+        }
+        if (Number.isNaN(Number(cur))) {
+            return acc;
+        }
+        return "".concat(acc + conditionalPrefix).concat(cur);
+    }, initialAcc);
+    return "".concat(prefix).concat(fontWeights);
+}
+exports.default = parseVariants;

package/dist/src/sub/GoogleFontkit/utils/setStyleSheetType.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Update the value of a stylesheet's "data-is-preview" attribute
+ */
+export default function setStylesheetType(fontId: string, isPreview: boolean): void;

package/dist/src/sub/GoogleFontkit/utils/setStyleSheetType.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var constants_1 = require("../constants");
+/**
+ * Update the value of a stylesheet's "data-is-preview" attribute
+ */
+function setStylesheetType(fontId, isPreview) {
+    var stylesheetId = fontId;
+    var stylesheetNode = document.getElementById(stylesheetId);
+    if (stylesheetNode) {
+        stylesheetNode.setAttribute(constants_1.PREVIEW_ATTRIBUTE_NAME, isPreview.toString());
+    }
+    else {
+        // eslint-disable-next-line no-console
+        console.error("Could not change stylesheet type: Stylesheet with ID \"".concat(stylesheetId, "\" not found"));
+    }
+}
+exports.default = setStylesheetType;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pds-dev-kit-web-test",
-  "version": "0.2.41",
+  "version": "0.2.43",
   "license": "MIT",
   "private": false,
   "main": "dist/index.js",

package/release-note.md

@@ -1,6 +1,6 @@
 # pds-dev-kit-web-test Release Notes
-## [v0.2.41]
+## [v0.2.43]
 ## 기준 pds-dev-kit-web 버전 @2.2.10
 ### sub
-* DynamicLayout - custom section
-  * @CUSTOMSECTION/CB_RIGHT_CLICKED 에서 e를 넘겨줄 수 있도록 추가
+* GoogleFontKit
+  * GoogleFontItem -> defaultText 기능 리턴 추가