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

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

@@ -11,10 +11,14 @@ exports.CATEGORIES = [
     'handwriting',
     'monospace'
 ];
-exports.SORTS = ['alpha', 'date', 'popularity', 'trending'];
+exports.SORTS = ['trending', 'popularity', 'date', 'alpha'];
 exports.SUBSETS = [
+    'korean',
+    'latin',
+    'latin-ext',
     'arabic',
     'bengali',
+    'chinese-hongkong',
     'chinese-simplified',
     'chinese-traditional',
     'cyrillic',
@@ -28,9 +32,6 @@ exports.SUBSETS = [
     'japanese',
     'kannada',
     'khmer',
-    'korean',
-    'latin',
-    'latin-ext',
     'malayalam',
     'myanmar',
     'oriya',
@@ -38,5 +39,6 @@ exports.SUBSETS = [
     'tamil',
     '​telugu',
     'thai',
+    'tibetan',
     'vietnamese'
 ];

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

@@ -64,11 +64,12 @@ function GoogleFontsList(_a) {
     var apiKey = _a.apiKey, sort = _a.sort, children = _a.children;
     var _b = (0, react_1.useState)(false), isLoading = _b[0], setIsLoading = _b[1];
     var _c = (0, react_1.useState)([]), fonts = _c[0], setFonts = _c[1];
-    var _d = (0, react_1.useState)({
+    var _d = (0, react_1.useState)([]), filteredFonts = _d[0], setFilteredFonts = _d[1];
+    var _e = (0, react_1.useState)({
         searchQuery: '',
         categories: DEFAULT_CATEGORIES,
         subsets: []
-    }), filterOptions = _d[0], setFilterOptions = _d[1];
+    }), filterOptions = _e[0], setFilterOptions = _e[1];
     (0, react_1.useEffect)(function () {
         function call() {
             return __awaiter(this, void 0, void 0, function () {
@@ -92,6 +93,24 @@ 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;
+        });
+        setFilteredFonts(filteredFonts);
+        setIsLoading(false);
+    }, [filterOptions, fonts]);
     function changeSort(sortOption) {
         return __awaiter(this, void 0, void 0, function () {
             var items;
@@ -106,33 +125,19 @@ function GoogleFontsList(_a) {
                     case 1:
                         items = (_a.sent()).items;
                         setFonts(items.map(function (item) { return (__assign(__assign({}, item), { id: (0, getFontId_1.default)(item.family) })); }));
-                        setIsLoading(false);
                         return [2 /*return*/];
                 }
             });
         });
     }
-    function changeFilterOption(arg) {
+    function changeFilterOption(arg, setLoading) {
         var name = arg.name, value = arg.value;
+        setLoading && setIsLoading(true);
         setFilterOptions(function (prev) {
             var _a;
             return (__assign(__assign({}, prev), (_a = {}, _a[name] = value, _a)));
         });
     }
-    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;
-    });
     return children({
         isLoading: isLoading,
         fonts: fonts,

package/package.json

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

package/release-note.md

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