pds-dev-kit-web-test 0.2.49 → 0.2.52

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Text/useGoogleFonts.js

@@ -1,123 +1,17 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-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 react_1 = require("react");
-var getGoogleFontCss_1 = __importDefault(require("../../../../../../../GoogleFontkit/api/getGoogleFontCss"));
-var getGoogleWebFonts_1 = __importDefault(require("../../../../../../../GoogleFontkit/api/getGoogleWebFonts"));
-var createStyleSheet_1 = __importDefault(require("../../../../../../../GoogleFontkit/utils/createStyleSheet"));
-var extractFontStyles_1 = __importDefault(require("../../../../../../../GoogleFontkit/utils/extractFontStyles"));
-var fillStyleSheet_1 = __importDefault(require("../../../../../../../GoogleFontkit/utils/fillStyleSheet"));
-var getFontId_1 = __importDefault(require("../../../../../../../GoogleFontkit/utils/getFontId"));
-var isStyleSheetExists_1 = __importDefault(require("../../../../../../../GoogleFontkit/utils/isStyleSheetExists"));
-var parseFontVariants_1 = __importDefault(require("../../../../../../../GoogleFontkit/utils/parseFontVariants"));
+var callGoogleFontCSSAndApply_1 = __importDefault(require("../../../../../../../GoogleFontkit/utils/callGoogleFontCSSAndApply"));
 function useGoogleFonts(_a) {
     var fonts = _a.fonts;
     (0, react_1.useEffect)(function () {
         fonts.forEach(function (fontFamily) {
             var parsedFontFamily = fontFamily.substring(7);
-            var fontId = (0, getFontId_1.default)(parsedFontFamily);
-            if ((0, isStyleSheetExists_1.default)(fontId)) {
-                return;
-            }
-            (0, createStyleSheet_1.default)(fontId, false);
-            getFonts(parsedFontFamily);
+            (0, callGoogleFontCSSAndApply_1.default)(parsedFontFamily);
         });
-        function getCss(font) {
-            return __awaiter(this, void 0, void 0, function () {
-                var css, fontStyles;
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
-                        case 0: 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 1:
-                            css = _a.sent();
-                            fontStyles = (0, extractFontStyles_1.default)(css);
-                            (0, fillStyleSheet_1.default)(font.id, fontStyles[font.id]);
-                            return [2 /*return*/];
-                    }
-                });
-            });
-        }
-        function getFonts(fontFamily) {
-            return __awaiter(this, void 0, void 0, function () {
-                var items, googleFonts, e_1;
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
-                        case 0:
-                            _a.trys.push([0, 2, , 3]);
-                            return [4 /*yield*/, (0, getGoogleWebFonts_1.default)({
-                                    key: 'AIzaSyDvOkXcd-jqqD1z1P-RmIBM9RzGpEXRwV0',
-                                    family: fontFamily
-                                })];
-                        case 1:
-                            items = (_a.sent()).items;
-                            googleFonts = items.map(function (item) { return (__assign(__assign({}, item), { id: (0, getFontId_1.default)(item.family) })); });
-                            googleFonts.forEach(function (font) { return getCss(font); });
-                            return [3 /*break*/, 3];
-                        case 2:
-                            e_1 = _a.sent();
-                            // eslint-disable-next-line no-console
-                            console.error(e_1);
-                            return [3 /*break*/, 3];
-                        case 3: return [2 /*return*/];
-                    }
-                });
-            });
-        }
     }, [fonts]);
 }
 exports.default = useGoogleFonts;

package/dist/src/sub/GoogleFontkit/GoogleFontApplyExample.js

@@ -18,12 +18,11 @@ var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
 var getGoogleFontDefaultText_1 = __importDefault(require("./api/getGoogleFontDefaultText"));
 var callGoogleFontCSSAndApply_1 = __importDefault(require("./utils/callGoogleFontCSSAndApply"));
-var GOOGLE_FONT_API_KEY = 'AIzaSyDvOkXcd-jqqD1z1P-RmIBM9RzGpEXRwV0';
 function TextCB(_a) {
     var text = _a.text, font = _a.font;
     var _b = (0, react_1.useState)(text), defaultText = _b[0], setDefaultText = _b[1];
     (0, react_1.useEffect)(function () {
-        (0, callGoogleFontCSSAndApply_1.default)(GOOGLE_FONT_API_KEY, font);
+        (0, callGoogleFontCSSAndApply_1.default)(font);
         (0, getGoogleFontDefaultText_1.default)(font).then(function (data) {
             setDefaultText(data.sampleText.tester);
         });

package/dist/src/sub/GoogleFontkit/headless/GoogleFontsList.js

@@ -94,22 +94,30 @@ function GoogleFontsList(_a) {
         call();
     }, [apiKey, sort]);
     (0, react_1.useEffect)(function () {
-        var filteredFonts = fonts.filter(function (font) {
-            var categories = filterOptions.categories, searchQuery = filterOptions.searchQuery, subsets = filterOptions.subsets;
-            var isSelectedCategory = categories.includes(font.category);
-            var query = searchQuery.toLocaleLowerCase().trim();
-            var matchSearchQuery = font.family.toLocaleLowerCase().includes(query);
-            if (!matchSearchQuery) {
-                return false;
-            }
-            var hasSomeScript = subsets.length > 0 ? font.subsets.some(function (subset) { return subsets.includes(subset); }) : true;
-            if (isSelectedCategory && hasSomeScript) {
-                return true;
-            }
-            return false;
+        function getFilteredFontsAsync() {
+            return new Promise(function (resolve) {
+                var filteredFonts = fonts.filter(function (font) {
+                    var categories = filterOptions.categories, searchQuery = filterOptions.searchQuery, subsets = filterOptions.subsets;
+                    var isSelectedCategory = categories.includes(font.category);
+                    var query = searchQuery.toLocaleLowerCase().trim();
+                    var matchSearchQuery = font.family.toLocaleLowerCase().includes(query);
+                    if (!matchSearchQuery) {
+                        return false;
+                    }
+                    var hasSomeScript = subsets.length > 0 ? font.subsets.some(function (subset) { return subsets.includes(subset); }) : true;
+                    if (isSelectedCategory && hasSomeScript) {
+                        return true;
+                    }
+                    return false;
+                });
+                resolve(filteredFonts);
+            });
+        }
+        setIsLoading(true);
+        getFilteredFontsAsync().then(function (res) {
+            setFilteredFonts(res);
+            setIsLoading(false);
         });
-        setFilteredFonts(filteredFonts);
-        setIsLoading(false);
     }, [filterOptions, fonts]);
     function changeSort(sortOption) {
         return __awaiter(this, void 0, void 0, function () {

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

@@ -1,2 +1,2 @@
-declare function callGoogleFontCSSAndApply(key: string, fontFamily: string): Promise<void>;
+declare function callGoogleFontCSSAndApply(fontFamily: string): Promise<void>;
 export default callGoogleFontCSSAndApply;

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

@@ -40,41 +40,30 @@ var __importDefault = (this && this.__importDefault) || function (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) {
+function callGoogleFontCSSAndApply(fontFamily) {
     return __awaiter(this, void 0, void 0, function () {
-        var items, font, css, fontStyles;
+        var fontId, 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)) {
+                case 0:
+                    fontId = (0, getFontId_1.default)(fontFamily);
+                    if ((0, isStyleSheetExists_1.default)(fontId)) {
                         return [2 /*return*/];
                     }
-                    (0, createStyleSheet_1.default)(font.id, false);
+                    (0, createStyleSheet_1.default)(fontId, false);
                     return [4 /*yield*/, (0, getGoogleFontCss_1.default)({
-                            family: "".concat(font.family).concat((0, parseFontVariants_1.default)(font.variants, {
-                                prefix: ':wght@',
-                                separator: ';'
-                            })),
+                            family: "".concat(fontFamily, ":wght@100;200;300;500;700;800;900"),
                             'font-display': 'swap'
                         })];
-                case 2:
+                case 1:
                     css = _a.sent();
                     fontStyles = (0, extractFontStyles_1.default)(css);
-                    (0, fillStyleSheet_1.default)(font.id, fontStyles[font.id]);
+                    (0, fillStyleSheet_1.default)(fontId, fontStyles[fontId]);
                     return [2 /*return*/];
             }
         });

package/package.json

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

package/release-note.md

@@ -1,7 +1,6 @@
 # pds-dev-kit-web-test Release Notes
-## [v0.2.49]
+## [v0.2.51]
 ## 기준 pds-dev-kit-web 버전 @2.2.10
 ### sub
     * GoogleFontKit
-        * 폰트/Subset/Category 순서 변경
-        * blocking 성능이슈 개선
+        * DL에 API key제거