subaya 1.0.0

package/dist/template/api/gen/queryReactQueryClient.js

@@ -0,0 +1,159 @@
+import { camelCase, constantCase, pascalCase } from "change-case";
+export const genQueryReactQueryClient = (apiName, methods, importErrorTypeArr) => {
+    const apiInstance = camelCase(apiName.toLocaleLowerCase()) + "Api";
+    const constantPrefix = constantCase(apiName);
+    const genImportArr = () => {
+        if (importErrorTypeArr.length === 0) {
+            return "";
+        }
+        const sortedImportTypeArr = importErrorTypeArr
+            .filter((type) => type !== "any" && !type.includes("[]"))
+            .sort((a, b) => a.localeCompare(b));
+        const importStrSet = [...new Set(sortedImportTypeArr)];
+        if (importStrSet.length < 5) {
+            return `import { ${importStrSet.join(", ")} } from "../@types/data-contracts";`;
+        }
+        return `import {
+  ${importStrSet.join(",\n  ")},
+} from "../@types/data-contracts";`;
+    };
+    let isNeedInfiniteQueryInFile = false;
+    let isNeedMutationInFile = false;
+    let isNeedQueryInFile = false;
+    let queryKeys = "";
+    let queryHooks = "";
+    methods.forEach((methodInfo) => {
+        const { operationId, method, hasQuery, hasPathParams, responseType, errorType, comments, isInfinite } = methodInfo;
+        const pascalOpId = pascalCase(operationId);
+        const camelOpId = pascalCase(operationId).charAt(0).toLowerCase() + pascalCase(operationId).slice(1);
+        const constantOpId = constantCase(operationId);
+        const isGet = method.toUpperCase() === "GET";
+        const needsInfinite = isGet && hasQuery && isInfinite;
+        const hasVariables = hasPathParams || hasQuery;
+        // QUERY_KEY 생성
+        const targetQueryKey = constantOpId.replace(`${constantPrefix}_`, "");
+        if (isGet) {
+            if (needsInfinite) {
+                isNeedInfiniteQueryInFile = true;
+                queryKeys += `  ${targetQueryKey}: (variables?: Parameter<typeof ${apiInstance}.${camelOpId}>) =>\n`;
+                queryKeys += `    ["$${targetQueryKey}", variables].filter((key) => typeof key !== "undefined"),\n`;
+                queryKeys += `  ${targetQueryKey}_INFINITE: (variables?: Parameter<typeof ${apiInstance}.${camelOpId}>) =>\n`;
+                queryKeys += `    ["$${targetQueryKey}_INFINITE", variables].filter((key) => typeof key !== "undefined"),\n`;
+            }
+            else {
+                if (hasVariables) {
+                    queryKeys += `  ${targetQueryKey}: (variables?: Parameter<typeof ${apiInstance}.${camelOpId}>) =>\n`;
+                    queryKeys += `    ["$${targetQueryKey}", variables].filter((key) => typeof key !== "undefined"),\n`;
+                }
+                else {
+                    queryKeys += `  ${targetQueryKey}: (variables?: Parameter<typeof ${apiInstance}.${camelOpId}>) =>\n`;
+                    queryKeys += `    ["$${targetQueryKey}", variables].filter((key) => typeof key !== "undefined"),\n`;
+                }
+            }
+        }
+        else {
+            queryKeys += `  ${targetQueryKey}: () => ["${targetQueryKey}"].filter((key) => typeof key !== "undefined"),\n`;
+        }
+        // Hook 생성
+        const commentStr = comments.map((c) => ` * ${c}`).join("\n");
+        if (isGet) {
+            // useQuery Hook
+            isNeedQueryInFile = true;
+            queryHooks += `/**\n${commentStr}\n */\n`;
+            queryHooks += `export const use${pascalOpId}Query = (\n`;
+            queryHooks += hasVariables
+                ? `  params: QueryHookParams<typeof ${apiInstance}.${camelOpId}, AxiosError<${errorType}>>,\n`
+                : `  params?: QueryHookParams<typeof ${apiInstance}.${camelOpId}, AxiosError<${errorType}>>,\n`;
+            queryHooks += `) => {\n`;
+            queryHooks += `  const queryKey = QUERY_KEY_${constantPrefix}_API.${targetQueryKey}(params${hasVariables ? "" : "?"}.variables)\n`;
+            queryHooks += `  return useQuery({\n`;
+            queryHooks += `    queryKey,\n`;
+            queryHooks += `    queryFn: () => ${apiInstance}.${camelOpId}(params${hasVariables ? "" : "?"}.variables),\n`;
+            queryHooks += `    ...params?.options,\n`;
+            queryHooks += `  })\n`;
+            queryHooks += `}\n\n`;
+            // useInfiniteQuery Hook (hasQuery가 있는 경우)
+            if (needsInfinite) {
+                importErrorTypeArr.push(responseType);
+                queryHooks += `/**\n${commentStr}\n */\n`;
+                queryHooks += `export const use${pascalOpId}InfiniteQuery = (\n`;
+                queryHooks += `  params: InfiniteQueryHookParams<${responseType}, AxiosError<${errorType}>>,\n`;
+                queryHooks += `) => {\n`;
+                queryHooks += `  const queryKey = QUERY_KEY_${constantPrefix}_API.${targetQueryKey}_INFINITE(params.variables)\n\n`;
+                queryHooks += `  return useInfiniteQuery({\n`;
+                queryHooks += `    queryKey,\n`;
+                queryHooks += `    initialPageParam: 0,\n`;
+                queryHooks += `    queryFn: ({ pageParam = 0 }) => {\n`;
+                queryHooks += `      return ${apiInstance}.${camelOpId}({\n`;
+                queryHooks += `        ...params.variables,\n`;
+                queryHooks += `        query: {\n`;
+                queryHooks += `          ...params.variables?.query,\n`;
+                queryHooks += `          offset: String(pageParam),\n`;
+                queryHooks += `        },\n`;
+                queryHooks += `      })\n`;
+                queryHooks += `    },\n`;
+                queryHooks += `    getNextPageParam: (lastPage) => {\n`;
+                queryHooks += `      return lastPage.nextOffset\n`;
+                queryHooks += `    },\n`;
+                queryHooks += `    ...params?.options,\n`;
+                queryHooks += `  })\n`;
+                queryHooks += `}\n\n`;
+            }
+        }
+        else {
+            // useMutation Hook
+            isNeedMutationInFile = true;
+            queryHooks += `/**\n${commentStr}\n */\n`;
+            queryHooks += `export const use${pascalOpId}Mutation = (\n`;
+            queryHooks += `  params: MutationHookParams<typeof ${apiInstance}.${camelOpId}, AxiosError<${errorType}>>,\n`;
+            queryHooks += `) => {\n`;
+            queryHooks += `  const mutationKey = QUERY_KEY_${constantPrefix}_API.${targetQueryKey}()\n`;
+            queryHooks += `  return useMutation({\n`;
+            queryHooks += `    mutationKey,\n`;
+            queryHooks += `    mutationFn: ${apiInstance}.${camelOpId},\n`;
+            queryHooks += `    ...params?.options,\n`;
+            queryHooks += `  })\n`;
+            queryHooks += `}\n\n`;
+        }
+    });
+    const importFromTanstackQuery = () => {
+        const importArr = [];
+        if (isNeedInfiniteQueryInFile) {
+            importArr.push("useInfiniteQuery");
+        }
+        if (isNeedMutationInFile) {
+            importArr.push("useMutation");
+        }
+        if (isNeedQueryInFile) {
+            importArr.push("useQuery");
+        }
+        return importArr.join(", ");
+    };
+    const importFromReactQueryType = () => {
+        const importArr = [];
+        if (isNeedInfiniteQueryInFile) {
+            importArr.push("InfiniteQueryHookParams");
+        }
+        if (isNeedMutationInFile) {
+            importArr.push("MutationHookParams");
+        }
+        if (isNeedQueryInFile) {
+            importArr.push("QueryHookParams");
+            importArr.push("Parameter");
+        }
+        return importArr.join(", ");
+    };
+    return `import { ${importFromTanstackQuery()} } from "@tanstack/react-query"
+import { AxiosError } from "axios"
+import { ${importFromReactQueryType()} } from "../@types/react-query-type"
+import { ${apiInstance} } from "./${apiName}.api"
+${importErrorTypeArr.length === 0 ? "" : `\n${genImportArr()}`}
+/**
+ * QUERY_KEYS
+ */
+export const QUERY_KEY_${constantPrefix}_API = {
+${queryKeys}}
+
+${queryHooks}`;
+};
+//# sourceMappingURL=queryReactQueryClient.js.map

package/dist/template/api/gen/queryReactQueryClient.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"queryReactQueryClient.js","sourceRoot":"","sources":["../../../../src/template/api/gen/queryReactQueryClient.ts"],"names":[],"mappings":"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"}

package/dist/template/api/type/httpClientType.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=httpClientType.d.ts.map

package/dist/template/api/type/httpClientType.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"httpClientType.d.ts","sourceRoot":"","sources":["../../../../src/template/api/type/httpClientType.ts"],"names":[],"mappings":""}

package/dist/template/api/type/httpClientType.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=httpClientType.js.map

package/dist/template/api/type/httpClientType.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"httpClientType.js","sourceRoot":"","sources":["../../../../src/template/api/type/httpClientType.ts"],"names":[],"mappings":""}

package/dist/template/axios/instance.d.ts

@@ -0,0 +1,2 @@
+export declare const axiosInstance: (noRefresh: boolean) => string;
+//# sourceMappingURL=instance.d.ts.map

package/dist/template/axios/instance.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"instance.d.ts","sourceRoot":"","sources":["../../../src/template/axios/instance.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,aAAa,GACxB,WAAW,OAAO,WA0FmC,CAAA"}

package/dist/template/axios/instance.js

@@ -0,0 +1,91 @@
+export const axiosInstance = (noRefresh) => `import axios, { AxiosError, AxiosInstance, AxiosRequestConfig } from "axios"
+import qs from "qs"
+
+import { ENV } from "@/configs/env"
+import { apiLogger } from "@/utils/logger/api-logger"
+import styledConsole from "@/utils/logger/styled-console"
+${!noRefresh ? `import { tokenStorage } from "@/store/local/index"` : ""}
+${!noRefresh ? `import { refresh } from "./refresh"\n` : ""}
+const isDev = ENV.NODE_ENV === "development"
+
+export class HttpClient {
+  private instance: AxiosInstance
+
+  constructor(config?: AxiosRequestConfig) {
+    this.instance = axios.create({
+      baseURL: ENV.API_BASE_URL,
+      timeout: 5000,
+      headers: {
+        "Content-Type": "application/json",
+      },
+      ...config,
+    })
+    this.setupInterceptors()
+  }
+
+  private setupInterceptors() {
+    this.instance.interceptors.request.use(
+      (config) => {
+        ${noRefresh ? "// " : ""}const token = tokenStorage?.get()
+        ${noRefresh ? "// " : ""}const isAccess = !!token && !!token.access
+        ${noRefresh ? "// " : ""}if (isAccess) {
+        ${noRefresh ? "// " : ""}  config.headers.setAuthorization(\`Bearer \${token.access}\`)
+        ${noRefresh ? "// " : ""}}
+        return config
+      },
+      (error) => {
+        return Promise.reject(error)
+      },
+    )
+
+    this.instance.interceptors.response.use(
+      (res) => {
+        const { status, config: reqData, data: resData } = res
+        if (isDev) apiLogger({ status, reqData, resData })
+        return res
+      },
+      async (error: AxiosError) => {
+        try {
+          const { response: res, config: reqData } = error || {}
+          const { status } = res || { status: 400 }
+          ${noRefresh ? "// " : ""}const isUnAuthError = status === 401
+          ${noRefresh ? "// " : ""}const isExpiredToken = status === 444
+
+          if (isDev) apiLogger({ status, reqData, resData: error, method: "error" })
+
+          ${noRefresh ? "// " : ""}if (isExpiredToken && reqData) {
+          ${noRefresh ? "// " : ""}  const refreshedConfig = await refresh(reqData)
+          ${noRefresh ? "// " : ""}  if (refreshedConfig) {
+          ${noRefresh ? "// " : ""}    return this.instance.request(refreshedConfig)
+          ${noRefresh ? "// " : ""}  }
+          ${noRefresh ? "// " : ""}}
+
+          ${noRefresh ? "// " : ""}if (isUnAuthError) {
+          ${noRefresh ? "// " : ""}  tokenStorage?.remove()
+          ${noRefresh ? "// " : ""}}
+
+          return Promise.reject(error)
+        } catch (e) {
+          styledConsole({
+            method: "error",
+            topic: "UN_HANDLED",
+            title: "axios-interceptor",
+            data: e,
+          })
+          return Promise.reject(e)
+        }
+      },
+    )
+
+    this.instance.defaults.paramsSerializer = (params) => {
+      return qs.stringify(params, { arrayFormat: "repeat" })
+    }
+  }
+
+  public getInstance(): AxiosInstance {
+    return this.instance
+  }
+}
+
+export const instance = new HttpClient().getInstance()`;
+//# sourceMappingURL=instance.js.map

package/dist/template/axios/instance.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"instance.js","sourceRoot":"","sources":["../../../src/template/axios/instance.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,aAAa,GAAG,CAC3B,SAAkB,EAClB,EAAE,CAAC;;;;;;EAMH,CAAC,SAAS,CAAC,CAAC,CAAC,oDAAoD,CAAC,CAAC,CAAC,EAAE;EACtE,CAAC,SAAS,CAAC,CAAC,CAAC,uCAAuC,CAAC,CAAC,CAAC,EAAE;;;;;;;;;;;;;;;;;;;;;UAqBjD,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE;UACtB,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE;UACtB,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE;UACtB,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE;UACtB,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE;;;;;;;;;;;;;;;;;;YAkBpB,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE;YACtB,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE;;;;YAItB,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE;YACtB,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE;YACtB,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE;YACtB,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE;YACtB,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE;YACtB,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE;;YAEtB,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE;YACtB,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE;YACtB,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;uDAyBqB,CAAA"}

package/dist/template/axios/refresh.d.ts

@@ -0,0 +1,2 @@
+export declare const axiosRefresh: () => string;
+//# sourceMappingURL=refresh.d.ts.map

package/dist/template/axios/refresh.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"refresh.d.ts","sourceRoot":"","sources":["../../../src/template/axios/refresh.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,YAAY,cA+EvB,CAAA"}

package/dist/template/axios/refresh.js

@@ -0,0 +1,81 @@
+export const axiosRefresh = () => `import { ENV } from "@/configs/env"
+import { tokenStorage } from "@/store/local/index"
+import { TokenType } from "@/types/localStorageType"
+import axios, { InternalAxiosRequestConfig } from "axios"
+
+type RefreshSubscriber = (access: string | null) => void
+
+let isTokenRefreshing = false
+let refreshSubscribers: RefreshSubscriber[] = []
+
+const onTokenRefreshed = (access: string) => {
+  refreshSubscribers.forEach((callback) => callback(access))
+  refreshSubscribers = []
+}
+
+const onTokenRefreshFailed = () => {
+  refreshSubscribers.forEach((callback) => callback(null))
+  refreshSubscribers = []
+}
+
+const refreshToken = async (): Promise<TokenType> => {
+  try {
+    const token = tokenStorage?.get()
+    if (!token?.refresh) {
+      throw new Error("Refresh token not found")
+    }
+
+    const { data: newToken } = await axios.post<TokenType>(\`\${ENV.API_BASE_URL}/v1/user/refresh/\`, {
+      refresh: token.refresh,
+    })
+
+    const updatedToken = { ...token, ...newToken }
+    tokenStorage?.set(updatedToken)
+
+    return newToken
+  } catch (err) {
+    tokenStorage?.remove()
+
+    if (typeof window !== "undefined") {
+      window.location.href = "/login"
+    }
+    throw err
+  }
+}
+
+export const refresh = async (
+  originalRequest?: InternalAxiosRequestConfig,
+): Promise<InternalAxiosRequestConfig | null> => {
+  if (!originalRequest) {
+    return null
+  }
+
+  return new Promise((resolve, reject) => {
+    refreshSubscribers.push((access: string | null) => {
+      if (access) {
+        if (originalRequest.headers) {
+          originalRequest.headers.set("Authorization", \`Bearer \${access}\`)
+        }
+        resolve(originalRequest)
+      } else {
+        reject(new Error("Refresh token failed and cleared"))
+      }
+    })
+
+    if (!isTokenRefreshing) {
+      isTokenRefreshing = true
+
+      refreshToken()
+        .then((token) => {
+          onTokenRefreshed(token.access)
+        })
+        .catch(() => {
+          onTokenRefreshFailed()
+        })
+        .finally(() => {
+          isTokenRefreshing = false
+        })
+    }
+  })
+}`;
+//# sourceMappingURL=refresh.js.map

package/dist/template/axios/refresh.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"refresh.js","sourceRoot":"","sources":["../../../src/template/axios/refresh.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA+EhC,CAAA"}

package/dist/template/imageAsNext.d.ts

@@ -0,0 +1,2 @@
+export declare const nextImageComponentString = "'use client';\n\nimport { ComponentProps, Ref, useState } from 'react';\n\nimport NextImage, { ImageProps as NextImageProps } from 'next/image';\n\ninterface ImageAsNextProps\n  extends Omit<ComponentProps<'div'>, 'children' | 'onError' | 'onLoad'> {\n  src: NextImageProps['src'];\n  alt: NextImageProps['alt'];\n  children?: React.ReactNode;\n  loader?: NextImageProps['loader'];\n  fill?: NextImageProps['fill'];\n  preload?: NextImageProps['preload'];\n  priority?: NextImageProps['priority'];\n  loading?: NextImageProps['loading'];\n  placeholder?: NextImageProps['placeholder'];\n  blurDataURL?: NextImageProps['blurDataURL'];\n  unoptimized?: NextImageProps['unoptimized'];\n  sizes?: NextImageProps['sizes'];\n  onLoad?: NextImageProps['onLoad'];\n  onError?: NextImageProps['onError'];\n  id?: string;\n  isDisabledSkeleton?: boolean;\n  isLoading?: boolean;\n  imageClassName?: string;\n  ref?: Ref<HTMLImageElement>;\n}\n\nconst ImageAsNext = ({\n  src,\n  alt,\n  children,\n  fill = true,\n  loader,\n  preload,\n  priority = false,\n  loading,\n  placeholder,\n  blurDataURL,\n  unoptimized,\n  sizes = '100vw',\n  onLoad,\n  onError,\n  id,\n\n  isLoading,\n  isDisabledSkeleton,\n\n  className = '',\n  imageClassName = '',\n  ref,\n  ...props\n}: ImageAsNextProps) => {\n  const [internalIsLoading, setInternalIsLoading] = useState(true);\n\n  const isCurrentlyLoading =\n    isLoading !== undefined ? isLoading : internalIsLoading;\n  const showSkeleton = !isDisabledSkeleton && isCurrentlyLoading;\n\n  return (\n    <div\n      className={`relative overflow-hidden object-contain ${\n        showSkeleton ? 'animate-pulse bg-gray-200 dark:bg-gray-700' : ''\n      } ${className}`}\n      {...props}\n    >\n      <NextImage\n        ref={ref}\n        src={src}\n        alt={alt}\n        fill={fill}\n        loader={loader}\n        preload={preload}\n        priority={priority}\n        loading={loading}\n        placeholder={placeholder}\n        blurDataURL={blurDataURL}\n        unoptimized={unoptimized}\n        sizes={sizes}\n        id={id}\n        className={`transition-opacity object-fit duration-300 ${\n          showSkeleton ? 'opacity-0' : 'opacity-100'\n        } ${imageClassName}`}\n        onLoad={(e) => {\n          setInternalIsLoading(false);\n          onLoad?.(e);\n        }}\n        onError={(e) => {\n          setInternalIsLoading(false);\n          onError?.(e);\n        }}\n      />\n\n      {children && <div className=\"absolute inset-0\">{children}</div>}\n    </div>\n  );\n};\n\nexport default ImageAsNext;\n\n\n";
+//# sourceMappingURL=imageAsNext.d.ts.map

package/dist/template/imageAsNext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"imageAsNext.d.ts","sourceRoot":"","sources":["../../src/template/imageAsNext.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,wBAAwB,uhFAsGpC,CAAA"}

package/dist/template/imageAsNext.js

@@ -0,0 +1,104 @@
+export const nextImageComponentString = `'use client';
+
+import { ComponentProps, Ref, useState } from 'react';
+
+import NextImage, { ImageProps as NextImageProps } from 'next/image';
+
+interface ImageAsNextProps
+  extends Omit<ComponentProps<'div'>, 'children' | 'onError' | 'onLoad'> {
+  src: NextImageProps['src'];
+  alt: NextImageProps['alt'];
+  children?: React.ReactNode;
+  loader?: NextImageProps['loader'];
+  fill?: NextImageProps['fill'];
+  preload?: NextImageProps['preload'];
+  priority?: NextImageProps['priority'];
+  loading?: NextImageProps['loading'];
+  placeholder?: NextImageProps['placeholder'];
+  blurDataURL?: NextImageProps['blurDataURL'];
+  unoptimized?: NextImageProps['unoptimized'];
+  sizes?: NextImageProps['sizes'];
+  onLoad?: NextImageProps['onLoad'];
+  onError?: NextImageProps['onError'];
+  id?: string;
+  isDisabledSkeleton?: boolean;
+  isLoading?: boolean;
+  imageClassName?: string;
+  ref?: Ref<HTMLImageElement>;
+}
+
+const ImageAsNext = ({
+  src,
+  alt,
+  children,
+  fill = true,
+  loader,
+  preload,
+  priority = false,
+  loading,
+  placeholder,
+  blurDataURL,
+  unoptimized,
+  sizes = '100vw',
+  onLoad,
+  onError,
+  id,
+
+  isLoading,
+  isDisabledSkeleton,
+
+  className = '',
+  imageClassName = '',
+  ref,
+  ...props
+}: ImageAsNextProps) => {
+  const [internalIsLoading, setInternalIsLoading] = useState(true);
+
+  const isCurrentlyLoading =
+    isLoading !== undefined ? isLoading : internalIsLoading;
+  const showSkeleton = !isDisabledSkeleton && isCurrentlyLoading;
+
+  return (
+    <div
+      className={\`relative overflow-hidden object-contain \${
+        showSkeleton ? 'animate-pulse bg-gray-200 dark:bg-gray-700' : ''
+      } \${className}\`}
+      {...props}
+    >
+      <NextImage
+        ref={ref}
+        src={src}
+        alt={alt}
+        fill={fill}
+        loader={loader}
+        preload={preload}
+        priority={priority}
+        loading={loading}
+        placeholder={placeholder}
+        blurDataURL={blurDataURL}
+        unoptimized={unoptimized}
+        sizes={sizes}
+        id={id}
+        className={\`transition-opacity object-fit duration-300 \${
+          showSkeleton ? 'opacity-0' : 'opacity-100'
+        } \${imageClassName}\`}
+        onLoad={(e) => {
+          setInternalIsLoading(false);
+          onLoad?.(e);
+        }}
+        onError={(e) => {
+          setInternalIsLoading(false);
+          onError?.(e);
+        }}
+      />
+
+      {children && <div className="absolute inset-0">{children}</div>}
+    </div>
+  );
+};
+
+export default ImageAsNext;
+
+
+`;
+//# sourceMappingURL=imageAsNext.js.map

package/dist/template/imageAsNext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"imageAsNext.js","sourceRoot":"","sources":["../../src/template/imageAsNext.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,wBAAwB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsGvC,CAAA"}

package/dist/template/localstorage/LocalStorageManager.d.ts

@@ -0,0 +1,2 @@
+export declare const LocalStorageManager = "export type Listener = () => void\n\nexport class LocalStorageManager<T> {\n  private key: string\n  public initialValue: T\n  private listeners: Set<Listener> = new Set()\n\n  constructor(key: string, initialValue: T) {\n    this.key = key\n    this.initialValue = initialValue\n  }\n\n  get(): T {\n    if (typeof window === \"undefined\") return this.initialValue\n\n    try {\n      const item = window.localStorage.getItem(this.key)\n      return item ? JSON.parse(item) : this.initialValue\n    } catch (error) {\n      console.warn(`[LocalStorage] Error reading key \"${this.key}\":`, error)\n      return this.initialValue\n    }\n  }\n\n  set = (value: T | ((val: T) => T)): void => {\n    if (typeof window === \"undefined\") return\n\n    try {\n      const newValue = value instanceof Function ? value(this.get()) : value\n      window.localStorage.setItem(this.key, JSON.stringify(newValue))\n      this.notify()\n    } catch (error) {\n      console.error(`[LocalStorage] Error setting key \"${this.key}\":`, error)\n    }\n  }\n\n  remove = (): void => {\n    if (typeof window === \"undefined\") return\n    window.localStorage.removeItem(this.key)\n    this.notify()\n  }\n\n  subscribe = (listener: Listener): (() => void) => {\n    this.listeners.add(listener)\n\n    const handleStorageChange = (event: StorageEvent) => {\n      if (event.key === this.key) {\n        listener()\n      }\n    }\n\n    window.addEventListener(\"storage\", handleStorageChange)\n\n    return () => {\n      this.listeners.delete(listener)\n      window.removeEventListener(\"storage\", handleStorageChange)\n    }\n  }\n\n  private notify() {\n    this.listeners.forEach((listener) => listener())\n  }\n}";
+//# sourceMappingURL=LocalStorageManager.d.ts.map

package/dist/template/localstorage/LocalStorageManager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LocalStorageManager.d.ts","sourceRoot":"","sources":["../../../src/template/localstorage/LocalStorageManager.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,mBAAmB,+qDA8D9B,CAAA"}

package/dist/template/localstorage/LocalStorageManager.js

@@ -0,0 +1,64 @@
+export const LocalStorageManager = `export type Listener = () => void
+
+export class LocalStorageManager<T> {
+  private key: string
+  public initialValue: T
+  private listeners: Set<Listener> = new Set()
+
+  constructor(key: string, initialValue: T) {
+    this.key = key
+    this.initialValue = initialValue
+  }
+
+  get(): T {
+    if (typeof window === "undefined") return this.initialValue
+
+    try {
+      const item = window.localStorage.getItem(this.key)
+      return item ? JSON.parse(item) : this.initialValue
+    } catch (error) {
+      console.warn(\`[LocalStorage] Error reading key "\${this.key}":\`, error)
+      return this.initialValue
+    }
+  }
+
+  set = (value: T | ((val: T) => T)): void => {
+    if (typeof window === "undefined") return
+
+    try {
+      const newValue = value instanceof Function ? value(this.get()) : value
+      window.localStorage.setItem(this.key, JSON.stringify(newValue))
+      this.notify()
+    } catch (error) {
+      console.error(\`[LocalStorage] Error setting key "\${this.key}":\`, error)
+    }
+  }
+
+  remove = (): void => {
+    if (typeof window === "undefined") return
+    window.localStorage.removeItem(this.key)
+    this.notify()
+  }
+
+  subscribe = (listener: Listener): (() => void) => {
+    this.listeners.add(listener)
+
+    const handleStorageChange = (event: StorageEvent) => {
+      if (event.key === this.key) {
+        listener()
+      }
+    }
+
+    window.addEventListener("storage", handleStorageChange)
+
+    return () => {
+      this.listeners.delete(listener)
+      window.removeEventListener("storage", handleStorageChange)
+    }
+  }
+
+  private notify() {
+    this.listeners.forEach((listener) => listener())
+  }
+}`;
+//# sourceMappingURL=LocalStorageManager.js.map

package/dist/template/localstorage/LocalStorageManager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LocalStorageManager.js","sourceRoot":"","sources":["../../../src/template/localstorage/LocalStorageManager.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,mBAAmB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8DjC,CAAA"}

package/dist/template/localstorage/localStorage.d.ts

@@ -0,0 +1,2 @@
+export declare const localStorage = "import { TokenType } from \"@/types/localStorageType\"\nimport { LocalStorageManager } from \"@/utils/storage/LocalStorageManager\"\n\nexport const tokenStorage = new LocalStorageManager<TokenType>(\"token\", {\n  access: \"\",\n  refresh: \"\",\n  hash: \"\",\n})";
+//# sourceMappingURL=localStorage.d.ts.map

package/dist/template/localstorage/localStorage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"localStorage.d.ts","sourceRoot":"","sources":["../../../src/template/localstorage/localStorage.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,YAAY,6QAOtB,CAAA"}

package/dist/template/localstorage/localStorage.js

@@ -0,0 +1,9 @@
+export const localStorage = `import { TokenType } from "@/types/localStorageType"
+import { LocalStorageManager } from "@/utils/storage/LocalStorageManager"
+
+export const tokenStorage = new LocalStorageManager<TokenType>("token", {
+  access: "",
+  refresh: "",
+  hash: "",
+})`;
+//# sourceMappingURL=localStorage.js.map

package/dist/template/localstorage/localStorage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"localStorage.js","sourceRoot":"","sources":["../../../src/template/localstorage/localStorage.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,YAAY,GAAG;;;;;;;GAOzB,CAAA"}

package/dist/template/localstorage/localStorageType.d.ts

@@ -0,0 +1,2 @@
+export declare const localStorageType = "export type TokenType = {\n  access: string\n  refresh: string\n  hash: string\n}";
+//# sourceMappingURL=localStorageType.d.ts.map

package/dist/template/localstorage/localStorageType.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"localStorageType.d.ts","sourceRoot":"","sources":["../../../src/template/localstorage/localStorageType.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,gBAAgB,sFAI3B,CAAA"}

package/dist/template/localstorage/localStorageType.js

@@ -0,0 +1,6 @@
+export const localStorageType = `export type TokenType = {
+  access: string
+  refresh: string
+  hash: string
+}`;
+//# sourceMappingURL=localStorageType.js.map

package/dist/template/localstorage/localStorageType.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"localStorageType.js","sourceRoot":"","sources":["../../../src/template/localstorage/localStorageType.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,gBAAgB,GAAG;;;;EAI9B,CAAA"}

package/dist/template/localstorage/useSharedStorage.d.ts

@@ -0,0 +1,2 @@
+export declare const useSharedStorage = "import { useCallback, useEffect, useState, useSyncExternalStore } from \"react\"\nimport { LocalStorageManager } from \"@/utils/storage/LocalStorageManager\"\n\nexport function useSharedStorage<T>(manager: LocalStorageManager<T>) {\n  const storeValue = useSyncExternalStore(\n    manager.subscribe,\n    () => manager.get(),\n    () => manager.initialValue,\n  )\n\n  const [isMounted, setIsMounted] = useState(false)\n\n  useEffect(() => {\n    setIsMounted(true)\n  }, [])\n\n  const value = isMounted ? storeValue : manager.initialValue\n\n  const setValue = useCallback((val: T | ((prev: T) => T)) => manager.set(val), [manager])\n  const removeValue = useCallback(() => manager.remove(), [manager])\n\n  return [value, setValue, removeValue] as const\n}";
+//# sourceMappingURL=useSharedStorage.d.ts.map

package/dist/template/localstorage/useSharedStorage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSharedStorage.d.ts","sourceRoot":"","sources":["../../../src/template/localstorage/useSharedStorage.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,gBAAgB,4vBAsB3B,CAAA"}