@withwiz/cms-kit 0.1.0

package/dist/chunk-KWKV2GAH.js

@@ -0,0 +1,60 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkEG6NVPP2js = require('./chunk-EG6NVPP2.js');
+
+// src/utils/admin-fetch.ts
+var isRefreshing = false;
+var refreshPromise = null;
+function getAuthHeaders() {
+  return {};
+}
+async function refreshAccessToken() {
+  return tryRefreshCookie();
+}
+async function tryRefreshCookie() {
+  try {
+    const { refreshEndpoint } = _chunkEG6NVPP2js.resolveRouteConfig.call(void 0, );
+    const res = await fetch(refreshEndpoint, {
+      method: "POST",
+      credentials: "same-origin"
+    });
+    if (!res.ok) return false;
+    const data = await res.json();
+    return data.success === true;
+  } catch (e) {
+    return false;
+  }
+}
+async function tryRefresh() {
+  if (isRefreshing && refreshPromise) {
+    return refreshPromise;
+  }
+  isRefreshing = true;
+  refreshPromise = tryRefreshCookie().finally(() => {
+    isRefreshing = false;
+    refreshPromise = null;
+  });
+  return refreshPromise;
+}
+async function adminFetch(url, options = {}) {
+  const res = await fetch(url, {
+    ...options,
+    credentials: "same-origin"
+  });
+  if (res.status === 401 && typeof window !== "undefined") {
+    const refreshed = await tryRefresh();
+    if (refreshed) {
+      return fetch(url, { ...options, credentials: "same-origin" });
+    }
+    const { loginPath } = _chunkEG6NVPP2js.resolveRouteConfig.call(void 0, );
+    window.location.href = loginPath;
+  }
+  return res;
+}
+
+
+
+
+
+exports.getAuthHeaders = getAuthHeaders; exports.refreshAccessToken = refreshAccessToken; exports.adminFetch = adminFetch;
+//# sourceMappingURL=chunk-KWKV2GAH.js.map

package/dist/chunk-KWKV2GAH.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/Users/uni4love/project/workspace/211-withwiz/node-packages/withwiz-cms-kit/dist/chunk-KWKV2GAH.js","../src/utils/admin-fetch.ts"],"names":[],"mappings":"AAAA;AACE;AACF,sDAA4B;AAC5B;AACA;ACFA,IAAI,aAAA,EAAe,KAAA;AACnB,IAAI,eAAA,EAA0C,IAAA;AAKvC,SAAS,cAAA,CAAA,EAAyC;AACvD,EAAA,OAAO,CAAC,CAAA;AACV;AAKA,MAAA,SAAsB,kBAAA,CAAA,EAAuC;AAC3D,EAAA,OAAO,gBAAA,CAAiB,CAAA;AAC1B;AAEA,MAAA,SAAe,gBAAA,CAAA,EAAqC;AAClD,EAAA,IAAI;AAGF,IAAA,MAAM,EAAE,gBAAgB,EAAA,EAAI,iDAAA,CAAmB;AAC/C,IAAA,MAAM,IAAA,EAAM,MAAM,KAAA,CAAM,eAAA,EAAiB;AAAA,MACvC,MAAA,EAAQ,MAAA;AAAA,MACR,WAAA,EAAa;AAAA,IACf,CAAC,CAAA;AAED,IAAA,GAAA,CAAI,CAAC,GAAA,CAAI,EAAA,EAAI,OAAO,KAAA;AAEpB,IAAA,MAAM,KAAA,EAAO,MAAM,GAAA,CAAI,IAAA,CAAK,CAAA;AAC5B,IAAA,OAAO,IAAA,CAAK,QAAA,IAAY,IAAA;AAAA,EAC1B,EAAA,UAAQ;AACN,IAAA,OAAO,KAAA;AAAA,EACT;AACF;AAEA,MAAA,SAAe,UAAA,CAAA,EAA+B;AAC5C,EAAA,GAAA,CAAI,aAAA,GAAgB,cAAA,EAAgB;AAClC,IAAA,OAAO,cAAA;AAAA,EACT;AAEA,EAAA,aAAA,EAAe,IAAA;AACf,EAAA,eAAA,EAAiB,gBAAA,CAAiB,CAAA,CAAE,OAAA,CAAQ,CAAA,EAAA,GAAM;AAChD,IAAA,aAAA,EAAe,KAAA;AACf,IAAA,eAAA,EAAiB,IAAA;AAAA,EACnB,CAAC,CAAA;AAED,EAAA,OAAO,cAAA;AACT;AAEA,MAAA,SAAsB,UAAA,CACpB,GAAA,EACA,QAAA,EAAuB,CAAC,CAAA,EACL;AACnB,EAAA,MAAM,IAAA,EAAM,MAAM,KAAA,CAAM,GAAA,EAAK;AAAA,IAC3B,GAAG,OAAA;AAAA,IACH,WAAA,EAAa;AAAA,EACf,CAAC,CAAA;AAED,EAAA,GAAA,CAAI,GAAA,CAAI,OAAA,IAAW,IAAA,GAAO,OAAO,OAAA,IAAW,WAAA,EAAa;AACvD,IAAA,MAAM,UAAA,EAAY,MAAM,UAAA,CAAW,CAAA;AAEnC,IAAA,GAAA,CAAI,SAAA,EAAW;AACb,MAAA,OAAO,KAAA,CAAM,GAAA,EAAK,EAAE,GAAG,OAAA,EAAS,WAAA,EAAa,cAAc,CAAC,CAAA;AAAA,IAC9D;AAGA,IAAA,MAAM,EAAE,UAAU,EAAA,EAAI,iDAAA,CAAmB;AACzC,IAAA,MAAA,CAAO,QAAA,CAAS,KAAA,EAAO,SAAA;AAAA,EACzB;AAEA,EAAA,OAAO,GAAA;AACT;ADrBA;AACA;AACE;AACA;AACA;AACF,0HAAC","file":"/Users/uni4love/project/workspace/211-withwiz/node-packages/withwiz-cms-kit/dist/chunk-KWKV2GAH.js","sourcesContent":[null,"import { resolveRouteConfig } from '../config';\n\nlet isRefreshing = false;\nlet refreshPromise: Promise<boolean> | null = null;\n\n/**\n * @deprecated Auth is now handled via httpOnly cookies. Returns empty headers.\n */\nexport function getAuthHeaders(): Record<string, string> {\n  return {};\n}\n\n/**\n * @deprecated Auth is now handled via httpOnly cookies.\n */\nexport async function refreshAccessToken(): Promise<boolean> {\n  return tryRefreshCookie();\n}\n\nasync function tryRefreshCookie(): Promise<boolean> {\n  try {\n    // refresh 엔드포인트는 §5 config boundary 에서 해석된다 (consumer\n    // override 가능; 미설정 시 레거시 기본 경로 — spec.md §4.1 C2 / B5).\n    const { refreshEndpoint } = resolveRouteConfig();\n    const res = await fetch(refreshEndpoint, {\n      method: 'POST',\n      credentials: 'same-origin',\n    });\n\n    if (!res.ok) return false;\n\n    const data = await res.json();\n    return data.success === true;\n  } catch {\n    return false;\n  }\n}\n\nasync function tryRefresh(): Promise<boolean> {\n  if (isRefreshing && refreshPromise) {\n    return refreshPromise;\n  }\n\n  isRefreshing = true;\n  refreshPromise = tryRefreshCookie().finally(() => {\n    isRefreshing = false;\n    refreshPromise = null;\n  });\n\n  return refreshPromise;\n}\n\nexport async function adminFetch(\n  url: string,\n  options: RequestInit = {},\n): Promise<Response> {\n  const res = await fetch(url, {\n    ...options,\n    credentials: 'same-origin',\n  });\n\n  if (res.status === 401 && typeof window !== 'undefined') {\n    const refreshed = await tryRefresh();\n\n    if (refreshed) {\n      return fetch(url, { ...options, credentials: 'same-origin' });\n    }\n\n    // login 페이지 경로도 §5 config boundary 에서 해석된다.\n    const { loginPath } = resolveRouteConfig();\n    window.location.href = loginPath;\n  }\n\n  return res;\n}\n"]}

package/dist/chunk-LDFE33ML.mjs

@@ -0,0 +1,53 @@
+import {
+  resolveClientIdentity,
+  resolveRateLimitEnabled
+} from "./chunk-BWKKHCDG.mjs";
+
+// src/infrastructure/middleware/wrappers.ts
+import {
+  withPublicApi as _withPublicApi,
+  withAdminApi as _withAdminApi,
+  withAuthApi as _withAuthApi,
+  withCustomApi as _withCustomApi
+} from "@withwiz/toolkit/next/middleware/wrappers";
+import { setRateLimitAdapter } from "@withwiz/toolkit/next/middleware/rate-limit";
+function createInMemoryLimiter(limit, windowMs) {
+  const store = /* @__PURE__ */ new Map();
+  return {
+    check: async (identifier) => {
+      const now = Date.now();
+      const entry = store.get(identifier);
+      if (!entry || now > entry.resetAt) {
+        store.set(identifier, { count: 1, resetAt: now + windowMs });
+        return { success: true, remaining: limit - 1, resetIn: windowMs };
+      }
+      entry.count++;
+      const remaining = Math.max(0, limit - entry.count);
+      const resetIn = entry.resetAt - now;
+      return { success: entry.count <= limit, remaining, resetIn };
+    },
+    config: { limit }
+  };
+}
+var extractClientIdentity = (headers) => resolveClientIdentity(headers);
+setRateLimitAdapter({
+  rateLimiters: {
+    api: createInMemoryLimiter(120, 6e4),
+    auth: createInMemoryLimiter(10, 6e4),
+    admin: createInMemoryLimiter(200, 6e4)
+  },
+  extractClientIp: extractClientIdentity,
+  isEnabled: async () => resolveRateLimitEnabled()
+});
+var withPublicApi = _withPublicApi;
+var withAdminApi = _withAdminApi;
+var withAuthApi = _withAuthApi;
+var withCustomApi = _withCustomApi;
+
+export {
+  withPublicApi,
+  withAdminApi,
+  withAuthApi,
+  withCustomApi
+};
+//# sourceMappingURL=chunk-LDFE33ML.mjs.map

package/dist/chunk-LDFE33ML.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/infrastructure/middleware/wrappers.ts"],"sourcesContent":["import type { NextRequest } from 'next/server';\nimport {\n  withPublicApi as _withPublicApi,\n  withAdminApi as _withAdminApi,\n  withAuthApi as _withAuthApi,\n  withCustomApi as _withCustomApi,\n} from '@withwiz/toolkit/next/middleware/wrappers';\nimport { setRateLimitAdapter } from '@withwiz/toolkit/next/middleware/rate-limit';\nimport { resolveClientIdentity, resolveRateLimitEnabled } from '../../config';\n\nfunction createInMemoryLimiter(limit: number, windowMs: number) {\n  const store = new Map<string, { count: number; resetAt: number }>();\n  return {\n    check: async (identifier: string) => {\n      const now = Date.now();\n      const entry = store.get(identifier);\n      if (!entry || now > entry.resetAt) {\n        store.set(identifier, { count: 1, resetAt: now + windowMs });\n        return { success: true, remaining: limit - 1, resetIn: windowMs };\n      }\n      entry.count++;\n      const remaining = Math.max(0, limit - entry.count);\n      const resetIn = entry.resetAt - now;\n      return { success: entry.count <= limit, remaining, resetIn };\n    },\n    config: { limit },\n  };\n}\n\n/**\n * rate-limit client-identity 추출 (spec.md §4.6 / Sprint 1 S4).\n *\n * 더 이상 spoofable 한 `x-forwarded-for` 의 첫 값을 무조건 신뢰하지 않고\n * `127.0.0.1` 매직 fallback 도 쓰지 않는다. 식별자 추출은 §5 config\n * boundary 의 `resolveClientIdentity` 로 위임되며, consumer 가 자신의 proxy\n * topology / trusted hop 수를 아는 `rateLimit.identityExtractor` 를 주입하면\n * 그것이 사용된다. 미설정 시 안전 기본값(헤더만 바꿔 회전 불가)을 쓴다.\n *\n * NOTE: import-time `setRateLimitAdapter(...)` 무조건 호출 자체의 제거는\n * §4.3 / Sprint 2 범위다. Sprint 1 은 §4.6 보안 결함(identity 추출)만 고치고\n * 그것을 overridable 하게 만든다 (in-memory limiter 기본값은 유지).\n */\nconst extractClientIdentity = (headers: Headers): string =>\n  resolveClientIdentity(headers);\n\nsetRateLimitAdapter({\n  rateLimiters: {\n    api: createInMemoryLimiter(120, 60_000),\n    auth: createInMemoryLimiter(10, 60_000),\n    admin: createInMemoryLimiter(200, 60_000),\n  },\n  extractClientIp: extractClientIdentity,\n  isEnabled: async () => resolveRateLimitEnabled(),\n});\n\ntype NextRouteHandler = (request: NextRequest, context?: any) => Promise<Response>;\n\nexport const withPublicApi = _withPublicApi as unknown as (handler: any) => NextRouteHandler;\nexport const withAdminApi = _withAdminApi as unknown as (handler: any) => NextRouteHandler;\nexport const withAuthApi = _withAuthApi as unknown as (handler: any) => NextRouteHandler;\nexport const withCustomApi = _withCustomApi as unknown as (handler: any, configureChain: any) => NextRouteHandler;\n\nexport type { IApiContext, IUser, TApiHandler } from '@withwiz/toolkit/next/middleware/types';\n"],"mappings":";;;;;;AACA;AAAA,EACE,iBAAiB;AAAA,EACjB,gBAAgB;AAAA,EAChB,eAAe;AAAA,EACf,iBAAiB;AAAA,OACZ;AACP,SAAS,2BAA2B;AAGpC,SAAS,sBAAsB,OAAe,UAAkB;AAC9D,QAAM,QAAQ,oBAAI,IAAgD;AAClE,SAAO;AAAA,IACL,OAAO,OAAO,eAAuB;AACnC,YAAM,MAAM,KAAK,IAAI;AACrB,YAAM,QAAQ,MAAM,IAAI,UAAU;AAClC,UAAI,CAAC,SAAS,MAAM,MAAM,SAAS;AACjC,cAAM,IAAI,YAAY,EAAE,OAAO,GAAG,SAAS,MAAM,SAAS,CAAC;AAC3D,eAAO,EAAE,SAAS,MAAM,WAAW,QAAQ,GAAG,SAAS,SAAS;AAAA,MAClE;AACA,YAAM;AACN,YAAM,YAAY,KAAK,IAAI,GAAG,QAAQ,MAAM,KAAK;AACjD,YAAM,UAAU,MAAM,UAAU;AAChC,aAAO,EAAE,SAAS,MAAM,SAAS,OAAO,WAAW,QAAQ;AAAA,IAC7D;AAAA,IACA,QAAQ,EAAE,MAAM;AAAA,EAClB;AACF;AAeA,IAAM,wBAAwB,CAAC,YAC7B,sBAAsB,OAAO;AAE/B,oBAAoB;AAAA,EAClB,cAAc;AAAA,IACZ,KAAK,sBAAsB,KAAK,GAAM;AAAA,IACtC,MAAM,sBAAsB,IAAI,GAAM;AAAA,IACtC,OAAO,sBAAsB,KAAK,GAAM;AAAA,EAC1C;AAAA,EACA,iBAAiB;AAAA,EACjB,WAAW,YAAY,wBAAwB;AACjD,CAAC;AAIM,IAAM,gBAAgB;AACtB,IAAM,eAAe;AACrB,IAAM,cAAc;AACpB,IAAM,gBAAgB;","names":[]}

package/dist/chunk-LF5LOI7K.mjs

@@ -0,0 +1,174 @@
+import {
+  resizeImageIfNeeded,
+  validateImageSize
+} from "./chunk-J5N76ASB.mjs";
+import {
+  adminFetch
+} from "./chunk-T7EVFD4G.mjs";
+import {
+  resolveRouteConfig
+} from "./chunk-BWKKHCDG.mjs";
+
+// src/hooks/useImageDropZone.ts
+import { useState, useCallback, useRef } from "react";
+var ALLOWED_TYPES = ["image/jpeg", "image/png", "image/webp", "image/gif"];
+var MAX_UPLOAD_SIZE = 5 * 1024 * 1024;
+function validateFile(file) {
+  if (!ALLOWED_TYPES.includes(file.type)) {
+    const allowed = ALLOWED_TYPES.map((t) => t.split("/")[1]).join(", ");
+    return `\uC9C0\uC6D0\uD558\uC9C0 \uC54A\uB294 \uD30C\uC77C \uD615\uC2DD\uC785\uB2C8\uB2E4. (\uD5C8\uC6A9: ${allowed})`;
+  }
+  const sizeError = validateImageSize(file);
+  if (sizeError) return sizeError;
+  return null;
+}
+async function uploadSingleFile(file) {
+  const fd = new FormData();
+  fd.append("file", file);
+  const { uploadEndpoint } = resolveRouteConfig();
+  const res = await adminFetch(uploadEndpoint, {
+    method: "POST",
+    body: fd
+  });
+  const json = await res.json();
+  if (!json.success) {
+    throw new Error(json.error?.message || "\uC5C5\uB85C\uB4DC \uC2E4\uD328");
+  }
+  return json.data;
+}
+function useImageDropZone(options) {
+  const {
+    multiple = false,
+    maxFiles,
+    onUpload,
+    onKeyTracked,
+    disabled = false
+  } = options;
+  const [isDragOver, setIsDragOver] = useState(false);
+  const [isUploading, setIsUploading] = useState(false);
+  const [isResizing, setIsResizing] = useState(false);
+  const [error, setError] = useState(null);
+  const dragCounterRef = useRef(0);
+  const processFiles = useCallback(
+    async (files) => {
+      if (disabled || files.length === 0) return;
+      let toProcess = multiple ? files : [files[0]];
+      if (maxFiles && toProcess.length > maxFiles) {
+        toProcess = toProcess.slice(0, maxFiles);
+        setError(`\uCD5C\uB300 ${maxFiles}\uAC1C\uAE4C\uC9C0 \uC5C5\uB85C\uB4DC\uD560 \uC218 \uC788\uC2B5\uB2C8\uB2E4.`);
+      }
+      for (const file of toProcess) {
+        const validationError = validateFile(file);
+        if (validationError) {
+          setError(validationError);
+          return;
+        }
+      }
+      setError(null);
+      setIsResizing(true);
+      let resizedFiles;
+      try {
+        resizedFiles = [];
+        for (const file of toProcess) {
+          const result = await resizeImageIfNeeded(file);
+          if (result.wasResized && process.env.NODE_ENV === "development") {
+            console.log(
+              `[image-optimize] ${(result.originalSize / 1024 / 1024).toFixed(1)}MB \u2192 ${(result.newSize / 1024 / 1024).toFixed(1)}MB`
+            );
+          }
+          if (result.file.size > MAX_UPLOAD_SIZE) {
+            setError(
+              `\uC774\uBBF8\uC9C0 \uCD5C\uC801\uD654 \uD6C4\uC5D0\uB3C4 5MB\uB97C \uCD08\uACFC\uD569\uB2C8\uB2E4. (${(result.file.size / 1024 / 1024).toFixed(1)}MB) \uB354 \uC791\uC740 \uC774\uBBF8\uC9C0\uB97C \uC0AC\uC6A9\uD574 \uC8FC\uC138\uC694.`
+            );
+            setIsResizing(false);
+            return;
+          }
+          resizedFiles.push(result.file);
+        }
+      } catch (err) {
+        const msg = err instanceof Error ? err.message : "\uC774\uBBF8\uC9C0 \uCD5C\uC801\uD654 \uC911 \uC624\uB958 \uBC1C\uC0DD";
+        setError(msg);
+        setIsResizing(false);
+        return;
+      }
+      setIsResizing(false);
+      setIsUploading(true);
+      try {
+        for (const file of resizedFiles) {
+          const result = await uploadSingleFile(file);
+          onUpload(result);
+          if (result.key) onKeyTracked?.(result.key);
+          if (result.variantKeys) {
+            for (const vk of result.variantKeys) onKeyTracked?.(vk);
+          }
+        }
+      } catch (err) {
+        const msg = err instanceof Error ? err.message : "\uC5C5\uB85C\uB4DC \uC911 \uC624\uB958 \uBC1C\uC0DD";
+        setError(msg);
+      } finally {
+        setIsUploading(false);
+      }
+    },
+    [multiple, maxFiles, onUpload, onKeyTracked, disabled]
+  );
+  const onDragEnter = useCallback((e) => {
+    e.preventDefault();
+    e.stopPropagation();
+    dragCounterRef.current++;
+    if (e.dataTransfer?.types.includes("Files")) {
+      setIsDragOver(true);
+    }
+  }, []);
+  const onDragOver = useCallback((e) => {
+    e.preventDefault();
+    e.stopPropagation();
+  }, []);
+  const onDragLeave = useCallback((e) => {
+    e.preventDefault();
+    e.stopPropagation();
+    dragCounterRef.current--;
+    if (dragCounterRef.current === 0) {
+      setIsDragOver(false);
+    }
+  }, []);
+  const onDrop = useCallback(
+    (e) => {
+      e.preventDefault();
+      e.stopPropagation();
+      dragCounterRef.current = 0;
+      setIsDragOver(false);
+      if (disabled) return;
+      const files = Array.from(e.dataTransfer?.files || []).filter(
+        (f) => f.type.startsWith("image/")
+      );
+      if (files.length === 0) {
+        setError("\uC774\uBBF8\uC9C0 \uD30C\uC77C\uB9CC \uC5C5\uB85C\uB4DC\uD560 \uC218 \uC788\uC2B5\uB2C8\uB2E4.");
+        return;
+      }
+      processFiles(files);
+    },
+    [processFiles, disabled]
+  );
+  const handleFileInput = useCallback(
+    async (fileList) => {
+      const files = Array.from(fileList || []);
+      if (files.length > 0) {
+        await processFiles(files);
+      }
+    },
+    [processFiles]
+  );
+  return {
+    isDragOver,
+    isUploading,
+    isResizing,
+    error,
+    dragHandlers: { onDragEnter, onDragOver, onDragLeave, onDrop },
+    handleFileInput
+  };
+}
+
+export {
+  useImageDropZone
+};
+//# sourceMappingURL=chunk-LF5LOI7K.mjs.map

package/dist/chunk-LF5LOI7K.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/hooks/useImageDropZone.ts"],"sourcesContent":["\"use client\";\n\nimport { useState, useCallback, useRef, type DragEvent } from \"react\";\nimport { adminFetch } from \"../utils/admin-fetch\";\nimport {\n  resizeImageIfNeeded,\n  validateImageSize,\n} from \"../utils/image-resize\";\nimport { resolveRouteConfig } from \"../config\";\n\nconst ALLOWED_TYPES = [\"image/jpeg\", \"image/png\", \"image/webp\", \"image/gif\"];\nconst MAX_UPLOAD_SIZE = 5 * 1024 * 1024; // 5MB\n\ninterface ImageVariantUrls {\n  lg?: string;\n  md?: string;\n  sm?: string;\n  thumb?: string;\n}\n\ninterface UploadResult {\n  url: string;\n  key: string;\n  size: number;\n  variants?: ImageVariantUrls;\n  variantKeys?: string[];\n}\n\ninterface UseImageDropZoneOptions {\n  multiple?: boolean;\n  maxFiles?: number;\n  onUpload: (result: UploadResult) => void;\n  onKeyTracked?: (key: string) => void;\n  disabled?: boolean;\n}\n\nfunction validateFile(file: File): string | null {\n  if (!ALLOWED_TYPES.includes(file.type)) {\n    const allowed = ALLOWED_TYPES.map((t) => t.split(\"/\")[1]).join(\", \");\n    return `지원하지 않는 파일 형식입니다. (허용: ${allowed})`;\n  }\n  const sizeError = validateImageSize(file);\n  if (sizeError) return sizeError;\n  return null;\n}\n\nasync function uploadSingleFile(file: File): Promise<UploadResult> {\n  const fd = new FormData();\n  fd.append(\"file\", file);\n  // upload 엔드포인트는 §5 config boundary 에서 해석된다 (consumer override\n  // 가능; 미설정 시 레거시 기본 경로 — spec.md §4.1 C2 / B5).\n  const { uploadEndpoint } = resolveRouteConfig();\n  const res = await adminFetch(uploadEndpoint, {\n    method: \"POST\",\n    body: fd,\n  });\n  const json = await res.json();\n  if (!json.success) {\n    throw new Error(json.error?.message || \"업로드 실패\");\n  }\n  return json.data;\n}\n\nexport function useImageDropZone(options: UseImageDropZoneOptions) {\n  const {\n    multiple = false,\n    maxFiles,\n    onUpload,\n    onKeyTracked,\n    disabled = false,\n  } = options;\n\n  const [isDragOver, setIsDragOver] = useState(false);\n  const [isUploading, setIsUploading] = useState(false);\n  const [isResizing, setIsResizing] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n  const dragCounterRef = useRef(0);\n\n  const processFiles = useCallback(\n    async (files: File[]) => {\n      if (disabled || files.length === 0) return;\n\n      let toProcess = multiple ? files : [files[0]];\n\n      if (maxFiles && toProcess.length > maxFiles) {\n        toProcess = toProcess.slice(0, maxFiles);\n        setError(`최대 ${maxFiles}개까지 업로드할 수 있습니다.`);\n      }\n\n      for (const file of toProcess) {\n        const validationError = validateFile(file);\n        if (validationError) {\n          setError(validationError);\n          return;\n        }\n      }\n\n      setError(null);\n\n      setIsResizing(true);\n      let resizedFiles: File[];\n      try {\n        resizedFiles = [];\n        for (const file of toProcess) {\n          const result = await resizeImageIfNeeded(file);\n          if (result.wasResized && process.env.NODE_ENV === \"development\") {\n            console.log(\n              `[image-optimize] ${(result.originalSize / 1024 / 1024).toFixed(1)}MB → ${(result.newSize / 1024 / 1024).toFixed(1)}MB`\n            );\n          }\n          if (result.file.size > MAX_UPLOAD_SIZE) {\n            setError(\n              `이미지 최적화 후에도 5MB를 초과합니다. (${(result.file.size / 1024 / 1024).toFixed(1)}MB) 더 작은 이미지를 사용해 주세요.`\n            );\n            setIsResizing(false);\n            return;\n          }\n          resizedFiles.push(result.file);\n        }\n      } catch (err) {\n        const msg =\n          err instanceof Error ? err.message : \"이미지 최적화 중 오류 발생\";\n        setError(msg);\n        setIsResizing(false);\n        return;\n      }\n      setIsResizing(false);\n\n      setIsUploading(true);\n      try {\n        for (const file of resizedFiles) {\n          const result = await uploadSingleFile(file);\n          onUpload(result);\n          if (result.key) onKeyTracked?.(result.key);\n          if (result.variantKeys) {\n            for (const vk of result.variantKeys) onKeyTracked?.(vk);\n          }\n        }\n      } catch (err) {\n        const msg =\n          err instanceof Error ? err.message : \"업로드 중 오류 발생\";\n        setError(msg);\n      } finally {\n        setIsUploading(false);\n      }\n    },\n    [multiple, maxFiles, onUpload, onKeyTracked, disabled]\n  );\n\n  const onDragEnter = useCallback((e: DragEvent) => {\n    e.preventDefault();\n    e.stopPropagation();\n    dragCounterRef.current++;\n    if (e.dataTransfer?.types.includes(\"Files\")) {\n      setIsDragOver(true);\n    }\n  }, []);\n\n  const onDragOver = useCallback((e: DragEvent) => {\n    e.preventDefault();\n    e.stopPropagation();\n  }, []);\n\n  const onDragLeave = useCallback((e: DragEvent) => {\n    e.preventDefault();\n    e.stopPropagation();\n    dragCounterRef.current--;\n    if (dragCounterRef.current === 0) {\n      setIsDragOver(false);\n    }\n  }, []);\n\n  const onDrop = useCallback(\n    (e: DragEvent) => {\n      e.preventDefault();\n      e.stopPropagation();\n      dragCounterRef.current = 0;\n      setIsDragOver(false);\n\n      if (disabled) return;\n\n      const files = Array.from(e.dataTransfer?.files || []).filter((f) =>\n        f.type.startsWith(\"image/\")\n      );\n\n      if (files.length === 0) {\n        setError(\"이미지 파일만 업로드할 수 있습니다.\");\n        return;\n      }\n\n      processFiles(files);\n    },\n    [processFiles, disabled]\n  );\n\n  const handleFileInput = useCallback(\n    async (fileList: FileList | null) => {\n      const files = Array.from(fileList || []);\n      if (files.length > 0) {\n        await processFiles(files);\n      }\n    },\n    [processFiles]\n  );\n\n  return {\n    isDragOver,\n    isUploading,\n    isResizing,\n    error,\n    dragHandlers: { onDragEnter, onDragOver, onDragLeave, onDrop },\n    handleFileInput,\n  };\n}\n"],"mappings":"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","names":[]}

package/dist/chunk-MMKAMH4U.mjs

@@ -0,0 +1,16 @@
+// src/utils/image-variant-utils.ts
+var IMAGE_VARIANT_SIZES = {
+  lg: 1920,
+  md: 960,
+  sm: 480,
+  thumb: 240
+};
+function getVariantUrl(url, size = "thumb") {
+  return url.replace(/\.[^.]+$/, `-${size}.webp`);
+}
+
+export {
+  IMAGE_VARIANT_SIZES,
+  getVariantUrl
+};
+//# sourceMappingURL=chunk-MMKAMH4U.mjs.map

package/dist/chunk-MMKAMH4U.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils/image-variant-utils.ts"],"sourcesContent":["export const IMAGE_VARIANT_SIZES = {\n  lg: 1920,\n  md: 960,\n  sm: 480,\n  thumb: 240,\n} as const;\n\nexport type VariantSize = keyof typeof IMAGE_VARIANT_SIZES;\n\n/**\n * 이미지 URL에서 특정 variant URL을 생성합니다.\n * 예: (\"https://cdn.example.com/path/abc.jpg\", \"thumb\") → \"https://cdn.example.com/path/abc-thumb.webp\"\n */\nexport function getVariantUrl(url: string, size: VariantSize = 'thumb'): string {\n  return url.replace(/\\.[^.]+$/, `-${size}.webp`);\n}\n"],"mappings":";AAAO,IAAM,sBAAsB;AAAA,EACjC,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,OAAO;AACT;AAQO,SAAS,cAAc,KAAa,OAAoB,SAAiB;AAC9E,SAAO,IAAI,QAAQ,YAAY,IAAI,IAAI,OAAO;AAChD;","names":[]}

package/dist/chunk-MUHFEEYW.js

@@ -0,0 +1,33 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/components/JsonLd.tsx
+var _jsxruntime = require('react/jsx-runtime');
+var LS = String.fromCharCode(8232);
+var PS = String.fromCharCode(8233);
+var JSON_LD_UNSAFE = new RegExp(`[<>&${LS}${PS}]`, "g");
+var JSON_LD_ESCAPES = {
+  "<": "\\u003c",
+  ">": "\\u003e",
+  "&": "\\u0026",
+  [LS]: "\\u2028",
+  [PS]: "\\u2029"
+};
+function escapeJsonForScript(data) {
+  return JSON.stringify(data).replace(
+    JSON_LD_UNSAFE,
+    (ch) => JSON_LD_ESCAPES[ch]
+  );
+}
+function JsonLd({ data }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "script",
+    {
+      type: "application/ld+json",
+      dangerouslySetInnerHTML: { __html: escapeJsonForScript(data) }
+    }
+  );
+}
+
+
+
+
+exports.escapeJsonForScript = escapeJsonForScript; exports.JsonLd = JsonLd;
+//# sourceMappingURL=chunk-MUHFEEYW.js.map

package/dist/chunk-MUHFEEYW.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/Users/uni4love/project/workspace/211-withwiz/node-packages/withwiz-cms-kit/dist/chunk-MUHFEEYW.js","../src/components/JsonLd.tsx"],"names":[],"mappings":"AAAA;ACgDI,+CAAA;AA1BJ,IAAM,GAAA,EAAK,MAAA,CAAO,YAAA,CAAa,IAAM,CAAA;AACrC,IAAM,GAAA,EAAK,MAAA,CAAO,YAAA,CAAa,IAAM,CAAA;AACrC,IAAM,eAAA,EAAiB,IAAI,MAAA,CAAO,CAAA,IAAA,EAAO,EAAE,CAAA,EAAA;AAEK;AACzC,EAAA;AACA,EAAA;AACA,EAAA;AACC,EAAA;AACA,EAAA;AACR;AAO2D;AAC7B,EAAA;AAC1B,IAAA;AAC0B,IAAA;AAC5B,EAAA;AACF;AAEoE;AAEhE,EAAA;AAAC,IAAA;AAAA,IAAA;AACM,MAAA;AAC8B,MAAA;AAA0B,IAAA;AAC/D,EAAA;AAEJ;AD1B0C;AACA;AACA;AACA;AACA","file":"/Users/uni4love/project/workspace/211-withwiz/node-packages/withwiz-cms-kit/dist/chunk-MUHFEEYW.js","sourcesContent":[null,"/**\n * JSON-LD 구조화 데이터 스크립트 (spec.md §4.6 / Sprint 1 S2).\n *\n * `JSON.stringify(data)` 를 그대로 `<script>` 에 주입하면 `data` 값에 들어 있는\n * `</script>` / `<!--` / `<` / `&` / U+2028 / U+2029 가 스크립트 요소를\n * 탈출(breakout)시켜 저장/반사형 XSS 가 된다. 아래 escapeJsonForScript 가\n * 직렬화 결과를 안전하게 이스케이프한다 (codepoint 기반 — 소스에 비가시\n * 라인 종결자 문자를 두지 않는다). 이스케이프 대상:\n *\n *   U+003C  (escaped to backslash-u003c) -- blocks </script>, <!--, <\n *   U+003E  (escaped to backslash-u003e)\n *   U+0026  (escaped to backslash-u0026)\n *   U+2028  (escaped to backslash-u2028) -- JS string literal break guard\n *   U+2029  (escaped to backslash-u2029)\n *\n * 이 치환들은 JSON 문자열 컨텍스트 안에서 유효한 \\uXXXX 이스케이프이므로,\n * 디코드된 스크립트 텍스트를 JSON.parse 하면 원본 data 와 정확히\n * deep-equal 한다 (round-trip 보존).\n */\n\n// 소스에 raw U+2028/U+2029 (JS line terminator) 를 두지 않도록 codepoint 으로\n// 문자 클래스를 구성한다.\nconst LS = String.fromCharCode(0x2028);\nconst PS = String.fromCharCode(0x2029);\nconst JSON_LD_UNSAFE = new RegExp(`[<>&${LS}${PS}]`, 'g');\n\nconst JSON_LD_ESCAPES: Record<string, string> = {\n  '<': '\\\\u003c',\n  '>': '\\\\u003e',\n  '&': '\\\\u0026',\n  [LS]: '\\\\u2028',\n  [PS]: '\\\\u2029',\n};\n\n/**\n * `<script>` 안에 안전하게 넣을 수 있도록 직렬화된 JSON 을 이스케이프한다.\n * 결과는 여전히 유효한 `application/ld+json` 이며 `JSON.parse` 시 원본으로\n * 복원된다.\n */\nexport function escapeJsonForScript(data: unknown): string {\n  return JSON.stringify(data).replace(\n    JSON_LD_UNSAFE,\n    (ch) => JSON_LD_ESCAPES[ch],\n  );\n}\n\nexport function JsonLd({ data }: { data: Record<string, unknown> }) {\n  return (\n    <script\n      type=\"application/ld+json\"\n      dangerouslySetInnerHTML={{ __html: escapeJsonForScript(data) }}\n    />\n  );\n}\n"]}

package/dist/chunk-MUQYK5EO.js

@@ -0,0 +1 @@
+"use strict";//# sourceMappingURL=chunk-MUQYK5EO.js.map

package/dist/chunk-MUQYK5EO.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/Users/uni4love/project/workspace/211-withwiz/node-packages/withwiz-cms-kit/dist/chunk-MUQYK5EO.js"],"names":[],"mappings":"AAAA","file":"/Users/uni4love/project/workspace/211-withwiz/node-packages/withwiz-cms-kit/dist/chunk-MUQYK5EO.js"}

package/dist/chunk-OBNALAMG.mjs

@@ -0,0 +1,71 @@
+import {
+  useImageDropZone
+} from "./chunk-LF5LOI7K.mjs";
+
+// src/components/ImageDropUpload.tsx
+import { useRef } from "react";
+import "./image-drop-zone.css";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function ImageDropUpload({
+  src,
+  onUpload,
+  onKeyTracked,
+  className = "",
+  placeholder = "\uD074\uB9AD \uB610\uB294 \uB4DC\uB798\uADF8\uD558\uC5EC \uC774\uBBF8\uC9C0 \uCD94\uAC00"
+}) {
+  const inputRef = useRef(null);
+  const drop = useImageDropZone({
+    onUpload: (result) => onUpload(result.url, result.key),
+    onKeyTracked
+  });
+  const cls = [
+    className,
+    src ? "has" : "",
+    drop.isDragOver ? "is-drag-over" : "",
+    drop.isUploading ? "is-uploading" : "",
+    drop.isResizing ? "is-resizing" : ""
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      "input",
+      {
+        ref: inputRef,
+        type: "file",
+        accept: "image/*",
+        style: { display: "none" },
+        onChange: async (e) => {
+          await drop.handleFileInput(e.target.files);
+          e.target.value = "";
+        }
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: cls,
+        onClick: () => !drop.isUploading && !drop.isResizing && inputRef.current?.click(),
+        ...drop.dragHandlers,
+        children: drop.isResizing ? /* @__PURE__ */ jsx("span", { className: "dz-upload-spinner", children: "\uCD5C\uC801\uD654 \uC911..." }) : drop.isUploading ? /* @__PURE__ */ jsx("span", { className: "dz-upload-spinner", children: "\uC5C5\uB85C\uB4DC \uC911..." }) : drop.isDragOver ? /* @__PURE__ */ jsx("span", { className: "dz-drag-hint", children: "\uB193\uC73C\uC138\uC694" }) : src ? (
+          /* eslint-disable-next-line @next/next/no-img-element */
+          /* @__PURE__ */ jsx("img", { src, alt: "", style: { maxWidth: "100%", height: "auto" } })
+        ) : /* @__PURE__ */ jsxs("div", { className: "dz-placeholder", children: [
+          /* @__PURE__ */ jsx("div", { className: "dz-placeholder-icon", children: "+" }),
+          /* @__PURE__ */ jsx("div", { className: "dz-placeholder-text", children: placeholder }),
+          /* @__PURE__ */ jsxs("div", { className: "dz-placeholder-guide", children: [
+            "JPG, PNG, WebP, GIF | \uCD5C\uB300 5MB",
+            /* @__PURE__ */ jsx("br", {}),
+            "\uCD08\uACFC \uC2DC \uC790\uB3D9 \uC555\uCD95 \xB7 1920px \uC774\uD558\uB85C \uB9AC\uC0AC\uC774\uC988",
+            /* @__PURE__ */ jsx("br", {}),
+            "WebP \uBCC0\uD658 \xB7 4\uAC1C \uC0AC\uC774\uC988(lg/md/sm/thumb) \uC790\uB3D9 \uC0DD\uC131"
+          ] })
+        ] })
+      }
+    ),
+    drop.error && /* @__PURE__ */ jsx("div", { className: "dz-error", children: drop.error })
+  ] });
+}
+
+export {
+  ImageDropUpload
+};
+//# sourceMappingURL=chunk-OBNALAMG.mjs.map

package/dist/chunk-OBNALAMG.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ImageDropUpload.tsx"],"sourcesContent":["\"use client\";\n\nimport { useRef } from \"react\";\nimport { useImageDropZone } from \"../hooks/useImageDropZone\";\nimport \"./image-drop-zone.css\";\n\ninterface Props {\n  /** Current image URL */\n  src: string;\n  /** Called with uploaded image URL and key */\n  onUpload: (url: string, key: string) => void;\n  /** Track uploaded key for orphan cleanup */\n  onKeyTracked?: (key: string) => void;\n  /** CSS class for the drop zone container */\n  className?: string;\n  /** Placeholder text when no image */\n  placeholder?: string;\n}\n\nexport default function ImageDropUpload({\n  src,\n  onUpload,\n  onKeyTracked,\n  className = \"\",\n  placeholder = \"클릭 또는 드래그하여 이미지 추가\",\n}: Props) {\n  const inputRef = useRef<HTMLInputElement>(null);\n  const drop = useImageDropZone({\n    onUpload: (result) => onUpload(result.url, result.key),\n    onKeyTracked,\n  });\n\n  const cls = [\n    className,\n    src ? \"has\" : \"\",\n    drop.isDragOver ? \"is-drag-over\" : \"\",\n    drop.isUploading ? \"is-uploading\" : \"\",\n    drop.isResizing ? \"is-resizing\" : \"\",\n  ].filter(Boolean).join(\" \");\n\n  return (\n    <>\n      <input\n        ref={inputRef}\n        type=\"file\"\n        accept=\"image/*\"\n        style={{ display: \"none\" }}\n        onChange={async (e) => {\n          await drop.handleFileInput(e.target.files);\n          e.target.value = \"\";\n        }}\n      />\n      <div\n        className={cls}\n        onClick={() => !drop.isUploading && !drop.isResizing && inputRef.current?.click()}\n        {...drop.dragHandlers}\n      >\n        {drop.isResizing ? (\n          <span className=\"dz-upload-spinner\">최적화 중...</span>\n        ) : drop.isUploading ? (\n          <span className=\"dz-upload-spinner\">업로드 중...</span>\n        ) : drop.isDragOver ? (\n          <span className=\"dz-drag-hint\">놓으세요</span>\n        ) : src ? (\n          /* eslint-disable-next-line @next/next/no-img-element */\n          <img src={src} alt=\"\" style={{ maxWidth: \"100%\", height: \"auto\" }} />\n        ) : (\n          <div className=\"dz-placeholder\">\n            <div className=\"dz-placeholder-icon\">+</div>\n            <div className=\"dz-placeholder-text\">{placeholder}</div>\n            <div className=\"dz-placeholder-guide\">\n              JPG, PNG, WebP, GIF | 최대 5MB\n              <br />\n              초과 시 자동 압축 · 1920px 이하로 리사이즈\n              <br />\n              WebP 변환 · 4개 사이즈(lg/md/sm/thumb) 자동 생성\n            </div>\n          </div>\n        )}\n      </div>\n      {drop.error && <div className=\"dz-error\">{drop.error}</div>}\n    </>\n  );\n}\n"],"mappings":";;;;;AAEA,SAAS,cAAc;AAEvB,OAAO;AAqCH,mBACE,KA4BM,YA7BR;AAtBW,SAAR,gBAAiC;AAAA,EACtC;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ,cAAc;AAChB,GAAU;AACR,QAAM,WAAW,OAAyB,IAAI;AAC9C,QAAM,OAAO,iBAAiB;AAAA,IAC5B,UAAU,CAAC,WAAW,SAAS,OAAO,KAAK,OAAO,GAAG;AAAA,IACrD;AAAA,EACF,CAAC;AAED,QAAM,MAAM;AAAA,IACV;AAAA,IACA,MAAM,QAAQ;AAAA,IACd,KAAK,aAAa,iBAAiB;AAAA,IACnC,KAAK,cAAc,iBAAiB;AAAA,IACpC,KAAK,aAAa,gBAAgB;AAAA,EACpC,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAE1B,SACE,iCACE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,KAAK;AAAA,QACL,MAAK;AAAA,QACL,QAAO;AAAA,QACP,OAAO,EAAE,SAAS,OAAO;AAAA,QACzB,UAAU,OAAO,MAAM;AACrB,gBAAM,KAAK,gBAAgB,EAAE,OAAO,KAAK;AACzC,YAAE,OAAO,QAAQ;AAAA,QACnB;AAAA;AAAA,IACF;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,WAAW;AAAA,QACX,SAAS,MAAM,CAAC,KAAK,eAAe,CAAC,KAAK,cAAc,SAAS,SAAS,MAAM;AAAA,QAC/E,GAAG,KAAK;AAAA,QAER,eAAK,aACJ,oBAAC,UAAK,WAAU,qBAAoB,0CAAQ,IAC1C,KAAK,cACP,oBAAC,UAAK,WAAU,qBAAoB,0CAAQ,IAC1C,KAAK,aACP,oBAAC,UAAK,WAAU,gBAAe,sCAAI,IACjC;AAAA;AAAA,UAEF,oBAAC,SAAI,KAAU,KAAI,IAAG,OAAO,EAAE,UAAU,QAAQ,QAAQ,OAAO,GAAG;AAAA,YAEnE,qBAAC,SAAI,WAAU,kBACb;AAAA,8BAAC,SAAI,WAAU,uBAAsB,eAAC;AAAA,UACtC,oBAAC,SAAI,WAAU,uBAAuB,uBAAY;AAAA,UAClD,qBAAC,SAAI,WAAU,wBAAuB;AAAA;AAAA,YAEpC,oBAAC,QAAG;AAAA,YAAE;AAAA,YAEN,oBAAC,QAAG;AAAA,YAAE;AAAA,aAER;AAAA,WACF;AAAA;AAAA,IAEJ;AAAA,IACC,KAAK,SAAS,oBAAC,SAAI,WAAU,YAAY,eAAK,OAAM;AAAA,KACvD;AAEJ;","names":[]}

package/dist/chunk-OLEYNPW6.js

@@ -0,0 +1,25 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/infrastructure/prisma.ts
+var _prisma = null;
+function setPrismaClient(client) {
+  _prisma = client;
+}
+function getPrisma() {
+  if (!_prisma) {
+    throw new Error(
+      "@withwiz/cms-kit: Prisma client not initialized. Call setPrismaClient() first."
+    );
+  }
+  return _prisma;
+}
+var prisma = new Proxy({}, {
+  get(_target, prop) {
+    return getPrisma()[prop];
+  }
+});
+
+
+
+
+
+exports.setPrismaClient = setPrismaClient; exports.getPrisma = getPrisma; exports.prisma = prisma;
+//# sourceMappingURL=chunk-OLEYNPW6.js.map

package/dist/chunk-OLEYNPW6.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/Users/uni4love/project/workspace/211-withwiz/node-packages/withwiz-cms-kit/dist/chunk-OLEYNPW6.js","../src/infrastructure/prisma.ts"],"names":[],"mappings":"AAAA;ACEA,IAAI,QAAA,EAAe,IAAA;AAEZ,SAAS,eAAA,CAAgB,MAAA,EAAa;AAC3C,EAAA,QAAA,EAAU,MAAA;AACZ;AAEO,SAAS,SAAA,CAAA,EAAiB;AAC/B,EAAA,GAAA,CAAI,CAAC,OAAA,EAAS;AACZ,IAAA,MAAM,IAAI,KAAA;AAAA,MACR;AAAA,IACF,CAAA;AAAA,EACF;AACA,EAAA,OAAO,OAAA;AACT;AAEO,IAAM,OAAA,EAAc,IAAI,KAAA,CAAM,CAAC,CAAA,EAAG;AAAA,EACvC,GAAA,CAAI,OAAA,EAAS,IAAA,EAAM;AACjB,IAAA,OAAO,SAAA,CAAU,CAAA,CAAE,IAAI,CAAA;AAAA,EACzB;AACF,CAAC,CAAA;ADHD;AACA;AACE;AACA;AACA;AACF,kGAAC","file":"/Users/uni4love/project/workspace/211-withwiz/node-packages/withwiz-cms-kit/dist/chunk-OLEYNPW6.js","sourcesContent":[null,"/* eslint-disable @typescript-eslint/no-explicit-any */\n\nlet _prisma: any = null;\n\nexport function setPrismaClient(client: any) {\n  _prisma = client;\n}\n\nexport function getPrisma(): any {\n  if (!_prisma) {\n    throw new Error(\n      '@withwiz/cms-kit: Prisma client not initialized. Call setPrismaClient() first.'\n    );\n  }\n  return _prisma;\n}\n\nexport const prisma: any = new Proxy({}, {\n  get(_target, prop) {\n    return getPrisma()[prop];\n  },\n});\n"]}

package/dist/chunk-OYJRR3G2.js

@@ -0,0 +1,123 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
+
+var _chunkEG6NVPP2js = require('./chunk-EG6NVPP2.js');
+
+
+var _chunkDGUM43GVjs = require('./chunk-DGUM43GV.js');
+
+// src/utils/html-sanitizer.ts
+var STRIP_TAGS_WITH_CONTENT = /(<\s*\/?\s*(script|object|embed|applet|form|input|textarea|select|button)\b[^>]*>)/gi;
+var UNTRUSTED_IFRAME = /<\s*iframe\b[^>]*>[\s\S]*?<\s*\/\s*iframe\s*>/gi;
+var STRIP_TAG_CONTENT = /<\s*(script|style)\b[^>]*>[\s\S]*?<\s*\/\s*\1\s*>/gi;
+var EVENT_HANDLER_ATTRS = /\s+on\w+\s*=\s*(?:"[^"]*"|'[^']*'|[^\s>]*)/gi;
+var DANGEROUS_PROTOCOL = /(href|src|action)\s*=\s*["']\s*(javascript|vbscript|data\s*:(?!image\/))[^"']*["']/gi;
+var cachedDomPurify;
+function tryLoadDomPurify() {
+  if (cachedDomPurify !== void 0) return cachedDomPurify;
+  try {
+    const mod = _chunkDGUM43GVjs.__require.call(void 0, "isomorphic-dompurify");
+    const candidate = _nullishCoalesce(mod.default, () => ( mod));
+    if (candidate && typeof candidate.sanitize === "function") {
+      cachedDomPurify = candidate;
+      return candidate;
+    }
+  } catch (e) {
+  }
+  cachedDomPurify = null;
+  return null;
+}
+function regexSanitize(html, trustedOrigins) {
+  let result = html;
+  result = result.replace(STRIP_TAG_CONTENT, "");
+  result = result.replace(STRIP_TAGS_WITH_CONTENT, "");
+  result = result.replace(UNTRUSTED_IFRAME, (match) => {
+    const srcMatch = match.match(/\bsrc\s*=\s*["']([^"']+)["']/i);
+    if (srcMatch) {
+      const src = srcMatch[1].trim();
+      if (trustedOrigins.some((origin) => src.startsWith(origin))) {
+        return match;
+      }
+    }
+    return "";
+  });
+  result = result.replace(EVENT_HANDLER_ATTRS, "");
+  result = result.replace(DANGEROUS_PROTOCOL, '$1=""');
+  return result;
+}
+function dompurifySanitize(html, purify, trustedOrigins, config) {
+  const options = {
+    // iframe 은 hook 에서 origin 검증 후 허용
+    ADD_TAGS: ["iframe"],
+    ADD_ATTR: ["allowfullscreen", "frameborder", "allow"],
+    FORBID_TAGS: [
+      "script",
+      "object",
+      "embed",
+      "applet",
+      "form",
+      "input",
+      "textarea",
+      "select",
+      "button",
+      "style"
+    ],
+    FORBID_ATTR: [
+      "onerror",
+      "onload",
+      "onclick",
+      "onmouseover",
+      "onfocus",
+      "onblur"
+    ]
+  };
+  if (config.allowedTags) options.ALLOWED_TAGS = config.allowedTags;
+  if (config.allowedAttributes) {
+    const flat = /* @__PURE__ */ new Set();
+    for (const attrs of Object.values(config.allowedAttributes)) {
+      for (const a of attrs) flat.add(a);
+    }
+    options.ALLOWED_ATTR = Array.from(flat);
+  }
+  const purifyWithHook = purify;
+  if (typeof purifyWithHook.addHook === "function") {
+    purifyWithHook.addHook("uponSanitizeElement", (node) => {
+      if (node.nodeName && node.nodeName.toLowerCase() === "iframe") {
+        const src = _nullishCoalesce(_optionalChain([node, 'access', _ => _.getAttribute, 'optionalCall', _2 => _2("src")]), () => ( ""));
+        const trusted = trustedOrigins.some(
+          (origin) => src.startsWith(origin)
+        );
+        if (!trusted) {
+          _optionalChain([node, 'access', _3 => _3.remove, 'optionalCall', _4 => _4()]);
+        }
+      }
+    });
+  }
+  try {
+    return purify.sanitize(html, options);
+  } finally {
+    if (typeof purifyWithHook.removeHook === "function") {
+      purifyWithHook.removeHook("uponSanitizeElement");
+    }
+  }
+}
+function createSanitizer(config = {}) {
+  return function sanitize(html) {
+    if (!html) return html;
+    const trustedOrigins = _nullishCoalesce(config.trustedIframeOrigins, () => ( _chunkEG6NVPP2js.resolveTrustedIframeOrigins.call(void 0, )));
+    const purify = tryLoadDomPurify();
+    if (purify) {
+      return dompurifySanitize(html, purify, trustedOrigins, config);
+    }
+    return regexSanitize(html, trustedOrigins);
+  };
+}
+function sanitizeHtmlContent(html) {
+  return defaultSanitize(html);
+}
+var defaultSanitize = createSanitizer();
+
+
+
+
+exports.createSanitizer = createSanitizer; exports.sanitizeHtmlContent = sanitizeHtmlContent;
+//# sourceMappingURL=chunk-OYJRR3G2.js.map