@blastlabs/utils 1.22.0 → 2.1.0

package/dist/components/dev/TimezoneDevTools/styles.js

@@ -0,0 +1,65 @@
+export const containerStyle = {
+    position: 'fixed',
+    bottom: 16,
+    right: 16,
+    zIndex: 99999,
+    fontFamily: 'system-ui, -apple-system, sans-serif',
+};
+export const headerStyle = {
+    padding: '12px 16px',
+    borderBottom: '1px solid #e5e7eb',
+    fontWeight: 'bold',
+    fontSize: '14px',
+    color: '#111827',
+    backgroundColor: '#f9fafb',
+};
+export const contentStyle = {
+    padding: '16px',
+    display: 'flex',
+    flexDirection: 'column',
+    gap: '4px',
+    overflowY: 'auto',
+};
+export const sectionTitleStyle = {
+    fontSize: '12px',
+    fontWeight: 'bold',
+    color: '#6b7280',
+    marginBottom: '8px',
+    textTransform: 'uppercase',
+    letterSpacing: '0.5px',
+};
+export const cardStyle = {
+    backgroundColor: '#f9fafb',
+    borderRadius: '8px',
+    padding: '12px',
+    marginBottom: '8px',
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+};
+export const cityNameStyle = {
+    fontWeight: 600,
+    color: '#111827',
+};
+export const timezoneStyle = {
+    fontSize: '11px',
+    color: '#6b7280',
+    fontFamily: 'monospace',
+};
+export const timeStyle = {
+    fontSize: '16px',
+    fontWeight: 'bold',
+    color: '#111827',
+    fontFamily: 'monospace',
+};
+export const offsetStyle = {
+    fontSize: '11px',
+    padding: '2px 6px',
+    borderRadius: '4px',
+    backgroundColor: '#e5e7eb',
+    color: '#6b7280',
+};
+export const highlightStyle = {
+    backgroundColor: '#fef3c7',
+    border: '1px solid #fbbf24',
+};

package/dist/components/dev/ZIndexDebugger.js

@@ -170,7 +170,7 @@ export default function ZIndexDebugger({ position = 'bottom-left' }) {
     const handleElementClick = (element) => {
         element.scrollIntoView({ behavior: 'smooth', block: 'center' });
     };
-    return (React.createElement("div", { style: containerStyle },
+    return (React.createElement("div", { style: containerStyle, "data-testid": "zindex-debugger" },
         React.createElement("button", { onClick: () => setIsActive(!isActive), style: buttonStyle, onMouseEnter: (e) => (e.currentTarget.style.backgroundColor = isActive ? '#dc2626' : '#2563eb'), onMouseLeave: (e) => (e.currentTarget.style.backgroundColor = isActive ? '#ef4444' : '#3b82f6') }, isActive ? '🔴 Z-Index 디버거 종료' : '🔍 Z-Index 디버거'),
         isActive && (React.createElement("div", { style: panelStyle },
             React.createElement("div", { style: headerStyle },

package/dist/components/dev/index.d.ts

@@ -10,7 +10,9 @@ export { default as WindowSizeDisplay } from './WindowSizeDisplay';
 export { default as DevPanel } from './DevPanel';
 export { default as ZIndexDebugger } from './ZIndexDebugger';
 export { default as ApiLogger, addApiLog, clearApiLogs } from './ApiLogger';
-export { default as FormDevTools } from './FormDevTools';
-export type { FormDevToolsProps } from './FormDevTools';
 export type { ApiLogEntry } from './ApiLogger';
+export { DevToolsProvider, useRegisterForm, useDevTools } from './DevToolsProvider';
+export type { DevToolForm } from './DevToolsProvider';
+export { default as FormDevTools } from './FormDevTools/FormDevToolsContent';
+export { default as TimezoneDevTools } from './TimezoneDevTools/TimezoneDevToolsContent';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/dev/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/dev/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,YAAY,EAAE,eAAe,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAC5E,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACxD,YAAY,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/dev/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,YAAY,EAAE,eAAe,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAC5E,YAAY,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAG/C,OAAO,EAAE,gBAAgB,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACpF,YAAY,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAGtD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,oCAAoC,CAAC;AAG7E,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,4CAA4C,CAAC"}

package/dist/components/dev/index.js

@@ -9,4 +9,9 @@ export { default as WindowSizeDisplay } from './WindowSizeDisplay';
 export { default as DevPanel } from './DevPanel';
 export { default as ZIndexDebugger } from './ZIndexDebugger';
 export { default as ApiLogger, addApiLog, clearApiLogs } from './ApiLogger';
-export { default as FormDevTools } from './FormDevTools';
+// DevTools Provider
+export { DevToolsProvider, useRegisterForm, useDevTools } from './DevToolsProvider';
+// Form DevTools
+export { default as FormDevTools } from './FormDevTools/FormDevToolsContent';
+// Timezone DevTools
+export { default as TimezoneDevTools } from './TimezoneDevTools/TimezoneDevToolsContent';

package/dist/date/index.d.ts

@@ -61,4 +61,15 @@ export declare function isValidDate(date: any): boolean;
  * @param tz - 타임존 (예: 'Asia/Seoul')
  */
 export declare function toTimezone(date: Date | string | number, tz: string): Date;
+/**
+ * 사용자의 브라우저 타임존 반환
+ * @returns 타임존 문자열 (예: 'Asia/Seoul')
+ */
+export declare function getUserTimezone(): string;
+/**
+ * 타임존의 UTC 오프셋 반환 (dayjs 없이 Intl API 사용)
+ * @param tz - 타임존 (예: 'Asia/Seoul')
+ * @returns UTC 오프셋 문자열 (예: '+09:00', '-05:00')
+ */
+export declare function getTimezoneOffset(tz: string): string;
 //# sourceMappingURL=index.d.ts.map

package/dist/date/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/date/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,iBAAiB,CAAC;AAMzB;;;;GAIG;AACH,wBAAgB,UAAU,CACxB,IAAI,GAAE,IAAI,GAAG,MAAM,GAAG,MAAmB,EACzC,MAAM,GAAE,MAA8B,GACrC,MAAM,CAER;AAED;;;GAGG;AACH,wBAAgB,GAAG,CAAC,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAGlD;AAED;;;;GAIG;AACH,wBAAgB,OAAO,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,EAAE,MAAM,GAAE,MAAa,GAAG,MAAM,CAEnF;AAED;;;;;GAKG;AACH,wBAAgB,QAAQ,CACtB,KAAK,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,EAC7B,KAAK,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,EAC7B,IAAI,GAAE,KAAK,CAAC,UAAkB,GAC7B,MAAM,CAER;AAED;;;;;GAKG;AACH,wBAAgB,OAAO,CACrB,IAAI,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,EAC5B,KAAK,EAAE,MAAM,EACb,IAAI,GAAE,KAAK,CAAC,cAAsB,GACjC,IAAI,CAEN;AAED;;;;;GAKG;AACH,wBAAgB,YAAY,CAC1B,IAAI,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,EAC5B,KAAK,EAAE,MAAM,EACb,IAAI,GAAE,KAAK,CAAC,cAAsB,GACjC,IAAI,CAEN;AAED;;GAEG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,EAAE,KAAK,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAE9F;AAED;;GAEG;AACH,wBAAgB,OAAO,CAAC,KAAK,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,EAAE,KAAK,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAE7F;AAED;;;GAGG;AACH,wBAAgB,MAAM,CACpB,KAAK,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,EAC7B,KAAK,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,EAC7B,IAAI,GAAE,KAAK,CAAC,UAA0B,GACrC,OAAO,CAET;AAED;;GAEG;AACH,wBAAgB,WAAW,CAAC,IAAI,EAAE,GAAG,GAAG,OAAO,CAE9C;AAED;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,EAAE,EAAE,EAAE,MAAM,GAAG,IAAI,CAEzE"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/date/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,iBAAiB,CAAC;AAMzB;;;;GAIG;AACH,wBAAgB,UAAU,CACxB,IAAI,GAAE,IAAI,GAAG,MAAM,GAAG,MAAmB,EACzC,MAAM,GAAE,MAA8B,GACrC,MAAM,CAER;AAED;;;GAGG;AACH,wBAAgB,GAAG,CAAC,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAGlD;AAED;;;;GAIG;AACH,wBAAgB,OAAO,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,EAAE,MAAM,GAAE,MAAa,GAAG,MAAM,CAEnF;AAED;;;;;GAKG;AACH,wBAAgB,QAAQ,CACtB,KAAK,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,EAC7B,KAAK,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,EAC7B,IAAI,GAAE,KAAK,CAAC,UAAkB,GAC7B,MAAM,CAER;AAED;;;;;GAKG;AACH,wBAAgB,OAAO,CACrB,IAAI,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,EAC5B,KAAK,EAAE,MAAM,EACb,IAAI,GAAE,KAAK,CAAC,cAAsB,GACjC,IAAI,CAEN;AAED;;;;;GAKG;AACH,wBAAgB,YAAY,CAC1B,IAAI,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,EAC5B,KAAK,EAAE,MAAM,EACb,IAAI,GAAE,KAAK,CAAC,cAAsB,GACjC,IAAI,CAEN;AAED;;GAEG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,EAAE,KAAK,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAE9F;AAED;;GAEG;AACH,wBAAgB,OAAO,CAAC,KAAK,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,EAAE,KAAK,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAE7F;AAED;;;GAGG;AACH,wBAAgB,MAAM,CACpB,KAAK,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,EAC7B,KAAK,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,EAC7B,IAAI,GAAE,KAAK,CAAC,UAA0B,GACrC,OAAO,CAET;AAED;;GAEG;AACH,wBAAgB,WAAW,CAAC,IAAI,EAAE,GAAG,GAAG,OAAO,CAE9C;AAED;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,EAAE,EAAE,EAAE,MAAM,GAAG,IAAI,CAEzE;AAED;;;GAGG;AACH,wBAAgB,eAAe,IAAI,MAAM,CAExC;AAED;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,CAiCpD"}

package/dist/date/index.js

@@ -90,3 +90,46 @@ export function isValidDate(date) {
 export function toTimezone(date, tz) {
     return dayjs(date).tz(tz).toDate();
 }
+/**
+ * 사용자의 브라우저 타임존 반환
+ * @returns 타임존 문자열 (예: 'Asia/Seoul')
+ */
+export function getUserTimezone() {
+    return Intl.DateTimeFormat().resolvedOptions().timeZone;
+}
+/**
+ * 타임존의 UTC 오프셋 반환 (dayjs 없이 Intl API 사용)
+ * @param tz - 타임존 (예: 'Asia/Seoul')
+ * @returns UTC 오프셋 문자열 (예: '+09:00', '-05:00')
+ */
+export function getTimezoneOffset(tz) {
+    if (!tz)
+        return '+00:00';
+    try {
+        // Intl API를 사용하여 타임존 오프셋 계산
+        const now = new Date();
+        const formatter = new Intl.DateTimeFormat('en-US', {
+            timeZone: tz,
+            timeZoneName: 'longOffset',
+        });
+        const parts = formatter.formatToParts(now);
+        const offsetPart = parts.find(part => part.type === 'timeZoneName');
+        if (offsetPart && offsetPart.value) {
+            // "GMT+09:00" 형식에서 "GMT" 제거하고 "+09:00"만 반환
+            return offsetPart.value.replace('GMT', '');
+        }
+        // fallback: ISO 문자열에서 로컬 오프셋 추출
+        const isoString = now.toLocaleString('en-US', { timeZone: tz });
+        const localIsoString = now.toLocaleString('en-US', { timeZone: 'UTC' });
+        const dateInTz = new Date(isoString);
+        const dateInUtc = new Date(localIsoString);
+        const offsetInMinutes = (dateInTz.getTime() - dateInUtc.getTime()) / (1000 * 60);
+        const hours = Math.floor(Math.abs(offsetInMinutes) / 60);
+        const minutes = Math.abs(offsetInMinutes) % 60;
+        const sign = offsetInMinutes >= 0 ? '+' : '-';
+        return `${sign}${String(hours).padStart(2, '0')}:${String(minutes).padStart(2, '0')}`;
+    }
+    catch {
+        return '+00:00';
+    }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blastlabs/utils",
-  "version": "1.22.0",
+  "version": "2.1.0",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -69,6 +69,7 @@
     "dayjs": "^1.11.19"
   },
   "devDependencies": {
+    "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.1",
     "@testing-library/user-event": "^14.6.1",
     "@types/node": "^25.0.6",