├── .npmrc
├── apps
    └── chat
    │   ├── lib
    │       ├── index.ts
    │       ├── utils
    │       │   ├── cn.ts
    │       │   └── validation.ts
    │       ├── markdown.ts
    │       ├── openai
    │       │   └── client.ts
    │       ├── swagger
    │       │   └── client.ts
    │       └── chat
    │       │   └── service.ts
    │   ├── public
    │       ├── googlec4580f1dfaa2707f.html
    │       ├── favicon.ico
    │       ├── sns
    │       │   ├── x.webp
    │       │   ├── github.png
    │       │   ├── bluesky.png
    │       │   ├── discord.png
    │       │   └── instagram.png
    │       ├── opengraph.png
    │       ├── fonts
    │       │   ├── Pretendard-Medium.woff2
    │       │   ├── Pretendard-ExtraBold.woff2
    │       │   ├── Pretendard-Regular.woff2
    │       │   ├── Pretendard-SemiBold.woff2
    │       │   └── font.ts
    │       └── demo
    │       │   └── icon
    │       │       └── paw.svg
    │   ├── eslint.config.mjs
    │   ├── next.config.mjs
    │   ├── postcss.config.js
    │   ├── app
    │       ├── robots.ts
    │       ├── metadata.ts
    │       ├── JsonLd.tsx
    │       ├── chat
    │       │   ├── page.tsx
    │       │   └── input
    │       │   │   └── page.tsx
    │       ├── sitemap.ts
    │       ├── provider.tsx
    │       ├── page.tsx
    │       ├── globals.css
    │       └── layout.tsx
    │   ├── tailwind.config.js
    │   ├── components
    │       ├── features
    │       │   ├── landing
    │       │   │   ├── demo
    │       │   │   │   ├── types.ts
    │       │   │   │   ├── icons
    │       │   │   │   │   ├── coming-soon.tsx
    │       │   │   │   │   └── petstore.tsx
    │       │   │   │   └── container.tsx
    │       │   │   ├── landing-footer.tsx
    │       │   │   ├── sns
    │       │   │   │   └── sns-list.tsx
    │       │   │   ├── landing-popular-demos.tsx
    │       │   │   └── landing-hero.tsx
    │       │   ├── workspace
    │       │   │   ├── chat-panel.tsx
    │       │   │   ├── swagger-panel.tsx
    │       │   │   ├── mobile
    │       │   │   │   └── mobile-split-layout.tsx
    │       │   │   ├── desktop
    │       │   │   │   └── desktop-split-layout.tsx
    │       │   │   └── workspace-layout.tsx
    │       │   ├── chat
    │       │   │   ├── input
    │       │   │   │   └── chat-input.tsx
    │       │   │   └── content
    │       │   │   │   ├── message-history.tsx
    │       │   │   │   └── chat-content.tsx
    │       │   └── swagger
    │       │   │   ├── viewer
    │       │   │       └── swagger-wrapper.tsx
    │       │   │   └── input
    │       │   │       └── swagger-input.tsx
    │       └── common
    │       │   ├── feedback
    │       │       ├── loading-dots.tsx
    │       │       └── content-skeleton.tsx
    │       │   ├── buttons
    │       │       ├── button.tsx
    │       │       └── back-button.tsx
    │       │   ├── header
    │       │       └── header.tsx
    │       │   ├── inputs
    │       │       ├── input.tsx
    │       │       ├── text-area.tsx
    │       │       └── file-uploader.tsx
    │       │   ├── toggle
    │       │       └── toggle-switch.tsx
    │       │   ├── toast
    │       │       └── toast.tsx
    │       │   └── tooltips
    │       │       └── info-tooltip.tsx
    │   ├── types
    │       ├── chat.ts
    │       └── openai.ts
    │   ├── constants
    │       └── prompt.ts
    │   ├── hooks
    │       ├── useThrottle.ts
    │       └── useMediaQuery.ts
    │   ├── store
    │       ├── useChatStore.ts
    │       └── useSwaggerStore.ts
    │   ├── .gitignore
    │   ├── tsconfig.json
    │   ├── package.json
    │   └── README.md
├── pnpm-workspace.yaml
├── README.md
├── .prettierrc
├── .vscode
    └── settings.json
├── turbo.json
├── .eslintrc.json
├── .gitignore
├── package.json
└── tsconfig.json


/.npmrc:
--------------------------------------------------------------------------------
1 | 


--------------------------------------------------------------------------------
/apps/chat/lib/index.ts:
--------------------------------------------------------------------------------
1 | export { cn } from './utils/cn';
2 | 


--------------------------------------------------------------------------------
/pnpm-workspace.yaml:
--------------------------------------------------------------------------------
1 | packages:
2 |   - "packages/*"
3 |   - "apps/*"


--------------------------------------------------------------------------------
/apps/chat/public/googlec4580f1dfaa2707f.html:
--------------------------------------------------------------------------------
1 | google-site-verification: googlec4580f1dfaa2707f.html


--------------------------------------------------------------------------------
/apps/chat/eslint.config.mjs:
--------------------------------------------------------------------------------
1 | module.exports = {
2 |   root: true,
3 |   extends: ['../../.eslintrc.json'],
4 | };
5 | 


--------------------------------------------------------------------------------
/apps/chat/public/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/anonymousRecords/swagger-chat/HEAD/apps/chat/public/favicon.ico


--------------------------------------------------------------------------------
/apps/chat/public/sns/x.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/anonymousRecords/swagger-chat/HEAD/apps/chat/public/sns/x.webp


--------------------------------------------------------------------------------
/apps/chat/public/opengraph.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/anonymousRecords/swagger-chat/HEAD/apps/chat/public/opengraph.png


--------------------------------------------------------------------------------
/apps/chat/public/sns/github.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/anonymousRecords/swagger-chat/HEAD/apps/chat/public/sns/github.png


--------------------------------------------------------------------------------
/apps/chat/next.config.mjs:
--------------------------------------------------------------------------------
1 | /** @type {import('next').NextConfig} */
2 | const nextConfig = {};
3 | 
4 | export default nextConfig;
5 | 


--------------------------------------------------------------------------------
/apps/chat/public/sns/bluesky.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/anonymousRecords/swagger-chat/HEAD/apps/chat/public/sns/bluesky.png


--------------------------------------------------------------------------------
/apps/chat/public/sns/discord.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/anonymousRecords/swagger-chat/HEAD/apps/chat/public/sns/discord.png


--------------------------------------------------------------------------------
/apps/chat/public/sns/instagram.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/anonymousRecords/swagger-chat/HEAD/apps/chat/public/sns/instagram.png


--------------------------------------------------------------------------------
/apps/chat/postcss.config.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 |   plugins: {
3 |     tailwindcss: {},
4 |     autoprefixer: {},
5 |   },
6 | };
7 | 


--------------------------------------------------------------------------------
/apps/chat/public/fonts/Pretendard-Medium.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/anonymousRecords/swagger-chat/HEAD/apps/chat/public/fonts/Pretendard-Medium.woff2


--------------------------------------------------------------------------------
/apps/chat/public/fonts/Pretendard-ExtraBold.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/anonymousRecords/swagger-chat/HEAD/apps/chat/public/fonts/Pretendard-ExtraBold.woff2


--------------------------------------------------------------------------------
/apps/chat/public/fonts/Pretendard-Regular.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/anonymousRecords/swagger-chat/HEAD/apps/chat/public/fonts/Pretendard-Regular.woff2


--------------------------------------------------------------------------------
/apps/chat/public/fonts/Pretendard-SemiBold.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/anonymousRecords/swagger-chat/HEAD/apps/chat/public/fonts/Pretendard-SemiBold.woff2


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # Don't Read README also.
2 | # Go to https://swagger-chat.vercel.app/
3 | # And Just Chat
4 | 
5 | https://deepwiki.com/anonymousRecords/swagger-chat/1-overview
6 | 


--------------------------------------------------------------------------------
/apps/chat/lib/utils/cn.ts:
--------------------------------------------------------------------------------
1 | import { type ClassValue, clsx } from 'clsx';
2 | import { twMerge } from 'tailwind-merge';
3 | 
4 | export function cn(...inputs: ClassValue[]) {
5 |   return twMerge(clsx(inputs));
6 | }
7 | 


--------------------------------------------------------------------------------
/apps/chat/app/robots.ts:
--------------------------------------------------------------------------------
 1 | export default function robots() {
 2 |   return {
 3 |     rules: {
 4 |       userAgent: '*',
 5 |       allow: '/',
 6 |     },
 7 |     sitemap: 'https://swagger-chat.vercel.app/sitemap.xml',
 8 |   };
 9 | }
10 | 


--------------------------------------------------------------------------------
/.prettierrc:
--------------------------------------------------------------------------------
 1 | {
 2 |       "singleQuote": true,
 3 |       "trailingComma": "es5",
 4 |       "printWidth": 100,
 5 |       "tabWidth": 2,
 6 |       "semi": true,
 7 |       "plugins": [
 8 |             "prettier-plugin-tailwindcss"
 9 |       ]
10 | }


--------------------------------------------------------------------------------
/apps/chat/tailwind.config.js:
--------------------------------------------------------------------------------
1 | /** @type {import('tailwindcss').Config} */
2 | module.exports = {
3 |   content: ['./app/**/*.{js,ts,jsx,tsx,mdx}', './components/**/*.{js,ts,jsx,tsx,mdx}'],
4 |   theme: {
5 |     extend: {},
6 |   },
7 |   plugins: [],
8 | };
9 | 


--------------------------------------------------------------------------------
/apps/chat/components/features/landing/demo/types.ts:
--------------------------------------------------------------------------------
 1 | export type DemoType = {
 2 |   name: string;
 3 |   description: string;
 4 |   subDescription?: string;
 5 |   url: string;
 6 |   gradientColors?: {
 7 |     from: string;
 8 |     to: string;
 9 |   };
10 | };
11 | 


--------------------------------------------------------------------------------
/apps/chat/app/metadata.ts:
--------------------------------------------------------------------------------
1 | export const defaultMetadata = {
2 |   title: {
3 |     template: '%s | Swagger Chat',
4 |     default: 'Swagger Chat',
5 |   },
6 |   description: 'Chat with your Swagger API Documentation',
7 |   metadataBase: new URL('https://swagger-chat.vercel.app'),
8 | };
9 | 


--------------------------------------------------------------------------------
/apps/chat/app/JsonLd.tsx:
--------------------------------------------------------------------------------
 1 | 'use client';
 2 | 
 3 | type JsonLdProps = {
 4 |   data: Record<string, unknown>;
 5 | };
 6 | 
 7 | export const JsonLd = ({ data }: JsonLdProps) => {
 8 |   return (
 9 |     <script type="application/ld+json" dangerouslySetInnerHTML={{ __html: JSON.stringify(data) }} />
10 |   );
11 | };
12 | 


--------------------------------------------------------------------------------
/apps/chat/components/features/workspace/chat-panel.tsx:
--------------------------------------------------------------------------------
 1 | 'use client';
 2 | import { cn } from '@/lib';
 3 | import { ChatContent } from '../chat/content/chat-content';
 4 | 
 5 | export const ChatPanel = () => {
 6 |   return (
 7 |     <div className={cn('h-full p-4')}>
 8 |       <ChatContent />
 9 |     </div>
10 |   );
11 | };
12 | 


--------------------------------------------------------------------------------
/apps/chat/app/chat/page.tsx:
--------------------------------------------------------------------------------
 1 | import WorkspaceLayout from '@/components/features/workspace/workspace-layout';
 2 | import { defaultMetadata } from '@/app/metadata';
 3 | 
 4 | export const metadata = {
 5 |   ...defaultMetadata,
 6 |   title: 'Chat Interface',
 7 | };
 8 | 
 9 | export default function ChatPage() {
10 |   return <WorkspaceLayout />;
11 | }
12 | 


--------------------------------------------------------------------------------
/apps/chat/components/features/workspace/swagger-panel.tsx:
--------------------------------------------------------------------------------
 1 | 'use client';
 2 | 
 3 | import { cn } from '@/lib';
 4 | import { SwaggerWrapper } from '../swagger/viewer/swagger-wrapper';
 5 | 
 6 | export const SwaggerPanel = () => {
 7 |   return (
 8 |     <div className={cn('overflow-y-auto')}>
 9 |       <SwaggerWrapper />
10 |     </div>
11 |   );
12 | };
13 | 


--------------------------------------------------------------------------------
/apps/chat/types/chat.ts:
--------------------------------------------------------------------------------
 1 | export interface Message {
 2 |   id: string;
 3 |   role: 'user' | 'assistant';
 4 |   content: string;
 5 |   timestamp: number;
 6 | }
 7 | 
 8 | export interface ChatState {
 9 |   messages: Message[];
10 |   isLoading: boolean;
11 |   addMessage: (message: Omit<Message, 'id' | 'timestamp'>) => void;
12 |   clearMessages: () => void;
13 |   setIsLoading: (isLoading: boolean) => void;
14 | }
15 | 


--------------------------------------------------------------------------------
/.vscode/settings.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "eslint.workingDirectories": [
 3 |     {
 4 |       "mode": "auto"
 5 |     }
 6 |   ],
 7 |   "editor.codeActionsOnSave": {
 8 |     "source.fixAll.eslint": "explicit"
 9 |   },
10 |   "editor.formatOnSave": true,
11 |   "editor.defaultFormatter": "esbenp.prettier-vscode",
12 |   "eslint.validate": [
13 |     "javascript",
14 |     "javascriptreact",
15 |     "typescript",
16 |     "typescriptreact"
17 |   ]
18 | }


--------------------------------------------------------------------------------
/turbo.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "$schema": "https://turbo.build/schema.json",
 3 |   "globalDependencies": [
 4 |     "**/.env.*local"
 5 |   ],
 6 |   "tasks": {
 7 |     "build": {
 8 |       "dependsOn": [
 9 |         "^build"
10 |       ],
11 |       "outputs": [
12 |         ".next/**",
13 |         "!.next/cache/**"
14 |       ]
15 |     },
16 |     "lint": {},
17 |     "dev": {
18 |       "cache": false,
19 |       "persistent": true
20 |     }
21 |   }
22 | }


--------------------------------------------------------------------------------
/.eslintrc.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "root": true,
 3 |   "parser": "@typescript-eslint/parser",
 4 |   "plugins": [
 5 |     "@typescript-eslint",
 6 |     "prettier"
 7 |   ],
 8 |   "extends": [
 9 |     "eslint:recommended",
10 |     "plugin:@typescript-eslint/recommended",
11 |     "prettier"
12 |   ],
13 |   "rules": {
14 |     "prettier/prettier": "error",
15 |     "@typescript-eslint/explicit-module-boundary-types": "off",
16 |     "@typescript-eslint/no-explicit-any": "off"
17 |   }
18 | }


--------------------------------------------------------------------------------
/apps/chat/constants/prompt.ts:
--------------------------------------------------------------------------------
1 | export const SYSTEM_PROMPT = `You are a chatbot that guides API usage based on Swagger/OpenAPI documentation.
2 | Based on the given API documentation, please provide the following help:
3 | 1. Check the existence and location of API endpoints
4 | 2. Explain API request/response parameters
5 | 3. Provide simple API usage examples
6 | 4. Answer general API-related questions
7 | 
8 | Please honestly state when you don't know about content that isn't in the API documentation or content you can't answer.`;
9 | 


--------------------------------------------------------------------------------
/apps/chat/hooks/useThrottle.ts:
--------------------------------------------------------------------------------
 1 | import { useCallback, useRef } from 'react';
 2 | 
 3 | export function useThrottle<T extends (...args: any[]) => any>(
 4 |   callback: T,
 5 |   delay: number = 1000
 6 | ): T {
 7 |   const lastCall = useRef<number>(0);
 8 | 
 9 |   return useCallback(
10 |     ((...args) => {
11 |       const now = Date.now();
12 |       if (now - lastCall.current >= delay) {
13 |         callback(...args);
14 |         lastCall.current = now;
15 |       }
16 |     }) as T,
17 |     [callback, delay]
18 |   );
19 | }
20 | 


--------------------------------------------------------------------------------
/apps/chat/components/common/feedback/loading-dots.tsx:
--------------------------------------------------------------------------------
 1 | import { cn } from '@/lib';
 2 | 
 3 | export function LoadingDots() {
 4 |   return (
 5 |     <div className={cn('flex items-center space-x-2 text-sm text-gray-500')}>
 6 |       <div className={cn('h-2 w-2 animate-bounce rounded-full bg-gray-400')} />
 7 |       <div className={cn('h-2 w-2 animate-bounce rounded-full bg-gray-400 [animation-delay:0.2s]')} />
 8 |       <div className={cn('h-2 w-2 animate-bounce rounded-full bg-gray-400 [animation-delay:0.4s]')} />
 9 |     </div>
10 |   );
11 | }
12 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
 1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
 2 | 
 3 | # Dependencies
 4 | node_modules
 5 | .pnp
 6 | .pnp.js
 7 | 
 8 | # Local env files
 9 | .env
10 | .env.local
11 | .env.development.local
12 | .env.test.local
13 | .env.production.local
14 | 
15 | # Testing
16 | coverage
17 | 
18 | # Turbo
19 | .turbo
20 | 
21 | # Vercel
22 | .vercel
23 | 
24 | # Build Outputs
25 | .next/
26 | out/
27 | build
28 | dist
29 | 
30 | 
31 | # Debug
32 | npm-debug.log*
33 | yarn-debug.log*
34 | yarn-error.log*
35 | 
36 | # Misc
37 | .DS_Store
38 | *.pem
39 | 


--------------------------------------------------------------------------------
/apps/chat/app/sitemap.ts:
--------------------------------------------------------------------------------
 1 | export default function sitemap() {
 2 |   const baseUrl = 'https://swagger-chat.vercel.app';
 3 | 
 4 |   return [
 5 |     {
 6 |       url: baseUrl,
 7 |       lastModified: new Date(),
 8 |       changeFrequency: 'daily',
 9 |       priority: 1,
10 |     },
11 |     {
12 |       url: `${baseUrl}/chat`,
13 |       lastModified: new Date(),
14 |       changeFrequency: 'daily',
15 |       priority: 0.8,
16 |     },
17 |     {
18 |       url: `${baseUrl}/chat/input`,
19 |       lastModified: new Date(),
20 |       changeFrequency: 'daily',
21 |       priority: 0.8,
22 |     },
23 |   ];
24 | }
25 | 


--------------------------------------------------------------------------------
/apps/chat/components/features/workspace/mobile/mobile-split-layout.tsx:
--------------------------------------------------------------------------------
 1 | 'use client';
 2 | 
 3 | import Split from 'react-split';
 4 | import { ChatPanel } from '../chat-panel';
 5 | import { SwaggerPanel } from '../swagger-panel';
 6 | 
 7 | export const MobileSplitLayout = () => {
 8 |   return (
 9 |     <Split
10 |       className="split h-full"
11 |       minSize={[200, 400]}
12 |       gutterSize={4}
13 |       snapOffset={30}
14 |       direction={'vertical'}
15 |       style={{ display: 'flex', flexDirection: 'column' }}
16 |     >
17 |       <SwaggerPanel />
18 |       <ChatPanel />
19 |     </Split>
20 |   );
21 | };
22 | 


--------------------------------------------------------------------------------
/apps/chat/store/useChatStore.ts:
--------------------------------------------------------------------------------
 1 | import { nanoid } from 'nanoid';
 2 | import { create } from 'zustand';
 3 | 
 4 | import { type ChatState } from '@/types/chat';
 5 | 
 6 | export const useChatStore = create<ChatState>((set) => ({
 7 |   messages: [],
 8 |   isLoading: false,
 9 |   addMessage: (message) =>
10 |     set((state) => ({
11 |       messages: [
12 |         ...state.messages,
13 |         {
14 |           id: nanoid(),
15 |           ...message,
16 |           timestamp: Date.now(),
17 |         },
18 |       ],
19 |     })),
20 |   clearMessages: () => set({ messages: [] }),
21 |   setIsLoading: (isLoading: boolean) => set({ isLoading }),
22 | }));
23 | 


--------------------------------------------------------------------------------
/apps/chat/public/fonts/font.ts:
--------------------------------------------------------------------------------
 1 | import localFont from 'next/font/local';
 2 | 
 3 | export const pretendard = localFont({
 4 |   src: [
 5 |     {
 6 |       path: './Pretendard-Regular.woff2',
 7 |       weight: '400',
 8 |       style: 'normal',
 9 |     },
10 |     {
11 |       path: './Pretendard-Medium.woff2',
12 |       weight: '500',
13 |       style: 'normal',
14 |     },
15 |     {
16 |       path: './Pretendard-SemiBold.woff2',
17 |       weight: '700',
18 |       style: 'normal',
19 |     },
20 |     {
21 |       path: './Pretendard-ExtraBold.woff2',
22 |       weight: '900',
23 |       style: 'normal',
24 |     },
25 |   ],
26 |   variable: '--font-pretendard',
27 | });
28 | 


--------------------------------------------------------------------------------
/apps/chat/.gitignore:
--------------------------------------------------------------------------------
 1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
 2 | 
 3 | # dependencies
 4 | /node_modules
 5 | /.pnp
 6 | .pnp.*
 7 | .yarn/*
 8 | !.yarn/patches
 9 | !.yarn/plugins
10 | !.yarn/releases
11 | !.yarn/versions
12 | 
13 | # testing
14 | /coverage
15 | 
16 | # next.js
17 | /.next/
18 | /out/
19 | 
20 | # production
21 | /build
22 | 
23 | # misc
24 | .DS_Store
25 | *.pem
26 | 
27 | # debug
28 | npm-debug.log*
29 | yarn-debug.log*
30 | yarn-error.log*
31 | .pnpm-debug.log*
32 | 
33 | # env files (can opt-in for committing if needed)
34 | .env*
35 | 
36 | # vercel
37 | .vercel
38 | 
39 | # typescript
40 | *.tsbuildinfo
41 | next-env.d.ts
42 | 


--------------------------------------------------------------------------------
/apps/chat/components/features/workspace/desktop/desktop-split-layout.tsx:
--------------------------------------------------------------------------------
 1 | 'use client';
 2 | 
 3 | import Split from 'react-split';
 4 | import { SwaggerPanel } from '../swagger-panel';
 5 | import { ChatPanel } from '../chat-panel';
 6 | import { cn } from '@/lib';
 7 | 
 8 | export const DesktopSplitLayout = () => {
 9 |   return (
10 |     <div className="h-full">
11 |       <Split
12 |         className={cn('split h-full')}
13 |         sizes={[40, 60]}
14 |         minSize={[300, 400]}
15 |         gutterSize={4}
16 |         snapOffset={30}
17 |         direction={'horizontal'}
18 |       >
19 |         <SwaggerPanel />
20 |         <ChatPanel />
21 |       </Split>
22 |     </div>
23 |   );
24 | };
25 | 


--------------------------------------------------------------------------------
/apps/chat/hooks/useMediaQuery.ts:
--------------------------------------------------------------------------------
 1 | import { useEffect, useState } from 'react';
 2 | 
 3 | export function useMediaQuery(query: string): boolean {
 4 |   const [matches, setMatches] = useState(false);
 5 | 
 6 |   useEffect(() => {
 7 |     const mediaQuery = window.matchMedia(query);
 8 |     setMatches(mediaQuery.matches);
 9 | 
10 |     const handler = (event: MediaQueryListEvent) => {
11 |       setMatches(event.matches);
12 |     };
13 | 
14 |     mediaQuery.addEventListener('change', handler);
15 |     return () => mediaQuery.removeEventListener('change', handler);
16 |   }, [query]);
17 | 
18 |   return matches;
19 | }
20 | 
21 | export function useIsMobile(): boolean {
22 |   return useMediaQuery('(max-width: 768px)');
23 | }
24 | 


--------------------------------------------------------------------------------
/apps/chat/app/provider.tsx:
--------------------------------------------------------------------------------
 1 | 'use client';
 2 | import React from 'react';
 3 | import posthog from 'posthog-js';
 4 | import { PostHogProvider } from 'posthog-js/react';
 5 | 
 6 | const posthogKey = process.env.NEXT_PUBLIC_POSTHOG_KEY;
 7 | const posthogHost = process.env.NEXT_PUBLIC_POSTHOG_HOST;
 8 | 
 9 | if (typeof window !== 'undefined' && posthogKey && posthogHost) {
10 |   posthog.init(posthogKey, {
11 |     api_host: posthogHost,
12 |     person_profiles: 'identified_only', // or 'always' to create profiles for anonymous users as well
13 |   });
14 | }
15 | 
16 | export function CSPostHogProvider({ children }: { children: React.ReactNode }) {
17 |   return <PostHogProvider client={posthog}>{children}</PostHogProvider>;
18 | }
19 | 


--------------------------------------------------------------------------------
/apps/chat/tsconfig.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "compilerOptions": {
 3 |     "target": "ES2017",
 4 |     "lib": ["dom", "dom.iterable", "esnext"],
 5 |     "allowJs": true,
 6 |     "skipLibCheck": true,
 7 |     "strict": true,
 8 |     "noEmit": true,
 9 |     "esModuleInterop": true,
10 |     "module": "esnext",
11 |     "moduleResolution": "bundler",
12 |     "resolveJsonModule": true,
13 |     "isolatedModules": true,
14 |     "jsx": "preserve",
15 |     "incremental": true,
16 |     "plugins": [
17 |       {
18 |         "name": "next"
19 |       }
20 |     ],
21 |     "paths": {
22 |       "@/*": ["./*"]
23 |     }
24 |   },
25 |   "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
26 |   "exclude": ["node_modules"]
27 | }
28 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "swagger-chat",
 3 |   "private": true,
 4 |   "scripts": {
 5 |     "build": "turbo build",
 6 |     "dev": "turbo dev",
 7 |     "lint": "turbo lint",
 8 |     "format": "prettier --write \"**/*.{ts,tsx,md}\"",
 9 |     "clean": "turbo clean && rm -rf node_modules"
10 |   },
11 |   "devDependencies": {
12 |     "@typescript-eslint/eslint-plugin": "^7.0.0",
13 |     "@typescript-eslint/parser": "^7.0.0",
14 |     "eslint": "^8.56.0",
15 |     "eslint-config-prettier": "^9.1.0",
16 |     "prettier": "^3.2.5",
17 |     "prettier-plugin-tailwindcss": "^0.5.11",
18 |     "turbo": "^2.3.3",
19 |     "typescript": "^5.3.3"
20 |   },
21 |   "packageManager": "pnpm@9.0.0",
22 |   "engines": {
23 |     "node": ">=18"
24 |   }
25 | }


--------------------------------------------------------------------------------
/apps/chat/components/common/buttons/button.tsx:
--------------------------------------------------------------------------------
 1 | 'use client';
 2 | 
 3 | import React from 'react';
 4 | import { cn } from '@/lib/index';
 5 | 
 6 | export function Button({
 7 |   children,
 8 |   className,
 9 |   disabled,
10 |   ...props
11 | }: React.ButtonHTMLAttributes<HTMLButtonElement>) {
12 |   return (
13 |     <button
14 |       className={cn(
15 |         'text-md rounded-lg bg-black px-4 py-4 font-semibold text-white',
16 |         'transition-all duration-200',
17 |         'hover:opacity-90',
18 |         'active:scale-[0.99]',
19 |         'disabled:cursor-not-allowed disabled:opacity-50',
20 |         'cursor-pointer',
21 |         className
22 |       )}
23 |       disabled={disabled}
24 |       {...props}
25 |     >
26 |       {children}
27 |     </button>
28 |   );
29 | }
30 | 


--------------------------------------------------------------------------------
/apps/chat/app/page.tsx:
--------------------------------------------------------------------------------
 1 | import { LandingHero } from '@/components/features/landing/landing-hero';
 2 | import { LandingPopularDemos } from '@/components/features/landing/landing-popular-demos';
 3 | import { LandingFooter } from '@/components/features/landing/landing-footer';
 4 | import { defaultMetadata } from './metadata';
 5 | 
 6 | export const metadata = {
 7 |   ...defaultMetadata,
 8 |   title: "Don't Read Swagger anymore | Swagger Chat",
 9 | };
10 | 
11 | export default function LandingPage() {
12 |   return (
13 |     <main className="flex min-h-screen flex-col items-center">
14 |       <div className="container flex flex-col items-center px-4 py-8">
15 |         <LandingHero />
16 |         <LandingPopularDemos />
17 |       </div>
18 |       <LandingFooter />
19 |     </main>
20 |   );
21 | }
22 | 


--------------------------------------------------------------------------------
/apps/chat/components/common/buttons/back-button.tsx:
--------------------------------------------------------------------------------
 1 | 'use client';
 2 | 
 3 | import { ArrowLeftIcon } from '@heroicons/react/24/outline';
 4 | import { cn } from '@/lib';
 5 | import { ButtonHTMLAttributes } from 'react';
 6 | 
 7 | interface BackButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
 8 |   size?: 'sm' | 'md' | 'lg';
 9 | }
10 | 
11 | const sizeClasses = {
12 |   sm: 'h-4 w-4',
13 |   md: 'h-5 w-5',
14 |   lg: 'h-6 w-6',
15 | };
16 | 
17 | export function BackButton({ className, size = 'md', ...props }: BackButtonProps) {
18 |   return (
19 |     <button
20 |       className={cn('rounded-lg p-2 hover:bg-gray-100', className)}
21 |       aria-label="Go back"
22 |       {...props}
23 |     >
24 |       <ArrowLeftIcon className={cn(sizeClasses[size])} />
25 |     </button>
26 |   );
27 | }
28 | 


--------------------------------------------------------------------------------
/tsconfig.json:
--------------------------------------------------------------------------------
 1 | {
 2 |     "$schema": "https://json.schemastore.org/tsconfig",
 3 |     "compilerOptions": {
 4 |         "target": "es5",
 5 |         "lib": [
 6 |             "dom",
 7 |             "dom.iterable",
 8 |             "esnext"
 9 |         ],
10 |         "allowJs": true,
11 |         "skipLibCheck": true,
12 |         "strict": true,
13 |         "forceConsistentCasingInFileNames": true,
14 |         "noEmit": true,
15 |         "esModuleInterop": true,
16 |         "module": "esnext",
17 |         "moduleResolution": "node",
18 |         "resolveJsonModule": true,
19 |         "isolatedModules": true,
20 |         "jsx": "preserve",
21 |         "incremental": true
22 |     },
23 |     "include": [
24 |         "apps/**/*"
25 |     ],
26 |     "exclude": [
27 |         "node_modules"
28 |     ]
29 | }


--------------------------------------------------------------------------------
/apps/chat/components/common/feedback/content-skeleton.tsx:
--------------------------------------------------------------------------------
 1 | 'use client';
 2 | 
 3 | import { cn } from '@/lib';
 4 | 
 5 | interface SkeletonProps extends React.HTMLAttributes<HTMLDivElement> {
 6 |   className?: string;
 7 | }
 8 | 
 9 | export function Skeleton({ className, ...props }: SkeletonProps) {
10 |   return <div className={cn('animate-pulse rounded bg-gray-200', className)} {...props} />;
11 | }
12 | 
13 | export function ContentSkeleton() {
14 |   return (
15 |     <div className={cn('flex h-full flex-col space-y-6')}>
16 |       <div className={cn('space-y-4')}>
17 |         <Skeleton className={cn('h-8 w-1/3')} />
18 |         <Skeleton className={cn('h-4 w-1/2')} />
19 |         <Skeleton className={cn('h-4 w-3/4')} />
20 |       </div>
21 |       <Skeleton className={cn('h-[calc(100%-120px)]')} />
22 |     </div>
23 |   );
24 | }
25 | 


--------------------------------------------------------------------------------
/apps/chat/components/common/header/header.tsx:
--------------------------------------------------------------------------------
 1 | 'use client';
 2 | 
 3 | import { cn } from '@/lib/index';
 4 | import { BackButton } from '../buttons/back-button';
 5 | 
 6 | interface HeaderProps {
 7 |   isDefault?: boolean;
 8 |   title?: string;
 9 |   onBackClick?: () => void;
10 | }
11 | 
12 | export function Header({ isDefault = true, title = 'SWAGGER CHAT', onBackClick }: HeaderProps) {
13 |   return (
14 |     <header className={cn('fixed top-0 z-20 h-[48px] w-full border-b border-gray-200 bg-white')}>
15 |       <div className={cn('mx-auto flex h-full max-w-7xl items-center justify-between px-4')}>
16 |         <div className={cn('flex items-center gap-2')}>
17 |           {!isDefault && <BackButton onClick={onBackClick} />}
18 |           <h1 className={cn('text-lg font-semibold')}>{title}</h1>
19 |         </div>
20 |       </div>
21 |     </header>
22 |   );
23 | }
24 | 


--------------------------------------------------------------------------------
/apps/chat/components/features/chat/input/chat-input.tsx:
--------------------------------------------------------------------------------
 1 | 'use client';
 2 | 
 3 | import { TextArea } from '@/components/common/inputs/text-area';
 4 | import { useState } from 'react';
 5 | 
 6 | interface ChatInputProps {
 7 |   onSendMessage: (message: string) => void;
 8 |   disabled?: boolean;
 9 | }
10 | 
11 | export const ChatInput = ({ onSendMessage, disabled = false }: ChatInputProps) => {
12 |   const [inputMessage, setInputMessage] = useState('');
13 | 
14 |   const handleSubmit = (message: string) => {
15 |     if (!message.trim() || disabled) return;
16 |     onSendMessage(message);
17 |     setInputMessage('');
18 |   };
19 | 
20 |   return (
21 |     <TextArea
22 |       value={inputMessage}
23 |       onChange={(e) => setInputMessage(e.target.value)}
24 |       onSubmit={handleSubmit}
25 |       placeholder="Type your message..."
26 |       rows={5}
27 |       disabled={disabled}
28 |     />
29 |   );
30 | };
31 | 


--------------------------------------------------------------------------------
/apps/chat/components/features/swagger/viewer/swagger-wrapper.tsx:
--------------------------------------------------------------------------------
 1 | 'use client';
 2 | 
 3 | import { useSwaggerStore } from '@/store/useSwaggerStore';
 4 | import dynamic from 'next/dynamic';
 5 | import { useEffect, useState } from 'react';
 6 | import { parseFileContent } from '@/lib/utils/validation';
 7 | import { cn } from '@/lib';
 8 | 
 9 | const SwaggerUI = dynamic(() => import('swagger-ui-react'), {
10 |   ssr: false,
11 | });
12 | 
13 | export const SwaggerWrapper = () => {
14 |   const { url, file } = useSwaggerStore();
15 |   const [spec, setSpec] = useState<object | undefined>();
16 | 
17 |   useEffect(() => {
18 |     if (!file) {
19 |       setSpec(undefined);
20 |       return;
21 |     }
22 | 
23 |     file.text().then((content) => {
24 |       const parsed = parseFileContent(content, file.name);
25 |       setSpec(parsed as object);
26 |     });
27 |   }, [file]);
28 | 
29 |   if (!url && !spec) return null;
30 | 
31 |   return (
32 |     <div className={cn('swagger-wrapper')}>
33 |       <SwaggerUI url={url} spec={spec} />
34 |     </div>
35 |   );
36 | };
37 | 


--------------------------------------------------------------------------------
/apps/chat/components/features/landing/landing-footer.tsx:
--------------------------------------------------------------------------------
 1 | import { SNSList } from './sns/sns-list';
 2 | 
 3 | export const SNS_LIST = [
 4 |   {
 5 |     id: 1,
 6 |     name: 'Github',
 7 |     url: 'https://github.com/anonymousRecords/swagger-chat',
 8 |     imgUrl: '/sns/github.png',
 9 |   },
10 |   {
11 |     id: 2,
12 |     name: 'X',
13 |     url: 'https://x.com/swagger_chat',
14 |     imgUrl: '/sns/x.webp',
15 |   },
16 |   {
17 |     id: 3,
18 |     name: 'BlueSky',
19 |     url: 'https://bsky.app/profile/swaggerchat.bsky.social',
20 |     imgUrl: '/sns/bluesky.png',
21 |   },
22 |   {
23 |     id: 4,
24 |     name: 'Instagram',
25 |     url: 'https://www.instagram.com/swagger.chat/',
26 |     imgUrl: '/sns/instagram.png',
27 |   },
28 |   {
29 |     id: 5,
30 |     name: 'Discord',
31 |     url: 'https://discord.gg/rMW7F43e',
32 |     imgUrl: '/sns/discord.png',
33 |   },
34 | ] as const;
35 | 
36 | export function LandingFooter() {
37 |   return (
38 |     <div className="container flex items-center justify-end px-6 py-2">
39 |       <SNSList list={SNS_LIST} />
40 |     </div>
41 |   );
42 | }
43 | 


--------------------------------------------------------------------------------
/apps/chat/types/openai.ts:
--------------------------------------------------------------------------------
 1 | // Open AI
 2 | export type OpenAIChatRole = 'system' | 'user' | 'assistant' | 'function';
 3 | 
 4 | export interface OpenAIChatMessage {
 5 |   role: OpenAIChatRole;
 6 |   content: string;
 7 |   name?: string;
 8 |   function_call?: {
 9 |     name: string;
10 |     arguments: string;
11 |   };
12 | }
13 | 
14 | export interface OpenAIChatCompletionResponse {
15 |   id: string;
16 |   object: 'chat.completion';
17 |   created: number;
18 |   model: string;
19 |   choices: Array<{
20 |     index: number;
21 |     message: OpenAIChatMessage;
22 |     finish_reason: 'stop' | 'length' | 'function_call' | 'content_filter' | null;
23 |   }>;
24 |   usage: {
25 |     prompt_tokens: number;
26 |     completion_tokens: number;
27 |     total_tokens: number;
28 |   };
29 | }
30 | 
31 | // MVP
32 | export type SimpleChatRole = 'system' | 'user' | 'assistant';
33 | 
34 | export interface SimpleChatMessage {
35 |   role: SimpleChatRole;
36 |   content: string;
37 | }
38 | 
39 | export interface MinimalChatCompletionResponse {
40 |   choices: Array<{
41 |     message: {
42 |       content: string;
43 |     };
44 |   }>;
45 | }
46 | 


--------------------------------------------------------------------------------
/apps/chat/lib/markdown.ts:
--------------------------------------------------------------------------------
 1 | export const parseMarkdown = (text: string) => {
 2 |   // Code blocks (```language\ncode```)
 3 |   text = text.replace(/```(\w*)\n?([\s\S]*?)```/g, (_, lang, code) => {
 4 |     const language = lang ? `<div class="text-xs text-gray-400 mb-2">${lang}</div>` : '';
 5 |     return `<pre class="relative my-4 p-4 bg-gray-200 rounded-lg overflow-x-auto">${language}<code class="text-sm font-mono text-gray-50">${code.trim()}</code></pre>`;
 6 |   });
 7 | 
 8 |   // Inline code (`code`)
 9 |   text = text.replace(
10 |     /`([^`]+)`/g,
11 |     '<code class="px-1.5 py-0.5 mx-0.5 bg-gray-700 rounded text-sm font-mono text-gray-50">$1</code>'
12 |   );
13 | 
14 |   // Bold (**text** or __text__)
15 |   text = text.replace(/(\*\*|__)(.*?)\1/g, '<strong>$2</strong>');
16 | 
17 |   // Italic (*text* or _text_)
18 |   text = text.replace(/(\*|_)(.*?)\1/g, '<em>$2</em>');
19 | 
20 |   // Links ([text](url))
21 |   text = text.replace(
22 |     /\[([^\]]+)\]\(([^)]+)\)/g,
23 |     '<a href="$2" class="text-blue-500 hover:underline" target="_blank" rel="noopener noreferrer">$1</a>'
24 |   );
25 | 
26 |   // Newlines (outside of code blocks)
27 |   text = text.replace(/\n/g, '<br />');
28 | 
29 |   return text;
30 | };
31 | 


--------------------------------------------------------------------------------
/apps/chat/components/common/inputs/input.tsx:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import { cn } from '@/lib/index';
 3 | 
 4 | interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
 5 |   label?: string;
 6 |   error?: string;
 7 |   className?: string;
 8 |   wrapperClassName?: string;
 9 | }
10 | 
11 | export function Input({
12 |   label,
13 |   error,
14 |   className,
15 |   wrapperClassName,
16 |   type = 'text',
17 |   ...props
18 | }: InputProps) {
19 |   return (
20 |     <div className={cn('w-full space-y-2', wrapperClassName)}>
21 |       {label && <label className="text-sm font-medium text-gray-700">{label}</label>}
22 | 
23 |       <input
24 |         type={type}
25 |         className={cn(
26 |           'h-12 w-full px-4 text-base transition-colors',
27 |           'rounded-lg border-0',
28 |           'bg-white ring-1 ring-inset ring-gray-300',
29 |           'focus:outline-none focus:ring-2 focus:ring-black',
30 |           'placeholder:text-gray-400',
31 |           error && 'ring-red-500 focus:ring-red-500',
32 |           'disabled:bg-gray-50 disabled:text-gray-500 disabled:ring-gray-200',
33 |           className
34 |         )}
35 |         {...props}
36 |       />
37 | 
38 |       {error && <p className={cn('text-sm text-red-500')}>{error}</p>}
39 |     </div>
40 |   );
41 | }
42 | 


--------------------------------------------------------------------------------
/apps/chat/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "chat",
 3 |   "version": "0.1.0",
 4 |   "private": true,
 5 |   "scripts": {
 6 |     "dev": "next dev",
 7 |     "build": "next build",
 8 |     "start": "next start",
 9 |     "lint": "next lint"
10 |   },
11 |   "dependencies": {
12 |     "@formatjs/intl-localematcher": "^0.5.4",
13 |     "@heroicons/react": "2.2.0",
14 |     "@samchon/openapi": "2.3.1",
15 |     "@types/uuid": "10.0.0",
16 |     "clsx": "2.1.1",
17 |     "i18next": "^23.7.16",
18 |     "i18next-browser-languagedetector": "^7.2.0",
19 |     "js-yaml": "4.1.0",
20 |     "motion": "12.0.6",
21 |     "nanoid": "5.0.9",
22 |     "negotiator": "^0.6.3",
23 |     "next": "14.1.0",
24 |     "next-intl": "^3.4.0",
25 |     "posthog-js": "1.212.1",
26 |     "react": "^18.2.0",
27 |     "react-dom": "^18.2.0",
28 |     "react-i18next": "^14.0.1",
29 |     "react-split": "2.0.14",
30 |     "swagger-ui-react": "5.11.8",
31 |     "tailwind-merge": "2.2.1",
32 |     "typia": "7.5.0",
33 |     "uuid": "10.0.0",
34 |     "zustand": "5.0.2"
35 |   },
36 |   "devDependencies": {
37 |     "@eslint/eslintrc": "^3",
38 |     "@types/js-yaml": "4.0.9",
39 |     "@types/negotiator": "^0.6.3",
40 |     "@types/node": "^20",
41 |     "@types/react": "^18",
42 |     "@types/react-dom": "^18",
43 |     "@types/swagger-ui-react": "4.18.3",
44 |     "autoprefixer": "10.4.20",
45 |     "eslint": "^9",
46 |     "eslint-config-next": "14.1.0",
47 |     "postcss": "8.4.49",
48 |     "tailwindcss": "3.4.17",
49 |     "typescript": "^5"
50 |   }
51 | }
52 | 


--------------------------------------------------------------------------------
/apps/chat/components/features/swagger/input/swagger-input.tsx:
--------------------------------------------------------------------------------
 1 | 'use client';
 2 | 
 3 | import { cn } from '@/lib';
 4 | 
 5 | import { useSwaggerStore } from '@/store/useSwaggerStore';
 6 | import { useThrottle } from '@/hooks/useThrottle';
 7 | import { validateSwaggerUrl } from '@/lib/utils/validation';
 8 | import { useMemo } from 'react';
 9 | import { Input } from '@/components/common/inputs/input';
10 | import { Button } from '@/components/common/buttons/button';
11 | import { FileUploader } from '@/components/common/inputs/file-uploader';
12 | 
13 | interface SwaggerInputProps {
14 |   type: 'url' | 'file';
15 |   onSubmit: () => Promise<void>;
16 | }
17 | 
18 | export function SwaggerInput({ type, onSubmit }: SwaggerInputProps) {
19 |   const { url, setUrl, reset } = useSwaggerStore();
20 |   const throttledSubmit = useThrottle(onSubmit, 1000);
21 | 
22 |   const submitButtonDisabled = useMemo(() => validateSwaggerUrl(url).success == false, [url]);
23 | 
24 |   return (
25 |     <div className={cn('w-full')}>
26 |       {type === 'url' ? (
27 |         <div className={cn('flex h-28 flex-col justify-between')}>
28 |           <Input
29 |             value={url}
30 |             onChange={(e) => setUrl(e.target.value)}
31 |             onFocus={() => reset()}
32 |             placeholder="Enter OpenAPI URL"
33 |           />
34 |           <Button onClick={throttledSubmit} disabled={submitButtonDisabled}>
35 |             Submit
36 |           </Button>
37 |         </div>
38 |       ) : (
39 |         <FileUploader onSuccess={onSubmit} />
40 |       )}
41 |     </div>
42 |   );
43 | }
44 | 


--------------------------------------------------------------------------------
/apps/chat/README.md:
--------------------------------------------------------------------------------
 1 | This is a [Next.js](https://nextjs.org) project bootstrapped with [`create-next-app`](https://nextjs.org/docs/app/api-reference/cli/create-next-app).
 2 | 
 3 | ## Getting Started
 4 | 
 5 | First, run the development server:
 6 | 
 7 | ```bash
 8 | npm run dev
 9 | # or
10 | yarn dev
11 | # or
12 | pnpm dev
13 | # or
14 | bun dev
15 | ```
16 | 
17 | Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
18 | 
19 | You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
20 | 
21 | This project uses [`next/font`](https://nextjs.org/docs/app/building-your-application/optimizing/fonts) to automatically optimize and load [Geist](https://vercel.com/font), a new font family for Vercel.
22 | 
23 | ## Learn More
24 | 
25 | To learn more about Next.js, take a look at the following resources:
26 | 
27 | - [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
28 | - [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
29 | 
30 | You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js) - your feedback and contributions are welcome!
31 | 
32 | ## Deploy on Vercel
33 | 
34 | The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
35 | 
36 | Check out our [Next.js deployment documentation](https://nextjs.org/docs/app/building-your-application/deploying) for more details.
37 | 


--------------------------------------------------------------------------------
/apps/chat/lib/openai/client.ts:
--------------------------------------------------------------------------------
 1 | import { SYSTEM_PROMPT } from '@/constants/prompt';
 2 | import { type SimpleChatMessage, type MinimalChatCompletionResponse } from '@/types/openai';
 3 | 
 4 | const WORKER_URL = process.env.NEXT_PUBLIC_WORKER_URL;
 5 | 
 6 | export const createChatCompletion = async (
 7 |   messages: SimpleChatMessage[],
 8 |   locale: string = 'en'
 9 | ) => {
10 |   if (!WORKER_URL) {
11 |     throw new Error('Worker URL is not configured');
12 |   }
13 | 
14 |   const systemMessage = `${SYSTEM_PROMPT}\nPlease respond in ${locale === 'ko' ? 'Korean' : locale === 'ja' ? 'Japanese' : 'English'}.`;
15 | 
16 |   try {
17 |     const response = await fetch(WORKER_URL, {
18 |       method: 'POST',
19 |       headers: {
20 |         'Content-Type': 'application/json',
21 |       },
22 |       body: JSON.stringify({
23 |         model: 'gpt-3.5-turbo-0125',
24 |         messages: [{ role: 'system', content: systemMessage }, ...messages],
25 |         temperature: 0.7,
26 |         max_tokens: 1000,
27 |       }),
28 |     });
29 | 
30 |     if (!response.ok) {
31 |       const errorText = await response.text();
32 |       console.error('Worker response error:', {
33 |         status: response.status,
34 |         statusText: response.statusText,
35 |         body: errorText
36 |       });
37 |       throw new Error(`API 호출 실패 (${response.status}): ${errorText || response.statusText}`);
38 |     }
39 | 
40 |     const data: MinimalChatCompletionResponse = await response.json();
41 |     return data.choices[0].message.content;
42 |   } catch (error) {
43 |     console.error('Chat completion error:', error);
44 |     throw error;
45 |   }
46 | };
47 | 


--------------------------------------------------------------------------------
/apps/chat/components/features/landing/demo/icons/coming-soon.tsx:
--------------------------------------------------------------------------------
 1 | 'use client';
 2 | 
 3 | import { BoltIcon } from '@heroicons/react/24/outline';
 4 | import { DemoType } from '../types';
 5 | 
 6 | const COMING_SOON_DEMO: DemoType = {
 7 |   name: 'Coming Soon',
 8 |   description: 'More APIs are coming soon!',
 9 |   subDescription: 'More APIs will be available soon! Stay tuned for updates.',
10 |   url: '',
11 |   gradientColors: {
12 |     from: '#97e866',
13 |     to: '#75c346',
14 |   },
15 | };
16 | 
17 | interface ComingSoonIconProps {
18 |   isSelected: boolean;
19 |   index: number;
20 |   onClick: () => void;
21 | }
22 | 
23 | export function ComingSoonIcon({ isSelected, index, onClick }: ComingSoonIconProps) {
24 |   const baseZIndex = 10;
25 | 
26 |   return (
27 |     <button
28 |       onClick={onClick}
29 |       className={`absolute left-10 flex h-16 w-16 items-center justify-center rounded-full 
30 |         hover:opacity-100
31 |         ${isSelected ? 'z-50 -translate-y-5 scale-110 brightness-110' : 'brightness-90 hover:brightness-100'}
32 |         duration-600 transform transition-all ease-out`}
33 |       style={{
34 |         zIndex: isSelected ? 50 : baseZIndex - index,
35 |         transform: `translateX(calc(-50% + ${index * 40}px))`,
36 |         background: `linear-gradient(135deg, ${COMING_SOON_DEMO.gradientColors?.from} 0%, ${COMING_SOON_DEMO.gradientColors?.to} 100%)`,
37 |       }}
38 |       title={COMING_SOON_DEMO.description}
39 |     >
40 |       <BoltIcon className="h-6 w-6 text-white/90 transition-transform hover:animate-[shake_0.5s_ease-in-out] active:animate-[shake_0.5s_ease-in-out]" />
41 |     </button>
42 |   );
43 | }
44 | 
45 | export { COMING_SOON_DEMO };


--------------------------------------------------------------------------------
/apps/chat/components/common/toggle/toggle-switch.tsx:
--------------------------------------------------------------------------------
 1 | 'use client';
 2 | 
 3 | import { cn } from '@/lib/index';
 4 | 
 5 | interface SwitchProps {
 6 |   leftLabel?: string;
 7 |   rightLabel?: string;
 8 |   value?: boolean;
 9 |   onChange?: (value: boolean) => void;
10 |   className?: string;
11 | }
12 | 
13 | export function ToggleSwitch({ leftLabel, rightLabel, value, onChange, className }: SwitchProps) {
14 |   const handleToggle = () => {
15 |     onChange?.(!(value ?? false));
16 |   };
17 | 
18 |   return (
19 |     <div className={cn('flex items-center space-x-4', className)}>
20 |       {leftLabel && (
21 |         <span
22 |           className={cn(
23 |             'cursor-pointer transition-all',
24 |             !value ? 'font-bold text-black' : 'font-normal text-gray-500'
25 |           )}
26 |           onClick={handleToggle}
27 |         >
28 |           {leftLabel}
29 |         </span>
30 |       )}
31 | 
32 |       <button
33 |         type="button"
34 |         onClick={handleToggle}
35 |         className={cn('relative h-8 w-14 rounded-full bg-black transition-colors duration-300')}
36 |       >
37 |         <div
38 |           className={cn(
39 |             'absolute left-1 top-1 h-6 w-6 rounded-full bg-white transition-transform duration-300',
40 |             value && 'translate-x-6'
41 |           )}
42 |         />
43 |       </button>
44 | 
45 |       {rightLabel && (
46 |         <span
47 |           className={cn(
48 |             'cursor-pointer transition-all',
49 |             value ? 'font-bold text-black' : 'font-normal text-gray-500'
50 |           )}
51 |           onClick={handleToggle}
52 |         >
53 |           {rightLabel}
54 |         </span>
55 |       )}
56 |     </div>
57 |   );
58 | }
59 | 


--------------------------------------------------------------------------------
/apps/chat/components/features/landing/demo/icons/petstore.tsx:
--------------------------------------------------------------------------------
 1 | 'use client';
 2 | 
 3 | import Image from 'next/image';
 4 | import { DemoType } from '../types';
 5 | 
 6 | const PETSTORE_DEMO: DemoType = {
 7 |   name: 'Petstore API',
 8 |   description: 'A sample API that uses a petstore as an example to demonstrate features in the swagger-2.0 specification',
 9 |   subDescription: 'Click to try it out',
10 |   url: 'https://petstore.swagger.io/v2/swagger.json',
11 |   gradientColors: {
12 |     from: '#FF69B4',
13 |     to: '#FF1493',
14 |   },
15 | };
16 | 
17 | interface PetstoreIconProps {
18 |   isSelected: boolean;
19 |   index: number;
20 |   onClick: () => void;
21 | }
22 | 
23 | export function PetstoreIcon({ isSelected, index, onClick }: PetstoreIconProps) {
24 |   const baseZIndex = 10;
25 | 
26 |   return (
27 |     <button
28 |       onClick={onClick}
29 |       className={`absolute left-10 flex h-16 w-16 items-center justify-center rounded-full 
30 |         animate-[glow_2s_ease-in-out_infinite] hover:scale-105 hover:brightness-110
31 |         ${isSelected ? 'z-50 -translate-y-5 scale-110 brightness-110' : 'brightness-90 hover:brightness-100'}
32 |         duration-600 transform transition-all ease-out`}
33 |       style={{
34 |         zIndex: isSelected ? 50 : baseZIndex - index,
35 |         transform: `translateX(calc(-50% + ${index * 40}px))`,
36 |         background: `linear-gradient(135deg, ${PETSTORE_DEMO.gradientColors?.from} 0%, ${PETSTORE_DEMO.gradientColors?.to} 100%)`,
37 |       }}
38 |       title={PETSTORE_DEMO.description}
39 |     >
40 |       <Image
41 |         src="/demo/icon/paw.svg"
42 |         alt="Petstore Icon"
43 |         width={24}
44 |         height={24}
45 |         className="animate-[float_2s_ease-in-out_infinite] text-white/90 transition-transform"
46 |       />
47 |     </button>
48 |   );
49 | }
50 | 
51 | export { PETSTORE_DEMO };


--------------------------------------------------------------------------------
/apps/chat/components/features/landing/sns/sns-list.tsx:
--------------------------------------------------------------------------------
 1 | 'use client';
 2 | 
 3 | import Link from 'next/link';
 4 | import { motion } from 'motion/react';
 5 | 
 6 | const MotionLink = motion(Link);
 7 | 
 8 | interface SNSItem {
 9 |   id: number;
10 |   name: string;
11 |   url: string;
12 |   imgUrl: string;
13 | }
14 | 
15 | interface SNSListProps {
16 |   list: readonly SNSItem[];
17 | }
18 | 
19 | export function SNSList({ list }: SNSListProps) {
20 |   const container = {
21 |     hidden: { opacity: 0 },
22 |     show: {
23 |       opacity: 1,
24 |       transition: {
25 |         staggerChildren: 0.1,
26 |       },
27 |     },
28 |   };
29 | 
30 |   const item = {
31 |     hidden: { opacity: 0, y: 20 },
32 |     show: { opacity: 1, y: 0 },
33 |   };
34 | 
35 |   return (
36 |     <motion.div
37 |       className="flex flex-col items-center justify-center pt-10"
38 |       variants={container}
39 |       initial="hidden"
40 |       animate="show"
41 |     >
42 |       <motion.nav className="flex gap-1">
43 |         {list.map((sns) => (
44 |           <MotionLink
45 |             key={sns.id}
46 |             href={sns.url}
47 |             className="flex h-10 w-10 cursor-pointer flex-col items-center justify-center md:h-12 md:w-12"
48 |             variants={item}
49 |             whileHover={{
50 |               scale: 1.2,
51 |               rotate: [0, -10, 10, -10, 0],
52 |               transition: { duration: 0.5 },
53 |             }}
54 |             whileTap={{ scale: 0.9 }}
55 |             target="_blank"
56 |           >
57 |             <motion.img
58 |               src={sns.imgUrl}
59 |               alt={sns.name}
60 |               className="h-4 w-4 md:h-6 md:w-6"
61 |               whileHover={{ rotate: 360 }}
62 |               transition={{ duration: 0.5 }}
63 |             />
64 |           </MotionLink>
65 |         ))}
66 |       </motion.nav>
67 |     </motion.div>
68 |   );
69 | }
70 | 


--------------------------------------------------------------------------------
/apps/chat/components/features/chat/content/message-history.tsx:
--------------------------------------------------------------------------------
 1 | 'use client';
 2 | 
 3 | import { useEffect, useRef } from 'react';
 4 | import { useChatStore } from '@/store/useChatStore';
 5 | import { cn } from '@/lib';
 6 | import { parseMarkdown } from '@/lib/markdown';
 7 | import { LoadingDots } from '@/components/common/feedback/loading-dots';
 8 | 
 9 | interface Props {
10 |   isLoading?: boolean;
11 | }
12 | 
13 | export function MessageHistory({ isLoading }: Props) {
14 |   const messages = useChatStore((state) => state.messages);
15 |   const messagesEndRef = useRef<HTMLDivElement>(null);
16 | 
17 |   useEffect(() => {
18 |     messagesEndRef.current?.scrollIntoView({ behavior: 'smooth' });
19 |   }, [messages, isLoading]);
20 | 
21 |   return (
22 |     <div className="space-y-4">
23 |       {messages.length === 0 ? (
24 |         <div></div>
25 |       ) : (
26 |         messages.map((message, index) => (
27 |           <div
28 |             key={index}
29 |             className={cn(
30 |               'flex flex-col space-y-2 text-sm',
31 |               message.role === 'assistant' && 'items-start',
32 |               message.role === 'user' && 'items-end'
33 |             )}
34 |           >
35 |             <div
36 |               className={cn(
37 |                 'max-w-[80%] whitespace-pre-wrap break-words rounded-lg px-4 py-2',
38 |                 message.role === 'assistant' && 'bg-gray-50',
39 |                 message.role === 'user' && 'bg-black text-white'
40 |               )}
41 |               dangerouslySetInnerHTML={{
42 |                 __html: parseMarkdown(message.content),
43 |               }}
44 |             />
45 |           </div>
46 |         ))
47 |       )}
48 |       {isLoading ? (
49 |         <div className={cn('flex h-full items-center justify-start')}>
50 |           <LoadingDots />
51 |         </div>
52 |       ) : (
53 |         <div ref={messagesEndRef} />
54 |       )}
55 |     </div>
56 |   );
57 | }
58 | 


--------------------------------------------------------------------------------
/apps/chat/components/features/landing/landing-popular-demos.tsx:
--------------------------------------------------------------------------------
 1 | 'use client';
 2 | 
 3 | import React, { useEffect, useState } from 'react';
 4 | import { MobileSplitLayout } from '@/components/features/workspace/mobile/mobile-split-layout';
 5 | import { useSwaggerStore } from '@/store/useSwaggerStore';
 6 | import { useIsMobile } from '@/hooks/useMediaQuery';
 7 | import { ContentSkeleton } from '@/components/common/feedback/content-skeleton';
 8 | import { DesktopSplitLayout } from '../workspace/desktop/desktop-split-layout';
 9 | import { DemoContainer } from './demo/container';
10 | import { DemoType } from './demo/types';
11 | import { PETSTORE_DEMO } from './demo/icons/petstore';
12 | import { useChatStore } from '@/store/useChatStore';
13 | 
14 | export function LandingPopularDemos() {
15 |   const [selectedDemo, setSelectedDemo] = useState<DemoType>(PETSTORE_DEMO);
16 |   const { setUrl, setType } = useSwaggerStore();
17 |   const { clearMessages } = useChatStore();
18 |   const isMobile = useIsMobile();
19 | 
20 |   const handleDemoSelect = (demo: DemoType) => {
21 |     setSelectedDemo(demo);
22 |     if (demo.url) {
23 |       setType('url');
24 |       setUrl(demo.url);
25 |     }
26 |   };
27 | 
28 |   useEffect(() => {
29 |     clearMessages();
30 |   }, []);
31 | 
32 |   return (
33 |     <div className="w-full max-w-4xl space-y-8">
34 |       {/* Demo Icons Section */}
35 |       <div className="space-y-4">
36 |         <DemoContainer onDemoSelect={handleDemoSelect} selectedDemo={selectedDemo} />
37 |       </div>
38 | 
39 |       {/* Split Layout Section */}
40 |       <div className={`${isMobile ? 'h-[800px]' : 'h-[600px]'} rounded-xl border bg-white`}>
41 |         {selectedDemo?.url ? (
42 |           isMobile ? (
43 |             <MobileSplitLayout />
44 |           ) : (
45 |             <DesktopSplitLayout />
46 |           )
47 |         ) : (
48 |           <div className="h-full p-6">
49 |             <ContentSkeleton />
50 |           </div>
51 |         )}
52 |       </div>
53 |     </div>
54 |   );
55 | }
56 | 


--------------------------------------------------------------------------------
/apps/chat/components/features/landing/demo/container.tsx:
--------------------------------------------------------------------------------
 1 | import { PetstoreIcon, PETSTORE_DEMO } from './icons/petstore';
 2 | import { ComingSoonIcon, COMING_SOON_DEMO } from './icons/coming-soon';
 3 | import { DemoType } from './types';
 4 | 
 5 | const DEMOS = [PETSTORE_DEMO, COMING_SOON_DEMO];
 6 | 
 7 | interface DemoContainerProps {
 8 |   onDemoSelect: (demo: DemoType) => void;
 9 |   selectedDemo: DemoType | null;
10 | }
11 | 
12 | export function DemoContainer({ onDemoSelect, selectedDemo }: DemoContainerProps) {
13 |   const renderDemoIcon = (demo: DemoType, index: number) => {
14 |     const isSelected = selectedDemo?.url === demo.url;
15 |     const onClick = () => onDemoSelect(demo);
16 | 
17 |     switch (demo.name) {
18 |       case PETSTORE_DEMO.name:
19 |         return (
20 |           <PetstoreIcon key={demo.name} isSelected={isSelected} index={index} onClick={onClick} />
21 |         );
22 |       case COMING_SOON_DEMO.name:
23 |         return (
24 |           <ComingSoonIcon key={demo.name} isSelected={isSelected} index={index} onClick={onClick} />
25 |         );
26 |       default:
27 |         return null;
28 |     }
29 |   };
30 | 
31 |   return (
32 |     <div>
33 |       {/* Demo Icons Section */}
34 |       <div className="relative flex h-20 items-center justify-center">
35 |         {DEMOS.map((demo, index) => renderDemoIcon(demo, index))}
36 |       </div>
37 |       {/* Demo Description Section */}
38 |       {selectedDemo && (
39 |         <div className="mt-8">
40 |           <h2 className="text-xl font-semibold text-gray-900">{selectedDemo.name}</h2>
41 |           <p className="mt-2 text-gray-600">{selectedDemo.description}</p>
42 |           {selectedDemo.subDescription && (
43 |             <p
44 |               className={`mt-2 text-sm font-medium ${
45 |                 selectedDemo.url ? 'text-pink-600' : 'text-green-600'
46 |               }`}
47 |             >
48 |               {selectedDemo.subDescription}
49 |             </p>
50 |           )}
51 |         </div>
52 |       )}
53 |     </div>
54 |   );
55 | }
56 | 


--------------------------------------------------------------------------------
/apps/chat/app/chat/input/page.tsx:
--------------------------------------------------------------------------------
 1 | 'use client';
 2 | 
 3 | import React from 'react';
 4 | import { useRouter } from 'next/navigation';
 5 | import { useSwaggerStore } from '@/store/useSwaggerStore';
 6 | import { cn } from '@/lib';
 7 | import { SwaggerInput } from '@/components/features/swagger/input/swagger-input';
 8 | import { useChatStore } from '@/store/useChatStore';
 9 | import { BackButton } from '@/components/common/buttons/back-button';
10 | import { ToggleSwitch } from '@/components/common/toggle/toggle-switch';
11 | import { InfoTooltip } from '@/components/common/tooltips/info-tooltip';
12 | 
13 | const InputPage = () => {
14 |   const router = useRouter();
15 |   const { type, setType, submitSwagger } = useSwaggerStore();
16 |   const { clearMessages } = useChatStore();
17 | 
18 |   const onBackClick = () => {
19 |     router.push('/');
20 |   };
21 | 
22 |   const handleSubmit = async () => {
23 |     clearMessages();
24 |     const result = await submitSwagger();
25 |     if (result) {
26 |       router.push('/chat');
27 |     }
28 |   };
29 | 
30 |   return (
31 |     <div className="mx-auto flex min-h-screen max-w-2xl flex-col px-4 py-16">
32 |       <header className="mb-8">
33 |         <BackButton onClick={onBackClick} />
34 |         <div className="mt-4 flex items-center gap-2">
35 |           <h1 className="text-2xl font-bold">Start with Your API</h1>
36 |           <InfoTooltip
37 |             content="This tool uses AI technology, which means your API documentation will be transmitted to external servers. Please review your company's data security policies before using internal API documentation."
38 |             className="mt-1"
39 |           />
40 |         </div>
41 |       </header>
42 | 
43 |       <section className={cn('flex w-full flex-col items-center space-y-3 md:space-y-6')}>
44 |         <div className={cn('flex w-full justify-end')}>
45 |           <ToggleSwitch
46 |             value={type === 'file'}
47 |             onChange={(value) => setType(value ? 'file' : 'url')}
48 |             leftLabel="URL"
49 |             rightLabel="File"
50 |           />
51 |         </div>
52 |         <SwaggerInput type={type} onSubmit={handleSubmit} />
53 |       </section>
54 |     </div>
55 |   );
56 | };
57 | 
58 | export default InputPage;
59 | 


--------------------------------------------------------------------------------
/apps/chat/store/useSwaggerStore.ts:
--------------------------------------------------------------------------------
 1 | import { create } from 'zustand';
 2 | import {
 3 |   validateSwaggerFile,
 4 |   validateSwaggerDocument,
 5 |   parseFileContent,
 6 | } from '@/lib/utils/validation';
 7 | 
 8 | type SwaggerType = 'url' | 'file';
 9 | 
10 | interface SwaggerState {
11 |   type: SwaggerType;
12 |   url: string;
13 |   file: File | null;
14 |   isLoading: boolean;
15 |   error: string | null;
16 | }
17 | 
18 | interface SwaggerActions {
19 |   setType: (type: SwaggerType) => void;
20 |   setUrl: (url: string) => void;
21 |   setFile: (file: File | null) => void;
22 |   reset: () => void;
23 |   submitSwagger: () => Promise<boolean>;
24 | }
25 | 
26 | export const useSwaggerStore = create<SwaggerState & SwaggerActions>((set, get) => ({
27 |   // State
28 |   type: 'url',
29 |   url: 'https://petstore.swagger.io/v2/swagger.json',
30 |   file: null,
31 |   isLoading: false,
32 |   error: null,
33 | 
34 |   // Actions
35 |   setType: (type) => set({ type }),
36 |   setUrl: (url) => {
37 |     set({ url, error: null });
38 |   },
39 |   setFile: (file) => {
40 |     if (!file) {
41 |       set({ file: null, error: null });
42 |       return;
43 |     }
44 | 
45 |     const validation = validateSwaggerFile(file);
46 |     if (!validation.success) {
47 |       set({ error: validation.error });
48 |       return;
49 |     }
50 | 
51 |     set({ file, error: null });
52 |   },
53 |   reset: () =>
54 |     set({
55 |       url: '',
56 |       file: null,
57 |       error: null,
58 |       isLoading: false,
59 |     }),
60 |   submitSwagger: async () => {
61 |     const { type, url, file } = get();
62 |     set({ isLoading: true, error: null });
63 | 
64 |     if (type === 'url') {
65 |       const response = await fetch(url);
66 |       const data = await response.json();
67 | 
68 |       if (!validateSwaggerDocument(data)) {
69 |         set({ error: 'Invalid Swagger/OpenAPI document' });
70 |         set({ isLoading: false });
71 |         return false;
72 |       }
73 | 
74 |       set({ isLoading: false });
75 |       return true;
76 |     }
77 | 
78 |     if (file) {
79 |       const content = await file.text();
80 |       const data = parseFileContent(content, file.name);
81 | 
82 |       if (!validateSwaggerDocument(data)) {
83 |         set({ error: 'Invalid Swagger/OpenAPI document' });
84 |         set({ isLoading: false });
85 |         return false;
86 |       }
87 | 
88 |       set({ isLoading: false });
89 |       return true;
90 |     }
91 | 
92 |     set({ isLoading: false });
93 |     return false;
94 |   },
95 | }));
96 | 


--------------------------------------------------------------------------------
/apps/chat/components/features/chat/content/chat-content.tsx:
--------------------------------------------------------------------------------
 1 | 'use client';
 2 | 
 3 | import { useCallback, useEffect, useRef } from 'react';
 4 | import { useChatStore } from '@/store/useChatStore';
 5 | import { MessageHistory } from './message-history';
 6 | 
 7 | import { useThrottle } from '@/hooks/useThrottle';
 8 | import { cn } from '@/lib';
 9 | import { ChatService } from '@/lib/chat/service';
10 | import { useSwaggerStore } from '@/store/useSwaggerStore';
11 | import { ChatInput } from '../input/chat-input';
12 | 
13 | export const ChatContent = () => {
14 |   const { isLoading, addMessage, setIsLoading } = useChatStore();
15 |   const { url } = useSwaggerStore();
16 |   const chatServiceRef = useRef<ChatService | null>(null);
17 | 
18 |   useEffect(() => {
19 |     if (url) {
20 |       const locale = typeof window !== 'undefined' ? window.navigator.language : 'en';
21 |       const chatService = new ChatService(locale);
22 |       chatServiceRef.current = chatService;
23 | 
24 |       (async () => {
25 |         try {
26 |           await chatService.initializeWithUrl(url);
27 |         } catch (error) {
28 |           console.error('Failed to initialize ChatService:', error);
29 |         }
30 |       })();
31 |     }
32 |   }, [url]);
33 | 
34 |   const handleSendMessage = useCallback(
35 |     async (content: string) => {
36 |       if (!content.trim() || !chatServiceRef.current) return;
37 | 
38 |       setIsLoading(true);
39 |       addMessage({
40 |         role: 'user',
41 |         content: content.trim(),
42 |       });
43 | 
44 |       try {
45 |         const assistantMessageContent = await chatServiceRef.current.sendMessage(content.trim());
46 |         addMessage({
47 |           role: 'assistant',
48 |           content: assistantMessageContent,
49 |         });
50 |       } catch (error) {
51 |         console.error('Error sending message:', error);
52 |         addMessage({
53 |           role: 'assistant',
54 |           content: 'Sorry, an error occurred while processing your message.',
55 |         });
56 |       } finally {
57 |         setIsLoading(false);
58 |       }
59 |     },
60 |     [addMessage, setIsLoading]
61 |   );
62 | 
63 |   const throttledHandleSendMessage = useThrottle(handleSendMessage, 1000);
64 | 
65 |   return (
66 |     <div className={cn('flex h-full flex-col')}>
67 |       <div className={cn('h-full min-h-[110px] overflow-y-auto pb-4')}>
68 |         <MessageHistory isLoading={isLoading} />
69 |       </div>
70 |       <div className={cn('mt-auto')}>
71 |         <ChatInput onSendMessage={throttledHandleSendMessage} />
72 |       </div>
73 |     </div>
74 |   );
75 | };
76 | 


--------------------------------------------------------------------------------
/apps/chat/components/common/toast/toast.tsx:
--------------------------------------------------------------------------------
 1 | 'use client';
 2 | 
 3 | import React, { useState, useEffect } from 'react';
 4 | import { motion, AnimatePresence } from 'motion/react';
 5 | import { cn } from '@/lib';
 6 | 
 7 | interface ToastProps {
 8 |   message: string;
 9 |   type?: 'success' | 'info' | 'warning' | 'error';
10 |   duration?: number;
11 |   onClose?: () => void;
12 | }
13 | 
14 | export const Toast: React.FC<ToastProps> = ({
15 |   message,
16 |   type = 'info',
17 |   duration = 3000,
18 |   onClose,
19 | }) => {
20 |   const [isVisible, setIsVisible] = useState<boolean>(true);
21 | 
22 |   useEffect(() => {
23 |     const timer = setTimeout(() => {
24 |       setIsVisible(false);
25 |       onClose?.();
26 |     }, duration);
27 | 
28 |     return () => clearTimeout(timer);
29 |   }, [duration, onClose]);
30 | 
31 |   const typeStyles = {
32 |     success: {
33 |       background: 'bg-green-500/20 backdrop-blur-md border border-green-500/30',
34 |       icon: '🚀',
35 |       textColor: 'text-green-800',
36 |     },
37 |     info: {
38 |       background: 'bg-blue-500/20 backdrop-blur-md border border-blue-500/30',
39 |       icon: '💡',
40 |       textColor: 'text-blue-800',
41 |     },
42 |     warning: {
43 |       background: 'bg-yellow-500/20 backdrop-blur-md border border-yellow-500/30',
44 |       icon: '⚠️',
45 |       textColor: 'text-yellow-800',
46 |     },
47 |     error: {
48 |       background: 'bg-red-500/20 backdrop-blur-md border border-red-500/30',
49 |       icon: '🚨',
50 |       textColor: 'text-red-800',
51 |     },
52 |   };
53 | 
54 |   const currentStyle = typeStyles[type];
55 | 
56 |   return (
57 |     <AnimatePresence>
58 |       {isVisible && (
59 |         <motion.div
60 |           initial={{ opacity: 0, y: 20 }}
61 |           animate={{ opacity: 1, y: 0 }}
62 |           exit={{ opacity: 0, y: 20 }}
63 |           transition={{ duration: 0.3 }}
64 |           className={cn(
65 |             'fixed bottom-4 right-4 z-50 m-4 rounded-xl px-4 py-3 shadow-lg',
66 |             'flex items-center space-x-2',
67 |             'transition-all duration-300 ease-in-out',
68 |             currentStyle.background,
69 |             currentStyle.textColor
70 |           )}
71 |         >
72 |           <span className="text-lg">{currentStyle.icon}</span>
73 |           <span className="text-sm font-medium">{message}</span>
74 |         </motion.div>
75 |       )}
76 |     </AnimatePresence>
77 |   );
78 | };
79 | 
80 | export const useToast = () => {
81 |   const [toast, setToast] = useState<ToastProps | null>(null);
82 | 
83 |   const showToast = (props: ToastProps) => {
84 |     setToast(props);
85 |   };
86 | 
87 |   const hideToast = () => {
88 |     setToast(null);
89 |   };
90 | 
91 |   return { toast, showToast, hideToast };
92 | };
93 | 


--------------------------------------------------------------------------------
/apps/chat/lib/utils/validation.ts:
--------------------------------------------------------------------------------
 1 | import * as yaml from 'js-yaml';
 2 | 
 3 | type ValidationResult = { success: true } | { success: false; error: string };
 4 | 
 5 | const CONFIG = {
 6 |   maxFileSize: 10 * 1024 * 1024, // 10MB
 7 |   validFileExtensions: ['.json', '.yaml', '.yml'] as const,
 8 |   validUrlEndpoints: ['/swagger.json', '/api-docs', '/openapi.json'] as const,
 9 | } as const;
10 | 
11 | export const validateSwaggerUrl = (url: string): ValidationResult => {
12 |   if (!url) {
13 |     return { success: false, error: 'URL is required' };
14 |   }
15 | 
16 |   // Swagger document URL pattern validation
17 |   const hasValidEndpoint = CONFIG.validUrlEndpoints.some((endpoint) =>
18 |     url.toLowerCase().includes(endpoint.toLowerCase())
19 |   );
20 | 
21 |   return hasValidEndpoint
22 |     ? { success: true }
23 |     : { success: false, error: 'URL must point to a Swagger/OpenAPI documentation' };
24 | };
25 | 
26 | interface FileMetadata {
27 |   name: string;
28 |   type: string;
29 |   size: number;
30 |   extension: string;
31 | }
32 | 
33 | const getFileMetadata = (file: File): FileMetadata => ({
34 |   name: file.name,
35 |   type: file.type,
36 |   size: file.size,
37 |   extension: '.' + file.name.split('.').pop()?.toLowerCase(),
38 | });
39 | 
40 | export const validateSwaggerFile = (file: File): ValidationResult => {
41 |   if (!file) {
42 |     return { success: false, error: 'File is required' };
43 |   }
44 | 
45 |   const metadata = getFileMetadata(file);
46 | 
47 |   // Size validation
48 |   if (metadata.size > CONFIG.maxFileSize) {
49 |     const error = `File size exceeds ${CONFIG.maxFileSize / 1024 / 1024}MB`;
50 |     console.warn(error);
51 |     return { success: false, error };
52 |   }
53 | 
54 |   // Extension validation
55 |   const hasValidExtension = CONFIG.validFileExtensions.some((ext) => metadata.extension === ext);
56 | 
57 |   return hasValidExtension
58 |     ? { success: true }
59 |     : {
60 |         success: false,
61 |         error: `File must have one of these extensions: ${CONFIG.validFileExtensions.join(', ')}`,
62 |       };
63 | };
64 | 
65 | export const parseFileContent = (content: string, fileName: string): unknown => {
66 |   const isYaml =
67 |     fileName.toLowerCase().endsWith('.yml') || fileName.toLowerCase().endsWith('.yaml');
68 | 
69 |   return isYaml ? yaml.load(content) : JSON.parse(content);
70 | };
71 | 
72 | export const validateSwaggerDocument = (doc: unknown): boolean => {
73 |   if (!doc || typeof doc !== 'object') {
74 |     return false;
75 |   }
76 | 
77 |   const swagger = doc as Record<string, unknown>;
78 | 
79 |   return (
80 |     // Must have either swagger or openapi version
81 |     ('swagger' in swagger || 'openapi' in swagger) &&
82 |     // Must have paths object
83 |     'paths' in swagger &&
84 |     typeof swagger.paths === 'object'
85 |   );
86 | };
87 | 


--------------------------------------------------------------------------------
/apps/chat/components/features/workspace/workspace-layout.tsx:
--------------------------------------------------------------------------------
 1 | 'use client';
 2 | 
 3 | import { useRouter } from 'next/navigation';
 4 | import { useIsMobile } from '@/hooks/useMediaQuery';
 5 | import { MobileSplitLayout } from './mobile/mobile-split-layout';
 6 | import { DesktopSplitLayout } from './desktop/desktop-split-layout';
 7 | import { Header } from '@/components/common/header/header';
 8 | import { Toast, useToast } from '@/components/common/toast/toast';
 9 | import { useEffect, useState } from 'react';
10 | import { useSwaggerStore } from '@/store/useSwaggerStore';
11 | import { useChatStore } from '@/store/useChatStore';
12 | 
13 | export default function WorkspaceLayout() {
14 |   const isMobile = useIsMobile();
15 |   const router = useRouter();
16 | 
17 |   const { toast, showToast, hideToast } = useToast();
18 |   const { file, url } = useSwaggerStore();
19 |   const { messages } = useChatStore();
20 |   const [hasShownFirstQuestionToast, setHasShownFirstQuestionToast] = useState<boolean>(false);
21 |   const [hasShownMultipleConversationsToast, setHasShownMultipleConversationsToast] =
22 |     useState<boolean>(false);
23 | 
24 |   useEffect(() => {
25 |     if (file || url) {
26 |       showToast({
27 |         message: 'You just started conquering your Swagger documentation with the help of AI! ',
28 |         type: 'success',
29 |         duration: 3000,
30 |       });
31 |     }
32 |   }, [file, url]);
33 | 
34 |   useEffect(() => {
35 |     const userMessageCount = messages.filter((msg) => msg.role === 'user').length;
36 | 
37 |     if (userMessageCount === 1 && !hasShownFirstQuestionToast) {
38 |       showToast({
39 |         message: 'You saved 3️⃣ DMs from backend developers with just one question!',
40 |         type: 'info',
41 |         duration: 3000,
42 |       });
43 |       setHasShownFirstQuestionToast(true);
44 |     }
45 | 
46 |     if (userMessageCount >= 5 && !hasShownMultipleConversationsToast) {
47 |       showToast({
48 |         message:
49 |           'While chatting with the AI, You managed to save 23 hairs💈 from the backend developer!',
50 |         type: 'success',
51 |         duration: 3000,
52 |       });
53 |       setHasShownMultipleConversationsToast(true);
54 |     }
55 |   }, [messages]);
56 | 
57 |   return (
58 |     <div className="flex h-screen flex-col">
59 |       <Header
60 |         isDefault={false}
61 |         onBackClick={() => {
62 |           router.push(`/chat/input`);
63 |         }}
64 |       />
65 |       <div className="relative mt-[48px] h-[calc(100vh-48px)] w-full">
66 |         {isMobile ? <MobileSplitLayout /> : <DesktopSplitLayout />}
67 |       </div>
68 |       {toast && (
69 |         <Toast
70 |           message={toast.message}
71 |           type={toast.type}
72 |           duration={toast.duration}
73 |           onClose={hideToast}
74 |         />
75 |       )}
76 |     </div>
77 |   );
78 | }
79 | 


--------------------------------------------------------------------------------
/apps/chat/components/common/tooltips/info-tooltip.tsx:
--------------------------------------------------------------------------------
 1 | 'use client';
 2 | 
 3 | import { useState, useCallback, useRef } from 'react';
 4 | import { cn } from '@/lib';
 5 | import { useMediaQuery } from '@/hooks/useMediaQuery';
 6 | 
 7 | interface InfoTooltipProps {
 8 |   position?: 'top' | 'bottom' | 'left' | 'right';
 9 |   content: string;
10 |   className?: string;
11 | }
12 | 
13 | export function InfoTooltip({ position = 'bottom', content, className }: InfoTooltipProps) {
14 |   const [isVisible, setIsVisible] = useState(false);
15 |   const tooltipRef = useRef<HTMLDivElement>(null);
16 |   const isMobile = useMediaQuery('(max-width: 767px)');
17 | 
18 |   const handleMouseEnter = useCallback(() => {
19 |     // Only for desktop
20 |     if (!isMobile) {
21 |       setIsVisible(true);
22 |     }
23 |   }, []);
24 | 
25 |   const handleMouseLeave = useCallback(() => {
26 |     // Only for desktop
27 |     if (!isMobile) {
28 |       setIsVisible(false);
29 |     }
30 |   }, []);
31 | 
32 |   const handleClick = useCallback(() => {
33 |     setIsVisible(!isVisible);
34 |   }, [isVisible]);
35 | 
36 |   const tooltipPositions = {
37 |     top: 'bottom-full left-1/2 -translate-x-1/2 mb-3',
38 |     bottom: 'top-full left-1/2 -translate-x-1/2 mt-3',
39 |     left: 'right-full top-1/2 -translate-y-1/2 mr-3',
40 |     right: 'left-full top-1/2 -translate-y-1/2 ml-3',
41 |   };
42 | 
43 |   return (
44 |     <div className="relative inline-block" ref={tooltipRef}>
45 |       <div
46 |         className={cn(
47 |           'flex h-5 w-5 cursor-help items-center justify-center rounded-full border border-gray-300 bg-white text-xs font-semibold text-gray-500 transition-colors hover:border-gray-400 hover:bg-gray-50 hover:text-gray-700',
48 |           isVisible && 'border-gray-400 bg-gray-50 text-gray-700',
49 |           className
50 |         )}
51 |         onMouseEnter={handleMouseEnter}
52 |         onMouseLeave={handleMouseLeave}
53 |         onClick={handleClick}
54 |         role="button"
55 |         tabIndex={0}
56 |         onKeyDown={(e) => {
57 |           if (e.key === 'Enter' || e.key === ' ') {
58 |             e.preventDefault();
59 |             setIsVisible(!isVisible);
60 |           }
61 |         }}
62 |       >
63 |         i
64 |       </div>
65 |       {/* Tooltip */}
66 |       {isVisible && (
67 |         <div
68 |           className={cn(
69 |             'absolute z-50 transform md:w-max md:max-w-sm',
70 |             '-right-2 left-auto w-[280px] max-w-[calc(100vw-3rem)] md:left-1/2 md:right-auto md:-translate-x-1/2',
71 |             'md:static md:absolute',
72 |             {
73 |               [tooltipPositions[position]]: true,
74 |             }
75 |           )}
76 |         >
77 |           <div className="rounded-lg bg-gray-900/95 px-4 py-2.5 text-sm text-white shadow-xl">
78 |             <div className="whitespace-pre-wrap">{content}</div>
79 |           </div>
80 |         </div>
81 |       )}
82 |     </div>
83 |   );
84 | }
85 | 


--------------------------------------------------------------------------------
/apps/chat/components/features/landing/landing-hero.tsx:
--------------------------------------------------------------------------------
 1 | 'use client';
 2 | 
 3 | import { useRouter } from 'next/navigation';
 4 | import { useRef, useCallback } from 'react';
 5 | import { motion } from 'motion/react';
 6 | 
 7 | export function LandingHero() {
 8 |   const router = useRouter();
 9 |   const buttonRef = useRef<HTMLButtonElement>(null);
10 | 
11 |   const handleMouseMove = useCallback((e: React.MouseEvent<HTMLButtonElement>) => {
12 |     const button = e.currentTarget;
13 |     const rect = button.getBoundingClientRect();
14 |     const x = e.clientX - rect.left;
15 |     const y = e.clientY - rect.top;
16 |     button.style.setProperty('--mouse-x', `${x}px`);
17 |     button.style.setProperty('--mouse-y', `${y}px`);
18 |   }, []);
19 | 
20 |   return (
21 |     <div>
22 |       <div className="mx-auto mb-8 max-w-3xl text-center">
23 |         <motion.h1
24 |           initial={{ opacity: 0, y: 20 }}
25 |           animate={{ opacity: 1, y: 0 }}
26 |           transition={{ duration: 0.5 }}
27 |           className="mb-2 text-xl font-bold md:text-2xl"
28 |         >
29 |           SWAGGER CHAT
30 |         </motion.h1>
31 |         <motion.h2
32 |           initial={{ opacity: 0, y: 20 }}
33 |           animate={{ opacity: 1, y: 0 }}
34 |           transition={{ duration: 0.5, delay: 0.2 }}
35 |           className="mb-4 text-2xl font-bold md:text-4xl"
36 |         >
37 |           Don't read Swagger anymore Just Chat
38 |         </motion.h2>
39 |         <motion.p
40 |           initial={{ opacity: 0, y: 20 }}
41 |           animate={{ opacity: 1, y: 0 }}
42 |           transition={{ duration: 0.5, delay: 0.4 }}
43 |           className="mb-8 text-gray-600 sm:text-lg"
44 |         >
45 |           Transform your Swagger API documentation into an interactive chat experience
46 |         </motion.p>
47 | 
48 |         {/* Primary CTA */}
49 |         <div className="flex justify-center gap-4">
50 |           <motion.button
51 |             ref={buttonRef}
52 |             onMouseMove={handleMouseMove}
53 |             className="hover-button-wrapper rounded-lg bg-black px-8 py-3 text-white transition-colors hover:bg-gray-900"
54 |             onClick={() => router.push('/chat/input')}
55 |             whileTap={{ scale: 0.98 }}
56 |             transition={{ type: 'spring', stiffness: 400, damping: 10 }}
57 |           >
58 |             Try Now
59 |           </motion.button>
60 |           <button
61 |             disabled
62 |             className="cursor-not-allowed rounded-lg border-2 border-gray-200 bg-gray-50 px-8 py-3 text-gray-400"
63 |           >
64 |             Learn More
65 |           </button>
66 |         </div>
67 |       </div>
68 | 
69 |       {/* Divider */}
70 |       <div className="mx-auto my-8 flex w-full max-w-4xl items-center gap-4">
71 |         <div className="h-px flex-1 bg-gray-200"></div>
72 |         <div className="text-sm font-medium text-gray-400">or try with popular APIs</div>
73 |         <div className="h-px flex-1 bg-gray-200"></div>
74 |       </div>
75 |     </div>
76 |   );
77 | }
78 | 


--------------------------------------------------------------------------------
/apps/chat/components/common/inputs/text-area.tsx:
--------------------------------------------------------------------------------
 1 | import React, { useRef, forwardRef } from 'react';
 2 | import { cn } from '@/lib/index';
 3 | import { PaperAirplaneIcon } from '@heroicons/react/24/outline';
 4 | 
 5 | interface TextAreaProps
 6 |   extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'onSubmit'> {
 7 |   onSubmit?: (value: string) => void;
 8 |   error?: string;
 9 |   className?: string;
10 |   wrapperClassName?: string;
11 |   label?: string;
12 |   maxRows?: number;
13 | }
14 | 
15 | export const TextArea = forwardRef<HTMLTextAreaElement, TextAreaProps>(
16 |   (
17 |     {
18 |       onSubmit,
19 |       error,
20 |       className,
21 |       wrapperClassName,
22 |       placeholder,
23 |       value,
24 |       onChange,
25 |       label,
26 |       rows = 3,
27 |       ...props
28 |     },
29 |     ref
30 |   ) => {
31 |     const textareaRef = useRef<HTMLTextAreaElement>(null);
32 | 
33 |     const handleKeyDown = (e: React.KeyboardEvent<HTMLTextAreaElement>) => {
34 |       if (e.key === 'Enter' && !e.shiftKey) {
35 |         e.preventDefault();
36 |         if (value && typeof value === 'string' && value.trim() && onSubmit) {
37 |           onSubmit(value);
38 |         }
39 |       }
40 |     };
41 | 
42 |     return (
43 |       <div className={cn('w-full space-y-2', wrapperClassName)}>
44 |         {label && <label className="mb-1 block text-sm font-medium text-gray-700">{label}</label>}
45 |         <div className="relative">
46 |           <div className="relative">
47 |             <textarea
48 |               ref={ref || textareaRef}
49 |               value={value}
50 |               onChange={onChange}
51 |               onKeyDown={handleKeyDown}
52 |               rows={rows}
53 |               placeholder={placeholder}
54 |               className={cn(
55 |                 'flex min-h-[120px] w-full rounded-md border border-gray-200',
56 |                 'bg-white px-3 py-2 text-sm ring-offset-white placeholder:text-gray-500',
57 |                 'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-gray-950',
58 |                 'disabled:cursor-not-allowed disabled:opacity-50',
59 |                 'resize-none overflow-y-auto pb-10',
60 |                 error && 'ring-red-500 focus:ring-red-500',
61 |                 'disabled:bg-gray-50 disabled:text-gray-500 disabled:ring-gray-200',
62 |                 className
63 |               )}
64 |               {...props}
65 |             />
66 |             <button
67 |               onClick={() => {
68 |                 if (value && typeof value === 'string' && value.trim() && onSubmit) {
69 |                   onSubmit(value);
70 |                 }
71 |               }}
72 |               className="absolute bottom-2 right-2 rounded-full p-1.5 transition-colors hover:bg-gray-100"
73 |               type="button"
74 |             >
75 |               <PaperAirplaneIcon className="h-4 w-4 text-gray-500" />
76 |             </button>
77 |           </div>
78 |         </div>
79 | 
80 |         {error && <p className={cn('text-sm text-red-500')}>{error}</p>}
81 |       </div>
82 |     );
83 |   }
84 | );
85 | 
86 | TextArea.displayName = 'TextArea';
87 | 


--------------------------------------------------------------------------------
/apps/chat/app/globals.css:
--------------------------------------------------------------------------------
  1 | @tailwind base;
  2 | @tailwind components;
  3 | @tailwind utilities;
  4 | 
  5 | :root {
  6 |   --font-pretendard: 'Pretendard', -apple-system, BlinkMacSystemFont, system-ui, Roboto,
  7 |     'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif;
  8 | }
  9 | 
 10 | body {
 11 |   font-family: var(--font-pretendard);
 12 | }
 13 | 
 14 | /* CSS Reset */
 15 | * {
 16 |   margin: 0;
 17 |   padding: 0;
 18 |   box-sizing: border-box;
 19 | }
 20 | 
 21 | html,
 22 | body {
 23 |   height: 100%;
 24 | }
 25 | 
 26 | img,
 27 | picture,
 28 | video,
 29 | canvas,
 30 | svg {
 31 |   display: block;
 32 |   max-width: 100%;
 33 | }
 34 | 
 35 | input,
 36 | button,
 37 | textarea,
 38 | select {
 39 |   font: inherit;
 40 | }
 41 | 
 42 | button {
 43 |   cursor: pointer;
 44 | }
 45 | 
 46 | a {
 47 |   text-decoration: none;
 48 |   color: inherit;
 49 | }
 50 | 
 51 | ul,
 52 | li,
 53 | ol {
 54 |   list-style: none;
 55 | }
 56 | 
 57 | /* Split Layout Styles */
 58 | .split {
 59 |   display: flex;
 60 |   flex-direction: row;
 61 | }
 62 | 
 63 | .gutter {
 64 |   background-color: #eee;
 65 |   background-repeat: no-repeat;
 66 |   background-position: 50%;
 67 | }
 68 | 
 69 | .gutter.gutter-horizontal {
 70 |   background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAeCAYAAADkftS9AAAAIklEQVQoU2M4c+bMfxAGAgYYmwGrIIiDjrELjpo5aiZeMwF+yNnOs5KSvgAAAABJRU5ErkJggg==');
 71 |   cursor: col-resize;
 72 | }
 73 | 
 74 | /* Swagger UI Overrides */
 75 | .swagger-ui {
 76 |   height: auto !important;
 77 | }
 78 | 
 79 | .swagger-ui .wrapper {
 80 |   height: auto !important;
 81 | }
 82 | 
 83 | /* Hover Button */
 84 | .hover-button-wrapper {
 85 |   position: relative;
 86 |   isolation: isolate;
 87 |   overflow: hidden;
 88 | }
 89 | 
 90 | .hover-button-wrapper::before,
 91 | .hover-button-wrapper::after {
 92 |   content: '';
 93 |   position: absolute;
 94 |   inset: 0;
 95 |   opacity: 0;
 96 |   transition: opacity 500ms;
 97 |   border-radius: inherit;
 98 |   pointer-events: none;
 99 | }
100 | 
101 | .hover-button-wrapper::before {
102 |   background: radial-gradient(
103 |     800px circle at var(--mouse-x, 50%) var(--mouse-y, 50%),
104 |     rgba(255, 255, 255, 0.06),
105 |     transparent 40%
106 |   );
107 |   z-index: 1;
108 | }
109 | 
110 | .hover-button-wrapper::after {
111 |   background: radial-gradient(
112 |     100px circle at var(--mouse-x, 50%) var(--mouse-y, 50%),
113 |     rgba(255, 255, 255, 0.4),
114 |     transparent 40%
115 |   );
116 |   z-index: -1;
117 | }
118 | 
119 | .hover-button-wrapper:hover::before,
120 | .hover-button-wrapper:hover::after {
121 |   opacity: 1;
122 | }
123 | 
124 | /* API Icons Animation */
125 | @keyframes float {
126 |   0% {
127 |     transform: translateY(0px) rotate(0deg);
128 |   }
129 |   50% {
130 |     transform: translateY(-5px) rotate(5deg);
131 |   }
132 |   100% {
133 |     transform: translateY(0px) rotate(0deg);
134 |   }
135 | }
136 | 
137 | @keyframes glow {
138 |   0% {
139 |     box-shadow:
140 |       0 0 5px rgba(255, 105, 180, 0.5),
141 |       0 0 10px rgba(255, 105, 180, 0.3),
142 |       0 0 15px rgba(255, 105, 180, 0.1);
143 |   }
144 |   50% {
145 |     box-shadow:
146 |       0 0 10px rgba(255, 105, 180, 0.8),
147 |       0 0 20px rgba(255, 105, 180, 0.5),
148 |       0 0 30px rgba(255, 105, 180, 0.3);
149 |   }
150 |   100% {
151 |     box-shadow:
152 |       0 0 5px rgba(255, 105, 180, 0.5),
153 |       0 0 10px rgba(255, 105, 180, 0.3),
154 |       0 0 15px rgba(255, 105, 180, 0.1);
155 |   }
156 | }
157 | 
158 | @keyframes shake {
159 |   0%,
160 |   100% {
161 |     transform: rotate(0deg);
162 |   }
163 |   25% {
164 |     transform: rotate(-12deg);
165 |   }
166 |   75% {
167 |     transform: rotate(12deg);
168 |   }
169 | }
170 | 


--------------------------------------------------------------------------------
/apps/chat/components/common/inputs/file-uploader.tsx:
--------------------------------------------------------------------------------
  1 | 'use client';
  2 | 
  3 | import React, { useState, useRef, useCallback } from 'react';
  4 | import { cn } from '@/lib/index';
  5 | import { ArrowUpTrayIcon } from '@heroicons/react/24/outline';
  6 | import { useSwaggerStore } from '@/store/useSwaggerStore';
  7 | import { validateSwaggerDocument, parseFileContent } from '@/lib/utils/validation';
  8 | 
  9 | const ACCEPT = '.json,.yaml,.yml';
 10 | 
 11 | interface FileUploaderProps {
 12 |   className?: string;
 13 |   onSuccess?: () => void;
 14 | }
 15 | 
 16 | interface DragEventHandlers {
 17 |   onDragEnter: (e: React.DragEvent) => void;
 18 |   onDragOver: (e: React.DragEvent) => void;
 19 |   onDragLeave: (e: React.DragEvent) => void;
 20 |   onDrop: (e: React.DragEvent) => void;
 21 | }
 22 | 
 23 | export function FileUploader({ className, onSuccess }: FileUploaderProps) {
 24 |   const [isDragging, setIsDragging] = useState(false);
 25 |   const fileInputRef = useRef<HTMLInputElement>(null);
 26 |   const { setFile, setType, error } = useSwaggerStore();
 27 | 
 28 |   const handleFileSuccess = useCallback(
 29 |     (file: File) => {
 30 |       setFile(file);
 31 |       setType('file');
 32 |       onSuccess?.();
 33 |     },
 34 |     [setFile, setType, onSuccess]
 35 |   );
 36 | 
 37 |   const processFile = useCallback(
 38 |     async (file: File) => {
 39 |       const content = await file.text();
 40 |       const parsedContent = parseFileContent(content, file.name);
 41 | 
 42 |       if (!validateSwaggerDocument(parsedContent)) {
 43 |         setFile(null);
 44 |         console.error('Invalid document format');
 45 |         return;
 46 |       }
 47 | 
 48 |       handleFileSuccess(file);
 49 |     },
 50 |     [handleFileSuccess, setFile]
 51 |   );
 52 | 
 53 |   const handleDragEvents = useCallback(
 54 |     (): DragEventHandlers => ({
 55 |       onDragEnter: (e: React.DragEvent) => {
 56 |         e.preventDefault();
 57 |         e.stopPropagation();
 58 |         setIsDragging(true);
 59 |       },
 60 |       onDragOver: (e: React.DragEvent) => {
 61 |         e.preventDefault();
 62 |         e.stopPropagation();
 63 |         setIsDragging(true);
 64 |       },
 65 |       onDragLeave: (e: React.DragEvent) => {
 66 |         e.preventDefault();
 67 |         e.stopPropagation();
 68 |         setIsDragging(false);
 69 |       },
 70 |       onDrop: async (e: React.DragEvent) => {
 71 |         e.preventDefault();
 72 |         e.stopPropagation();
 73 |         setIsDragging(false);
 74 | 
 75 |         const file = e.dataTransfer.files[0];
 76 |         if (file) await processFile(file);
 77 |       },
 78 |     }),
 79 |     [processFile]
 80 |   );
 81 | 
 82 |   const handleFileChange = useCallback(
 83 |     async (e: React.ChangeEvent<HTMLInputElement>) => {
 84 |       const file = e.target.files?.[0];
 85 |       if (file) await processFile(file);
 86 | 
 87 |       if (fileInputRef.current) {
 88 |         fileInputRef.current.value = '';
 89 |       }
 90 |     },
 91 |     [processFile]
 92 |   );
 93 | 
 94 |   const dragHandlers = handleDragEvents();
 95 | 
 96 |   return (
 97 |     <div className="w-full">
 98 |       <div
 99 |         className={cn(
100 |           'relative flex h-28 w-full cursor-pointer flex-col items-center justify-center rounded-lg border-2 border-dashed p-4 transition-colors',
101 |           isDragging ? 'border-black bg-gray-50' : 'border-gray-300 hover:border-gray-400',
102 |           error && 'border-red-500',
103 |           className
104 |         )}
105 |         {...dragHandlers}
106 |         onClick={() => fileInputRef.current?.click()}
107 |       >
108 |         <input
109 |           ref={fileInputRef}
110 |           type="file"
111 |           className="hidden"
112 |           accept={ACCEPT}
113 |           onChange={handleFileChange}
114 |         />
115 | 
116 |         <ArrowUpTrayIcon className={cn('mb-2 h-6 w-6 text-gray-400')} aria-hidden="true" />
117 | 
118 |         <p className={cn('mb-1 text-sm text-gray-500')}>Drag and drop your OpenAPI file here</p>
119 | 
120 |         <p className={cn('text-xs text-gray-400')}>or browse to upload</p>
121 | 
122 |         {error && (
123 |           <p className={cn('absolute bottom-2 left-2 text-sm text-red-500')}>
124 |             Invalid document format
125 |           </p>
126 |         )}
127 |       </div>
128 |     </div>
129 |   );
130 | }
131 | 


--------------------------------------------------------------------------------
/apps/chat/app/layout.tsx:
--------------------------------------------------------------------------------
  1 | import { pretendard } from '@/public/fonts/font';
  2 | import 'swagger-ui-react/swagger-ui.css';
  3 | import './globals.css';
  4 | import { Metadata } from 'next';
  5 | import { JsonLd } from './JsonLd';
  6 | import { CSPostHogProvider } from './provider';
  7 | 
  8 | export const metadata: Metadata = {
  9 |   title: {
 10 |     default: 'Swagger Chat',
 11 |     template: '%s | Swagger Chat',
 12 |   },
 13 |   description: 'Chat with your Swagger API Documentation',
 14 | 
 15 |   icons: {
 16 |     icon: '/favicon.ico',
 17 |   },
 18 | 
 19 |   metadataBase: new URL('https://swagger-chat.vercel.app/'),
 20 | 
 21 |   openGraph: {
 22 |     title: 'Swagger Chat',
 23 |     description: 'Chat with your Swagger API Documentation',
 24 |     images: [
 25 |       {
 26 |         url: '/opengraph.png',
 27 |         width: 1200,
 28 |         height: 630,
 29 |         alt: 'Swagger Chat OpenGraph Image',
 30 |       },
 31 |     ],
 32 |     type: 'website',
 33 |     siteName: 'Swagger Chat',
 34 |     locale: 'ko_KR',
 35 |   },
 36 | 
 37 |   twitter: {
 38 |     card: 'summary_large_image',
 39 |     title: 'Swagger Chat',
 40 |     description: 'Chat with your Swagger API Documentation',
 41 |     images: ['/opengraph.png'],
 42 |   },
 43 | 
 44 |   robots: {
 45 |     index: true,
 46 |     follow: true,
 47 |     googleBot: {
 48 |       index: true,
 49 |       follow: true,
 50 |       'max-video-preview': -1,
 51 |       'max-image-preview': 'large',
 52 |       'max-snippet': -1,
 53 |     },
 54 |   },
 55 | 
 56 |   keywords: ['Swagger', 'API Documentation', 'ChatGPT', 'AI Assistant', 'OpenAPI', 'API Chat'],
 57 |   authors: [{ name: 'Swagger Chat Team' }],
 58 | };
 59 | 
 60 | const swaggerChatSchema = {
 61 |   '@context': 'https://schema.org',
 62 |   '@type': 'WebApplication',
 63 |   name: 'Swagger Chat',
 64 |   description: 'Chat with your Swagger API Documentation',
 65 |   applicationCategory: 'DeveloperApplication',
 66 |   operatingSystem: 'Web',
 67 |   offers: {
 68 |     '@type': 'Offer',
 69 |     price: '0',
 70 |     priceCurrency: 'USD',
 71 |   },
 72 |   featureList: [
 73 |     'AI-powered Swagger documentation chat',
 74 |     'OpenAPI specification support',
 75 |     'Real-time API interaction',
 76 |   ],
 77 |   url: 'https://swagger-chat.vercel.app',
 78 |   provider: {
 79 |     '@type': 'Organization',
 80 |     name: 'Swagger Chat Team',
 81 |     url: 'https://swagger-chat.vercel.app',
 82 |   },
 83 |   sameAs: [
 84 |     'https://github.com/anonymousRecords/swagger-chat',
 85 |     'https://x.com/swagger_chat',
 86 |     'https://bsky.app/profile/swaggerchat.bsky.social',
 87 |     'https://www.instagram.com/swagger.chat/',
 88 |     'https://discord.gg/rMW7F43e',
 89 |   ],
 90 | };
 91 | 
 92 | export default function RootLayout({ children }: { children: React.ReactNode }) {
 93 |   return (
 94 |     <html lang="ko">
 95 |       <CSPostHogProvider>
 96 |         <head>
 97 |           <script
 98 |             key="gtag-script"
 99 |             async
100 |             src="https://www.googletagmanager.com/gtag/js?id=G-2J0LVMG3R7"
101 |           />
102 |           <script
103 |             key="gtag-config"
104 |             dangerouslySetInnerHTML={{
105 |               __html: `
106 |               window.dataLayer = window.dataLayer || [];
107 |               function gtag(){dataLayer.push(arguments);}
108 |               gtag('js', new Date());
109 |               gtag('config', 'G-2J0LVMG3R7');
110 |             `,
111 |             }}
112 |           />
113 |           <script
114 |             key="gtm-script"
115 |             dangerouslySetInnerHTML={{
116 |               __html: `(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
117 |             new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
118 |             j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
119 |             'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
120 |             })(window,document,'script','dataLayer','GTM-NXG9KG7S');`,
121 |             }}
122 |           />
123 |         </head>
124 |         <body className={`${pretendard.className} antialiased`}>
125 |           <JsonLd data={swaggerChatSchema} />
126 |           {children}
127 |           <noscript>
128 |             <iframe
129 |               src="https://www.googletagmanager.com/ns.html?id=GTM-NXG9KG7S"
130 |               height="0"
131 |               width="0"
132 |               style={{
133 |                 display: 'none',
134 |                 visibility: 'hidden',
135 |                 position: 'absolute',
136 |                 top: 0,
137 |                 left: 0,
138 |               }}
139 |             />
140 |           </noscript>
141 |         </body>
142 |       </CSPostHogProvider>
143 |     </html>
144 |   );
145 | }
146 | 


--------------------------------------------------------------------------------
/apps/chat/lib/swagger/client.ts:
--------------------------------------------------------------------------------
  1 | import { OpenApiV3_1 } from '@samchon/openapi';
  2 | 
  3 | type HttpMethod = 'get' | 'post' | 'put' | 'delete' | 'patch';
  4 | 
  5 | function isReference(schema: any): schema is OpenApiV3_1.IJsonSchema.IReference {
  6 |   return typeof schema === 'object' && schema !== null && '$ref' in schema;
  7 | }
  8 | 
  9 | function isBaseSchema(schema: any): schema is OpenApiV3_1.IJsonSchema.__ISignificant<string> {
 10 |   return typeof schema === 'object' && schema !== null;
 11 | }
 12 | 
 13 | interface SchemaType {
 14 |   type?: string | string[];
 15 |   items?: SchemaType;
 16 |   properties?: Record<string, SchemaType>;
 17 |   required?: string[];
 18 |   description?: string;
 19 |   format?: string;
 20 |   enum?: string[];
 21 |   const?: unknown;
 22 |   $ref?: string;
 23 |   anyOf?: SchemaType[];
 24 |   oneOf?: SchemaType[];
 25 | }
 26 | 
 27 | class SwaggerParser {
 28 |   private static readonly HTTP_METHODS: HttpMethod[] = ['get', 'post', 'put', 'delete', 'patch'];
 29 | 
 30 |   static normalizeType(type?: unknown): string | string[] | undefined {
 31 |     if (!type) return undefined;
 32 | 
 33 |     if (Array.isArray(type)) {
 34 |       return type.filter((t): t is string => typeof t === 'string' && t.trim().length > 0);
 35 |     }
 36 | 
 37 |     return typeof type === 'string' && type.trim().length > 0 ? type : undefined;
 38 |   }
 39 | 
 40 |   static normalizeEnum(enumValues?: unknown[]): string[] | undefined {
 41 |     if (!enumValues?.length) return undefined;
 42 |     return enumValues.filter(
 43 |       (value): value is string => typeof value === 'string' && value.trim().length > 0
 44 |     );
 45 |   }
 46 | 
 47 |   static convertProperties(
 48 |     properties?: Record<string, any>
 49 |   ): Record<string, SchemaType> | undefined {
 50 |     if (!properties) return undefined;
 51 | 
 52 |     const result: Record<string, SchemaType> = {};
 53 |     for (const [key, value] of Object.entries(properties)) {
 54 |       const converted = this.convertToSchemaType(value);
 55 |       if (converted) {
 56 |         result[key] = converted;
 57 |       }
 58 |     }
 59 |     return Object.keys(result).length ? result : undefined;
 60 |   }
 61 | 
 62 |   static convertToSchemaType(
 63 |     schema?: OpenApiV3_1.IJsonSchema | OpenApiV3_1.IJsonSchema.IReference
 64 |   ): SchemaType | undefined {
 65 |     if (!schema) return undefined;
 66 | 
 67 |     try {
 68 |       const result: SchemaType = {};
 69 | 
 70 |       if (isReference(schema)) {
 71 |         result.$ref = schema.$ref;
 72 |         return result;
 73 |       }
 74 | 
 75 |       if (isBaseSchema(schema)) {
 76 |         if ('type' in schema) {
 77 |           const normalizedType = this.normalizeType(schema.type);
 78 |           if (normalizedType) {
 79 |             result.type = normalizedType;
 80 |           }
 81 |         }
 82 | 
 83 |         if ('items' in schema && schema.items) {
 84 |           const items = Array.isArray(schema.items) ? schema.items[0] : schema.items;
 85 |           const convertedItems = this.convertToSchemaType(items);
 86 |           if (convertedItems) {
 87 |             result.items = convertedItems;
 88 |           }
 89 |         }
 90 | 
 91 |         if ('properties' in schema && schema.properties) {
 92 |           const convertedProperties = this.convertProperties(schema.properties);
 93 |           if (convertedProperties) {
 94 |             result.properties = convertedProperties;
 95 |           }
 96 |         }
 97 | 
 98 |         if ('required' in schema && Array.isArray(schema.required)) {
 99 |           result.required = schema.required.filter(Boolean);
100 |         }
101 | 
102 |         if ('description' in schema && schema.description) {
103 |           result.description = String(schema.description);
104 |         }
105 | 
106 |         if ('format' in schema && schema.format) {
107 |           result.format = String(schema.format);
108 |         }
109 | 
110 |         if ('enum' in schema && Array.isArray(schema.enum)) {
111 |           const normalizedEnum = this.normalizeEnum(schema.enum);
112 |           if (normalizedEnum?.length) {
113 |             result.enum = normalizedEnum;
114 |           }
115 |         }
116 | 
117 |         if ('const' in schema && schema.const !== undefined) {
118 |           result.const = schema.const;
119 |         }
120 | 
121 |         if ('anyOf' in schema && Array.isArray(schema.anyOf)) {
122 |           const convertedAnyOf = schema.anyOf
123 |             .map((s) => this.convertToSchemaType(s))
124 |             .filter(Boolean) as SchemaType[];
125 |           if (convertedAnyOf.length) {
126 |             result.anyOf = convertedAnyOf;
127 |           }
128 |         }
129 | 
130 |         if ('oneOf' in schema && Array.isArray(schema.oneOf)) {
131 |           const convertedOneOf = schema.oneOf
132 |             .map((s) => this.convertToSchemaType(s))
133 |             .filter(Boolean) as SchemaType[];
134 |           if (convertedOneOf.length) {
135 |             result.oneOf = convertedOneOf;
136 |           }
137 |         }
138 |       }
139 | 
140 |       return Object.keys(result).length ? result : undefined;
141 |     } catch (error) {
142 |       console.warn('Error converting schema:', error);
143 |       return undefined;
144 |     }
145 |   }
146 | 
147 |   static extractSchemaType(schema: SchemaType): string {
148 |     if (!schema) return 'unknown';
149 | 
150 |     if (schema.type) {
151 |       const type = Array.isArray(schema.type) ? schema.type[0] : schema.type;
152 |       return type || 'unknown';
153 |     }
154 | 
155 |     if (schema.$ref) {
156 |       return schema.$ref.split('/').pop() || 'unknown';
157 |     }
158 | 
159 |     if (schema.anyOf?.length) {
160 |       return this.extractSchemaType(schema.anyOf[0]);
161 |     }
162 | 
163 |     if (schema.oneOf?.length) {
164 |       return this.extractSchemaType(schema.oneOf[0]);
165 |     }
166 | 
167 |     return 'unknown';
168 |   }
169 | }
170 | 
171 | export const convertToSchemaType = SwaggerParser.convertToSchemaType;
172 | export const extractSchemaType = SwaggerParser.extractSchemaType;
173 | 


--------------------------------------------------------------------------------
/apps/chat/lib/chat/service.ts:
--------------------------------------------------------------------------------
  1 | import { OpenApiV3_1 } from '@samchon/openapi';
  2 | import { createChatCompletion } from '../openai/client';
  3 | import type { SimpleChatMessage, SimpleChatRole } from '../../types/openai';
  4 | import { convertToSchemaType, extractSchemaType } from '../swagger/client';
  5 | 
  6 | export class ChatService {
  7 |   private swaggerDoc: OpenApiV3_1.IDocument | null = null;
  8 |   private messages: SimpleChatMessage[] = [];
  9 |   private locale: string;
 10 | 
 11 |   constructor(locale: string = 'en') {
 12 |     this.locale = locale.toLowerCase().split('-')[0];
 13 |   }
 14 | 
 15 |   async initializeWithFile(file: File) {
 16 |     if (!this.isSwaggerFile(file)) {
 17 |       throw new Error('유효하지 않은 Swagger 파일 형식입니다.');
 18 |     }
 19 | 
 20 |     try {
 21 |       const swaggerContent = await this.readSwaggerFile(file);
 22 |       this.swaggerDoc = await this.parseSwaggerFile(swaggerContent);
 23 | 
 24 |       if (!this.isValidSwaggerDoc(this.swaggerDoc)) {
 25 |         throw new Error('유효하지 않은 Swagger/OpenAPI 문서입니다.');
 26 |       }
 27 | 
 28 |       const apiDocumentation = this.formatSwaggerDoc(this.swaggerDoc);
 29 | 
 30 |       this.messages = [
 31 |         {
 32 |           role: 'system' as SimpleChatRole,
 33 |           content: `You are an API documentation assistant. Please help users understand and use this API based on the following Swagger/OpenAPI documentation:
 34 | 
 35 | ${apiDocumentation}
 36 | 
 37 | When explaining endpoints:
 38 | 1. Always mention the full path and HTTP method
 39 | 2. List all required parameters and their types
 40 | 3. Describe expected responses and status codes
 41 | 4. When relevant, provide example usage
 42 | 
 43 | Please provide detailed and accurate information based on this specific API documentation.`,
 44 |         },
 45 |       ];
 46 | 
 47 |       return this.swaggerDoc;
 48 |     } catch (err) {
 49 |       if (err instanceof Error) {
 50 |         throw new Error(`Swagger 파일 처리 에러: ${err.message}`);
 51 |       }
 52 |       throw err;
 53 |     }
 54 |   }
 55 | 
 56 |   private formatSwaggerDoc(doc: OpenApiV3_1.IDocument): string {
 57 |     let documentation = '';
 58 | 
 59 |     if (doc.info) {
 60 |       documentation += `API Title: ${doc.info.title}\n`;
 61 |       documentation += `Version: ${doc.info.version}\n`;
 62 |       if (doc.info.description) {
 63 |         documentation += `Description: ${doc.info.description}\n`;
 64 |       }
 65 |       documentation += '\n';
 66 |     }
 67 | 
 68 |     if (doc.paths) {
 69 |       documentation += 'Endpoints:\n\n';
 70 | 
 71 |       for (const [path, pathItem] of Object.entries(doc.paths)) {
 72 |         if (!pathItem) continue;
 73 | 
 74 |         for (const method of ['get', 'post', 'put', 'delete', 'patch'] as const) {
 75 |           const operation = pathItem[method];
 76 |           if (!operation) continue;
 77 | 
 78 |           documentation += `${method.toUpperCase()} ${path}\n`;
 79 | 
 80 |           if (operation.summary) {
 81 |             documentation += `Summary: ${operation.summary}\n`;
 82 |           }
 83 |           if (operation.description) {
 84 |             documentation += `Description: ${operation.description}\n`;
 85 |           }
 86 | 
 87 |           // Parameters
 88 |           if (operation.parameters?.length) {
 89 |             documentation += 'Parameters:\n';
 90 |             for (const param of operation.parameters) {
 91 |               if ('name' in param) {
 92 |                 const schema = param.schema;
 93 |                 let type = 'any';
 94 |                 if (schema) {
 95 |                   const schemaType = convertToSchemaType(schema);
 96 |                   if (schemaType) {
 97 |                     type = extractSchemaType(schemaType);
 98 |                   }
 99 |                 }
100 |                 documentation += `- ${param.name} (${param.in}) ${param.required ? '(Required)' : '(Optional)'} - Type: ${type}\n`;
101 |                 if (param.description) {
102 |                   documentation += `  Description: ${param.description}\n`;
103 |                 }
104 |               }
105 |             }
106 |           }
107 | 
108 |           // Request Body
109 |           if (
110 |             operation.requestBody &&
111 |             'content' in operation.requestBody &&
112 |             operation.requestBody.content
113 |           ) {
114 |             documentation += 'Request Body:\n';
115 |             const content = operation.requestBody.content;
116 |             for (const [mediaType, mediaTypeObject] of Object.entries(content)) {
117 |               if (mediaTypeObject.schema) {
118 |                 const schemaType = convertToSchemaType(mediaTypeObject.schema);
119 |                 if (schemaType) {
120 |                   documentation += `- Media Type: ${mediaType}\n`;
121 |                   documentation += `  Schema: ${extractSchemaType(schemaType)}\n`;
122 |                 }
123 |               }
124 |             }
125 |           }
126 | 
127 |           // Responses
128 |           if (operation.responses) {
129 |             documentation += 'Responses:\n';
130 |             for (const [status, response] of Object.entries(operation.responses)) {
131 |               if (response && 'content' in response) {
132 |                 documentation += `- Status ${status}: ${response.description || ''}\n`;
133 |                 if (response.content) {
134 |                   for (const [mediaType, mediaTypeObject] of Object.entries(response.content)) {
135 |                     if (mediaTypeObject.schema) {
136 |                       const schemaType = convertToSchemaType(mediaTypeObject.schema);
137 |                       if (schemaType) {
138 |                         documentation += `  ${mediaType}: ${extractSchemaType(schemaType)}\n`;
139 |                       }
140 |                     }
141 |                   }
142 |                 }
143 |               }
144 |             }
145 |           }
146 | 
147 |           documentation += '\n';
148 |         }
149 |       }
150 |     }
151 | 
152 |     return documentation;
153 |   }
154 | 
155 |   async initializeWithUrl(swaggerUrl: string) {
156 |     try {
157 |       const response = await fetch(swaggerUrl);
158 |       if (!response.ok) {
159 |         throw new Error('Swagger 문서를 불러올 수 없습니다.');
160 |       }
161 | 
162 |       const blob = await response.blob();
163 |       const file = new File([blob], 'swagger.json', { type: 'application/json' });
164 | 
165 |       return this.initializeWithFile(file);
166 |     } catch (err) {
167 |       if (err instanceof Error) {
168 |         throw new Error(`Swagger URL 처리 에러: ${err.message}`);
169 |       }
170 |       throw err;
171 |     }
172 |   }
173 | 
174 |   private isSwaggerFile(file: File): boolean {
175 |     const allowedTypes = [
176 |       'application/json',
177 |       'application/x-yaml',
178 |       'text/yaml',
179 |       'text/x-yaml',
180 |       'application/yaml',
181 |     ];
182 |     return (
183 |       allowedTypes.includes(file.type) ||
184 |       file.name.endsWith('.json') ||
185 |       file.name.endsWith('.yaml') ||
186 |       file.name.endsWith('.yml')
187 |     );
188 |   }
189 | 
190 |   private async readSwaggerFile(file: File): Promise<string> {
191 |     return new Promise((resolve, reject) => {
192 |       const reader = new FileReader();
193 |       reader.onload = (e) => {
194 |         if (e.target?.result) {
195 |           resolve(e.target.result as string);
196 |         } else {
197 |           reject(new Error('파일을 읽을 수 없습니다.'));
198 |         }
199 |       };
200 |       reader.onerror = () => reject(new Error('파일 읽기 실패'));
201 |       reader.readAsText(file);
202 |     });
203 |   }
204 | 
205 |   private async parseSwaggerFile(content: string): Promise<OpenApiV3_1.IDocument> {
206 |     try {
207 |       return JSON.parse(content);
208 |     } catch {
209 |       throw new Error('YAML 파싱은 별도의 라이브러리 설치가 필요합니다.');
210 |     }
211 |   }
212 | 
213 |   private isValidSwaggerDoc(doc: unknown): doc is OpenApiV3_1.IDocument {
214 |     if (!doc || typeof doc !== 'object') return false;
215 | 
216 |     const typedDoc = doc as Record<string, unknown>;
217 | 
218 |     const version = typedDoc.swagger || typedDoc.openapi;
219 |     if (typeof version !== 'string') return false;
220 | 
221 |     if (!typedDoc.paths || typeof typedDoc.paths !== 'object') return false;
222 |     const paths = typedDoc.paths as Record<string, unknown>;
223 | 
224 |     const validMethods = ['get', 'post', 'put', 'delete', 'patch', 'options', 'head'];
225 |     const hasValidEndpoints = Object.values(paths).every((path) => {
226 |       if (!path || typeof path !== 'object') return false;
227 |       const methods = Object.keys(path as object);
228 |       return methods.some((method) => validMethods.includes(method.toLowerCase()));
229 |     });
230 |     if (!hasValidEndpoints) return false;
231 | 
232 |     if (!typedDoc.info || typeof typedDoc.info !== 'object') return false;
233 |     const info = typedDoc.info as Record<string, unknown>;
234 | 
235 |     return typeof info.title === 'string' && typeof info.version === 'string';
236 |   }
237 | 
238 |   async sendMessage(userMessage: string): Promise<string> {
239 |     if (!this.swaggerDoc) {
240 |       throw new Error('Swagger 문서가 초기화되지 않았습니다.');
241 |     }
242 | 
243 |     this.messages.push({
244 |       role: 'user',
245 |       content: userMessage,
246 |     });
247 | 
248 |     try {
249 |       const response = await createChatCompletion(this.messages, this.locale);
250 | 
251 |       this.messages.push({
252 |         role: 'assistant',
253 |         content: response,
254 |       });
255 | 
256 |       return response;
257 |     } catch (error) {
258 |       console.error('Failed to get chat completion:', error);
259 |       throw error;
260 |     }
261 |   }
262 | }
263 | 


--------------------------------------------------------------------------------
/apps/chat/public/demo/icon/paw.svg:
--------------------------------------------------------------------------------
 1 | <svg width="512" height="512" viewBox="0 0 512 512" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
 2 | <rect width="512" height="512" fill="url(#pattern0_87_25)"/>
 3 | <defs>
 4 | <pattern id="pattern0_87_25" patternContentUnits="objectBoundingBox" width="1" height="1">
 5 | <use xlink:href="#image0_87_25" transform="scale(0.00195312)"/>
 6 | </pattern>
 7 | <image id="image0_87_25" width="512" height="512" xlink:href="data:image/png;base64,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"/>
 8 | </defs>
 9 | </svg>
10 | 


--------------------------------------------------------------------------------