subaya 1.0.0

package/dist/template/localstorage/useSharedStorage.js

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

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

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

package/dist/template/logger/api-logger.d.ts

@@ -0,0 +1,2 @@
+export declare const apiLogger = "import { CSSProperties } from 'react';\n\nimport { AxiosRequestConfig } from 'axios';\n\nimport styledConsole, { StyledConsoleArgs } from './styled-console';\n\ninterface ApiLoggerArgs extends Pick<StyledConsoleArgs, 'method'> {\n  status: string | number;\n  reqData?: AxiosRequestConfig;\n  resData: unknown;\n}\n\nexport const apiLogger = ({\n  status,\n  reqData,\n  resData,\n  method: consoleMethod = 'log',\n}: ApiLoggerArgs) => {\n  const { method, url, params } = reqData || {};\n  const METHOD = method ? method.toUpperCase() : '';\n  const paramSerialized = params\n    ? `?${new URLSearchParams(params).toString()}`\n    : '';\n\n  styledConsole({\n    topic: `${METHOD}:${status}`,\n    topicColor: METHOD_COLOR_MAP[METHOD] || 'black',\n    title: `${url}${paramSerialized}`,\n    data: {\n      request: reqData,\n      response: resData,\n    },\n    method: consoleMethod,\n  });\n};\n\nconst METHOD_COLOR_MAP: Record<string, CSSProperties['color']> = {\n  GET: 'skyblue',\n  PATCH: 'green',\n  POST: 'orange',\n  PUT: 'darkorange',\n  DELETE: 'red',\n};";
+//# sourceMappingURL=api-logger.d.ts.map

package/dist/template/logger/api-logger.d.ts.map

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

package/dist/template/logger/api-logger.js

@@ -0,0 +1,44 @@
+export const apiLogger = `import { CSSProperties } from 'react';
+
+import { AxiosRequestConfig } from 'axios';
+
+import styledConsole, { StyledConsoleArgs } from './styled-console';
+
+interface ApiLoggerArgs extends Pick<StyledConsoleArgs, 'method'> {
+  status: string | number;
+  reqData?: AxiosRequestConfig;
+  resData: unknown;
+}
+
+export const apiLogger = ({
+  status,
+  reqData,
+  resData,
+  method: consoleMethod = 'log',
+}: ApiLoggerArgs) => {
+  const { method, url, params } = reqData || {};
+  const METHOD = method ? method.toUpperCase() : '';
+  const paramSerialized = params
+    ? \`?\${new URLSearchParams(params).toString()}\`
+    : '';
+
+  styledConsole({
+    topic: \`\${METHOD}:\${status}\`,
+    topicColor: METHOD_COLOR_MAP[METHOD] || 'black',
+    title: \`\${url}\${paramSerialized}\`,
+    data: {
+      request: reqData,
+      response: resData,
+    },
+    method: consoleMethod,
+  });
+};
+
+const METHOD_COLOR_MAP: Record<string, CSSProperties['color']> = {
+  GET: 'skyblue',
+  PATCH: 'green',
+  POST: 'orange',
+  PUT: 'darkorange',
+  DELETE: 'red',
+};`;
+//# sourceMappingURL=api-logger.js.map

package/dist/template/logger/api-logger.js.map

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

package/dist/template/logger/styled-console.d.ts

@@ -0,0 +1,2 @@
+export declare const styledConsole = "/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { CSSProperties } from 'react';\n\nexport type StyledConsoleArgs = {\n  topic?: string;\n  title?: string;\n  data: unknown;\n  topicColor?: CSSProperties['color'];\n  method?: 'log' | 'warn' | 'error' | 'info';\n};\n\nfunction styledConsole({\n  topic = '',\n  title = '',\n  data,\n  topicColor = 'skyblue',\n  method = 'log',\n}: StyledConsoleArgs) {\n  const term_1 = `%c[${topic}]`;\n  const term_1_style = [`color: ${topicColor}`, 'font-weight : bold'].join(';');\n  const term_2 = `%c${title}`;\n  const term_2_style = ['font-weight : bold'].join(';');\n  console[method](`${term_1}${term_2}`, term_1_style, term_2_style, data);\n}\n\nexport default styledConsole;";
+//# sourceMappingURL=styled-console.d.ts.map

package/dist/template/logger/styled-console.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled-console.d.ts","sourceRoot":"","sources":["../../../src/template/logger/styled-console.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,aAAa,ouBAyBI,CAAA"}

package/dist/template/logger/styled-console.js

@@ -0,0 +1,27 @@
+export const styledConsole = `/* eslint-disable @typescript-eslint/no-explicit-any */
+import { CSSProperties } from 'react';
+
+export type StyledConsoleArgs = {
+  topic?: string;
+  title?: string;
+  data: unknown;
+  topicColor?: CSSProperties['color'];
+  method?: 'log' | 'warn' | 'error' | 'info';
+};
+
+function styledConsole({
+  topic = '',
+  title = '',
+  data,
+  topicColor = 'skyblue',
+  method = 'log',
+}: StyledConsoleArgs) {
+  const term_1 = \`%c[\${topic}]\`;
+  const term_1_style = [\`color: \${topicColor}\`, 'font-weight : bold'].join(';');
+  const term_2 = \`%c\${title}\`;
+  const term_2_style = ['font-weight : bold'].join(';');
+  console[method](\`\${term_1}\${term_2}\`, term_1_style, term_2_style, data);
+}
+
+export default styledConsole;`;
+//# sourceMappingURL=styled-console.js.map

package/dist/template/logger/styled-console.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled-console.js","sourceRoot":"","sources":["../../../src/template/logger/styled-console.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,aAAa,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;8BAyBC,CAAA"}

package/dist/template/provider/defaultProvider.tsx

@@ -0,0 +1,6 @@
+// @ts-nocheck
+"use client"
+
+export default function Providers({ children }: { children: React.ReactNode }) {
+  return <>{children}</>
+}

package/dist/template/provider/providerTemplates.d.ts

@@ -0,0 +1,9 @@
+export interface ProviderTemplate {
+    imports: string[];
+    functions: string[];
+    wrapperOpen: string;
+    wrapperClose: string;
+    dependencies?: string[];
+}
+export declare const providerTemplates: Record<string, ProviderTemplate>;
+//# sourceMappingURL=providerTemplates.d.ts.map

package/dist/template/provider/providerTemplates.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"providerTemplates.d.ts","sourceRoot":"","sources":["../../../src/template/provider/providerTemplates.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,gBAAgB;IAC/B,OAAO,EAAE,MAAM,EAAE,CAAA;IACjB,SAAS,EAAE,MAAM,EAAE,CAAA;IACnB,WAAW,EAAE,MAAM,CAAA;IACnB,YAAY,EAAE,MAAM,CAAA;IACpB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAA;CACxB;AAED,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,MAAM,EAAE,gBAAgB,CAsC9D,CAAA"}

package/dist/template/provider/providerTemplates.js

@@ -0,0 +1,40 @@
+export const providerTemplates = {
+    reactquery: {
+        imports: [
+            "import { QueryClient, QueryClientProvider } from '@tanstack/react-query';",
+            "import { ReactQueryDevtools } from '@tanstack/react-query-devtools';",
+            "import { useState } from 'react';",
+        ],
+        functions: [
+            `  const [queryClient] = useState(
+    () =>
+      new QueryClient({
+        defaultOptions: {
+          queries: {
+            staleTime: 60 * 1000,
+          },
+        },
+      })
+  );`,
+        ],
+        wrapperOpen: "<QueryClientProvider client={queryClient}>",
+        wrapperClose: `<ReactQueryDevtools initialIsOpen={false} />
+    </QueryClientProvider>`,
+        dependencies: ["@tanstack/react-query", "@tanstack/react-query-devtools"],
+    },
+    i18n: {
+        imports: ["import { I18nProvider } from '@/lib/i18n';"],
+        functions: [],
+        wrapperOpen: "<I18nProvider>",
+        wrapperClose: "</I18nProvider>",
+        dependencies: [],
+    },
+    theme: {
+        imports: ["import { ThemeProvider } from 'next-themes';"],
+        functions: [],
+        wrapperOpen: '<ThemeProvider attribute="class" defaultTheme="system" enableSystem>',
+        wrapperClose: "</ThemeProvider>",
+        dependencies: ["next-themes"],
+    },
+};
+//# sourceMappingURL=providerTemplates.js.map

package/dist/template/provider/providerTemplates.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"providerTemplates.js","sourceRoot":"","sources":["../../../src/template/provider/providerTemplates.ts"],"names":[],"mappings":"AAQA,MAAM,CAAC,MAAM,iBAAiB,GAAqC;IACjE,UAAU,EAAE;QACV,OAAO,EAAE;YACP,2EAA2E;YAC3E,sEAAsE;YACtE,mCAAmC;SACpC;QACD,SAAS,EAAE;YACT;;;;;;;;;KASD;SACA;QACD,WAAW,EAAE,4CAA4C;QACzD,YAAY,EAAE;2BACS;QACvB,YAAY,EAAE,CAAC,uBAAuB,EAAE,gCAAgC,CAAC;KAC1E;IACD,IAAI,EAAE;QACJ,OAAO,EAAE,CAAC,4CAA4C,CAAC;QACvD,SAAS,EAAE,EAAE;QACb,WAAW,EAAE,gBAAgB;QAC7B,YAAY,EAAE,iBAAiB;QAC/B,YAAY,EAAE,EAAE;KACjB;IACD,KAAK,EAAE;QACL,OAAO,EAAE,CAAC,8CAA8C,CAAC;QACzD,SAAS,EAAE,EAAE;QACb,WAAW,EAAE,sEAAsE;QACnF,YAAY,EAAE,kBAAkB;QAChC,YAAY,EAAE,CAAC,aAAa,CAAC;KAC9B;CACF,CAAA"}

package/dist/template/provider/providerTemplates.ts

@@ -0,0 +1,47 @@
+export interface ProviderTemplate {
+  imports: string[]
+  functions: string[]
+  wrapperOpen: string
+  wrapperClose: string
+  dependencies?: string[]
+}
+
+export const providerTemplates: Record<string, ProviderTemplate> = {
+  reactquery: {
+    imports: [
+      "import { QueryClient, QueryClientProvider } from '@tanstack/react-query';",
+      "import { ReactQueryDevtools } from '@tanstack/react-query-devtools';",
+      "import { useState } from 'react';",
+    ],
+    functions: [
+      `  const [queryClient] = useState(
+    () =>
+      new QueryClient({
+        defaultOptions: {
+          queries: {
+            staleTime: 60 * 1000,
+          },
+        },
+      })
+  );`,
+    ],
+    wrapperOpen: "<QueryClientProvider client={queryClient}>",
+    wrapperClose: `<ReactQueryDevtools initialIsOpen={false} />
+    </QueryClientProvider>`,
+    dependencies: ["@tanstack/react-query", "@tanstack/react-query-devtools"],
+  },
+  i18n: {
+    imports: ["import { I18nProvider } from '@/lib/i18n';"],
+    functions: [],
+    wrapperOpen: "<I18nProvider>",
+    wrapperClose: "</I18nProvider>",
+    dependencies: [],
+  },
+  theme: {
+    imports: ["import { ThemeProvider } from 'next-themes';"],
+    functions: [],
+    wrapperOpen: '<ThemeProvider attribute="class" defaultTheme="system" enableSystem>',
+    wrapperClose: "</ThemeProvider>",
+    dependencies: ["next-themes"],
+  },
+}

package/dist/template/share/copyText.d.ts

@@ -0,0 +1,2 @@
+export declare const copyText = "export function copyText(text: string) {\n  const input = document.createElement('input');\n  input.readOnly = true;\n  input.value = text;\n  document.body.appendChild(input);\n  input.select();\n  input.setSelectionRange(0, input.value.length);\n  document.execCommand('Copy');\n  document.body.removeChild(input);\n}\n";
+//# sourceMappingURL=copyText.d.ts.map

package/dist/template/share/copyText.d.ts.map

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

package/dist/template/share/copyText.js

@@ -0,0 +1,12 @@
+export const copyText = `export function copyText(text: string) {
+  const input = document.createElement('input');
+  input.readOnly = true;
+  input.value = text;
+  document.body.appendChild(input);
+  input.select();
+  input.setSelectionRange(0, input.value.length);
+  document.execCommand('Copy');
+  document.body.removeChild(input);
+}
+`;
+//# sourceMappingURL=copyText.js.map

package/dist/template/share/copyText.js.map

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

package/dist/template/share/sharer.d.ts

@@ -0,0 +1,2 @@
+export declare const sharer = "import { ENV } from '@/configs/env';\nimport { copyText } from '@/utils/share/copy';\n\nexport type ShareTarget =\n  | 'FACEBOOK'\n  | 'MESSENGER'\n  | 'KAKAO'\n  | 'LINE'\n  | 'X'\n  | 'WHATSAPP'\n  | 'LINK';\n\nexport interface SharerOptions {\n  disabled: boolean;\n  title: string;\n  text: string;\n  url: string;\n  image?: string | null;\n  imageWidth?: number;\n  imageHeight?: number;\n  beforeShare?: (target: ShareTarget) => void;\n  afterShare?: (target: ShareTarget) => void;\n}\n\nexport class Sharer {\n  private readonly isMobile = /Android|webOS|iPhone|iPad|iPod|Opera Mini/i.test(\n    navigator.userAgent,\n  );\n\n  private readonly shareText: string;\n\n  public constructor(private options: SharerOptions) {\n    this.shareText = this.options.text\n      ? `${this.options.title} - ${this.options.text}`\n      : this.options.title;\n  }\n\n  public share(type: ShareTarget) {\n    if (this.options.disabled) {\n      return;\n    }\n\n    if (!this.options.beforeShare) {\n      this.shareTo(type);\n      return;\n    }\n    this.options.beforeShare?.(type);\n    new Promise((resolve) => setTimeout(resolve, 400)).then(() => {\n      this.shareTo(type);\n      this.options.afterShare?.(type);\n    });\n  }\n\n  private shareTo(type: ShareTarget) {\n    switch (type) {\n      case 'FACEBOOK':\n        this.shareToFacebook();\n        break;\n      case 'MESSENGER':\n        this.shareToMessenger();\n        break;\n      case 'LINE':\n        this.shareToLine();\n        break;\n      case 'WHATSAPP':\n        this.shareToWhatsapp();\n        break;\n      case 'KAKAO':\n        this.shareToKakao();\n        break;\n      case 'LINK':\n        this.shareToCopy();\n        break;\n      case 'X':\n        this.shareToTwitter();\n    }\n  }\n\n  private shareToFacebook() {\n    const facebookShareLink = `https://facebook.com/sharer/sharer.php?u=${encodeURIComponent(\n      this.options.url,\n    )}`;\n    window.open(facebookShareLink, '_blank');\n  }\n\n  private shareToLine() {\n    const lineShareLink = `https://social-plugins.line.me/lineit/share?url=${encodeURIComponent(\n      this.options.url,\n    )}`;\n    this.openLink(lineShareLink);\n  }\n\n  private shareToMessenger() {\n    const url = this.options.url;\n    if (!ENV.FACEBOOK_APP_ID) {\n      alert('Facebook app id is not set');\n      return;\n    }\n\n    const messengerShareLink = `https://www.facebook.com/dialog/send?app_id=${\n      ENV.FACEBOOK_APP_ID\n    }&link=${encodeURIComponent(url)}&redirect_uri=${encodeURI(url)}`;\n    const mobileMessengerShareLink = `fb-messenger://share?link=${encodeURIComponent(\n      url,\n    )}&app_id=${ENV.FACEBOOK_APP_ID}`;\n\n    if (this.isMobile) {\n      this.openLink(mobileMessengerShareLink);\n    } else {\n      this.openLink(messengerShareLink);\n    }\n  }\n\n  private shareToWhatsapp() {\n    const whatsappShareLink = `https://api.whatsapp.com/send?text=${\n      this.shareText\n    } ${encodeURIComponent(this.options.url)}`;\n    this.openLink(whatsappShareLink);\n  }\n\n  private shareToTwitter() {\n    const twitterShareLink = `https://twitter.com/intent/tweet?text=${encodeURIComponent(\n      this.shareText,\n    )}&url=${encodeURIComponent(this.options.url)}`;\n    this.openLink(twitterShareLink);\n  }\n\n  private shareToKakao() {\n    const kakao = (window as any).Kakao\n    if (!kakao || !ENV.KAKAO_SHARE_KEY) {\n      return\n    }\n    if (!kakao.isInitialized()) {\n      kakao.init(ENV.KAKAO_SHARE_KEY)\n    }\n\n    kakao.Share.sendDefault(\n      this.options.image\n        ? {\n            objectType: 'feed',\n            content: {\n              title: this.options.title,\n              description: this.options.text,\n              imageUrl: this.options.image,\n              imageWidth: this.options.imageWidth ?? 1080,\n              imageHeight: this.options.imageHeight ?? 1080,\n              link: {\n                mobileWebUrl: this.options.url,\n                webUrl: this.options.url,\n              },\n            },\n            buttons: [\n              {\n                title: 'Click to join',\n                link: {\n                  mobileWebUrl: this.options.url,\n                  webUrl: this.options.url,\n                },\n              },\n            ],\n          }\n        : {\n            objectType: 'text',\n            text: this.shareText,\n            link: {\n              mobileWebUrl: this.options.url,\n              webUrl: this.options.url,\n            },\n          },\n    );\n  }\n\n  private async shareToCopy() {\n    const isPC =\n      !/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(\n        navigator.userAgent,\n      );\n\n    if (isPC) {\n      copyText(this.options.url);\n      alert('Copied to clipboard');\n      return;\n    }\n\n    if (navigator.share) {\n      try {\n        await navigator.share({\n          title: document.title,\n          url: this.options.url,\n        });\n      } catch (error) {\n        if (error instanceof Error && error.name === 'AbortError') {\n          return;\n        }\n        console.error('Share failed:', error);\n      }\n    } else {\n      copyText(this.options.url);\n      alert('Copied to clipboard');\n    }\n  }\n\n  private openLink(url: string) {\n    const a = document.createElement('a');\n    a.setAttribute('href', url);\n    a.setAttribute('target', '_blank');\n    a.click();\n  }\n}\n";
+//# sourceMappingURL=sharer.d.ts.map

package/dist/template/share/sharer.d.ts.map

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

package/dist/template/share/sharer.js

@@ -0,0 +1,211 @@
+export const sharer = `import { ENV } from '@/configs/env';
+import { copyText } from '@/utils/share/copy';
+
+export type ShareTarget =
+  | 'FACEBOOK'
+  | 'MESSENGER'
+  | 'KAKAO'
+  | 'LINE'
+  | 'X'
+  | 'WHATSAPP'
+  | 'LINK';
+
+export interface SharerOptions {
+  disabled: boolean;
+  title: string;
+  text: string;
+  url: string;
+  image?: string | null;
+  imageWidth?: number;
+  imageHeight?: number;
+  beforeShare?: (target: ShareTarget) => void;
+  afterShare?: (target: ShareTarget) => void;
+}
+
+export class Sharer {
+  private readonly isMobile = /Android|webOS|iPhone|iPad|iPod|Opera Mini/i.test(
+    navigator.userAgent,
+  );
+
+  private readonly shareText: string;
+
+  public constructor(private options: SharerOptions) {
+    this.shareText = this.options.text
+      ? \`\${this.options.title} - \${this.options.text}\`
+      : this.options.title;
+  }
+
+  public share(type: ShareTarget) {
+    if (this.options.disabled) {
+      return;
+    }
+
+    if (!this.options.beforeShare) {
+      this.shareTo(type);
+      return;
+    }
+    this.options.beforeShare?.(type);
+    new Promise((resolve) => setTimeout(resolve, 400)).then(() => {
+      this.shareTo(type);
+      this.options.afterShare?.(type);
+    });
+  }
+
+  private shareTo(type: ShareTarget) {
+    switch (type) {
+      case 'FACEBOOK':
+        this.shareToFacebook();
+        break;
+      case 'MESSENGER':
+        this.shareToMessenger();
+        break;
+      case 'LINE':
+        this.shareToLine();
+        break;
+      case 'WHATSAPP':
+        this.shareToWhatsapp();
+        break;
+      case 'KAKAO':
+        this.shareToKakao();
+        break;
+      case 'LINK':
+        this.shareToCopy();
+        break;
+      case 'X':
+        this.shareToTwitter();
+    }
+  }
+
+  private shareToFacebook() {
+    const facebookShareLink = \`https://facebook.com/sharer/sharer.php?u=\${encodeURIComponent(
+      this.options.url,
+    )}\`;
+    window.open(facebookShareLink, '_blank');
+  }
+
+  private shareToLine() {
+    const lineShareLink = \`https://social-plugins.line.me/lineit/share?url=\${encodeURIComponent(
+      this.options.url,
+    )}\`;
+    this.openLink(lineShareLink);
+  }
+
+  private shareToMessenger() {
+    const url = this.options.url;
+    if (!ENV.FACEBOOK_APP_ID) {
+      alert('Facebook app id is not set');
+      return;
+    }
+
+    const messengerShareLink = \`https://www.facebook.com/dialog/send?app_id=\${
+      ENV.FACEBOOK_APP_ID
+    }&link=\${encodeURIComponent(url)}&redirect_uri=\${encodeURI(url)}\`;
+    const mobileMessengerShareLink = \`fb-messenger://share?link=\${encodeURIComponent(
+      url,
+    )}&app_id=\${ENV.FACEBOOK_APP_ID}\`;
+
+    if (this.isMobile) {
+      this.openLink(mobileMessengerShareLink);
+    } else {
+      this.openLink(messengerShareLink);
+    }
+  }
+
+  private shareToWhatsapp() {
+    const whatsappShareLink = \`https://api.whatsapp.com/send?text=\${
+      this.shareText
+    } \${encodeURIComponent(this.options.url)}\`;
+    this.openLink(whatsappShareLink);
+  }
+
+  private shareToTwitter() {
+    const twitterShareLink = \`https://twitter.com/intent/tweet?text=\${encodeURIComponent(
+      this.shareText,
+    )}&url=\${encodeURIComponent(this.options.url)}\`;
+    this.openLink(twitterShareLink);
+  }
+
+  private shareToKakao() {
+    const kakao = (window as any).Kakao
+    if (!kakao || !ENV.KAKAO_SHARE_KEY) {
+      return
+    }
+    if (!kakao.isInitialized()) {
+      kakao.init(ENV.KAKAO_SHARE_KEY)
+    }
+
+    kakao.Share.sendDefault(
+      this.options.image
+        ? {
+            objectType: 'feed',
+            content: {
+              title: this.options.title,
+              description: this.options.text,
+              imageUrl: this.options.image,
+              imageWidth: this.options.imageWidth ?? 1080,
+              imageHeight: this.options.imageHeight ?? 1080,
+              link: {
+                mobileWebUrl: this.options.url,
+                webUrl: this.options.url,
+              },
+            },
+            buttons: [
+              {
+                title: 'Click to join',
+                link: {
+                  mobileWebUrl: this.options.url,
+                  webUrl: this.options.url,
+                },
+              },
+            ],
+          }
+        : {
+            objectType: 'text',
+            text: this.shareText,
+            link: {
+              mobileWebUrl: this.options.url,
+              webUrl: this.options.url,
+            },
+          },
+    );
+  }
+
+  private async shareToCopy() {
+    const isPC =
+      !/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(
+        navigator.userAgent,
+      );
+
+    if (isPC) {
+      copyText(this.options.url);
+      alert('Copied to clipboard');
+      return;
+    }
+
+    if (navigator.share) {
+      try {
+        await navigator.share({
+          title: document.title,
+          url: this.options.url,
+        });
+      } catch (error) {
+        if (error instanceof Error && error.name === 'AbortError') {
+          return;
+        }
+        console.error('Share failed:', error);
+      }
+    } else {
+      copyText(this.options.url);
+      alert('Copied to clipboard');
+    }
+  }
+
+  private openLink(url: string) {
+    const a = document.createElement('a');
+    a.setAttribute('href', url);
+    a.setAttribute('target', '_blank');
+    a.click();
+  }
+}
+`;
+//# sourceMappingURL=sharer.js.map

package/dist/template/share/sharer.js.map

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

package/dist/template/share/useSharer.d.ts

@@ -0,0 +1,2 @@
+export declare const useSharer = "import { useCallback, useMemo } from 'react';\n\nimport DOMPurify from 'dompurify';\n\nimport { Sharer, SharerOptions } from '@/utils/share/sharer';\n\nexport function useSharer({ sharerOptions }: { sharerOptions: SharerOptions }) {\n  const {\n    url,\n    text,\n    image,\n    title,\n    disabled,\n    imageWidth,\n    imageHeight,\n    afterShare,\n    beforeShare,\n  } = sharerOptions;\n\n  const sharer = useMemo(() => {\n    return new Sharer({\n      disabled,\n      url,\n      title: DOMPurify.sanitize(title, { ALLOWED_TAGS: [] }),\n      text: DOMPurify.sanitize(text, { ALLOWED_TAGS: [] }),\n      image,\n      imageWidth: imageWidth ?? 1920,\n      imageHeight: imageHeight ?? 1080,\n      afterShare,\n      beforeShare,\n    });\n  }, [\n    disabled,\n    url,\n    title,\n    text,\n    image,\n    imageWidth,\n    imageHeight,\n    afterShare,\n    beforeShare,\n  ]);\n\n  const shareToFacebook = useCallback(() => {\n    sharer.share('FACEBOOK');\n  }, [sharer]);\n  const shareToMessenger = useCallback(() => {\n    sharer.share('MESSENGER');\n  }, [sharer]);\n  const shareToLine = useCallback(() => {\n    sharer.share('LINE');\n  }, [sharer]);\n  const shareToWhatsapp = useCallback(() => {\n    sharer.share('WHATSAPP');\n  }, [sharer]);\n  const shareToKakao = useCallback(() => {\n    sharer.share('KAKAO');\n  }, [sharer]);\n  const copyLink = useCallback(() => {\n    sharer.share('LINK');\n  }, [sharer]);\n  const shareToX = useCallback(() => {\n    sharer.share('X');\n  }, [sharer]);\n\n  return {\n    shareToFacebook,\n    shareToMessenger,\n    shareToLine,\n    shareToWhatsapp,\n    shareToKakao,\n    copyLink,\n    shareToX,\n  };\n}\n\n";
+//# sourceMappingURL=useSharer.d.ts.map

package/dist/template/share/useSharer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSharer.d.ts","sourceRoot":"","sources":["../../../src/template/share/useSharer.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS,4pDA4ErB,CAAA"}

package/dist/template/share/useSharer.js

@@ -0,0 +1,78 @@
+export const useSharer = `import { useCallback, useMemo } from 'react';
+
+import DOMPurify from 'dompurify';
+
+import { Sharer, SharerOptions } from '@/utils/share/sharer';
+
+export function useSharer({ sharerOptions }: { sharerOptions: SharerOptions }) {
+  const {
+    url,
+    text,
+    image,
+    title,
+    disabled,
+    imageWidth,
+    imageHeight,
+    afterShare,
+    beforeShare,
+  } = sharerOptions;
+
+  const sharer = useMemo(() => {
+    return new Sharer({
+      disabled,
+      url,
+      title: DOMPurify.sanitize(title, { ALLOWED_TAGS: [] }),
+      text: DOMPurify.sanitize(text, { ALLOWED_TAGS: [] }),
+      image,
+      imageWidth: imageWidth ?? 1920,
+      imageHeight: imageHeight ?? 1080,
+      afterShare,
+      beforeShare,
+    });
+  }, [
+    disabled,
+    url,
+    title,
+    text,
+    image,
+    imageWidth,
+    imageHeight,
+    afterShare,
+    beforeShare,
+  ]);
+
+  const shareToFacebook = useCallback(() => {
+    sharer.share('FACEBOOK');
+  }, [sharer]);
+  const shareToMessenger = useCallback(() => {
+    sharer.share('MESSENGER');
+  }, [sharer]);
+  const shareToLine = useCallback(() => {
+    sharer.share('LINE');
+  }, [sharer]);
+  const shareToWhatsapp = useCallback(() => {
+    sharer.share('WHATSAPP');
+  }, [sharer]);
+  const shareToKakao = useCallback(() => {
+    sharer.share('KAKAO');
+  }, [sharer]);
+  const copyLink = useCallback(() => {
+    sharer.share('LINK');
+  }, [sharer]);
+  const shareToX = useCallback(() => {
+    sharer.share('X');
+  }, [sharer]);
+
+  return {
+    shareToFacebook,
+    shareToMessenger,
+    shareToLine,
+    shareToWhatsapp,
+    shareToKakao,
+    copyLink,
+    shareToX,
+  };
+}
+
+`;
+//# sourceMappingURL=useSharer.js.map

package/dist/template/share/useSharer.js.map

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

package/dist/template/state/zustand-persist.d.ts

@@ -0,0 +1,2 @@
+export declare const zustandPersist: (stateClassName: string, filename: string) => string;
+//# sourceMappingURL=zustand-persist.d.ts.map

package/dist/template/state/zustand-persist.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"zustand-persist.d.ts","sourceRoot":"","sources":["../../../src/template/state/zustand-persist.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc,GAAI,gBAAgB,MAAM,EAAE,UAAU,MAAM,WAmDvB,CAAA"}

package/dist/template/state/zustand-persist.js

@@ -0,0 +1,53 @@
+export const zustandPersist = (stateClassName, filename) => `import { create } from "zustand"
+import { persist } from "zustand/middleware"
+import { useShallow } from "zustand/shallow"
+import { useState, useEffect } from "react"
+
+export interface ${stateClassName}StoreStateType {
+  count: number
+}
+
+export interface ${stateClassName}StoreActionsType {
+  increaseCount: () => void
+  decreaseCount: () => void
+}
+
+export type ${stateClassName}StoreType = ${stateClassName}StoreStateType & ${stateClassName}StoreActionsType
+
+const useBase${stateClassName}PersistStore = create<${stateClassName}StoreType>()(
+  persist(
+    (set) => ({
+      count: 1,
+      increaseCount: () => set((state) => ({ count: state.count + 1 })),
+      decreaseCount: () => set((state) => ({ count: state.count - 1 })),
+    }),
+    {
+      name: "${filename}-storage", // localStorage에 저장될 키 이름
+    }
+  )
+)
+
+const use${stateClassName}PersistStore = <K extends keyof ${stateClassName}StoreType>(...keys: K[]) => {
+  const [isMounted, setIsMounted] = useState(false)
+  
+  const result = useBase${stateClassName}PersistStore(
+    useShallow((state) =>
+      keys.reduce(
+        (acc, key) => {
+          acc[key] = state[key]
+          return acc
+        },
+        {} as Pick<${stateClassName}StoreType, K>
+      )
+    )
+  )
+
+  useEffect(() => {
+    setIsMounted(true)
+  }, [])
+
+  return isMounted ? result : ({} as Pick<${stateClassName}StoreType, K>)
+}
+
+export default use${stateClassName}PersistStore`;
+//# sourceMappingURL=zustand-persist.js.map

package/dist/template/state/zustand-persist.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"zustand-persist.js","sourceRoot":"","sources":["../../../src/template/state/zustand-persist.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,cAAsB,EAAE,QAAgB,EAAE,EAAE,CAAC;;;;;mBAKzD,cAAc;;;;mBAId,cAAc;;;;;cAKnB,cAAc,eAAe,cAAc,oBAAoB,cAAc;;eAE5E,cAAc,yBAAyB,cAAc;;;;;;;;eAQrD,QAAQ;;;;;WAKZ,cAAc,mCAAmC,cAAc;;;0BAGhD,cAAc;;;;;;;qBAOnB,cAAc;;;;;;;;;4CASS,cAAc;;;oBAGtC,cAAc,cAAc,CAAA"}

package/dist/template/state/zustand-provider-store.d.ts

@@ -0,0 +1,2 @@
+export declare const zustandProviderStore: (stateClassName: string) => string;
+//# sourceMappingURL=zustand-provider-store.d.ts.map