Arda Samadi
641abf711c
The crop canvas was sized to cropArea.width/height, which are the editor's on-screen (CSS) pixels — a few hundred px. Phone photos were therefore downscaled to that size before upload, so cropped product images came out blurry (most visibly on iPhone, whose source photos are large). Size the canvas to the crop region in the source image's native pixels (adjustedCropWidth/Height, already computed) and draw 1:1. Bumped JPEG quality 0.9 -> 0.92. The backend still caps the final image to 1600px webp, so output size stays bounded. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com> |
||
|---|---|---|
| app | ||
| docs | ||
| k8s | ||
| public | ||
| scripts | ||
| src/api/types | ||
| .dockerignore | ||
| .env.development | ||
| .env.example | ||
| .env.production | ||
| .eslintrc.cjs | ||
| .gitignore | ||
| bun.lock | ||
| components.json | ||
| DEPLOYMENT.md | ||
| docker-compose.yml | ||
| Dockerfile | ||
| Dockerfile.dev | ||
| generate-types.ps1 | ||
| generate-types.sh | ||
| openapi-generator-cli.jar | ||
| package-lock.json | ||
| package.json | ||
| postcss.config.js | ||
| README.md | ||
| tailwind.config.ts | ||
| tsconfig.json | ||
| vite.config.ts | ||
Welcome to Remix - yay!
Development
Run the dev server:
npm run dev
Deployment
First, build your app for production:
npm run build
Then run the app in production mode:
npm start
Now you'll need to pick a host to deploy it to.
DIY
If you're familiar with deploying Node applications, the built-in Remix app server is production-ready.
Make sure to deploy the output of npm run build
build/serverbuild/client
Styling
This template comes with Tailwind CSS already configured for a simple default starting experience. You can use whatever css framework you prefer. See the Vite docs on css for more information.