create-tsrouter-app 0.1.1 → 0.1.2

package/dist/index.js

@@ -145,7 +145,7 @@ async function createApp(projectName, options) {
     await templateFile(templateDirBase, './index.html.ejs');
     // Setup tsconfig
     if (options.typescript) {
-        await copyFiles(templateDirBase, ['./tsconfig.json', './tsconfig.dev.json']);
+        await copyFiles(templateDirBase, ['./tsconfig.json']);
     }
     // Setup the package.json file, optionally with typescript and tailwind
     await createPackageJSON(projectName, options, templateDirBase, templateDirRouter, targetDir);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-tsrouter-app",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "description": "Tanstack Application Builder",
   "bin": "./dist/index.js",
   "type": "module",

package/src/index.ts

@@ -236,7 +236,7 @@ async function createApp(projectName: string, options: Required<Options>) {
 
   // Setup tsconfig
   if (options.typescript) {
-    await copyFiles(templateDirBase, ['./tsconfig.json', './tsconfig.dev.json'])
+    await copyFiles(templateDirBase, ['./tsconfig.json'])
   }
 
   // Setup the package.json file, optionally with typescript and tailwind

package/templates/base/README.md.ejs

@@ -61,7 +61,7 @@ With this set up you should be able to navigate to `/about` and see the about pa
 Of course you don't need to implement the About page in the `main.<%= jsx %>` file. You can create that component in another file and import it into the `main.<%= jsx %>` file, then use it in the `component` property of the `createRoute` call, like so:
 
 ```tsx
-import About from "./components/About";
+import About from "./components/About.<%= jsx %>";
 
 const aboutRoute = createRoute({
   getParentRoute: () => rootRoute,
@@ -298,7 +298,7 @@ import { RouterProvider, createRouter } from "@tanstack/react-router";
 import { routeTree } from "./routeTree.gen";
 
 import "./styles.css";
-import reportWebVitals from "./reportWebVitals";
+import reportWebVitals from "./reportWebVitals.<%= js %>";
 
 // Create a new router instance
 const router = createRouter({ routeTree });

package/templates/base/package.json

@@ -4,7 +4,7 @@
   "type": "module",
   "scripts": {
     "start": "vite --port 3000",
-    "build": "vite build && tsc --noEmit",
+    "build": "vite build && tsc",
     "serve": "vite preview",
     "test": "vitest run"
   },

package/templates/base/public/manifest.json

@@ -1,6 +1,6 @@
 {
-  "short_name": "React App",
-  "name": "Create React App Sample",
+  "short_name": "TanStack App",
+  "name": "Create TanStack App Sample",
   "icons": [
     {
       "src": "favicon.ico",

package/templates/base/src/App.test.tsx.ejs

@@ -1,6 +1,6 @@
 import { describe, expect, test } from "vitest";
 import { render, screen } from "@testing-library/react";
-import App from "./App";
+import App from "./App.<%= jsx %>";
 
 describe("App", () => {
   test("renders", () => {

package/templates/base/tsconfig.json

@@ -1,10 +1,24 @@
 {
+  "include": ["**/*.ts", "**/*.tsx"],
   "compilerOptions": {
-    "strict": true,
-    "types": ["vite/client", "node"],
-    "esModuleInterop": true,
+    "target": "ES2022",
     "jsx": "react-jsx",
-    "lib": ["DOM", "DOM.Iterable", "ES2022"],
-    "skipLibCheck": true
+    "module": "ESNext",
+    "lib": ["ES2022", "DOM", "DOM.Iterable"],
+    "types": ["vite/client"],
+
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "verbatimModuleSyntax": true,
+    "noEmit": true,
+
+    /* Linting */
+    "skipLibCheck": true,
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true,
+    "noUncheckedSideEffectImports": true
   }
 }

package/templates/code-router/src/main.tsx.ejs

@@ -10,9 +10,9 @@ import {
 import { TanStackRouterDevtools } from "@tanstack/router-devtools";
 
 import "./styles.css";
-import reportWebVitals from "./reportWebVitals";
+import reportWebVitals from "./reportWebVitals.<%= js %>";
 
-import App from "./App";
+import App from "./App.<%= jsx %>";
 
 const rootRoute = createRootRoute({
   component: () => (

package/templates/file-router/src/main.tsx.ejs

@@ -6,7 +6,7 @@ import { RouterProvider, createRouter } from "@tanstack/react-router";
 import { routeTree } from "./routeTree.gen";
 
 import "./styles.css";
-import reportWebVitals from "./reportWebVitals";
+import reportWebVitals from "./reportWebVitals.<%= js %>";
 
 // Create a new router instance
 const router = createRouter({ routeTree });

package/templates/base/tsconfig.dev.json

@@ -1,10 +0,0 @@
-{
-  "composite": true,
-  "extends": "../../../tsconfig.base.json",
-
-  "files": ["src/main.tsx"],
-  "include": [
-    "src"
-    // "__tests__/**/*.test.*"
-  ]
-}