@headless-adminapp/app 0.0.12-alpha.0 → 0.0.14-alpha.0

package/package.json

@@ -1,21 +1,12 @@
 {
   "name": "@headless-adminapp/app",
-  "version": "0.0.12-alpha.0",
+  "version": "0.0.14-alpha.0",
   "description": "",
-  "main": "dist/index.js",
-  "types": "dist/index.d.ts",
-  "exports": {
-    ".": {
-      "import": "./dist/index.js",
-      "types": "./dist/index.d.ts"
-    },
-    "./*": {
-      "import": "./dist/*/index.js",
-      "types": "./dist/*/index.d.ts"
-    }
-  },
+  "main": "index.js",
+  "types": "index.d.ts",
   "publishConfig": {
-    "access": "public"
+    "access": "public",
+    "directory": "dist"
   },
   "repository": {
     "type": "git",
@@ -27,7 +18,8 @@
   },
   "scripts": {
     "build": "tsc",
-    "prepublishOnly": "pnpm run build",
+    "copy-files": "cp package.json dist",
+    "prepublishOnly": "pnpm run build && pnpm run copy-files",
     "test": "echo \"Error: no test specified\" && exit 1"
   },
   "peerDependencies": {
@@ -41,5 +33,5 @@
     "clsx": "2.1.1",
     "react-custom-scrollbars-2": "^4.5.0"
   },
-  "gitHead": "620194bcd40d1f234186af49ce976053bd8231b7"
+  "gitHead": "c616c164a9e637a41465cdb887b4cc85628c8d95"
 }

package/src/app/context.ts

@@ -1,11 +0,0 @@
-import { AppExperience } from '@headless-adminapp/core/experience/app';
-import { SchemaExperienceMetadata } from '@headless-adminapp/core/experience/schema';
-import { createContext } from 'react';
-
-export interface AppContextState {
-  app: AppExperience;
-  schemaMetadataList: SchemaExperienceMetadata[];
-  schemaMetadataDic: Record<string, SchemaExperienceMetadata>;
-}
-
-export const AppContext = createContext<AppContextState | null>(null);

package/src/app/hooks/index.ts

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

package/src/app/hooks/useAppContext.ts

@@ -1,13 +0,0 @@
-import { useContext } from 'react';
-
-import { AppContext, AppContextState } from '../context';
-
-export function useAppContext(): AppContextState {
-  const context = useContext(AppContext);
-
-  if (!context) {
-    throw new Error('useAppContext must be used within a AppContextProvider');
-  }
-
-  return context;
-}

package/src/app/index.ts

@@ -1,2 +0,0 @@
-export { AppContext } from './context';
-export { useAppContext } from './hooks';

package/src/appearance/context.ts

@@ -1,13 +0,0 @@
-import { createContext, Dispatch, SetStateAction } from 'react';
-
-export type ColorScheme = 'system' | 'light' | 'dark';
-
-export interface AppearanceContextState {
-  colorScheme: ColorScheme;
-  brandColor: string;
-}
-
-export const AppearanceContext = createContext<
-  | [AppearanceContextState, Dispatch<SetStateAction<AppearanceContextState>>]
-  | null
->(null);

package/src/appearance/hooks/index.ts

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

package/src/appearance/hooks/useAppearanceContext.ts

@@ -1,13 +0,0 @@
-import { useContext } from 'react';
-
-import { AppearanceContext } from '../context';
-
-export function useAppearanceContext() {
-  const context = useContext(AppearanceContext);
-
-  if (!context) {
-    throw new Error('useAppContext must be used within a AppContextProvider');
-  }
-
-  return context;
-}

package/src/appearance/index.ts

@@ -1,6 +0,0 @@
-export {
-  AppearanceContext,
-  type ColorScheme,
-  type AppearanceContextState,
-} from './context';
-export * from './hooks';

package/src/auth/AuthProvider.tsx

@@ -1,118 +0,0 @@
-import { FC, PropsWithChildren, useCallback, useEffect, useRef } from 'react';
-
-import {
-  useContextSelectorInternal,
-  useCreateContextStore,
-} from '../mutable/context';
-import { AuthContext, AuthState } from './context';
-import { SessionResolver, UnauthorizeReason } from './types';
-
-export interface AuthProviderProps {
-  onUnauthenticated?: (reason: UnauthorizeReason) => void;
-  sessionResolver: SessionResolver;
-}
-
-export const AuthProvider: FC<PropsWithChildren<AuthProviderProps>> = ({
-  sessionResolver,
-  onUnauthenticated,
-  children,
-}) => {
-  const onUnauthenticatedRef = useRef(onUnauthenticated);
-  onUnauthenticatedRef.current = onUnauthenticated;
-
-  const onUnauthenticatedInternal = useCallback((reason: UnauthorizeReason) => {
-    onUnauthenticatedRef.current?.(reason);
-  }, []);
-
-  const contextValue = useCreateContextStore<AuthState>({
-    loading: true,
-    loadError: false,
-    initialized: false,
-    loadSession: () => Promise.resolve(),
-    onUnauthenticated: onUnauthenticatedInternal,
-  });
-  const state = useContextSelectorInternal(contextValue, (state) => state);
-  const session = state.initialized && state.authenticated && state.session;
-
-  const sessionResolverRef = useRef(sessionResolver);
-
-  sessionResolverRef.current = sessionResolver;
-
-  const loadSession = useCallback(async () => {
-    contextValue.setValue({ loading: true, loadError: false });
-    try {
-      const data = await sessionResolverRef.current();
-
-      if (!data) {
-        contextValue.setValue({
-          initialized: true,
-          authenticated: false,
-          sessionExpired: false,
-          session: null,
-        });
-
-        onUnauthenticatedRef.current?.('load');
-      } else {
-        contextValue.setValue({
-          initialized: true,
-          authenticated: true,
-          session: data,
-        });
-      }
-    } catch (error) {
-      console.error('Error fetching auth session', error);
-      contextValue.setValue({ loadError: true });
-    } finally {
-      contextValue.setValue({ loading: false });
-    }
-  }, [contextValue]);
-
-  useEffect(() => {
-    contextValue.setValue({ loadSession });
-  }, [contextValue, loadSession]);
-
-  useEffect(() => {
-    loadSession().catch(console.error);
-  }, [loadSession]);
-
-  useEffect(() => {
-    if (!session) {
-      return;
-    }
-
-    const exp = session.exp * 1000;
-
-    const timeout = exp - Date.now();
-
-    if (timeout <= 0) {
-      contextValue.setValue({
-        initialized: true,
-        authenticated: false,
-        sessionExpired: true,
-        session: null,
-      });
-
-      onUnauthenticatedRef.current?.('sessionExpired');
-      return;
-    }
-
-    const timer = setTimeout(() => {
-      contextValue.setValue({
-        initialized: true,
-        authenticated: false,
-        sessionExpired: true,
-        session: null,
-      });
-
-      onUnauthenticatedRef.current?.('sessionExpired');
-    }, timeout);
-
-    return () => {
-      clearTimeout(timer);
-    };
-  }, [contextValue, session]);
-
-  return (
-    <AuthContext.Provider value={contextValue}>{children}</AuthContext.Provider>
-  );
-};

package/src/auth/context.ts

@@ -1,41 +0,0 @@
-import { createContext } from '../mutable/context';
-
-type UnauthorizeReason = 'sessionExpired' | 'unauthorized' | 'logout' | 'load';
-
-interface AuthStoreLoadingState {
-  initialized: false;
-}
-
-interface AuthStoreUnauthorizedState {
-  initialized: true;
-  authenticated: false;
-  sessionExpired: boolean;
-  session: null;
-}
-
-interface AuthStoreAuthorizedState<T extends AuthSession = AuthSession> {
-  initialized: true;
-  authenticated: true;
-  session: T;
-}
-
-export type AuthState = (
-  | AuthStoreLoadingState
-  | AuthStoreUnauthorizedState
-  | AuthStoreAuthorizedState
-) & {
-  loading: boolean;
-  loadError: boolean;
-  loadSession: () => Promise<void>;
-  onUnauthenticated?: (reason: UnauthorizeReason) => void;
-};
-
-export interface AuthSession {
-  exp: number;
-  fullName: string;
-  email: string;
-  profilePicture?: string;
-  data?: Record<string, any>; // Custom data
-}
-
-export const AuthContext = createContext<AuthState>();

package/src/auth/hooks/index.ts

@@ -1,2 +0,0 @@
-export * from './useAuthSession';
-export * from './useLogout';

package/src/auth/hooks/useAuthSession.ts

@@ -1,17 +0,0 @@
-import { useContextSelector } from '../../mutable';
-import { AuthContext, AuthSession } from '../context';
-
-export function useAuthSession<
-  T extends AuthSession = AuthSession
->(): T | null {
-  return useContextSelector(AuthContext, (state) => {
-    if (!state.initialized) {
-      return null;
-    }
-    if (!state.authenticated) {
-      return null;
-    }
-
-    return state.session;
-  }) as T;
-}

package/src/auth/hooks/useLogout.ts

@@ -1,23 +0,0 @@
-import { useCallback } from 'react';
-
-import { useContextSelector, useContextSetValue } from '../../mutable/context';
-import { AuthContext } from '../context';
-
-export function useLogout() {
-  const setValue = useContextSetValue(AuthContext);
-  const onUnauthenticated = useContextSelector(
-    AuthContext,
-    (state) => state.onUnauthenticated
-  );
-
-  const logout = useCallback(() => {
-    setValue({
-      initialized: true,
-      authenticated: false,
-      session: null,
-    });
-    onUnauthenticated?.('logout');
-  }, [setValue, onUnauthenticated]);
-
-  return logout;
-}

package/src/auth/index.ts

@@ -1,4 +0,0 @@
-export { AuthContext, type AuthSession, type AuthState } from './context';
-export { AuthProvider, type AuthProviderProps } from './AuthProvider';
-export * from './types';
-export * from './hooks';

package/src/auth/types.ts

@@ -1,17 +0,0 @@
-import { AuthSession } from './context';
-
-export type UnauthorizeReason =
-  | 'sessionExpired'
-  | 'unauthorized'
-  | 'logout'
-  | 'load';
-
-export interface AuthProviderPlaceholderProps {
-  loading?: boolean;
-  loadingError?: boolean;
-  unauthorized?: boolean;
-  sessionExpired?: boolean;
-  retry: () => void;
-}
-
-export type SessionResolver = () => Promise<AuthSession | null>;