@yeongseoksong/framework 1.6.2 → 1.7.0

package/dist/util/index.mjs

@@ -26,6 +26,8 @@ var _a2;
 var LOGO_SRC = (_a2 = process.env.NEXT_PUBLIC_LOGO_SRC) != null ? _a2 : "/logo.svg";
 var _a3;
 var LOGO_ALT = (_a3 = process.env.NEXT_PUBLIC_LOGO_ALT) != null ? _a3 : "\uB85C\uACE0";
+var _a4;
+var API_BASE_URL = (_a4 = process.env.NEXT_PUBLIC_API_BASE_URL) != null ? _a4 : "";
 
 // util/text.util.ts
 var COMPANY_TOKEN = "%c";
@@ -148,16 +150,82 @@ function fixJosa(text) {
   );
 }
 var WITH_FINAL = /* @__PURE__ */ new Set(["\uC740", "\uC774", "\uC744", "\uACFC"]);
+
+// util/axios.util.ts
+import axios from "axios";
+var apiClient = axios.create({
+  baseURL: API_BASE_URL,
+  withCredentials: true,
+  timeout: 15e3,
+  headers: { Accept: "application/json" }
+});
+var getAccessToken = null;
+function setAccessTokenGetter(getter) {
+  getAccessToken = getter;
+}
+apiClient.interceptors.request.use((config) => {
+  const token = getAccessToken == null ? void 0 : getAccessToken();
+  if (token) config.headers.set("Authorization", `Bearer ${token}`);
+  return config;
+});
+var refreshHandler = null;
+function setRefreshHandler(handler) {
+  refreshHandler = handler;
+}
+var refreshPromise = null;
+function refreshAccessToken() {
+  if (!refreshHandler) return Promise.resolve(false);
+  if (!refreshPromise) {
+    refreshPromise = refreshHandler().catch(() => false).finally(() => {
+      refreshPromise = null;
+    });
+  }
+  return refreshPromise;
+}
+var ApiError = class extends Error {
+  constructor(message, status, code) {
+    super(message);
+    this.name = "ApiError";
+    this.status = status;
+    this.code = code;
+  }
+};
+var onUnauthorized = null;
+function setUnauthorizedHandler(handler) {
+  onUnauthorized = handler;
+}
+apiClient.interceptors.response.use(
+  (response) => response,
+  (error) => __async(null, null, function* () {
+    var _a5, _b, _c;
+    const status = (_a5 = error.response) == null ? void 0 : _a5.status;
+    const originalRequest = error.config;
+    if (status === 401 && refreshHandler && originalRequest && !originalRequest._retry) {
+      originalRequest._retry = true;
+      const refreshed = yield refreshAccessToken();
+      if (refreshed) return apiClient(originalRequest);
+    }
+    if (status === 401) onUnauthorized == null ? void 0 : onUnauthorized();
+    const body = (_b = error.response) == null ? void 0 : _b.data;
+    return Promise.reject(new ApiError((_c = body == null ? void 0 : body.message) != null ? _c : error.message, status, body == null ? void 0 : body.code));
+  })
+);
 export {
+  API_BASE_URL,
+  ApiError,
   COMPANY_NAME,
   LOGO_ALT,
   LOGO_SRC,
+  apiClient,
   filterAndSort,
   fixJosa,
   getFinalSound,
   hasFinalConsonant,
   josa,
   runFinalizers,
+  setAccessTokenGetter,
+  setRefreshHandler,
+  setUnauthorizedHandler,
   t,
   withJosa
 };

package/package.json

@@ -1,49 +1,29 @@
 {
   "name": "@yeongseoksong/framework",
-  "version": "1.6.2",
+  "version": "1.7.0",
   "files": [
     "dist"
   ],
   "exports": {
     "./ui": {
-      "import": {
-        "types": "./dist/ui/index.d.mts",
-        "default": "./dist/ui/index.mjs"
-      },
-      "require": {
-        "types": "./dist/ui/index.d.ts",
-        "default": "./dist/ui/index.cjs"
-      }
+      "types": "./dist/ui/index.d.mts",
+      "default": "./dist/ui/index.mjs"
     },
     "./store": {
-      "import": {
-        "types": "./dist/store/index.d.mts",
-        "default": "./dist/store/index.mjs"
-      },
-      "require": {
-        "types": "./dist/store/index.d.ts",
-        "default": "./dist/store/index.cjs"
-      }
+      "types": "./dist/store/index.d.mts",
+      "default": "./dist/store/index.mjs"
     },
     "./util": {
-      "import": {
-        "types": "./dist/util/index.d.mts",
-        "default": "./dist/util/index.mjs"
-      },
-      "require": {
-        "types": "./dist/util/index.d.ts",
-        "default": "./dist/util/index.cjs"
-      }
+      "types": "./dist/util/index.d.mts",
+      "default": "./dist/util/index.mjs"
     },
     "./types": {
-      "import": {
-        "types": "./dist/types/index.d.mts",
-        "default": "./dist/types/index.mjs"
-      },
-      "require": {
-        "types": "./dist/types/index.d.ts",
-        "default": "./dist/types/index.cjs"
-      }
+      "types": "./dist/types/index.d.mts",
+      "default": "./dist/types/index.mjs"
+    },
+    "./platform": {
+      "types": "./dist/platform/index.d.mts",
+      "default": "./dist/platform/index.mjs"
     }
   },
   "publishConfig": {
@@ -60,6 +40,7 @@
     "react": "19.2.4",
     "react-dom": "19.2.4",
     "@tabler/icons-react": "^3.44.0",
+    "axios": "^1.18.1",
     "zustand": "^5.0.14"
   },
   "devDependencies": {

package/dist/store/index.cjs

@@ -1,393 +0,0 @@
-"use client";
-"use strict";
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __restKey = (key) => typeof key === "symbol" ? key : key + "";
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var __async = (__this, __arguments, generator) => {
-  return new Promise((resolve, reject) => {
-    var fulfilled = (value) => {
-      try {
-        step(generator.next(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var rejected = (value) => {
-      try {
-        step(generator.throw(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
-    step((generator = generator.apply(__this, __arguments)).next());
-  });
-};
-
-// store/index.ts
-var store_exports = {};
-__export(store_exports, {
-  formRules: () => formRules,
-  useAuthHydrated: () => useAuthHydrated,
-  useAuthStore: () => useAuthStore,
-  useFormStore: () => useFormStore,
-  useNavStore: () => useNavStore,
-  useSdForm: () => useSdForm,
-  useUiStore: () => useUiStore
-});
-module.exports = __toCommonJS(store_exports);
-
-// store/auth.store.ts
-var import_react = require("react");
-var import_zustand = require("zustand");
-var import_middleware = require("zustand/middleware");
-var useAuthStore = (0, import_zustand.create)()(
-  (0, import_middleware.persist)(
-    (set) => ({
-      user: null,
-      isAuthenticated: false,
-      hasHydrated: false,
-      login: (user) => set({ user, isAuthenticated: true }),
-      logout: () => set({ user: null, isAuthenticated: false }),
-      setHasHydrated: (value) => set({ hasHydrated: value })
-    }),
-    {
-      name: "sd-auth",
-      storage: (0, import_middleware.createJSONStorage)(() => localStorage),
-      partialize: (state) => ({ user: state.user, isAuthenticated: state.isAuthenticated }),
-      skipHydration: true,
-      onRehydrateStorage: () => (state) => state == null ? void 0 : state.setHasHydrated(true)
-    }
-  )
-);
-var rehydrateStarted = false;
-function useAuthHydrated() {
-  const hasHydrated = useAuthStore((state) => state.hasHydrated);
-  (0, import_react.useEffect)(() => {
-    if (rehydrateStarted) return;
-    rehydrateStarted = true;
-    void useAuthStore.persist.rehydrate();
-  }, []);
-  return hasHydrated;
-}
-
-// store/ui.store.ts
-var import_zustand2 = require("zustand");
-var useUiStore = (0, import_zustand2.create)()((set) => ({
-  globalLoading: false,
-  setGlobalLoading: (value) => set({ globalLoading: value }),
-  sideNavOpened: false,
-  openSideNav: () => set({ sideNavOpened: true }),
-  closeSideNav: () => set({ sideNavOpened: false }),
-  toggleSideNav: () => set((state) => ({ sideNavOpened: !state.sideNavOpened }))
-}));
-
-// store/nav.store.ts
-var import_zustand3 = require("zustand");
-var useNavStore = (0, import_zustand3.create)()((set) => ({
-  navItems: [],
-  setNavItems: (navItems) => set({ navItems })
-}));
-
-// store/form.state.ts
-var import_react2 = require("react");
-var import_zustand4 = require("zustand");
-
-// ui/atom/Toast.tsx
-var import_notifications = require("@mantine/notifications");
-var import_icons_react = require("@tabler/icons-react");
-var import_jsx_runtime = require("react/jsx-runtime");
-var toastStyles = {
-  /** 성공 — 저장·전송 완료 */
-  Success: { color: "green", icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons_react.IconCheck, { size: 18 }), title: "\uC644\uB8CC" },
-  /** 실패 — 요청 오류·검증 실패 */
-  Error: { color: "red", icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons_react.IconX, { size: 18 }), title: "\uC624\uB958" },
-  /** 주의 — 되돌릴 수 없는 동작 안내 등 */
-  Warning: { color: "amber", icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons_react.IconAlertTriangle, { size: 18 }), title: "\uC8FC\uC758" },
-  /** 안내 — 중립 정보 */
-  Info: { color: "primary", icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons_react.IconInfoCircle, { size: 18 }), title: "\uC548\uB0B4" },
-  /** 진행 중 — 스피너 + 자동 닫힘 없음. Update로 결과 변형으로 바꾼다. */
-  Loading: { loading: true, autoClose: false, withCloseButton: false, title: "\uCC98\uB9AC \uC911" }
-};
-function createToast(defaults) {
-  return function SdToast2(message, options) {
-    return import_notifications.notifications.show(__spreadValues(__spreadProps(__spreadValues({}, defaults), { message }), options));
-  };
-}
-var SdToast = {
-  Success: createToast(toastStyles.Success),
-  Error: createToast(toastStyles.Error),
-  Warning: createToast(toastStyles.Warning),
-  Info: createToast(toastStyles.Info),
-  Loading: createToast(toastStyles.Loading),
-  /**
-   * 이미 떠 있는 알림을 다른 변형으로 교체한다 — `Loading` → `Success`/`Error` 전환용.
-   * `loading: false`·`autoClose`를 먼저 깔아 두므로 스피너가 그대로 남지 않는다.
-   */
-  Update: (id, variant, message, options) => import_notifications.notifications.update(__spreadValues(__spreadProps(__spreadValues({
-    id,
-    loading: false,
-    autoClose: 4e3,
-    withCloseButton: true
-  }, toastStyles[variant]), {
-    message
-  }), options)),
-  /** 특정 알림 닫기 */
-  Hide: (id) => import_notifications.notifications.hide(id),
-  /** 떠 있는 알림 전부 닫기 */
-  Clean: () => import_notifications.notifications.clean()
-};
-var SdToastSuccess = SdToast.Success;
-var SdToastError = SdToast.Error;
-var SdToastWarning = SdToast.Warning;
-var SdToastInfo = SdToast.Info;
-var SdToastLoading = SdToast.Loading;
-var SdToastUpdate = SdToast.Update;
-var SdToastHide = SdToast.Hide;
-var SdToastClean = SdToast.Clean;
-
-// util/finalize.util.ts
-function runFinalizers(finalize, label = "finalize") {
-  return __async(this, null, function* () {
-    if (!finalize) return;
-    const list = Array.isArray(finalize) ? finalize : [finalize];
-    for (const fn of list) {
-      try {
-        yield fn();
-      } catch (caught) {
-        console.error(`[${label}] finalize\uC5D0\uC11C \uC608\uC678\uAC00 \uBC1C\uC0DD\uD588\uC2B5\uB2C8\uB2E4.`, caught);
-      }
-    }
-  });
-}
-
-// store/form.state.ts
-var EMPTY_ERRORS = {};
-function readChangePayload(payload) {
-  if (payload && typeof payload === "object" && "currentTarget" in payload) {
-    const target = payload.currentTarget;
-    if (target && typeof target === "object" && "value" in target) {
-      return target.type === "checkbox" ? target.checked : target.value;
-    }
-  }
-  return payload;
-}
-function blankEntry(values) {
-  return { values, errors: {}, submitting: false, error: null };
-}
-function patch(state, formId, next) {
-  const current = state.forms[formId];
-  if (!current) return state;
-  return __spreadProps(__spreadValues({}, state), { forms: __spreadProps(__spreadValues({}, state.forms), { [formId]: __spreadValues(__spreadValues({}, current), next) }) });
-}
-var useFormStore = (0, import_zustand4.create)()((set) => ({
-  forms: {},
-  ensureForm: (formId, initialValues) => set(
-    (state) => state.forms[formId] ? state : __spreadProps(__spreadValues({}, state), { forms: __spreadProps(__spreadValues({}, state.forms), { [formId]: blankEntry(initialValues) }) })
-  ),
-  setValue: (formId, name, value) => set((state) => {
-    const current = state.forms[formId];
-    if (!current) return state;
-    const _a = current.errors, { [name]: _removed } = _a, restErrors = __objRest(_a, [__restKey(name)]);
-    return patch(state, formId, {
-      values: __spreadProps(__spreadValues({}, current.values), { [name]: value }),
-      errors: restErrors
-    });
-  }),
-  setValues: (formId, values) => set((state) => {
-    const current = state.forms[formId];
-    if (!current) return state;
-    return patch(state, formId, { values: __spreadValues(__spreadValues({}, current.values), values) });
-  }),
-  setErrors: (formId, errors) => set((state) => patch(state, formId, { errors })),
-  setSubmitting: (formId, submitting) => set((state) => patch(state, formId, { submitting })),
-  setError: (formId, error) => set((state) => patch(state, formId, { error })),
-  resetForm: (formId, initialValues) => set((state) => __spreadProps(__spreadValues({}, state), { forms: __spreadProps(__spreadValues({}, state.forms), { [formId]: blankEntry(initialValues) }) })),
-  removeForm: (formId) => set((state) => {
-    const _a = state.forms, { [formId]: _removed } = _a, rest = __objRest(_a, [__restKey(formId)]);
-    return __spreadProps(__spreadValues({}, state), { forms: rest });
-  })
-}));
-function useSdForm({
-  id,
-  initialValues,
-  rules,
-  onSubmit,
-  successMessage,
-  errorMessage,
-  resetOnSuccess,
-  onSuccess,
-  onError,
-  finalize
-}) {
-  var _a, _b, _c, _d;
-  const entry = useFormStore((state) => state.forms[id]);
-  const store = useFormStore;
-  (0, import_react2.useEffect)(() => {
-    store.getState().ensureForm(id, initialValues);
-  }, [id]);
-  const values = (_a = entry == null ? void 0 : entry.values) != null ? _a : initialValues;
-  const errors = (_b = entry == null ? void 0 : entry.errors) != null ? _b : EMPTY_ERRORS;
-  const submitting = (_c = entry == null ? void 0 : entry.submitting) != null ? _c : false;
-  const error = (_d = entry == null ? void 0 : entry.error) != null ? _d : null;
-  const setValue = (0, import_react2.useCallback)(
-    (name, value) => store.getState().setValue(id, String(name), value),
-    [id, store]
-  );
-  const setValues = (0, import_react2.useCallback)(
-    (next) => store.getState().setValues(id, next),
-    [id, store]
-  );
-  const reset = (0, import_react2.useCallback)(
-    () => store.getState().resetForm(id, initialValues),
-    // initialValues 참조가 바뀌어도 reset의 의미는 같다.
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [id, store]
-  );
-  const getInputProps = (0, import_react2.useCallback)(
-    (name, options) => {
-      const key = String(name);
-      const fieldError = errors[name];
-      const current = values[name];
-      const onChange = (payload) => store.getState().setValue(id, key, readChangePayload(payload));
-      if ((options == null ? void 0 : options.type) === "checkbox") {
-        return { checked: Boolean(current), error: fieldError, onChange };
-      }
-      return {
-        // undefined일 때만 ''로 메운다 — null은 그대로 둬야 Select·Date가 "값 없음"으로 읽는다.
-        value: current === void 0 ? "" : current,
-        error: fieldError,
-        onChange
-      };
-    },
-    [errors, id, store, values]
-  );
-  const handleSubmit = (0, import_react2.useCallback)(
-    (event) => __async(null, null, function* () {
-      var _a2, _b2;
-      event == null ? void 0 : event.preventDefault();
-      const state = store.getState();
-      const current = state.forms[id];
-      if (current == null ? void 0 : current.submitting) return;
-      const currentValues = (_a2 = current == null ? void 0 : current.values) != null ? _a2 : initialValues;
-      if (rules) {
-        const found = {};
-        for (const [name, rule] of Object.entries(rules)) {
-          const message = rule == null ? void 0 : rule(currentValues[name], currentValues);
-          if (message) found[name] = message;
-        }
-        if (Object.keys(found).length > 0) {
-          state.setErrors(id, found);
-          return;
-        }
-      }
-      state.setErrors(id, {});
-      state.setError(id, null);
-      state.setSubmitting(id, true);
-      try {
-        yield onSubmit(currentValues);
-        if (successMessage !== false) SdToast.Success(successMessage != null ? successMessage : "\uC800\uC7A5\uD588\uC2B5\uB2C8\uB2E4.");
-        if (resetOnSuccess) state.resetForm(id, initialValues);
-        onSuccess == null ? void 0 : onSuccess(currentValues);
-      } catch (caught) {
-        const message = (_b2 = errorMessage == null ? void 0 : errorMessage(caught)) != null ? _b2 : caught instanceof Error ? caught.message : "\uC694\uCCAD\uC744 \uCC98\uB9AC\uD558\uC9C0 \uBABB\uD588\uC2B5\uB2C8\uB2E4.";
-        state.setError(id, message);
-        SdToast.Error(message);
-        onError == null ? void 0 : onError(caught);
-      } finally {
-        store.getState().setSubmitting(id, false);
-        yield runFinalizers(finalize, "useSdForm");
-      }
-    }),
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [
-      id,
-      store,
-      rules,
-      onSubmit,
-      successMessage,
-      errorMessage,
-      resetOnSuccess,
-      onSuccess,
-      onError,
-      finalize
-    ]
-  );
-  return (0, import_react2.useMemo)(
-    () => ({
-      values,
-      errors,
-      submitting,
-      error,
-      setValue,
-      setValues,
-      reset,
-      getInputProps,
-      onSubmit: handleSubmit
-    }),
-    [values, errors, submitting, error, setValue, setValues, reset, getInputProps, handleSubmit]
-  );
-}
-var formRules = {
-  required: (message = "\uD544\uC218 \uC785\uB825 \uD56D\uBAA9\uC785\uB2C8\uB2E4.") => (value) => value === void 0 || value === null || String(value).trim() === "" ? message : null,
-  email: (message = "\uC774\uBA54\uC77C \uD615\uC2DD\uC774 \uC62C\uBC14\uB974\uC9C0 \uC54A\uC2B5\uB2C8\uB2E4.") => (value) => /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(String(value != null ? value : "")) ? null : message,
-  minLength: (length, message) => (value) => String(value != null ? value : "").length >= length ? null : message != null ? message : `${length}\uC790 \uC774\uC0C1 \uC785\uB825\uD558\uC138\uC694.`,
-  /** 체크박스 동의 — 반드시 true여야 한다. */
-  checked: (message = "\uB3D9\uC758\uAC00 \uD544\uC694\uD569\uB2C8\uB2E4.") => (value) => value === true ? null : message,
-  /** 다른 필드와 같은 값인지 — 비밀번호 확인 등. */
-  sameAs: (other, message = "\uAC12\uC774 \uC77C\uCE58\uD558\uC9C0 \uC54A\uC2B5\uB2C8\uB2E4.") => (value, values) => value === values[other] ? null : message
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  formRules,
-  useAuthHydrated,
-  useAuthStore,
-  useFormStore,
-  useNavStore,
-  useSdForm,
-  useUiStore
-});