Nariman Jelveh
6ebbc6ae0c
* feat(gui): let users reposition and zoom a new profile picture Picking a photo in the dashboard's Account tab used to stretch the whole image into a 150x150 square, so anything that was not already square came out distorted and off-center. The pick now opens an adjust step: a dashboard-style modal (centered card on desktop, bottom sheet on phones) where the user drags to reposition and zooms with the slider, pinch, or wheel before saving. The saved result is the same 150x150 PNG as before. Geometry lives in profilePictureCrop.js with unit tests; the modal owns the DOM and pointer handling. * fix(gui): stop double-encoding the crop modal's hint and frame label i18n() already HTML-encodes its output, so wrapping it in html_encode() again turned any apostrophe or ampersand in a translation into a literal "'" / "&" on screen. Also puts the new profile_picture_* keys in alphabetical order. * fix(gui): let the crop frame take focus on click so arrow keys work after a drag pointerdown's preventDefault() also cancels the click-to-focus that a mousedown would have done, so after dragging the photo the arrow keys and +/- went to the dialog container and did nothing. The frame now focuses itself on pointerdown. Focus that arrives by pointer draws no ring; the first key press lifts that so keyboard users still see where they are. Also ignores secondary mouse buttons and treats a lost pointer capture as a release so a pointer can't stay stuck in the gesture map. * fix(gui): return focus to the avatar when the crop modal closes The modal remembered document.activeElement to restore focus later, but at that moment focus sits inside the file picker, which closes right after -- so on Save, Cancel or Escape focus fell to <body>. The Account tab now names its avatar as the place focus returns to, and the avatar becomes a real button (role, tabindex, label, Enter/Space) so it can hold that focus and be reached from the keyboard at all. * fix(gui): announce the crop zoom as a magnification, not a 0-100 slider value Screen readers read the range input's raw value, which maps to nothing a user can picture. aria-valuetext now carries the zoom factor (1.0x-4.0x) and follows every zoom source: slider, buttons, keys, wheel, pinch.
The Open-Source Internet Computer!
« LIVE DEMO »
Puter.com
·
App Store
·
Developers
·
X
Puter
Puter is an advanced, open-source, self-hostable internet computer designed to be feature-rich, fast, and highly extensible.
For Users
Puter's goal is to provide you with every app and feature you need to work, create, and play under one roof. From a simple Notepad and Voice Recorder to Spreadsheet and Camera, Puter wants to be the all-in-one solution for your digital life.
For Developers
Puter provides everything you need to build and publish web apps and games. From AI to Cloud Storage and Database to Serverless Workers, Puter has you covered. Puter also helps you get users! Once you build your app, you can publish it on our App Store to reach and monetize users.
Getting Started
💻 Local Development
git clone https://github.com/HeyPuter/puter
cd puter
npm install
npm start
→ This should launch Puter at http://puter.localhost:4100
🚀 Self-Hosting
Linux/macOS
curl -fsSL https://puter.com/selfhost | sh
Windows
irm https://puter.com/selfhost?os=windows | iex
→ For more details, see Self-Hosting Puter.
☁️ Puter.com
Puter is available as a hosted service at puter.com.
Support
Connect with the maintainers and community through these channels:
- Bug report or feature request? Please open an issue.
- X (Twitter): x.com/HeyPuter
- Security issues or abuse reports? security@puter.com
- Email maintainers at hi@puter.com
We are always happy to help you with any questions you may have. Don't hesitate to ask!
License
This repository, including all its contents, sub-projects, modules, and components, is licensed under AGPL-3.0 unless explicitly stated otherwise. Third-party libraries included in this repository may be subject to their own licenses.
Translations
- Arabic / العربية
- Armenian / Հայերեն
- Bengali / বাংলা
- Chinese / 中文
- Danish / Dansk
- English
- Farsi / فارسی
- Finnish / Suomi
- French / Français
- German / Deutsch
- Hebrew/ עברית
- Hindi / हिंदी
- Hungarian / Magyar
- Indonesian / Bahasa Indonesia
- Italian / Italiano
- Japanese / 日本語
- Korean / 한국어
- Malay / Bahasa Malaysia
- Malayalam / മലയാളം
- Dutch / Nederlands
- Polish / Polski
- Odia / ଓଡ଼ିଆ
- Portuguese / Português
- Punjabi / ਪੰਜਾਬੀ
- Romanian / Română
- Russian / Русский
- Spanish / Español
- Swedish / Svenska
- Tamil / தமிழ்
- Telugu / తెలుగు
- Thai / ไทย
- Turkish / Türkçe
- Ukrainian / Українська
- Urdu / اردو
- Vietnamese / Tiếng Việt