npm - @idevconn/create-icore - Versions diffs - 0.1.0 - Mend

@idevconn/create-icore 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (241) hide show

package/templates/apps/templates/client-shadcn/index.html ADDED Viewed

@@ -0,0 +1,17 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <title>ClientShadcn</title>
+    <base href="/" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <link rel="icon" type="image/x-icon" href="/favicon.ico" />
+    <meta name="x-app-version" content="%APP_VERSION%" />
+    <link rel="stylesheet" href="/src/styles.css" />
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>

package/templates/apps/templates/client-shadcn/project.json ADDED Viewed

@@ -0,0 +1,9 @@
+{
+  "name": "client-shadcn",
+  "$schema": "../../../node_modules/nx/schemas/project-schema.json",
+  "sourceRoot": "apps/templates/client-shadcn/src",
+  "projectType": "application",
+  "tags": [],
+  "// targets": "to see all targets run: nx show project client-shadcn --web",
+  "targets": {}
+}

package/templates/apps/templates/client-shadcn/public/favicon.ico ADDED Viewed

Binary file

package/templates/apps/templates/client-shadcn/src/app/app.module.css ADDED Viewed

	@@ -0,0 +1 @@
1	+ /* Your styles goes here. */

package/templates/apps/templates/client-shadcn/src/app/app.spec.tsx ADDED Viewed

@@ -0,0 +1,9 @@
+import { render } from '@testing-library/react';
+import App from './app';
+describe('App', () => {
+  it('should render without crashing', () => {
+    const { baseElement } = render(<App />);
+    expect(baseElement).toBeTruthy();
+  });
+});

package/templates/apps/templates/client-shadcn/src/app/app.tsx ADDED Viewed

@@ -0,0 +1,7 @@
+// Placeholder — replaced by TanStack Router file routes in src/routes/
+// See: src/main.tsx for the bootstrap
+export function App() {
+  return null;
+}
+export default App;

package/templates/apps/templates/client-shadcn/src/assets/.gitkeep ADDED Viewed

File without changes

package/templates/apps/templates/client-shadcn/src/components/AccessDeniedPage.tsx ADDED Viewed

@@ -0,0 +1,15 @@
+import { useTranslation } from 'react-i18next';
+import { Link } from '@tanstack/react-router';
+export function AccessDeniedPage() {
+  const { t } = useTranslation();
+  return (
+    <div className="min-h-[60vh] flex flex-col items-center justify-center gap-2 text-center px-6">
+      <h1 className="text-2xl font-semibold">{t('error.accessDenied')}</h1>
+      <p className="text-muted-foreground">{t('error.unknown')}</p>
+      <Link to="/_dashboard/dashboard" className="mt-4 underline">
+        ← Dashboard
+      </Link>
+    </div>
+  );
+}

package/templates/apps/templates/client-shadcn/src/components/PageLayout.tsx ADDED Viewed

@@ -0,0 +1,55 @@
+import type { ReactNode } from 'react';
+import { useTranslation } from 'react-i18next';
+import { Can, useDraft, useLoading } from '@icore/template-shared';
+import type { AbilityAction, AbilitySubject } from '@icore/shared';
+import { AccessDeniedPage } from './AccessDeniedPage';
+interface PageLayoutProps {
+  title: string;
+  description?: string;
+  /** CASL action gate. When provided together with `subject`, renders AccessDeniedPage if the ability check fails. */
+  action?: AbilityAction;
+  /** CASL subject gate. When provided together with `action`, renders AccessDeniedPage if the ability check fails. */
+  subject?: AbilitySubject;
+  children: ReactNode;
+}
+export function PageLayout({ title, description, action, subject, children }: PageLayoutProps) {
+  const { t } = useTranslation();
+  const isLoading = useLoading();
+  // Reset global draft state on mount/unmount so navigation is never blocked on a fresh page.
+  useDraft(false);
+  const content = (
+    <div className="p-4 md:p-6 space-y-4">
+      <div>
+        <h1 className="text-xl font-semibold text-foreground">{title}</h1>
+        {description && <p className="text-sm text-muted-foreground mt-1">{description}</p>}
+      </div>
+      {isLoading && (
+        <div
+          role="status"
+          aria-label={t('common.loading')}
+          className="fixed inset-0 z-50 flex items-center justify-center bg-background/60 backdrop-blur-sm"
+        >
+          <div className="h-8 w-8 animate-spin rounded-full border-2 border-primary border-t-transparent" />
+        </div>
+      )}
+      {children}
+    </div>
+  );
+  // When both action and subject are provided, gate the content with a CASL ability check.
+  if (action && subject) {
+    return (
+      <Can I={action} a={subject as Exclude<AbilitySubject, 'all'>} passThrough>
+        {({ isAllowed }: { isAllowed: boolean }) => (isAllowed ? content : <AccessDeniedPage />)}
+      </Can>
+    );
+  }
+  return content;
+}

package/templates/apps/templates/client-shadcn/src/components/layout/LayoutFooter.tsx ADDED Viewed

@@ -0,0 +1,8 @@
+export function LayoutFooter() {
+  const year = new Date().getFullYear();
+  return (
+    <footer className="border-t border-border px-6 py-3 text-xs text-muted-foreground text-center">
+      &copy; icore {year}
+    </footer>
+  );
+}

package/templates/apps/templates/client-shadcn/src/components/layout/LayoutHeader.tsx ADDED Viewed

@@ -0,0 +1,57 @@
+import { useTranslation } from 'react-i18next';
+import { useNavigate } from '@tanstack/react-router';
+import { useAuthStore, setStoredLocale, type IcoreLocale } from '@icore/template-shared';
+import { Button } from '../ui/button';
+const LOCALES: { code: IcoreLocale; label: string }[] = [
+  { code: 'en', label: 'EN' },
+  { code: 'ru', label: 'RU' },
+  { code: 'he', label: 'HE' },
+];
+export function LayoutHeader() {
+  const { t } = useTranslation();
+  const navigate = useNavigate();
+  const user = useAuthStore((s) => s.user);
+  const logout = useAuthStore((s) => s.logout);
+  function handleLocale(code: IcoreLocale) {
+    setStoredLocale(code);
+    window.location.reload();
+  }
+  function handleLogout() {
+    logout();
+    void navigate({ to: '/login' });
+  }
+  return (
+    <header className="border-b border-border px-6 py-3 flex items-center justify-between bg-background">
+      <span className="font-semibold text-foreground tracking-tight">icore</span>
+      <div className="flex items-center gap-4">
+        <div className="flex items-center gap-1">
+          {LOCALES.map(({ code, label }) => (
+            <button
+              key={code}
+              onClick={() => handleLocale(code)}
+              className="text-xs px-2 py-1 rounded hover:bg-muted text-muted-foreground hover:text-foreground transition-colors"
+              type="button"
+            >
+              {label}
+            </button>
+          ))}
+        </div>
+        <div className="flex items-center gap-2">
+          <span className="text-sm text-muted-foreground hidden sm:inline">
+            {user?.email ?? ''}
+          </span>
+          <Button variant="outline" size="sm" onClick={handleLogout}>
+            {t('common.logout')}
+          </Button>
+        </div>
+      </div>
+    </header>
+  );
+}

package/templates/apps/templates/client-shadcn/src/components/layout/LayoutSider.tsx ADDED Viewed

@@ -0,0 +1,44 @@
+import { useState } from 'react';
+import { Link } from '@tanstack/react-router';
+import { useTranslation } from 'react-i18next';
+import { ChevronLeft, ChevronRight, LayoutDashboard, User } from 'lucide-react';
+export function LayoutSider() {
+  const { t } = useTranslation();
+  const [collapsed, setCollapsed] = useState(false);
+  return (
+    <aside
+      className={`relative flex flex-col border-r border-border bg-background transition-all duration-200 ${
+        collapsed ? 'w-12' : 'w-48'
+      }`}
+    >
+      <nav className="flex flex-col gap-1 p-2 flex-1">
+        <Link
+          to="/_dashboard/dashboard"
+          activeOptions={{ exact: true }}
+          className="flex items-center gap-2 px-2 py-2 rounded hover:bg-muted text-sm text-foreground transition-colors [&.active]:bg-muted [&.active]:font-medium"
+        >
+          <LayoutDashboard size={16} className="shrink-0" />
+          {!collapsed && <span>{t('nav.dashboard')}</span>}
+        </Link>
+        <Link
+          to="/_dashboard/profile"
+          className="flex items-center gap-2 px-2 py-2 rounded hover:bg-muted text-sm text-foreground transition-colors [&.active]:bg-muted [&.active]:font-medium"
+        >
+          <User size={16} className="shrink-0" />
+          {!collapsed && <span>{t('nav.profile')}</span>}
+        </Link>
+      </nav>
+      <button
+        onClick={() => setCollapsed((c) => !c)}
+        className="absolute -right-3 top-4 z-10 flex h-6 w-6 items-center justify-center rounded-full border border-border bg-background text-muted-foreground hover:text-foreground shadow-sm"
+        type="button"
+        aria-label={collapsed ? 'Expand sidebar' : 'Collapse sidebar'}
+      >
+        {collapsed ? <ChevronRight size={12} /> : <ChevronLeft size={12} />}
+      </button>
+    </aside>
+  );
+}

package/templates/apps/templates/client-shadcn/src/components/ui/button.tsx ADDED Viewed

@@ -0,0 +1,50 @@
+import * as React from 'react';
+import { Slot } from '@radix-ui/react-slot';
+import { cva, type VariantProps } from 'class-variance-authority';
+import { cn } from '../../lib/utils';
+const buttonVariants = cva(
+  'inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0',
+  {
+    variants: {
+      variant: {
+        default:
+          'bg-[--color-primary] text-[--color-primary-foreground] hover:bg-[--color-primary]/90',
+        destructive: 'bg-[--color-destructive] text-white hover:bg-[--color-destructive]/90',
+        outline:
+          'border border-[--color-border] bg-transparent hover:bg-[--color-muted] hover:text-[--color-foreground]',
+        secondary: 'bg-[--color-muted] text-[--color-foreground] hover:bg-[--color-muted]/80',
+        ghost: 'hover:bg-[--color-muted] hover:text-[--color-foreground]',
+        link: 'text-[--color-primary] underline-offset-4 hover:underline',
+      },
+      size: {
+        default: 'h-10 px-4 py-2',
+        sm: 'h-9 rounded-md px-3',
+        lg: 'h-11 rounded-md px-8',
+        icon: 'h-10 w-10',
+      },
+    },
+    defaultVariants: {
+      variant: 'default',
+      size: 'default',
+    },
+  },
+);
+export interface ButtonProps
+  extends React.ButtonHTMLAttributes<HTMLButtonElement>,
+    VariantProps<typeof buttonVariants> {
+  asChild?: boolean;
+}
+const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
+  ({ className, variant, size, asChild = false, ...props }, ref) => {
+    const Comp = asChild ? Slot : 'button';
+    return (
+      <Comp className={cn(buttonVariants({ variant, size, className }))} ref={ref} {...props} />
+    );
+  },
+);
+Button.displayName = 'Button';
+export { Button, buttonVariants };

package/templates/apps/templates/client-shadcn/src/components/ui/card.tsx ADDED Viewed

@@ -0,0 +1,63 @@
+// NOTE: shadcn ships Card + its sub-components (CardHeader, CardTitle, etc.)
+// as a single export module. This is an exception to the project's
+// "one component per file" rule, which applies to APPLICATION components —
+// vendored design-system primitives that always travel together are kept
+// in a single file matching the upstream shadcn source structure.
+import * as React from 'react';
+import { cn } from '../../lib/utils';
+const Card = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(
+  ({ className, ...props }, ref) => (
+    <div
+      ref={ref}
+      className={cn(
+        'rounded-lg border border-[--color-border] bg-[--color-background] text-[--color-foreground] shadow-sm',
+        className,
+      )}
+      {...props}
+    />
+  ),
+);
+Card.displayName = 'Card';
+const CardHeader = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(
+  ({ className, ...props }, ref) => (
+    <div ref={ref} className={cn('flex flex-col space-y-1.5 p-6', className)} {...props} />
+  ),
+);
+CardHeader.displayName = 'CardHeader';
+const CardTitle = React.forwardRef<HTMLParagraphElement, React.HTMLAttributes<HTMLHeadingElement>>(
+  ({ className, ...props }, ref) => (
+    <h3
+      ref={ref}
+      className={cn('text-2xl font-semibold leading-none tracking-tight', className)}
+      {...props}
+    />
+  ),
+);
+CardTitle.displayName = 'CardTitle';
+const CardDescription = React.forwardRef<
+  HTMLParagraphElement,
+  React.HTMLAttributes<HTMLParagraphElement>
+>(({ className, ...props }, ref) => (
+  <p ref={ref} className={cn('text-sm text-[--color-muted-foreground]', className)} {...props} />
+));
+CardDescription.displayName = 'CardDescription';
+const CardContent = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(
+  ({ className, ...props }, ref) => (
+    <div ref={ref} className={cn('p-6 pt-0', className)} {...props} />
+  ),
+);
+CardContent.displayName = 'CardContent';
+const CardFooter = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(
+  ({ className, ...props }, ref) => (
+    <div ref={ref} className={cn('flex items-center p-6 pt-0', className)} {...props} />
+  ),
+);
+CardFooter.displayName = 'CardFooter';
+export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent };

package/templates/apps/templates/client-shadcn/src/components/ui/input.tsx ADDED Viewed

@@ -0,0 +1,23 @@
+import * as React from 'react';
+import { cn } from '../../lib/utils';
+export type InputProps = React.InputHTMLAttributes<HTMLInputElement>;
+const Input = React.forwardRef<HTMLInputElement, InputProps>(
+  ({ className, type, ...props }, ref) => {
+    return (
+      <input
+        type={type}
+        className={cn(
+          'flex h-10 w-full rounded-md border border-[--color-border] bg-transparent px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-[--color-muted-foreground] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[--color-primary] focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50',
+          className,
+        )}
+        ref={ref}
+        {...props}
+      />
+    );
+  },
+);
+Input.displayName = 'Input';
+export { Input };

package/templates/apps/templates/client-shadcn/src/components/ui/label.tsx ADDED Viewed

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import * as LabelPrimitive from '@radix-ui/react-label';
+import { cva, type VariantProps } from 'class-variance-authority';
+import { cn } from '../../lib/utils';
+const labelVariants = cva(
+  'text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70',
+);
+const Label = React.forwardRef<
+  React.ElementRef<typeof LabelPrimitive.Root>,
+  React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root> & VariantProps<typeof labelVariants>
+>(({ className, ...props }, ref) => (
+  <LabelPrimitive.Root ref={ref} className={cn(labelVariants(), className)} {...props} />
+));
+Label.displayName = LabelPrimitive.Root.displayName;
+export { Label };

package/templates/apps/templates/client-shadcn/src/globals.css ADDED Viewed

@@ -0,0 +1,27 @@
+@import 'tailwindcss';
+@theme {
+  --color-background: oklch(0.99 0 0);
+  --color-foreground: oklch(0.15 0 0);
+  --color-primary: oklch(0.45 0.18 250);
+  --color-primary-foreground: oklch(0.98 0 0);
+  --color-muted: oklch(0.96 0 0);
+  --color-muted-foreground: oklch(0.45 0 0);
+  --color-border: oklch(0.92 0 0);
+  --color-destructive: oklch(0.55 0.25 25);
+  --radius-default: 0.5rem;
+}
+@layer base {
+  body {
+    background-color: var(--color-background);
+    color: var(--color-foreground);
+  }
+  html.dark {
+    --color-background: oklch(0.15 0 0);
+    --color-foreground: oklch(0.98 0 0);
+    --color-muted: oklch(0.25 0 0);
+    --color-muted-foreground: oklch(0.7 0 0);
+    --color-border: oklch(0.3 0 0);
+  }
+}

package/templates/apps/templates/client-shadcn/src/layouts/MainLayout.tsx ADDED Viewed

@@ -0,0 +1,17 @@
+import type { ReactNode } from 'react';
+import { LayoutHeader } from '../components/layout/LayoutHeader';
+import { LayoutSider } from '../components/layout/LayoutSider';
+import { LayoutFooter } from '../components/layout/LayoutFooter';
+export function MainLayout({ children }: { children: ReactNode }) {
+  return (
+    <div className="min-h-screen flex flex-col bg-background text-foreground">
+      <LayoutHeader />
+      <div className="flex-1 flex">
+        <LayoutSider />
+        <main className="flex-1 min-w-0">{children}</main>
+      </div>
+      <LayoutFooter />
+    </div>
+  );
+}

package/templates/apps/templates/client-shadcn/src/lib/notify.ts ADDED Viewed

@@ -0,0 +1,15 @@
+import { toast } from 'sonner';
+import { setNotifier } from '@icore/template-shared';
+export function wireShadcnNotifier() {
+  setNotifier({
+    success: (title, opts) =>
+      toast.success(title, { description: opts?.description, duration: opts?.duration }),
+    error: (title, opts) =>
+      toast.error(title, { description: opts?.description, duration: opts?.duration }),
+    info: (title, opts) =>
+      toast(title, { description: opts?.description, duration: opts?.duration }),
+    warning: (title, opts) =>
+      toast.warning(title, { description: opts?.description, duration: opts?.duration }),
+  });
+}

package/templates/apps/templates/client-shadcn/src/lib/utils.ts ADDED Viewed

@@ -0,0 +1,6 @@
+import { clsx, type ClassValue } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+export function cn(...inputs: ClassValue[]) {
+  return twMerge(clsx(inputs));
+}

package/templates/apps/templates/client-shadcn/src/main.tsx ADDED Viewed

@@ -0,0 +1,50 @@
+import './globals.css';
+import { StrictMode } from 'react';
+import { createRoot } from 'react-dom/client';
+import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
+import { RouterProvider, createRouter } from '@tanstack/react-router';
+import {
+  AbilityProvider,
+  createIcoreApi,
+  createIcoreI18n,
+  ICORE_LOCALES,
+} from '@icore/template-shared';
+import { I18nextProvider } from 'react-i18next';
+import { Toaster } from 'sonner';
+import { routeTree } from './routeTree.gen';
+import { wireShadcnNotifier } from './lib/notify';
+const queryClient = new QueryClient({
+  defaultOptions: { queries: { retry: false, refetchOnWindowFocus: false } },
+});
+const router = createRouter({ routeTree, context: { queryClient } });
+declare module '@tanstack/react-router' {
+  interface Register {
+    router: typeof router;
+  }
+}
+const i18n = createIcoreI18n({ resources: ICORE_LOCALES });
+// Single shared API instance — used by every query in src/queries/
+export const api = createIcoreApi({
+  baseUrl: import.meta.env.VITE_API_URL ?? '/api',
+  onUnauthorized: () => router.navigate({ to: '/login' }),
+});
+wireShadcnNotifier();
+createRoot(document.getElementById('root')!).render(
+  <StrictMode>
+    <I18nextProvider i18n={i18n}>
+      <QueryClientProvider client={queryClient}>
+        <AbilityProvider>
+          <RouterProvider router={router} />
+          <Toaster richColors />
+        </AbilityProvider>
+      </QueryClientProvider>
+    </I18nextProvider>
+  </StrictMode>,
+);

package/templates/apps/templates/client-shadcn/src/routeTree.gen.ts ADDED Viewed

@@ -0,0 +1,136 @@
+/* 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 LoginRouteImport } from './routes/login';
+import { Route as DashboardRouteImport } from './routes/_dashboard';
+import { Route as IndexRouteImport } from './routes/index';
+import { Route as DashboardProfileRouteImport } from './routes/_dashboard/profile';
+import { Route as DashboardDashboardRouteImport } from './routes/_dashboard/dashboard';
+const LoginRoute = LoginRouteImport.update({
+  id: '/login',
+  path: '/login',
+  getParentRoute: () => rootRouteImport,
+} as any);
+const DashboardRoute = DashboardRouteImport.update({
+  id: '/_dashboard',
+  getParentRoute: () => rootRouteImport,
+} as any);
+const IndexRoute = IndexRouteImport.update({
+  id: '/',
+  path: '/',
+  getParentRoute: () => rootRouteImport,
+} as any);
+const DashboardProfileRoute = DashboardProfileRouteImport.update({
+  id: '/profile',
+  path: '/profile',
+  getParentRoute: () => DashboardRoute,
+} as any);
+const DashboardDashboardRoute = DashboardDashboardRouteImport.update({
+  id: '/dashboard',
+  path: '/dashboard',
+  getParentRoute: () => DashboardRoute,
+} as any);
+export interface FileRoutesByFullPath {
+  '/': typeof IndexRoute;
+  '/login': typeof LoginRoute;
+  '/dashboard': typeof DashboardDashboardRoute;
+  '/profile': typeof DashboardProfileRoute;
+}
+export interface FileRoutesByTo {
+  '/': typeof IndexRoute;
+  '/login': typeof LoginRoute;
+  '/dashboard': typeof DashboardDashboardRoute;
+  '/profile': typeof DashboardProfileRoute;
+}
+export interface FileRoutesById {
+  __root__: typeof rootRouteImport;
+  '/': typeof IndexRoute;
+  '/_dashboard': typeof DashboardRouteWithChildren;
+  '/login': typeof LoginRoute;
+  '/_dashboard/dashboard': typeof DashboardDashboardRoute;
+  '/_dashboard/profile': typeof DashboardProfileRoute;
+}
+export interface FileRouteTypes {
+  fileRoutesByFullPath: FileRoutesByFullPath;
+  fullPaths: '/' | '/login' | '/dashboard' | '/profile';
+  fileRoutesByTo: FileRoutesByTo;
+  to: '/' | '/login' | '/dashboard' | '/profile';
+  id: '__root__' | '/' | '/_dashboard' | '/login' | '/_dashboard/dashboard' | '/_dashboard/profile';
+  fileRoutesById: FileRoutesById;
+}
+export interface RootRouteChildren {
+  IndexRoute: typeof IndexRoute;
+  DashboardRoute: typeof DashboardRouteWithChildren;
+  LoginRoute: typeof LoginRoute;
+}
+declare module '@tanstack/react-router' {
+  interface FileRoutesByPath {
+    '/login': {
+      id: '/login';
+      path: '/login';
+      fullPath: '/login';
+      preLoaderRoute: typeof LoginRouteImport;
+      parentRoute: typeof rootRouteImport;
+    };
+    '/_dashboard': {
+      id: '/_dashboard';
+      path: '';
+      fullPath: '/';
+      preLoaderRoute: typeof DashboardRouteImport;
+      parentRoute: typeof rootRouteImport;
+    };
+    '/': {
+      id: '/';
+      path: '/';
+      fullPath: '/';
+      preLoaderRoute: typeof IndexRouteImport;
+      parentRoute: typeof rootRouteImport;
+    };
+    '/_dashboard/profile': {
+      id: '/_dashboard/profile';
+      path: '/profile';
+      fullPath: '/profile';
+      preLoaderRoute: typeof DashboardProfileRouteImport;
+      parentRoute: typeof DashboardRoute;
+    };
+    '/_dashboard/dashboard': {
+      id: '/_dashboard/dashboard';
+      path: '/dashboard';
+      fullPath: '/dashboard';
+      preLoaderRoute: typeof DashboardDashboardRouteImport;
+      parentRoute: typeof DashboardRoute;
+    };
+  }
+}
+interface DashboardRouteChildren {
+  DashboardDashboardRoute: typeof DashboardDashboardRoute;
+  DashboardProfileRoute: typeof DashboardProfileRoute;
+}
+const DashboardRouteChildren: DashboardRouteChildren = {
+  DashboardDashboardRoute: DashboardDashboardRoute,
+  DashboardProfileRoute: DashboardProfileRoute,
+};
+const DashboardRouteWithChildren = DashboardRoute._addFileChildren(DashboardRouteChildren);
+const rootRouteChildren: RootRouteChildren = {
+  IndexRoute: IndexRoute,
+  DashboardRoute: DashboardRouteWithChildren,
+  LoginRoute: LoginRoute,
+};
+export const routeTree = rootRouteImport
+  ._addFileChildren(rootRouteChildren)
+  ._addFileTypes<FileRouteTypes>();

package/templates/apps/templates/client-shadcn/src/routes/__root.tsx ADDED Viewed

@@ -0,0 +1,5 @@
+import { createRootRoute, Outlet } from '@tanstack/react-router';
+export const Route = createRootRoute({
+  component: () => <Outlet />,
+});