fix: strip invariant and warning strings from prod bundles (#7007)

Author: Sheraff

.changeset/light-coins-hear.md

@@ -0,0 +1,14 @@
+---
+'@tanstack/router-devtools-core': patch
+'@tanstack/react-start-client': patch
+'@tanstack/solid-start-client': patch
+'@tanstack/start-client-core': patch
+'@tanstack/start-server-core': patch
+'@tanstack/vue-start-client': patch
+'@tanstack/react-router': patch
+'@tanstack/solid-router': patch
+'@tanstack/router-core': patch
+'@tanstack/vue-router': patch
+---
+
+Replace tiny-invariant and tiny-warning with in-house solution for bundle-size

examples/react/start-convex-trellaux/convex/board.ts

@@ -1,4 +1,4 @@
-import invariant from 'tiny-invariant'
+import { invariant } from './invariant'
 import { v } from 'convex/values'
 import {
   type QueryCtx,

examples/react/start-convex-trellaux/convex/invariant.ts

@@ -0,0 +1,5 @@
+export function invariant(value: unknown, message?: string): asserts value {
+  if (!value) {
+    throw new Error(message ?? 'Invariant failed')
+  }
+}

examples/react/start-convex-trellaux/package.json

@@ -28,7 +28,6 @@
     "react-hot-toast": "^2.5.1",
     "redaxios": "^0.5.1",
     "tailwind-merge": "^2.6.0",
-    "tiny-invariant": "^1.3.3",
     "zod": "^3.24.2"
   },
   "devDependencies": {

examples/react/start-convex-trellaux/src/components/Board.tsx

@@ -1,5 +1,5 @@
 import { useCallback, useMemo, useRef } from 'react'
-import invariant from 'tiny-invariant'
+import { invariant } from '../invariant'
 import { useSuspenseQuery } from '@tanstack/react-query'
 import { convexQuery } from '@convex-dev/react-query'
 import { api } from '../../convex/_generated/api.js'

examples/react/start-convex-trellaux/src/components/Card.tsx

@@ -1,4 +1,4 @@
-import invariant from 'tiny-invariant'
+import { invariant } from '../invariant'
 import { forwardRef, useState } from 'react'
 
 import { CONTENT_TYPES } from '../types'

examples/react/start-convex-trellaux/src/components/Column.tsx

@@ -1,8 +1,8 @@
 import { forwardRef, useCallback, useMemo, useRef, useState } from 'react'
-import invariant from 'tiny-invariant'
 import { twMerge } from 'tailwind-merge'
 
 import { flushSync } from 'react-dom'
+import { invariant } from '../invariant'
 import { CONTENT_TYPES } from '../types'
 import { Icon } from '../icons/icons'
 import {

examples/react/start-convex-trellaux/src/components/NewCard.tsx

@@ -1,5 +1,5 @@
 import { useRef } from 'react'
-import invariant from 'tiny-invariant'
+import { invariant } from '../invariant'
 
 import { ItemMutationFields } from '../types'
 import { useCreateItemMutation } from '../queries'

examples/react/start-convex-trellaux/src/components/NewColumn.tsx

@@ -1,5 +1,5 @@
 import { useRef, useState } from 'react'
-import invariant from 'tiny-invariant'
+import { invariant } from '../invariant'
 
 import { Icon } from '../icons/icons'
 import { useCreateColumnMutation } from '../queries'

examples/react/start-convex-trellaux/src/invariant.ts

@@ -0,0 +1,5 @@
+export function invariant(value: unknown, message?: string): asserts value {
+  if (!value) {
+    throw new Error(message ?? 'Invariant failed')
+  }
+}