SettingsRouteRoute,
} as any)
-const SettingsTasksRoute = SettingsTasksRouteImport.update({
- id: '/tasks',
- path: '/tasks',
- getParentRoute: () => SettingsRouteRoute,
-} as any)
const SettingsPluginsRoute = SettingsPluginsRouteImport.update({
id: '/plugins',
path: '/plugins',
@@ -93,11 +81,6 @@ const SettingsAboutRoute = SettingsAboutRouteImport.update({
path: '/about',
getParentRoute: () => SettingsRouteRoute,
} as any)
-const GameAddRoute = GameAddRouteImport.update({
- id: '/game/add',
- path: '/game/add',
- getParentRoute: () => rootRouteImport,
-} as any)
const StoreTabRouteRoute = StoreTabRouteRouteImport.update({
id: '/store/tab',
path: '/store/tab',
@@ -108,11 +91,6 @@ const StoreTabIndexRoute = StoreTabIndexRouteImport.update({
path: '/',
getParentRoute: () => StoreTabRouteRoute,
} as any)
-const StoreTabPluginsRoute = StoreTabPluginsRouteImport.update({
- id: '/plugins',
- path: '/plugins',
- getParentRoute: () => StoreTabRouteRoute,
-} as any)
const StoreTabGamesRoute = StoreTabGamesRouteImport.update({
id: '/games',
path: '/games',
@@ -123,11 +101,6 @@ const StoreTabEmulatorsRoute = StoreTabEmulatorsRouteImport.update({
path: '/emulators',
getParentRoute: () => StoreTabRouteRoute,
} as any)
-const StoreTabDownloadRoute = StoreTabDownloadRouteImport.update({
- id: '/download',
- path: '/download',
- getParentRoute: () => StoreTabRouteRoute,
-} as any)
const SettingsPluginSourceRoute = SettingsPluginSourceRouteImport.update({
id: '/plugin/$source',
path: '/plugin/$source',
@@ -158,41 +131,23 @@ const CollectionSourceIdRoute = CollectionSourceIdRouteImport.update({
path: '/collection/$source/$id',
getParentRoute: () => rootRouteImport,
} as any)
-const StoreDetailsPluginIdRoute = StoreDetailsPluginIdRouteImport.update({
- id: '/store/details/plugin/$id',
- path: '/store/details/plugin/$id',
- getParentRoute: () => rootRouteImport,
-} as any)
const StoreDetailsEmulatorIdRoute = StoreDetailsEmulatorIdRouteImport.update({
id: '/store/details/emulator/$id',
path: '/store/details/emulator/$id',
getParentRoute: () => rootRouteImport,
} as any)
-const GameUpdateSourceIdRoute = GameUpdateSourceIdRouteImport.update({
- id: '/game/update/$source/$id',
- path: '/game/update/$source/$id',
- getParentRoute: () => rootRouteImport,
-} as any)
-const StoreDetailsDownloadSourceIdRoute =
- StoreDetailsDownloadSourceIdRouteImport.update({
- id: '/store/details/download/$source/$id',
- path: '/store/details/download/$source/$id',
- getParentRoute: () => rootRouteImport,
- } as any)
export interface FileRoutesByFullPath {
'/': typeof IndexRoute
'/settings': typeof SettingsRouteRouteWithChildren
'/games': typeof GamesRoute
'/store/tab': typeof StoreTabRouteRouteWithChildren
- '/game/add': typeof GameAddRoute
'/settings/about': typeof SettingsAboutRoute
'/settings/accounts': typeof SettingsAccountsRoute
'/settings/directories': typeof SettingsDirectoriesRoute
'/settings/emulators': typeof SettingsEmulatorsRoute
'/settings/interface': typeof SettingsInterfaceRoute
'/settings/plugins': typeof SettingsPluginsRoute
- '/settings/tasks': typeof SettingsTasksRoute
'/settings/update': typeof SettingsUpdateRoute
'/collection/$source/$id': typeof CollectionSourceIdRoute
'/embedded/$source/$id': typeof EmbeddedSourceIdRoute
@@ -200,28 +155,21 @@ export interface FileRoutesByFullPath {
'/launcher/$source/$id': typeof LauncherSourceIdRoute
'/platform/$source/$id': typeof PlatformSourceIdRoute
'/settings/plugin/$source': typeof SettingsPluginSourceRoute
- '/store/tab/download': typeof StoreTabDownloadRoute
'/store/tab/emulators': typeof StoreTabEmulatorsRoute
'/store/tab/games': typeof StoreTabGamesRoute
- '/store/tab/plugins': typeof StoreTabPluginsRoute
'/store/tab/': typeof StoreTabIndexRoute
- '/game/update/$source/$id': typeof GameUpdateSourceIdRoute
'/store/details/emulator/$id': typeof StoreDetailsEmulatorIdRoute
- '/store/details/plugin/$id': typeof StoreDetailsPluginIdRoute
- '/store/details/download/$source/$id': typeof StoreDetailsDownloadSourceIdRoute
}
export interface FileRoutesByTo {
'/': typeof IndexRoute
'/settings': typeof SettingsRouteRouteWithChildren
'/games': typeof GamesRoute
- '/game/add': typeof GameAddRoute
'/settings/about': typeof SettingsAboutRoute
'/settings/accounts': typeof SettingsAccountsRoute
'/settings/directories': typeof SettingsDirectoriesRoute
'/settings/emulators': typeof SettingsEmulatorsRoute
'/settings/interface': typeof SettingsInterfaceRoute
'/settings/plugins': typeof SettingsPluginsRoute
- '/settings/tasks': typeof SettingsTasksRoute
'/settings/update': typeof SettingsUpdateRoute
'/collection/$source/$id': typeof CollectionSourceIdRoute
'/embedded/$source/$id': typeof EmbeddedSourceIdRoute
@@ -229,15 +177,10 @@ export interface FileRoutesByTo {
'/launcher/$source/$id': typeof LauncherSourceIdRoute
'/platform/$source/$id': typeof PlatformSourceIdRoute
'/settings/plugin/$source': typeof SettingsPluginSourceRoute
- '/store/tab/download': typeof StoreTabDownloadRoute
'/store/tab/emulators': typeof StoreTabEmulatorsRoute
'/store/tab/games': typeof StoreTabGamesRoute
- '/store/tab/plugins': typeof StoreTabPluginsRoute
'/store/tab': typeof StoreTabIndexRoute
- '/game/update/$source/$id': typeof GameUpdateSourceIdRoute
'/store/details/emulator/$id': typeof StoreDetailsEmulatorIdRoute
- '/store/details/plugin/$id': typeof StoreDetailsPluginIdRoute
- '/store/details/download/$source/$id': typeof StoreDetailsDownloadSourceIdRoute
}
export interface FileRoutesById {
__root__: typeof rootRouteImport
@@ -245,14 +188,12 @@ export interface FileRoutesById {
'/settings': typeof SettingsRouteRouteWithChildren
'/games': typeof GamesRoute
'/store/tab': typeof StoreTabRouteRouteWithChildren
- '/game/add': typeof GameAddRoute
'/settings/about': typeof SettingsAboutRoute
'/settings/accounts': typeof SettingsAccountsRoute
'/settings/directories': typeof SettingsDirectoriesRoute
'/settings/emulators': typeof SettingsEmulatorsRoute
'/settings/interface': typeof SettingsInterfaceRoute
'/settings/plugins': typeof SettingsPluginsRoute
- '/settings/tasks': typeof SettingsTasksRoute
'/settings/update': typeof SettingsUpdateRoute
'/collection/$source/$id': typeof CollectionSourceIdRoute
'/embedded/$source/$id': typeof EmbeddedSourceIdRoute
@@ -260,15 +201,10 @@ export interface FileRoutesById {
'/launcher/$source/$id': typeof LauncherSourceIdRoute
'/platform/$source/$id': typeof PlatformSourceIdRoute
'/settings/plugin/$source': typeof SettingsPluginSourceRoute
- '/store/tab/download': typeof StoreTabDownloadRoute
'/store/tab/emulators': typeof StoreTabEmulatorsRoute
'/store/tab/games': typeof StoreTabGamesRoute
- '/store/tab/plugins': typeof StoreTabPluginsRoute
'/store/tab/': typeof StoreTabIndexRoute
- '/game/update/$source/$id': typeof GameUpdateSourceIdRoute
'/store/details/emulator/$id': typeof StoreDetailsEmulatorIdRoute
- '/store/details/plugin/$id': typeof StoreDetailsPluginIdRoute
- '/store/details/download/$source/$id': typeof StoreDetailsDownloadSourceIdRoute
}
export interface FileRouteTypes {
fileRoutesByFullPath: FileRoutesByFullPath
@@ -277,14 +213,12 @@ export interface FileRouteTypes {
| '/settings'
| '/games'
| '/store/tab'
- | '/game/add'
| '/settings/about'
| '/settings/accounts'
| '/settings/directories'
| '/settings/emulators'
| '/settings/interface'
| '/settings/plugins'
- | '/settings/tasks'
| '/settings/update'
| '/collection/$source/$id'
| '/embedded/$source/$id'
@@ -292,28 +226,21 @@ export interface FileRouteTypes {
| '/launcher/$source/$id'
| '/platform/$source/$id'
| '/settings/plugin/$source'
- | '/store/tab/download'
| '/store/tab/emulators'
| '/store/tab/games'
- | '/store/tab/plugins'
| '/store/tab/'
- | '/game/update/$source/$id'
| '/store/details/emulator/$id'
- | '/store/details/plugin/$id'
- | '/store/details/download/$source/$id'
fileRoutesByTo: FileRoutesByTo
to:
| '/'
| '/settings'
| '/games'
- | '/game/add'
| '/settings/about'
| '/settings/accounts'
| '/settings/directories'
| '/settings/emulators'
| '/settings/interface'
| '/settings/plugins'
- | '/settings/tasks'
| '/settings/update'
| '/collection/$source/$id'
| '/embedded/$source/$id'
@@ -321,29 +248,22 @@ export interface FileRouteTypes {
| '/launcher/$source/$id'
| '/platform/$source/$id'
| '/settings/plugin/$source'
- | '/store/tab/download'
| '/store/tab/emulators'
| '/store/tab/games'
- | '/store/tab/plugins'
| '/store/tab'
- | '/game/update/$source/$id'
| '/store/details/emulator/$id'
- | '/store/details/plugin/$id'
- | '/store/details/download/$source/$id'
id:
| '__root__'
| '/'
| '/settings'
| '/games'
| '/store/tab'
- | '/game/add'
| '/settings/about'
| '/settings/accounts'
| '/settings/directories'
| '/settings/emulators'
| '/settings/interface'
| '/settings/plugins'
- | '/settings/tasks'
| '/settings/update'
| '/collection/$source/$id'
| '/embedded/$source/$id'
@@ -351,15 +271,10 @@ export interface FileRouteTypes {
| '/launcher/$source/$id'
| '/platform/$source/$id'
| '/settings/plugin/$source'
- | '/store/tab/download'
| '/store/tab/emulators'
| '/store/tab/games'
- | '/store/tab/plugins'
| '/store/tab/'
- | '/game/update/$source/$id'
| '/store/details/emulator/$id'
- | '/store/details/plugin/$id'
- | '/store/details/download/$source/$id'
fileRoutesById: FileRoutesById
}
export interface RootRouteChildren {
@@ -367,16 +282,12 @@ export interface RootRouteChildren {
SettingsRouteRoute: typeof SettingsRouteRouteWithChildren
GamesRoute: typeof GamesRoute
StoreTabRouteRoute: typeof StoreTabRouteRouteWithChildren
- GameAddRoute: typeof GameAddRoute
CollectionSourceIdRoute: typeof CollectionSourceIdRoute
EmbeddedSourceIdRoute: typeof EmbeddedSourceIdRoute
GameSourceIdRoute: typeof GameSourceIdRoute
LauncherSourceIdRoute: typeof LauncherSourceIdRoute
PlatformSourceIdRoute: typeof PlatformSourceIdRoute
- GameUpdateSourceIdRoute: typeof GameUpdateSourceIdRoute
StoreDetailsEmulatorIdRoute: typeof StoreDetailsEmulatorIdRoute
- StoreDetailsPluginIdRoute: typeof StoreDetailsPluginIdRoute
- StoreDetailsDownloadSourceIdRoute: typeof StoreDetailsDownloadSourceIdRoute
}
declare module '@tanstack/react-router' {
@@ -409,13 +320,6 @@ declare module '@tanstack/react-router' {
preLoaderRoute: typeof SettingsUpdateRouteImport
parentRoute: typeof SettingsRouteRoute
}
- '/settings/tasks': {
- id: '/settings/tasks'
- path: '/tasks'
- fullPath: '/settings/tasks'
- preLoaderRoute: typeof SettingsTasksRouteImport
- parentRoute: typeof SettingsRouteRoute
- }
'/settings/plugins': {
id: '/settings/plugins'
path: '/plugins'
@@ -458,13 +362,6 @@ declare module '@tanstack/react-router' {
preLoaderRoute: typeof SettingsAboutRouteImport
parentRoute: typeof SettingsRouteRoute
}
- '/game/add': {
- id: '/game/add'
- path: '/game/add'
- fullPath: '/game/add'
- preLoaderRoute: typeof GameAddRouteImport
- parentRoute: typeof rootRouteImport
- }
'/store/tab': {
id: '/store/tab'
path: '/store/tab'
@@ -479,13 +376,6 @@ declare module '@tanstack/react-router' {
preLoaderRoute: typeof StoreTabIndexRouteImport
parentRoute: typeof StoreTabRouteRoute
}
- '/store/tab/plugins': {
- id: '/store/tab/plugins'
- path: '/plugins'
- fullPath: '/store/tab/plugins'
- preLoaderRoute: typeof StoreTabPluginsRouteImport
- parentRoute: typeof StoreTabRouteRoute
- }
'/store/tab/games': {
id: '/store/tab/games'
path: '/games'
@@ -500,13 +390,6 @@ declare module '@tanstack/react-router' {
preLoaderRoute: typeof StoreTabEmulatorsRouteImport
parentRoute: typeof StoreTabRouteRoute
}
- '/store/tab/download': {
- id: '/store/tab/download'
- path: '/download'
- fullPath: '/store/tab/download'
- preLoaderRoute: typeof StoreTabDownloadRouteImport
- parentRoute: typeof StoreTabRouteRoute
- }
'/settings/plugin/$source': {
id: '/settings/plugin/$source'
path: '/plugin/$source'
@@ -549,13 +432,6 @@ declare module '@tanstack/react-router' {
preLoaderRoute: typeof CollectionSourceIdRouteImport
parentRoute: typeof rootRouteImport
}
- '/store/details/plugin/$id': {
- id: '/store/details/plugin/$id'
- path: '/store/details/plugin/$id'
- fullPath: '/store/details/plugin/$id'
- preLoaderRoute: typeof StoreDetailsPluginIdRouteImport
- parentRoute: typeof rootRouteImport
- }
'/store/details/emulator/$id': {
id: '/store/details/emulator/$id'
path: '/store/details/emulator/$id'
@@ -563,20 +439,6 @@ declare module '@tanstack/react-router' {
preLoaderRoute: typeof StoreDetailsEmulatorIdRouteImport
parentRoute: typeof rootRouteImport
}
- '/game/update/$source/$id': {
- id: '/game/update/$source/$id'
- path: '/game/update/$source/$id'
- fullPath: '/game/update/$source/$id'
- preLoaderRoute: typeof GameUpdateSourceIdRouteImport
- parentRoute: typeof rootRouteImport
- }
- '/store/details/download/$source/$id': {
- id: '/store/details/download/$source/$id'
- path: '/store/details/download/$source/$id'
- fullPath: '/store/details/download/$source/$id'
- preLoaderRoute: typeof StoreDetailsDownloadSourceIdRouteImport
- parentRoute: typeof rootRouteImport
- }
}
}
@@ -587,7 +449,6 @@ interface SettingsRouteRouteChildren {
SettingsEmulatorsRoute: typeof SettingsEmulatorsRoute
SettingsInterfaceRoute: typeof SettingsInterfaceRoute
SettingsPluginsRoute: typeof SettingsPluginsRoute
- SettingsTasksRoute: typeof SettingsTasksRoute
SettingsUpdateRoute: typeof SettingsUpdateRoute
SettingsPluginSourceRoute: typeof SettingsPluginSourceRoute
}
@@ -599,7 +460,6 @@ const SettingsRouteRouteChildren: SettingsRouteRouteChildren = {
SettingsEmulatorsRoute: SettingsEmulatorsRoute,
SettingsInterfaceRoute: SettingsInterfaceRoute,
SettingsPluginsRoute: SettingsPluginsRoute,
- SettingsTasksRoute: SettingsTasksRoute,
SettingsUpdateRoute: SettingsUpdateRoute,
SettingsPluginSourceRoute: SettingsPluginSourceRoute,
}
@@ -609,18 +469,14 @@ const SettingsRouteRouteWithChildren = SettingsRouteRoute._addFileChildren(
)
interface StoreTabRouteRouteChildren {
- StoreTabDownloadRoute: typeof StoreTabDownloadRoute
StoreTabEmulatorsRoute: typeof StoreTabEmulatorsRoute
StoreTabGamesRoute: typeof StoreTabGamesRoute
- StoreTabPluginsRoute: typeof StoreTabPluginsRoute
StoreTabIndexRoute: typeof StoreTabIndexRoute
}
const StoreTabRouteRouteChildren: StoreTabRouteRouteChildren = {
- StoreTabDownloadRoute: StoreTabDownloadRoute,
StoreTabEmulatorsRoute: StoreTabEmulatorsRoute,
StoreTabGamesRoute: StoreTabGamesRoute,
- StoreTabPluginsRoute: StoreTabPluginsRoute,
StoreTabIndexRoute: StoreTabIndexRoute,
}
@@ -633,16 +489,12 @@ const rootRouteChildren: RootRouteChildren = {
SettingsRouteRoute: SettingsRouteRouteWithChildren,
GamesRoute: GamesRoute,
StoreTabRouteRoute: StoreTabRouteRouteWithChildren,
- GameAddRoute: GameAddRoute,
CollectionSourceIdRoute: CollectionSourceIdRoute,
EmbeddedSourceIdRoute: EmbeddedSourceIdRoute,
GameSourceIdRoute: GameSourceIdRoute,
LauncherSourceIdRoute: LauncherSourceIdRoute,
PlatformSourceIdRoute: PlatformSourceIdRoute,
- GameUpdateSourceIdRoute: GameUpdateSourceIdRoute,
StoreDetailsEmulatorIdRoute: StoreDetailsEmulatorIdRoute,
- StoreDetailsPluginIdRoute: StoreDetailsPluginIdRoute,
- StoreDetailsDownloadSourceIdRoute: StoreDetailsDownloadSourceIdRoute,
}
export const routeTree = rootRouteImport
._addFileChildren(rootRouteChildren)
diff --git a/src/mainview/index.css b/src/mainview/index.css
index 332862e..4c82b71 100644
--- a/src/mainview/index.css
+++ b/src/mainview/index.css
@@ -9,7 +9,6 @@
@theme {
--breakpoint-sm: 0px;
--breakpoint-md: 1024px;
- --breakpoint-lg: 1280px;
--page-scroll-bg: transparent;
--animation-size: 1;
diff --git a/src/mainview/index.tsx b/src/mainview/index.tsx
index 166cc4f..f5639f9 100644
--- a/src/mainview/index.tsx
+++ b/src/mainview/index.tsx
@@ -8,7 +8,7 @@ import
RouterProvider,
} from "@tanstack/react-router";
import { routeTree } from "./gen/routeTree.gen";
-import { QueryClient } from "@tanstack/react-query";
+import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
import "./scripts/gamepads";
import "./scripts/windowEvents";
import "./scripts/spatialNavigation";
@@ -16,16 +16,6 @@ import NotFound from "./components/NotFound";
import Error from "./components/Error";
import serviceWorker from './scripts/serviceWorker?worker&url';
import App from "./App";
-import { PersistQueryClientProvider } from '@tanstack/react-query-persist-client';
-import { createStore, get, set, del } from "idb-keyval";
-import
-{
- PersistedClient,
- Persister,
-} from '@tanstack/react-query-persist-client';
-import pkg from '../../package.json';
-
-const idbStore = createStore("tanstack-query", "cache");
if ('serviceWorker' in navigator)
{
@@ -34,31 +24,7 @@ if ('serviceWorker' in navigator)
const hashHistory = createHashHistory({});
-const queryClient = new QueryClient({
- defaultOptions: {
- queries: {
- gcTime: 1000 * 60 * 60 * 24 * 5, // 5 days
- }
- }
-});
-
-export function createIDBPersister (idbValidKey: IDBValidKey = 'reactQuery'): Persister
-{
- return {
- persistClient: async (client: PersistedClient) =>
- {
- await set(idbValidKey, client, idbStore);
- },
- restoreClient: async () =>
- {
- return await get
(idbValidKey, idbStore);
- },
- removeClient: async () =>
- {
- await del(idbValidKey, idbStore);
- },
- } satisfies Persister;
-}
+const queryClient = new QueryClient();
export interface RouterContext
{
@@ -108,9 +74,9 @@ if (!rootElement.innerHTML)
root.render(
-
+
-
+
,
);
diff --git a/src/mainview/query-options.ts b/src/mainview/query-options.ts
index 879d632..a52c649 100644
--- a/src/mainview/query-options.ts
+++ b/src/mainview/query-options.ts
@@ -1,7 +1,6 @@
import { keepPreviousData, queryOptions } from "@tanstack/react-query";
import { getRomApiRomsIdGetOptions, getRomsApiRomsGetOptions } from "../clients/romm/@tanstack/react-query.gen";
-import { DefaultRommStaleTime } from "../shared/constants";
-import { GameListFilterType } from '@simeonradivoev/gameflow-sdk/shared';
+import { DefaultRommStaleTime, GameListFilterType } from "../shared/constants";
export function gamesQueryOptions (filter?: GameListFilterType)
{
diff --git a/src/mainview/routes/__root.tsx b/src/mainview/routes/__root.tsx
index cafbab4..fbe2f26 100644
--- a/src/mainview/routes/__root.tsx
+++ b/src/mainview/routes/__root.tsx
@@ -8,7 +8,6 @@ import { useEffect } from "react";
import AppCommunication from "../components/AppCommunication";
import { ReactQueryDevtools } from "@tanstack/react-query-devtools";
import { TanStackRouterDevtools } from "@tanstack/react-router-devtools";
-import GlobalContextDialog from "../components/GlobalContextDialog";
export const Route = createRootRouteWithContext()({
component: RootComponent,
@@ -40,11 +39,9 @@ function RootComponent ()
return (
-
-
-
-
-
+
+
+
{queryDevOptions &&
}
diff --git a/src/mainview/routes/collection.$source.$id.tsx b/src/mainview/routes/collection.$source.$id.tsx
index a08c164..3b73d25 100644
--- a/src/mainview/routes/collection.$source.$id.tsx
+++ b/src/mainview/routes/collection.$source.$id.tsx
@@ -6,7 +6,7 @@ import { AnimatedBackgroundContext } from '../scripts/contexts';
import { getCollectionQuery } from '@queries/romm';
import { zodValidator } from '@tanstack/zod-adapter';
import z from 'zod';
-import { GameListFilterType } from '@simeonradivoev/gameflow-sdk/shared';
+import { GameListFilterType } from '@/shared/constants';
import { useLocalStorage } from 'usehooks-ts';
export const Route = createFileRoute('/collection/$source/$id')({
diff --git a/src/mainview/routes/embedded.$source.$id.tsx b/src/mainview/routes/embedded.$source.$id.tsx
index b9a39b6..3222280 100644
--- a/src/mainview/routes/embedded.$source.$id.tsx
+++ b/src/mainview/routes/embedded.$source.$id.tsx
@@ -5,7 +5,7 @@ import z from 'zod';
import { RefObject, useEffect, useRef, useState } from 'react';
import { FocusContext, useFocusable } from '@noriginmedia/norigin-spatial-navigation';
import { ButtonStyle } from '../components/options/Button';
-import { CloudDownload, DoorOpen, RefreshCw, Undo } from 'lucide-react';
+import { CloudDownload, DoorOpen, RefreshCw, Save, Undo } from 'lucide-react';
import { GamePadButtonCode, useShortcuts } from '../scripts/shortcuts';
import { FloatingShortcuts } from '../components/Shortcuts';
import { useEventListener } from 'usehooks-ts';
diff --git a/src/mainview/routes/game/$source.$id.tsx b/src/mainview/routes/game/$source.$id.tsx
index 13ea8ac..d0a346e 100644
--- a/src/mainview/routes/game/$source.$id.tsx
+++ b/src/mainview/routes/game/$source.$id.tsx
@@ -6,8 +6,8 @@ import { Calendar, Folder, Gamepad2, Image, Info, TriangleAlert, Trophy } from "
import { HeaderUI, StickyHeaderUI } from "../../components/Header";
import { AnimatedBackground } from "../../components/AnimatedBackground";
import { useQuery } from "@tanstack/react-query";
-import { FloatingShortcuts } from "../../components/Shortcuts";
-import { GamePadButtonCode, useShortcuts } from "@/mainview/scripts/shortcuts";
+import Shortcuts, { FloatingShortcuts } from "../../components/Shortcuts";
+import { GamePadButtonCode, useShortcutContext, useShortcuts } from "@/mainview/scripts/shortcuts";
import Screenshots from "@/mainview/components/Screenshots";
import { HandleGoBack, scrollIntoViewHandler, useOnNavigateBack } from "@/mainview/scripts/utils";
import { FilterUI } from "@/mainview/components/Filters";
@@ -23,8 +23,7 @@ import { GamesSection } from "@/mainview/components/store/GamesSection";
import Details from "@/mainview/components/game/Details";
import { AutoFocus } from "@/mainview/components/AutoFocus";
import SelectMenu from "@/mainview/components/SelectMenu";
-import { IGDBIcon } from "@/mainview/scripts/brandIcons";
-import { FrontEndGameTypeDetailed } from "@simeonradivoev/gameflow-sdk/shared";
+import { en } from "zod/v4/locales";
export const Route = createFileRoute("/game/$source/$id")({
loader: async ({ params, context }) =>
@@ -33,9 +32,7 @@ export const Route = createFileRoute("/game/$source/$id")({
},
component: RouteComponent,
errorComponent: Error,
- validateSearch: zodValidator(z.object({
- focus: z.string().optional(),
- })),
+ validateSearch: zodValidator(z.object({ focus: z.string().optional() })),
staticData: {
enterSound: 'openDetails',
goBackSound: "returnDetails"
@@ -108,8 +105,6 @@ function Stats (data: { game: FrontEndGameTypeDetailed | undefined; })
stats.push({ label: "Release Date", content: data.game.metadata.first_release_date.toLocaleDateString(), icon:
});
if (data.game.emulators)
stats.push({ label: "Emulators", content: data.game.emulators.map(e => e.name) });
- if (data.game.igdb_id)
- stats.push({ label: "IGDB", icon: IGDBIcon, content: String(data.game.igdb_id) });
if (data.game.source)
stats.push({ label: "Source", content: `${data.game.source} - ${data.game.source_id}` });
const integrations = new Set
(data.game.emulators?.flatMap(e => e.integrations).flatMap(i => i.capabilities).filter(c => !!c));
diff --git a/src/mainview/routes/game/add.tsx b/src/mainview/routes/game/add.tsx
deleted file mode 100644
index 6399cd0..0000000
--- a/src/mainview/routes/game/add.tsx
+++ /dev/null
@@ -1,425 +0,0 @@
-import { AutoFocus } from '@/mainview/components/AutoFocus';
-import { OptionElement } from '@/mainview/components/ContextDialog';
-import GameLookupElement from '@/mainview/components/game/GameLookup';
-import { StickyHeaderUI } from '@/mainview/components/Header';
-import LoadingScreen from '@/mainview/components/LoadingScreen';
-import { Button } from '@/mainview/components/options/Button';
-import { PathSettingsOptionBase } from '@/mainview/components/options/PathSettingsOption';
-import SelectMenu from '@/mainview/components/SelectMenu';
-import { FloatingShortcuts } from '@/mainview/components/Shortcuts';
-import { oneShot } from '@/mainview/scripts/audio/audio';
-import { rommApi } from '@/mainview/scripts/clientApi';
-import { addManualGameMutation, allGamesInvalidateQuery, gameLookupDetails, platformLookupMatchQuery } from '@/mainview/scripts/queries/romm';
-import { GamePadButtonCode, useShortcuts } from '@/mainview/scripts/shortcuts';
-import { HandleGoBack } from '@/mainview/scripts/utils';
-import { isUrl } from '@/shared/utils';
-import { FocusContext, useFocusable } from '@noriginmedia/norigin-spatial-navigation';
-import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
-import { createFileRoute, useNavigate, useRouter } from '@tanstack/react-router';
-import { zodValidator } from '@tanstack/zod-adapter';
-import { ArrowBigRightDash, Check, CirclePlus, CircleQuestionMark, CircleX, File, FileSearch, FolderOpen, Globe, HardDrive, Link, Save } from 'lucide-react';
-import { basename } from 'pathe';
-import prettyBytes from 'pretty-bytes';
-import { JSX, useState } from 'react';
-import toast from 'react-hot-toast';
-import { twMerge } from 'tailwind-merge';
-import z from 'zod';
-
-
-const StateSchema = z.object({
- step: z.number().default(0),
- gameLocation: z.string().optional(),
- selectedGame: z.object({ source: z.string(), id: z.string() }).optional(),
- platformId: z.number().optional(),
- search: z.string().optional()
-});
-
-export const Route = createFileRoute('/game/add')({
- component: RouteComponent,
- validateSearch: zodValidator(StateSchema)
-});
-
-function FileSelectionField (data: { location: string | undefined, setLocation: (location: string | undefined) => void; })
-{
- const [localLocation, setLocalLocation] = useState(data.location);
- const navigate = useNavigate();
- return
-
- ;
-}
-
-const TAG_REGEX = /\(([^)]+)\)|\[([^\]]+)\]/g;
-const EXTENSION_REGEX = /\.(([a-z]+\.)*\w+)$/g;
-const LEADING_ARTICLE_PATTERN = /^(a|an|the)\b/g;
-const COMMA_ARTICLE_PATTERN = /,\s(a|an|the)\b(?=\s*[^\w\s]|$)/g;
-const NON_WORD_SPACE_PATTERN = /[^\w\s]/g;
-const MULTIPLE_SPACE_PATTERN = /\s+/g;
-
-function BuildSearch (filePath: string)
-{
- const name = basename(filePath);
- const nameWithoutExt = name.replace(EXTENSION_REGEX, "").trim();
- if (!nameWithoutExt) return undefined;
- const nameWithoutTags = nameWithoutExt.replaceAll(TAG_REGEX, "").trim();
- if (TAG_REGEX.test(nameWithoutExt)) console.log("match");
- if (!nameWithoutTags) return undefined;
-
- // Lower and replace underscores with spaces
- let finalSearch = nameWithoutTags.toLowerCase().replace("_", " ");
-
- // Remove articles (combined if possible)
- finalSearch = finalSearch.replaceAll(LEADING_ARTICLE_PATTERN, '');
- finalSearch = finalSearch.replaceAll(COMMA_ARTICLE_PATTERN, '');
-
- // Remove punctuation and normalize spaces in one step
- finalSearch = finalSearch.replaceAll(NON_WORD_SPACE_PATTERN, '');
- finalSearch = finalSearch.replaceAll(MULTIPLE_SPACE_PATTERN, '');
-
- return nameWithoutTags;
-}
-
-const typeIconMap: Record = {
- new: ,
- existing: ,
- unknown:
-};
-
-function Overview (data: {})
-{
- const navigate = useNavigate();
- const router = useRouter();
- const state = Route.useSearch();
- const linkInfo = useQuery({
- enabled (query)
- {
- return isUrl(query.queryKey[1]);
- },
- queryKey: ['dl-link-info', state.gameLocation],
- queryFn: async () =>
- {
- return rommApi.api.romm.download.file.info.get({ query: { file_url: state.gameLocation! } });
- }
- });
- const { data: game } = useQuery(gameLookupDetails(state.selectedGame?.source, state.selectedGame?.id));
- const { data: platform } = useQuery(platformLookupMatchQuery(state.selectedGame?.source, state.platformId));
- const addGame = useMutation({
- ...addManualGameMutation,
- onError (error, variables, onMutateResult, context)
- {
- toast.error(error.message);
- },
- async onSuccess (data, variables, onMutateResult, context)
- {
- if (data.id === null || isUrl(state.gameLocation)) return;
- await context.client.invalidateQueries(allGamesInvalidateQuery);
- navigate({
- to: '/game/$source/$id', params: {
- source: data.source, id: String(data.id)
- }, replace: true
- });
- },
- });
-
- if (!game) return Select A Game
;
-
- return
-
Preview
-
-
{!!game[0].coverUrl &&
}
-
-
{game[0].name}
-
{game[0].summary}
-
-
{platform?.details.name}
-
-
- {!!platform?.match.coverUrl &&
}
-
{platform?.match.name}
-
{platform?.match.family_name}
-
- {!!platform?.match.type && typeIconMap[platform?.match.type]}
-
{platform?.match.type}
-
-
-
{isUrl(state.gameLocation) ? : }{state.gameLocation}
-
-
- {linkInfo.isFetching ? : (linkInfo.data?.data?.size && prettyBytes(linkInfo.data.data.size))}
-
- {linkInfo.isFetching ? : (linkInfo.data?.data?.content_type && linkInfo.data.data.content_type)}
-
-
-
-
Actions
-
-
-
-
-
{data.displayName}
-
- {matchIsFetching ? : match && <>
-
- {match.match.coverUrl ? 
: }
- {match.match.name} - {!!match.match.type && typeIconMap[match.match.type]} {match.match.type}
- }
- Select A Game
;
- return
- {game[0].platforms.map((p, i) => )}
-
;
-}
-
-function Lookup ()
-{
- const state = Route.useSearch();
- const [search, setSearch] = useState(state.search);
- const navigate = useNavigate();
- const handleSetSelectedGame = (source: string, id: string) =>
- {
- navigate({ to: '/game/add', search: { ...state, selectedGame: { source, id }, platformId: undefined, search, step: 2 }, replace: true });
- oneShot('openGeneric');
- };
- return
- {
- handleSetSelectedGame(l.source, l.id);
- }} />;
-}
-
-const StepDetails = [{ label: "Select Location" }, { label: "Find Match" }, { label: "Select Platform" }, { label: "Confirm" }];
-
-function Location ()
-{
- const state = Route.useSearch();
- const navigate = useNavigate();
- const handleSetLocation = (location: string | undefined) =>
- {
- if (!location) return;
- navigate({
- to: '/game/add', search: {
- ...state,
- gameLocation: location,
- search: BuildSearch(location),
- selectedGame: undefined,
- platformId: undefined,
- step: 1
- }, replace: true
- });
- oneShot('openGeneric');
- };
- return
-
Select Game Rom
-
-
- Select The Rom File from your local storage or use a link
-
-
-
- {step === 0 && }
- {step === 1 && }
- {step === 2 && }
- {step === 3 && }
-
-
-
-
-
-
- {StepDetails.map((s, i) => )}
-
-
-
-
-
-
-
-
-
- {isAddingGame &&
-
- }
-
-
-
-
-
- update.mutate({ source, id, destination: l.source, destinationId: l.id })}
- />
-
-
-
+ return
{!!platform &&
}${platform.path_cover}`})
}
@@ -39,15 +36,13 @@ function RouteComponent ()
const { source, id } = Route.useParams();
const router = useRouter();
const { countHint } = Route.useSearch();
- const { data: platform } = useQuery(platformQuery(source, id));
const [filter, setFilter] = useLocalStorage
("platforms-filters", {});
const updatePlatform = useMutation({
- ...updatePlatformMutation(source, id), onSuccess (data, variables, onMutateResult, context)
+ ...updatePlatformMutation(id), onSuccess (data, variables, onMutateResult, context)
{
context.client.invalidateQueries(localPlatformFilter(id));
},
});
- const globalDialog = useContext(GlobalDialogContext);
const deletePlatform = useMutation({
...deletePlatformMutation(id),
onError (error, variables, onMutateResult, context)
@@ -61,7 +56,7 @@ function RouteComponent ()
},
});
const settingsOptions: DialogEntry[] = [];
- if (source === 'local' || platform?.hasLocal)
+ if (source === 'local')
{
settingsOptions.push({
id: 'update-platform',
@@ -75,12 +70,9 @@ function RouteComponent ()
router.navigate({ replace: true });
},
});
- }
- if (source === 'local')
- {
settingsOptions.push({
- id: 'delete-platform',
+ id: 'update-platform',
type: "error",
content: "Delete",
icon: deletePlatform.isPending ? : ,
@@ -91,6 +83,10 @@ function RouteComponent ()
});
}
+ const { dialog: platformSettingsDialog, setOpen: setPlatformSettingsOpen } = useContextDialog('platform-settings-dialog', {
+ content:
+ });
+
return (
,
action ()
{
- globalDialog.openContext({ content:
}, 'open-platform-settings-btn');
+ setPlatformSettingsOpen(true);
},
}]}
countHint={countHint}
title={
}
filters={{ platform_id: Number(id), platform_source: source }}
/>
+ {platformSettingsDialog}
);
}
diff --git a/src/mainview/routes/settings/about.tsx b/src/mainview/routes/settings/about.tsx
index da450d4..b6db34f 100644
--- a/src/mainview/routes/settings/about.tsx
+++ b/src/mainview/routes/settings/about.tsx
@@ -1,9 +1,11 @@
+import { Button } from '@/mainview/components/options/Button';
import { FocusContext, useFocusable } from '@noriginmedia/norigin-spatial-navigation';
-import { systemInfoQuery } from '@queries/system';
-import { useQuery } from '@tanstack/react-query';
+import { checkUpdateMutation, hasUpdateQuery, systemInfoQuery, updateMutation } from '@queries/system';
+import { useMutation, useQuery } from '@tanstack/react-query';
import { createFileRoute } from '@tanstack/react-router';
+import { ArrowUpCircle, CircleFadingArrowUp, RefreshCcw } from 'lucide-react';
import prettyBytes from 'pretty-bytes';
export const Route = createFileRoute('/settings/about')({
diff --git a/src/mainview/routes/settings/accounts.tsx b/src/mainview/routes/settings/accounts.tsx
index eacd432..0e63a80 100644
--- a/src/mainview/routes/settings/accounts.tsx
+++ b/src/mainview/routes/settings/accounts.tsx
@@ -7,14 +7,13 @@ import
import { useIsMutating, useMutation, useQuery } from "@tanstack/react-query";
import { createFileRoute, useRouter } from "@tanstack/react-router";
import classNames from "classnames";
-import { Info, Key, Link, Lock, LogIn, LogOut, ScanQrCode, User, X } from "lucide-react";
+import { Key, Link, Lock, LogIn, LogOut, ScanQrCode, User, X } from "lucide-react";
import
{
useEffect,
useRef,
} from "react";
-import { RPC_URL } from "@shared/constants";
-import { RommLoginDataSchema } from '@simeonradivoev/gameflow-sdk/shared';
+import { RommLoginDataSchema, RPC_URL } from "@shared/constants";
import toast from "react-hot-toast";
import { OptionSpace } from "../../components/options/OptionSpace";
import { useSettingsForm, useSettingsFormContext } from "../../components/options/SettingsAppForm";
@@ -27,13 +26,9 @@ import { TwitchIcon } from "@/mainview/scripts/brandIcons";
import { twitchLoginMutation, twitchLoginVerificationQuery, twitchLogoutMutation } from "@queries/settings";
import { rommGetOptionsQuery, rommLoggedInQuery, rommHostnameQuery, rommLoginMutation, rommLogoutMutation, rommQrLoginMutation, rommUsernameQuery, rommUserQuery, invalidateLogin } from "@queries/romm";
import { systemApi } from "@/mainview/scripts/clientApi";
-import z from "zod";
export const Route = createFileRoute("/settings/accounts")({
component: RouteComponent,
- validateSearch: z.object({
- focus: z.string().optional()
- }),
});
function LoginQR (data: { id: string, isOpen: boolean, cancel: () => void, url: string; endsAt: Date; startedAt: Date; code?: string; })
@@ -226,8 +221,6 @@ function RouteComponent ()
} type="text" />} />
} type="password" placeholder="Password" />} />
-
- For Romm Client API Token open plugin settings
} />
diff --git a/src/mainview/routes/settings/directories.tsx b/src/mainview/routes/settings/directories.tsx
index 5adee26..5a32eec 100644
--- a/src/mainview/routes/settings/directories.tsx
+++ b/src/mainview/routes/settings/directories.tsx
@@ -13,13 +13,9 @@ import { systemApi } from '@/mainview/scripts/clientApi';
import useActiveControl from '@/mainview/scripts/gamepads';
import { changeDownloadsMutation } from '@queries/settings';
import { downloadDrivesQuery } from '@/mainview/scripts/queries/system';
-import { DownloadsDrive } from '@simeonradivoev/gameflow-sdk/shared';
-import { zodValidator } from '@tanstack/zod-adapter';
-import z from 'zod';
export const Route = createFileRoute('/settings/directories')({
component: RouteComponent,
- validateSearch: zodValidator(z.object({ focus: z.string().optional() }))
});
function DriveComponent (data: { drive: DownloadsDrive; downloadsSize: number; refetchDrives: () => void; })
diff --git a/src/mainview/routes/settings/emulators.tsx b/src/mainview/routes/settings/emulators.tsx
index 17344df..363ef45 100644
--- a/src/mainview/routes/settings/emulators.tsx
+++ b/src/mainview/routes/settings/emulators.tsx
@@ -4,12 +4,11 @@ import { OptionInput } from '../../components/options/OptionInput';
import { useMutation, useQuery } from '@tanstack/react-query';
import { useCallback, useEffect, useState } from 'react';
import { Button } from '../../components/options/Button';
-import { Check, ChevronDown, FolderSearch, HardDrive, Plug, SearchAlert, Store, Trash } from 'lucide-react';
+import { Check, ChevronDown, FileQuestion, FolderSearch, HardDrive, Plug, SearchAlert, Store, Trash } from 'lucide-react';
import { ContextDialog, ContextList, DialogEntry, OptionElement } from '../../components/ContextDialog';
import classNames from 'classnames';
import { twMerge } from 'tailwind-merge';
-import { RPC_URL } from '../../../shared/constants';
-import { SettingsSchema } from '@simeonradivoev/gameflow-sdk/shared';
+import { RPC_URL, SettingsSchema } from '../../../shared/constants';
import emulators from '@emulators';
import { FocusContext, setFocus, useFocusable } from '@noriginmedia/norigin-spatial-navigation';
import { GamePadButtonCode, Shortcut, useShortcuts } from '@/mainview/scripts/shortcuts';
@@ -21,15 +20,10 @@ import { FOCUS_KEYS } from '@/mainview/scripts/types';
import { scrollIntoNearestParent, scrollIntoViewHandler, useDragScroll } from '@/mainview/scripts/utils';
import { SettingsOption } from '@/mainview/components/options/SettingsOption';
import { SettingsDropdown } from '@/mainview/components/options/SettingsDropdown';
-import { FrontEndEmulator } from '@simeonradivoev/gameflow-sdk/shared';
-import { zodValidator } from '@tanstack/zod-adapter';
-import z from 'zod';
-import { isUrl } from '@/shared/utils';
export const Route = createFileRoute('/settings/emulators')({
component: RouteComponent,
pendingComponent: EmulatorsPending,
- validateSearch: zodValidator(z.object({ focus: z.string().optional() }))
});
function EmulatorsPending ()
@@ -86,10 +80,7 @@ function NewEmulatorPath (data: { addOverride: (emulator: string) => void; isAdd
};
- return
- Custom Emulator Path
- Manually Pick a path to an emulator if not automatically found.
- }>
+ return
@@ -60,7 +55,6 @@ function Plugin (data: {
>
{data.plugin.hasSettings ? : }
- {data.plugin.canUninstall && {uninstall.isPending ? : }}
{data.plugin.canDisable && data.setEnabled(!!v)} value={data.plugin.enabled} name={data.plugin.name} type="checkbox" />}
;
diff --git a/src/mainview/routes/settings/route.tsx b/src/mainview/routes/settings/route.tsx
index 625e884..5df28ac 100644
--- a/src/mainview/routes/settings/route.tsx
+++ b/src/mainview/routes/settings/route.tsx
@@ -7,6 +7,7 @@ import
{
Outlet,
createFileRoute,
+ useMatch,
useMatchRoute,
useRouter,
useRouterState,
@@ -16,7 +17,6 @@ import classNames from "classnames";
import
{
ArrowBigLeft,
- Cog,
FingerprintPattern,
HardDrive,
Info,
@@ -27,8 +27,10 @@ import
} from "lucide-react";
import { JSX, useMemo } from "react";
import { twMerge } from "tailwind-merge";
-import { GamePadButtonCode, useShortcuts } from "@/mainview/scripts/shortcuts";
-import Shortcuts from "@/mainview/components/Shortcuts";
+import z from "zod";
+import { SettingsSchema } from "../../../shared/constants";
+import { GamePadButtonCode, useShortcutContext, useShortcuts } from "@/mainview/scripts/shortcuts";
+import Shortcuts, { FloatingShortcuts } from "@/mainview/components/Shortcuts";
import { HandleGoBack } from "@/mainview/scripts/utils";
import { AutoFocus } from "@/mainview/components/AutoFocus";
import { oneShot } from "@/mainview/scripts/audio/audio";
@@ -36,6 +38,9 @@ import SelectMenu from "@/mainview/components/SelectMenu";
export const Route = createFileRoute("/settings")({
component: SettingsUI,
+ validateSearch: z.object({
+ focus: z.keyof(SettingsSchema).optional()
+ }),
staticData: {
enterSound: 'openSettings'
}
@@ -156,12 +161,6 @@ function SettingsMenu (data: {})
label="Plugins"
icon={
}
/>
-
}
- />
+
{
- const url = isUrl(c) ? new URL(c) : new URL(`${RPC_URL(__HOST__)}${c}`);
+ const url = new URL(`${RPC_URL(__HOST__)}${c}`);
url.searchParams.delete('ts');
return url;
});
diff --git a/src/mainview/routes/store/tab/index.tsx b/src/mainview/routes/store/tab/index.tsx
index dcb53c8..178eea0 100644
--- a/src/mainview/routes/store/tab/index.tsx
+++ b/src/mainview/routes/store/tab/index.tsx
@@ -16,7 +16,6 @@ import { useQuery } from '@tanstack/react-query';
import { autoEmulatorsQuery } from '@queries/settings';
import { storeEmulatorsRecommendedQuery, storeFeaturedGamesQuery } from '@queries/store';
import ImageWithFallbacks from '@/mainview/components/ImageWithFallbacks';
-import { FrontEndGameTypeDetailed } from '@simeonradivoev/gameflow-sdk/shared';
export const Route = createFileRoute('/store/tab/')({
component: RouteComponent
@@ -127,7 +126,7 @@ export function RouteComponent ()
{}
{!!crucialEmulators && crucialEmulators?.length > 0 && storeContext.showDetails('emulator', em.source, em.name, focus)}
+ onSelect={(id, focus) => storeContext.showDetails('emulator', 'store', id, focus)}
emulators={crucialEmulators} />}
- {
- navigate({ to: '/store/details/plugin/$id', params: { id: decodeURIComponent(data.plugin.package.name) } });
- };
- const { ref, focusKey } = useFocusable({ focusKey: FOCUS_KEYS.PLUGIN_ENTRY(data.plugin.package.sanitized_name), onEnterPress: onAction });
- const handleRefresh = (client: QueryClient) =>
- {
- client.invalidateQueries(allPluginsFilter);
- navigate({ to: '/store/tab/plugins', replace: true });
- };
- const update = useMutation({
- ...updatePluginMutation(data.plugin.package.name),
- onSuccess (data, variables, onMutateResult, context)
- {
- handleRefresh(context.client);
- },
- });
- const install = useMutation({
- ...installPluginMutation(data.plugin.package.name),
- onSuccess (f, variables, onMutateResult, context)
- {
- handleRefresh(context.client);
- }
- });
- const uninstall = useMutation({
- ...uninstallPluginMutation(data.plugin.package.name),
- onSuccess (f, variables, onMutateResult, context)
- {
- handleRefresh(context.client);
- }
- });
- useShortcuts(focusKey, () =>
- {
- const shortcuts: Shortcut[] = [{
- label: "Details", button: GamePadButtonCode.A, action (e)
- {
- onAction();
- },
- }];
-
- if (data.plugin.installed)
- {
- shortcuts.push({
- label: "Uninstall",
- button: GamePadButtonCode.X,
- action (e)
- {
- uninstall.mutate();
- },
- });
-
- if (data.plugin.update)
- {
- shortcuts.push({
- label: "Update",
- button: GamePadButtonCode.Y,
- action (e)
- {
- update.mutate();
- },
- });
- }
-
- } else
- {
- shortcuts.push({
- label: "Install",
- button: GamePadButtonCode.X,
- action (e)
- {
- install.mutate();
- },
- });
- }
- return shortcuts;
- }, [data.plugin.installed, install.isPending, uninstall.isPending]);
- return
-
-
- {data.plugin.installed && }
- {data.plugin.update && }
- {data.plugin.package.name}
- {(install.isPending || uninstall.isPending) && }
-
-
{data.plugin.package.description}
-
{data.plugin.package.keywords.concat(...data.plugin.installed ? ["installed"] : []).map((k, i) => - {k}
)}
-
- - {data.plugin.package.publisher.username}
-
- - {data.plugin.package.version}
-
- - {prettyMilliseconds(new Date().getTime() - data.plugin.package.date.getTime(), { hideSeconds: true })}
-
- - {data.plugin.package.license}
- {install.isPending && <>
-
- - installing
- }
- {uninstall.isPending && <>
-
- - uninstalling
- }
-
-
-
-
-
- {data.plugin.downloads.monthly}
-
-
-
-
-
-
- {plugins?.objects.map((p, i) =>
)}
-
-
-
-
-
-
-
-
-
-
-
+
+
+