Skip to content

Commit e09f46a

Browse files
jherrjherr
committed
fix: linting errors
1 parent af64a43 commit e09f46a

File tree

13 files changed

+32
-28
lines changed

13 files changed

+32
-28
lines changed

‎frameworks/react-cra/add-ons/oRPC/assets/src/orpc/client.ts

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,17 +1,18 @@
11
import { createRouterClient } from '@orpc/server'
2-
import type { RouterClient } from '@orpc/server'
32
import { createORPCClient } from '@orpc/client'
43
import { RPCLink } from '@orpc/client/fetch'
54
import { createTanstackQueryUtils } from '@orpc/tanstack-query'
65
import { getHeaders } from '@tanstack/react-start/server'
76
import { createIsomorphicFn } from '@tanstack/react-start'
87

8+
import type { RouterClient } from '@orpc/server'
9+
910
import router from '@/orpc/router'
1011

1112
const getORPCClient = createIsomorphicFn()
1213
.server(() =>
1314
createRouterClient(router, {
14-
context: async () => ({
15+
context: () => ({
1516
headers: getHeaders(),
1617
}),
1718
}),

‎frameworks/react-cra/add-ons/oRPC/assets/src/orpc/router/todos.ts

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -7,13 +7,13 @@ const todos = [
77
{ id: 3, name: 'Finish the project' },
88
]
99

10-
export const listTodos = os.input(z.object({})).handler(async () => {
10+
export const listTodos = os.input(z.object({})).handler(() => {
1111
return todos
1212
})
1313

1414
export const addTodo = os
1515
.input(z.object({ name: z.string() }))
16-
.handler(async ({ input }) => {
16+
.handler(({ input }) => {
1717
const newTodo = { id: todos.length + 1, name: input.name }
1818
todos.push(newTodo)
1919
return newTodo

‎frameworks/react-cra/add-ons/oRPC/assets/src/routes/demo.orpc-todo.tsx

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -46,12 +46,12 @@ function ORPCTodos() {
4646
<div className="w-full max-w-2xl p-8 rounded-xl backdrop-blur-md bg-black/50 shadow-xl border-8 border-black/10">
4747
<h1 className="text-2xl mb-4">Todos list</h1>
4848
<ul className="mb-4 space-y-2">
49-
{data?.map((todo) => (
49+
{data?.map((t) => (
5050
<li
51-
key={todo.id}
51+
key={t.id}
5252
className="bg-white/10 border border-white/20 rounded-lg p-3 backdrop-blur-sm shadow-md"
5353
>
54-
<span className="text-lg text-white">{todo.name}</span>
54+
<span className="text-lg text-white">{t.name}</span>
5555
</li>
5656
))}
5757
</ul>

‎frameworks/react-cra/add-ons/start/assets/src/routes/api.demo-names.ts

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,7 @@
1+
import { createServerFileRoute } from '@tanstack/react-start/server'
2+
13
export const ServerRoute = createServerFileRoute().methods({
2-
GET: async ({ request }) => {
4+
GET: ({ request }) => {
35
return new Response(JSON.stringify(['Alice', 'Bob', 'Charlie']), {
46
headers: {
57
'Content-Type': 'application/json',

‎frameworks/react-cra/add-ons/tRPC/assets/src/integrations/trpc/router.ts

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,20 +1,20 @@
11
import { z } from 'zod'
22

3-
import type { TRPCRouterRecord } from '@trpc/server'
4-
53
import { createTRPCRouter, publicProcedure } from './init'
64

5+
import type { TRPCRouterRecord } from '@trpc/server'
6+
77
const todos = [
88
{ id: 1, name: 'Get groceries' },
99
{ id: 2, name: 'Buy a new phone' },
1010
{ id: 3, name: 'Finish the project' },
1111
]
1212

1313
const todosRouter = {
14-
list: publicProcedure.query(async () => todos),
14+
list: publicProcedure.query(() => todos),
1515
add: publicProcedure
1616
.input(z.object({ name: z.string() }))
17-
.mutation(async ({ input }) => {
17+
.mutation(({ input }) => {
1818
const newTodo = { id: todos.length + 1, name: input.name }
1919
todos.push(newTodo)
2020
return newTodo

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

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -40,12 +40,12 @@ function TRPCTodos() {
4040
<div className="w-full max-w-2xl p-8 rounded-xl backdrop-blur-md bg-black/50 shadow-xl border-8 border-black/10">
4141
<h1 className="text-2xl mb-4">tRPC Todos list</h1>
4242
<ul className="mb-4 space-y-2">
43-
{data?.map((todo) => (
43+
{data?.map((t) => (
4444
<li
45-
key={todo.id}
45+
key={t.id}
4646
className="bg-white/10 border border-white/20 rounded-lg p-3 backdrop-blur-sm shadow-md"
4747
>
48-
<span className="text-lg text-white">{todo.name}</span>
48+
<span className="text-lg text-white">{t.name}</span>
4949
</li>
5050
))}
5151
</ul>

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

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -4,10 +4,10 @@ import superjson from "superjson";
44
import { createTRPCClient, httpBatchStreamLink } from "@trpc/client";
55
import { createTRPCOptionsProxy } from "@trpc/tanstack-react-query";
66
7-
import { TRPCProvider } from "@/integrations/trpc/react";
8-
97
import type { TRPCRouter } from "@/integrations/trpc/router";
108
9+
import { TRPCProvider } from "@/integrations/trpc/react";
10+
1111
function getUrl() {
1212
const base = (() => {
1313
if (typeof window !== "undefined") return "";

‎frameworks/react-cra/add-ons/tanstack-query/assets/src/routes/demo.tanstack-query.tsx.ejs

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -29,7 +29,7 @@ function TanStackQueryDemo() {
2929
<div className="w-full max-w-2xl p-8 rounded-xl backdrop-blur-md bg-black/50 shadow-xl border-8 border-black/10">
3030
<h1 className="text-2xl mb-4">TanStack Query Todos list</h1>
3131
<ul className="mb-4 space-y-2">
32-
{data?.map((todo) => (
32+
{data.map((todo) => (
3333
<li
3434
key={todo.id}
3535
className="bg-white/10 border border-white/20 rounded-lg p-3 backdrop-blur-sm shadow-md"

‎frameworks/react-cra/project/base/src/routes/__root.tsx.ejs

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,6 @@
1-
<% if (!fileRouter) { ignoreFile() } %>import { Outlet<% if (addOnEnabled.start) { %>
2-
, HeadContent, Scripts<% } %>, <% if (addOnEnabled["tanstack-query"]) { %>createRootRouteWithContext<% } else { %>createRootRoute<% } %> } from '@tanstack/react-router'
1+
<% if (!fileRouter) { ignoreFile() } %>import { <% if (addOnEnabled.start) { %>
2+
HeadContent, <% } %>Outlet<% if (addOnEnabled.start) { %>
3+
, Scripts<% } %>, <% if (addOnEnabled["tanstack-query"]) { %>createRootRouteWithContext<% } else { %>createRootRoute<% } %> } from '@tanstack/react-router'
34
import { TanStackRouterDevtools } from '@tanstack/react-router-devtools'
45
<% if (addOns.length) { %>
56
import Header from '../components/Header'

‎frameworks/react-cra/tests/snapshots/react-cra/cr-ts-start-npm.json

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -7,8 +7,8 @@
77
"/public/robots.txt": "# https://www.robotstxt.org/robotstxt.html\nUser-agent: *\nDisallow:\n",
88
"/src/components/Header.tsx": "import { Link } from '@tanstack/react-router'\n\nexport default function Header() {\n return (\n <header className=\"p-2 flex gap-2 bg-white text-black justify-between\">\n <nav className=\"flex flex-row\">\n <div className=\"px-2 font-bold\">\n <Link to=\"/\">Home</Link>\n </div>\n\n <div className=\"px-2 font-bold\">\n <Link to=\"/demo/start/server-funcs\">Start - Server Functions</Link>\n </div>\n\n <div className=\"px-2 font-bold\">\n <Link to=\"/demo/start/api-request\">Start - API Request</Link>\n </div>\n </nav>\n </header>\n )\n}\n",
99
"/src/router.tsx": "import { createRouter as createTanstackRouter } from '@tanstack/react-router'\n\n// Import the generated route tree\nimport { routeTree } from './routeTree.gen'\n\n// Create a new router instance\nexport const createRouter = () => {\n return createTanstackRouter({\n routeTree,\n scrollRestoration: true,\n defaultPreloadStaleTime: 0,\n })\n}\n\n// Register the router instance for type safety\ndeclare module '@tanstack/react-router' {\n interface Register {\n router: ReturnType<typeof createRouter>\n }\n}\n",
10-
"/src/routes/__root.tsx": "import {\n Outlet,\n HeadContent,\n Scripts,\n createRootRoute,\n} from '@tanstack/react-router'\nimport { TanStackRouterDevtools } from '@tanstack/react-router-devtools'\n\nimport Header from '../components/Header'\n\nimport appCss from '../styles.css?url'\n\nexport const Route = createRootRoute({\n head: () => ({\n meta: [\n {\n charSet: 'utf-8',\n },\n {\n name: 'viewport',\n content: 'width=device-width, initial-scale=1',\n },\n {\n title: 'TanStack Start Starter',\n },\n ],\n links: [\n {\n rel: 'stylesheet',\n href: appCss,\n },\n ],\n }),\n\n component: () => (\n <RootDocument>\n <Header />\n\n <Outlet />\n <TanStackRouterDevtools />\n </RootDocument>\n ),\n})\n\nfunction RootDocument({ children }: { children: React.ReactNode }) {\n return (\n <html lang=\"en\">\n <head>\n <HeadContent />\n </head>\n <body>\n {children}\n <Scripts />\n </body>\n </html>\n )\n}\n",
11-
"/src/routes/api.demo-names.ts": "export const ServerRoute = createServerFileRoute().methods({\n GET: async ({ request }) => {\n return new Response(JSON.stringify(['Alice', 'Bob', 'Charlie']), {\n headers: {\n 'Content-Type': 'application/json',\n },\n })\n },\n})\n",
10+
"/src/routes/__root.tsx": "import {\n HeadContent,\n Outlet,\n Scripts,\n createRootRoute,\n} from '@tanstack/react-router'\nimport { TanStackRouterDevtools } from '@tanstack/react-router-devtools'\n\nimport Header from '../components/Header'\n\nimport appCss from '../styles.css?url'\n\nexport const Route = createRootRoute({\n head: () => ({\n meta: [\n {\n charSet: 'utf-8',\n },\n {\n name: 'viewport',\n content: 'width=device-width, initial-scale=1',\n },\n {\n title: 'TanStack Start Starter',\n },\n ],\n links: [\n {\n rel: 'stylesheet',\n href: appCss,\n },\n ],\n }),\n\n component: () => (\n <RootDocument>\n <Header />\n\n <Outlet />\n <TanStackRouterDevtools />\n </RootDocument>\n ),\n})\n\nfunction RootDocument({ children }: { children: React.ReactNode }) {\n return (\n <html lang=\"en\">\n <head>\n <HeadContent />\n </head>\n <body>\n {children}\n <Scripts />\n </body>\n </html>\n )\n}\n",
11+
"/src/routes/api.demo-names.ts": "import { createServerFileRoute } from '@tanstack/react-start/server'\n\nexport const ServerRoute = createServerFileRoute().methods({\n GET: ({ request }) => {\n return new Response(JSON.stringify(['Alice', 'Bob', 'Charlie']), {\n headers: {\n 'Content-Type': 'application/json',\n },\n })\n },\n})\n",
1212
"/src/routes/demo.start.api-request.tsx": "import { useEffect, useState } from 'react'\n\nimport { createFileRoute } from '@tanstack/react-router'\n\nfunction getNames() {\n return fetch('/api/demo-names').then((res) => res.json())\n}\n\nexport const Route = createFileRoute('/demo/start/api-request')({\n component: Home,\n})\n\nfunction Home() {\n const [names, setNames] = useState<Array<string>>([])\n useEffect(() => {\n getNames().then(setNames)\n }, [])\n\n return (\n <div className=\"p-4\">\n <div>{names.join(', ')}</div>\n </div>\n )\n}\n",
1313
"/src/routes/demo.start.server-funcs.tsx": "import * as fs from 'node:fs'\nimport { createFileRoute, useRouter } from '@tanstack/react-router'\nimport { createServerFn } from '@tanstack/react-start'\n\nconst filePath = 'count.txt'\n\nasync function readCount() {\n return parseInt(\n await fs.promises.readFile(filePath, 'utf-8').catch(() => '0'),\n )\n}\n\nconst getCount = createServerFn({\n method: 'GET',\n}).handler(() => {\n return readCount()\n})\n\nconst updateCount = createServerFn({ method: 'POST' })\n .validator((d: number) => d)\n .handler(async ({ data }) => {\n const count = await readCount()\n await fs.promises.writeFile(filePath, `${count + data}`)\n })\n\nexport const Route = createFileRoute('/demo/start/server-funcs')({\n component: Home,\n loader: async () => await getCount(),\n})\n\nfunction Home() {\n const router = useRouter()\n const state = Route.useLoaderData()\n\n return (\n <div className=\"p-4\">\n <button\n type=\"button\"\n onClick={() => {\n updateCount({ data: 1 }).then(() => {\n router.invalidate()\n })\n }}\n className=\"bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded\"\n >\n Add 1 to {state}?\n </button>\n </div>\n )\n}\n",
1414
"/src/routes/index.tsx": "import { createFileRoute } from '@tanstack/react-router'\nimport logo from '../logo.svg'\n\nexport const Route = createFileRoute('/')({\n component: App,\n})\n\nfunction App() {\n return (\n <div className=\"text-center\">\n <header className=\"min-h-screen flex flex-col items-center justify-center bg-[#282c34] text-white text-[calc(10px+2vmin)]\">\n <img\n src={logo}\n className=\"h-[40vmin] pointer-events-none animate-[spin_20s_linear_infinite]\"\n alt=\"logo\"\n />\n <p>\n Edit <code>src/routes/index.tsx</code> and save to reload.\n </p>\n <a\n className=\"text-[#61dafb] hover:underline\"\n href=\"https://reactjs.org\"\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n >\n Learn React\n </a>\n <a\n className=\"text-[#61dafb] hover:underline\"\n href=\"https://tanstack.com\"\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n >\n Learn TanStack\n </a>\n </header>\n </div>\n )\n}\n",

0 commit comments

Comments
 (0)