@gem-sdk/core 1.44.0-dev.129 → 1.44.0-dev.136

package/dist/cjs/components/ComponentAnimation.js

@@ -0,0 +1,17 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var useApplyAnimation = require('../hooks/animation/useApplyAnimation.js');
+
+const ComponentAnimation = ({ ...props })=>{
+    useApplyAnimation.default({
+        props
+    });
+    return /*#__PURE__*/ jsxRuntime.jsx(jsxRuntime.Fragment, {});
+};
+var ComponentAnimation$1 = /*#__PURE__*/ react.memo(ComponentAnimation);
+
+exports.default = ComponentAnimation$1;

package/dist/cjs/components/ComponentWrapperPreview.js

@@ -8,7 +8,6 @@ var composeAdvanceStyle = require('../helpers/compose-advance-style.js');
 var constant = require('./constant.js');
 var RenderCustomCode = require('./RenderCustomCode.js');
 var ComponentToolbarPreview = require('./ComponentToolbarPreview.js');
-var useApplyAnimation = require('../hooks/animation/useApplyAnimation.js');
 require('zustand');
 require('swr');
 require('@gem-sdk/adapter-shopify');
@@ -19,6 +18,7 @@ require('vanilla-lazyload');
 require('../hooks/useCartUI.js');
 var cls = require('../helpers/cls.js');
 require('../helpers/convert.js');
+var ComponentAnimation = require('./ComponentAnimation.js');
 
 const ComponentWrapperPreview = ({ children, ...props })=>{
     react.useEffect(()=>{
@@ -32,9 +32,6 @@ const ComponentWrapperPreview = ({ children, ...props })=>{
     }, [
         props.uid
     ]);
-    useApplyAnimation.default({
-        props
-    });
     const pageType = shop.usePageType();
     if (props.type === 'section') {
         return null;
@@ -164,6 +161,9 @@ const ComponentWrapperPreview = ({ children, ...props })=>{
     // Render
     return /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
         children: [
+            /*#__PURE__*/ jsxRuntime.jsx(ComponentAnimation.default, {
+                ...props
+            }),
             /*#__PURE__*/ jsxRuntime.jsx(RenderCustomCode.default, {
                 uid: props.uid,
                 advanced: advanced

package/dist/cjs/graphql/queries/blogs.generated.js

@@ -1,7 +1,7 @@
 'use strict';
 
 const BlogsDocument = `
-    query blogs($after: Cursor, $before: Cursor, $first: Int, $last: Int, $orderBy: BlogOrder, $where: BlogWhereInput) {
+    query blogs($after: Cursor, $before: Cursor, $first: Int, $last: Int, $orderBy: BlogOrder, $where: BlogWhereInput, $articlesOrderBy: ArticleOrder) {
   blogs(
     after: $after
     before: $before
@@ -17,7 +17,7 @@ const BlogsDocument = `
         description
         descriptionMeta
         handle
-        articles {
+        articles (orderBy: $articlesOrderBy) {
           edges {
             node {
               id

package/dist/cjs/hooks/articles/useArticlesQuery.js

@@ -18,6 +18,7 @@ const useArticlesQuery = (variables, options)=>{
 };
 const useBlogsQuery = (variables, options)=>{
     const fetcher = useFetchHandle.useFetchHandle();
+    //@ts-ignore
     const fetchBlogs = ()=>fetcher([
             blogs_generated.BlogsDocument,
             variables ?? {}

package/dist/cjs/hooks/use-current-device.js

@@ -2,9 +2,18 @@
 
 var react = require('react');
 
+// Hàm debounce với TypeScript
+function debounce(func, wait) {
+    let timeout;
+    return function(...args) {
+        clearTimeout(timeout);
+        timeout = setTimeout(()=>func.apply(this, args), wait);
+    };
+}
 function subscribe(callback) {
-    window.addEventListener('resize', callback);
-    return ()=>window.removeEventListener('resize', callback);
+    const debouncedCallback = debounce(callback, 200); // Debounce với thời gian chờ 200ms
+    window.addEventListener('resize', debouncedCallback);
+    return ()=>window.removeEventListener('resize', debouncedCallback);
 }
 const useCurrentDevice = ()=>{
     return react.useSyncExternalStore(subscribe, ()=>{

package/dist/esm/components/ComponentAnimation.js

@@ -0,0 +1,13 @@
+import { jsx, Fragment } from 'react/jsx-runtime';
+import { memo } from 'react';
+import useApplyAnimation from '../hooks/animation/useApplyAnimation.js';
+
+const ComponentAnimation = ({ ...props })=>{
+    useApplyAnimation({
+        props
+    });
+    return /*#__PURE__*/ jsx(Fragment, {});
+};
+var ComponentAnimation$1 = /*#__PURE__*/ memo(ComponentAnimation);
+
+export { ComponentAnimation$1 as default };

package/dist/esm/components/ComponentWrapperPreview.js

@@ -4,7 +4,6 @@ import { composeAdvanceStyle } from '../helpers/compose-advance-style.js';
 import { disableWrap, excludeApplyStyle } from './constant.js';
 import RenderCustomCode from './RenderCustomCode.js';
 import ComponentToolbarPreview from './ComponentToolbarPreview.js';
-import useApplyAnimation from '../hooks/animation/useApplyAnimation.js';
 import 'zustand';
 import 'swr';
 import '@gem-sdk/adapter-shopify';
@@ -15,6 +14,7 @@ import 'vanilla-lazyload';
 import '../hooks/useCartUI.js';
 import { cls } from '../helpers/cls.js';
 import '../helpers/convert.js';
+import ComponentAnimation from './ComponentAnimation.js';
 
 const ComponentWrapperPreview = ({ children, ...props })=>{
     useEffect(()=>{
@@ -28,9 +28,6 @@ const ComponentWrapperPreview = ({ children, ...props })=>{
     }, [
         props.uid
     ]);
-    useApplyAnimation({
-        props
-    });
     const pageType = usePageType();
     if (props.type === 'section') {
         return null;
@@ -160,6 +157,9 @@ const ComponentWrapperPreview = ({ children, ...props })=>{
     // Render
     return /*#__PURE__*/ jsxs(Fragment, {
         children: [
+            /*#__PURE__*/ jsx(ComponentAnimation, {
+                ...props
+            }),
             /*#__PURE__*/ jsx(RenderCustomCode, {
                 uid: props.uid,
                 advanced: advanced

package/dist/esm/graphql/queries/blogs.generated.js

@@ -1,5 +1,5 @@
 const BlogsDocument = `
-    query blogs($after: Cursor, $before: Cursor, $first: Int, $last: Int, $orderBy: BlogOrder, $where: BlogWhereInput) {
+    query blogs($after: Cursor, $before: Cursor, $first: Int, $last: Int, $orderBy: BlogOrder, $where: BlogWhereInput, $articlesOrderBy: ArticleOrder) {
   blogs(
     after: $after
     before: $before
@@ -15,7 +15,7 @@ const BlogsDocument = `
         description
         descriptionMeta
         handle
-        articles {
+        articles (orderBy: $articlesOrderBy) {
           edges {
             node {
               id

package/dist/esm/hooks/articles/useArticlesQuery.js

@@ -16,6 +16,7 @@ const useArticlesQuery = (variables, options)=>{
 };
 const useBlogsQuery = (variables, options)=>{
     const fetcher = useFetchHandle();
+    //@ts-ignore
     const fetchBlogs = ()=>fetcher([
             BlogsDocument,
             variables ?? {}

package/dist/esm/hooks/use-current-device.js

@@ -1,8 +1,17 @@
 import { useSyncExternalStore } from 'react';
 
+// Hàm debounce với TypeScript
+function debounce(func, wait) {
+    let timeout;
+    return function(...args) {
+        clearTimeout(timeout);
+        timeout = setTimeout(()=>func.apply(this, args), wait);
+    };
+}
 function subscribe(callback) {
-    window.addEventListener('resize', callback);
-    return ()=>window.removeEventListener('resize', callback);
+    const debouncedCallback = debounce(callback, 200); // Debounce với thời gian chờ 200ms
+    window.addEventListener('resize', debouncedCallback);
+    return ()=>window.removeEventListener('resize', debouncedCallback);
 }
 const useCurrentDevice = ()=>{
     return useSyncExternalStore(subscribe, ()=>{

package/dist/types/index.d.ts

@@ -36071,6 +36071,7 @@ type BlogsQueryVariables = Exact$1<{
     last?: InputMaybe$1<Scalars$2['Int']>;
     orderBy?: InputMaybe$1<BlogOrder$1>;
     where?: InputMaybe$1<BlogWhereInput$1>;
+    articlesOrderBy: InputMaybe$1<ArticleOrder$1>;
 }>;
 type BlogsQueryResponse = {
     blogs?: Maybe$1<(Pick<BlogConnection$1, 'totalCount'> & {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gem-sdk/core",
-  "version": "1.44.0-dev.129",
+  "version": "1.44.0-dev.136",
   "license": "MIT",
   "sideEffects": false,
   "main": "dist/cjs/index.js",
@@ -27,8 +27,8 @@
     "type-check": "yarn tsc --noEmit"
   },
   "devDependencies": {
-    "@gem-sdk/adapter-shopify": "1.44.0-dev.123",
-    "@gem-sdk/styles": "1.44.0-dev.124",
+    "@gem-sdk/adapter-shopify": "1.44.0-dev.136",
+    "@gem-sdk/styles": "1.44.0-dev.136",
     "@types/classnames": "^2.3.1"
   },
   "dependencies": {