mirror of
https://github.com/spacedriveapp/spacedrive.git
synced 2026-05-05 05:46:24 -04:00
4bccd35092
* remove welcome screen from onboarding * lint/types/unused stuff * organize imports --------- Co-authored-by: Utku Bakir <74243531+utkubakir@users.noreply.github.com>
54 lines
2.0 KiB
TypeScript
54 lines
2.0 KiB
TypeScript
import { PropsWithChildren, createContext, useContext } from 'react';
|
|
|
|
export type OperatingSystem = 'browser' | 'linux' | 'macOS' | 'windows' | 'unknown';
|
|
|
|
// Platform represents the underlying native layer the app is running on.
|
|
// This could be Tauri or web.
|
|
export type Platform = {
|
|
platform: 'web' | 'tauri'; // This represents the specific platform implementation
|
|
getThumbnailUrlByThumbKey: (thumbKey: string[]) => string;
|
|
getFileUrl: (
|
|
libraryId: string,
|
|
locationLocalId: number,
|
|
filePathId: number,
|
|
_linux_workaround?: boolean
|
|
) => string;
|
|
openLink: (url: string) => void;
|
|
demoMode?: boolean; // TODO: Remove this in favour of demo mode being handled at the React Query level
|
|
getOs?(): Promise<OperatingSystem>;
|
|
openDirectoryPickerDialog?(): Promise<null | string | string[]>;
|
|
openFilePickerDialog?(): Promise<null | string | string[]>;
|
|
saveFilePickerDialog?(): Promise<string | null>;
|
|
showDevtools?(): void;
|
|
openPath?(path: string): void;
|
|
openLogsDir?(): void;
|
|
// Opens a file path with a given ID
|
|
openFilePath?(library: string, ids: number[]): any;
|
|
getFilePathOpenWithApps?(library: string, ids: number[]): any;
|
|
openFilePathWith?(library: string, fileIdsAndAppUrls: [number, string][]): any;
|
|
lockAppTheme?(themeType: 'Auto' | 'Light' | 'Dark'): any;
|
|
};
|
|
|
|
// Keep this private and use through helpers below
|
|
const context = createContext<Platform>(undefined!);
|
|
|
|
// is a hook which allows you to fetch information about the current platform from the React context.
|
|
export function usePlatform(): Platform {
|
|
const ctx = useContext(context);
|
|
if (!ctx)
|
|
throw new Error(
|
|
"The 'PlatformProvider' has not been mounted above the current 'usePlatform' call."
|
|
);
|
|
|
|
return ctx;
|
|
}
|
|
|
|
// provides the platform context to the rest of the app through React context.
|
|
// Mount it near the top of your component tree.
|
|
export function PlatformProvider({
|
|
platform,
|
|
children
|
|
}: PropsWithChildren<{ platform: Platform }>) {
|
|
return <context.Provider value={platform}>{children}</context.Provider>;
|
|
}
|