@sonhoseong/mfa-lib 1.0.0

package/dist/store/store-access.d.ts

@@ -0,0 +1,48 @@
+/**
+ * Host Store 접근 유틸리티 - KOMCA 패턴
+ * Remote 앱에서 Host의 Redux Store에 접근
+ */
+import { User, HostStore, HostRootState } from '../types';
+import { Reducer } from '@reduxjs/toolkit';
+/**
+ * Host Store 가져오기
+ */
+export declare const getHostStore: () => HostStore | undefined;
+/**
+ * Host Store 상태 가져오기
+ */
+export declare const getHostState: () => HostRootState | null;
+/**
+ * 현재 로그인된 사용자 가져오기
+ */
+export declare const getCurrentUser: () => User | null;
+/**
+ * accessToken 가져오기
+ */
+export declare const getAccessToken: () => string;
+/**
+ * 인증 여부 확인
+ */
+export declare const isAuthenticated: () => boolean;
+/**
+ * 현재 서비스 가져오기
+ */
+export declare const getCurrentService: () => string;
+/**
+ * 로딩 상태 확인
+ */
+export declare const isLoading: () => boolean;
+/**
+ * Host Store에 액션 디스패치
+ */
+export declare const dispatchToHost: (action: any) => void;
+/**
+ * Host Store 상태 변경 구독
+ */
+export declare const subscribeToHost: (listener: () => void) => (() => void);
+/**
+ * 동적으로 Reducer 주입 (Remote 앱에서 자체 상태 관리 시 사용)
+ * 주의: 이 함수는 Host의 injectReducer를 호출해야 함
+ */
+export declare const injectReducerToHost: (key: string, reducer: Reducer) => void;
+//# sourceMappingURL=store-access.d.ts.map

package/dist/store/store-access.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"store-access.d.ts","sourceRoot":"","sources":["../../src/store/store-access.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAC1D,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAE3C;;GAEG;AACH,eAAO,MAAM,YAAY,QAAO,SAAS,GAAG,SAE3C,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,QAAO,aAAa,GAAG,IAU/C,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,QAAO,IAAI,GAAG,IAYxC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,QAAO,MAWjC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,eAAe,QAAO,OAGlC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,iBAAiB,QAAO,MAOpC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,SAAS,QAAO,OAO5B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,GAAI,QAAQ,GAAG,KAAG,IAS5C,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,eAAe,GAAI,UAAU,MAAM,IAAI,KAAG,CAAC,MAAM,IAAI,CAUjE,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,mBAAmB,GAAI,KAAK,MAAM,EAAE,SAAS,OAAO,KAAG,IAOnE,CAAC"}

package/dist/store/store-access.js

@@ -0,0 +1,131 @@
+/**
+ * Host Store 접근 유틸리티 - KOMCA 패턴
+ * Remote 앱에서 Host의 Redux Store에 접근
+ */
+/**
+ * Host Store 가져오기
+ */
+export const getHostStore = () => {
+    return window.__REDUX_STORE__;
+};
+/**
+ * Host Store 상태 가져오기
+ */
+export const getHostState = () => {
+    try {
+        const store = getHostStore();
+        if (store) {
+            return store.getState();
+        }
+        return null;
+    }
+    catch {
+        return null;
+    }
+};
+/**
+ * 현재 로그인된 사용자 가져오기
+ */
+export const getCurrentUser = () => {
+    try {
+        const state = getHostState();
+        if (state) {
+            return state.app?.user || null;
+        }
+        // Store가 없으면 localStorage에서 직접 가져오기 (fallback)
+        const userStr = localStorage.getItem('user');
+        return userStr ? JSON.parse(userStr) : null;
+    }
+    catch {
+        return null;
+    }
+};
+/**
+ * accessToken 가져오기
+ */
+export const getAccessToken = () => {
+    try {
+        const state = getHostState();
+        if (state) {
+            return state.app?.accessToken || '';
+        }
+        // Store가 없으면 localStorage에서 직접 가져오기 (fallback)
+        return localStorage.getItem('accessToken') || '';
+    }
+    catch {
+        return '';
+    }
+};
+/**
+ * 인증 여부 확인
+ */
+export const isAuthenticated = () => {
+    const token = getAccessToken();
+    return !!token;
+};
+/**
+ * 현재 서비스 가져오기
+ */
+export const getCurrentService = () => {
+    try {
+        const state = getHostState();
+        return state?.app?.service || '';
+    }
+    catch {
+        return '';
+    }
+};
+/**
+ * 로딩 상태 확인
+ */
+export const isLoading = () => {
+    try {
+        const state = getHostState();
+        return state?.app?.isLoading || false;
+    }
+    catch {
+        return false;
+    }
+};
+/**
+ * Host Store에 액션 디스패치
+ */
+export const dispatchToHost = (action) => {
+    try {
+        const store = getHostStore();
+        if (store) {
+            store.dispatch(action);
+        }
+    }
+    catch (error) {
+        console.error('Failed to dispatch to host store:', error);
+    }
+};
+/**
+ * Host Store 상태 변경 구독
+ */
+export const subscribeToHost = (listener) => {
+    try {
+        const store = getHostStore();
+        if (store) {
+            return store.subscribe(listener);
+        }
+        return () => { };
+    }
+    catch {
+        return () => { };
+    }
+};
+/**
+ * 동적으로 Reducer 주입 (Remote 앱에서 자체 상태 관리 시 사용)
+ * 주의: 이 함수는 Host의 injectReducer를 호출해야 함
+ */
+export const injectReducerToHost = (key, reducer) => {
+    // Host의 window에 노출된 injectReducer 함수 호출
+    if (typeof window.__INJECT_REDUCER__ === 'function') {
+        window.__INJECT_REDUCER__(key, reducer);
+    }
+    else {
+        console.warn('Host injectReducer not available');
+    }
+};

package/dist/types/index.d.ts

@@ -0,0 +1,58 @@
+/**
+ * MFA 공통 타입 정의
+ */
+export * from './service';
+export interface User {
+    id: string;
+    name: string;
+    email: string;
+    role?: 'admin' | 'user';
+}
+export interface AppState {
+    accessToken: string;
+    user: User | null;
+    isLoading: boolean;
+    globalLoadingTitle: string;
+    service: string;
+    selectedGnb: string;
+}
+export interface RecentMenu {
+    id: string;
+    pathname: string;
+    search: string;
+    title: string;
+    service?: string;
+    state?: any;
+    data?: any;
+}
+export interface MenuItem {
+    id: string;
+    title: string;
+    path: string;
+    icon?: string;
+    children?: MenuItem[];
+}
+export interface MenuState {
+    menuList: MenuItem[];
+}
+export interface RecentMenuState {
+    list: RecentMenu[];
+    currentId: string;
+}
+export interface HostRootState {
+    app: AppState;
+    recentMenu: RecentMenuState;
+    [key: string]: any;
+}
+export interface HostStore {
+    getState: () => HostRootState;
+    dispatch: (action: any) => any;
+    subscribe: (listener: () => void) => () => void;
+    replaceReducer: (reducer: any) => void;
+}
+declare global {
+    interface Window {
+        __REDUX_STORE__: HostStore;
+    }
+}
+//# sourceMappingURL=index.d.ts.map

package/dist/types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAGH,cAAc,WAAW,CAAC;AAG1B,MAAM,WAAW,IAAI;IACnB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;CACzB;AAGD,MAAM,WAAW,QAAQ;IACvB,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;IAClB,SAAS,EAAE,OAAO,CAAC;IACnB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,EAAE,MAAM,CAAC;CACrB;AAGD,MAAM,WAAW,UAAU;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,IAAI,CAAC,EAAE,GAAG,CAAC;CACZ;AAGD,MAAM,WAAW,QAAQ;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,QAAQ,EAAE,CAAC;CACvB;AAGD,MAAM,WAAW,SAAS;IACxB,QAAQ,EAAE,QAAQ,EAAE,CAAC;CACtB;AAGD,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,UAAU,EAAE,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;CACnB;AAGD,MAAM,WAAW,aAAa;IAC5B,GAAG,EAAE,QAAQ,CAAC;IACd,UAAU,EAAE,eAAe,CAAC;IAC5B,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB;AAGD,MAAM,WAAW,SAAS;IACxB,QAAQ,EAAE,MAAM,aAAa,CAAC;IAC9B,QAAQ,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,GAAG,CAAC;IAC/B,SAAS,EAAE,CAAC,QAAQ,EAAE,MAAM,IAAI,KAAK,MAAM,IAAI,CAAC;IAChD,cAAc,EAAE,CAAC,OAAO,EAAE,GAAG,KAAK,IAAI,CAAC;CACxC;AAGD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,eAAe,EAAE,SAAS,CAAC;KAC5B;CACF"}

package/dist/types/index.js

@@ -0,0 +1,5 @@
+/**
+ * MFA 공통 타입 정의
+ */
+// Service Types
+export * from './service';

package/dist/types/service.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Service Type 정의 - KOMCA 패턴
+ * 각 Remote 앱을 구분하는 타입
+ */
+export type ServiceType = 'resume' | 'blog' | 'portfolio';
+export type ServicePrefixType = '@resume' | '@blog' | '@portfolio';
+export declare const serviceTypeToPrefix: Record<ServiceType, ServicePrefixType>;
+export declare const prefixToServiceType: Record<ServicePrefixType, ServiceType>;
+export interface ServiceMeta {
+    type: ServiceType;
+    prefix: ServicePrefixType;
+    name: string;
+    port: number;
+}
+export declare const services: ServiceMeta[];
+export declare const getServiceFromPath: (pathname: string) => ServiceType | null;
+//# sourceMappingURL=service.d.ts.map

package/dist/types/service.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"service.d.ts","sourceRoot":"","sources":["../../src/types/service.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,MAAM,GAAG,WAAW,CAAC;AAG1D,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG,OAAO,GAAG,YAAY,CAAC;AAGnE,eAAO,MAAM,mBAAmB,EAAE,MAAM,CAAC,WAAW,EAAE,iBAAiB,CAItE,CAAC;AAGF,eAAO,MAAM,mBAAmB,EAAE,MAAM,CAAC,iBAAiB,EAAE,WAAW,CAItE,CAAC;AAGF,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,WAAW,CAAC;IAClB,MAAM,EAAE,iBAAiB,CAAC;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;CACd;AAGD,eAAO,MAAM,QAAQ,EAAE,WAAW,EAIjC,CAAC;AAGF,eAAO,MAAM,kBAAkB,GAAI,UAAU,MAAM,KAAG,WAAW,GAAG,IAOnE,CAAC"}

package/dist/types/service.js

@@ -0,0 +1,31 @@
+/**
+ * Service Type 정의 - KOMCA 패턴
+ * 각 Remote 앱을 구분하는 타입
+ */
+// Service Type → Prefix 매핑
+export const serviceTypeToPrefix = {
+    resume: '@resume',
+    blog: '@blog',
+    portfolio: '@portfolio',
+};
+// Prefix → Service Type 매핑
+export const prefixToServiceType = {
+    '@resume': 'resume',
+    '@blog': 'blog',
+    '@portfolio': 'portfolio',
+};
+// 서비스 목록
+export const services = [
+    { type: 'resume', prefix: '@resume', name: '이력서', port: 5001 },
+    { type: 'blog', prefix: '@blog', name: '블로그', port: 5002 },
+    { type: 'portfolio', prefix: '@portfolio', name: '포트폴리오', port: 5003 },
+];
+// 경로에서 서비스 타입 추출
+export const getServiceFromPath = (pathname) => {
+    for (const service of services) {
+        if (pathname.startsWith(`/${service.prefix}`) || pathname.startsWith(service.prefix)) {
+            return service.type;
+        }
+    }
+    return null;
+};

package/dist/utils/index.d.ts

@@ -0,0 +1,2 @@
+export * from './storage';
+//# sourceMappingURL=index.d.ts.map

package/dist/utils/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC"}

package/dist/utils/index.js

@@ -0,0 +1 @@
+export * from './storage';

package/dist/utils/storage.d.ts

@@ -0,0 +1,27 @@
+/**
+ * Storage 유틸리티 - KOMCA 패턴
+ * localStorage/sessionStorage 관리
+ */
+import { User, RecentMenu } from '../types';
+export declare const STORAGE_KEYS: {
+    ACCESS_TOKEN: string;
+    USER: string;
+    RECENT_MENU: string;
+    IS_HOST_APP: string;
+};
+/**
+ * Storage 유틸리티
+ */
+export declare const storage: {
+    setHostApp: () => void;
+    isHostApp: () => boolean;
+    getAccessToken: () => string;
+    setAccessToken: (token: string) => void;
+    getUser: () => User | null;
+    setUser: (user: User | null) => void;
+    getRecentMenu: () => RecentMenu[];
+    setRecentMenu: (list: RecentMenu[]) => void;
+    clearAuth: () => void;
+    clearAll: () => void;
+};
+//# sourceMappingURL=storage.d.ts.map

package/dist/utils/storage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"storage.d.ts","sourceRoot":"","sources":["../../src/utils/storage.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAG5C,eAAO,MAAM,YAAY;;;;;CAKxB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,OAAO;;;0BAWE,MAAM;4BAIF,MAAM;mBASjB,IAAI,GAAG,IAAI;oBASR,IAAI,GAAG,IAAI;yBASR,UAAU,EAAE;0BAST,UAAU,EAAE;;;CAiBnC,CAAC"}

package/dist/utils/storage.js

@@ -0,0 +1,78 @@
+/**
+ * Storage 유틸리티 - KOMCA 패턴
+ * localStorage/sessionStorage 관리
+ */
+// Storage 키 상수
+export const STORAGE_KEYS = {
+    ACCESS_TOKEN: 'accessToken',
+    USER: 'user',
+    RECENT_MENU: 'recentMenu',
+    IS_HOST_APP: 'isHostApp',
+};
+/**
+ * Storage 유틸리티
+ */
+export const storage = {
+    // Host 앱 여부 설정/확인
+    setHostApp: () => {
+        sessionStorage.setItem(STORAGE_KEYS.IS_HOST_APP, 'true');
+    },
+    isHostApp: () => {
+        return sessionStorage.getItem(STORAGE_KEYS.IS_HOST_APP) === 'true';
+    },
+    // Access Token
+    getAccessToken: () => {
+        return localStorage.getItem(STORAGE_KEYS.ACCESS_TOKEN) || '';
+    },
+    setAccessToken: (token) => {
+        if (token) {
+            localStorage.setItem(STORAGE_KEYS.ACCESS_TOKEN, token);
+        }
+        else {
+            localStorage.removeItem(STORAGE_KEYS.ACCESS_TOKEN);
+        }
+    },
+    // User 정보
+    getUser: () => {
+        try {
+            const userStr = localStorage.getItem(STORAGE_KEYS.USER);
+            return userStr ? JSON.parse(userStr) : null;
+        }
+        catch {
+            return null;
+        }
+    },
+    setUser: (user) => {
+        if (user) {
+            localStorage.setItem(STORAGE_KEYS.USER, JSON.stringify(user));
+        }
+        else {
+            localStorage.removeItem(STORAGE_KEYS.USER);
+        }
+    },
+    // Recent Menu (탭 관리)
+    getRecentMenu: () => {
+        try {
+            const menuStr = localStorage.getItem(STORAGE_KEYS.RECENT_MENU);
+            return menuStr ? JSON.parse(menuStr) : [];
+        }
+        catch {
+            return [];
+        }
+    },
+    setRecentMenu: (list) => {
+        localStorage.setItem(STORAGE_KEYS.RECENT_MENU, JSON.stringify(list));
+    },
+    // 인증 정보 전체 삭제
+    clearAuth: () => {
+        localStorage.removeItem(STORAGE_KEYS.ACCESS_TOKEN);
+        localStorage.removeItem(STORAGE_KEYS.USER);
+        localStorage.removeItem(STORAGE_KEYS.RECENT_MENU);
+        sessionStorage.removeItem(STORAGE_KEYS.IS_HOST_APP);
+    },
+    // 전체 삭제
+    clearAll: () => {
+        localStorage.clear();
+        sessionStorage.clear();
+    },
+};

package/package.json

@@ -0,0 +1,27 @@
+{
+  "name": "@sonhoseong/mfa-lib",
+  "version": "1.0.0",
+  "description": "MFA 공통 라이브러리 - KOMCA 패턴",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "files": ["dist", "README.md"],
+  "scripts": {
+    "build": "tsc",
+    "watch": "tsc --watch"
+  },
+  "dependencies": {
+    "@reduxjs/toolkit": "^2.11.2",
+    "axios": "^1.7.9",
+    "uuid": "^11.1.0"
+  },
+  "devDependencies": {
+    "@types/uuid": "^10.0.0",
+    "typescript": "^5.0.0"
+  },
+  "peerDependencies": {
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "react-redux": "^9.0.0",
+    "react-router-dom": "^7.0.0"
+  }
+}