@tanstack/create 0.61.2 → 0.61.3

package/src/frameworks/react/add-ons/shadcn/assets/src/lib/utils.ts

@@ -1,4 +1,5 @@
-import { clsx, type ClassValue } from "clsx"
+import type { ClassValue } from 'clsx'
+import { clsx } from "clsx"
 import { twMerge } from "tailwind-merge"
 
 export function cn(...inputs: ClassValue[]) {

package/src/frameworks/react/add-ons/store/assets/src/routes/demo/store.tsx.ejs

@@ -1,7 +1,7 @@
 import { <% if (fileRouter) { %>createFileRoute<% } else { %>createRoute<% } %> } from '@tanstack/react-router'
 import { useStore } from '@tanstack/react-store'
 
-import { fullName, store } from '@/lib/demo-store'
+import { fullName, store } from '#/lib/demo-store'
 <% if (codeRouter) { %>
 import type { RootRoute } from '@tanstack/react-router'
 <% } else { %>

package/src/frameworks/react/add-ons/storybook/assets/src/routes/demo/storybook.tsx

@@ -1,11 +1,11 @@
 import { createFileRoute } from "@tanstack/react-router";
 import { useState } from "react";
 
-import { Dialog } from "@/components/storybook/dialog";
-import { Input } from "@/components/storybook/input";
-import { RadioGroup } from "@/components/storybook/radio-group";
-import { Slider } from "@/components/storybook/slider";
-import { Button } from "@/components/storybook/button";
+import { Dialog } from "#/components/storybook/dialog";
+import { Input } from "#/components/storybook/input";
+import { RadioGroup } from "#/components/storybook/radio-group";
+import { Slider } from "#/components/storybook/slider";
+import { Button } from "#/components/storybook/button";
 
 export const Route = createFileRoute("/demo/storybook")({
   component: StorybookDemo,

package/src/frameworks/react/add-ons/strapi/assets/src/routes/demo/strapi.tsx

@@ -1,4 +1,4 @@
-import { articles } from '@/lib/strapiClient'
+import { articles } from '#/lib/strapiClient'
 import { createFileRoute, Link } from '@tanstack/react-router'
 
 export const Route = createFileRoute('/demo/strapi')({

package/src/frameworks/react/add-ons/strapi/assets/src/routes/demo/strapi_.$articleId.tsx

@@ -1,4 +1,4 @@
-import { articles } from '@/lib/strapiClient'
+import { articles } from '#/lib/strapiClient'
 import { createFileRoute, Link } from '@tanstack/react-router'
 
 export const Route = createFileRoute('/demo/strapi_/$articleId')({

package/src/frameworks/react/add-ons/t3env/README.md

@@ -7,7 +7,7 @@
 ### Usage
 
 ```ts
-import { env } from "@/env";
+import { env } from "#/env";
 
 console.log(env.VITE_APP_TITLE);
 ```

package/src/frameworks/react/add-ons/tRPC/assets/src/integrations/trpc/react.ts

@@ -1,4 +1,4 @@
 import { createTRPCContext } from "@trpc/tanstack-react-query";
-import type { TRPCRouter } from "@/integrations/trpc/router";
+import type { TRPCRouter } from "#/integrations/trpc/router";
 
 export const { TRPCProvider, useTRPC } = createTRPCContext<TRPCRouter>();

package/src/frameworks/react/add-ons/tRPC/assets/src/routes/api.trpc.$.tsx

@@ -1,6 +1,6 @@
 import { createServerFileRoute } from '@tanstack/react-start/server'
 import { fetchRequestHandler } from '@trpc/server/adapters/fetch'
-import { trpcRouter } from '@/integrations/trpc/router'
+import { trpcRouter } from '#/integrations/trpc/router'
 import { createFileRoute } from '@tanstack/react-router'
 
 function handler({ request }: { request: Request }) {

package/src/frameworks/react/add-ons/tRPC/assets/src/routes/demo/trpc-todo.tsx

@@ -1,7 +1,7 @@
 import { useCallback, useState } from 'react'
 import { createFileRoute } from '@tanstack/react-router'
 import { useMutation, useQuery } from '@tanstack/react-query'
-import { useTRPC } from '@/integrations/trpc/react'
+import { useTRPC } from '#/integrations/trpc/react'
 
 export const Route = createFileRoute('/demo/trpc-todo')({
   component: TRPCTodos,

package/src/frameworks/react/add-ons/table/assets/src/routes/demo/table.tsx.ejs

@@ -11,7 +11,7 @@ import {
 } from '@tanstack/react-table'
 import { compareItems, rankItem } from '@tanstack/match-sorter-utils'
 
-import { makeData } from '@/data/demo-table-data'
+import { makeData } from '#/data/demo-table-data'
 
 import type {
   Column,
@@ -24,7 +24,7 @@ import type { RankingInfo } from '@tanstack/match-sorter-utils'
 <% if (codeRouter) { %>
 import type { RootRoute } from '@tanstack/react-router'
 <% } %>
-import type { Person } from '@/data/demo-table-data'
+import type { Person } from '#/data/demo-table-data'
 <% if (fileRouter) { %>
 export const Route = createFileRoute('/demo/table')({
   component: TableDemo,

package/src/frameworks/react/add-ons/tanstack-query/assets/src/integrations/tanstack-query/root-provider.tsx.ejs

@@ -5,8 +5,8 @@ import superjson from "superjson";
 import { createTRPCClient, httpBatchStreamLink } from "@trpc/client";
 import { createTRPCOptionsProxy } from "@trpc/tanstack-react-query";
 
-import type { TRPCRouter } from "@/integrations/trpc/router";
-import { TRPCProvider } from '@/integrations/trpc/react'
+import type { TRPCRouter } from "#/integrations/trpc/router";
+import { TRPCProvider } from '#/integrations/trpc/react'
 
 function getUrl() {
   const base = (() => {

package/src/frameworks/react/examples/events/assets/src/components/RemyAssistant.tsx

@@ -3,8 +3,8 @@ import { Send, X, ChefHat, Croissant } from 'lucide-react'
 import { Streamdown } from 'streamdown'
 import { Store } from '@tanstack/store'
 
-import { useConferenceChat } from '@/lib/conference-ai-hook'
-import type { ConferenceChatMessages } from '@/lib/conference-ai-hook'
+import { useConferenceChat } from '#/lib/conference-ai-hook'
+import type { ConferenceChatMessages } from '#/lib/conference-ai-hook'
 
 function Messages({ messages }: { messages: ConferenceChatMessages }) {
   const messagesContainerRef = useRef<HTMLDivElement>(null)

package/src/frameworks/react/examples/events/assets/src/components/SpeakerCard.tsx

@@ -3,7 +3,7 @@ import { MapPin } from 'lucide-react'
 
 import { type Speaker } from 'content-collections'
 
-import { Card, CardContent } from '@/components/ui/card'
+import { Card, CardContent } from '#/components/ui/card'
 
 interface SpeakerCardProps {
   speaker: Speaker

package/src/frameworks/react/examples/events/assets/src/components/TalkCard.tsx

@@ -3,7 +3,7 @@ import { Clock, User } from 'lucide-react'
 
 import { type Talk } from 'content-collections'
 
-import { Card, CardContent } from '@/components/ui/card'
+import { Card, CardContent } from '#/components/ui/card'
 
 interface TalkCardProps {
   talk: Talk

package/src/frameworks/react/examples/events/assets/src/components/ui/card.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react'
 
-import { cn } from '@/lib/utils'
+import { cn } from '#/lib/utils'
 
 function Card({ className, ...props }: React.ComponentProps<'div'>) {
   return (

package/src/frameworks/react/examples/events/assets/src/routes/api.remy-chat.ts

@@ -11,7 +11,7 @@ import {
   getAllSpeakers,
   getAllTalks,
   searchConference,
-} from '@/lib/conference-tools'
+} from '#/lib/conference-tools'
 
 export const Route = createFileRoute('/api/remy-chat')({
   server: {

package/src/frameworks/react/examples/events/assets/src/routes/index.tsx

@@ -3,10 +3,10 @@ import { ArrowRight, Calendar, MapPin, Users } from 'lucide-react'
 
 import { allSpeakers, allTalks } from 'content-collections'
 
-import SpeakerCard from '@/components/SpeakerCard'
-import TalkCard from '@/components/TalkCard'
-import RemyAssistant from '@/components/RemyAssistant'
-import HeroCarousel from '@/components/HeroCarousel'
+import SpeakerCard from '#/components/SpeakerCard'
+import TalkCard from '#/components/TalkCard'
+import RemyAssistant from '#/components/RemyAssistant'
+import HeroCarousel from '#/components/HeroCarousel'
 
 export const Route = createFileRoute('/')({
   component: HomePage,

package/src/frameworks/react/examples/events/assets/src/routes/schedule.index.tsx

@@ -4,7 +4,7 @@ import { useState } from 'react'
 
 import { allTalks, allSpeakers } from 'content-collections'
 
-import RemyAssistant from '@/components/RemyAssistant'
+import RemyAssistant from '#/components/RemyAssistant'
 
 export const Route = createFileRoute('/schedule/')({
   component: SchedulePage,

package/src/frameworks/react/examples/events/assets/src/routes/speakers.$slug.tsx

@@ -5,8 +5,8 @@ import { Link } from '@tanstack/react-router'
 
 import { allSpeakers, allTalks } from 'content-collections'
 
-import RemyAssistant from '@/components/RemyAssistant'
-import TalkCard from '@/components/TalkCard'
+import RemyAssistant from '#/components/RemyAssistant'
+import TalkCard from '#/components/TalkCard'
 
 export const Route = createFileRoute('/speakers/$slug')({
   loader: async ({ params }) => {

package/src/frameworks/react/examples/events/assets/src/routes/speakers.index.tsx

@@ -2,8 +2,8 @@ import { createFileRoute } from '@tanstack/react-router'
 
 import { allSpeakers } from 'content-collections'
 
-import SpeakerCard from '@/components/SpeakerCard'
-import RemyAssistant from '@/components/RemyAssistant'
+import SpeakerCard from '#/components/SpeakerCard'
+import RemyAssistant from '#/components/RemyAssistant'
 
 export const Route = createFileRoute('/speakers/')({
   component: SpeakersPage,

package/src/frameworks/react/examples/events/assets/src/routes/talks.$slug.tsx

@@ -4,7 +4,7 @@ import { Clock, User, ArrowLeft, Tag } from 'lucide-react'
 
 import { allTalks, allSpeakers } from 'content-collections'
 
-import RemyAssistant from '@/components/RemyAssistant'
+import RemyAssistant from '#/components/RemyAssistant'
 
 export const Route = createFileRoute('/talks/$slug')({
   loader: async ({ params }) => {

package/src/frameworks/react/examples/events/assets/src/routes/talks.index.tsx

@@ -2,8 +2,8 @@ import { createFileRoute } from '@tanstack/react-router'
 
 import { allTalks } from 'content-collections'
 
-import TalkCard from '@/components/TalkCard'
-import RemyAssistant from '@/components/RemyAssistant'
+import TalkCard from '#/components/TalkCard'
+import RemyAssistant from '#/components/RemyAssistant'
 
 export const Route = createFileRoute('/talks/')({
   component: TalksPage,

package/src/frameworks/react/examples/resume/assets/src/components/ResumeAssistant.tsx

@@ -3,8 +3,8 @@ import { Send, X, Briefcase, UserCheck } from "lucide-react";
 import { Streamdown } from "streamdown";
 import { Store } from "@tanstack/store";
 
-import { useResumeChat } from "@/lib/resume-ai-hook";
-import type { ResumeChatMessages } from "@/lib/resume-ai-hook";
+import { useResumeChat } from "#/lib/resume-ai-hook";
+import type { ResumeChatMessages } from "#/lib/resume-ai-hook";
 
 function Messages({ messages }: { messages: ResumeChatMessages }) {
   const messagesContainerRef = useRef<HTMLDivElement>(null);

package/src/frameworks/react/examples/resume/assets/src/components/ui/badge.tsx

@@ -2,7 +2,7 @@ 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"
+import { cn } from "#/lib/utils"
 
 const badgeVariants = cva(
   "inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden",

package/src/frameworks/react/examples/resume/assets/src/components/ui/card.tsx

@@ -1,6 +1,6 @@
 import * as React from "react"
 
-import { cn } from "@/lib/utils"
+import { cn } from "#/lib/utils"
 
 function Card({ className, ...props }: React.ComponentProps<"div">) {
   return (

package/src/frameworks/react/examples/resume/assets/src/components/ui/checkbox.tsx

@@ -2,7 +2,7 @@ import * as React from "react"
 import * as CheckboxPrimitive from "@radix-ui/react-checkbox"
 import { CheckIcon } from "lucide-react"
 
-import { cn } from "@/lib/utils"
+import { cn } from "#/lib/utils"
 
 function Checkbox({
   className,

package/src/frameworks/react/examples/resume/assets/src/components/ui/hover-card.tsx

@@ -3,7 +3,7 @@
 import * as React from "react"
 import * as HoverCardPrimitive from "@radix-ui/react-hover-card"
 
-import { cn } from "@/lib/utils"
+import { cn } from "#/lib/utils"
 
 function HoverCard({
   ...props

package/src/frameworks/react/examples/resume/assets/src/components/ui/separator.tsx

@@ -1,7 +1,7 @@
 import * as React from "react"
 import * as SeparatorPrimitive from "@radix-ui/react-separator"
 
-import { cn } from "@/lib/utils"
+import { cn } from "#/lib/utils"
 
 function Separator({
   className,

package/src/frameworks/react/examples/resume/assets/src/routes/api.resume-chat.ts

@@ -10,7 +10,7 @@ import {
   getAllJobs,
   getAllEducation,
   searchExperience,
-} from '@/lib/resume-tools'
+} from '#/lib/resume-tools'
 
 export const Route = createFileRoute('/api/resume-chat')({
   server: {

package/src/frameworks/react/examples/resume/assets/src/routes/index.tsx

@@ -3,17 +3,17 @@ import { marked } from 'marked'
 
 import { createFileRoute } from '@tanstack/react-router'
 import { allJobs, allEducations } from 'content-collections'
-import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'
-import { Checkbox } from '@/components/ui/checkbox'
-import { Badge } from '@/components/ui/badge'
-import { Separator } from '@/components/ui/separator'
+import { Card, CardContent, CardHeader, CardTitle } from '#/components/ui/card'
+import { Checkbox } from '#/components/ui/checkbox'
+import { Badge } from '#/components/ui/badge'
+import { Separator } from '#/components/ui/separator'
 import {
   HoverCard,
   HoverCardContent,
   HoverCardTrigger,
-} from '@/components/ui/hover-card'
+} from '#/components/ui/hover-card'
 
-import ResumeAssistant from '@/components/ResumeAssistant'
+import ResumeAssistant from '#/components/ResumeAssistant'
 
 export const Route = createFileRoute('/')({
   component: App,

package/src/frameworks/react/project/base/package.json

@@ -2,6 +2,9 @@
   "name": "",
   "private": true,
   "type": "module",
+  "imports": {
+    "#/*": "./src/*"
+  },
   "scripts": {
     "dev": "vite dev --port 3000",
     "build": "vite build",
@@ -16,8 +19,7 @@
     "@tanstack/react-start": "^1.132.0",
     "lucide-react": "^0.561.0",
     "react": "^19.2.0",
-    "react-dom": "^19.2.0",
-    "vite-tsconfig-paths": "^5.1.4"
+    "react-dom": "^19.2.0"
   },
   "devDependencies": {
     "@tanstack/devtools-vite": "^0.3.11",
@@ -29,6 +31,7 @@
     "jsdom": "^27.0.0",
     "typescript": "^5.7.2",
     "vite": "^7.1.7",
+    "vite-tsconfig-paths": "^5.1.4",
     "vitest": "^3.0.5"
   }
 }

package/src/frameworks/react/project/base/src/routes/__root.tsx.ejs

@@ -8,7 +8,7 @@ import Header from '../components/Header'
 <% } %><% for(const integration of integrations.filter(i => i.type === 'layout' || i.type === 'provider' || i.type === 'devtools')) { %>
 import <%= integration.jsName %> from '<%= relativePath(integration.path, true) %>'
 <% } %><% if (addOnEnabled.paraglide) { %>
-import { getLocale } from '@/paraglide/runtime'
+import { getLocale } from '#/paraglide/runtime'
 <% } %>
 import appCss from '../styles.css?url'
 <% if (addOnEnabled["apollo-client"]) { %>
@@ -17,7 +17,7 @@ import type { ApolloClientIntegration } from "@apollo/client-integration-tanstac
 <% if (addOnEnabled["tanstack-query"]) { %>
 import type { QueryClient } from '@tanstack/react-query'
 <% if (addOnEnabled.tRPC) { %>
-import type { TRPCRouter } from '@/integrations/trpc/router'
+import type { TRPCRouter } from '#/integrations/trpc/router'
 import type { TRPCOptionsProxy } from '@trpc/tanstack-react-query'
 <% } %>
 <% } %>

package/src/frameworks/react/project/base/tsconfig.json.ejs

@@ -5,6 +5,10 @@
     "target": "ES2022",
     "jsx": "react-jsx",
     "module": "ESNext",
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["./src/*"]
+    },
     "lib": ["ES2022", "DOM", "DOM.Iterable"],
     "types": ["vite/client"],
 
@@ -21,10 +25,6 @@
     "noUnusedLocals": true,
     "noUnusedParameters": true,
     "noFallthroughCasesInSwitch": true,
-    "noUncheckedSideEffectImports": true,
-    "baseUrl": ".",
-    "paths": {
-      "@/*": ["./src/*"]
-    }
+    "noUncheckedSideEffectImports": true
   }
 }

package/src/frameworks/react/project/base/vite.config.ts.ejs

@@ -1,31 +1,22 @@
 import { defineConfig } from 'vite'
 import { devtools } from '@tanstack/devtools-vite'
+import tsconfigPaths from 'vite-tsconfig-paths'
 <% if (addOnEnabled.paraglide) { -%>
 import { paraglideVitePlugin } from "@inlang/paraglide-js"
 <% } -%>
 import { tanstackStart } from '@tanstack/react-start/plugin/vite';
 import viteReact from '@vitejs/plugin-react'
-import viteTsConfigPaths from 'vite-tsconfig-paths'
-import { fileURLToPath, URL } from 'node:url'
 import tailwindcss from "@tailwindcss/vite"
 <% for(const integration of integrations.filter(i => i.type === 'vite-plugin')) { %><%- integrationImportContent(integration) %>
 <% } %>
 
 const config = defineConfig({
-  resolve: {
-    alias: {
-      '@': fileURLToPath(new URL('./src', import.meta.url)),
-    },
-  },
   plugins: [devtools(), <% if (addOnEnabled.paraglide) { %>paraglideVitePlugin({
     project: './project.inlang',
     outdir: './src/paraglide',
     strategy: ['url'],
   }), <% } %><% for(const integration of integrations.filter(i => i.type === 'vite-plugin')) { %><%- integrationImportCode(integration) %>,<% } %>
-    // this is the plugin that enables path aliases
-    viteTsConfigPaths({
-      projects: ['./tsconfig.json'],
-    }),
+    tsconfigPaths({ projects: ['./tsconfig.json'] }),
     tailwindcss(),
     tanstackStart(),
     viteReact(<% if (addOnEnabled.compiler) { %>{

package/src/frameworks/react/toolchains/eslint/assets/eslint.config.js

@@ -2,4 +2,19 @@
 
 import { tanstackConfig } from '@tanstack/eslint-config'
 
-export default [...tanstackConfig]
+export default [
+  ...tanstackConfig,
+  {
+    rules: {
+      'import/no-cycle': 'off',
+      'import/order': 'off',
+      'sort-imports': 'off',
+      '@typescript-eslint/array-type': 'off',
+      '@typescript-eslint/require-await': 'off',
+      'pnpm/json-enforce-catalog': 'off',
+    },
+  },
+  {
+    ignores: ['eslint.config.js', 'prettier.config.js'],
+  },
+]

package/src/frameworks/solid/toolchains/eslint/assets/eslint.config.js

@@ -2,4 +2,19 @@
 
 import { tanstackConfig } from "@tanstack/eslint-config";
 
-export default [...tanstackConfig];
+export default [
+  ...tanstackConfig,
+  {
+    rules: {
+      "import/no-cycle": "off",
+      "import/order": "off",
+      "sort-imports": "off",
+      "@typescript-eslint/array-type": "off",
+      "@typescript-eslint/require-await": "off",
+      "pnpm/json-enforce-catalog": "off",
+    },
+  },
+  {
+    ignores: ["eslint.config.js", "prettier.config.js"],
+  },
+];