eisterman/tanstack-address-book
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Properly wrap the data in DB and ServerFunction. Bug not fixed.

Browse Source
This commit is contained in:
Federico Pasqua
2025-04-02 18:05:45 +02:00
parent 9055c9ba6f
commit 3282d3ab17
6 changed files with 438 additions and 305 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
package.json
View File

@@ -13,9 +13,11 @@
"@tanstack/react-router-devtools": "^1.114.29",
"@tanstack/react-start": "^1.114.30",
"@tanstack/router-plugin": "^1.114.30",
"lowdb": "^7.0.1",
"match-sorter": "^8.0.0",
"react": "^19.1.0",
"react-dom": "^19.1.0",
"server-only": "^0.0.1",
"sort-by": "^1.2.0",
"tiny-invariant": "^1.3.3",
"vinxi": "^0.5.3"
@@ -25,6 +27,7 @@
"@tanstack/eslint-plugin-router": "^1.114.29",
"@testing-library/dom": "^10.4.0",
"@testing-library/react": "^16.2.0",
"@types/node": "^22.13.17",
"@types/react": "^19.0.12",
"@types/react-dom": "^19.0.4",
"@vitejs/plugin-react": "^4.3.4",

161
pnpm-lock.yaml generated
View File

@@ -16,10 +16,13 @@ importers:
version: 1.114.29(@tanstack/react-router@1.114.29(react-dom@19.1.0(react@19.1.0))(react@19.1.0))(@tanstack/router-core@1.114.29)(csstype@3.1.3)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)(tiny-invariant@1.3.3)
'@tanstack/react-start':
specifier: ^1.114.30
version: 1.114.30(@tanstack/react-router@1.114.29(react-dom@19.1.0(react@19.1.0))(react@19.1.0))(db0@0.3.1)(ioredis@5.6.0)(jiti@2.4.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)(terser@5.39.0)(tsx@4.19.3)(vite@6.2.4(jiti@2.4.2)(terser@5.39.0)(tsx@4.19.3))
version: 1.114.30(@tanstack/react-router@1.114.29(react-dom@19.1.0(react@19.1.0))(react@19.1.0))(@types/node@22.13.17)(db0@0.3.1)(ioredis@5.6.0)(jiti@2.4.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)(terser@5.39.0)(tsx@4.19.3)(vite@6.2.4(@types/node@22.13.17)(jiti@2.4.2)(terser@5.39.0)(tsx@4.19.3))
'@tanstack/router-plugin':
specifier: ^1.114.30
version: 1.114.30(@tanstack/react-router@1.114.29(react-dom@19.1.0(react@19.1.0))(react@19.1.0))(vite@6.2.4(jiti@2.4.2)(terser@5.39.0)(tsx@4.19.3))
version: 1.114.30(@tanstack/react-router@1.114.29(react-dom@19.1.0(react@19.1.0))(react@19.1.0))(vite@6.2.4(@types/node@22.13.17)(jiti@2.4.2)(terser@5.39.0)(tsx@4.19.3))
lowdb:
specifier: ^7.0.1
version: 7.0.1
match-sorter:
specifier: ^8.0.0
version: 8.0.0
@@ -29,6 +32,9 @@ importers:
react-dom:
specifier: ^19.1.0
version: 19.1.0(react@19.1.0)
server-only:
specifier: ^0.0.1
version: 0.0.1
sort-by:
specifier: ^1.2.0
version: 1.2.0
@@ -37,7 +43,7 @@ importers:
version: 1.3.3
vinxi:
specifier: ^0.5.3
version: 0.5.3(db0@0.3.1)(ioredis@5.6.0)(jiti@2.4.2)(terser@5.39.0)(tsx@4.19.3)
version: 0.5.3(@types/node@22.13.17)(db0@0.3.1)(ioredis@5.6.0)(jiti@2.4.2)(terser@5.39.0)(tsx@4.19.3)
devDependencies:
'@eslint/js':
specifier: ^9.23.0
@@ -51,6 +57,9 @@ importers:
'@testing-library/react':
specifier: ^16.2.0
version: 16.2.0(@testing-library/dom@10.4.0)(@types/react-dom@19.0.4(@types/react@19.0.12))(@types/react@19.0.12)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
'@types/node':
specifier: ^22.13.17
version: 22.13.17
'@types/react':
specifier: ^19.0.12
version: 19.0.12
@@ -59,7 +68,7 @@ importers:
version: 19.0.4(@types/react@19.0.12)
'@vitejs/plugin-react':
specifier: ^4.3.4
version: 4.3.4(vite@6.2.4(jiti@2.4.2)(terser@5.39.0)(tsx@4.19.3))
version: 4.3.4(vite@6.2.4(@types/node@22.13.17)(jiti@2.4.2)(terser@5.39.0)(tsx@4.19.3))
eslint:
specifier: ^9.23.0
version: 9.23.0(jiti@2.4.2)
@@ -80,13 +89,13 @@ importers:
version: 8.29.0(eslint@9.23.0(jiti@2.4.2))(typescript@5.8.2)
vite:
specifier: ^6.2.4
version: 6.2.4(jiti@2.4.2)(terser@5.39.0)(tsx@4.19.3)
version: 6.2.4(@types/node@22.13.17)(jiti@2.4.2)(terser@5.39.0)(tsx@4.19.3)
vite-tsconfig-paths:
specifier: ^5.1.4
version: 5.1.4(typescript@5.8.2)(vite@6.2.4(jiti@2.4.2)(terser@5.39.0)(tsx@4.19.3))
version: 5.1.4(typescript@5.8.2)(vite@6.2.4(@types/node@22.13.17)(jiti@2.4.2)(terser@5.39.0)(tsx@4.19.3))
vitest:
specifier: ^3.1.1
version: 3.1.1(jiti@2.4.2)(jsdom@26.0.0)(terser@5.39.0)(tsx@4.19.3)
version: 3.1.1(@types/node@22.13.17)(jiti@2.4.2)(jsdom@26.0.0)(terser@5.39.0)(tsx@4.19.3)
web-vitals:
specifier: ^4.2.4
version: 4.2.4
@@ -1289,6 +1298,9 @@ packages:
'@types/micromatch@4.0.9':
resolution: {integrity: sha512-7V+8ncr22h4UoYRLnLXSpTxjQrNUXtWHGeMPRJt1nULXI57G9bIcpyrHlmrQ7QK24EyyuXvYcSSWAM8GA9nqCg==}
'@types/node@22.13.17':
resolution: {integrity: sha512-nAJuQXoyPj04uLgu+obZcSmsfOenUg6DxPKogeUy6yNCFwWaj5sBF8/G/pNo8EtBJjAfSVgfIlugR/BCOleO+g==}
'@types/react-dom@19.0.4':
resolution: {integrity: sha512-4fSQ8vWFkg+TGhePfUzVmat3eC14TXYSsiiDSLI0dVLsrm9gZFABjPy/Qu6TKgl1tq1Bu1yDsuQgY3A3DOjCcg==}
peerDependencies:
@@ -2622,6 +2634,10 @@ packages:
loupe@3.1.3:
resolution: {integrity: sha512-kkIp7XSkP78ZxJEsSxW3712C6teJVoeHHwgo9zJ380de7IYyJ2ISlxojcH2pC5OFLewESmnRi/+XCDIEEVyoug==}
lowdb@7.0.1:
resolution: {integrity: sha512-neJAj8GwF0e8EpycYIDFqEPcx9Qz4GUho20jWFR7YiFeXzF1YMLdxB36PypcTSPMA+4+LvgyMacYhlr18Zlymw==}
engines: {node: '>=18'}
lru-cache@10.4.3:
resolution: {integrity: sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==}
@@ -3159,6 +3175,9 @@ packages:
resolution: {integrity: sha512-VqpjJZKadQB/PEbEwvFdO43Ax5dFBZ2UECszz8bQ7pi7wt//PWe1P6MN7eCnjsatYtBT6EuiClbjSWP2WrIoTw==}
engines: {node: '>= 0.8.0'}
server-only@0.0.1:
resolution: {integrity: sha512-qepMx2JxAa5jjfzxG79yPPq+8BuFToHd1hm7kI+Z4zAq1ftQiP7HcxMhDDItrbtwVeLg/cY2JnKnrcFkmiswNA==}
set-function-length@1.2.2:
resolution: {integrity: sha512-pgRc4hJ4/sNjWCSS9AmnS40x3bNMDTknHgL5UaMBTMyJnU90EgWh1Rz+MC9eFu4BuN/UwZjKQuY/1v3rM7HMfg==}
engines: {node: '>= 0.4'}
@@ -3246,6 +3265,10 @@ packages:
std-env@3.8.1:
resolution: {integrity: sha512-vj5lIj3Mwf9D79hBkltk5qmkFI+biIKWS2IBxEyEU3AX1tUf7AoL8nSazCOiiqQsGKIq01SClsKEzweu34uwvA==}
steno@4.0.2:
resolution: {integrity: sha512-yhPIQXjrlt1xv7dyPQg2P17URmXbuM5pdGkpiMB3RenprfiBlvK415Lctfe0eshk90oA7/tNq7WEiMK8RSP39A==}
engines: {node: '>=18'}
streamx@2.22.0:
resolution: {integrity: sha512-sLh1evHOzBy/iWRiR6d1zRcLao4gGZr3C1kzNz4fopCOKJb6xD9ub8Mpi9Mr1R6id5o43S+d93fI48UC5uM9aw==}
@@ -3469,6 +3492,9 @@ packages:
undici-types@5.28.4:
resolution: {integrity: sha512-3OeMF5Lyowe8VW0skf5qaIE7Or3yS9LS7fvMUI0gg4YxpIBVg0L8BxCmROw2CcYhSkpR68Epz7CGc8MPj94Uww==}
undici-types@6.20.0:
resolution: {integrity: sha512-Ny6QZ2Nju20vw1SRHe3d9jVu6gJ+4e3+MMpqu7pqE5HT6WsTSlce++GQmK5UXS8mzV8DSYHrQH+Xrf2jVcuKNg==}
unenv@1.10.0:
resolution: {integrity: sha512-wY5bskBQFL9n3Eca5XnhH6KbUo/tfvkwm9OpcdCvLaeA7piBNbavbOKJySEwQ1V0RH6HvNlSAFRTpvTqgKRQXQ==}
@@ -4574,7 +4600,7 @@ snapshots:
'@speed-highlight/core@1.2.7': {}
'@tanstack/directive-functions-plugin@1.114.30(jiti@2.4.2)(terser@5.39.0)(tsx@4.19.3)':
'@tanstack/directive-functions-plugin@1.114.30(@types/node@22.13.17)(jiti@2.4.2)(terser@5.39.0)(tsx@4.19.3)':
dependencies:
'@babel/code-frame': 7.26.2
'@babel/core': 7.26.10
@@ -4587,7 +4613,7 @@ snapshots:
babel-dead-code-elimination: 1.0.10
dedent: 1.5.3
tiny-invariant: 1.3.3
vite: 6.1.2(jiti@2.4.2)(terser@5.39.0)(tsx@4.19.3)
vite: 6.1.2(@types/node@22.13.17)(jiti@2.4.2)(terser@5.39.0)(tsx@4.19.3)
transitivePeerDependencies:
- '@types/node'
- babel-plugin-macros
@@ -4636,7 +4662,7 @@ snapshots:
tiny-invariant: 1.3.3
tiny-warning: 1.0.3
'@tanstack/react-start-client@1.114.29(db0@0.3.1)(ioredis@5.6.0)(jiti@2.4.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)(terser@5.39.0)(tsx@4.19.3)':
'@tanstack/react-start-client@1.114.29(@types/node@22.13.17)(db0@0.3.1)(ioredis@5.6.0)(jiti@2.4.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)(terser@5.39.0)(tsx@4.19.3)':
dependencies:
'@tanstack/react-router': 1.114.29(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
'@tanstack/router-core': 1.114.29
@@ -4647,7 +4673,7 @@ snapshots:
react-dom: 19.1.0(react@19.1.0)
tiny-invariant: 1.3.3
tiny-warning: 1.0.3
vinxi: 0.5.3(db0@0.3.1)(ioredis@5.6.0)(jiti@2.4.2)(terser@5.39.0)(tsx@4.19.3)
vinxi: 0.5.3(@types/node@22.13.17)(db0@0.3.1)(ioredis@5.6.0)(jiti@2.4.2)(terser@5.39.0)(tsx@4.19.3)
transitivePeerDependencies:
- '@azure/app-configuration'
- '@azure/cosmos'
@@ -4690,22 +4716,22 @@ snapshots:
- xml2js
- yaml
'@tanstack/react-start-config@1.114.30(@tanstack/react-router@1.114.29(react-dom@19.1.0(react@19.1.0))(react@19.1.0))(db0@0.3.1)(ioredis@5.6.0)(jiti@2.4.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)(terser@5.39.0)(tsx@4.19.3)(vite@6.2.4(jiti@2.4.2)(terser@5.39.0)(tsx@4.19.3))':
'@tanstack/react-start-config@1.114.30(@tanstack/react-router@1.114.29(react-dom@19.1.0(react@19.1.0))(react@19.1.0))(@types/node@22.13.17)(db0@0.3.1)(ioredis@5.6.0)(jiti@2.4.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)(terser@5.39.0)(tsx@4.19.3)(vite@6.2.4(@types/node@22.13.17)(jiti@2.4.2)(terser@5.39.0)(tsx@4.19.3))':
dependencies:
'@tanstack/react-start-plugin': 1.114.30(jiti@2.4.2)(terser@5.39.0)(tsx@4.19.3)
'@tanstack/react-start-plugin': 1.114.30(@types/node@22.13.17)(jiti@2.4.2)(terser@5.39.0)(tsx@4.19.3)
'@tanstack/router-core': 1.114.29
'@tanstack/router-generator': 1.114.29(@tanstack/react-router@1.114.29(react-dom@19.1.0(react@19.1.0))(react@19.1.0))
'@tanstack/router-plugin': 1.114.30(@tanstack/react-router@1.114.29(react-dom@19.1.0(react@19.1.0))(react@19.1.0))(vite@6.2.4(jiti@2.4.2)(terser@5.39.0)(tsx@4.19.3))
'@tanstack/server-functions-plugin': 1.114.30(jiti@2.4.2)(terser@5.39.0)(tsx@4.19.3)
'@tanstack/router-plugin': 1.114.30(@tanstack/react-router@1.114.29(react-dom@19.1.0(react@19.1.0))(react@19.1.0))(vite@6.2.4(@types/node@22.13.17)(jiti@2.4.2)(terser@5.39.0)(tsx@4.19.3))
'@tanstack/server-functions-plugin': 1.114.30(@types/node@22.13.17)(jiti@2.4.2)(terser@5.39.0)(tsx@4.19.3)
'@tanstack/start-server-functions-handler': 1.114.29
'@vitejs/plugin-react': 4.3.4(vite@6.2.4(jiti@2.4.2)(terser@5.39.0)(tsx@4.19.3))
'@vitejs/plugin-react': 4.3.4(vite@6.2.4(@types/node@22.13.17)(jiti@2.4.2)(terser@5.39.0)(tsx@4.19.3))
import-meta-resolve: 4.1.0
nitropack: 2.11.8
ofetch: 1.4.1
react: 19.1.0
react-dom: 19.1.0(react@19.1.0)
vinxi: 0.5.3(db0@0.3.1)(ioredis@5.6.0)(jiti@2.4.2)(terser@5.39.0)(tsx@4.19.3)
vite: 6.2.4(jiti@2.4.2)(terser@5.39.0)(tsx@4.19.3)
vinxi: 0.5.3(@types/node@22.13.17)(db0@0.3.1)(ioredis@5.6.0)(jiti@2.4.2)(terser@5.39.0)(tsx@4.19.3)
vite: 6.2.4(@types/node@22.13.17)(jiti@2.4.2)(terser@5.39.0)(tsx@4.19.3)
zod: 3.24.2
transitivePeerDependencies:
- '@azure/app-configuration'
@@ -4754,7 +4780,7 @@ snapshots:
- xml2js
- yaml
'@tanstack/react-start-plugin@1.114.30(jiti@2.4.2)(terser@5.39.0)(tsx@4.19.3)':
'@tanstack/react-start-plugin@1.114.30(@types/node@22.13.17)(jiti@2.4.2)(terser@5.39.0)(tsx@4.19.3)':
dependencies:
'@babel/code-frame': 7.26.2
'@babel/core': 7.26.10
@@ -4766,7 +4792,7 @@ snapshots:
'@tanstack/router-utils': 1.114.29
babel-dead-code-elimination: 1.0.10
tiny-invariant: 1.3.3
vite: 6.1.2(jiti@2.4.2)(terser@5.39.0)(tsx@4.19.3)
vite: 6.1.2(@types/node@22.13.17)(jiti@2.4.2)(terser@5.39.0)(tsx@4.19.3)
transitivePeerDependencies:
- '@types/node'
- jiti
@@ -4781,11 +4807,11 @@ snapshots:
- tsx
- yaml
'@tanstack/react-start-router-manifest@1.114.29(db0@0.3.1)(ioredis@5.6.0)(jiti@2.4.2)(terser@5.39.0)(tsx@4.19.3)':
'@tanstack/react-start-router-manifest@1.114.29(@types/node@22.13.17)(db0@0.3.1)(ioredis@5.6.0)(jiti@2.4.2)(terser@5.39.0)(tsx@4.19.3)':
dependencies:
'@tanstack/router-core': 1.114.29
tiny-invariant: 1.3.3
vinxi: 0.5.3(db0@0.3.1)(ioredis@5.6.0)(jiti@2.4.2)(terser@5.39.0)(tsx@4.19.3)
vinxi: 0.5.3(@types/node@22.13.17)(db0@0.3.1)(ioredis@5.6.0)(jiti@2.4.2)(terser@5.39.0)(tsx@4.19.3)
transitivePeerDependencies:
- '@azure/app-configuration'
- '@azure/cosmos'
@@ -4843,20 +4869,20 @@ snapshots:
tiny-warning: 1.0.3
unctx: 2.4.1
'@tanstack/react-start@1.114.30(@tanstack/react-router@1.114.29(react-dom@19.1.0(react@19.1.0))(react@19.1.0))(db0@0.3.1)(ioredis@5.6.0)(jiti@2.4.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)(terser@5.39.0)(tsx@4.19.3)(vite@6.2.4(jiti@2.4.2)(terser@5.39.0)(tsx@4.19.3))':
'@tanstack/react-start@1.114.30(@tanstack/react-router@1.114.29(react-dom@19.1.0(react@19.1.0))(react@19.1.0))(@types/node@22.13.17)(db0@0.3.1)(ioredis@5.6.0)(jiti@2.4.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)(terser@5.39.0)(tsx@4.19.3)(vite@6.2.4(@types/node@22.13.17)(jiti@2.4.2)(terser@5.39.0)(tsx@4.19.3))':
dependencies:
'@tanstack/react-start-client': 1.114.29(db0@0.3.1)(ioredis@5.6.0)(jiti@2.4.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)(terser@5.39.0)(tsx@4.19.3)
'@tanstack/react-start-config': 1.114.30(@tanstack/react-router@1.114.29(react-dom@19.1.0(react@19.1.0))(react@19.1.0))(db0@0.3.1)(ioredis@5.6.0)(jiti@2.4.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)(terser@5.39.0)(tsx@4.19.3)(vite@6.2.4(jiti@2.4.2)(terser@5.39.0)(tsx@4.19.3))
'@tanstack/react-start-router-manifest': 1.114.29(db0@0.3.1)(ioredis@5.6.0)(jiti@2.4.2)(terser@5.39.0)(tsx@4.19.3)
'@tanstack/react-start-client': 1.114.29(@types/node@22.13.17)(db0@0.3.1)(ioredis@5.6.0)(jiti@2.4.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)(terser@5.39.0)(tsx@4.19.3)
'@tanstack/react-start-config': 1.114.30(@tanstack/react-router@1.114.29(react-dom@19.1.0(react@19.1.0))(react@19.1.0))(@types/node@22.13.17)(db0@0.3.1)(ioredis@5.6.0)(jiti@2.4.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)(terser@5.39.0)(tsx@4.19.3)(vite@6.2.4(@types/node@22.13.17)(jiti@2.4.2)(terser@5.39.0)(tsx@4.19.3))
'@tanstack/react-start-router-manifest': 1.114.29(@types/node@22.13.17)(db0@0.3.1)(ioredis@5.6.0)(jiti@2.4.2)(terser@5.39.0)(tsx@4.19.3)
'@tanstack/react-start-server': 1.114.29(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
'@tanstack/start-api-routes': 1.114.29(db0@0.3.1)(ioredis@5.6.0)(jiti@2.4.2)(terser@5.39.0)(tsx@4.19.3)
'@tanstack/start-server-functions-client': 1.114.30(jiti@2.4.2)(terser@5.39.0)(tsx@4.19.3)
'@tanstack/start-api-routes': 1.114.29(@types/node@22.13.17)(db0@0.3.1)(ioredis@5.6.0)(jiti@2.4.2)(terser@5.39.0)(tsx@4.19.3)
'@tanstack/start-server-functions-client': 1.114.30(@types/node@22.13.17)(jiti@2.4.2)(terser@5.39.0)(tsx@4.19.3)
'@tanstack/start-server-functions-handler': 1.114.29
'@tanstack/start-server-functions-server': 1.114.30(jiti@2.4.2)(terser@5.39.0)(tsx@4.19.3)
'@tanstack/start-server-functions-ssr': 1.114.30(jiti@2.4.2)(terser@5.39.0)(tsx@4.19.3)
'@tanstack/start-server-functions-server': 1.114.30(@types/node@22.13.17)(jiti@2.4.2)(terser@5.39.0)(tsx@4.19.3)
'@tanstack/start-server-functions-ssr': 1.114.30(@types/node@22.13.17)(jiti@2.4.2)(terser@5.39.0)(tsx@4.19.3)
react: 19.1.0
react-dom: 19.1.0(react@19.1.0)
vite: 6.2.4(jiti@2.4.2)(terser@5.39.0)(tsx@4.19.3)
vite: 6.2.4(@types/node@22.13.17)(jiti@2.4.2)(terser@5.39.0)(tsx@4.19.3)
transitivePeerDependencies:
- '@azure/app-configuration'
- '@azure/cosmos'
@@ -4936,7 +4962,7 @@ snapshots:
optionalDependencies:
'@tanstack/react-router': 1.114.29(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
'@tanstack/router-plugin@1.114.30(@tanstack/react-router@1.114.29(react-dom@19.1.0(react@19.1.0))(react@19.1.0))(vite@6.2.4(jiti@2.4.2)(terser@5.39.0)(tsx@4.19.3))':
'@tanstack/router-plugin@1.114.30(@tanstack/react-router@1.114.29(react-dom@19.1.0(react@19.1.0))(react@19.1.0))(vite@6.2.4(@types/node@22.13.17)(jiti@2.4.2)(terser@5.39.0)(tsx@4.19.3))':
dependencies:
'@babel/core': 7.26.10
'@babel/plugin-syntax-jsx': 7.25.9(@babel/core@7.26.10)
@@ -4957,7 +4983,7 @@ snapshots:
zod: 3.24.2
optionalDependencies:
'@tanstack/react-router': 1.114.29(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
vite: 6.2.4(jiti@2.4.2)(terser@5.39.0)(tsx@4.19.3)
vite: 6.2.4(@types/node@22.13.17)(jiti@2.4.2)(terser@5.39.0)(tsx@4.19.3)
transitivePeerDependencies:
- supports-color
@@ -4968,7 +4994,7 @@ snapshots:
ansis: 3.17.0
diff: 7.0.0
'@tanstack/server-functions-plugin@1.114.30(jiti@2.4.2)(terser@5.39.0)(tsx@4.19.3)':
'@tanstack/server-functions-plugin@1.114.30(@types/node@22.13.17)(jiti@2.4.2)(terser@5.39.0)(tsx@4.19.3)':
dependencies:
'@babel/code-frame': 7.26.2
'@babel/core': 7.26.10
@@ -4977,7 +5003,7 @@ snapshots:
'@babel/template': 7.27.0
'@babel/traverse': 7.27.0
'@babel/types': 7.27.0
'@tanstack/directive-functions-plugin': 1.114.30(jiti@2.4.2)(terser@5.39.0)(tsx@4.19.3)
'@tanstack/directive-functions-plugin': 1.114.30(@types/node@22.13.17)(jiti@2.4.2)(terser@5.39.0)(tsx@4.19.3)
babel-dead-code-elimination: 1.0.10
dedent: 1.5.3
tiny-invariant: 1.3.3
@@ -4996,11 +5022,11 @@ snapshots:
- tsx
- yaml
'@tanstack/start-api-routes@1.114.29(db0@0.3.1)(ioredis@5.6.0)(jiti@2.4.2)(terser@5.39.0)(tsx@4.19.3)':
'@tanstack/start-api-routes@1.114.29(@types/node@22.13.17)(db0@0.3.1)(ioredis@5.6.0)(jiti@2.4.2)(terser@5.39.0)(tsx@4.19.3)':
dependencies:
'@tanstack/router-core': 1.114.29
'@tanstack/start-server-core': 1.114.29
vinxi: 0.5.3(db0@0.3.1)(ioredis@5.6.0)(jiti@2.4.2)(terser@5.39.0)(tsx@4.19.3)
vinxi: 0.5.3(@types/node@22.13.17)(db0@0.3.1)(ioredis@5.6.0)(jiti@2.4.2)(terser@5.39.0)(tsx@4.19.3)
transitivePeerDependencies:
- '@azure/app-configuration'
- '@azure/cosmos'
@@ -5061,9 +5087,9 @@ snapshots:
tiny-warning: 1.0.3
unctx: 2.4.1
'@tanstack/start-server-functions-client@1.114.30(jiti@2.4.2)(terser@5.39.0)(tsx@4.19.3)':
'@tanstack/start-server-functions-client@1.114.30(@types/node@22.13.17)(jiti@2.4.2)(terser@5.39.0)(tsx@4.19.3)':
dependencies:
'@tanstack/server-functions-plugin': 1.114.30(jiti@2.4.2)(terser@5.39.0)(tsx@4.19.3)
'@tanstack/server-functions-plugin': 1.114.30(@types/node@22.13.17)(jiti@2.4.2)(terser@5.39.0)(tsx@4.19.3)
'@tanstack/start-server-functions-fetcher': 1.114.29
transitivePeerDependencies:
- '@types/node'
@@ -5092,9 +5118,9 @@ snapshots:
'@tanstack/start-server-core': 1.114.29
tiny-invariant: 1.3.3
'@tanstack/start-server-functions-server@1.114.30(jiti@2.4.2)(terser@5.39.0)(tsx@4.19.3)':
'@tanstack/start-server-functions-server@1.114.30(@types/node@22.13.17)(jiti@2.4.2)(terser@5.39.0)(tsx@4.19.3)':
dependencies:
'@tanstack/server-functions-plugin': 1.114.30(jiti@2.4.2)(terser@5.39.0)(tsx@4.19.3)
'@tanstack/server-functions-plugin': 1.114.30(@types/node@22.13.17)(jiti@2.4.2)(terser@5.39.0)(tsx@4.19.3)
tiny-invariant: 1.3.3
transitivePeerDependencies:
- '@types/node'
@@ -5111,9 +5137,9 @@ snapshots:
- tsx
- yaml
'@tanstack/start-server-functions-ssr@1.114.30(jiti@2.4.2)(terser@5.39.0)(tsx@4.19.3)':
'@tanstack/start-server-functions-ssr@1.114.30(@types/node@22.13.17)(jiti@2.4.2)(terser@5.39.0)(tsx@4.19.3)':
dependencies:
'@tanstack/server-functions-plugin': 1.114.30(jiti@2.4.2)(terser@5.39.0)(tsx@4.19.3)
'@tanstack/server-functions-plugin': 1.114.30(@types/node@22.13.17)(jiti@2.4.2)(terser@5.39.0)(tsx@4.19.3)
'@tanstack/start-client-core': 1.114.29
'@tanstack/start-server-core': 1.114.29
'@tanstack/start-server-functions-fetcher': 1.114.29
@@ -5191,6 +5217,10 @@ snapshots:
dependencies:
'@types/braces': 3.0.5
'@types/node@22.13.17':
dependencies:
undici-types: 6.20.0
'@types/react-dom@19.0.4(@types/react@19.0.12)':
dependencies:
'@types/react': 19.0.12
@@ -5317,14 +5347,14 @@ snapshots:
untun: 0.1.3
uqr: 0.1.2
'@vitejs/plugin-react@4.3.4(vite@6.2.4(jiti@2.4.2)(terser@5.39.0)(tsx@4.19.3))':
'@vitejs/plugin-react@4.3.4(vite@6.2.4(@types/node@22.13.17)(jiti@2.4.2)(terser@5.39.0)(tsx@4.19.3))':
dependencies:
'@babel/core': 7.26.10
'@babel/plugin-transform-react-jsx-self': 7.25.9(@babel/core@7.26.10)
'@babel/plugin-transform-react-jsx-source': 7.25.9(@babel/core@7.26.10)
'@types/babel__core': 7.20.5
react-refresh: 0.14.2
vite: 6.2.4(jiti@2.4.2)(terser@5.39.0)(tsx@4.19.3)
vite: 6.2.4(@types/node@22.13.17)(jiti@2.4.2)(terser@5.39.0)(tsx@4.19.3)
transitivePeerDependencies:
- supports-color
@@ -5335,13 +5365,13 @@ snapshots:
chai: 5.2.0
tinyrainbow: 2.0.0
'@vitest/mocker@3.1.1(vite@6.2.4(jiti@2.4.2)(terser@5.39.0)(tsx@4.19.3))':
'@vitest/mocker@3.1.1(vite@6.2.4(@types/node@22.13.17)(jiti@2.4.2)(terser@5.39.0)(tsx@4.19.3))':
dependencies:
'@vitest/spy': 3.1.1
estree-walker: 3.0.3
magic-string: 0.30.17
optionalDependencies:
vite: 6.2.4(jiti@2.4.2)(terser@5.39.0)(tsx@4.19.3)
vite: 6.2.4(@types/node@22.13.17)(jiti@2.4.2)(terser@5.39.0)(tsx@4.19.3)
'@vitest/pretty-format@3.1.1':
dependencies:
@@ -6776,6 +6806,10 @@ snapshots:
loupe@3.1.3: {}
lowdb@7.0.1:
dependencies:
steno: 4.0.2
lru-cache@10.4.3: {}
lru-cache@5.1.1:
@@ -7398,6 +7432,8 @@ snapshots:
transitivePeerDependencies:
- supports-color
server-only@0.0.1: {}
set-function-length@1.2.2:
dependencies:
define-data-property: 1.1.4
@@ -7493,6 +7529,8 @@ snapshots:
std-env@3.8.1: {}
steno@4.0.2: {}
streamx@2.22.0:
dependencies:
fast-fifo: 1.3.2
@@ -7749,6 +7787,8 @@ snapshots:
undici-types@5.28.4: {}
undici-types@6.20.0: {}
unenv@1.10.0:
dependencies:
consola: 3.4.2
@@ -7854,7 +7894,7 @@ snapshots:
util-deprecate@1.0.2: {}
vinxi@0.5.3(db0@0.3.1)(ioredis@5.6.0)(jiti@2.4.2)(terser@5.39.0)(tsx@4.19.3):
vinxi@0.5.3(@types/node@22.13.17)(db0@0.3.1)(ioredis@5.6.0)(jiti@2.4.2)(terser@5.39.0)(tsx@4.19.3):
dependencies:
'@babel/core': 7.26.10
'@babel/plugin-syntax-jsx': 7.25.9(@babel/core@7.26.10)
@@ -7888,7 +7928,7 @@ snapshots:
unctx: 2.4.1
unenv: 1.10.0
unstorage: 1.15.0(db0@0.3.1)(ioredis@5.6.0)
vite: 6.2.4(jiti@2.4.2)(terser@5.39.0)(tsx@4.19.3)
vite: 6.2.4(@types/node@22.13.17)(jiti@2.4.2)(terser@5.39.0)(tsx@4.19.3)
zod: 3.24.2
transitivePeerDependencies:
- '@azure/app-configuration'
@@ -7932,13 +7972,13 @@ snapshots:
- xml2js
- yaml
vite-node@3.1.1(jiti@2.4.2)(terser@5.39.0)(tsx@4.19.3):
vite-node@3.1.1(@types/node@22.13.17)(jiti@2.4.2)(terser@5.39.0)(tsx@4.19.3):
dependencies:
cac: 6.7.14
debug: 4.4.0
es-module-lexer: 1.6.0
pathe: 2.0.3
vite: 6.2.4(jiti@2.4.2)(terser@5.39.0)(tsx@4.19.3)
vite: 6.2.4(@types/node@22.13.17)(jiti@2.4.2)(terser@5.39.0)(tsx@4.19.3)
transitivePeerDependencies:
- '@types/node'
- jiti
@@ -7953,43 +7993,45 @@ snapshots:
- tsx
- yaml
vite-tsconfig-paths@5.1.4(typescript@5.8.2)(vite@6.2.4(jiti@2.4.2)(terser@5.39.0)(tsx@4.19.3)):
vite-tsconfig-paths@5.1.4(typescript@5.8.2)(vite@6.2.4(@types/node@22.13.17)(jiti@2.4.2)(terser@5.39.0)(tsx@4.19.3)):
dependencies:
debug: 4.4.0
globrex: 0.1.2
tsconfck: 3.1.5(typescript@5.8.2)
optionalDependencies:
vite: 6.2.4(jiti@2.4.2)(terser@5.39.0)(tsx@4.19.3)
vite: 6.2.4(@types/node@22.13.17)(jiti@2.4.2)(terser@5.39.0)(tsx@4.19.3)
transitivePeerDependencies:
- supports-color
- typescript
vite@6.1.2(jiti@2.4.2)(terser@5.39.0)(tsx@4.19.3):
vite@6.1.2(@types/node@22.13.17)(jiti@2.4.2)(terser@5.39.0)(tsx@4.19.3):
dependencies:
esbuild: 0.24.2
postcss: 8.5.3
rollup: 4.38.0
optionalDependencies:
'@types/node': 22.13.17
fsevents: 2.3.3
jiti: 2.4.2
terser: 5.39.0
tsx: 4.19.3
vite@6.2.4(jiti@2.4.2)(terser@5.39.0)(tsx@4.19.3):
vite@6.2.4(@types/node@22.13.17)(jiti@2.4.2)(terser@5.39.0)(tsx@4.19.3):
dependencies:
esbuild: 0.25.2
postcss: 8.5.3
rollup: 4.38.0
optionalDependencies:
'@types/node': 22.13.17
fsevents: 2.3.3
jiti: 2.4.2
terser: 5.39.0
tsx: 4.19.3
vitest@3.1.1(jiti@2.4.2)(jsdom@26.0.0)(terser@5.39.0)(tsx@4.19.3):
vitest@3.1.1(@types/node@22.13.17)(jiti@2.4.2)(jsdom@26.0.0)(terser@5.39.0)(tsx@4.19.3):
dependencies:
'@vitest/expect': 3.1.1
'@vitest/mocker': 3.1.1(vite@6.2.4(jiti@2.4.2)(terser@5.39.0)(tsx@4.19.3))
'@vitest/mocker': 3.1.1(vite@6.2.4(@types/node@22.13.17)(jiti@2.4.2)(terser@5.39.0)(tsx@4.19.3))
'@vitest/pretty-format': 3.1.1
'@vitest/runner': 3.1.1
'@vitest/snapshot': 3.1.1
@@ -8005,10 +8047,11 @@ snapshots:
tinyexec: 0.3.2
tinypool: 1.0.2
tinyrainbow: 2.0.0
vite: 6.2.4(jiti@2.4.2)(terser@5.39.0)(tsx@4.19.3)
vite-node: 3.1.1(jiti@2.4.2)(terser@5.39.0)(tsx@4.19.3)
vite: 6.2.4(@types/node@22.13.17)(jiti@2.4.2)(terser@5.39.0)(tsx@4.19.3)
vite-node: 3.1.1(@types/node@22.13.17)(jiti@2.4.2)(terser@5.39.0)(tsx@4.19.3)
why-is-node-running: 2.3.0
optionalDependencies:
'@types/node': 22.13.17
jsdom: 26.0.0
transitivePeerDependencies:
- jiti

539
src/data.ts
View File

@@ -2,11 +2,14 @@
// 🛑 Nothing in here has anything to do with React Router, it's just a fake database
////////////////////////////////////////////////////////////////////////////////
// noinspection UnnecessaryLocalVariableJS,JSUnusedGlobalSymbols
import { matchSorter } from "match-sorter";
// @ts-expect-error - no types, but it's a tiny function
import sortBy from "sort-by";
import invariant from "tiny-invariant";
import { Low } from "lowdb";
import { JSONFile } from "lowdb/node";
import { join } from "node:path";
import { mkdir } from "node:fs/promises";
type ContactMutation = {
id?: string;
@@ -23,42 +26,97 @@ export type ContactRecord = ContactMutation & {
createdAt: string;
};
////////////////////////////////////////////////////////////////////////////////
// This is just a fake DB table. In a real app you'd be talking to a real db or
// fetching from an existing API.
const fakeContacts = {
records: {} as Record<string, ContactRecord>,
// Define the database schema
type Schema = {
records: Record<string, ContactRecord>;
};
// Set up lowdb
const initDb = async (): Promise<Low<Schema>> => {
// Ensure the db directory exists
const dbDir = join(process.cwd(), '.db');
await mkdir(dbDir, { recursive: true });
const file = join(dbDir, 'contacts.json');
const adapter = new JSONFile<Schema>(file);
const defaultData: Schema = { records: {} };
const db = new Low<Schema>(adapter, defaultData);
// Load existing data
await db.read();
// Initialize if needed
if (!db.data) {
db.data = defaultData;
}
return db;
};
// Create a singleton instance of the database
let dbPromise: Promise<Low<Schema>> | null = null;
const getDb = () => {
if (!dbPromise) {
dbPromise = initDb();
}
return dbPromise;
};
////////////////////////////////////////////////////////////////////////////////
// This is a DB wrapper using lowdb for persistence
const fakeContacts = {
async getAll(): Promise<ContactRecord[]> {
return Object.keys(fakeContacts.records)
.map((key) => fakeContacts.records[key])
const db = await getDb();
return Object.keys(db.data.records)
.map((key) => db.data.records[key])
.sort(sortBy("-createdAt", "last"));
},
async get(id: string): Promise<ContactRecord | null> {
return fakeContacts.records[id] || null;
const db = await getDb();
return db.data.records[id] || null;
},
async create(values: ContactMutation): Promise<ContactRecord> {
const db = await getDb();
const id = values.id || Math.random().toString(36).substring(2, 9);
const createdAt = new Date().toISOString();
const newContact = { id, createdAt, ...values };
fakeContacts.records[id] = newContact;
db.data.records[id] = newContact;
await db.write();
return newContact;
},
async set(id: string, values: ContactMutation): Promise<ContactRecord> {
const contact = await fakeContacts.get(id);
const db = await getDb();
const contact = await this.get(id);
invariant(contact, `No contact found for ${id}`);
const updatedContact = { ...contact, ...values };
fakeContacts.records[id] = updatedContact;
db.data.records[id] = updatedContact;
await db.write();
return updatedContact;
},
destroy(id: string): null {
delete fakeContacts.records[id];
async destroy(id: string): Promise<null> {
const db = await getDb();
delete db.data.records[id];
await db.write();
return null;
},
// New reset function to restore the initial data
async reset(): Promise<void> {
const db = await getDb();
db.data.records = {};
await db.write();
// Restore initial data
const initialContacts = getInitialContacts();
for (const contact of initialContacts) {
await this.create(contact);
}
}
};
////////////////////////////////////////////////////////////////////////////////
@@ -93,228 +151,243 @@ export async function updateContact(id: string, updates: ContactMutation) {
}
export async function deleteContact(id: string) {
fakeContacts.destroy(id);
await fakeContacts.destroy(id);
}
[
{
avatar:
"https://sessionize.com/image/124e-400o400o2-wHVdAuNaxi8KJrgtN3ZKci.jpg",
first: "Shruti",
last: "Kapoor",
twitter: "@shrutikapoor08",
},
{
avatar:
"https://sessionize.com/image/1940-400o400o2-Enh9dnYmrLYhJSTTPSw3MH.jpg",
first: "Glenn",
last: "Reyes",
twitter: "@glnnrys",
},
{
avatar:
"https://sessionize.com/image/9273-400o400o2-3tyrUE3HjsCHJLU5aUJCja.jpg",
first: "Ryan",
last: "Florence",
},
{
avatar:
"https://sessionize.com/image/d14d-400o400o2-pyB229HyFPCnUcZhHf3kWS.png",
first: "Oscar",
last: "Newman",
twitter: "@__oscarnewman",
},
{
avatar:
"https://sessionize.com/image/fd45-400o400o2-fw91uCdGU9hFP334dnyVCr.jpg",
first: "Michael",
last: "Jackson",
},
{
avatar:
"https://sessionize.com/image/b07e-400o400o2-KgNRF3S9sD5ZR4UsG7hG4g.jpg",
first: "Christopher",
last: "Chedeau",
twitter: "@Vjeux",
},
{
avatar:
"https://sessionize.com/image/262f-400o400o2-UBPQueK3fayaCmsyUc1Ljf.jpg",
first: "Cameron",
last: "Matheson",
twitter: "@cmatheson",
},
{
avatar:
"https://sessionize.com/image/820b-400o400o2-Ja1KDrBAu5NzYTPLSC3GW8.jpg",
first: "Brooks",
last: "Lybrand",
twitter: "@BrooksLybrand",
},
{
avatar:
"https://sessionize.com/image/df38-400o400o2-JwbChVUj6V7DwZMc9vJEHc.jpg",
first: "Alex",
last: "Anderson",
twitter: "@ralex1993",
},
{
avatar:
"https://sessionize.com/image/5578-400o400o2-BMT43t5kd2U1XstaNnM6Ax.jpg",
first: "Kent C.",
last: "Dodds",
twitter: "@kentcdodds",
},
{
avatar:
"https://sessionize.com/image/c9d5-400o400o2-Sri5qnQmscaJXVB8m3VBgf.jpg",
first: "Nevi",
last: "Shah",
twitter: "@nevikashah",
},
{
avatar:
"https://sessionize.com/image/2694-400o400o2-MYYTsnszbLKTzyqJV17w2q.png",
first: "Andrew",
last: "Petersen",
},
{
avatar:
"https://sessionize.com/image/907a-400o400o2-9TM2CCmvrw6ttmJiTw4Lz8.jpg",
first: "Scott",
last: "Smerchek",
twitter: "@smerchek",
},
{
avatar:
"https://sessionize.com/image/08be-400o400o2-WtYGFFR1ZUJHL9tKyVBNPV.jpg",
first: "Giovanni",
last: "Benussi",
twitter: "@giovannibenussi",
},
{
avatar:
"https://sessionize.com/image/f814-400o400o2-n2ua5nM9qwZA2hiGdr1T7N.jpg",
first: "Igor",
last: "Minar",
twitter: "@IgorMinar",
},
{
avatar:
"https://sessionize.com/image/fb82-400o400o2-LbvwhTVMrYLDdN3z4iEFMp.jpeg",
first: "Brandon",
last: "Kish",
},
{
avatar:
"https://sessionize.com/image/fcda-400o400o2-XiYRtKK5Dvng5AeyC8PiUA.png",
first: "Arisa",
last: "Fukuzaki",
twitter: "@arisa_dev",
},
{
avatar:
"https://sessionize.com/image/c8c3-400o400o2-PR5UsgApAVEADZRixV4H8e.jpeg",
first: "Alexandra",
last: "Spalato",
twitter: "@alexadark",
},
{
avatar:
"https://sessionize.com/image/7594-400o400o2-hWtdCjbdFdLgE2vEXBJtyo.jpg",
first: "Cat",
last: "Johnson",
},
{
avatar:
"https://sessionize.com/image/5636-400o400o2-TWgi8vELMFoB3hB9uPw62d.jpg",
first: "Ashley",
last: "Narcisse",
twitter: "@_darkfadr",
},
{
avatar:
"https://sessionize.com/image/6aeb-400o400o2-Q5tAiuzKGgzSje9ZsK3Yu5.JPG",
first: "Edmund",
last: "Hung",
twitter: "@_edmundhung",
},
{
avatar:
"https://sessionize.com/image/30f1-400o400o2-wJBdJ6sFayjKmJycYKoHSe.jpg",
first: "Clifford",
last: "Fajardo",
twitter: "@cliffordfajard0",
},
{
avatar:
"https://sessionize.com/image/6faa-400o400o2-amseBRDkdg7wSK5tjsFDiG.jpg",
first: "Erick",
last: "Tamayo",
twitter: "@ericktamayo",
},
{
avatar:
"https://sessionize.com/image/feba-400o400o2-R4GE7eqegJNFf3cQ567obs.jpg",
first: "Paul",
last: "Bratslavsky",
twitter: "@codingthirty",
},
{
avatar:
"https://sessionize.com/image/c315-400o400o2-spjM5A6VVfVNnQsuwvX3DY.jpg",
first: "Pedro",
last: "Cattori",
twitter: "@pcattori",
},
{
avatar:
"https://sessionize.com/image/eec1-400o400o2-HkvWKLFqecmFxLwqR9KMRw.jpg",
first: "Andre",
last: "Landgraf",
twitter: "@AndreLandgraf94",
},
{
avatar:
"https://sessionize.com/image/c73a-400o400o2-4MTaTq6ftC15hqwtqUJmTC.jpg",
first: "Monica",
last: "Powell",
twitter: "@indigitalcolor",
},
{
avatar:
"https://sessionize.com/image/cef7-400o400o2-KBZUydbjfkfGACQmjbHEvX.jpeg",
first: "Brian",
last: "Lee",
twitter: "@brian_dlee",
},
{
avatar:
"https://sessionize.com/image/f83b-400o400o2-Pyw3chmeHMxGsNoj3nQmWU.jpg",
first: "Sean",
last: "McQuaid",
twitter: "@SeanMcQuaidCode",
},
{
avatar:
"https://sessionize.com/image/a9fc-400o400o2-JHBnWZRoxp7QX74Hdac7AZ.jpg",
first: "Shane",
last: "Walker",
twitter: "@swalker326",
},
{
avatar:
"https://sessionize.com/image/6644-400o400o2-aHnGHb5Pdu3D32MbfrnQbj.jpg",
first: "Jon",
last: "Jensen",
twitter: "@jenseng",
},
].forEach((contact) => {
fakeContacts.create({
// New function to reset the database to initial state
export async function resetDatabase() {
console.log("RESET DATABASE");
await fakeContacts.reset();
}
// Helper function to get initial contacts data
function getInitialContacts() {
return [
{
avatar:
"https://sessionize.com/image/124e-400o400o2-wHVdAuNaxi8KJrgtN3ZKci.jpg",
first: "Shruti",
last: "Kapoor",
twitter: "@shrutikapoor08",
},
{
avatar:
"https://sessionize.com/image/1940-400o400o2-Enh9dnYmrLYhJSTTPSw3MH.jpg",
first: "Glenn",
last: "Reyes",
twitter: "@glnnrys",
},
{
avatar:
"https://sessionize.com/image/9273-400o400o2-3tyrUE3HjsCHJLU5aUJCja.jpg",
first: "Ryan",
last: "Florence",
},
{
avatar:
"https://sessionize.com/image/d14d-400o400o2-pyB229HyFPCnUcZhHf3kWS.png",
first: "Oscar",
last: "Newman",
twitter: "@__oscarnewman",
},
{
avatar:
"https://sessionize.com/image/fd45-400o400o2-fw91uCdGU9hFP334dnyVCr.jpg",
first: "Michael",
last: "Jackson",
},
{
avatar:
"https://sessionize.com/image/b07e-400o400o2-KgNRF3S9sD5ZR4UsG7hG4g.jpg",
first: "Christopher",
last: "Chedeau",
twitter: "@Vjeux",
},
{
avatar:
"https://sessionize.com/image/262f-400o400o2-UBPQueK3fayaCmsyUc1Ljf.jpg",
first: "Cameron",
last: "Matheson",
twitter: "@cmatheson",
},
{
avatar:
"https://sessionize.com/image/820b-400o400o2-Ja1KDrBAu5NzYTPLSC3GW8.jpg",
first: "Brooks",
last: "Lybrand",
twitter: "@BrooksLybrand",
},
{
avatar:
"https://sessionize.com/image/df38-400o400o2-JwbChVUj6V7DwZMc9vJEHc.jpg",
first: "Alex",
last: "Anderson",
twitter: "@ralex1993",
},
{
avatar:
"https://sessionize.com/image/5578-400o400o2-BMT43t5kd2U1XstaNnM6Ax.jpg",
first: "Kent C.",
last: "Dodds",
twitter: "@kentcdodds",
},
{
avatar:
"https://sessionize.com/image/c9d5-400o400o2-Sri5qnQmscaJXVB8m3VBgf.jpg",
first: "Nevi",
last: "Shah",
twitter: "@nevikashah",
},
{
avatar:
"https://sessionize.com/image/2694-400o400o2-MYYTsnszbLKTzyqJV17w2q.png",
first: "Andrew",
last: "Petersen",
},
{
avatar:
"https://sessionize.com/image/907a-400o400o2-9TM2CCmvrw6ttmJiTw4Lz8.jpg",
first: "Scott",
last: "Smerchek",
twitter: "@smerchek",
},
{
avatar:
"https://sessionize.com/image/08be-400o400o2-WtYGFFR1ZUJHL9tKyVBNPV.jpg",
first: "Giovanni",
last: "Benussi",
twitter: "@giovannibenussi",
},
{
avatar:
"https://sessionize.com/image/f814-400o400o2-n2ua5nM9qwZA2hiGdr1T7N.jpg",
first: "Igor",
last: "Minar",
twitter: "@IgorMinar",
},
{
avatar:
"https://sessionize.com/image/fb82-400o400o2-LbvwhTVMrYLDdN3z4iEFMp.jpeg",
first: "Brandon",
last: "Kish",
},
{
avatar:
"https://sessionize.com/image/fcda-400o400o2-XiYRtKK5Dvng5AeyC8PiUA.png",
first: "Arisa",
last: "Fukuzaki",
twitter: "@arisa_dev",
},
{
avatar:
"https://sessionize.com/image/c8c3-400o400o2-PR5UsgApAVEADZRixV4H8e.jpeg",
first: "Alexandra",
last: "Spalato",
twitter: "@alexadark",
},
{
avatar:
"https://sessionize.com/image/7594-400o400o2-hWtdCjbdFdLgE2vEXBJtyo.jpg",
first: "Cat",
last: "Johnson",
},
{
avatar:
"https://sessionize.com/image/5636-400o400o2-TWgi8vELMFoB3hB9uPw62d.jpg",
first: "Ashley",
last: "Narcisse",
twitter: "@_darkfadr",
},
{
avatar:
"https://sessionize.com/image/6aeb-400o400o2-Q5tAiuzKGgzSje9ZsK3Yu5.JPG",
first: "Edmund",
last: "Hung",
twitter: "@_edmundhung",
},
{
avatar:
"https://sessionize.com/image/30f1-400o400o2-wJBdJ6sFayjKmJycYKoHSe.jpg",
first: "Clifford",
last: "Fajardo",
twitter: "@cliffordfajard0",
},
{
avatar:
"https://sessionize.com/image/6faa-400o400o2-amseBRDkdg7wSK5tjsFDiG.jpg",
first: "Erick",
last: "Tamayo",
twitter: "@ericktamayo",
},
{
avatar:
"https://sessionize.com/image/feba-400o400o2-R4GE7eqegJNFf3cQ567obs.jpg",
first: "Paul",
last: "Bratslavsky",
twitter: "@codingthirty",
},
{
avatar:
"https://sessionize.com/image/c315-400o400o2-spjM5A6VVfVNnQsuwvX3DY.jpg",
first: "Pedro",
last: "Cattori",
twitter: "@pcattori",
},
{
avatar:
"https://sessionize.com/image/eec1-400o400o2-HkvWKLFqecmFxLwqR9KMRw.jpg",
first: "Andre",
last: "Landgraf",
twitter: "@AndreLandgraf94",
},
{
avatar:
"https://sessionize.com/image/c73a-400o400o2-4MTaTq6ftC15hqwtqUJmTC.jpg",
first: "Monica",
last: "Powell",
twitter: "@indigitalcolor",
},
{
avatar:
"https://sessionize.com/image/cef7-400o400o2-KBZUydbjfkfGACQmjbHEvX.jpeg",
first: "Brian",
last: "Lee",
twitter: "@brian_dlee",
},
{
avatar:
"https://sessionize.com/image/f83b-400o400o2-Pyw3chmeHMxGsNoj3nQmWU.jpg",
first: "Sean",
last: "McQuaid",
twitter: "@SeanMcQuaidCode",
},
{
avatar:
"https://sessionize.com/image/a9fc-400o400o2-JHBnWZRoxp7QX74Hdac7AZ.jpg",
first: "Shane",
last: "Walker",
twitter: "@swalker326",
},
{
avatar:
"https://sessionize.com/image/6644-400o400o2-aHnGHb5Pdu3D32MbfrnQbj.jpg",
first: "Jon",
last: "Jensen",
twitter: "@jenseng",
},
].map(contact => ({
...contact,
id: `${contact.first
.toLowerCase()
.split(" ")
.join("_")}-${contact.last.toLocaleLowerCase()}`,
});
});
.join("_")}-${contact.last.toLowerCase()}`,
}));
}
// Initialize with seed data on first load
(async () => {
const db = await getDb();
if (Object.keys(db.data.records).length === 0) {
await resetDatabase();
}
})();

13
src/routes/_sidebar.tsx
View File

@@ -1,20 +1,16 @@
import { createFileRoute, Link, Outlet } from '@tanstack/react-router';
import { getContacts } from "@/data";
import { fetchContacts } from "@/utils/contacts.tsx";
async function fetchContacts() {
const contacts = await getContacts();
return { contacts };
}
export const Route = createFileRoute('/_sidebar')({
component: Sidebar,
loader: fetchContacts,
loader: async () => fetchContacts(),
notFoundComponent: () => <div>Not Found</div>,
});
function Sidebar() {
const loaderData = Route.useLoaderData();
if (loaderData === undefined) {
const contacts = Route.useLoaderData();
if (contacts === undefined) {
console.log("SIDEBAR ERROR!?");
return (
<>
@@ -25,7 +21,6 @@ function Sidebar() {
</>
);
}
const { contacts } = loaderData;
return (
<>

7
src/routes/_sidebar/contacts.$contactId.tsx
View File

@@ -1,10 +1,9 @@
import { createFileRoute, notFound } from '@tanstack/react-router';
import { type ContactRecord, getContact } from "@/data.ts";
import { createFileRoute } from '@tanstack/react-router';
import { type ContactRecord, fetchContact } from "@/utils/contacts.tsx";
export const Route = createFileRoute('/_sidebar/contacts/$contactId')({
loader: async ({ params }) => {
const contact = await getContact(params.contactId);
if (contact === null) throw notFound();
const contact = await fetchContact({ data: params.contactId });
return { contact };
},
component: Contact,

20
src/utils/contacts.tsx Normal file
View File

@@ -0,0 +1,20 @@
import { createServerFn } from "@tanstack/react-start";
import { getContact, getContacts } from "@/data.ts";
import { notFound } from "@tanstack/react-router";
export type { ContactRecord } from "@/data.ts";
export const fetchContacts = createServerFn({ method: 'GET' })
.handler(async () => {
console.log("Fetch Contacts");
return await getContacts();
});
export const fetchContact = createServerFn({ method: 'GET' })
.validator((data: string) => data)
.handler(async (ctx) => {
console.log(`Fetch Contact ${ctx.data}`);
const contact = await getContact(ctx.data);
if (contact === null) throw notFound();
return contact;
});