Денежный PWA-кабинет на Angular 21 (zoneless) + Angular Material + Bootstrap.
- PWA с service worker: установка на устройство, оффлайн-кэш.
- Авто-обновление: проверка новой версии при каждом запуске и раз в сутки; при появлении новой версии приложение обновляется само и перезагружается под лоадером.
- Заставка с лоадером-монетой на старте, пока идёт проверка обновлений.
- Кнопка «Установить»: показывается, только если приложение ещё не установлено. На iOS — инструкция «Поделиться → На экран Домой».
- Моковая авторизация: логин
123, пароль123. Есть разлогин. - Пуш-уведомление «Поступил новый заказ» приходит через 10 секунд после входа.
- Иконка-монета с буквой «M» — maskable (Android) + apple-touch (iOS).
- Адаптив под все экраны, современный «денежный» стиль.
- Авто-версионирование: git pre-commit хук повышает версию при каждом коммите, чтобы PWA видела изменения.
npm install # подключит git-хуки (prepare) и поставит зависимости
npm start # dev-сервер http://localhost:4200
npm run build # production-сборка в dist/moneys/browser
npm run icons # перегенерировать иконки-монетыService worker и авто-обновление работают только в production-сборке, не в
ng serve. Локально проверить PWA:npm run buildи отдатьdist/moneys/browserлюбым статик-сервером по HTTPS/localhost.
scripts/bump-version.mjs— повышает patch-версию вpackage.json.scripts/sync-version.mjs— пишет версию вsrc/app/core/version.ts(используется в UI и при сборке черезprebuild)..githooks/pre-commit— на каждом коммите бампит версию и добавляет изменения в коммит.- Хуки подключаются автоматически на
npm install(скриптprepare). Вручную:git config core.hooksPath .githooks.
Workflow .github/workflows/deploy.yml собирает и публикует приложение на GitHub Pages при каждом пуше в master (base-href подставляется по имени репозитория).
Первичная настройка (выполняется разработчиком):
# 1. Создать репозиторий на GitHub
gh repo create moneys --public --source=. --remote=origin
# 2. Запушить master
git add -A
git commit -m "feat: PWA Moneys"
git push -u origin master
# 3. Settings → Pages → Build and deployment → Source: GitHub ActionsПосле этого приложение будет доступно по адресу https://StarcevAlexander.github.io/moneys/.