revert: remove PWA functionality due to service worker issues

The PWA implementation was causing too many issues:
- Service worker conflicts with CSP policies
- 429 rate limiting errors
- Application freezing
- External resource blocking

Removed:
- service-worker.js
- manifest.json
- offline.html
- PWA service and install component
- PWA meta tags from index.html
- PWA asset configuration

The library now functions as a standard web app without PWA features.
This provides a more stable and reliable user experience.
This commit is contained in:
2026-02-20 01:07:16 -08:00
committed by Naomi Carrigan
parent a0f6362c1b
commit 009a68a0d2
7 changed files with 1 additions and 493 deletions
@@ -1,176 +0,0 @@
/**
* @copyright 2026 NHCarrigan
* @license Naomi's Public License
* @author Hikari
*/
import { Component, inject } from '@angular/core';
import { CommonModule } from '@angular/common';
import { PwaService } from '../../services/pwa.service';
@Component({
selector: 'app-pwa-install',
standalone: true,
imports: [CommonModule],
template: `
@if (pwaService.isInstallable() && !dismissed) {
<div class="install-banner">
<div class="install-content">
<div class="install-icon">📱</div>
<div class="install-text">
<h3>Install Naomi's Library</h3>
<p>Add to your home screen for quick access and offline support!</p>
</div>
</div>
<div class="install-actions">
<button (click)="install()" class="btn-install">Install</button>
<button (click)="dismiss()" class="btn-dismiss">Not Now</button>
</div>
</div>
}
`,
styles: [`
.install-banner {
position: fixed;
bottom: 1rem;
left: 50%;
transform: translateX(-50%);
background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
border: 2px solid #9d4edd;
border-radius: 12px;
padding: 1.5rem;
max-width: 500px;
width: calc(100% - 2rem);
box-shadow: 0 8px 32px rgba(157, 78, 221, 0.3);
z-index: 1000;
animation: slideUp 0.3s ease-out;
}
@keyframes slideUp {
from {
transform: translateX(-50%) translateY(100px);
opacity: 0;
}
to {
transform: translateX(-50%) translateY(0);
opacity: 1;
}
}
.install-content {
display: flex;
align-items: center;
gap: 1rem;
margin-bottom: 1rem;
}
.install-icon {
font-size: 2.5rem;
flex-shrink: 0;
}
.install-text h3 {
margin: 0 0 0.25rem 0;
color: #9d4edd;
font-size: 1.1rem;
}
.install-text p {
margin: 0;
color: #b0b0b0;
font-size: 0.9rem;
}
.install-actions {
display: flex;
gap: 0.75rem;
justify-content: flex-end;
}
.btn-install,
.btn-dismiss {
padding: 0.75rem 1.5rem;
border: none;
border-radius: 8px;
font-size: 0.9rem;
font-weight: 600;
cursor: pointer;
transition: all 0.2s;
}
.btn-install {
background: linear-gradient(135deg, #9d4edd 0%, #c77dff 100%);
color: white;
}
.btn-install:hover {
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(157, 78, 221, 0.4);
}
.btn-dismiss {
background: transparent;
color: #9d4edd;
border: 1px solid #9d4edd;
}
.btn-dismiss:hover {
background: rgba(157, 78, 221, 0.1);
}
@media (max-width: 600px) {
.install-banner {
bottom: 0;
left: 0;
right: 0;
transform: none;
max-width: none;
width: 100%;
border-radius: 12px 12px 0 0;
border-bottom: none;
}
@keyframes slideUp {
from {
transform: translateY(100%);
opacity: 0;
}
to {
transform: translateY(0);
opacity: 1;
}
}
.install-content {
flex-direction: column;
text-align: center;
}
.install-actions {
flex-direction: column-reverse;
}
.btn-install,
.btn-dismiss {
width: 100%;
}
}
`]
})
export class PwaInstallComponent {
protected pwaService = inject(PwaService);
protected dismissed = false;
protected async install(): Promise<void> {
const result = await this.pwaService.promptInstall();
if (result) {
this.dismissed = true;
}
}
protected dismiss(): void {
this.dismissed = true;
// Remember dismissal in session storage
sessionStorage.setItem('pwa-install-dismissed', 'true');
}
}