@withwiz/cms-kit 0.1.0

package/dist/chunk-D75ADHVM.mjs

@@ -0,0 +1,181 @@
+// src/components/ResizableImage.tsx
+import { Node, mergeAttributes } from "@tiptap/core";
+import {
+  ReactNodeViewRenderer,
+  NodeViewWrapper
+} from "@tiptap/react";
+import { useCallback, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function AlignIcon({ type }) {
+  const w = 12;
+  const lines = [
+    { y: 0, lw: w },
+    { y: 3.5, lw: 7 },
+    { y: 7, lw: 10 }
+  ];
+  return /* @__PURE__ */ jsx("svg", { width: w, height: "10", viewBox: `0 0 ${w} 10`, fill: "currentColor", children: lines.map((l, i) => {
+    const x = type === "center" ? (w - l.lw) / 2 : type === "right" ? w - l.lw : 0;
+    return /* @__PURE__ */ jsx("rect", { x, y: l.y, width: l.lw, height: "1.5", rx: ".5" }, i);
+  }) });
+}
+function ResizableImageComponent(props) {
+  const { node, updateAttributes, selected } = props;
+  const imgRef = useRef(null);
+  const [resizing, setResizing] = useState(false);
+  const src = node.attrs.src;
+  const alt = node.attrs.alt || "";
+  const title = node.attrs.title || void 0;
+  const width = node.attrs.width;
+  const align = node.attrs.align || "center";
+  const startResize = useCallback(
+    (e, handle) => {
+      e.preventDefault();
+      e.stopPropagation();
+      const startX = e.clientX;
+      const startY = e.clientY;
+      const startWidth = imgRef.current?.offsetWidth || 300;
+      const startHeight = imgRef.current?.offsetHeight || 200;
+      const aspectRatio = startWidth / startHeight;
+      const isEdge = handle.length === 1;
+      const isHorizontal = handle === "e" || handle === "w";
+      const signX = handle.includes("e") ? 1 : -1;
+      const signY = handle.includes("s") ? 1 : -1;
+      const calcNewWidth = (ev) => {
+        const dx = (ev.clientX - startX) * signX;
+        const dy = (ev.clientY - startY) * signY;
+        let delta;
+        if (isEdge) {
+          delta = isHorizontal ? dx : dy * aspectRatio;
+        } else {
+          delta = Math.abs(dx) > Math.abs(dy) ? dx : dy * aspectRatio;
+        }
+        return Math.max(80, startWidth + delta);
+      };
+      const onMouseMove = (ev) => {
+        const newWidth = calcNewWidth(ev);
+        if (imgRef.current) {
+          imgRef.current.style.width = `${newWidth}px`;
+        }
+      };
+      const onMouseUp = (ev) => {
+        document.removeEventListener("mousemove", onMouseMove);
+        document.removeEventListener("mouseup", onMouseUp);
+        setResizing(false);
+        updateAttributes({ width: Math.round(calcNewWidth(ev)) });
+      };
+      setResizing(true);
+      document.addEventListener("mousemove", onMouseMove);
+      document.addEventListener("mouseup", onMouseUp);
+    },
+    [updateAttributes]
+  );
+  const handles = ["nw", "n", "ne", "w", "e", "sw", "s", "se"];
+  return /* @__PURE__ */ jsxs(
+    NodeViewWrapper,
+    {
+      className: `resizable-image-wrapper resizable-image-align-${align} ${selected ? "selected" : ""} ${resizing ? "resizing" : ""}`,
+      children: [
+        selected && !resizing && /* @__PURE__ */ jsx("div", { className: "resizable-image-align-toolbar", children: ["left", "center", "right"].map((a) => /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            className: `resizable-image-align-btn ${align === a ? "active" : ""}`,
+            onMouseDown: (e) => {
+              e.preventDefault();
+              updateAttributes({ align: a });
+            },
+            title: a === "left" ? "\uC67C\uCABD \uC815\uB82C" : a === "center" ? "\uAC00\uC6B4\uB370 \uC815\uB82C" : "\uC624\uB978\uCABD \uC815\uB82C",
+            children: /* @__PURE__ */ jsx(AlignIcon, { type: a })
+          },
+          a
+        )) }),
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: "resizable-image-container",
+            style: { width: width ? `${width}px` : void 0 },
+            children: [
+              /* @__PURE__ */ jsx(
+                "img",
+                {
+                  ref: imgRef,
+                  src,
+                  alt,
+                  title,
+                  style: { width: width ? `${width}px` : void 0 },
+                  draggable: false
+                }
+              ),
+              (selected || resizing) && handles.map((h) => /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: `resizable-image-handle resizable-image-handle-${h}`,
+                  onMouseDown: (e) => startResize(e, h)
+                },
+                h
+              ))
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+var ResizableImage = Node.create({
+  name: "image",
+  group: "block",
+  atom: true,
+  draggable: true,
+  addAttributes() {
+    return {
+      src: { default: null },
+      alt: { default: null },
+      title: { default: null },
+      width: { default: null },
+      align: {
+        default: "center",
+        parseHTML: (element) => element.getAttribute("data-align") || "center",
+        renderHTML: (attributes) => ({
+          "data-align": attributes.align
+        })
+      }
+    };
+  },
+  parseHTML() {
+    return [{ tag: "img[src]" }];
+  },
+  renderHTML({ HTMLAttributes }) {
+    const attrs = { ...HTMLAttributes };
+    const styles = [];
+    if (attrs.width) {
+      styles.push(`width: ${attrs.width}px`);
+    }
+    const align = attrs["data-align"] || "center";
+    styles.push("display: block");
+    if (align === "center") {
+      styles.push("margin-left: auto", "margin-right: auto");
+    } else if (align === "right") {
+      styles.push("margin-left: auto");
+    }
+    if (styles.length) attrs.style = styles.join("; ");
+    return ["img", mergeAttributes(attrs)];
+  },
+  addNodeView() {
+    return ReactNodeViewRenderer(ResizableImageComponent);
+  },
+  addCommands() {
+    return {
+      setImage: (options) => ({ commands }) => {
+        return commands.insertContent({
+          type: this.name,
+          attrs: options
+        });
+      }
+    };
+  }
+});
+
+export {
+  ResizableImage
+};
+//# sourceMappingURL=chunk-D75ADHVM.mjs.map

package/dist/chunk-D75ADHVM.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ResizableImage.tsx"],"sourcesContent":["\"use client\";\n\nimport { Node, mergeAttributes } from \"@tiptap/core\";\nimport {\n  ReactNodeViewRenderer,\n  NodeViewWrapper,\n  type NodeViewProps,\n} from \"@tiptap/react\";\nimport { useCallback, useRef, useState } from \"react\";\n\ntype Handle = \"nw\" | \"ne\" | \"sw\" | \"se\" | \"n\" | \"s\" | \"e\" | \"w\";\n\nfunction AlignIcon({ type }: { type: \"left\" | \"center\" | \"right\" }) {\n  const w = 12;\n  const lines = [\n    { y: 0, lw: w },\n    { y: 3.5, lw: 7 },\n    { y: 7, lw: 10 },\n  ];\n  return (\n    <svg width={w} height=\"10\" viewBox={`0 0 ${w} 10`} fill=\"currentColor\">\n      {lines.map((l, i) => {\n        const x =\n          type === \"center\"\n            ? (w - l.lw) / 2\n            : type === \"right\"\n              ? w - l.lw\n              : 0;\n        return <rect key={i} x={x} y={l.y} width={l.lw} height=\"1.5\" rx=\".5\" />;\n      })}\n    </svg>\n  );\n}\n\nfunction ResizableImageComponent(props: NodeViewProps) {\n  const { node, updateAttributes, selected } = props;\n  const imgRef = useRef<HTMLImageElement>(null);\n  const [resizing, setResizing] = useState(false);\n\n  const src = node.attrs.src as string;\n  const alt = (node.attrs.alt as string) || \"\";\n  const title = (node.attrs.title as string) || undefined;\n  const width = node.attrs.width as number | null;\n  const align = (node.attrs.align as string) || \"center\";\n\n  const startResize = useCallback(\n    (e: React.MouseEvent, handle: Handle) => {\n      e.preventDefault();\n      e.stopPropagation();\n\n      const startX = e.clientX;\n      const startY = e.clientY;\n      const startWidth = imgRef.current?.offsetWidth || 300;\n      const startHeight = imgRef.current?.offsetHeight || 200;\n      const aspectRatio = startWidth / startHeight;\n\n      const isEdge = handle.length === 1; // \"n\", \"s\", \"e\", \"w\"\n      const isHorizontal = handle === \"e\" || handle === \"w\";\n\n      // x 방향 부호: 오른쪽 핸들이면 +1, 왼쪽이면 -1\n      const signX = handle.includes(\"e\") ? 1 : -1;\n      // y 방향 부호: 아래쪽 핸들이면 +1, 위쪽이면 -1\n      const signY = handle.includes(\"s\") ? 1 : -1;\n\n      const calcNewWidth = (ev: MouseEvent) => {\n        const dx = (ev.clientX - startX) * signX;\n        const dy = (ev.clientY - startY) * signY;\n\n        let delta: number;\n        if (isEdge) {\n          // 변 중간 핸들: 해당 축 방향만 사용하되 비율 유지\n          delta = isHorizontal ? dx : dy * aspectRatio;\n        } else {\n          // 모서리 핸들: 더 큰 변화량 기준으로 비율 유지\n          delta = Math.abs(dx) > Math.abs(dy) ? dx : dy * aspectRatio;\n        }\n        return Math.max(80, startWidth + delta);\n      };\n\n      const onMouseMove = (ev: MouseEvent) => {\n        const newWidth = calcNewWidth(ev);\n        if (imgRef.current) {\n          imgRef.current.style.width = `${newWidth}px`;\n        }\n      };\n\n      const onMouseUp = (ev: MouseEvent) => {\n        document.removeEventListener(\"mousemove\", onMouseMove);\n        document.removeEventListener(\"mouseup\", onMouseUp);\n        setResizing(false);\n        updateAttributes({ width: Math.round(calcNewWidth(ev)) });\n      };\n\n      setResizing(true);\n      document.addEventListener(\"mousemove\", onMouseMove);\n      document.addEventListener(\"mouseup\", onMouseUp);\n    },\n    [updateAttributes]\n  );\n\n  const handles: Handle[] = [\"nw\", \"n\", \"ne\", \"w\", \"e\", \"sw\", \"s\", \"se\"];\n\n  return (\n    <NodeViewWrapper\n      className={`resizable-image-wrapper resizable-image-align-${align} ${selected ? \"selected\" : \"\"} ${resizing ? \"resizing\" : \"\"}`}\n    >\n      {selected && !resizing && (\n        <div className=\"resizable-image-align-toolbar\">\n          {([\"left\", \"center\", \"right\"] as const).map((a) => (\n            <button\n              key={a}\n              type=\"button\"\n              className={`resizable-image-align-btn ${align === a ? \"active\" : \"\"}`}\n              onMouseDown={(e) => {\n                e.preventDefault();\n                updateAttributes({ align: a });\n              }}\n              title={a === \"left\" ? \"왼쪽 정렬\" : a === \"center\" ? \"가운데 정렬\" : \"오른쪽 정렬\"}\n            >\n              <AlignIcon type={a} />\n            </button>\n          ))}\n        </div>\n      )}\n      <div\n        className=\"resizable-image-container\"\n        style={{ width: width ? `${width}px` : undefined }}\n      >\n        <img\n          ref={imgRef}\n          src={src}\n          alt={alt}\n          title={title}\n          style={{ width: width ? `${width}px` : undefined }}\n          draggable={false}\n        />\n        {(selected || resizing) &&\n          handles.map((h) => (\n            <div\n              key={h}\n              className={`resizable-image-handle resizable-image-handle-${h}`}\n              onMouseDown={(e) => startResize(e, h)}\n            />\n          ))}\n      </div>\n    </NodeViewWrapper>\n  );\n}\n\ndeclare module \"@tiptap/core\" {\n  interface Commands<ReturnType> {\n    resizableImage: {\n      setImage: (options: {\n        src: string;\n        alt?: string;\n        title?: string;\n        width?: number;\n        align?: string;\n      }) => ReturnType;\n    };\n  }\n}\n\nexport const ResizableImage = Node.create({\n  name: \"image\",\n  group: \"block\",\n  atom: true,\n  draggable: true,\n\n  addAttributes() {\n    return {\n      src: { default: null },\n      alt: { default: null },\n      title: { default: null },\n      width: { default: null },\n      align: {\n        default: \"center\",\n        parseHTML: (element: HTMLElement) =>\n          element.getAttribute(\"data-align\") || \"center\",\n        renderHTML: (attributes: Record<string, unknown>) => ({\n          \"data-align\": attributes.align,\n        }),\n      },\n    };\n  },\n\n  parseHTML() {\n    return [{ tag: \"img[src]\" }];\n  },\n\n  renderHTML({ HTMLAttributes }) {\n    const attrs = { ...HTMLAttributes };\n    const styles: string[] = [];\n    if (attrs.width) {\n      styles.push(`width: ${attrs.width}px`);\n    }\n    const align = attrs[\"data-align\"] || \"center\";\n    styles.push(\"display: block\");\n    if (align === \"center\") {\n      styles.push(\"margin-left: auto\", \"margin-right: auto\");\n    } else if (align === \"right\") {\n      styles.push(\"margin-left: auto\");\n    }\n    if (styles.length) attrs.style = styles.join(\"; \");\n    return [\"img\", mergeAttributes(attrs)];\n  },\n\n  addNodeView() {\n    return ReactNodeViewRenderer(ResizableImageComponent);\n  },\n\n  addCommands() {\n    return {\n      setImage:\n        (options: {\n          src: string;\n          alt?: string;\n          title?: string;\n          width?: number;\n          align?: string;\n        }) =>\n        ({ commands }) => {\n          return commands.insertContent({\n            type: this.name,\n            attrs: options,\n          });\n        },\n    } satisfies Partial<import(\"@tiptap/core\").RawCommands>;\n  },\n});\n"],"mappings":"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","names":[]}

package/dist/chunk-DCIF4XJL.js

@@ -0,0 +1,309 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); 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 _chunk5JUIMXNFjs = require('./chunk-5JUIMXNF.js');
+
+
+
+var _chunkKWKV2GAHjs = require('./chunk-KWKV2GAH.js');
+
+// src/components/AdminManagerBase.tsx
+var _react = require('react');
+var _reactvirtual = require('@tanstack/react-virtual');
+var _sonner = require('sonner');
+var _jsxruntime = require('react/jsx-runtime');
+function AdminManagerBaseInner({
+  initialItems,
+  config,
+  initialSelectedId,
+  startWithNew,
+  defaultFilterValue,
+  innerRef
+}) {
+  const list = _chunk5JUIMXNFjs.useAdminList.call(void 0, {
+    initialItems,
+    apiPath: config.apiPath,
+    defaultSortKey: config.defaultSortKey,
+    normalizeItem: config.normalizeListItem,
+    defaultFilterValue
+  });
+  const {
+    items,
+    setItems,
+    searchQuery,
+    setSearchQuery,
+    sortKey,
+    setSortKey,
+    filterValue,
+    setFilterValue
+  } = list;
+  const adminForm = _chunk5JUIMXNFjs.useAdminForm.call(void 0, config.emptyForm);
+  const {
+    tab,
+    setTab,
+    form,
+    setForm,
+    updateField,
+    selectedId,
+    setSelectedId,
+    isNew,
+    setIsNew,
+    saving,
+    setSaving,
+    loading,
+    setLoading,
+    mobilePv,
+    setMobilePv,
+    addNew,
+    startEdit
+  } = adminForm;
+  _react.useEffect.call(void 0, () => {
+    if (startWithNew) {
+      handleAdd();
+      return;
+    }
+    if (initialSelectedId) {
+      selectItem(initialSelectedId);
+    }
+  }, []);
+  const filteredItems = _react.useMemo.call(void 0, 
+    () => config.filterItems(items, filterValue, searchQuery),
+    [items, filterValue, searchQuery, config]
+  );
+  const publishedItems = _react.useMemo.call(void 0, 
+    () => items.filter(config.meta.getItemPublished),
+    [items, config]
+  );
+  const selectItem = _react.useCallback.call(void 0, async (id) => {
+    startEdit(id, config.emptyForm);
+    try {
+      const res = await _chunkKWKV2GAHjs.adminFetch.call(void 0, `${config.apiPath}/${id}`);
+      const json = await res.json();
+      if (json.success) {
+        setForm(config.loadItem(json.data));
+      } else {
+        _sonner.toast.error(_optionalChain([json, 'access', _ => _.error, 'optionalAccess', _2 => _2.message]) || "\uB370\uC774\uD130 \uB85C\uB4DC \uC2E4\uD328");
+      }
+    } catch (e) {
+      _sonner.toast.error("\uB370\uC774\uD130 \uB85C\uB4DC \uC2E4\uD328");
+    } finally {
+      setLoading(false);
+    }
+  }, [config.apiPath, config.loadItem, config.emptyForm]);
+  _react.useImperativeHandle.call(void 0, innerRef, () => ({ selectItem }), [selectItem]);
+  const handleAdd = _react.useCallback.call(void 0, () => {
+    addNew(config.emptyForm);
+  }, [config.emptyForm]);
+  async function handleSave() {
+    const err = config.validate(form);
+    if (err) {
+      _sonner.toast.error(err);
+      return;
+    }
+    const payload = config.buildSavePayload(form, { isNew, selectedId, items });
+    const url = isNew ? config.apiPath : `${config.apiPath}/${selectedId}`;
+    const method = isNew ? "POST" : "PUT";
+    setSaving(true);
+    try {
+      const res = await _chunkKWKV2GAHjs.adminFetch.call(void 0, url, {
+        method,
+        headers: { ..._chunkKWKV2GAHjs.getAuthHeaders.call(void 0, ), "Content-Type": "application/json" },
+        body: JSON.stringify(payload)
+      });
+      const json = await res.json();
+      if (json.success) {
+        const listRes = await _chunkKWKV2GAHjs.adminFetch.call(void 0, `${config.apiPath}?limit=100&sortBy=${sortKey}`);
+        const listJson = await listRes.json();
+        if (listJson.success) {
+          setItems(listJson.data.items.map(config.normalizeListItem));
+        }
+        setTab("list");
+        setSelectedId(null);
+        _sonner.toast.success("\uC800\uC7A5 \uC644\uB8CC");
+        _optionalChain([config, 'access', _3 => _3.onAfterSave, 'optionalCall', _4 => _4()]);
+        _optionalChain([config, 'access', _5 => _5.onNavigateToList, 'optionalCall', _6 => _6()]);
+      } else {
+        _sonner.toast.error(_optionalChain([json, 'access', _7 => _7.error, 'optionalAccess', _8 => _8.message]) || "\uC800\uC7A5 \uC2E4\uD328");
+      }
+    } catch (e2) {
+      _sonner.toast.error("\uC800\uC7A5 \uC911 \uC624\uB958 \uBC1C\uC0DD");
+    } finally {
+      setSaving(false);
+    }
+  }
+  const handleDelete = _react.useCallback.call(void 0, async (id) => {
+    const item = items.find((i) => i.id === id);
+    const label = item ? config.meta.getItemLabel(item) : id;
+    if (!confirm(`"${label}"\uC744(\uB97C) \uC0AD\uC81C\uD558\uC2DC\uACA0\uC2B5\uB2C8\uAE4C?`)) return;
+    try {
+      const res = await _chunkKWKV2GAHjs.adminFetch.call(void 0, `${config.apiPath}/${id}`, {
+        method: "DELETE"
+      });
+      if (res.ok) {
+        setItems((prev) => prev.filter((i) => i.id !== id));
+        if (selectedId === id) {
+          setSelectedId(null);
+          setTab("list");
+        }
+      } else {
+        _sonner.toast.error("\uC0AD\uC81C\uC5D0 \uC2E4\uD328\uD588\uC2B5\uB2C8\uB2E4.");
+      }
+    } catch (e3) {
+      _sonner.toast.error("\uC0AD\uC81C \uC911 \uC624\uB958\uAC00 \uBC1C\uC0DD\uD588\uC2B5\uB2C8\uB2E4.");
+    }
+  }, [items, selectedId, config.apiPath, config.meta]);
+  const listScrollRef = _react.useRef.call(void 0, null);
+  const virtualizer = _reactvirtual.useVirtualizer.call(void 0, {
+    count: filteredItems.length,
+    getScrollElement: () => listScrollRef.current,
+    estimateSize: () => 58,
+    overscan: 5
+  });
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: `pm${mobilePv ? " mobile-pv-on" : ""}`, children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "pm-topbar", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "pm-tb-l", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "pm-tb-logo", children: config.meta.appTitle }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "pm-tb-sep" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "pm-tb-pg", children: config.meta.pageTitle })
+    ] }) }),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "pm-tabs", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "div",
+        {
+          className: `pm-tab ${tab === "list" ? "on" : ""}`,
+          onClick: () => {
+            setTab("list");
+            _optionalChain([config, 'access', _9 => _9.onNavigateToList, 'optionalCall', _10 => _10()]);
+          },
+          children: config.meta.listTabLabel
+        }
+      ),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "div",
+        {
+          className: `pm-tab ${tab === "edit" ? "on" : ""}`,
+          onClick: () => setTab("edit"),
+          children: "\uD3B8\uC9D1 + \uBBF8\uB9AC\uBCF4\uAE30"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "mobile-pv-bar", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "button",
+        {
+          type: "button",
+          className: `mobile-pv-btn${!mobilePv ? " on" : ""}`,
+          onClick: () => setMobilePv(false),
+          children: "\uD3B8\uC9D1"
+        }
+      ),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "button",
+        {
+          type: "button",
+          className: `mobile-pv-btn${mobilePv ? " on" : ""}`,
+          onClick: () => setMobilePv(true),
+          children: "\uBBF8\uB9AC\uBCF4\uAE30"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "pm-body", children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: `pm-panel pm-panel-list ${tab === "list" ? "on" : ""}`, children: [
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "pm-list-left", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "pm-list-header", children: config.renderFilterControls({
+            filterValue,
+            setFilterValue,
+            sortKey,
+            setSortKey,
+            sortOptions: config.sortOptions,
+            searchQuery,
+            setSearchQuery,
+            filteredCount: filteredItems.length,
+            filteredItems,
+            onAdd: handleAdd,
+            addButtonLabel: config.meta.addButtonLabel,
+            allItems: items
+          }) }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "pm-perf-list", ref: listScrollRef, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "div",
+            {
+              style: {
+                height: `${virtualizer.getTotalSize()}px`,
+                width: "100%",
+                position: "relative"
+              },
+              children: virtualizer.getVirtualItems().map((virtualRow) => {
+                const item = filteredItems[virtualRow.index];
+                return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                  "div",
+                  {
+                    "data-index": virtualRow.index,
+                    ref: virtualizer.measureElement,
+                    style: {
+                      position: "absolute",
+                      top: 0,
+                      left: 0,
+                      width: "100%",
+                      transform: `translateY(${virtualRow.start}px)`
+                    },
+                    children: config.renderListItem(item, {
+                      isSelected: selectedId === item.id,
+                      onSelect: selectItem,
+                      onDelete: handleDelete
+                    })
+                  },
+                  item.id
+                );
+              })
+            }
+          ) })
+        ] }),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "pm-list-right", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "pm-pv-label", children: "\uD648\uD398\uC774\uC9C0 \uBBF8\uB9AC\uBCF4\uAE30" }),
+          config.renderListPreview({
+            publishedItems,
+            onSelectItem: selectItem
+          })
+        ] })
+      ] }),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+        "div",
+        {
+          className: `pm-panel pm-panel-edit ${tab === "edit" ? "on" : ""}`,
+          children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "pm-edit-left", children: config.renderEditForm({
+              form,
+              setForm,
+              updateField,
+              isNew,
+              selectedId,
+              saving,
+              loading,
+              onSave: handleSave,
+              onCancel: () => {
+                setTab("list");
+                _optionalChain([config, 'access', _11 => _11.onNavigateToList, 'optionalCall', _12 => _12()]);
+              },
+              onDelete: () => {
+                if (selectedId) handleDelete(selectedId);
+              }
+            }) }),
+            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "pm-edit-right", children: [
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "pm-pv-label", children: "\uC2E4\uC2DC\uAC04 \uBBF8\uB9AC\uBCF4\uAE30" }),
+              config.renderDetailPreview({ form, isNew, selectedId })
+            ] })
+          ]
+        }
+      )
+    ] }),
+    _optionalChain([config, 'access', _13 => _13.renderModal, 'optionalCall', _14 => _14()])
+  ] });
+}
+function AdminManagerBase(props) {
+  const { ref, ...rest } = props;
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, AdminManagerBaseInner, { ...rest, innerRef: ref });
+}
+
+
+
+exports.AdminManagerBase = AdminManagerBase;
+//# sourceMappingURL=chunk-DCIF4XJL.js.map

package/dist/chunk-DCIF4XJL.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/Users/uni4love/project/workspace/211-withwiz/node-packages/withwiz-cms-kit/dist/chunk-DCIF4XJL.js","../src/components/AdminManagerBase.tsx"],"names":[],"mappings":"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","file":"/Users/uni4love/project/workspace/211-withwiz/node-packages/withwiz-cms-kit/dist/chunk-DCIF4XJL.js","sourcesContent":[null,"\"use client\";\n\nimport { useCallback, useEffect, useImperativeHandle, useMemo, useRef, forwardRef } from \"react\";\nimport { useVirtualizer } from \"@tanstack/react-virtual\";\nimport { toast } from \"sonner\";\nimport { adminFetch, getAuthHeaders } from \"../utils/admin-fetch\";\nimport { useAdminList } from \"../hooks/useAdminList\";\nimport { useAdminForm } from \"../hooks/useAdminForm\";\nimport type { AdminManagerConfig } from \"./AdminManagerConfig\";\n\ninterface Props<TItem extends { id: string }, TForm extends object> {\n  initialItems: TItem[];\n  config: AdminManagerConfig<TItem, TForm>;\n  /** 초기에 선택할 항목 ID (예: detail 라우트의 [id] 세그먼트) */\n  initialSelectedId?: string | null;\n  /** 최초 진입 시 새 항목 편집 모드로 시작할지 여부 (예: 새 항목 라우트) */\n  startWithNew?: boolean;\n  /** 초기 필터 값 (예: 카테고리 필터링) */\n  defaultFilterValue?: string;\n}\n\nexport interface AdminManagerBaseHandle {\n  selectItem: (id: string) => void;\n}\n\nfunction AdminManagerBaseInner<\n  TItem extends { id: string },\n  TForm extends object\n>({\n  initialItems,\n  config,\n  initialSelectedId,\n  startWithNew,\n  defaultFilterValue,\n  innerRef,\n}: Props<TItem, TForm> & { innerRef?: React.Ref<AdminManagerBaseHandle> }) {\n  const list = useAdminList<TItem>({\n    initialItems,\n    apiPath: config.apiPath,\n    defaultSortKey: config.defaultSortKey,\n    normalizeItem: config.normalizeListItem,\n    defaultFilterValue,\n  });\n  const {\n    items,\n    setItems,\n    searchQuery,\n    setSearchQuery,\n    sortKey,\n    setSortKey,\n    filterValue,\n    setFilterValue,\n  } = list;\n\n  const adminForm = useAdminForm<TForm>(config.emptyForm);\n  const {\n    tab,\n    setTab,\n    form,\n    setForm,\n    updateField,\n    selectedId,\n    setSelectedId,\n    isNew,\n    setIsNew,\n    saving,\n    setSaving,\n    loading,\n    setLoading,\n    mobilePv,\n    setMobilePv,\n    addNew,\n    startEdit,\n  } = adminForm;\n\n  useEffect(() => {\n    if (startWithNew) {\n      handleAdd();\n      return;\n    }\n    if (initialSelectedId) {\n      selectItem(initialSelectedId);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  const filteredItems = useMemo(\n    () => config.filterItems(items, filterValue, searchQuery),\n    [items, filterValue, searchQuery, config]\n  );\n\n  const publishedItems = useMemo(\n    () => items.filter(config.meta.getItemPublished),\n    [items, config]\n  );\n\n  const selectItem = useCallback(async (id: string) => {\n    startEdit(id, config.emptyForm);\n    try {\n      const res = await adminFetch(`${config.apiPath}/${id}`);\n      const json = await res.json();\n      if (json.success) {\n        setForm(config.loadItem(json.data));\n      } else {\n        toast.error(json.error?.message || \"데이터 로드 실패\");\n      }\n    } catch {\n      toast.error(\"데이터 로드 실패\");\n    } finally {\n      setLoading(false);\n    }\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [config.apiPath, config.loadItem, config.emptyForm]);\n\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  useImperativeHandle(innerRef, () => ({ selectItem }), [selectItem]);\n\n  const handleAdd = useCallback(() => {\n    addNew(config.emptyForm);\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [config.emptyForm]);\n\n  async function handleSave() {\n    const err = config.validate(form);\n    if (err) {\n      toast.error(err);\n      return;\n    }\n    const payload = config.buildSavePayload(form, { isNew, selectedId, items });\n    const url = isNew ? config.apiPath : `${config.apiPath}/${selectedId}`;\n    const method = isNew ? \"POST\" : \"PUT\";\n\n    setSaving(true);\n    try {\n      const res = await adminFetch(url, {\n        method,\n        headers: { ...getAuthHeaders(), \"Content-Type\": \"application/json\" },\n        body: JSON.stringify(payload),\n      });\n      const json = await res.json();\n      if (json.success) {\n        const listRes = await adminFetch(`${config.apiPath}?limit=100&sortBy=${sortKey}`);\n        const listJson = await listRes.json();\n        if (listJson.success) {\n          setItems(listJson.data.items.map(config.normalizeListItem));\n        }\n        setTab(\"list\");\n        setSelectedId(null);\n        toast.success(\"저장 완료\");\n        config.onAfterSave?.();\n        config.onNavigateToList?.();\n      } else {\n        toast.error(json.error?.message || \"저장 실패\");\n      }\n    } catch {\n      toast.error(\"저장 중 오류 발생\");\n    } finally {\n      setSaving(false);\n    }\n  }\n\n  const handleDelete = useCallback(async (id: string) => {\n    const item = items.find((i) => i.id === id);\n    const label = item ? config.meta.getItemLabel(item) : id;\n    if (!confirm(`\"${label}\"을(를) 삭제하시겠습니까?`)) return;\n    try {\n      const res = await adminFetch(`${config.apiPath}/${id}`, {\n        method: \"DELETE\",\n      });\n      if (res.ok) {\n        setItems((prev) => prev.filter((i) => i.id !== id));\n        if (selectedId === id) {\n          setSelectedId(null);\n          setTab(\"list\");\n        }\n      } else {\n        toast.error(\"삭제에 실패했습니다.\");\n      }\n    } catch {\n      toast.error(\"삭제 중 오류가 발생했습니다.\");\n    }\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [items, selectedId, config.apiPath, config.meta]);\n\n  const listScrollRef = useRef<HTMLDivElement>(null);\n\n  const virtualizer = useVirtualizer({\n    count: filteredItems.length,\n    getScrollElement: () => listScrollRef.current,\n    estimateSize: () => 58,\n    overscan: 5,\n  });\n\n  return (\n    <div className={`pm${mobilePv ? \" mobile-pv-on\" : \"\"}`}>\n      {/* Topbar */}\n      <div className=\"pm-topbar\">\n        <div className=\"pm-tb-l\">\n          <span className=\"pm-tb-logo\">{config.meta.appTitle}</span>\n          <span className=\"pm-tb-sep\" />\n          <span className=\"pm-tb-pg\">{config.meta.pageTitle}</span>\n        </div>\n      </div>\n\n      {/* Tabs */}\n      <div className=\"pm-tabs\">\n        <div\n          className={`pm-tab ${tab === \"list\" ? \"on\" : \"\"}`}\n          onClick={() => { setTab(\"list\"); config.onNavigateToList?.(); }}\n        >\n          {config.meta.listTabLabel}\n        </div>\n        <div\n          className={`pm-tab ${tab === \"edit\" ? \"on\" : \"\"}`}\n          onClick={() => setTab(\"edit\")}\n        >\n          편집 + 미리보기\n        </div>\n      </div>\n\n      {/* Mobile Preview Toggle */}\n      <div className=\"mobile-pv-bar\">\n        <button\n          type=\"button\"\n          className={`mobile-pv-btn${!mobilePv ? \" on\" : \"\"}`}\n          onClick={() => setMobilePv(false)}\n        >\n          편집\n        </button>\n        <button\n          type=\"button\"\n          className={`mobile-pv-btn${mobilePv ? \" on\" : \"\"}`}\n          onClick={() => setMobilePv(true)}\n        >\n          미리보기\n        </button>\n      </div>\n\n      {/* Body */}\n      <div className=\"pm-body\">\n        {/* List Panel */}\n        <div className={`pm-panel pm-panel-list ${tab === \"list\" ? \"on\" : \"\"}`}>\n          <div className=\"pm-list-left\">\n            <div className=\"pm-list-header\">\n              {config.renderFilterControls({\n                filterValue,\n                setFilterValue,\n                sortKey,\n                setSortKey,\n                sortOptions: config.sortOptions,\n                searchQuery,\n                setSearchQuery,\n                filteredCount: filteredItems.length,\n                filteredItems,\n                onAdd: handleAdd,\n                addButtonLabel: config.meta.addButtonLabel,\n                allItems: items,\n              })}\n            </div>\n            <div className=\"pm-perf-list\" ref={listScrollRef}>\n              <div\n                style={{\n                  height: `${virtualizer.getTotalSize()}px`,\n                  width: \"100%\",\n                  position: \"relative\",\n                }}\n              >\n                {virtualizer.getVirtualItems().map((virtualRow) => {\n                  const item = filteredItems[virtualRow.index];\n                  return (\n                    <div\n                      key={item.id}\n                      data-index={virtualRow.index}\n                      ref={virtualizer.measureElement}\n                      style={{\n                        position: \"absolute\",\n                        top: 0,\n                        left: 0,\n                        width: \"100%\",\n                        transform: `translateY(${virtualRow.start}px)`,\n                      }}\n                    >\n                      {config.renderListItem(item, {\n                        isSelected: selectedId === item.id,\n                        onSelect: selectItem,\n                        onDelete: handleDelete,\n                      })}\n                    </div>\n                  );\n                })}\n              </div>\n            </div>\n          </div>\n          <div className=\"pm-list-right\">\n            <div className=\"pm-pv-label\">홈페이지 미리보기</div>\n            {config.renderListPreview({\n              publishedItems,\n              onSelectItem: selectItem,\n            })}\n          </div>\n        </div>\n\n        {/* Edit Panel */}\n        <div\n          className={`pm-panel pm-panel-edit ${tab === \"edit\" ? \"on\" : \"\"}`}\n        >\n          <div className=\"pm-edit-left\">\n            {config.renderEditForm({\n              form,\n              setForm,\n              updateField,\n              isNew,\n              selectedId,\n              saving,\n              loading,\n              onSave: handleSave,\n              onCancel: () => { setTab(\"list\"); config.onNavigateToList?.(); },\n              onDelete: () => { if (selectedId) handleDelete(selectedId); },\n            })}\n          </div>\n          <div className=\"pm-edit-right\">\n            <div className=\"pm-pv-label\">실시간 미리보기</div>\n            {config.renderDetailPreview({ form, isNew, selectedId })}\n          </div>\n        </div>\n      </div>\n\n      {/* Domain Modal */}\n      {config.renderModal?.()}\n    </div>\n  );\n}\n\nexport default function AdminManagerBase<\n  TItem extends { id: string },\n  TForm extends object\n>(props: Props<TItem, TForm> & { ref?: React.Ref<AdminManagerBaseHandle> }) {\n  const { ref, ...rest } = props;\n  return <AdminManagerBaseInner {...rest} innerRef={ref} />;\n}\n"]}

package/dist/chunk-DGUM43GV.js

@@ -0,0 +1,11 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+}) : x)(function(x) {
+  if (typeof require !== "undefined") return require.apply(this, arguments);
+  throw Error('Dynamic require of "' + x + '" is not supported');
+});
+
+
+
+exports.__require = __require;
+//# sourceMappingURL=chunk-DGUM43GV.js.map

package/dist/chunk-DGUM43GV.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/Users/uni4love/project/workspace/211-withwiz/node-packages/withwiz-cms-kit/dist/chunk-DGUM43GV.js"],"names":[],"mappings":"AAAA,6EAAI,UAAU,kBAAkB,CAAC,CAAC,CAAC,EAAE,GAAG,OAAO,QAAQ,IAAI,YAAY,EAAE,QAAQ,EAAE,OAAO,MAAM,IAAI,YAAY,EAAE,IAAI,KAAK,CAAC,CAAC,EAAE;AAC/H,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,GAAG,CAAC,OAAO,QAAQ,IAAI,YAAY,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC,CAAC;AACjE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE;AACpB,EAAE,GAAG,CAAC,OAAO,QAAQ,IAAI,WAAW,EAAE,OAAO,OAAO,CAAC,KAAK,CAAC,IAAI,EAAE,SAAS,CAAC;AAC3E,EAAE,MAAM,KAAK,CAAC,uBAAuB,EAAE,EAAE,EAAE,oBAAoB,CAAC;AAChE,CAAC,CAAC;AACF;AACA;AACE;AACF,8BAAC","file":"/Users/uni4love/project/workspace/211-withwiz/node-packages/withwiz-cms-kit/dist/chunk-DGUM43GV.js"}

package/dist/chunk-DSORCGJK.js

@@ -0,0 +1,44 @@
+"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; }// src/utils/api-helpers.ts
+var _server = require('next/server');
+function validateIds(ids) {
+  if (!Array.isArray(ids) || ids.length === 0) {
+    return {
+      valid: false,
+      response: _server.NextResponse.json(
+        { success: false, error: { message: "No ids provided" } },
+        { status: 400 }
+      )
+    };
+  }
+  return { valid: true, ids };
+}
+function validateAndParse(schema, data) {
+  const result = schema.safeParse(data);
+  if (!result.success) {
+    return {
+      success: false,
+      response: _server.NextResponse.json(
+        {
+          success: false,
+          error: {
+            message: _optionalChain([result, 'access', _ => _.error, 'access', _2 => _2.issues, 'access', _3 => _3[0], 'optionalAccess', _4 => _4.message]) || "Validation error",
+            details: { issues: result.error.issues }
+          }
+        },
+        { status: 400 }
+      )
+    };
+  }
+  return { success: true, data: result.data };
+}
+function parseSortKey(searchParams, validKeys, defaultKey) {
+  const param = searchParams.get("sortBy");
+  return validKeys.includes(_nullishCoalesce(param, () => ( ""))) ? param : defaultKey;
+}
+
+
+
+
+
+exports.validateIds = validateIds; exports.validateAndParse = validateAndParse; exports.parseSortKey = parseSortKey;
+//# sourceMappingURL=chunk-DSORCGJK.js.map

package/dist/chunk-DSORCGJK.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/Users/uni4love/project/workspace/211-withwiz/node-packages/withwiz-cms-kit/dist/chunk-DSORCGJK.js","../src/utils/api-helpers.ts"],"names":[],"mappings":"AAAA;ACAA,qCAA6B;AAGtB,SAAS,WAAA,CAAY,GAAA,EAAyF;AACnH,EAAA,GAAA,CAAI,CAAC,KAAA,CAAM,OAAA,CAAQ,GAAG,EAAA,GAAK,GAAA,CAAI,OAAA,IAAW,CAAA,EAAG;AAC3C,IAAA,OAAO;AAAA,MACL,KAAA,EAAO,KAAA;AAAA,MACP,QAAA,EAAU,oBAAA,CAAa,IAAA;AAAA,QACrB,EAAE,OAAA,EAAS,KAAA,EAAO,KAAA,EAAO,EAAE,OAAA,EAAS,kBAAkB,EAAE,CAAA;AAAA,QACxD,EAAE,MAAA,EAAQ,IAAI;AAAA,MAChB;AAAA,IACF,CAAA;AAAA,EACF;AACA,EAAA,OAAO,EAAE,KAAA,EAAO,IAAA,EAAM,IAAI,CAAA;AAC5B;AAEO,SAAS,gBAAA,CACd,MAAA,EACA,IAAA,EACyE;AACzE,EAAA,MAAM,OAAA,EAAS,MAAA,CAAO,SAAA,CAAU,IAAI,CAAA;AACpC,EAAA,GAAA,CAAI,CAAC,MAAA,CAAO,OAAA,EAAS;AACnB,IAAA,OAAO;AAAA,MACL,OAAA,EAAS,KAAA;AAAA,MACT,QAAA,EAAU,oBAAA,CAAa,IAAA;AAAA,QACrB;AAAA,UACE,OAAA,EAAS,KAAA;AAAA,UACT,KAAA,EAAO;AAAA,YACL,OAAA,kBAAS,MAAA,mBAAO,KAAA,qBAAM,MAAA,qBAAO,CAAC,CAAA,6BAAG,UAAA,GAAW,kBAAA;AAAA,YAC5C,OAAA,EAAS,EAAE,MAAA,EAAQ,MAAA,CAAO,KAAA,CAAM,OAAO;AAAA,UACzC;AAAA,QACF,CAAA;AAAA,QACA,EAAE,MAAA,EAAQ,IAAI;AAAA,MAChB;AAAA,IACF,CAAA;AAAA,EACF;AACA,EAAA,OAAO,EAAE,OAAA,EAAS,IAAA,EAAM,IAAA,EAAM,MAAA,CAAO,KAAK,CAAA;AAC5C;AAEO,SAAS,YAAA,CACd,YAAA,EACA,SAAA,EACA,UAAA,EACG;AACH,EAAA,MAAM,MAAA,EAAQ,YAAA,CAAa,GAAA,CAAI,QAAQ,CAAA;AACvC,EAAA,OAAQ,SAAA,CAAgC,QAAA,kBAAS,KAAA,UAAS,IAAE,EAAA,EAAK,MAAA,EAAc,UAAA;AACjF;ADTA;AACA;AACE;AACA;AACA;AACF,oHAAC","file":"/Users/uni4love/project/workspace/211-withwiz/node-packages/withwiz-cms-kit/dist/chunk-DSORCGJK.js","sourcesContent":[null,"import { NextResponse } from 'next/server';\nimport type { ZodSchema } from 'zod';\n\nexport function validateIds(ids: unknown): { valid: true; ids: string[] } | { valid: false; response: NextResponse } {\n  if (!Array.isArray(ids) || ids.length === 0) {\n    return {\n      valid: false,\n      response: NextResponse.json(\n        { success: false, error: { message: 'No ids provided' } },\n        { status: 400 },\n      ),\n    };\n  }\n  return { valid: true, ids };\n}\n\nexport function validateAndParse<T>(\n  schema: ZodSchema<T>,\n  data: unknown,\n): { success: true; data: T } | { success: false; response: NextResponse } {\n  const result = schema.safeParse(data);\n  if (!result.success) {\n    return {\n      success: false,\n      response: NextResponse.json(\n        {\n          success: false,\n          error: {\n            message: result.error.issues[0]?.message || 'Validation error',\n            details: { issues: result.error.issues },\n          },\n        },\n        { status: 400 },\n      ),\n    };\n  }\n  return { success: true, data: result.data };\n}\n\nexport function parseSortKey<T extends string>(\n  searchParams: URLSearchParams,\n  validKeys: readonly T[],\n  defaultKey: T,\n): T {\n  const param = searchParams.get('sortBy');\n  return (validKeys as readonly string[]).includes(param ?? '') ? (param as T) : defaultKey;\n}\n"]}

package/dist/chunk-E5YUAOJI.js

@@ -0,0 +1,27 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/utils/date.ts
+var pad = (n) => String(n).padStart(2, "0");
+function toLocalDatetime(iso) {
+  if (!iso) return "";
+  const d = new Date(iso);
+  if (isNaN(d.getTime())) return "";
+  return `${d.getFullYear()}-${pad(d.getMonth() + 1)}-${pad(d.getDate())}T${pad(d.getHours())}:${pad(d.getMinutes())}`;
+}
+function formatDateTime(date) {
+  if (!date) return "-";
+  const d = new Date(date);
+  if (isNaN(d.getTime())) return "-";
+  return `${d.getFullYear()}.${pad(d.getMonth() + 1)}.${pad(d.getDate())} ${pad(d.getHours())}:${pad(d.getMinutes())}`;
+}
+function formatDate(date) {
+  if (!date) return "-";
+  const d = new Date(date);
+  if (isNaN(d.getTime())) return "-";
+  return `${d.getFullYear()}.${pad(d.getMonth() + 1)}.${pad(d.getDate())}`;
+}
+
+
+
+
+
+exports.toLocalDatetime = toLocalDatetime; exports.formatDateTime = formatDateTime; exports.formatDate = formatDate;
+//# sourceMappingURL=chunk-E5YUAOJI.js.map

package/dist/chunk-E5YUAOJI.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/Users/uni4love/project/workspace/211-withwiz/node-packages/withwiz-cms-kit/dist/chunk-E5YUAOJI.js","../src/utils/date.ts"],"names":[],"mappings":"AAAA;ACAA,IAAM,IAAA,EAAM,CAAC,CAAA,EAAA,GAAc,MAAA,CAAO,CAAC,CAAA,CAAE,QAAA,CAAS,CAAA,EAAG,GAAG,CAAA;AAE7C,SAAS,eAAA,CAAgB,GAAA,EAA4B;AAC1D,EAAA,GAAA,CAAI,CAAC,GAAA,EAAK,OAAO,EAAA;AACjB,EAAA,MAAM,EAAA,EAAI,IAAI,IAAA,CAAK,GAAG,CAAA;AACtB,EAAA,GAAA,CAAI,KAAA,CAAM,CAAA,CAAE,OAAA,CAAQ,CAAC,CAAA,EAAG,OAAO,EAAA;AAC/B,EAAA,OAAO,CAAA,EAAA;AACT;AAEgB;AACT,EAAA;AACC,EAAA;AACF,EAAA;AACG,EAAA;AACT;AAEgB;AACT,EAAA;AACC,EAAA;AACF,EAAA;AACG,EAAA;AACT;ADDU;AACA;AACA;AACA;AACA;AACA","file":"/Users/uni4love/project/workspace/211-withwiz/node-packages/withwiz-cms-kit/dist/chunk-E5YUAOJI.js","sourcesContent":[null,"const pad = (n: number) => String(n).padStart(2, '0');\n\nexport function toLocalDatetime(iso: string | null): string {\n  if (!iso) return '';\n  const d = new Date(iso);\n  if (isNaN(d.getTime())) return '';\n  return `${d.getFullYear()}-${pad(d.getMonth() + 1)}-${pad(d.getDate())}T${pad(d.getHours())}:${pad(d.getMinutes())}`;\n}\n\nexport function formatDateTime(date: string | null): string {\n  if (!date) return '-';\n  const d = new Date(date);\n  if (isNaN(d.getTime())) return '-';\n  return `${d.getFullYear()}.${pad(d.getMonth() + 1)}.${pad(d.getDate())} ${pad(d.getHours())}:${pad(d.getMinutes())}`;\n}\n\nexport function formatDate(date: string | null): string {\n  if (!date) return '-';\n  const d = new Date(date);\n  if (isNaN(d.getTime())) return '-';\n  return `${d.getFullYear()}.${pad(d.getMonth() + 1)}.${pad(d.getDate())}`;\n}\n"]}