Skip to content

Commit b014491

Browse files
simonihmigsimonihmig
committed
docs: add with-responsive-image example app
1 parent fec3509 commit b014491

27 files changed

+1056
-0
lines changed

‎examples/react/with-responsive-image/.cta.json‎

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
{
2+
"projectName": "with-responsive-image",
3+
"mode": "file-router",
4+
"typescript": true,
5+
"tailwind": false,
6+
"packageManager": "npm",
7+
"git": true,
8+
"version": 1,
9+
"framework": "react-cra",
10+
"chosenAddOns": []
11+
}

‎examples/react/with-responsive-image/.gitignore‎

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
node_modules
2+
.DS_Store
3+
dist
4+
dist-ssr
5+
*.local
6+
count.txt
7+
.env
8+
.nitro
9+
.tanstack

‎examples/react/with-responsive-image/README.md‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
# TanStack + ResponsiveImage
2+
3+
Integrating [ResponsiveImage](responsive-image.dev) with TanStack Router.
4+
5+
Run `pnpm dev` to run locally.

‎examples/react/with-responsive-image/index.html‎

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
<!doctype html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6+
<link rel="icon" href="/favicon.ico" />
7+
<meta name="theme-color" content="#000000" />
8+
<meta
9+
name="description"
10+
content="Web site created using create-tsrouter-app"
11+
/>
12+
<link rel="apple-touch-icon" href="/logo192.png" />
13+
<link rel="manifest" href="/manifest.json" />
14+
<title>Create TanStack App - with-responsive-image</title>
15+
</head>
16+
<body>
17+
<div id="app"></div>
18+
<script type="module" src="/src/main.tsx"></script>
19+
</body>
20+
</html>

‎examples/react/with-responsive-image/package.json‎

Lines changed: 33 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,33 @@
1+
{
2+
"name": "with-responsive-image",
3+
"private": true,
4+
"type": "module",
5+
"scripts": {
6+
"dev": "vite --port 3000",
7+
"start": "vite --port 3000",
8+
"build": "vite build && tsc",
9+
"serve": "vite preview"
10+
},
11+
"dependencies": {
12+
"@responsive-image/core": "^2.1.0",
13+
"@responsive-image/react": "^1.1.2",
14+
"@tanstack/react-devtools": "^0.2.2",
15+
"@tanstack/react-router": "^1.131.32",
16+
"@tanstack/react-router-devtools": "^1.131.32",
17+
"@tanstack/router-plugin": "^1.131.32",
18+
"react": "^19.0.0",
19+
"react-dom": "^19.0.0"
20+
},
21+
"devDependencies": {
22+
"@responsive-image/vite-plugin": "^2.0.0",
23+
"@testing-library/dom": "^10.4.0",
24+
"@testing-library/react": "^16.2.0",
25+
"@types/react": "^19.0.8",
26+
"@types/react-dom": "^19.0.3",
27+
"@vitejs/plugin-react": "^4.3.4",
28+
"jsdom": "^26.0.0",
29+
"typescript": "^5.7.2",
30+
"vite": "^7.1.3",
31+
"web-vitals": "^4.2.4"
32+
}
33+
}

‎examples/react/with-responsive-image/public/favicon.ico‎

3.78 KB
Binary file not shown.

‎examples/react/with-responsive-image/public/logo192.png‎

5.22 KB
Loading

‎examples/react/with-responsive-image/public/logo512.png‎

9.44 KB
Loading

‎examples/react/with-responsive-image/public/manifest.json‎

Lines changed: 25 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,25 @@
1+
{
2+
"short_name": "TanStack App",
3+
"name": "Create TanStack App Sample",
4+
"icons": [
5+
{
6+
"src": "favicon.ico",
7+
"sizes": "64x64 32x32 24x24 16x16",
8+
"type": "image/x-icon"
9+
},
10+
{
11+
"src": "logo192.png",
12+
"type": "image/png",
13+
"sizes": "192x192"
14+
},
15+
{
16+
"src": "logo512.png",
17+
"type": "image/png",
18+
"sizes": "512x512"
19+
}
20+
],
21+
"start_url": ".",
22+
"display": "standalone",
23+
"theme_color": "#000000",
24+
"background_color": "#ffffff"
25+
}

‎examples/react/with-responsive-image/public/robots.txt‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
# https://www.robotstxt.org/robotstxt.html
2+
User-agent: *
3+
Disallow:

0 commit comments

Comments
 (0)