@sellmate/design-system-react 0.0.10 → 0.0.11

package/dist/hydrate.d.ts

@@ -0,0 +1,2 @@
+export declare function renderStencilToString(html: string): Promise<string>;
+export declare function registerStencilForNextjs(): void;

package/dist/hydrate.js

@@ -0,0 +1,44 @@
+import { hydrateDocument, } from '@sellmate/design-system/hydrate';
+// -------------------------------
+// SSR용 서버사이드 렌더링 함수
+// -------------------------------
+export async function renderStencilToString(html) {
+    try {
+        const results = await hydrateDocument(html, {
+            staticComponents: [
+                'sd-button',
+                'sd-input',
+                'sd-select',
+                'sd-table',
+                'sd-icon',
+                'sd-checkbox',
+                'sd-tag',
+                'sd-pagination',
+                'sd-tooltip',
+                'sd-popover',
+                'sd-guide',
+                'sd-date-picker',
+                'sd-date-range-picker',
+                'sd-date-box',
+                'sd-portal',
+                'sd-tooltip-portal',
+            ],
+        });
+        return results.html;
+    }
+    catch (error) {
+        console.warn('Stencil SSR failed, falling back to client-side rendering:', error);
+        return html;
+    }
+}
+// ----------------------------------------------
+//  클라이언트 사이드 등록 함수
+// ----------------------------------------------
+export function registerStencilForNextjs() {
+    if (typeof window === 'undefined')
+        return;
+    // router 변경 시에도 재등록
+    import('@sellmate/design-system/loader').then(({ defineCustomElements }) => {
+        defineCustomElements(window);
+    });
+}

package/dist/index.d.ts

@@ -1,2 +1,3 @@
 export * from './components/components';
+export { registerStencil } from './registerStencil';
 export type { SdTableSortDir, SdTableColumn, Row as SdTableRow, } from '@sellmate/design-system';

package/dist/index.js

@@ -1,4 +1,4 @@
 'use strict';
 export * from './components/components';
-import { registerStencil } from './registerStencil';
-registerStencil();
+// Optional manual registration (not automatically called)
+export { registerStencil } from './registerStencil';

package/lib/hydrate.ts

@@ -0,0 +1,52 @@
+import {
+ renderToString,
+ hydrateDocument,
+} from '@sellmate/design-system/hydrate';
+
+// -------------------------------
+// SSR용 서버사이드 렌더링 함수
+// -------------------------------
+export async function renderStencilToString(html: string) {
+ try {
+  const results = await hydrateDocument(html, {
+   staticComponents: [
+    'sd-button',
+    'sd-input',
+    'sd-select',
+    'sd-table',
+    'sd-icon',
+    'sd-checkbox',
+    'sd-tag',
+    'sd-pagination',
+    'sd-tooltip',
+    'sd-popover',
+    'sd-guide',
+    'sd-date-picker',
+    'sd-date-range-picker',
+    'sd-date-box',
+    'sd-portal',
+    'sd-tooltip-portal',
+   ],
+  });
+
+  return results.html;
+ } catch (error) {
+  console.warn(
+   'Stencil SSR failed, falling back to client-side rendering:',
+   error
+  );
+  return html;
+ }
+}
+
+// ----------------------------------------------
+//  클라이언트 사이드 등록 함수
+// ----------------------------------------------
+export function registerStencilForNextjs() {
+ if (typeof window === 'undefined') return;
+
+ // router 변경 시에도 재등록
+ import('@sellmate/design-system/loader').then(({ defineCustomElements }) => {
+  defineCustomElements(window);
+ });
+}

package/lib/index.ts

@@ -1,9 +1,9 @@
 'use strict';
 
 export * from './components/components';
-import { registerStencil } from './registerStencil';
 
-registerStencil();
+// Optional manual registration (not automatically called)
+export { registerStencil } from './registerStencil';
 
 // Export sd-table types for React usage
 export type {

package/package.json

@@ -1,6 +1,6 @@
 {
  "name": "@sellmate/design-system-react",
- "version": "0.0.10",
+ "version": "0.0.11",
  "description": "Design System - React Component Wrappers",
  "keywords": [
   "react",
@@ -24,6 +24,18 @@
  "main": "dist/index.js",
  "module": "dist/index.js",
  "types": "dist/index.d.ts",
+ "exports": {
+  ".": {
+   "types": "./dist/index.d.ts",
+   "import": "./dist/index.js",
+   "require": "./dist/index.js"
+  },
+  "./hydrate": {
+   "types": "./dist/hydrate.d.ts",
+   "import": "./dist/hydrate.js",
+   "require": "./dist/hydrate.js"
+  }
+ },
  "directories": {
   "lib": "lib",
   "test": "__tests__"
@@ -56,5 +68,5 @@
   "rimraf": "^6.0.1",
   "typescript": "^5.9.3"
  },
- "gitHead": "b0ff5a50812d0d336ed4ec7d44ad000c78cab377"
+ "gitHead": "8406a77cacf86efd489f6b4a42e362176fe81d7b"
 }