@igstack/app-catalog-frontend-core 0.0.1

package/src/modules/pluginCore/PluginManagerContext.tsx

@@ -0,0 +1,78 @@
+import { objectify } from 'radashi'
+import { createContext, use, useMemo } from 'react'
+import type { ReactNode } from 'react'
+import type { PartialRecord } from '~/types/utilityTypes'
+import type { PluginInterfaceForCore } from './makePluginManagerContext'
+import type { EhPlugin, PluginName } from './types'
+
+export interface PluginManagerContextIface {
+  plugins: Array<EhPlugin>
+  interfaceForPlugins: PartialRecord<
+    PluginName,
+    PluginManagerInterfaceForPlugins
+  >
+}
+
+export interface PluginManagerInterfaceForPlugins {
+  // Future plugin interface methods can be added here
+}
+
+const PluginManagerContext = createContext<
+  PluginManagerContextIface | undefined
+>(undefined)
+
+interface PluginManagerProviderProps {
+  children: ReactNode
+  plugins: Array<EhPlugin>
+  pluginInterfaceForCore: PluginInterfaceForCore
+}
+
+export function PluginManagerContextProvider({
+  children,
+  plugins,
+}: PluginManagerProviderProps) {
+  const interfaceForPlugins = useMemo(() => {
+    return objectify(
+      plugins.map((p) => p.name),
+      (pluginName) => pluginName,
+      () => ({
+        // Future plugin interface methods can be added here
+      }),
+    )
+  }, [plugins])
+
+  const value: PluginManagerContextIface = useMemo(() => {
+    return {
+      plugins,
+      interfaceForPlugins,
+    }
+  }, [plugins, interfaceForPlugins])
+
+  return <PluginManagerContext value={value}>{children}</PluginManagerContext>
+}
+
+export function usePluginManager(): PluginManagerContextIface {
+  const context = use(PluginManagerContext)
+  if (context === undefined) {
+    throw new Error(
+      'usePluginManager must be used within an PluginManagerContextProvider',
+    )
+  }
+  return context
+}
+
+export function usePluginManagerForPlugin(
+  pluginName: PluginName,
+): PluginManagerInterfaceForPlugins {
+  const context = usePluginManager()
+
+  const interfaceForPlugins = context.interfaceForPlugins[pluginName]
+
+  if (interfaceForPlugins === undefined) {
+    throw new Error(
+      `usePluginManagerForPlugin("${pluginName}") is not initialized.`,
+    )
+  }
+
+  return interfaceForPlugins
+}

package/src/modules/pluginCore/makePluginManagerContext.ts

@@ -0,0 +1,13 @@
+import type { EhPlugin } from './types'
+
+export interface PluginInterfaceForCore {
+  // Future plugin interface methods can be added here
+}
+
+export function makePluginInterfaceForCore(
+  _plugins: Array<EhPlugin>,
+): PluginInterfaceForCore {
+  return {
+    // Future plugin interface methods can be added here
+  }
+}

package/src/modules/pluginCore/types.ts

@@ -0,0 +1,27 @@
+export interface PluginAsyncData<T> {
+  pluginName: string
+  data: T
+  isLoaded: boolean
+}
+
+export interface EhPlugin {
+  name: PluginName
+}
+export interface BaseAppAutoCompletableParent {
+  type: string
+  displayName: string
+  hasSingleChild: boolean
+}
+export interface BaseAutoCompletableItem {
+  type: string
+  slug: string
+  parent?: BaseAppAutoCompletableParent
+}
+
+export interface BaseAutoCompleteItemRender {
+  displayName: string
+  parentDisplayName?: string
+  isDefaultGroupItem?: boolean
+}
+
+export type PluginName = string

package/src/plugins/builtin/pageUrl/pageUrlTypes.ts

@@ -0,0 +1,16 @@
+import type {
+  BaseAppAutoCompletableParent,
+  BaseAutoCompletableItem,
+} from '~/modules/pluginCore/types'
+
+export interface PluginPageUrlAutoCompletableParent extends BaseAppAutoCompletableParent {
+  type: 'pageUrlParent'
+  displayName: string
+  aliases?: Array<string>
+}
+
+export interface PluginPageUrlAutocompleteItem extends BaseAutoCompletableItem {
+  type: 'pageUrl'
+  displayName: string
+  parent?: PluginPageUrlAutoCompletableParent
+}

package/src/routeTree.gen.ts

@@ -0,0 +1,361 @@
+/* eslint-disable */
+
+// @ts-nocheck
+
+// noinspection JSUnusedGlobalSymbols
+
+// This file was automatically generated by TanStack Router.
+// You should NOT make any changes in this file as it will be overwritten.
+// Additionally, you should also exclude this file from your linter and/or formatter to prevent it from being checked or modified.
+
+import { Route as rootRouteImport } from './routes/__root'
+import { Route as AdminRouteImport } from './routes/admin'
+import { Route as LayoutRouteImport } from './routes/_layout'
+import { Route as AdminIndexRouteImport } from './routes/admin/index'
+import { Route as LayoutIndexRouteImport } from './routes/_layout/index'
+import { Route as AuthCallbackRouteImport } from './routes/auth.callback'
+import { Route as AdminIconsRouteImport } from './routes/admin/icons'
+import { Route as AdminChatRouteImport } from './routes/admin/chat'
+import { Route as AdminApprovalMethodsRouteImport } from './routes/admin/approval-methods'
+import { Route as AdminAppForCatalogRouteImport } from './routes/admin/app-for-catalog'
+import { Route as LayoutLoginRouteImport } from './routes/_layout/login'
+import { Route as AdminApprovalMethodsIndexRouteImport } from './routes/admin/approval-methods/index'
+import { Route as AdminAppForCatalogIndexRouteImport } from './routes/admin/app-for-catalog/index'
+import { Route as AdminAppForCatalogIdRouteImport } from './routes/admin/app-for-catalog/$id'
+import { Route as LayoutCatalogAppsIndexRouteImport } from './routes/_layout/catalog.apps.index'
+
+const AdminRoute = AdminRouteImport.update({
+  id: '/admin',
+  path: '/admin',
+  getParentRoute: () => rootRouteImport,
+} as any)
+const LayoutRoute = LayoutRouteImport.update({
+  id: '/_layout',
+  getParentRoute: () => rootRouteImport,
+} as any)
+const AdminIndexRoute = AdminIndexRouteImport.update({
+  id: '/',
+  path: '/',
+  getParentRoute: () => AdminRoute,
+} as any)
+const LayoutIndexRoute = LayoutIndexRouteImport.update({
+  id: '/',
+  path: '/',
+  getParentRoute: () => LayoutRoute,
+} as any)
+const AuthCallbackRoute = AuthCallbackRouteImport.update({
+  id: '/auth/callback',
+  path: '/auth/callback',
+  getParentRoute: () => rootRouteImport,
+} as any)
+const AdminIconsRoute = AdminIconsRouteImport.update({
+  id: '/icons',
+  path: '/icons',
+  getParentRoute: () => AdminRoute,
+} as any)
+const AdminChatRoute = AdminChatRouteImport.update({
+  id: '/chat',
+  path: '/chat',
+  getParentRoute: () => AdminRoute,
+} as any)
+const AdminApprovalMethodsRoute = AdminApprovalMethodsRouteImport.update({
+  id: '/approval-methods',
+  path: '/approval-methods',
+  getParentRoute: () => AdminRoute,
+} as any)
+const AdminAppForCatalogRoute = AdminAppForCatalogRouteImport.update({
+  id: '/app-for-catalog',
+  path: '/app-for-catalog',
+  getParentRoute: () => AdminRoute,
+} as any)
+const LayoutLoginRoute = LayoutLoginRouteImport.update({
+  id: '/login',
+  path: '/login',
+  getParentRoute: () => LayoutRoute,
+} as any)
+const AdminApprovalMethodsIndexRoute =
+  AdminApprovalMethodsIndexRouteImport.update({
+    id: '/',
+    path: '/',
+    getParentRoute: () => AdminApprovalMethodsRoute,
+  } as any)
+const AdminAppForCatalogIndexRoute = AdminAppForCatalogIndexRouteImport.update({
+  id: '/',
+  path: '/',
+  getParentRoute: () => AdminAppForCatalogRoute,
+} as any)
+const AdminAppForCatalogIdRoute = AdminAppForCatalogIdRouteImport.update({
+  id: '/$id',
+  path: '/$id',
+  getParentRoute: () => AdminAppForCatalogRoute,
+} as any)
+const LayoutCatalogAppsIndexRoute = LayoutCatalogAppsIndexRouteImport.update({
+  id: '/catalog/apps/',
+  path: '/catalog/apps/',
+  getParentRoute: () => LayoutRoute,
+} as any)
+
+export interface FileRoutesByFullPath {
+  '/': typeof LayoutIndexRoute
+  '/admin': typeof AdminRouteWithChildren
+  '/login': typeof LayoutLoginRoute
+  '/admin/app-for-catalog': typeof AdminAppForCatalogRouteWithChildren
+  '/admin/approval-methods': typeof AdminApprovalMethodsRouteWithChildren
+  '/admin/chat': typeof AdminChatRoute
+  '/admin/icons': typeof AdminIconsRoute
+  '/auth/callback': typeof AuthCallbackRoute
+  '/admin/': typeof AdminIndexRoute
+  '/admin/app-for-catalog/$id': typeof AdminAppForCatalogIdRoute
+  '/admin/app-for-catalog/': typeof AdminAppForCatalogIndexRoute
+  '/admin/approval-methods/': typeof AdminApprovalMethodsIndexRoute
+  '/catalog/apps/': typeof LayoutCatalogAppsIndexRoute
+}
+export interface FileRoutesByTo {
+  '/login': typeof LayoutLoginRoute
+  '/admin/chat': typeof AdminChatRoute
+  '/admin/icons': typeof AdminIconsRoute
+  '/auth/callback': typeof AuthCallbackRoute
+  '/': typeof LayoutIndexRoute
+  '/admin': typeof AdminIndexRoute
+  '/admin/app-for-catalog/$id': typeof AdminAppForCatalogIdRoute
+  '/admin/app-for-catalog': typeof AdminAppForCatalogIndexRoute
+  '/admin/approval-methods': typeof AdminApprovalMethodsIndexRoute
+  '/catalog/apps': typeof LayoutCatalogAppsIndexRoute
+}
+export interface FileRoutesById {
+  __root__: typeof rootRouteImport
+  '/_layout': typeof LayoutRouteWithChildren
+  '/admin': typeof AdminRouteWithChildren
+  '/_layout/login': typeof LayoutLoginRoute
+  '/admin/app-for-catalog': typeof AdminAppForCatalogRouteWithChildren
+  '/admin/approval-methods': typeof AdminApprovalMethodsRouteWithChildren
+  '/admin/chat': typeof AdminChatRoute
+  '/admin/icons': typeof AdminIconsRoute
+  '/auth/callback': typeof AuthCallbackRoute
+  '/_layout/': typeof LayoutIndexRoute
+  '/admin/': typeof AdminIndexRoute
+  '/admin/app-for-catalog/$id': typeof AdminAppForCatalogIdRoute
+  '/admin/app-for-catalog/': typeof AdminAppForCatalogIndexRoute
+  '/admin/approval-methods/': typeof AdminApprovalMethodsIndexRoute
+  '/_layout/catalog/apps/': typeof LayoutCatalogAppsIndexRoute
+}
+export interface FileRouteTypes {
+  fileRoutesByFullPath: FileRoutesByFullPath
+  fullPaths:
+    | '/'
+    | '/admin'
+    | '/login'
+    | '/admin/app-for-catalog'
+    | '/admin/approval-methods'
+    | '/admin/chat'
+    | '/admin/icons'
+    | '/auth/callback'
+    | '/admin/'
+    | '/admin/app-for-catalog/$id'
+    | '/admin/app-for-catalog/'
+    | '/admin/approval-methods/'
+    | '/catalog/apps/'
+  fileRoutesByTo: FileRoutesByTo
+  to:
+    | '/login'
+    | '/admin/chat'
+    | '/admin/icons'
+    | '/auth/callback'
+    | '/'
+    | '/admin'
+    | '/admin/app-for-catalog/$id'
+    | '/admin/app-for-catalog'
+    | '/admin/approval-methods'
+    | '/catalog/apps'
+  id:
+    | '__root__'
+    | '/_layout'
+    | '/admin'
+    | '/_layout/login'
+    | '/admin/app-for-catalog'
+    | '/admin/approval-methods'
+    | '/admin/chat'
+    | '/admin/icons'
+    | '/auth/callback'
+    | '/_layout/'
+    | '/admin/'
+    | '/admin/app-for-catalog/$id'
+    | '/admin/app-for-catalog/'
+    | '/admin/approval-methods/'
+    | '/_layout/catalog/apps/'
+  fileRoutesById: FileRoutesById
+}
+export interface RootRouteChildren {
+  LayoutRoute: typeof LayoutRouteWithChildren
+  AdminRoute: typeof AdminRouteWithChildren
+  AuthCallbackRoute: typeof AuthCallbackRoute
+}
+
+declare module '@tanstack/react-router' {
+  interface FileRoutesByPath {
+    '/admin': {
+      id: '/admin'
+      path: '/admin'
+      fullPath: '/admin'
+      preLoaderRoute: typeof AdminRouteImport
+      parentRoute: typeof rootRouteImport
+    }
+    '/_layout': {
+      id: '/_layout'
+      path: ''
+      fullPath: '/'
+      preLoaderRoute: typeof LayoutRouteImport
+      parentRoute: typeof rootRouteImport
+    }
+    '/admin/': {
+      id: '/admin/'
+      path: '/'
+      fullPath: '/admin/'
+      preLoaderRoute: typeof AdminIndexRouteImport
+      parentRoute: typeof AdminRoute
+    }
+    '/_layout/': {
+      id: '/_layout/'
+      path: '/'
+      fullPath: '/'
+      preLoaderRoute: typeof LayoutIndexRouteImport
+      parentRoute: typeof LayoutRoute
+    }
+    '/auth/callback': {
+      id: '/auth/callback'
+      path: '/auth/callback'
+      fullPath: '/auth/callback'
+      preLoaderRoute: typeof AuthCallbackRouteImport
+      parentRoute: typeof rootRouteImport
+    }
+    '/admin/icons': {
+      id: '/admin/icons'
+      path: '/icons'
+      fullPath: '/admin/icons'
+      preLoaderRoute: typeof AdminIconsRouteImport
+      parentRoute: typeof AdminRoute
+    }
+    '/admin/chat': {
+      id: '/admin/chat'
+      path: '/chat'
+      fullPath: '/admin/chat'
+      preLoaderRoute: typeof AdminChatRouteImport
+      parentRoute: typeof AdminRoute
+    }
+    '/admin/approval-methods': {
+      id: '/admin/approval-methods'
+      path: '/approval-methods'
+      fullPath: '/admin/approval-methods'
+      preLoaderRoute: typeof AdminApprovalMethodsRouteImport
+      parentRoute: typeof AdminRoute
+    }
+    '/admin/app-for-catalog': {
+      id: '/admin/app-for-catalog'
+      path: '/app-for-catalog'
+      fullPath: '/admin/app-for-catalog'
+      preLoaderRoute: typeof AdminAppForCatalogRouteImport
+      parentRoute: typeof AdminRoute
+    }
+    '/_layout/login': {
+      id: '/_layout/login'
+      path: '/login'
+      fullPath: '/login'
+      preLoaderRoute: typeof LayoutLoginRouteImport
+      parentRoute: typeof LayoutRoute
+    }
+    '/admin/approval-methods/': {
+      id: '/admin/approval-methods/'
+      path: '/'
+      fullPath: '/admin/approval-methods/'
+      preLoaderRoute: typeof AdminApprovalMethodsIndexRouteImport
+      parentRoute: typeof AdminApprovalMethodsRoute
+    }
+    '/admin/app-for-catalog/': {
+      id: '/admin/app-for-catalog/'
+      path: '/'
+      fullPath: '/admin/app-for-catalog/'
+      preLoaderRoute: typeof AdminAppForCatalogIndexRouteImport
+      parentRoute: typeof AdminAppForCatalogRoute
+    }
+    '/admin/app-for-catalog/$id': {
+      id: '/admin/app-for-catalog/$id'
+      path: '/$id'
+      fullPath: '/admin/app-for-catalog/$id'
+      preLoaderRoute: typeof AdminAppForCatalogIdRouteImport
+      parentRoute: typeof AdminAppForCatalogRoute
+    }
+    '/_layout/catalog/apps/': {
+      id: '/_layout/catalog/apps/'
+      path: '/catalog/apps'
+      fullPath: '/catalog/apps/'
+      preLoaderRoute: typeof LayoutCatalogAppsIndexRouteImport
+      parentRoute: typeof LayoutRoute
+    }
+  }
+}
+
+interface LayoutRouteChildren {
+  LayoutLoginRoute: typeof LayoutLoginRoute
+  LayoutIndexRoute: typeof LayoutIndexRoute
+  LayoutCatalogAppsIndexRoute: typeof LayoutCatalogAppsIndexRoute
+}
+
+const LayoutRouteChildren: LayoutRouteChildren = {
+  LayoutLoginRoute: LayoutLoginRoute,
+  LayoutIndexRoute: LayoutIndexRoute,
+  LayoutCatalogAppsIndexRoute: LayoutCatalogAppsIndexRoute,
+}
+
+const LayoutRouteWithChildren =
+  LayoutRoute._addFileChildren(LayoutRouteChildren)
+
+interface AdminAppForCatalogRouteChildren {
+  AdminAppForCatalogIdRoute: typeof AdminAppForCatalogIdRoute
+  AdminAppForCatalogIndexRoute: typeof AdminAppForCatalogIndexRoute
+}
+
+const AdminAppForCatalogRouteChildren: AdminAppForCatalogRouteChildren = {
+  AdminAppForCatalogIdRoute: AdminAppForCatalogIdRoute,
+  AdminAppForCatalogIndexRoute: AdminAppForCatalogIndexRoute,
+}
+
+const AdminAppForCatalogRouteWithChildren =
+  AdminAppForCatalogRoute._addFileChildren(AdminAppForCatalogRouteChildren)
+
+interface AdminApprovalMethodsRouteChildren {
+  AdminApprovalMethodsIndexRoute: typeof AdminApprovalMethodsIndexRoute
+}
+
+const AdminApprovalMethodsRouteChildren: AdminApprovalMethodsRouteChildren = {
+  AdminApprovalMethodsIndexRoute: AdminApprovalMethodsIndexRoute,
+}
+
+const AdminApprovalMethodsRouteWithChildren =
+  AdminApprovalMethodsRoute._addFileChildren(AdminApprovalMethodsRouteChildren)
+
+interface AdminRouteChildren {
+  AdminAppForCatalogRoute: typeof AdminAppForCatalogRouteWithChildren
+  AdminApprovalMethodsRoute: typeof AdminApprovalMethodsRouteWithChildren
+  AdminChatRoute: typeof AdminChatRoute
+  AdminIconsRoute: typeof AdminIconsRoute
+  AdminIndexRoute: typeof AdminIndexRoute
+}
+
+const AdminRouteChildren: AdminRouteChildren = {
+  AdminAppForCatalogRoute: AdminAppForCatalogRouteWithChildren,
+  AdminApprovalMethodsRoute: AdminApprovalMethodsRouteWithChildren,
+  AdminChatRoute: AdminChatRoute,
+  AdminIconsRoute: AdminIconsRoute,
+  AdminIndexRoute: AdminIndexRoute,
+}
+
+const AdminRouteWithChildren = AdminRoute._addFileChildren(AdminRouteChildren)
+
+const rootRouteChildren: RootRouteChildren = {
+  LayoutRoute: LayoutRouteWithChildren,
+  AdminRoute: AdminRouteWithChildren,
+  AuthCallbackRoute: AuthCallbackRoute,
+}
+export const routeTree = rootRouteImport
+  ._addFileChildren(rootRouteChildren)
+  ._addFileTypes<FileRouteTypes>()

package/src/routes/__root.tsx

@@ -0,0 +1,23 @@
+import { Outlet, createRootRouteWithContext } from '@tanstack/react-router'
+import { TanStackRouterDevtools } from '@tanstack/react-router-devtools'
+import type { EhRouterContext } from '~/types/types'
+import { RootErrorPage } from '~/ui/components/error/RootErrorPage'
+import { NotFoundError } from '~/ui/error/NotFoundError'
+import { LoadingScreen } from '~/ui/layout/LoadingScreen'
+
+export const Route = createRootRouteWithContext<EhRouterContext>()({
+  component: RootRoute,
+  errorComponent: RootErrorPage,
+  pendingComponent: () => <LoadingScreen label="root pending" />,
+  notFoundComponent: () => <NotFoundError />,
+  wrapInSuspense: true,
+})
+
+function RootRoute() {
+  return (
+    <div className="min-h-screen bg-base-200">
+      <Outlet />
+      {import.meta.env.MODE === 'dev' ? <TanStackRouterDevtools /> : null}
+    </div>
+  )
+}

package/src/routes/_layout/catalog.apps.index.tsx

@@ -0,0 +1,28 @@
+import { createFileRoute } from '@tanstack/react-router'
+import { z } from 'zod'
+import { catalogRouteLoader } from '~/modules/appCatalog/catalogRouteLoader'
+import { AppCatalogLayout } from '~/modules/appCatalog/ui/layout/AppCatalogLayout'
+import { AppCatalogPage } from '~/modules/appCatalog/ui/pages/AppCatalogPage'
+
+const searchSchema = z.object({
+  app: z.string().optional(),
+  q: z.string().optional(),
+})
+
+export const Route = createFileRoute('/_layout/catalog/apps/')({
+  component: RouteComponent,
+  validateSearch: searchSchema,
+  async loader(ctx) {
+    await catalogRouteLoader(ctx)
+  },
+})
+
+function RouteComponent() {
+  const { queryClient, trpcClient } = Route.useRouteContext()
+
+  return (
+    <AppCatalogLayout queryClient={queryClient} trpcClient={trpcClient}>
+      <AppCatalogPage />
+    </AppCatalogLayout>
+  )
+}

package/src/routes/_layout/index.tsx

@@ -0,0 +1,31 @@
+import { createFileRoute } from '@tanstack/react-router'
+import { z } from 'zod'
+import { appCatalogRouteLoader } from '~/modules/appCatalog/routeLoader'
+import { AppCatalogLayout } from '~/modules/appCatalog/ui/layout/AppCatalogLayout'
+import { AppCatalogPage } from '~/modules/appCatalog/ui/pages/AppCatalogPage'
+
+const searchSchema = z.object({
+  app: z.string().optional(),
+  filterTag: z.string().optional(),
+})
+
+export const Route = createFileRoute('/_layout/')({
+  component: RouteComponent,
+  validateSearch: searchSchema,
+  async loader() {
+    const appCatalogLoader = await appCatalogRouteLoader()
+    return {
+      appCatalogLoader,
+    }
+  },
+})
+
+function RouteComponent() {
+  const { queryClient, trpcClient } = Route.useRouteContext()
+
+  return (
+    <AppCatalogLayout queryClient={queryClient} trpcClient={trpcClient}>
+      <AppCatalogPage />
+    </AppCatalogLayout>
+  )
+}

package/src/routes/_layout/login.tsx

@@ -0,0 +1,20 @@
+import { createFileRoute } from '@tanstack/react-router'
+import { LoginModal } from '~/modules/auth/ui/LoginModal'
+import { MainLayout } from '~/ui/layout/MainLayout'
+import { TopLevelProviders } from '~/ui/layout/TopLevelProviders'
+
+export const Route = createFileRoute('/_layout/login')({
+  component: RouteComponent,
+})
+
+function RouteComponent() {
+  const { queryClient, trpcClient } = Route.useRouteContext()
+
+  return (
+    <TopLevelProviders queryClient={queryClient} trpcClient={trpcClient}>
+      <MainLayout>
+        <LoginModal />
+      </MainLayout>
+    </TopLevelProviders>
+  )
+}

package/src/routes/_layout.tsx

@@ -0,0 +1,9 @@
+import { Outlet, createFileRoute } from '@tanstack/react-router'
+
+export const Route = createFileRoute('/_layout')({
+  component: LayoutComponent,
+})
+
+function LayoutComponent() {
+  return <Outlet />
+}