@affectively/aeon-pages-react 0.2.0 → 0.3.0

package/dist/components/OfflineDiagnostics.d.ts

@@ -64,7 +64,7 @@ export declare function CacheManagementPanel({ onClearCache, }: {
 /**
  * Queue Stats Panel
  */
-export declare function QueueStatsPanel({ stats, }: {
+export declare function QueueStatsPanel({ stats }: {
     stats?: QueueStats;
 }): ReactNode;
 /**

package/dist/components/PresenceKit.d.ts

@@ -0,0 +1,84 @@
+import { type CSSProperties, type ReactNode } from 'react';
+import type { PresenceScroll, PresenceUser } from '../provider';
+export interface PresenceCursorLayerProps {
+    presence: PresenceUser[];
+    localUserId?: string;
+    width?: number | string;
+    height?: number | string;
+    className?: string;
+}
+export declare function PresenceCursorLayer({ presence, localUserId, width, height, className, }: PresenceCursorLayerProps): import("react/jsx-runtime").JSX.Element;
+export interface PresenceFocusListProps {
+    presence: PresenceUser[];
+    localUserId?: string;
+    maxItems?: number;
+    className?: string;
+}
+export declare function PresenceFocusList({ presence, localUserId, maxItems, className, }: PresenceFocusListProps): import("react/jsx-runtime").JSX.Element;
+export interface PresenceTypingListProps {
+    presence: PresenceUser[];
+    localUserId?: string;
+    className?: string;
+}
+export declare function PresenceTypingList({ presence, localUserId, className, }: PresenceTypingListProps): import("react/jsx-runtime").JSX.Element;
+export interface PresenceSelectionListProps {
+    presence: PresenceUser[];
+    localUserId?: string;
+    className?: string;
+}
+export declare function PresenceSelectionList({ presence, localUserId, className, }: PresenceSelectionListProps): import("react/jsx-runtime").JSX.Element;
+export interface PresenceScrollBarProps {
+    presence: PresenceUser[];
+    localUserId?: string;
+    height?: number;
+    className?: string;
+}
+export declare function PresenceScrollBar({ presence, localUserId, height, className, }: PresenceScrollBarProps): import("react/jsx-runtime").JSX.Element;
+export interface PresenceViewportListProps {
+    presence: PresenceUser[];
+    localUserId?: string;
+    className?: string;
+}
+export declare function PresenceViewportList({ presence, localUserId, className, }: PresenceViewportListProps): import("react/jsx-runtime").JSX.Element;
+export interface PresenceInputStateListProps {
+    presence: PresenceUser[];
+    localUserId?: string;
+    className?: string;
+}
+export declare function PresenceInputStateList({ presence, localUserId, className, }: PresenceInputStateListProps): import("react/jsx-runtime").JSX.Element;
+export interface PresenceEmotionListProps {
+    presence: PresenceUser[];
+    localUserId?: string;
+    className?: string;
+}
+export declare function PresenceEmotionList({ presence, localUserId, className, }: PresenceEmotionListProps): import("react/jsx-runtime").JSX.Element;
+export interface PresenceEditingListProps {
+    presence: PresenceUser[];
+    localUserId?: string;
+    className?: string;
+}
+export declare function PresenceEditingList({ presence, localUserId, className, }: PresenceEditingListProps): import("react/jsx-runtime").JSX.Element;
+export interface PresenceStatusListProps {
+    presence: PresenceUser[];
+    localUserId?: string;
+    className?: string;
+}
+export declare function PresenceStatusList({ presence, localUserId, className, }: PresenceStatusListProps): import("react/jsx-runtime").JSX.Element;
+export interface PresenceElementsPanelProps {
+    presence: PresenceUser[];
+    localUserId?: string;
+    className?: string;
+    showCursorLayer?: boolean;
+    cursorLayerHeight?: number | string;
+}
+export declare function PresenceElementsPanel({ presence, localUserId, className, showCursorLayer, cursorLayerHeight, }: PresenceElementsPanelProps): import("react/jsx-runtime").JSX.Element;
+export interface CollaborativePresenceScrollContainerProps {
+    children: ReactNode;
+    presence: PresenceUser[];
+    localUserId?: string;
+    height?: number | string;
+    className?: string;
+    style?: CSSProperties;
+    onScrollStateChange?: (scroll: PresenceScroll) => void;
+}
+export declare function CollaborativePresenceScrollContainer({ children, presence, localUserId, height, className, style, onScrollStateChange, }: CollaborativePresenceScrollContainerProps): import("react/jsx-runtime").JSX.Element;

package/dist/hooks/useAeonNavigation.d.ts

@@ -10,7 +10,7 @@
  * - Site = Aeon of sessions (routes are collaborative)
  * - Federation = Aeon of Aeons (cross-site sync)
  */
-import type { AeonNavigationEngine, NavigationOptions, PrefetchOptions, NavigationState, RoutePresenceInfo } from '@affectively/aeon-pages-runtime';
+import { type AeonNavigationEngine, type NavigationOptions, type PrefetchOptions, type RoutePresenceInfo } from '@affectively/aeon-pages-runtime';
 export interface NavigationPrediction {
     route: string;
     probability: number;
@@ -70,4 +70,3 @@ export declare function useTotalPreload(): {
     startPreload: (onProgress?: (loaded: number, total: number) => void) => Promise<void>;
     getStats: () => import("@affectively/aeon-pages-runtime").CacheStats;
 };
-export type { NavigationOptions, PrefetchOptions, NavigationState, RoutePresenceInfo };

package/dist/hooks/usePilotNavigation.d.ts

@@ -16,7 +16,7 @@
  * - History API integration (smooth client-side navigation)
  * - Navigation analytics/tracking
  */
-import { type NavigationOptions } from './useAeonNavigation';
+import type { NavigationOptions } from '@affectively/aeon-pages-runtime';
 export interface PilotNavigationIntent {
     id: string;
     destination: string;

package/dist/hooks.d.ts

@@ -45,6 +45,14 @@ export declare function useOfflineStatus(): {
     pendingOperations: number;
     lastSyncAt: string | undefined;
 };
+/**
+ * useEmotionPresence - Local + remote optional emotional state channel
+ */
+export declare function useEmotionPresence(): {
+    localEmotion: import("./provider").PresenceEmotion | undefined;
+    others: PresenceUser[];
+    updateEmotionState: (emotion: import("./provider").PresenceEmotion) => void;
+};
 /**
  * useCollaborativeInput - Hook for collaborative text input
  *
@@ -70,9 +78,32 @@ export declare function useCollaborativeInput(key: string): {
     onChange: (newValue: string) => void;
     onFocus: () => void;
     onBlur: () => void;
+    onSelect: (eventOrTarget: {
+        currentTarget: {
+            selectionStart: number | null;
+            selectionEnd: number | null;
+            selectionDirection?: "forward" | "backward" | "none" | null;
+            value?: string;
+        };
+    } | {
+        selectionStart: number | null;
+        selectionEnd: number | null;
+        selectionDirection?: "forward" | "backward" | "none" | null;
+        value?: string;
+    }) => void;
+    onCompositionStart: () => void;
+    onCompositionEnd: () => void;
     isEditing: boolean;
     editingBy: PresenceUser | undefined;
 };
+/**
+ * useScrollPresenceTracking - Track scroll depth and position
+ */
+export declare function useScrollPresenceTracking(enabled?: boolean): void;
+/**
+ * useViewportPresenceTracking - Track viewport changes
+ */
+export declare function useViewportPresenceTracking(enabled?: boolean): void;
 /**
  * useAeonEffect - Run effect when Aeon data changes
  */

package/dist/index.d.ts

@@ -37,9 +37,10 @@
  * }
  * ```
  */
-export { Link, type LinkProps, type TransitionType, type PrefetchStrategy, type PresenceRenderProps } from './Link';
-export { AeonPageProvider, useAeonPage, type AeonPageProviderProps, type AeonPageContextValue, type PresenceUser, type SyncState, type VersionInfo, } from './provider';
+export { Link, type LinkProps, type TransitionType, type PrefetchStrategy, type PresenceRenderProps, } from './Link';
+export { AeonPageProvider, useAeonPage, type AeonPageProviderProps, type AeonPageContextValue, type PresenceUser, type PresenceSelection, type PresenceTyping, type PresenceScroll, type PresenceViewport, type PresenceInputState, type PresenceEmotion, type SyncState, type VersionInfo, } from './provider';
 export { usePresence, useAeonSync, useAeonData } from './provider';
+export { useAeonVersion, useAeonTree, useCursorTracking, useEditableElement, useOtherCursors, useOfflineStatus, useEmotionPresence, useCollaborativeInput, useScrollPresenceTracking, useViewportPresenceTracking, useAeonEffect, useSessionId, useRoute, } from './hooks';
 export { useAeonNavigation, useNavigationPrediction, useLinkObserver, useTotalPreload, useRoutePresence, AeonNavigationContext, type AeonNavigationContextValue, } from './hooks/useAeonNavigation';
 export { useAeonServiceWorker, usePreloadProgress, useCacheStatus, useManualPreload, usePrefetchRoute, useClearCache, type PreloadProgress, type CacheStatus, } from './hooks/useServiceWorker';
 export { usePilotNavigation, parseNavigationTags, stripNavigationTags, type PilotNavigationIntent, type PilotNavigationOptions, type PilotNavigationState, } from './hooks/usePilotNavigation';
@@ -48,3 +49,4 @@ export { useConflicts, addConflict, getAllConflicts, clearAllConflicts, type Con
 export { InstallPrompt, useInstallPrompt, type InstallPromptProps, type InstallPromptState, } from './components/InstallPrompt';
 export { PushNotifications, usePushNotifications, type PushNotificationsProps, type PushSubscriptionData, type PushNotificationState, type UsePushNotificationsConfig, } from './components/PushNotifications';
 export { OfflineDiagnostics, NetworkStatusPanel, ServiceWorkerPanel, CacheManagementPanel, QueueStatsPanel, ConflictsPanel, type OfflineDiagnosticsProps, type ServiceWorkerState, type CacheInfo, type QueueStats, } from './components/OfflineDiagnostics';
+export { PresenceCursorLayer, PresenceFocusList, PresenceTypingList, PresenceSelectionList, PresenceScrollBar, PresenceViewportList, PresenceInputStateList, PresenceEmotionList, PresenceEditingList, PresenceStatusList, PresenceElementsPanel, CollaborativePresenceScrollContainer, type PresenceCursorLayerProps, type PresenceFocusListProps, type PresenceTypingListProps, type PresenceSelectionListProps, type PresenceScrollBarProps, type PresenceViewportListProps, type PresenceInputStateListProps, type PresenceEmotionListProps, type PresenceEditingListProps, type PresenceStatusListProps, type PresenceElementsPanelProps, type CollaborativePresenceScrollContainerProps, } from './components/PresenceKit';