From 9d27456398a33ab0247968ff9ca792887640f334 Mon Sep 17 00:00:00 2001 From: neverland Date: Thu, 4 Jun 2026 11:44:30 +0800 Subject: [PATCH 1/3] feat: add TanStack Start SolidJS example --- pnpm-lock.yaml | 306 ++++++++++++++++++ rsbuild/tanstack-start-rsc/tsconfig.json | 2 +- rsbuild/tanstack-start-solid/.gitignore | 12 + rsbuild/tanstack-start-solid/README.md | 32 ++ rsbuild/tanstack-start-solid/package.json | 26 ++ .../tanstack-start-solid/public/favicon.ico | Bin 0 -> 3870 bytes .../tanstack-start-solid/public/logo192.png | Bin 0 -> 5347 bytes .../tanstack-start-solid/public/logo512.png | Bin 0 -> 9664 bytes .../tanstack-start-solid/public/manifest.json | 25 ++ .../tanstack-start-solid/public/robots.txt | 3 + .../tanstack-start-solid/rsbuild.config.ts | 16 + .../src/components/Header.tsx | 35 ++ .../tanstack-start-solid/src/routeTree.gen.ts | 86 +++++ rsbuild/tanstack-start-solid/src/router.tsx | 20 ++ .../src/routes/__root.tsx | 35 ++ .../tanstack-start-solid/src/routes/about.tsx | 22 ++ .../tanstack-start-solid/src/routes/index.tsx | 71 ++++ rsbuild/tanstack-start-solid/src/styles.css | 195 +++++++++++ rsbuild/tanstack-start-solid/tsconfig.json | 25 ++ rsbuild/tanstack-start/tsconfig.json | 2 +- 20 files changed, 911 insertions(+), 2 deletions(-) create mode 100644 rsbuild/tanstack-start-solid/.gitignore create mode 100644 rsbuild/tanstack-start-solid/README.md create mode 100644 rsbuild/tanstack-start-solid/package.json create mode 100644 rsbuild/tanstack-start-solid/public/favicon.ico create mode 100644 rsbuild/tanstack-start-solid/public/logo192.png create mode 100644 rsbuild/tanstack-start-solid/public/logo512.png create mode 100644 rsbuild/tanstack-start-solid/public/manifest.json create mode 100644 rsbuild/tanstack-start-solid/public/robots.txt create mode 100644 rsbuild/tanstack-start-solid/rsbuild.config.ts create mode 100644 rsbuild/tanstack-start-solid/src/components/Header.tsx create mode 100644 rsbuild/tanstack-start-solid/src/routeTree.gen.ts create mode 100644 rsbuild/tanstack-start-solid/src/router.tsx create mode 100644 rsbuild/tanstack-start-solid/src/routes/__root.tsx create mode 100644 rsbuild/tanstack-start-solid/src/routes/about.tsx create mode 100644 rsbuild/tanstack-start-solid/src/routes/index.tsx create mode 100644 rsbuild/tanstack-start-solid/src/styles.css create mode 100644 rsbuild/tanstack-start-solid/tsconfig.json diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index fb5050fd7..01a2c92b2 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -817,6 +817,46 @@ importers: specifier: ^6.0.3 version: 6.0.3 + rsbuild/tanstack-start-solid: + dependencies: + '@tanstack/router-plugin': + specifier: ^1.133.21 + version: 1.168.14(@rsbuild/core@2.0.11)(@tanstack/react-router@1.170.11)(vite@8.0.16)(webpack@5.102.1) + '@tanstack/solid-router': + specifier: ^1.170.11 + version: 1.170.11(solid-js@1.9.13) + '@tanstack/solid-router-devtools': + specifier: ^1.167.0 + version: 1.167.0(@tanstack/router-core@1.171.9)(@tanstack/solid-router@1.170.11)(csstype@3.2.3)(solid-js@1.9.13) + '@tanstack/solid-router-ssr-query': + specifier: ^1.167.1 + version: 1.167.1(@tanstack/query-core@5.101.0)(@tanstack/router-core@1.171.9)(@tanstack/solid-query@5.101.0)(@tanstack/solid-router@1.170.11)(solid-js@1.9.13) + '@tanstack/solid-start': + specifier: ^1.168.19 + version: 1.168.19(@rsbuild/core@2.0.11)(@tanstack/react-router@1.170.11)(crossws@0.4.5)(solid-js@1.9.13)(vite@8.0.16)(webpack@5.102.1) + solid-js: + specifier: ^1.9.12 + version: 1.9.13 + tailwindcss: + specifier: ^4.1.18 + version: 4.3.0 + devDependencies: + '@rsbuild/core': + specifier: ^2.0.11 + version: 2.0.11(@module-federation/runtime-tools@2.5.0)(core-js@3.49.0) + '@rsbuild/plugin-babel': + specifier: ^1.2.1 + version: 1.2.1(@rsbuild/core@2.0.11) + '@rsbuild/plugin-solid': + specifier: ^1.2.1 + version: 1.2.1(@babel/core@7.29.7)(@rsbuild/core@2.0.11)(solid-js@1.9.13) + '@rsbuild/plugin-tailwindcss': + specifier: ^2.0.1 + version: 2.0.1(@rsbuild/core@2.0.11)(webpack@5.102.1) + typescript: + specifier: ^6.0.2 + version: 6.0.3 + rsbuild/umd: devDependencies: '@rsbuild/core': @@ -6725,6 +6765,9 @@ packages: resolution: {integrity: sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==} engines: {node: '>= 8'} + '@nothing-but/utils@0.17.0': + resolution: {integrity: sha512-TuCHcHLOqDL0SnaAxACfuRHBNRgNJcNn9X0GiH5H3YSDBVquCr3qEIG3FOQAuMyZCbu9w8nk2CHhOsn7IvhIwQ==} + '@nuxt/opencollective@0.4.1': resolution: {integrity: sha512-GXD3wy50qYbxCJ652bDrDzgMr3NFEkIS374+IgFQKkCvk9yiYcLvX2XDYr7UyQxf4wK0e+yqDYRubZ0DtOxnmQ==} engines: {node: ^14.18.0 || >=16.10.0, npm: '>=5.10.0'} @@ -8219,6 +8262,26 @@ packages: '@socket.io/component-emitter@3.1.0': resolution: {integrity: sha512-+9jVqKhRSpsc591z5vX+X5Yyw+he/HCB4iQ/RYxw35CEPaY1gnsNE43nf9n9AaYjAQrTiI/mOwKUKdUs9vf7Xg==} + '@solid-devtools/debugger@0.28.1': + resolution: {integrity: sha512-6qIUI6VYkXoRnL8oF5bvh2KgH71qlJ18hNw/mwSyY6v48eb80ZR48/5PDXufUa3q+MBSuYa1uqTMwLewpay9eg==} + peerDependencies: + solid-js: ^1.9.0 + + '@solid-devtools/logger@0.9.11': + resolution: {integrity: sha512-THbiY1iQlieL6vdgJc4FIsLe7V8a57hod/Thm8zdKrTkWL88UPZjkBBfM+mVNGusd4OCnAN20tIFBhNnuT1Dew==} + peerDependencies: + solid-js: ^1.9.0 + + '@solid-devtools/shared@0.20.0': + resolution: {integrity: sha512-o5TACmUOQsxpzpOKCjbQqGk8wL8PMi+frXG9WNu4Lh3PQVUB6hs95Kl/S8xc++zwcMguUKZJn8h5URUiMOca6Q==} + peerDependencies: + solid-js: ^1.9.0 + + '@solid-primitives/bounds@0.1.5': + resolution: {integrity: sha512-JFym8zijMfWp1FaAmJlH3xMfenCuhjaUsoBn3kt9FtoWwLj+yt+EGYt+p3SkOKwF7h4gaGtZ5PIdSbSNVWkRmg==} + peerDependencies: + solid-js: ^1.6.12 + '@solid-primitives/event-listener@2.4.5': resolution: {integrity: sha512-nwRV558mIabl4yVAhZKY8cb6G+O1F0M6Z75ttTu5hk+SxdOnKSGj+eetDIu7Oax1P138ZdUU01qnBPR8rnxaEA==} peerDependencies: @@ -8229,6 +8292,16 @@ packages: peerDependencies: solid-js: ^1.6.12 + '@solid-primitives/media@2.3.5': + resolution: {integrity: sha512-LX9fB5WDaK87FMDtUB1qokBOfT2et9Uobv/zZaKLH9caFSz4+P70MBKEIBHcZQy+9MV5M2XvGYLTbLskjkzMjA==} + peerDependencies: + solid-js: ^1.6.12 + + '@solid-primitives/refs@1.1.3': + resolution: {integrity: sha512-aam02fjNKpBteewF/UliPSQCVJsIIGOLEWQOh+ll6R/QePzBOOBMcC4G+5jTaO75JuUS1d/14Q1YXT3X0Ow6iA==} + peerDependencies: + solid-js: ^1.6.12 + '@solid-primitives/resize-observer@2.1.5': resolution: {integrity: sha512-AiyTknKcNBaKHbcSMuxtSNM8FjIuiSuFyFghdD0TcCMU9hKi9EmsC5pjfjDwxE+5EueB1a+T/34PLRI5vbBbKw==} peerDependencies: @@ -8239,16 +8312,31 @@ packages: peerDependencies: solid-js: ^1.6.12 + '@solid-primitives/scheduled@1.5.3': + resolution: {integrity: sha512-oNwLE6E6lxJAWrc8QXuwM0k2oU1BnANnkChwMw82aK1j3+mWGJkG1IFe5gCwbV+afYmjI76t9JJV3md/8tLw+g==} + peerDependencies: + solid-js: ^1.6.12 + '@solid-primitives/static-store@0.1.3': resolution: {integrity: sha512-uxez7SXnr5GiRnzqO2IEDjOJRIXaG+0LZLBizmUA1FwSi+hrpuMzVBwyk70m4prcl8X6FDDXUl9O8hSq8wHbBQ==} peerDependencies: solid-js: ^1.6.12 + '@solid-primitives/styles@0.1.3': + resolution: {integrity: sha512-7YdA21prMeCX+oOF/1RAn02+cGz/pG4dyPWtHBC2H8aZvnC7IfThBt80mP+TioejrdfE7Lc54Uh18f7Pig+gRQ==} + peerDependencies: + solid-js: ^1.6.12 + '@solid-primitives/utils@6.4.0': resolution: {integrity: sha512-AeGTBg8Wtkh/0s+evyLtP8piQoS4wyqqQaAFs2HJcFMMjYAtUgo+ZPduRXLjPlqKVc2ejeR544oeqpbn8Egn8A==} peerDependencies: solid-js: ^1.6.12 + '@solidjs/meta@0.29.4': + resolution: {integrity: sha512-zdIWBGpR9zGx1p1bzIPqF5Gs+Ks/BH8R6fWhmUa/dcK1L2rUC8BAcZJzNRYBQv74kScf1TSOs0EY//Vd/I0V8g==} + peerDependencies: + solid-js: '>=1.8.4' + '@storybook/addon-docs@10.4.1': resolution: {integrity: sha512-IYqUdjoZe4VO2LFZlKL/gwy7DsQSWCq6hX+zc1MBmZo04yycDASk1tte57n9pdlW3ajw9yYMF/+lVBi+xQjyvw==} peerDependencies: @@ -8672,6 +8760,9 @@ packages: resolution: {integrity: sha512-79pf/RkhteYZTRgcR4F9kbk84P2N8rugQJswxfIqovlbRiT3yI7eBE+5QorIrZaOKktsgzRlXh1l/du/xpl4iA==} engines: {node: '>=20.19'} + '@tanstack/query-core@5.101.0': + resolution: {integrity: sha512-cQetA74EB+seWySv1TTKr828TnP0u39m6LykwDXIo84SNortpDkp30TMEjkqtYCNP9c40uT/iwl6MLiufEt0Ow==} + '@tanstack/react-devtools@0.10.5': resolution: {integrity: sha512-orVsRJ7oAXFb7oyafQCgx9YuK44jpILh5T/ddYuxAsolNfN5DZBr5/NLrWErD7HCGIzvYzg1TZI4sPxmiKvtvA==} engines: {node: '>=18'} @@ -8793,10 +8884,73 @@ packages: webpack: optional: true + '@tanstack/router-ssr-query-core@1.169.1': + resolution: {integrity: sha512-rngux8s/3mPQzcjLYDLkNU31coYVyCgrVTfpdwqUdY5jIEHqGTXrO73DTkPR1PppwYUeVhmNCgl8TctRcnupjg==} + engines: {node: '>=20.19'} + peerDependencies: + '@tanstack/query-core': '>=5.90.0' + '@tanstack/router-core': '>=1.127.0' + '@tanstack/router-utils@1.162.1': resolution: {integrity: sha512-62layyTGmclHDQS/eidwKRfN1hhCKwViG7iEBcVmL0MXgcAB3OOucWCEcDDGd9Cu11H6b4QQ5oOo47MWIqwz0A==} engines: {node: '>=20.19'} + '@tanstack/solid-query@5.101.0': + resolution: {integrity: sha512-XoPWynbaWquvSisMvUirakfD9OmLas1cOwt1gBDUTn8HC2CVkZm+O/jBgEa5SL5LrY6vxmWjzzskhXkywLfymw==} + peerDependencies: + solid-js: ^1.6.0 + + '@tanstack/solid-router-devtools@1.167.0': + resolution: {integrity: sha512-vwQz5NUBxbos30ndUj08eeJ17nwWxniUq4oOFL7YOK2Q8PhdiqS65SSuFwzU96Ij3dfLlp+nv3uht6n7X9UOVw==} + engines: {node: '>=20.19'} + peerDependencies: + '@tanstack/router-core': ^1.170.0 + '@tanstack/solid-router': ^1.170.0 + solid-js: ^1.9.10 + peerDependenciesMeta: + '@tanstack/router-core': + optional: true + + '@tanstack/solid-router-ssr-query@1.167.1': + resolution: {integrity: sha512-N76V3oz1ZQlTveBTRpLGOTlUtXU5GKOD++IkMnLBtuHEsge9ReluB94QBgVA+ElpQgdeso9uKUs/JsPluAynUA==} + engines: {node: '>=20.19'} + peerDependencies: + '@tanstack/query-core': '>=5.90.0' + '@tanstack/solid-query': '>=5.90.0' + '@tanstack/solid-router': '>=1.127.0' + solid-js: ^1.9.10 + + '@tanstack/solid-router@1.170.11': + resolution: {integrity: sha512-YTHU4OB74KUj30dBco0rBiw8GGiUHK4849TfLWrPFmcVDUpWcKMz49O1hqEPYP7rLqp/poICvZdTZVDRMG5bUQ==} + engines: {node: '>=20.19'} + peerDependencies: + solid-js: ^1.9.10 + + '@tanstack/solid-start-client@1.168.8': + resolution: {integrity: sha512-MGCygKT+XMQPbxQ3tb50YQkgYJ7wkLzVsjx0NWF+zG5BbH1qzq2cIUJewMCQI6ZDu/dXl18KsHE36mNrhh5Drg==} + engines: {node: '>=22.12.0'} + peerDependencies: + solid-js: '>=1.0.0' + + '@tanstack/solid-start-server@1.167.14': + resolution: {integrity: sha512-aIg3+fHzhj/8oj15RIM4UUcxrdSiSQRccpV3sr44lRkaJvMPBw/JR214pwyM5D1KUGk3Koi76v/oPJCD1I4RqQ==} + engines: {node: '>=22.12.0'} + peerDependencies: + solid-js: ^1.0.0 + + '@tanstack/solid-start@1.168.19': + resolution: {integrity: sha512-v7JdCNZoHVZ1ASZ7DgPubvqXJ+27hiQVrhE4i/n7+clSX5fnl/o+vWFSQPWHzPj5RU39A/eTE9bVyU4Bhp2Obg==} + engines: {node: '>=22.12.0'} + peerDependencies: + '@rsbuild/core': ^2.0.0 + solid-js: '>=1.0.0' + vite: '>=7.0.0' + peerDependenciesMeta: + '@rsbuild/core': + optional: true + vite: + optional: true + '@tanstack/start-client-core@1.170.7': resolution: {integrity: sha512-LKNHeK3n8DZ2ub1KpidWCISvJNq7wGuErrd2oSyoUDHSo90ldl7JJcG4OpbDS7GQjqIZ79M47eklajwgKXBxrQ==} engines: {node: '>=22.12.0'} @@ -19561,6 +19715,8 @@ snapshots: '@nodelib/fs.scandir': 2.1.5 fastq: 1.17.1 + '@nothing-but/utils@0.17.0': {} + '@nuxt/opencollective@0.4.1': dependencies: consola: 3.4.2 @@ -21211,6 +21367,48 @@ snapshots: '@socket.io/component-emitter@3.1.0': {} + '@solid-devtools/debugger@0.28.1(solid-js@1.9.13)': + dependencies: + '@nothing-but/utils': 0.17.0 + '@solid-devtools/shared': 0.20.0(solid-js@1.9.13) + '@solid-primitives/bounds': 0.1.5(solid-js@1.9.13) + '@solid-primitives/event-listener': 2.4.5(solid-js@1.9.13) + '@solid-primitives/keyboard': 1.3.5(solid-js@1.9.13) + '@solid-primitives/rootless': 1.5.3(solid-js@1.9.13) + '@solid-primitives/scheduled': 1.5.3(solid-js@1.9.13) + '@solid-primitives/static-store': 0.1.3(solid-js@1.9.13) + '@solid-primitives/utils': 6.4.0(solid-js@1.9.13) + solid-js: 1.9.13 + + '@solid-devtools/logger@0.9.11(solid-js@1.9.13)': + dependencies: + '@nothing-but/utils': 0.17.0 + '@solid-devtools/debugger': 0.28.1(solid-js@1.9.13) + '@solid-devtools/shared': 0.20.0(solid-js@1.9.13) + '@solid-primitives/utils': 6.4.0(solid-js@1.9.13) + solid-js: 1.9.13 + + '@solid-devtools/shared@0.20.0(solid-js@1.9.13)': + dependencies: + '@nothing-but/utils': 0.17.0 + '@solid-primitives/event-listener': 2.4.5(solid-js@1.9.13) + '@solid-primitives/media': 2.3.5(solid-js@1.9.13) + '@solid-primitives/refs': 1.1.3(solid-js@1.9.13) + '@solid-primitives/rootless': 1.5.3(solid-js@1.9.13) + '@solid-primitives/scheduled': 1.5.3(solid-js@1.9.13) + '@solid-primitives/static-store': 0.1.3(solid-js@1.9.13) + '@solid-primitives/styles': 0.1.3(solid-js@1.9.13) + '@solid-primitives/utils': 6.4.0(solid-js@1.9.13) + solid-js: 1.9.13 + + '@solid-primitives/bounds@0.1.5(solid-js@1.9.13)': + dependencies: + '@solid-primitives/event-listener': 2.4.5(solid-js@1.9.13) + '@solid-primitives/resize-observer': 2.1.5(solid-js@1.9.13) + '@solid-primitives/static-store': 0.1.3(solid-js@1.9.13) + '@solid-primitives/utils': 6.4.0(solid-js@1.9.13) + solid-js: 1.9.13 + '@solid-primitives/event-listener@2.4.5(solid-js@1.9.13)': dependencies: '@solid-primitives/utils': 6.4.0(solid-js@1.9.13) @@ -21223,6 +21421,19 @@ snapshots: '@solid-primitives/utils': 6.4.0(solid-js@1.9.13) solid-js: 1.9.13 + '@solid-primitives/media@2.3.5(solid-js@1.9.13)': + dependencies: + '@solid-primitives/event-listener': 2.4.5(solid-js@1.9.13) + '@solid-primitives/rootless': 1.5.3(solid-js@1.9.13) + '@solid-primitives/static-store': 0.1.3(solid-js@1.9.13) + '@solid-primitives/utils': 6.4.0(solid-js@1.9.13) + solid-js: 1.9.13 + + '@solid-primitives/refs@1.1.3(solid-js@1.9.13)': + dependencies: + '@solid-primitives/utils': 6.4.0(solid-js@1.9.13) + solid-js: 1.9.13 + '@solid-primitives/resize-observer@2.1.5(solid-js@1.9.13)': dependencies: '@solid-primitives/event-listener': 2.4.5(solid-js@1.9.13) @@ -21236,15 +21447,29 @@ snapshots: '@solid-primitives/utils': 6.4.0(solid-js@1.9.13) solid-js: 1.9.13 + '@solid-primitives/scheduled@1.5.3(solid-js@1.9.13)': + dependencies: + solid-js: 1.9.13 + '@solid-primitives/static-store@0.1.3(solid-js@1.9.13)': dependencies: '@solid-primitives/utils': 6.4.0(solid-js@1.9.13) solid-js: 1.9.13 + '@solid-primitives/styles@0.1.3(solid-js@1.9.13)': + dependencies: + '@solid-primitives/rootless': 1.5.3(solid-js@1.9.13) + '@solid-primitives/utils': 6.4.0(solid-js@1.9.13) + solid-js: 1.9.13 + '@solid-primitives/utils@6.4.0(solid-js@1.9.13)': dependencies: solid-js: 1.9.13 + '@solidjs/meta@0.29.4(solid-js@1.9.13)': + dependencies: + solid-js: 1.9.13 + '@storybook/addon-docs@10.4.1(@types/react-dom@19.2.3)(@types/react@19.2.15)(esbuild@0.28.0)(rollup@4.60.3)(storybook@10.4.1)(vite@7.1.1)(webpack@5.102.1)': dependencies: '@mdx-js/react': 3.1.1(@types/react@19.2.15)(react@19.2.7) @@ -21717,6 +21942,8 @@ snapshots: '@tanstack/history@1.162.0': {} + '@tanstack/query-core@5.101.0': {} + '@tanstack/react-devtools@0.10.5(@types/react-dom@19.2.3)(@types/react@19.2.15)(csstype@3.2.3)(react-dom@19.2.7)(react@19.2.7)(solid-js@1.9.13)': dependencies: '@tanstack/devtools': 0.12.2(csstype@3.2.3)(solid-js@1.9.13) @@ -21879,6 +22106,11 @@ snapshots: transitivePeerDependencies: - supports-color + '@tanstack/router-ssr-query-core@1.169.1(@tanstack/query-core@5.101.0)(@tanstack/router-core@1.171.9)': + dependencies: + '@tanstack/query-core': 5.101.0 + '@tanstack/router-core': 1.171.9 + '@tanstack/router-utils@1.162.1': dependencies: '@babel/core': 7.29.7 @@ -21893,6 +22125,80 @@ snapshots: transitivePeerDependencies: - supports-color + '@tanstack/solid-query@5.101.0(solid-js@1.9.13)': + dependencies: + '@tanstack/query-core': 5.101.0 + solid-js: 1.9.13 + + '@tanstack/solid-router-devtools@1.167.0(@tanstack/router-core@1.171.9)(@tanstack/solid-router@1.170.11)(csstype@3.2.3)(solid-js@1.9.13)': + dependencies: + '@tanstack/router-devtools-core': 1.168.0(@tanstack/router-core@1.171.9)(csstype@3.2.3) + '@tanstack/solid-router': 1.170.11(solid-js@1.9.13) + solid-js: 1.9.13 + optionalDependencies: + '@tanstack/router-core': 1.171.9 + transitivePeerDependencies: + - csstype + + '@tanstack/solid-router-ssr-query@1.167.1(@tanstack/query-core@5.101.0)(@tanstack/router-core@1.171.9)(@tanstack/solid-query@5.101.0)(@tanstack/solid-router@1.170.11)(solid-js@1.9.13)': + dependencies: + '@tanstack/query-core': 5.101.0 + '@tanstack/router-ssr-query-core': 1.169.1(@tanstack/query-core@5.101.0)(@tanstack/router-core@1.171.9) + '@tanstack/solid-query': 5.101.0(solid-js@1.9.13) + '@tanstack/solid-router': 1.170.11(solid-js@1.9.13) + solid-js: 1.9.13 + transitivePeerDependencies: + - '@tanstack/router-core' + + '@tanstack/solid-router@1.170.11(solid-js@1.9.13)': + dependencies: + '@solid-devtools/logger': 0.9.11(solid-js@1.9.13) + '@solid-primitives/refs': 1.1.3(solid-js@1.9.13) + '@solidjs/meta': 0.29.4(solid-js@1.9.13) + '@tanstack/history': 1.162.0 + '@tanstack/router-core': 1.171.9 + isbot: 5.1.40 + solid-js: 1.9.13 + + '@tanstack/solid-start-client@1.168.8(solid-js@1.9.13)': + dependencies: + '@tanstack/router-core': 1.171.9 + '@tanstack/solid-router': 1.170.11(solid-js@1.9.13) + '@tanstack/start-client-core': 1.170.7 + solid-js: 1.9.13 + + '@tanstack/solid-start-server@1.167.14(crossws@0.4.5)(solid-js@1.9.13)': + dependencies: + '@solidjs/meta': 0.29.4(solid-js@1.9.13) + '@tanstack/history': 1.162.0 + '@tanstack/router-core': 1.171.9 + '@tanstack/solid-router': 1.170.11(solid-js@1.9.13) + '@tanstack/start-client-core': 1.170.7 + '@tanstack/start-server-core': 1.169.9(crossws@0.4.5) + solid-js: 1.9.13 + transitivePeerDependencies: + - crossws + + '@tanstack/solid-start@1.168.19(@rsbuild/core@2.0.11)(@tanstack/react-router@1.170.11)(crossws@0.4.5)(solid-js@1.9.13)(vite@8.0.16)(webpack@5.102.1)': + dependencies: + '@tanstack/solid-router': 1.170.11(solid-js@1.9.13) + '@tanstack/solid-start-client': 1.168.8(solid-js@1.9.13) + '@tanstack/solid-start-server': 1.167.14(crossws@0.4.5)(solid-js@1.9.13) + '@tanstack/start-client-core': 1.170.7 + '@tanstack/start-plugin-core': 1.171.11(@rsbuild/core@2.0.11)(@tanstack/react-router@1.170.11)(crossws@0.4.5)(vite@8.0.16)(webpack@5.102.1) + '@tanstack/start-server-core': 1.169.9(crossws@0.4.5) + pathe: 2.0.3 + solid-js: 1.9.13 + optionalDependencies: + '@rsbuild/core': 2.0.11(@module-federation/runtime-tools@2.5.0)(core-js@3.49.0) + vite: 8.0.16(@types/node@25.9.1)(esbuild@0.28.0)(jiti@2.7.0)(less@4.6.4)(sass-embedded@1.100.0)(sass@1.100.0)(stylus@0.64.0)(terser@5.37.0)(tsx@4.19.2)(yaml@2.9.0) + transitivePeerDependencies: + - '@tanstack/react-router' + - crossws + - supports-color + - vite-plugin-solid + - webpack + '@tanstack/start-client-core@1.170.7': dependencies: '@tanstack/router-core': 1.171.9 diff --git a/rsbuild/tanstack-start-rsc/tsconfig.json b/rsbuild/tanstack-start-rsc/tsconfig.json index 49d832df5..348268bd9 100644 --- a/rsbuild/tanstack-start-rsc/tsconfig.json +++ b/rsbuild/tanstack-start-rsc/tsconfig.json @@ -10,7 +10,7 @@ "~/*": ["./src/*"] }, "lib": ["ES2022", "DOM", "DOM.Iterable"], - "types": ["node"], + "types": ["node", "@rsbuild/core/client"], /* Bundler mode */ "moduleResolution": "bundler", diff --git a/rsbuild/tanstack-start-solid/.gitignore b/rsbuild/tanstack-start-solid/.gitignore new file mode 100644 index 000000000..e2395bd8e --- /dev/null +++ b/rsbuild/tanstack-start-solid/.gitignore @@ -0,0 +1,12 @@ +node_modules +.DS_Store +dist +dist-ssr +*.local +.env +.nitro +.tanstack +.wrangler +.output +.vinxi +__unconfig* diff --git a/rsbuild/tanstack-start-solid/README.md b/rsbuild/tanstack-start-solid/README.md new file mode 100644 index 000000000..3c43e51ef --- /dev/null +++ b/rsbuild/tanstack-start-solid/README.md @@ -0,0 +1,32 @@ +Welcome to your new TanStack Start app! + +# Getting Started + +To run this application: + +```bash +npm install +npm run dev +``` + +# Building For Production + +To build this application for production: + +```bash +npm run build +``` + +## Styling + +This project uses [Tailwind CSS](https://tailwindcss.com/) for styling. + +## Routing + +This project uses [TanStack Router](https://tanstack.com/router) with file-based routing. Routes are managed as files in `src/routes`. + +# Learn More + +You can learn more about all of the offerings from TanStack in the [TanStack documentation](https://tanstack.com). + +For TanStack Start specific documentation, visit [TanStack Start](https://tanstack.com/start). diff --git a/rsbuild/tanstack-start-solid/package.json b/rsbuild/tanstack-start-solid/package.json new file mode 100644 index 000000000..c7af4349a --- /dev/null +++ b/rsbuild/tanstack-start-solid/package.json @@ -0,0 +1,26 @@ +{ + "name": "@rsbuild-example/tanstack-stack-solid", + "private": true, + "type": "module", + "scripts": { + "dev": "rsbuild", + "build": "rsbuild build", + "preview": "rsbuild preview" + }, + "dependencies": { + "@tanstack/router-plugin": "^1.133.21", + "@tanstack/solid-router": "^1.170.11", + "@tanstack/solid-router-devtools": "^1.167.0", + "@tanstack/solid-router-ssr-query": "^1.167.1", + "@tanstack/solid-start": "^1.168.19", + "solid-js": "^1.9.12", + "tailwindcss": "^4.1.18" + }, + "devDependencies": { + "@rsbuild/core": "^2.0.11", + "@rsbuild/plugin-babel": "^1.2.1", + "@rsbuild/plugin-solid": "^1.2.1", + "@rsbuild/plugin-tailwindcss": "^2.0.1", + "typescript": "^6.0.2" + } +} diff --git a/rsbuild/tanstack-start-solid/public/favicon.ico b/rsbuild/tanstack-start-solid/public/favicon.ico new file mode 100644 index 0000000000000000000000000000000000000000..a11777cc471a4344702741ab1c8a588998b1311a GIT binary patch literal 3870 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 baj7?x%VD!5Cxk2YbYLNVeiXvvpMCWYo=by@ literal 0 HcmV?d00001 diff --git a/rsbuild/tanstack-start-solid/public/logo192.png b/rsbuild/tanstack-start-solid/public/logo192.png new file mode 100644 index 0000000000000000000000000000000000000000..fc44b0a3796c0e0a64c3d858ca038bd4570465d9 GIT binary patch literal 5347 zcmZWtbyO6NvR-oO24RV%BvuJ&=?+<7=`LvyB&A_#M7mSDYw1v6DJkiYl9XjT!%$dLEBTQ8R9|wd3008in6lFF3GV-6mLi?MoP_y~}QUnaDCHI#t z7w^m$@6DI)|C8_jrT?q=f8D?0AM?L)Z}xAo^e^W>t$*Y0KlT5=@bBjT9kxb%-KNdk zeOS1tKO#ChhG7%{ApNBzE2ZVNcxbrin#E1TiAw#BlUhXllzhN$qWez5l;h+t^q#Eav8PhR2|T}y5kkflaK`ba-eoE+Z2q@o6P$)=&` z+(8}+-McnNO>e#$Rr{32ngsZIAX>GH??tqgwUuUz6kjns|LjsB37zUEWd|(&O!)DY zQLrq%Y>)Y8G`yYbYCx&aVHi@-vZ3|ebG!f$sTQqMgi0hWRJ^Wc+Ibv!udh_r%2|U) zPi|E^PK?UE!>_4`f`1k4hqqj_$+d!EB_#IYt;f9)fBOumGNyglU(ofY`yHq4Y?B%- zp&G!MRY<~ajTgIHErMe(Z8JG*;D-PJhd@RX@QatggM7+G(Lz8eZ;73)72Hfx5KDOE zkT(m}i2;@X2AT5fW?qVp?@WgN$aT+f_6eo?IsLh;jscNRp|8H}Z9p_UBO^SJXpZew zEK8fz|0Th%(Wr|KZBGTM4yxkA5CFdAj8=QSrT$fKW#tweUFqr0TZ9D~a5lF{)%-tTGMK^2tz(y2v$i%V8XAxIywrZCp=)83p(zIk6@S5AWl|Oa2hF`~~^W zI;KeOSkw1O#TiQ8;U7OPXjZM|KrnN}9arP)m0v$c|L)lF`j_rpG(zW1Qjv$=^|p*f z>)Na{D&>n`jOWMwB^TM}slgTEcjxTlUby89j1)|6ydRfWERn3|7Zd2&e7?!K&5G$x z`5U3uFtn4~SZq|LjFVrz$3iln-+ucY4q$BC{CSm7Xe5c1J<=%Oagztj{ifpaZk_bQ z9Sb-LaQMKp-qJA*bP6DzgE3`}*i1o3GKmo2pn@dj0;He}F=BgINo};6gQF8!n0ULZ zL>kC0nPSFzlcB7p41doao2F7%6IUTi_+!L`MM4o*#Y#0v~WiO8uSeAUNp=vA2KaR&=jNR2iVwG>7t%sG2x_~yXzY)7K& zk3p+O0AFZ1eu^T3s};B%6TpJ6h-Y%B^*zT&SN7C=N;g|#dGIVMSOru3iv^SvO>h4M=t-N1GSLLDqVTcgurco6)3&XpU!FP6Hlrmj}f$ zp95;b)>M~`kxuZF3r~a!rMf4|&1=uMG$;h^g=Kl;H&Np-(pFT9FF@++MMEx3RBsK?AU0fPk-#mdR)Wdkj)`>ZMl#^<80kM87VvsI3r_c@_vX=fdQ`_9-d(xiI z4K;1y1TiPj_RPh*SpDI7U~^QQ?%0&!$Sh#?x_@;ag)P}ZkAik{_WPB4rHyW#%>|Gs zdbhyt=qQPA7`?h2_8T;-E6HI#im9K>au*(j4;kzwMSLgo6u*}-K`$_Gzgu&XE)udQ zmQ72^eZd|vzI)~!20JV-v-T|<4@7ruqrj|o4=JJPlybwMg;M$Ud7>h6g()CT@wXm` zbq=A(t;RJ^{Xxi*Ff~!|3!-l_PS{AyNAU~t{h;(N(PXMEf^R(B+ZVX3 z8y0;0A8hJYp@g+c*`>eTA|3Tgv9U8#BDTO9@a@gVMDxr(fVaEqL1tl?md{v^j8aUv zm&%PX4^|rX|?E4^CkplWWNv*OKM>DxPa z!RJ)U^0-WJMi)Ksc!^ixOtw^egoAZZ2Cg;X7(5xZG7yL_;UJ#yp*ZD-;I^Z9qkP`} zwCTs0*%rIVF1sgLervtnUo&brwz?6?PXRuOCS*JI-WL6GKy7-~yi0giTEMmDs_-UX zo=+nFrW_EfTg>oY72_4Z0*uG>MnXP=c0VpT&*|rvv1iStW;*^={rP1y?Hv+6R6bxFMkxpWkJ>m7Ba{>zc_q zEefC3jsXdyS5??Mz7IET$Kft|EMNJIv7Ny8ZOcKnzf`K5Cd)&`-fTY#W&jnV0l2vt z?Gqhic}l}mCv1yUEy$%DP}4AN;36$=7aNI^*AzV(eYGeJ(Px-j<^gSDp5dBAv2#?; zcMXv#aj>%;MiG^q^$0MSg-(uTl!xm49dH!{X0){Ew7ThWV~Gtj7h%ZD zVN-R-^7Cf0VH!8O)uUHPL2mO2tmE*cecwQv_5CzWeh)ykX8r5Hi`ehYo)d{Jnh&3p z9ndXT$OW51#H5cFKa76c<%nNkP~FU93b5h-|Cb}ScHs@4Q#|}byWg;KDMJ#|l zE=MKD*F@HDBcX@~QJH%56eh~jfPO-uKm}~t7VkHxHT;)4sd+?Wc4* z>CyR*{w@4(gnYRdFq=^(#-ytb^5ESD?x<0Skhb%Pt?npNW1m+Nv`tr9+qN<3H1f<% zZvNEqyK5FgPsQ`QIu9P0x_}wJR~^CotL|n zk?dn;tLRw9jJTur4uWoX6iMm914f0AJfB@C74a;_qRrAP4E7l890P&{v<}>_&GLrW z)klculcg`?zJO~4;BBAa=POU%aN|pmZJn2{hA!d!*lwO%YSIzv8bTJ}=nhC^n}g(ld^rn#kq9Z3)z`k9lvV>y#!F4e{5c$tnr9M{V)0m(Z< z#88vX6-AW7T2UUwW`g<;8I$Jb!R%z@rCcGT)-2k7&x9kZZT66}Ztid~6t0jKb&9mm zpa}LCb`bz`{MzpZR#E*QuBiZXI#<`5qxx=&LMr-UUf~@dRk}YI2hbMsAMWOmDzYtm zjof16D=mc`^B$+_bCG$$@R0t;e?~UkF?7<(vkb70*EQB1rfUWXh$j)R2)+dNAH5%R zEBs^?N;UMdy}V};59Gu#0$q53$}|+q7CIGg_w_WlvE}AdqoS<7DY1LWS9?TrfmcvT zaypmplwn=P4;a8-%l^e?f`OpGb}%(_mFsL&GywhyN(-VROj`4~V~9bGv%UhcA|YW% zs{;nh@aDX11y^HOFXB$a7#Sr3cEtNd4eLm@Y#fc&j)TGvbbMwze zXtekX_wJqxe4NhuW$r}cNy|L{V=t#$%SuWEW)YZTH|!iT79k#?632OFse{+BT_gau zJwQcbH{b}dzKO?^dV&3nTILYlGw{27UJ72ZN){BILd_HV_s$WfI2DC<9LIHFmtyw? zQ;?MuK7g%Ym+4e^W#5}WDLpko%jPOC=aN)3!=8)s#Rnercak&b3ESRX3z{xfKBF8L z5%CGkFmGO@x?_mPGlpEej!3!AMddChabyf~nJNZxx!D&{@xEb!TDyvqSj%Y5@A{}9 zRzoBn0?x}=krh{ok3Nn%e)#~uh;6jpezhA)ySb^b#E>73e*frBFu6IZ^D7Ii&rsiU z%jzygxT-n*joJpY4o&8UXr2s%j^Q{?e-voloX`4DQyEK+DmrZh8A$)iWL#NO9+Y@!sO2f@rI!@jN@>HOA< z?q2l{^%mY*PNx2FoX+A7X3N}(RV$B`g&N=e0uvAvEN1W^{*W?zT1i#fxuw10%~))J zjx#gxoVlXREWZf4hRkgdHx5V_S*;p-y%JtGgQ4}lnA~MBz-AFdxUxU1RIT$`sal|X zPB6sEVRjGbXIP0U+?rT|y5+ev&OMX*5C$n2SBPZr`jqzrmpVrNciR0e*Wm?fK6DY& zl(XQZ60yWXV-|Ps!A{EF;=_z(YAF=T(-MkJXUoX zI{UMQDAV2}Ya?EisdEW;@pE6dt;j0fg5oT2dxCi{wqWJ<)|SR6fxX~5CzblPGr8cb zUBVJ2CQd~3L?7yfTpLNbt)He1D>*KXI^GK%<`bq^cUq$Q@uJifG>p3LU(!H=C)aEL zenk7pVg}0{dKU}&l)Y2Y2eFMdS(JS0}oZUuVaf2+K*YFNGHB`^YGcIpnBlMhO7d4@vV zv(@N}(k#REdul8~fP+^F@ky*wt@~&|(&&meNO>rKDEnB{ykAZ}k>e@lad7to>Ao$B zz<1(L=#J*u4_LB=8w+*{KFK^u00NAmeNN7pr+Pf+N*Zl^dO{LM-hMHyP6N!~`24jd zXYP|Ze;dRXKdF2iJG$U{k=S86l@pytLx}$JFFs8e)*Vi?aVBtGJ3JZUj!~c{(rw5>vuRF$`^p!P8w1B=O!skwkO5yd4_XuG^QVF z`-r5K7(IPSiKQ2|U9+`@Js!g6sfJwAHVd|s?|mnC*q zp|B|z)(8+mxXyxQ{8Pg3F4|tdpgZZSoU4P&9I8)nHo1@)9_9u&NcT^FI)6|hsAZFk zZ+arl&@*>RXBf-OZxhZerOr&dN5LW9@gV=oGFbK*J+m#R-|e6(Loz(;g@T^*oO)0R zN`N=X46b{7yk5FZGr#5&n1!-@j@g02g|X>MOpF3#IjZ_4wg{dX+G9eqS+Es9@6nC7 zD9$NuVJI}6ZlwtUm5cCAiYv0(Yi{%eH+}t)!E^>^KxB5^L~a`4%1~5q6h>d;paC9c zTj0wTCKrhWf+F#5>EgX`sl%POl?oyCq0(w0xoL?L%)|Q7d|Hl92rUYAU#lc**I&^6p=4lNQPa0 znQ|A~i0ip@`B=FW-Q;zh?-wF;Wl5!+q3GXDu-x&}$gUO)NoO7^$BeEIrd~1Dh{Tr` z8s<(Bn@gZ(mkIGnmYh_ehXnq78QL$pNDi)|QcT*|GtS%nz1uKE+E{7jdEBp%h0}%r zD2|KmYGiPa4;md-t_m5YDz#c*oV_FqXd85d@eub?9N61QuYcb3CnVWpM(D-^|CmkL z(F}L&N7qhL2PCq)fRh}XO@U`Yn<?TNGR4L(mF7#4u29{i~@k;pLsgl({YW5`Mo+p=zZn3L*4{JU;++dG9 X@eDJUQo;Ye2mwlRs?y0|+_a0zY+Zo%Dkae}+MySoIppb75o?vUW_?)>@g{U2`ERQIXV zeY$JrWnMZ$QC<=ii4X|@0H8`si75jB(ElJb00HAB%>SlLR{!zO|C9P3zxw_U8?1d8uRZ=({Ga4shyN}3 zAK}WA(ds|``G4jA)9}Bt2Hy0+f3rV1E6b|@?hpGA=PI&r8)ah|)I2s(P5Ic*Ndhn^ z*T&j@gbCTv7+8rpYbR^Ty}1AY)YH;p!m948r#%7x^Z@_-w{pDl|1S4`EM3n_PaXvK z1JF)E3qy$qTj5Xs{jU9k=y%SQ0>8E$;x?p9ayU0bZZeo{5Z@&FKX>}s!0+^>C^D#z z>xsCPvxD3Z=dP}TTOSJhNTPyVt14VCQ9MQFN`rn!c&_p?&4<5_PGm4a;WS&1(!qKE z_H$;dDdiPQ!F_gsN`2>`X}$I=B;={R8%L~`>RyKcS$72ai$!2>d(YkciA^J0@X%G4 z4cu!%Ps~2JuJ8ex`&;Fa0NQOq_nDZ&X;^A=oc1&f#3P1(!5il>6?uK4QpEG8z0Rhu zvBJ+A9RV?z%v?!$=(vcH?*;vRs*+PPbOQ3cdPr5=tOcLqmfx@#hOqX0iN)wTTO21jH<>jpmwRIAGw7`a|sl?9y9zRBh>(_%| zF?h|P7}~RKj?HR+q|4U`CjRmV-$mLW>MScKnNXiv{vD3&2@*u)-6P@h0A`eeZ7}71 zK(w%@R<4lLt`O7fs1E)$5iGb~fPfJ?WxhY7c3Q>T-w#wT&zW522pH-B%r5v#5y^CF zcC30Se|`D2mY$hAlIULL%-PNXgbbpRHgn<&X3N9W!@BUk@9g*P5mz-YnZBb*-$zMM z7Qq}ic0mR8n{^L|=+diODdV}Q!gwr?y+2m=3HWwMq4z)DqYVg0J~^}-%7rMR@S1;9 z7GFj6K}i32X;3*$SmzB&HW{PJ55kT+EI#SsZf}bD7nW^Haf}_gXciYKX{QBxIPSx2Ma? zHQqgzZq!_{&zg{yxqv3xq8YV+`S}F6A>Gtl39_m;K4dA{pP$BW0oIXJ>jEQ!2V3A2 zdpoTxG&V=(?^q?ZTj2ZUpDUdMb)T?E$}CI>r@}PFPWD9@*%V6;4Ag>D#h>!s)=$0R zRXvdkZ%|c}ubej`jl?cS$onl9Tw52rBKT)kgyw~Xy%z62Lr%V6Y=f?2)J|bZJ5(Wx zmji`O;_B+*X@qe-#~`HFP<{8$w@z4@&`q^Q-Zk8JG3>WalhnW1cvnoVw>*R@c&|o8 zZ%w!{Z+MHeZ*OE4v*otkZqz11*s!#s^Gq>+o`8Z5 z^i-qzJLJh9!W-;SmFkR8HEZJWiXk$40i6)7 zZpr=k2lp}SasbM*Nbn3j$sn0;rUI;%EDbi7T1ZI4qL6PNNM2Y%6{LMIKW+FY_yF3) zSKQ2QSujzNMSL2r&bYs`|i2Dnn z=>}c0>a}>|uT!IiMOA~pVT~R@bGlm}Edf}Kq0?*Af6#mW9f9!}RjW7om0c9Qlp;yK z)=XQs(|6GCadQbWIhYF=rf{Y)sj%^Id-ARO0=O^Ad;Ph+ z0?$eE1xhH?{T$QI>0JP75`r)U_$#%K1^BQ8z#uciKf(C701&RyLQWBUp*Q7eyn76} z6JHpC9}R$J#(R0cDCkXoFSp;j6{x{b&0yE@P7{;pCEpKjS(+1RQy38`=&Yxo%F=3y zCPeefABp34U-s?WmU#JJw23dcC{sPPFc2#J$ZgEN%zod}J~8dLm*fx9f6SpO zn^Ww3bt9-r0XaT2a@Wpw;C23XM}7_14#%QpubrIw5aZtP+CqIFmsG4`Cm6rfxl9n5 z7=r2C-+lM2AB9X0T_`?EW&Byv&K?HS4QLoylJ|OAF z`8atBNTzJ&AQ!>sOo$?^0xj~D(;kS$`9zbEGd>f6r`NC3X`tX)sWgWUUOQ7w=$TO&*j;=u%25ay-%>3@81tGe^_z*C7pb9y*Ed^H3t$BIKH2o+olp#$q;)_ zfpjCb_^VFg5fU~K)nf*d*r@BCC>UZ!0&b?AGk_jTPXaSnCuW110wjHPPe^9R^;jo3 zwvzTl)C`Zl5}O2}3lec=hZ*$JnkW#7enKKc)(pM${_$9Hc=Sr_A9Biwe*Y=T?~1CK z6eZ9uPICjy-sMGbZl$yQmpB&`ouS8v{58__t0$JP%i3R&%QR3ianbZqDs<2#5FdN@n5bCn^ZtH992~5k(eA|8|@G9u`wdn7bnpg|@{m z^d6Y`*$Zf2Xr&|g%sai#5}Syvv(>Jnx&EM7-|Jr7!M~zdAyjt*xl;OLhvW-a%H1m0 z*x5*nb=R5u><7lyVpNAR?q@1U59 zO+)QWwL8t zyip?u_nI+K$uh{y)~}qj?(w0&=SE^8`_WMM zTybjG=999h38Yes7}-4*LJ7H)UE8{mE(6;8voE+TYY%33A>S6`G_95^5QHNTo_;Ao ztIQIZ_}49%{8|=O;isBZ?=7kfdF8_@azfoTd+hEJKWE!)$)N%HIe2cplaK`ry#=pV z0q{9w-`i0h@!R8K3GC{ivt{70IWG`EP|(1g7i_Q<>aEAT{5(yD z=!O?kq61VegV+st@XCw475j6vS)_z@efuqQgHQR1T4;|-#OLZNQJPV4k$AX1Uk8Lm z{N*b*ia=I+MB}kWpupJ~>!C@xEN#Wa7V+7{m4j8c?)ChV=D?o~sjT?0C_AQ7B-vxqX30s0I_`2$in86#`mAsT-w?j{&AL@B3$;P z31G4(lV|b}uSDCIrjk+M1R!X7s4Aabn<)zpgT}#gE|mIvV38^ODy@<&yflpCwS#fRf9ZX3lPV_?8@C5)A;T zqmouFLFk;qIs4rA=hh=GL~sCFsXHsqO6_y~*AFt939UYVBSx1s(=Kb&5;j7cSowdE;7()CC2|-i9Zz+_BIw8#ll~-tyH?F3{%`QCsYa*b#s*9iCc`1P1oC26?`g<9))EJ3%xz+O!B3 zZ7$j~To)C@PquR>a1+Dh>-a%IvH_Y7^ys|4o?E%3`I&ADXfC8++hAdZfzIT#%C+Jz z1lU~K_vAm0m8Qk}K$F>|>RPK%<1SI0(G+8q~H zAsjezyP+u!Se4q3GW)`h`NPSRlMoBjCzNPesWJwVTY!o@G8=(6I%4XHGaSiS3MEBK zhgGFv6Jc>L$4jVE!I?TQuwvz_%CyO!bLh94nqK11C2W$*aa2ueGopG8DnBICVUORP zgytv#)49fVXDaR$SukloYC3u7#5H)}1K21=?DKj^U)8G;MS)&Op)g^zR2($<>C*zW z;X7`hLxiIO#J`ANdyAOJle4V%ppa*(+0i3w;8i*BA_;u8gOO6)MY`ueq7stBMJTB; z-a0R>hT*}>z|Gg}@^zDL1MrH+2hsR8 zHc}*9IvuQC^Ju)^#Y{fOr(96rQNPNhxc;mH@W*m206>Lo<*SaaH?~8zg&f&%YiOEG zGiz?*CP>Bci}!WiS=zj#K5I}>DtpregpP_tfZtPa(N<%vo^#WCQ5BTv0vr%Z{)0q+ z)RbfHktUm|lg&U3YM%lMUM(fu}i#kjX9h>GYctkx9Mt_8{@s%!K_EI zScgwy6%_fR?CGJQtmgNAj^h9B#zmaMDWgH55pGuY1Gv7D z;8Psm(vEPiwn#MgJYu4Ty9D|h!?Rj0ddE|&L3S{IP%H4^N!m`60ZwZw^;eg4sk6K{ ziA^`Sbl_4~f&Oo%n;8Ye(tiAdlZKI!Z=|j$5hS|D$bDJ}p{gh$KN&JZYLUjv4h{NY zBJ>X9z!xfDGY z+oh_Z&_e#Q(-}>ssZfm=j$D&4W4FNy&-kAO1~#3Im;F)Nwe{(*75(p=P^VI?X0GFakfh+X-px4a%Uw@fSbmp9hM1_~R>?Z8+ ziy|e9>8V*`OP}4x5JjdWp}7eX;lVxp5qS}0YZek;SNmm7tEeSF*-dI)6U-A%m6YvCgM(}_=k#a6o^%-K4{`B1+}O4x zztDT%hVb;v#?j`lTvlFQ3aV#zkX=7;YFLS$uIzb0E3lozs5`Xy zi~vF+%{z9uLjKvKPhP%x5f~7-Gj+%5N`%^=yk*Qn{`> z;xj&ROY6g`iy2a@{O)V(jk&8#hHACVDXey5a+KDod_Z&}kHM}xt7}Md@pil{2x7E~ zL$k^d2@Ec2XskjrN+IILw;#7((abu;OJii&v3?60x>d_Ma(onIPtcVnX@ELF0aL?T zSmWiL3(dOFkt!x=1O!_0n(cAzZW+3nHJ{2S>tgSK?~cFha^y(l@-Mr2W$%MN{#af8J;V*>hdq!gx=d0h$T7l}>91Wh07)9CTX zh2_ZdQCyFOQ)l(}gft0UZG`Sh2`x-w`5vC2UD}lZs*5 zG76$akzn}Xi))L3oGJ75#pcN=cX3!=57$Ha=hQ2^lwdyU#a}4JJOz6ddR%zae%#4& za)bFj)z=YQela(F#Y|Q#dp}PJghITwXouVaMq$BM?K%cXn9^Y@g43$=O)F&ZlOUom zJiad#dea;-eywBA@e&D6Pdso1?2^(pXiN91?jvcaUyYoKUmvl5G9e$W!okWe*@a<^ z8cQQ6cNSf+UPDx%?_G4aIiybZHHagF{;IcD(dPO!#=u zWfqLcPc^+7Uu#l(Bpxft{*4lv#*u7X9AOzDO z1D9?^jIo}?%iz(_dwLa{ex#T}76ZfN_Z-hwpus9y+4xaUu9cX}&P{XrZVWE{1^0yw zO;YhLEW!pJcbCt3L8~a7>jsaN{V3>tz6_7`&pi%GxZ=V3?3K^U+*ryLSb)8^IblJ0 zSRLNDvIxt)S}g30?s_3NX>F?NKIGrG_zB9@Z>uSW3k2es_H2kU;Rnn%j5qP)!XHKE zPB2mHP~tLCg4K_vH$xv`HbRsJwbZMUV(t=ez;Ec(vyHH)FbfLg`c61I$W_uBB>i^r z&{_P;369-&>23R%qNIULe=1~T$(DA`ev*EWZ6j(B$(te}x1WvmIll21zvygkS%vwG zzkR6Z#RKA2!z!C%M!O>!=Gr0(J0FP=-MN=5t-Ir)of50y10W}j`GtRCsXBakrKtG& zazmITDJMA0C51&BnLY)SY9r)NVTMs);1<=oosS9g31l{4ztjD3#+2H7u_|66b|_*O z;Qk6nalpqdHOjx|K&vUS_6ITgGll;TdaN*ta=M_YtyC)I9Tmr~VaPrH2qb6sd~=AcIxV+%z{E&0@y=DPArw zdV7z(G1hBx7hd{>(cr43^WF%4Y@PXZ?wPpj{OQ#tvc$pABJbvPGvdR`cAtHn)cSEV zrpu}1tJwQ3y!mSmH*uz*x0o|CS<^w%&KJzsj~DU0cLQUxk5B!hWE>aBkjJle8z~;s z-!A=($+}Jq_BTK5^B!`R>!MulZN)F=iXXeUd0w5lUsE5VP*H*oCy(;?S$p*TVvTxwAeWFB$jHyb0593)$zqalVlDX=GcCN1gU0 zlgU)I$LcXZ8Oyc2TZYTPu@-;7<4YYB-``Qa;IDcvydIA$%kHhJKV^m*-zxcvU4viy&Kr5GVM{IT>WRywKQ9;>SEiQD*NqplK-KK4YR`p0@JW)n_{TU3bt0 zim%;(m1=#v2}zTps=?fU5w^(*y)xT%1vtQH&}50ZF!9YxW=&7*W($2kgKyz1mUgfs zfV<*XVVIFnohW=|j+@Kfo!#liQR^x>2yQdrG;2o8WZR+XzU_nG=Ed2rK?ntA;K5B{ z>M8+*A4!Jm^Bg}aW?R?6;@QG@uQ8&oJ{hFixcfEnJ4QH?A4>P=q29oDGW;L;= z9-a0;g%c`C+Ai!UmK$NC*4#;Jp<1=TioL=t^YM)<<%u#hnnfSS`nq63QKGO1L8RzX z@MFDqs1z ztYmxDl@LU)5acvHk)~Z`RW7=aJ_nGD!mOSYD>5Odjn@TK#LY{jf?+piB5AM-CAoT_ z?S-*q7}wyLJzK>N%eMPuFgN)Q_otKP;aqy=D5f!7<=n(lNkYRXVpkB{TAYLYg{|(jtRqYmg$xH zjmq?B(RE4 zQx^~Pt}gxC2~l=K$$-sYy_r$CO(d=+b3H1MB*y_5g6WLaWTXn+TKQ|hNY^>Mp6k*$ zwkovomhu776vQATqT4blf~g;TY(MWCrf^^yfWJvSAB$p5l;jm@o#=!lqw+Lqfq>X= z$6~kxfm7`3q4zUEB;u4qa#BdJxO!;xGm)wwuisj{0y2x{R(IGMrsIzDY9LW>m!Y`= z04sx3IjnYvL<4JqxQ8f7qYd0s2Ig%`ytYPEMKI)s(LD}D@EY>x`VFtqvnADNBdeao zC96X+MxnwKmjpg{U&gP3HE}1=s!lv&D{6(g_lzyF3A`7Jn*&d_kL<;dAFx!UZ>hB8 z5A*%LsAn;VLp>3${0>M?PSQ)9s3}|h2e?TG4_F{}{Cs>#3Q*t$(CUc}M)I}8cPF6% z=+h(Kh^8)}gj(0}#e7O^FQ6`~fd1#8#!}LMuo3A0bN`o}PYsm!Y}sdOz$+Tegc=qT z8x`PH$7lvnhJp{kHWb22l;@7B7|4yL4UOOVM0MP_>P%S1Lnid)+k9{+3D+JFa#Pyf zhVc#&df87APl4W9X)F3pGS>@etfl=_E5tBcVoOfrD4hmVeTY-cj((pkn%n@EgN{0f zwb_^Rk0I#iZuHK!l*lN`ceJn(sI{$Fq6nN& zE<-=0_2WN}m+*ivmIOxB@#~Q-cZ>l136w{#TIJe478`KE7@=a{>SzPHsKLzYAyBQO zAtuuF$-JSDy_S@6GW0MOE~R)b;+0f%_NMrW(+V#c_d&U8Z9+ec4=HmOHw?gdjF(Lu zzra83M_BoO-1b3;9`%&DHfuUY)6YDV21P$C!Rc?mv&{lx#f8oc6?0?x zK08{WP65?#>(vPfA-c=MCY|%*1_<3D4NX zeVTi-JGl2uP_2@0F{G({pxQOXt_d{g_CV6b?jNpfUG9;8yle-^4KHRvZs-_2siata zt+d_T@U$&t*xaD22(fH(W1r$Mo?3dc%Tncm=C6{V9y{v&VT#^1L04vDrLM9qBoZ4@ z6DBN#m57hX7$C(=#$Y5$bJmwA$T8jKD8+6A!-IJwA{WOfs%s}yxUw^?MRZjF$n_KN z6`_bGXcmE#5e4Ym)aQJ)xg3Pg0@k`iGuHe?f(5LtuzSq=nS^5z>vqU0EuZ&75V%Z{ zYyhRLN^)$c6Ds{f7*FBpE;n5iglx5PkHfWrj3`x^j^t z7ntuV`g!9Xg#^3!x)l*}IW=(Tz3>Y5l4uGaB&lz{GDjm2D5S$CExLT`I1#n^lBH7Y zDgpMag@`iETKAI=p<5E#LTkwzVR@=yY|uBVI1HG|8h+d;G-qfuj}-ZR6fN>EfCCW z9~wRQoAPEa#aO?3h?x{YvV*d+NtPkf&4V0k4|L=uj!U{L+oLa(z#&iuhJr3-PjO3R z5s?=nn_5^*^Rawr>>Nr@K(jwkB#JK-=+HqwfdO<+P5byeim)wvqGlP-P|~Nse8=XF zz`?RYB|D6SwS}C+YQv+;}k6$-%D(@+t14BL@vM z2q%q?f6D-A5s$_WY3{^G0F131bbh|g!}#BKw=HQ7mx;Dzg4Z*bTLQSfo{ed{4}NZW zfrRm^Ca$rlE{Ue~uYv>R9{3smwATcdM_6+yWIO z*ZRH~uXE@#p$XTbCt5j7j2=86e{9>HIB6xDzV+vAo&B?KUiMP|ttOElepnl%|DPqL b{|{}U^kRn2wo}j7|0ATu<;8xA7zX}7|B6mN literal 0 HcmV?d00001 diff --git a/rsbuild/tanstack-start-solid/public/manifest.json b/rsbuild/tanstack-start-solid/public/manifest.json new file mode 100644 index 000000000..078ef5011 --- /dev/null +++ b/rsbuild/tanstack-start-solid/public/manifest.json @@ -0,0 +1,25 @@ +{ + "short_name": "TanStack App", + "name": "Create TanStack App Sample", + "icons": [ + { + "src": "favicon.ico", + "sizes": "64x64 32x32 24x24 16x16", + "type": "image/x-icon" + }, + { + "src": "logo192.png", + "type": "image/png", + "sizes": "192x192" + }, + { + "src": "logo512.png", + "type": "image/png", + "sizes": "512x512" + } + ], + "start_url": ".", + "display": "standalone", + "theme_color": "#000000", + "background_color": "#ffffff" +} diff --git a/rsbuild/tanstack-start-solid/public/robots.txt b/rsbuild/tanstack-start-solid/public/robots.txt new file mode 100644 index 000000000..e9e57dc4d --- /dev/null +++ b/rsbuild/tanstack-start-solid/public/robots.txt @@ -0,0 +1,3 @@ +# https://www.robotstxt.org/robotstxt.html +User-agent: * +Disallow: diff --git a/rsbuild/tanstack-start-solid/rsbuild.config.ts b/rsbuild/tanstack-start-solid/rsbuild.config.ts new file mode 100644 index 000000000..198a14869 --- /dev/null +++ b/rsbuild/tanstack-start-solid/rsbuild.config.ts @@ -0,0 +1,16 @@ +import { defineConfig } from '@rsbuild/core'; +import { pluginBabel } from '@rsbuild/plugin-babel'; +import { pluginSolid } from '@rsbuild/plugin-solid'; +import { pluginTailwindcss } from '@rsbuild/plugin-tailwindcss'; +import { tanstackStart } from '@tanstack/solid-start/plugin/rsbuild'; + +export default defineConfig({ + plugins: [ + pluginBabel({ + include: /\.(?:jsx|tsx)$/, + }), + pluginSolid(), + pluginTailwindcss(), + tanstackStart(), + ], +}); diff --git a/rsbuild/tanstack-start-solid/src/components/Header.tsx b/rsbuild/tanstack-start-solid/src/components/Header.tsx new file mode 100644 index 000000000..07d9e4aba --- /dev/null +++ b/rsbuild/tanstack-start-solid/src/components/Header.tsx @@ -0,0 +1,35 @@ +import { Link } from '@tanstack/solid-router'; + +export default function Header() { + return ( + + ); +} diff --git a/rsbuild/tanstack-start-solid/src/routeTree.gen.ts b/rsbuild/tanstack-start-solid/src/routeTree.gen.ts new file mode 100644 index 000000000..3cc45c071 --- /dev/null +++ b/rsbuild/tanstack-start-solid/src/routeTree.gen.ts @@ -0,0 +1,86 @@ +/* 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 AboutRouteImport } from './routes/about' +import { Route as IndexRouteImport } from './routes/index' + +const AboutRoute = AboutRouteImport.update({ + id: '/about', + path: '/about', + getParentRoute: () => rootRouteImport, +} as any) +const IndexRoute = IndexRouteImport.update({ + id: '/', + path: '/', + getParentRoute: () => rootRouteImport, +} as any) + +export interface FileRoutesByFullPath { + '/': typeof IndexRoute + '/about': typeof AboutRoute +} +export interface FileRoutesByTo { + '/': typeof IndexRoute + '/about': typeof AboutRoute +} +export interface FileRoutesById { + __root__: typeof rootRouteImport + '/': typeof IndexRoute + '/about': typeof AboutRoute +} +export interface FileRouteTypes { + fileRoutesByFullPath: FileRoutesByFullPath + fullPaths: '/' | '/about' + fileRoutesByTo: FileRoutesByTo + to: '/' | '/about' + id: '__root__' | '/' | '/about' + fileRoutesById: FileRoutesById +} +export interface RootRouteChildren { + IndexRoute: typeof IndexRoute + AboutRoute: typeof AboutRoute +} + +declare module '@tanstack/solid-router' { + interface FileRoutesByPath { + '/about': { + id: '/about' + path: '/about' + fullPath: '/about' + preLoaderRoute: typeof AboutRouteImport + parentRoute: typeof rootRouteImport + } + '/': { + id: '/' + path: '/' + fullPath: '/' + preLoaderRoute: typeof IndexRouteImport + parentRoute: typeof rootRouteImport + } + } +} + +const rootRouteChildren: RootRouteChildren = { + IndexRoute: IndexRoute, + AboutRoute: AboutRoute, +} +export const routeTree = rootRouteImport + ._addFileChildren(rootRouteChildren) + ._addFileTypes() + +import type { getRouter } from './router.tsx' +import type { createStart } from '@tanstack/solid-start' +declare module '@tanstack/solid-start' { + interface Register { + ssr: true + router: Awaited> + } +} diff --git a/rsbuild/tanstack-start-solid/src/router.tsx b/rsbuild/tanstack-start-solid/src/router.tsx new file mode 100644 index 000000000..22aab37da --- /dev/null +++ b/rsbuild/tanstack-start-solid/src/router.tsx @@ -0,0 +1,20 @@ +import { createRouter as createTanStackRouter } from '@tanstack/solid-router'; +import { routeTree } from './routeTree.gen'; + +export function getRouter() { + const router = createTanStackRouter({ + routeTree, + + scrollRestoration: true, + defaultPreload: 'intent', + defaultPreloadStaleTime: 0, + }); + + return router; +} + +declare module '@tanstack/solid-router' { + interface Register { + router: ReturnType; + } +} diff --git a/rsbuild/tanstack-start-solid/src/routes/__root.tsx b/rsbuild/tanstack-start-solid/src/routes/__root.tsx new file mode 100644 index 000000000..f6114efd9 --- /dev/null +++ b/rsbuild/tanstack-start-solid/src/routes/__root.tsx @@ -0,0 +1,35 @@ +import { HeadContent, Outlet, Scripts, createRootRouteWithContext } from '@tanstack/solid-router'; +import { TanStackRouterDevtools } from '@tanstack/solid-router-devtools'; + +import { HydrationScript } from 'solid-js/web'; +import { Suspense } from 'solid-js'; + +import Header from '../components/Header'; + +import styleCss from '../styles.css?url'; + +export const Route = createRootRouteWithContext()({ + head: () => ({ + links: [{ rel: 'stylesheet', href: styleCss }], + }), + shellComponent: RootComponent, +}); + +function RootComponent() { + return ( + + + + + + + +
+ + + + + + + ); +} diff --git a/rsbuild/tanstack-start-solid/src/routes/about.tsx b/rsbuild/tanstack-start-solid/src/routes/about.tsx new file mode 100644 index 000000000..80014df7b --- /dev/null +++ b/rsbuild/tanstack-start-solid/src/routes/about.tsx @@ -0,0 +1,22 @@ +import { createFileRoute } from '@tanstack/solid-router'; + +export const Route = createFileRoute('/about')({ + component: About, +}); + +function About() { + return ( +
+
+

About

+

+ A small starter with room to grow. +

+

+ TanStack Start gives you type-safe routing, server functions, and modern SSR defaults. Use + this as a clean foundation, then layer in your own routes, styling, and add-ons. +

+
+
+ ); +} diff --git a/rsbuild/tanstack-start-solid/src/routes/index.tsx b/rsbuild/tanstack-start-solid/src/routes/index.tsx new file mode 100644 index 000000000..a56a51d24 --- /dev/null +++ b/rsbuild/tanstack-start-solid/src/routes/index.tsx @@ -0,0 +1,71 @@ +import { createFileRoute } from '@tanstack/solid-router'; + +export const Route = createFileRoute('/')({ component: App }); + +function App() { + return ( +
+
+
+
+

TanStack Start Base Template

+

+ Start simple, ship quickly. +

+

+ This base starter intentionally keeps things light: two routes, clean structure, and the + essentials you need to build from scratch. +

+
+ + About This Starter + + + Router Guide + +
+
+ +
+ {[ + ['Type-Safe Routing', 'Routes and links stay in sync across every page.'], + ['Server Functions', 'Call server code from your UI without creating API boilerplate.'], + ['Streaming by Default', 'Ship progressively rendered responses for faster experiences.'], + ['Tailwind Native', 'Design quickly with utility-first styling and reusable tokens.'], + ].map(([title, desc], index) => ( +
+

{title}

+

{desc}

+
+ ))} +
+ +
+

Quick Start

+
    +
  • + Edit src/routes/index.tsx to customize the home page. +
    • +
  • + Update src/components/Header.tsx for navigation and product links. +
    • +
  • + Add routes in src/routes and tweak visual tokens in{' '} + src/styles.css. +
    • +
+
+
+ ); +} diff --git a/rsbuild/tanstack-start-solid/src/styles.css b/rsbuild/tanstack-start-solid/src/styles.css new file mode 100644 index 000000000..a1952e4a5 --- /dev/null +++ b/rsbuild/tanstack-start-solid/src/styles.css @@ -0,0 +1,195 @@ +@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,700&family=Manrope:wght@400;500;600;700;800&display=swap'); +@import 'tailwindcss'; + +:root { + --sea-ink: #173a40; + --sea-ink-soft: #416166; + --lagoon: #4fb8b2; + --lagoon-deep: #328f97; + --palm: #2f6a4a; + --sand: #e7f0e8; + --foam: #f3faf5; + --surface: rgba(255, 255, 255, 0.74); + --surface-strong: rgba(255, 255, 255, 0.9); + --line: rgba(23, 58, 64, 0.14); + --inset-glint: rgba(255, 255, 255, 0.82); + --kicker: rgba(47, 106, 74, 0.9); + --bg-base: #e7f3ec; + --header-bg: rgba(251, 255, 248, 0.84); + --chip-bg: rgba(255, 255, 255, 0.8); + --chip-line: rgba(47, 106, 74, 0.18); + --link-bg-hover: rgba(255, 255, 255, 0.9); + --hero-a: rgba(79, 184, 178, 0.36); + --hero-b: rgba(47, 106, 74, 0.2); +} + +* { + box-sizing: border-box; +} + +html, +body, +#app { + min-height: 100%; +} + +body { + margin: 0; + color: var(--sea-ink); + font-family: 'Manrope', ui-sans-serif, system-ui, sans-serif; + background-color: var(--bg-base); + background: + radial-gradient(1100px 620px at -8% -10%, var(--hero-a), transparent 58%), + radial-gradient(1050px 620px at 112% -12%, var(--hero-b), transparent 62%), + radial-gradient(720px 380px at 50% 115%, rgba(79, 184, 178, 0.1), transparent 68%), + linear-gradient( + 180deg, + color-mix(in oklab, var(--sand) 68%, white) 0%, + var(--foam) 44%, + var(--bg-base) 100% + ); + overflow-x: hidden; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +a { + color: var(--lagoon-deep); + text-decoration-color: rgba(50, 143, 151, 0.4); + text-decoration-thickness: 1px; + text-underline-offset: 2px; +} + +a:hover { + color: #246f76; +} + +code { + font-size: 0.9em; + border: 1px solid var(--line); + background: color-mix(in oklab, var(--surface-strong) 82%, white 18%); + border-radius: 7px; + padding: 2px 7px; +} + +.page-wrap { + width: min(1080px, calc(100% - 2rem)); + margin-inline: auto; +} + +.display-title { + font-family: 'Fraunces', Georgia, serif; +} + +.island-shell { + border: 1px solid var(--line); + background: linear-gradient(165deg, var(--surface-strong), var(--surface)); + box-shadow: + 0 1px 0 var(--inset-glint) inset, + 0 22px 44px rgba(30, 90, 72, 0.1), + 0 6px 18px rgba(23, 58, 64, 0.08); + backdrop-filter: blur(4px); +} + +.feature-card { + background: linear-gradient( + 165deg, + color-mix(in oklab, var(--surface-strong) 93%, white 7%), + var(--surface) + ); + box-shadow: + 0 1px 0 var(--inset-glint) inset, + 0 18px 34px rgba(30, 90, 72, 0.1), + 0 4px 14px rgba(23, 58, 64, 0.06); +} + +.site-header { + position: sticky; + top: 0; + z-index: 50; + border-bottom: 1px solid var(--line); + background: var(--header-bg); + backdrop-filter: blur(10px); +} + +.nav-shell { + display: flex; + flex-wrap: wrap; + align-items: center; + gap: 0.5rem 0.75rem; + padding: 0.75rem 0; +} + +.brand-pill { + display: inline-flex; + align-items: center; + gap: 0.5rem; + border-radius: 999px; + border: 1px solid var(--chip-line); + background: var(--chip-bg); + padding: 0.5rem 0.875rem; + color: var(--sea-ink); + text-decoration: none; + box-shadow: 0 8px 24px rgba(30, 90, 72, 0.08); +} + +.brand-dot { + height: 0.5rem; + width: 0.5rem; + border-radius: 999px; + background: linear-gradient(90deg, #56c6be, #7ed3bf); +} + +.island-kicker { + letter-spacing: 0.16em; + text-transform: uppercase; + font-weight: 700; + font-size: 0.69rem; + color: var(--kicker); +} + +.nav-link { + position: relative; + display: inline-flex; + align-items: center; + color: var(--sea-ink-soft); + text-decoration: none; +} + +.nav-link::after { + content: ''; + position: absolute; + left: 0; + bottom: -6px; + width: 100%; + height: 2px; + transform: scaleX(0); + transform-origin: left; + background: linear-gradient(90deg, var(--lagoon), #7ed3bf); + transition: transform 170ms ease; +} + +.nav-link:hover, +.nav-link.is-active { + color: var(--sea-ink); +} + +.nav-link:hover::after, +.nav-link.is-active::after { + transform: scaleX(1); +} + +.rise-in { + animation: rise-in 700ms cubic-bezier(0.16, 1, 0.3, 1) both; +} + +@keyframes rise-in { + from { + opacity: 0; + transform: translateY(12px); + } + to { + opacity: 1; + transform: translateY(0); + } +} diff --git a/rsbuild/tanstack-start-solid/tsconfig.json b/rsbuild/tanstack-start-solid/tsconfig.json new file mode 100644 index 000000000..71045b775 --- /dev/null +++ b/rsbuild/tanstack-start-solid/tsconfig.json @@ -0,0 +1,25 @@ +{ + "include": ["**/*.ts", "**/*.tsx"], + "compilerOptions": { + "target": "ES2022", + "jsx": "preserve", + "jsxImportSource": "solid-js", + "module": "ESNext", + "lib": ["ES2022", "DOM", "DOM.Iterable"], + "types": ["node", "@rsbuild/core/client"], + + /* Bundler mode */ + "moduleResolution": "bundler", + "allowImportingTsExtensions": true, + "verbatimModuleSyntax": true, + "noEmit": true, + + /* Linting */ + "skipLibCheck": true, + "strict": true, + "noUnusedLocals": true, + "noUnusedParameters": true, + "noFallthroughCasesInSwitch": true, + "noUncheckedSideEffectImports": true + } +} diff --git a/rsbuild/tanstack-start/tsconfig.json b/rsbuild/tanstack-start/tsconfig.json index f7511c70b..6c988cbcf 100644 --- a/rsbuild/tanstack-start/tsconfig.json +++ b/rsbuild/tanstack-start/tsconfig.json @@ -9,7 +9,7 @@ "@/*": ["./src/*"] }, "lib": ["ES2022", "DOM", "DOM.Iterable"], - "types": ["node"], + "types": ["node", "@rsbuild/core/client"], /* Bundler mode */ "moduleResolution": "bundler", From 15d6c44aabaaa686a18dc8d8799d2bfac26cb7d4 Mon Sep 17 00:00:00 2001 From: neverland Date: Thu, 4 Jun 2026 11:52:09 +0800 Subject: [PATCH 2/3] fix --- pnpm-lock.yaml | 33 ++++++++++++----------- rsbuild/tanstack-start-solid/package.json | 3 ++- 2 files changed, 19 insertions(+), 17 deletions(-) diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 01a2c92b2..d5ec1f8be 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -853,6 +853,9 @@ importers: '@rsbuild/plugin-tailwindcss': specifier: ^2.0.1 version: 2.0.1(@rsbuild/core@2.0.11)(webpack@5.102.1) + '@types/node': + specifier: ^25.9.1 + version: 25.9.1 typescript: specifier: ^6.0.2 version: 6.0.3 @@ -18934,7 +18937,7 @@ snapshots: '@jest/schemas': 29.6.3 '@types/istanbul-lib-coverage': 2.0.6 '@types/istanbul-reports': 3.0.4 - '@types/node': 24.12.4 + '@types/node': 25.9.1 '@types/yargs': 17.0.33 chalk: 4.1.2 @@ -21900,7 +21903,7 @@ snapshots: '@tailwindcss/node': 4.3.0 '@tailwindcss/oxide': 4.3.0 tailwindcss: 4.3.0 - webpack: 5.102.1 + webpack: 5.102.1(esbuild@0.28.0) '@tanstack/devtools-client@0.0.6': dependencies: @@ -22375,7 +22378,7 @@ snapshots: '@types/body-parser@1.19.5': dependencies: '@types/connect': 3.4.38 - '@types/node': 24.12.4 + '@types/node': 25.9.1 '@types/chai@5.2.3': dependencies: @@ -22384,17 +22387,17 @@ snapshots: '@types/connect@3.4.38': dependencies: - '@types/node': 24.12.4 + '@types/node': 25.9.1 '@types/cookie@0.4.1': {} '@types/cors@2.8.17': dependencies: - '@types/node': 24.12.4 + '@types/node': 25.9.1 '@types/cross-spawn@6.0.6': dependencies: - '@types/node': 24.12.4 + '@types/node': 25.9.1 '@types/debug@4.1.12': dependencies: @@ -22426,7 +22429,7 @@ snapshots: '@types/express-serve-static-core@5.0.2': dependencies: - '@types/node': 24.12.4 + '@types/node': 25.9.1 '@types/qs': 6.9.11 '@types/range-parser': 1.2.7 '@types/send': 0.17.4 @@ -22529,12 +22532,12 @@ snapshots: '@types/send@0.17.4': dependencies: '@types/mime': 1.3.5 - '@types/node': 24.12.4 + '@types/node': 25.9.1 '@types/serve-static@2.2.0': dependencies: '@types/http-errors': 2.0.4 - '@types/node': 24.12.4 + '@types/node': 25.9.1 '@types/styled-components@5.1.36': dependencies: @@ -22560,7 +22563,7 @@ snapshots: '@types/ws@8.18.1': dependencies: - '@types/node': 24.12.4 + '@types/node': 25.9.1 '@types/yargs-parser@21.0.3': {} @@ -24415,7 +24418,7 @@ snapshots: dependencies: '@types/cookie': 0.4.1 '@types/cors': 2.8.17 - '@types/node': 24.12.4 + '@types/node': 25.9.1 accepts: 1.3.8 base64id: 2.0.0 cookie: 0.7.2 @@ -24885,7 +24888,7 @@ snapshots: eval@0.1.8: dependencies: - '@types/node': 24.12.4 + '@types/node': 25.9.1 require-like: 0.1.2 eventemitter3@4.0.7: {} @@ -25426,7 +25429,7 @@ snapshots: happy-dom@20.9.0: dependencies: - '@types/node': 24.12.4 + '@types/node': 25.9.1 '@types/whatwg-mimetype': 3.0.2 '@types/ws': 8.18.1 entities: 7.0.1 @@ -26194,7 +26197,7 @@ snapshots: jest-worker@27.5.1: dependencies: - '@types/node': 24.12.4 + '@types/node': 25.9.1 merge-stream: 2.0.0 supports-color: 8.1.1 @@ -30383,7 +30386,6 @@ snapshots: webpack: 5.102.1(esbuild@0.28.0) optionalDependencies: esbuild: 0.28.0 - optional: true terser-webpack-plugin@5.6.1(lightningcss@1.32.0)(webpack@5.102.1): dependencies: @@ -31342,7 +31344,6 @@ snapshots: - lightningcss - postcss - uglify-js - optional: true webpack@5.102.1(esbuild@0.28.0)(lightningcss@1.32.0): dependencies: diff --git a/rsbuild/tanstack-start-solid/package.json b/rsbuild/tanstack-start-solid/package.json index c7af4349a..b8b05719a 100644 --- a/rsbuild/tanstack-start-solid/package.json +++ b/rsbuild/tanstack-start-solid/package.json @@ -1,5 +1,5 @@ { - "name": "@rsbuild-example/tanstack-stack-solid", + "name": "@rsbuild-example/tanstack-start-solid", "private": true, "type": "module", "scripts": { @@ -21,6 +21,7 @@ "@rsbuild/plugin-babel": "^1.2.1", "@rsbuild/plugin-solid": "^1.2.1", "@rsbuild/plugin-tailwindcss": "^2.0.1", + "@types/node": "^25.9.1", "typescript": "^6.0.2" } } From d0d287df471504917948bc19db899e1e363d1e19 Mon Sep 17 00:00:00 2001 From: neverland Date: Thu, 4 Jun 2026 13:10:27 +0800 Subject: [PATCH 3/3] fix --- rsbuild/tanstack-start-rsc/tsconfig.json | 2 +- rsbuild/tanstack-start-solid/tsconfig.json | 2 +- rsbuild/tanstack-start/tsconfig.json | 2 +- 3 files changed, 3 insertions(+), 3 deletions(-) diff --git a/rsbuild/tanstack-start-rsc/tsconfig.json b/rsbuild/tanstack-start-rsc/tsconfig.json index 348268bd9..4a67b0d8b 100644 --- a/rsbuild/tanstack-start-rsc/tsconfig.json +++ b/rsbuild/tanstack-start-rsc/tsconfig.json @@ -10,7 +10,7 @@ "~/*": ["./src/*"] }, "lib": ["ES2022", "DOM", "DOM.Iterable"], - "types": ["node", "@rsbuild/core/client"], + "types": ["node", "@rsbuild/core/types"], /* Bundler mode */ "moduleResolution": "bundler", diff --git a/rsbuild/tanstack-start-solid/tsconfig.json b/rsbuild/tanstack-start-solid/tsconfig.json index 71045b775..7e9630975 100644 --- a/rsbuild/tanstack-start-solid/tsconfig.json +++ b/rsbuild/tanstack-start-solid/tsconfig.json @@ -6,7 +6,7 @@ "jsxImportSource": "solid-js", "module": "ESNext", "lib": ["ES2022", "DOM", "DOM.Iterable"], - "types": ["node", "@rsbuild/core/client"], + "types": ["node", "@rsbuild/core/types"], /* Bundler mode */ "moduleResolution": "bundler", diff --git a/rsbuild/tanstack-start/tsconfig.json b/rsbuild/tanstack-start/tsconfig.json index 6c988cbcf..a17116f96 100644 --- a/rsbuild/tanstack-start/tsconfig.json +++ b/rsbuild/tanstack-start/tsconfig.json @@ -9,7 +9,7 @@ "@/*": ["./src/*"] }, "lib": ["ES2022", "DOM", "DOM.Iterable"], - "types": ["node", "@rsbuild/core/client"], + "types": ["node", "@rsbuild/core/types"], /* Bundler mode */ "moduleResolution": "bundler",
+ +