pilothub 0.0.1

package/src/routeTree.gen.ts

@@ -0,0 +1,345 @@
+/* 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 UploadRouteImport } from './routes/upload'
+import { Route as StarsRouteImport } from './routes/stars'
+import { Route as SettingsRouteImport } from './routes/settings'
+import { Route as ManagementRouteImport } from './routes/management'
+import { Route as ImportRouteImport } from './routes/import'
+import { Route as DashboardRouteImport } from './routes/dashboard'
+import { Route as AdminRouteImport } from './routes/admin'
+import { Route as IndexRouteImport } from './routes/index'
+import { Route as SoulsIndexRouteImport } from './routes/souls/index'
+import { Route as SkillsIndexRouteImport } from './routes/skills/index'
+import { Route as UHandleRouteImport } from './routes/u/$handle'
+import { Route as SoulsSlugRouteImport } from './routes/souls/$slug'
+import { Route as CliAuthRouteImport } from './routes/cli/auth'
+import { Route as OwnerSlugRouteImport } from './routes/$owner/$slug'
+
+const UploadRoute = UploadRouteImport.update({
+  id: '/upload',
+  path: '/upload',
+  getParentRoute: () => rootRouteImport,
+} as any)
+const StarsRoute = StarsRouteImport.update({
+  id: '/stars',
+  path: '/stars',
+  getParentRoute: () => rootRouteImport,
+} as any)
+const SettingsRoute = SettingsRouteImport.update({
+  id: '/settings',
+  path: '/settings',
+  getParentRoute: () => rootRouteImport,
+} as any)
+const ManagementRoute = ManagementRouteImport.update({
+  id: '/management',
+  path: '/management',
+  getParentRoute: () => rootRouteImport,
+} as any)
+const ImportRoute = ImportRouteImport.update({
+  id: '/import',
+  path: '/import',
+  getParentRoute: () => rootRouteImport,
+} as any)
+const DashboardRoute = DashboardRouteImport.update({
+  id: '/dashboard',
+  path: '/dashboard',
+  getParentRoute: () => rootRouteImport,
+} as any)
+const AdminRoute = AdminRouteImport.update({
+  id: '/admin',
+  path: '/admin',
+  getParentRoute: () => rootRouteImport,
+} as any)
+const IndexRoute = IndexRouteImport.update({
+  id: '/',
+  path: '/',
+  getParentRoute: () => rootRouteImport,
+} as any)
+const SoulsIndexRoute = SoulsIndexRouteImport.update({
+  id: '/souls/',
+  path: '/souls/',
+  getParentRoute: () => rootRouteImport,
+} as any)
+const SkillsIndexRoute = SkillsIndexRouteImport.update({
+  id: '/skills/',
+  path: '/skills/',
+  getParentRoute: () => rootRouteImport,
+} as any)
+const UHandleRoute = UHandleRouteImport.update({
+  id: '/u/$handle',
+  path: '/u/$handle',
+  getParentRoute: () => rootRouteImport,
+} as any)
+const SoulsSlugRoute = SoulsSlugRouteImport.update({
+  id: '/souls/$slug',
+  path: '/souls/$slug',
+  getParentRoute: () => rootRouteImport,
+} as any)
+const CliAuthRoute = CliAuthRouteImport.update({
+  id: '/cli/auth',
+  path: '/cli/auth',
+  getParentRoute: () => rootRouteImport,
+} as any)
+const OwnerSlugRoute = OwnerSlugRouteImport.update({
+  id: '/$owner/$slug',
+  path: '/$owner/$slug',
+  getParentRoute: () => rootRouteImport,
+} as any)
+
+export interface FileRoutesByFullPath {
+  '/': typeof IndexRoute
+  '/admin': typeof AdminRoute
+  '/dashboard': typeof DashboardRoute
+  '/import': typeof ImportRoute
+  '/management': typeof ManagementRoute
+  '/settings': typeof SettingsRoute
+  '/stars': typeof StarsRoute
+  '/upload': typeof UploadRoute
+  '/$owner/$slug': typeof OwnerSlugRoute
+  '/cli/auth': typeof CliAuthRoute
+  '/souls/$slug': typeof SoulsSlugRoute
+  '/u/$handle': typeof UHandleRoute
+  '/skills/': typeof SkillsIndexRoute
+  '/souls/': typeof SoulsIndexRoute
+}
+export interface FileRoutesByTo {
+  '/': typeof IndexRoute
+  '/admin': typeof AdminRoute
+  '/dashboard': typeof DashboardRoute
+  '/import': typeof ImportRoute
+  '/management': typeof ManagementRoute
+  '/settings': typeof SettingsRoute
+  '/stars': typeof StarsRoute
+  '/upload': typeof UploadRoute
+  '/$owner/$slug': typeof OwnerSlugRoute
+  '/cli/auth': typeof CliAuthRoute
+  '/souls/$slug': typeof SoulsSlugRoute
+  '/u/$handle': typeof UHandleRoute
+  '/skills': typeof SkillsIndexRoute
+  '/souls': typeof SoulsIndexRoute
+}
+export interface FileRoutesById {
+  __root__: typeof rootRouteImport
+  '/': typeof IndexRoute
+  '/admin': typeof AdminRoute
+  '/dashboard': typeof DashboardRoute
+  '/import': typeof ImportRoute
+  '/management': typeof ManagementRoute
+  '/settings': typeof SettingsRoute
+  '/stars': typeof StarsRoute
+  '/upload': typeof UploadRoute
+  '/$owner/$slug': typeof OwnerSlugRoute
+  '/cli/auth': typeof CliAuthRoute
+  '/souls/$slug': typeof SoulsSlugRoute
+  '/u/$handle': typeof UHandleRoute
+  '/skills/': typeof SkillsIndexRoute
+  '/souls/': typeof SoulsIndexRoute
+}
+export interface FileRouteTypes {
+  fileRoutesByFullPath: FileRoutesByFullPath
+  fullPaths:
+    | '/'
+    | '/admin'
+    | '/dashboard'
+    | '/import'
+    | '/management'
+    | '/settings'
+    | '/stars'
+    | '/upload'
+    | '/$owner/$slug'
+    | '/cli/auth'
+    | '/souls/$slug'
+    | '/u/$handle'
+    | '/skills/'
+    | '/souls/'
+  fileRoutesByTo: FileRoutesByTo
+  to:
+    | '/'
+    | '/admin'
+    | '/dashboard'
+    | '/import'
+    | '/management'
+    | '/settings'
+    | '/stars'
+    | '/upload'
+    | '/$owner/$slug'
+    | '/cli/auth'
+    | '/souls/$slug'
+    | '/u/$handle'
+    | '/skills'
+    | '/souls'
+  id:
+    | '__root__'
+    | '/'
+    | '/admin'
+    | '/dashboard'
+    | '/import'
+    | '/management'
+    | '/settings'
+    | '/stars'
+    | '/upload'
+    | '/$owner/$slug'
+    | '/cli/auth'
+    | '/souls/$slug'
+    | '/u/$handle'
+    | '/skills/'
+    | '/souls/'
+  fileRoutesById: FileRoutesById
+}
+export interface RootRouteChildren {
+  IndexRoute: typeof IndexRoute
+  AdminRoute: typeof AdminRoute
+  DashboardRoute: typeof DashboardRoute
+  ImportRoute: typeof ImportRoute
+  ManagementRoute: typeof ManagementRoute
+  SettingsRoute: typeof SettingsRoute
+  StarsRoute: typeof StarsRoute
+  UploadRoute: typeof UploadRoute
+  OwnerSlugRoute: typeof OwnerSlugRoute
+  CliAuthRoute: typeof CliAuthRoute
+  SoulsSlugRoute: typeof SoulsSlugRoute
+  UHandleRoute: typeof UHandleRoute
+  SkillsIndexRoute: typeof SkillsIndexRoute
+  SoulsIndexRoute: typeof SoulsIndexRoute
+}
+
+declare module '@tanstack/react-router' {
+  interface FileRoutesByPath {
+    '/upload': {
+      id: '/upload'
+      path: '/upload'
+      fullPath: '/upload'
+      preLoaderRoute: typeof UploadRouteImport
+      parentRoute: typeof rootRouteImport
+    }
+    '/stars': {
+      id: '/stars'
+      path: '/stars'
+      fullPath: '/stars'
+      preLoaderRoute: typeof StarsRouteImport
+      parentRoute: typeof rootRouteImport
+    }
+    '/settings': {
+      id: '/settings'
+      path: '/settings'
+      fullPath: '/settings'
+      preLoaderRoute: typeof SettingsRouteImport
+      parentRoute: typeof rootRouteImport
+    }
+    '/management': {
+      id: '/management'
+      path: '/management'
+      fullPath: '/management'
+      preLoaderRoute: typeof ManagementRouteImport
+      parentRoute: typeof rootRouteImport
+    }
+    '/import': {
+      id: '/import'
+      path: '/import'
+      fullPath: '/import'
+      preLoaderRoute: typeof ImportRouteImport
+      parentRoute: typeof rootRouteImport
+    }
+    '/dashboard': {
+      id: '/dashboard'
+      path: '/dashboard'
+      fullPath: '/dashboard'
+      preLoaderRoute: typeof DashboardRouteImport
+      parentRoute: typeof rootRouteImport
+    }
+    '/admin': {
+      id: '/admin'
+      path: '/admin'
+      fullPath: '/admin'
+      preLoaderRoute: typeof AdminRouteImport
+      parentRoute: typeof rootRouteImport
+    }
+    '/': {
+      id: '/'
+      path: '/'
+      fullPath: '/'
+      preLoaderRoute: typeof IndexRouteImport
+      parentRoute: typeof rootRouteImport
+    }
+    '/souls/': {
+      id: '/souls/'
+      path: '/souls'
+      fullPath: '/souls/'
+      preLoaderRoute: typeof SoulsIndexRouteImport
+      parentRoute: typeof rootRouteImport
+    }
+    '/skills/': {
+      id: '/skills/'
+      path: '/skills'
+      fullPath: '/skills/'
+      preLoaderRoute: typeof SkillsIndexRouteImport
+      parentRoute: typeof rootRouteImport
+    }
+    '/u/$handle': {
+      id: '/u/$handle'
+      path: '/u/$handle'
+      fullPath: '/u/$handle'
+      preLoaderRoute: typeof UHandleRouteImport
+      parentRoute: typeof rootRouteImport
+    }
+    '/souls/$slug': {
+      id: '/souls/$slug'
+      path: '/souls/$slug'
+      fullPath: '/souls/$slug'
+      preLoaderRoute: typeof SoulsSlugRouteImport
+      parentRoute: typeof rootRouteImport
+    }
+    '/cli/auth': {
+      id: '/cli/auth'
+      path: '/cli/auth'
+      fullPath: '/cli/auth'
+      preLoaderRoute: typeof CliAuthRouteImport
+      parentRoute: typeof rootRouteImport
+    }
+    '/$owner/$slug': {
+      id: '/$owner/$slug'
+      path: '/$owner/$slug'
+      fullPath: '/$owner/$slug'
+      preLoaderRoute: typeof OwnerSlugRouteImport
+      parentRoute: typeof rootRouteImport
+    }
+  }
+}
+
+const rootRouteChildren: RootRouteChildren = {
+  IndexRoute: IndexRoute,
+  AdminRoute: AdminRoute,
+  DashboardRoute: DashboardRoute,
+  ImportRoute: ImportRoute,
+  ManagementRoute: ManagementRoute,
+  SettingsRoute: SettingsRoute,
+  StarsRoute: StarsRoute,
+  UploadRoute: UploadRoute,
+  OwnerSlugRoute: OwnerSlugRoute,
+  CliAuthRoute: CliAuthRoute,
+  SoulsSlugRoute: SoulsSlugRoute,
+  UHandleRoute: UHandleRoute,
+  SkillsIndexRoute: SkillsIndexRoute,
+  SoulsIndexRoute: SoulsIndexRoute,
+}
+export const routeTree = rootRouteImport
+  ._addFileChildren(rootRouteChildren)
+  ._addFileTypes<FileRouteTypes>()
+
+import type { getRouter } from './router.tsx'
+import type { createStart } from '@tanstack/react-start'
+declare module '@tanstack/react-start' {
+  interface Register {
+    ssr: true
+    router: Awaited<ReturnType<typeof getRouter>>
+  }
+}

package/src/router.tsx

@@ -0,0 +1,17 @@
+import { createRouter } from '@tanstack/react-router'
+
+// Import the generated route tree
+import { routeTree } from './routeTree.gen'
+
+// Create a new router instance
+export const getRouter = () => {
+  const router = createRouter({
+    routeTree,
+    context: {},
+
+    scrollRestoration: true,
+    defaultPreloadStaleTime: 0,
+  })
+
+  return router
+}

package/src/routes/$owner/$slug.tsx

@@ -0,0 +1,55 @@
+import { createFileRoute } from '@tanstack/react-router'
+import { SkillDetailPage } from '../../components/SkillDetailPage'
+import { buildSkillMeta, fetchSkillMeta } from '../../lib/og'
+
+export const Route = createFileRoute('/$owner/$slug')({
+  loader: async ({ params }) => {
+    const data = await fetchSkillMeta(params.slug)
+    return {
+      owner: data?.owner ?? params.owner,
+      displayName: data?.displayName ?? null,
+      summary: data?.summary ?? null,
+      version: data?.version ?? null,
+    }
+  },
+  head: ({ params, loaderData }) => {
+    const meta = buildSkillMeta({
+      slug: params.slug,
+      owner: loaderData?.owner ?? params.owner,
+      displayName: loaderData?.displayName,
+      summary: loaderData?.summary,
+      version: loaderData?.version ?? null,
+    })
+    return {
+      links: [
+        {
+          rel: 'canonical',
+          href: meta.url,
+        },
+      ],
+      meta: [
+        { title: meta.title },
+        { name: 'description', content: meta.description },
+        { property: 'og:title', content: meta.title },
+        { property: 'og:description', content: meta.description },
+        { property: 'og:type', content: 'website' },
+        { property: 'og:url', content: meta.url },
+        { property: 'og:image', content: meta.image },
+        { property: 'og:image:width', content: '1200' },
+        { property: 'og:image:height', content: '630' },
+        { property: 'og:image:alt', content: meta.title },
+        { name: 'twitter:card', content: 'summary_large_image' },
+        { name: 'twitter:title', content: meta.title },
+        { name: 'twitter:description', content: meta.description },
+        { name: 'twitter:image', content: meta.image },
+        { name: 'twitter:image:alt', content: meta.title },
+      ],
+    }
+  },
+  component: OwnerSkill,
+})
+
+function OwnerSkill() {
+  const { owner, slug } = Route.useParams()
+  return <SkillDetailPage slug={slug} canonicalOwner={owner} />
+}

package/src/routes/__root.tsx

@@ -0,0 +1,136 @@
+import { TanStackDevtools } from '@tanstack/react-devtools'
+import { createRootRoute, HeadContent, Scripts } from '@tanstack/react-router'
+import { TanStackRouterDevtoolsPanel } from '@tanstack/react-router-devtools'
+import { Analytics } from '@vercel/analytics/react'
+import { AppProviders } from '../components/AppProviders'
+import { ClientOnly } from '../components/ClientOnly'
+import { Footer } from '../components/Footer'
+import Header from '../components/Header'
+import { getSiteDescription, getSiteMode, getSiteName, getSiteUrlForMode } from '../lib/site'
+
+import appCss from '../styles.css?url'
+
+export const Route = createRootRoute({
+  head: () => {
+    const mode = getSiteMode()
+    const siteName = getSiteName(mode)
+    const siteDescription = getSiteDescription(mode)
+    const siteUrl = getSiteUrlForMode(mode)
+    const ogImage = `${siteUrl}/og.png`
+
+    return {
+      meta: [
+        {
+          charSet: 'utf-8',
+        },
+        {
+          name: 'viewport',
+          content: 'width=device-width, initial-scale=1',
+        },
+        {
+          title: siteName,
+        },
+        {
+          name: 'description',
+          content: siteDescription,
+        },
+        {
+          property: 'og:site_name',
+          content: siteName,
+        },
+        {
+          property: 'og:type',
+          content: 'website',
+        },
+        {
+          property: 'og:title',
+          content: siteName,
+        },
+        {
+          property: 'og:description',
+          content: siteDescription,
+        },
+        {
+          property: 'og:image',
+          content: ogImage,
+        },
+        {
+          property: 'og:image:width',
+          content: '1200',
+        },
+        {
+          property: 'og:image:height',
+          content: '630',
+        },
+        {
+          property: 'og:image:alt',
+          content: `${siteName} — ${siteDescription}`,
+        },
+        {
+          name: 'twitter:card',
+          content: 'summary_large_image',
+        },
+        {
+          name: 'twitter:title',
+          content: siteName,
+        },
+        {
+          name: 'twitter:description',
+          content: siteDescription,
+        },
+        {
+          name: 'twitter:image',
+          content: ogImage,
+        },
+        {
+          name: 'twitter:image:alt',
+          content: `${siteName} — ${siteDescription}`,
+        },
+      ],
+      links: [
+        {
+          rel: 'stylesheet',
+          href: appCss,
+        },
+      ],
+    }
+  },
+
+  shellComponent: RootDocument,
+})
+
+function RootDocument({ children }: { children: React.ReactNode }) {
+  return (
+    <html lang="en">
+      <head>
+        <HeadContent />
+      </head>
+      <body>
+        <ClientOnly>
+          <AppProviders>
+            <div className="app-shell">
+              <Header />
+              {children}
+              <Footer />
+            </div>
+            <Analytics />
+            {import.meta.env.DEV ? (
+              <TanStackDevtools
+                config={{
+                  position: 'bottom-right',
+                }}
+                plugins={[
+                  {
+                    name: 'Tanstack Router',
+                    render: <TanStackRouterDevtoolsPanel />,
+                  },
+                ]}
+              />
+            ) : null}
+          </AppProviders>
+        </ClientOnly>
+        <Scripts />
+      </body>
+    </html>
+  )
+}

package/src/routes/admin.tsx

@@ -0,0 +1,11 @@
+import { createFileRoute, redirect } from '@tanstack/react-router'
+
+export const Route = createFileRoute('/admin')({
+  beforeLoad: () => {
+    throw redirect({
+      to: '/management',
+      search: { skill: undefined },
+      replace: true,
+    })
+  },
+})