softeer5th · dioo1461 · May 19, 2025 · Apr 5, 2025 · Apr 5, 2025 · Apr 6, 2025
diff --git a/.github/hooks/pre-commit b/.github/hooks/pre-commit
@@ -20,15 +20,17 @@ part=$(echo "$current_branch" | cut -d'/' -f2)
 
 #################### 프론트엔드 스크립트 ####################
 
-if [ "$part" = "fe" ]; then
+# 3) 대상 파일이 없으면 스킵
+if [ -z "$frontend_files" ]; then
+  echo "[pre-commit] No frontend files to lint. Skipping."
+elif [ "$part" = "fe" ]; then
   # eslint 실행을 위해 frontend 폴더로 이동
   cd frontend
   echo "[pre-commit] ⏳ Checking lint for staged files..."
+
   # Lint fix 실행
-if ! pnpm exec eslint --fix $frontend_files; then
-  echo "[pre-commit] ❌ Lint errors remain after fixing. Commit aborted."
-  exit 1
-fi
+  printf '%s\0' $frontend_files \
+    | xargs -0 -n 80 pnpm exec eslint --fix
 
   # Lint로 fix된 파일들을 다시 스테이징
   echo "[pre-commit] Staging fixed files..."
@@ -38,7 +40,6 @@ fi
   echo ""
 fi
 
-
 #################### 백엔드 스크립트 ####################
 
 if [ "$part" = "be" ]; then

@@ -28,4 +28,7 @@ dist-ssr
 routeTree.gen.ts
 
 # localhost를 https 환경에서 동작시키기 위한 mkcert 인증서 key files
-mkcert/*
+mkcert/*
+
+# build caches
+tsconfig.tsbuildinfo
@@ -0,0 +1,2 @@
+# localhost를 https 환경에서 동작시키기 위한 mkcert 인증서 key files
+mkcert/*
@@ -0,0 +1,8 @@
+{
+  "hash": "ba742492",
+  "configHash": "424a9e19",
+  "lockfileHash": "e3b0c442",
+  "browserHash": "18ebc066",
+  "optimized": {},
+  "chunks": {}
+}
@@ -0,0 +1,3 @@
+{
+  "type": "module"
+}
@@ -0,0 +1,34 @@
+{
+  "name": "@frontend/client",
+  "private": true,
+  "version": "0.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "cd ../server && node index.js",
+    "build:client": "vite build --outDir dist/client",
+    "preview": "pnpm build && cross-env NODE_ENV=production node dist/server",
+    "build": "vite build && tsc -b",
+    "test": "vitest",
+    "lint": "eslint .",
+    "coverage": "vitest run --coverage",
+    "create-theme": "node src/scripts/create-theme.cjs & pnpm eslint --fix",
+    "create-icon": "node src/scripts/create-icon.cjs",
+    "optimize-image": "node src/scripts/optimize-image.cjs",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "generate-cert": "bash src/scripts/generate-cert.sh"
+  },
+  "dependencies": {
+    "@endolphin/calendar": "^1.0.5",
+    "@endolphin/core": "^1.0.5",
+    "@endolphin/date-time": "^1.0.5",
+    "@endolphin/theme": "1.0.17",
+    "@endolphin/ui": "^1.0.12",
+    "@tanstack/react-query": "^5.66.0",
+    "@tanstack/react-router": "^1.109.2",
+    "jotai": "^2.12.1",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "zod": "^3.24.1"
+  }
+}
@@ -1,7 +1,7 @@
+import { useClickOutside } from '@endolphin/core/hooks';
 import { useEffect } from 'react';
 import { createPortal } from 'react-dom';
 
-import { useClickOutside } from '@/hooks/useClickOutside';
 import { useGlobalModal } from '@/store/global/modal';
 
 import { Modal } from '.';

@@ -1,7 +1,6 @@
+import { Button, Chip } from '@endolphin/ui';
 import type { Meta } from '@storybook/react';
 
-import Button from '../Button';
-import { Chip } from '../Chip';
 import type { ModalProps } from '.';
 import { Modal } from '.';
 

@@ -1,15 +1,12 @@
+import { clsx } from '@endolphin/core/utils';
 import type { PropsWithChildren } from 'react';
 
-import clsx from '@/utils/clsx';
-
 import { descriptionStyle } from './index.css';
 
 interface ModalContentsProps extends PropsWithChildren {
   className?: string;
 }
 
 export const ModalContents = ({ className, children }: ModalContentsProps) => (
-  <div className={clsx(descriptionStyle, className)}>
-    {children}
-  </div>
-);
+  <div className={clsx(descriptionStyle, className)}>{children}</div>
+);
@@ -1,7 +1,6 @@
+import { Flex } from '@endolphin/ui';
 import type { PropsWithChildren } from 'react';
 
-import { Flex } from '../Flex';
-
 interface ModalFooterProps extends PropsWithChildren {
   className?: string;
 }

@@ -1,8 +1,7 @@
 
+import { vars } from '@endolphin/theme';
 import { style } from '@vanilla-extract/css';
 
-import { vars } from '@/theme/index.css';
-
 export const containerStyle = style({
   width: '34rem',
   height: '22.8125rem',

@@ -1,10 +1,9 @@
-import clsx from '@utils/clsx';
+import { clsx } from '@endolphin/core/utils';
+import { vars } from '@endolphin/theme';
+import { Text } from '@endolphin/ui';
 import type { ForwardRefExoticComponent, ReactNode, RefAttributes  } from 'react';
 import { forwardRef } from 'react';
 
-import { vars } from '@/theme/index.css';
-
-import { Text } from '../Text';
 import { containerStyle, descriptionStyle, titleStyle } from './index.css';
 import { ModalContents } from './ModalContents';
 import { ModalFooter } from './ModalFooter';

@@ -1,15 +1,15 @@
+import { animation } from '@endolphin/theme';
 import { useAtom } from 'jotai';
 import { createPortal } from 'react-dom';
 
 import { type NotiAtom, notiAtomsAtom } from '@/store/global/notification';
-import { fadeInAndOutStyle } from '@/theme/animation.css';
 
 import { Notification } from '.';
 import { notificationsStyle } from './index.css';
 
 const Noti = ({ noti }: { noti: NotiAtom }) => {
   const [notification] = useAtom(noti);
-  return <Notification className={fadeInAndOutStyle} {...notification} />;
+  return <Notification className={animation.fadeInAndOutStyle} {...notification} />;
 };
 
 export const GlobalNotifications = () => {

@@ -1,9 +1,8 @@
 
+import { vars } from '@endolphin/theme';
 import { style } from '@vanilla-extract/css';
 import { recipe } from '@vanilla-extract/recipes';
 
-import { vars } from '@/theme/index.css';
-
 export const containerStyle = recipe({
   base: {
     width: 'fit-content',

@@ -1,10 +1,8 @@
+import { clsx } from '@endolphin/core/utils';
+import { vars } from '@endolphin/theme';
+import { Icon, Text } from '@endolphin/ui';
 import type { ReactNode } from 'react';
 
-import { vars } from '@/theme/index.css';
-
-import clsx from '../../utils/clsx';
-import { CircleCheck, TriangleWarning } from '../Icon';
-import { Text } from '../Text';
 import { containerStyle, contentsStyle } from './index.css';
 
 type NotiType = 'success' | 'error';
@@ -16,32 +14,25 @@ export interface NotificationProps {
   className?: string;
 }
 
-export const Notification = ({
-  type,
-  title,
-  description,
-  className,
-}: NotificationProps) => {
+export const Notification = ({ type, title, description, className }: NotificationProps) => {
   const typeIconMap: Record<NotiType, ReactNode> = {
-    success: <CircleCheck fill={vars.color.Ref.Primary[500]} />,
-    error: <TriangleWarning fill={vars.color.Ref.Red[500]} />,
+    success: <Icon.CircleCheck fill={vars.color.Ref.Primary[500]} />,
+    error: <Icon.TriangleWarning fill={vars.color.Ref.Red[500]} />,
   };
 
   return (
-    <div
-      className={clsx(containerStyle({ type }), className)}
-      role='alert'
-    >
+    <div className={clsx(containerStyle({ type }), className)} role='alert'>
       {typeIconMap[type]}
       <div className={contentsStyle({ style: description ? 'default' : 'noDescription' })}>
         <Text color={vars.color.Ref.Netural[800]} typo='t2'>
           {title}
         </Text>
-        {description && 
+        {description && (
           <Text color={vars.color.Ref.Netural[500]} typo='b2R'>
             {description}
-          </Text>}
+          </Text>
+        )}
       </div>
     </div>
   );
-};
+};
@@ -0,0 +1,32 @@
+export type Time = number | 'all' | 'empty';
+
+export type WEEKDAY = 'SUN' | 'MON' | 'TUE' | 'WED' | 'THU' | 'FRI' | 'SAT';
+
+export const TIMES: readonly number[] = Object.freeze(new Array(24).fill(0)
+  .map((_, i) => i));
+
+export const WEEK: readonly WEEKDAY[] = Object.freeze([
+  'SUN',
+  'MON',
+  'TUE',
+  'WED',
+  'THU',
+  'FRI',
+  'SAT',
+]);
+
+export const WEEK_MAP: Record<string, string> = Object.freeze({
+  1: '첫째주',
+  2: '둘째주',
+  3: '셋째주',
+  4: '넷째주',
+  5: '다섯째주',
+});
+
+export const MINUTES = Object.freeze(new Array(4).fill(0)
+  .map((_, i) => i * 15));
+
+export const MINUTES_HALF = (totalTime: number, startTime: number) =>
+  Object.freeze(new Array(totalTime * 2).fill(0)
+    .map((_, i) => startTime + i * 30));
+export const TIME_HEIGHT = 66;
@@ -1,4 +1,4 @@
-import { request } from '@/utils/fetch';
+import { request } from '@utils/fetch';
 
 import type { 
   DiscussionCalendarRequest,

@@ -1,4 +1,4 @@
-import { request } from '@/utils/fetch';
+import { request } from '@utils/fetch';
 
 import { InvitationJoinResponseSchema, InvitationResponseSchema } from '../model/invitation';
 

@@ -1,8 +1,8 @@
+import { DATE_BAR, PASSWORD, TIME } from '@constants/regex';
+import { EndolphinDate } from '@endolphin/date-time';
 import { z } from 'zod';
 
-import { DATE_BAR, PASSWORD, TIME  } from '@/constants/regex';
 import { UserDTO } from '@/features/user/model';
-import { EndolphinDate } from '@/utils/endolphin-date';
 
 const MeetingMethodENUM = z.enum(['OFFLINE', 'ONLINE']);
 
@@ -102,4 +102,4 @@ export type DiscussionRankRequest = z.infer<typeof DiscussionRankRequest>;
 export type DiscussionRankResponse = z.infer<typeof DiscussionRankResponse>;
 
 export type MeetingMethodENUM = z.infer<typeof MeetingMethodENUM>;
-export type DiscussionDTO = z.infer<typeof DiscussionDTO>;
+export type DiscussionDTO = z.infer<typeof DiscussionDTO>;
@@ -1,7 +1,6 @@
+import { zCoerceToDate, zCoerceToTime } from '@utils/zod';
 import { z } from 'zod';
 
-import { zCoerceToDate, zCoerceToTime } from '@/utils/zod';
-
 export const InvitationResponseSchema = z.object({
   host: z.string(),
   title: z.string(),

@@ -1,7 +1,7 @@
 
-import { Flex } from '@/components/Flex';
-import { WEEK } from '@/constants/date';
-import { isSameDate } from '@/utils/date';
+import { WEEK } from '@constants/date';
+import { isSameDate } from '@endolphin/core/utils';
+import { Flex } from '@endolphin/ui';
 
 import type { DiscussionDTO } from '../../model';
 import DiscussionCard from '../DiscussionCard';

@@ -1,13 +1,12 @@
 
+import { WEEK } from '@constants/date';
+import { useCalendarContext } from '@endolphin/calendar';
+import { formatDateToBarString, formatDateToWeekRange  } from '@endolphin/core/utils';
+import { Flex } from '@endolphin/ui';
 import { useParams } from '@tanstack/react-router';
 import { useAtomValue } from 'jotai';
 
-import { useCalendarContext } from '@/components/Calendar/context/CalendarContext';
-import { Flex } from '@/components/Flex';
-import { WEEK } from '@/constants/date';
 import { checkboxAtom } from '@/store/discussion';
-import { formatDateToWeekRange } from '@/utils/date';
-import { formatDateToBarString } from '@/utils/date/format';
 
 import { useDiscussionCalendarQuery } from '../../api/queries';
 import type { DiscussionDTO } from '../../model';

@@ -1,9 +1,7 @@
+import { animation, vars } from '@endolphin/theme';
 import { style } from '@vanilla-extract/css';
 import { recipe } from '@vanilla-extract/recipes';
 
-import { fadeHighlightGrayProps } from '@/theme/animation.css';
-import { vars } from '@/theme/index.css';
-
 export const calendarTableStyle = style({
   borderBottomLeftRadius: vars.radius[600],
   borderBottomRightRadius: vars.radius[600],
@@ -32,7 +30,7 @@ export const dayStyle = recipe({
   variants: {
     selected: {
       true: {
-        ...fadeHighlightGrayProps,
+        ...animation.fadeHighlightGrayProps,
       },
       false: {},
     },

@@ -1,4 +1,4 @@
-import { Calendar } from '@/components/Calendar';
+import { Calendar } from '@endolphin/calendar';
 
 import { CalendarTable } from './CalendarTable';
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,2 @@
		# localhost를 https 환경에서 동작시키기 위한 mkcert 인증서 key files
		mkcert/*