3e3a2c49d6
injectManifest, a new typed SW source, runtime caching, and a non‑blocking update toast with an action button. The
guest shell now links a dedicated manifest and theme color, and background upload sync is managed in a single
PwaManager component.
Key changes (where/why)
- vite.config.ts: added VitePWA injectManifest config, guest manifest, and output to /public so the SW can control /
scope.
- resources/js/guest/guest-sw.ts: new Workbox SW (precache + runtime caching for guest navigation, GET /api/v1/*,
images, fonts) and preserves push/sync/notification logic.
- resources/js/guest/components/PwaManager.tsx: registers SW, shows update/offline toasts, and processes the upload
queue on sync/online.
- resources/js/guest/components/ToastHost.tsx: action-capable toasts so update prompts can include a CTA.
- resources/js/guest/i18n/messages.ts: added common.updateAvailable, common.updateAction, common.offlineReady.
- resources/views/guest.blade.php: manifest + theme color + apple touch icon.
- .gitignore: ignore generated public/guest-sw.js and public/guest.webmanifest; public/guest-sw.js removed since it’s
now build output.
42 lines
1.3 KiB
TypeScript
42 lines
1.3 KiB
TypeScript
import { describe, expect, it, vi } from 'vitest';
|
|
import { FADE_SCALE, FADE_UP, STAGGER_FAST, getMotionContainerProps, getMotionItemProps, prefersReducedMotion } from '../motion';
|
|
|
|
describe('motion helpers', () => {
|
|
it('returns disabled props when motion is off', () => {
|
|
const props = getMotionContainerProps(false, STAGGER_FAST);
|
|
expect(props.initial).toBe(false);
|
|
});
|
|
|
|
it('returns variants when motion is on', () => {
|
|
const containerProps = getMotionContainerProps(true, STAGGER_FAST);
|
|
const itemProps = getMotionItemProps(true, FADE_UP);
|
|
expect(containerProps.initial).toBe('hidden');
|
|
expect(containerProps.animate).toBe('show');
|
|
expect(itemProps.variants).toBe(FADE_UP);
|
|
});
|
|
|
|
it('detects reduced motion preference safely', () => {
|
|
const original = window.matchMedia;
|
|
Object.defineProperty(window, 'matchMedia', {
|
|
configurable: true,
|
|
value: undefined,
|
|
});
|
|
expect(prefersReducedMotion()).toBe(false);
|
|
|
|
Object.defineProperty(window, 'matchMedia', {
|
|
configurable: true,
|
|
value: vi.fn().mockReturnValue({ matches: true }),
|
|
});
|
|
expect(prefersReducedMotion()).toBe(true);
|
|
|
|
Object.defineProperty(window, 'matchMedia', {
|
|
configurable: true,
|
|
value: original,
|
|
});
|
|
});
|
|
|
|
it('exposes distinct base variants', () => {
|
|
expect(FADE_UP).not.toBe(FADE_SCALE);
|
|
});
|
|
});
|