@sellmate/design-system 0.0.8 → 0.0.9

package/dist/collection/utils/next-hydrate.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"next-hydrate.js","sourceRoot":"","sources":["../../src/utils/next-hydrate.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,MAAM,CAAC,KAAK,UAAU,uBAAuB,CAAC,IAAY;IACzD,mCAAmC;IACnC,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE,CAAC;QACnC,IAAI,CAAC;YACJ,MAAM,EAAE,cAAc,EAAE,GAAG,MAAM,MAAM,CAAC,eAAe,CAAC,CAAC;YACzD,MAAM,OAAO,GAAG,MAAM,cAAc,CAAC,IAAI,EAAE;gBAC1C,UAAU,EAAE,KAAK;gBACjB,kBAAkB,EAAE,IAAI;gBACxB,wBAAwB,EAAE,IAAI;aAC9B,CAAC,CAAC;YAEH,OAAO,OAAO,CAAC,IAAI,IAAI,IAAI,CAAC;QAC7B,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YAChB,OAAO,CAAC,IAAI,CAAC,gDAAgD,EAAE,KAAK,CAAC,CAAC;YACtE,OAAO,IAAI,CAAC;QACb,CAAC;IACF,CAAC;IAED,OAAO,IAAI,CAAC;AACb,CAAC;AAED;;;GAGG;AACH,MAAM,CAAC,KAAK,UAAU,wBAAwB,CAAC,QAAkB;IAChE,sCAAsC;IACtC,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE,CAAC;QACnC,IAAI,CAAC;YACJ,MAAM,EAAE,eAAe,EAAE,GAAG,MAAM,MAAM,CAAC,eAAe,CAAC,CAAC;YAC1D,MAAM,eAAe,CAAC,QAAQ,EAAE;gBAC/B,cAAc,EAAE,KAAK;aACrB,CAAC,CAAC;QACJ,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YAChB,OAAO,CAAC,IAAI,CAAC,iDAAiD,EAAE,KAAK,CAAC,CAAC;QACxE,CAAC;IACF,CAAC;AACF,CAAC;AAED;;GAEG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG;IAC7B,4BAA4B;IAC5B,iBAAiB,EAAE,UAAU;IAE7B,iCAAiC;IACjC,oBAAoB,EAAE,CAAC,gBAAgB,EAAE,sBAAsB,CAAC;CAChE,CAAC","sourcesContent":["/**\r\n * Next.js SSR을 위한 서버사이드 렌더링 함수\r\n * @param html HTML 문자열\r\n * @returns 렌더링된 HTML 문자열\r\n */\r\nexport async function renderStencilComponents(html: string): Promise<string> {\r\n // 서버 환경에서만 hydrate 모듈을 동적으로 import\r\n if (typeof window === 'undefined') {\r\n  try {\r\n   const { renderToString } = await import('../../hydrate');\r\n   const results = await renderToString(html, {\r\n    prettyHtml: false,\r\n    removeUnusedStyles: true,\r\n    clientHydrateAnnotations: true,\r\n   });\r\n\r\n   return results.html || html;\r\n  } catch (error) {\r\n   console.warn('Failed to render Stencil components on server:', error);\r\n   return html;\r\n  }\r\n }\r\n\r\n return html;\r\n}\r\n\r\n/**\r\n * Next.js 클라이언트사이드 하이드레이션 함수\r\n * @param document HTML 문서 객체\r\n */\r\nexport async function hydrateStencilComponents(document: Document): Promise<void> {\r\n // 클라이언트 환경에서만 hydrate 모듈을 동적으로 import\r\n if (typeof window !== 'undefined') {\r\n  try {\r\n   const { hydrateDocument } = await import('../../hydrate');\r\n   await hydrateDocument(document, {\r\n    runtimeLogging: false,\r\n   });\r\n  } catch (error) {\r\n   console.warn('Failed to hydrate Stencil components on client:', error);\r\n  }\r\n }\r\n}\r\n\r\n/**\r\n * Next.js에서 Stencil 컴포넌트 사용을 위한 설정\r\n */\r\nexport const STENCIL_CONFIG = {\r\n // 컴포넌트가 hydrate되었는지 확인하는 속성\r\n hydratedAttribute: 'hydrated',\r\n\r\n // SSR에서 제외할 컴포넌트들 (클라이언트에서만 렌더링)\r\n clientOnlyComponents: ['sd-date-picker', 'sd-date-range-picker'],\r\n};\r\n"]}

package/dist/collection/utils/next-react-wrapper.js

@@ -1,61 +0,0 @@
-/**
- * Next.js에서 Stencil 컴포넌트 사용을 위한 유틸리티 함수들
- */
-/**
- * 클라이언트 사이드에서만 Stencil 컴포넌트를 로드하는 함수
- */
-export const defineCustomElements = async () => {
-    if (typeof window !== 'undefined') {
-        const { defineCustomElements } = await import('../../loader');
-        await defineCustomElements();
-    }
-};
-/**
- * Stencil 컴포넌트가 hydrate되었는지 확인하는 함수
- */
-export const waitForStencilHydration = (element, timeout = 5000) => {
-    return new Promise(resolve => {
-        if (element.hasAttribute('hydrated')) {
-            resolve(true);
-            return;
-        }
-        const observer = new MutationObserver(() => {
-            if (element.hasAttribute('hydrated')) {
-                observer.disconnect();
-                resolve(true);
-            }
-        });
-        observer.observe(element, {
-            attributes: true,
-            attributeFilter: ['hydrated'],
-        });
-        // 타임아웃 설정
-        setTimeout(() => {
-            observer.disconnect();
-            resolve(false);
-        }, timeout);
-    });
-};
-/**
- * Next.js에서 Stencil 컴포넌트 초기화를 위한 설정
- */
-export const initStencilForNextjs = () => {
-    if (typeof window !== 'undefined') {
-        // 전역 설정
-        window.stencil = {
-            ...(window.stencil || {}),
-            hydrateFlag: 'hydrated',
-        };
-    }
-};
-/**
- * SSR에서 제외할 컴포넌트 목록
- */
-export const CLIENT_ONLY_COMPONENTS = ['sd-date-picker', 'sd-date-range-picker'];
-/**
- * 컴포넌트가 클라이언트 전용인지 확인
- */
-export const isClientOnlyComponent = (tagName) => {
-    return CLIENT_ONLY_COMPONENTS.includes(tagName);
-};
-//# sourceMappingURL=next-react-wrapper.js.map

package/dist/collection/utils/next-react-wrapper.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"next-react-wrapper.js","sourceRoot":"","sources":["../../src/utils/next-react-wrapper.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,KAAK,IAAI,EAAE;IAC9C,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE,CAAC;QACnC,MAAM,EAAE,oBAAoB,EAAE,GAAG,MAAM,MAAM,CAAC,cAAc,CAAC,CAAC;QAC9D,MAAM,oBAAoB,EAAE,CAAC;IAC9B,CAAC;AACF,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,OAAoB,EAAE,OAAO,GAAG,IAAI,EAAoB,EAAE;IACjG,OAAO,IAAI,OAAO,CAAC,OAAO,CAAC,EAAE;QAC5B,IAAI,OAAO,CAAC,YAAY,CAAC,UAAU,CAAC,EAAE,CAAC;YACtC,OAAO,CAAC,IAAI,CAAC,CAAC;YACd,OAAO;QACR,CAAC;QAED,MAAM,QAAQ,GAAG,IAAI,gBAAgB,CAAC,GAAG,EAAE;YAC1C,IAAI,OAAO,CAAC,YAAY,CAAC,UAAU,CAAC,EAAE,CAAC;gBACtC,QAAQ,CAAC,UAAU,EAAE,CAAC;gBACtB,OAAO,CAAC,IAAI,CAAC,CAAC;YACf,CAAC;QACF,CAAC,CAAC,CAAC;QAEH,QAAQ,CAAC,OAAO,CAAC,OAAO,EAAE;YACzB,UAAU,EAAE,IAAI;YAChB,eAAe,EAAE,CAAC,UAAU,CAAC;SAC7B,CAAC,CAAC;QAEH,UAAU;QACV,UAAU,CAAC,GAAG,EAAE;YACf,QAAQ,CAAC,UAAU,EAAE,CAAC;YACtB,OAAO,CAAC,KAAK,CAAC,CAAC;QAChB,CAAC,EAAE,OAAO,CAAC,CAAC;IACb,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,EAAE;IACxC,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE,CAAC;QACnC,QAAQ;QACP,MAAc,CAAC,OAAO,GAAG;YACzB,GAAG,CAAE,MAAc,CAAC,OAAO,IAAI,EAAE,CAAC;YAClC,WAAW,EAAE,UAAU;SACvB,CAAC;IACH,CAAC;AACF,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,gBAAgB,EAAE,sBAAsB,CAAC,CAAC;AAEjF;;GAEG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,OAAe,EAAW,EAAE;IACjE,OAAO,sBAAsB,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;AACjD,CAAC,CAAC","sourcesContent":["/**\r\n * Next.js에서 Stencil 컴포넌트 사용을 위한 유틸리티 함수들\r\n */\r\n\r\n/**\r\n * 클라이언트 사이드에서만 Stencil 컴포넌트를 로드하는 함수\r\n */\r\nexport const defineCustomElements = async () => {\r\n if (typeof window !== 'undefined') {\r\n  const { defineCustomElements } = await import('../../loader');\r\n  await defineCustomElements();\r\n }\r\n};\r\n\r\n/**\r\n * Stencil 컴포넌트가 hydrate되었는지 확인하는 함수\r\n */\r\nexport const waitForStencilHydration = (element: HTMLElement, timeout = 5000): Promise<boolean> => {\r\n return new Promise(resolve => {\r\n  if (element.hasAttribute('hydrated')) {\r\n   resolve(true);\r\n   return;\r\n  }\r\n\r\n  const observer = new MutationObserver(() => {\r\n   if (element.hasAttribute('hydrated')) {\r\n    observer.disconnect();\r\n    resolve(true);\r\n   }\r\n  });\r\n\r\n  observer.observe(element, {\r\n   attributes: true,\r\n   attributeFilter: ['hydrated'],\r\n  });\r\n\r\n  // 타임아웃 설정\r\n  setTimeout(() => {\r\n   observer.disconnect();\r\n   resolve(false);\r\n  }, timeout);\r\n });\r\n};\r\n\r\n/**\r\n * Next.js에서 Stencil 컴포넌트 초기화를 위한 설정\r\n */\r\nexport const initStencilForNextjs = () => {\r\n if (typeof window !== 'undefined') {\r\n  // 전역 설정\r\n  (window as any).stencil = {\r\n   ...((window as any).stencil || {}),\r\n   hydrateFlag: 'hydrated',\r\n  };\r\n }\r\n};\r\n\r\n/**\r\n * SSR에서 제외할 컴포넌트 목록\r\n */\r\nexport const CLIENT_ONLY_COMPONENTS = ['sd-date-picker', 'sd-date-range-picker'];\r\n\r\n/**\r\n * 컴포넌트가 클라이언트 전용인지 확인\r\n */\r\nexport const isClientOnlyComponent = (tagName: string): boolean => {\r\n return CLIENT_ONLY_COMPONENTS.includes(tagName);\r\n};\r\n"]}