trent_larson/crowd-funder-for-time-pwa
4
1
Fork 2
Code Issues Pull Requests 22 Releases 5 Wiki Activity

Remove PWA functionality and service worker infrastructure

Browse Source 
Completely remove Progressive Web App features including VitePWA plugin, service workers, install prompts, and platform service PWA methods. Delete PWA component, service worker files, help images, and update build configurations. Simplify application architecture by removing PWA complexity while maintaining core functionality.
This commit is contained in:
Matthew Raymer
2025-07-18 07:49:34 +00:00
parent e038bb63d9
commit 8bc1c521ee
15 changed files with 6 additions and 1107 deletions
Download Patch File Download Diff File Expand all files Collapse all files

56
src/App.vue
View File

@@ -1,9 +1,6 @@
<template>
<router-view />
<!-- PWA Install Prompt -->
<PWAInstallPrompt v-if="isPWAEnabled" />
<!-- Messages in the upper-right - https://github.com/emmanuelsw/notiwind -->
<NotificationGroup group="alert">
<div
@@ -337,8 +334,6 @@ import { Vue, Component } from "vue-facing-decorator";
import { NotificationIface } from "./constants/app";
import { PlatformServiceMixin } from "@/utils/PlatformServiceMixin";
import { logger } from "./utils/logger";
import PWAInstallPrompt from "@/components/PWAInstallPrompt.vue";
import { PlatformServiceFactory } from "@/services/PlatformServiceFactory";
interface Settings {
notifyingNewActivityTime?: string;
@@ -346,9 +341,7 @@ interface Settings {
}
@Component({
components: {
PWAInstallPrompt,
},
components: {},
mixins: [PlatformServiceMixin],
})
export default class App extends Vue {
@@ -356,53 +349,6 @@ export default class App extends Vue {
stopAsking = false;
get isPWAEnabled() {
return PlatformServiceFactory.getInstance().isPWAEnabled;
}
mounted() {
// Register service worker only if PWA is enabled
const platformService = PlatformServiceFactory.getInstance();
if (platformService.isPWAEnabled && platformService.registerServiceWorker) {
platformService.registerServiceWorker();
}
}
// created() {
// logger.log(
// "Component created: Reactivity set up.",
// window.location.pathname,
// );
// }
// beforeCreate() {
// logger.log("Component beforeCreate: Instance initialized.");
// }
// beforeMount() {
// logger.log("Component beforeMount: Template is about to be rendered.");
// }
// mounted() {
// logger.log("Component mounted: Template is now rendered.");
// }
// beforeUpdate() {
// logger.log("Component beforeUpdate: DOM is about to be updated.");
// }
// updated() {
// logger.log("Component updated: DOM has been updated.");
// }
// beforeUnmount() {
// logger.log("Component beforeUnmount: Cleaning up before removal.");
// }
// unmounted() {
// logger.log("Component unmounted: Component removed from the DOM.");
// }
truncateLongWords(sentence: string) {
return sentence
.split(" ")

BIN
src/assets/help/chrome-install-pwa.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 5.1 KiB

177
src/components/PWAInstallPrompt.vue
View File

@@ -1,177 +0,0 @@
<template>
<transition
enter-active-class="transform ease-out duration-300 transition"
enter-from-class="translate-y-2 opacity-0 sm:translate-y-4"
enter-to-class="translate-y-0 opacity-100 sm:translate-y-0"
leave-active-class="transition ease-in duration-500"
leave-from-class="opacity-100"
leave-to-class="opacity-0"
>
<div
v-if="showInstallPrompt"
class="fixed z-[100] top-4 right-4 max-w-sm bg-white rounded-lg shadow-lg border border-gray-200"
>
<div class="p-4">
<div class="flex items-start">
<div class="flex-shrink-0">
<font-awesome
icon="download"
class="h-6 w-6 text-blue-600"
title="Install App"
/>
</div>
<div class="ml-3 flex-1">
<h3 class="text-sm font-medium text-gray-900">
Install Time Safari
</h3>
<p class="mt-1 text-sm text-gray-500">
Install this app on your device for a better experience
</p>
<div class="mt-4 flex space-x-3">
<button
class="flex-1 bg-blue-600 text-white text-sm font-medium px-3 py-2 rounded-md hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2"
@click="installPWA"
>
Install
</button>
<button
class="flex-1 bg-gray-100 text-gray-700 text-sm font-medium px-3 py-2 rounded-md hover:bg-gray-200 focus:outline-none focus:ring-2 focus:ring-gray-500 focus:ring-offset-2"
@click="dismissPrompt"
>
Later
</button>
</div>
</div>
<div class="ml-4 flex-shrink-0">
<button
class="text-gray-400 hover:text-gray-600 focus:outline-none"
@click="dismissPrompt"
>
<font-awesome icon="times" class="h-4 w-4" />
</button>
</div>
</div>
</div>
</div>
</transition>
</template>
<script lang="ts">
import { Component, Vue } from "vue-facing-decorator";
import { logger } from "@/utils/logger";
import { PlatformServiceFactory } from "@/services/PlatformServiceFactory";
interface BeforeInstallPromptEvent extends Event {
prompt(): Promise<void>;
userChoice: Promise<{ outcome: "accepted" | "dismissed" }>;
}
@Component({ name: "PWAInstallPrompt" })
export default class PWAInstallPrompt extends Vue {
$notify!: (notification: any, timeout?: number) => void;
private showInstallPrompt = false;
private deferredPrompt: BeforeInstallPromptEvent | null = null;
private dismissed = false;
mounted() {
if (!PlatformServiceFactory.getInstance().isPWAEnabled) return;
this.setupInstallPrompt();
}
private setupInstallPrompt() {
// Check if already installed
if (this.isPWAInstalled()) {
logger.debug("[PWA] Install prompt disabled - PWA already installed");
return;
}
// Listen for the beforeinstallprompt event
window.addEventListener("beforeinstallprompt", (e) => {
logger.debug("[PWA] beforeinstallprompt event fired");
// Stash the event so it can be triggered later
this.deferredPrompt = e as BeforeInstallPromptEvent;
// Show the install prompt
this.showInstallPrompt = true;
});
// Listen for successful installation
window.addEventListener("appinstalled", () => {
logger.debug("[PWA] App installed successfully");
this.showInstallPrompt = false;
this.deferredPrompt = null;
// Show success notification
this.$notify(
{
group: "alert",
type: "success",
title: "App Installed!",
text: "Time Safari has been installed on your device.",
},
5000,
);
});
}
private isPWAInstalled(): boolean {
// Check if running in standalone mode (installed PWA)
if (window.matchMedia("(display-mode: standalone)").matches) {
return true;
}
// Check if running in fullscreen mode (installed PWA)
if (window.matchMedia("(display-mode: fullscreen)").matches) {
return true;
}
// Check if running in minimal-ui mode (installed PWA)
if (window.matchMedia("(display-mode: minimal-ui)").matches) {
return true;
}
return false;
}
private async installPWA() {
if (!this.deferredPrompt) {
logger.warn("[PWA] No install prompt available");
return;
}
try {
// Show the install prompt
this.deferredPrompt.prompt();
// Wait for the user to respond to the prompt
const { outcome } = await this.deferredPrompt.userChoice;
logger.debug(`[PWA] User response to install prompt: ${outcome}`);
if (outcome === "accepted") {
logger.debug("[PWA] User accepted the install prompt");
this.showInstallPrompt = false;
} else {
logger.debug("[PWA] User dismissed the install prompt");
this.dismissed = true;
this.showInstallPrompt = false;
}
// Clear the deferred prompt
this.deferredPrompt = null;
} catch (error) {
logger.error("[PWA] Error during install prompt:", error);
this.showInstallPrompt = false;
}
}
private dismissPrompt() {
this.dismissed = true;
this.showInstallPrompt = false;
// Don't show again for this session
sessionStorage.setItem("pwa-install-dismissed", "true");
}
}
</script>

1
src/services/PlatformService.ts
View File

@@ -207,5 +207,4 @@ export interface PlatformService {
/**
* Returns true if PWA is enabled (web only)
*/
readonly isPWAEnabled?: boolean;
}

3
src/services/platforms/CapacitorPlatformService.ts
View File

@@ -1302,9 +1302,6 @@ export class CapacitorPlatformService implements PlatformService {
// --- PWA/Web-only methods (no-op for Capacitor) ---
public registerServiceWorker(): void {}
public get isPWAEnabled(): boolean {
return false;
}
// Database utility methods
generateInsertStatement(

3
src/services/platforms/ElectronPlatformService.ts
View File

@@ -166,7 +166,4 @@ export class ElectronPlatformService extends CapacitorPlatformService {
// --- PWA/Web-only methods (no-op for Electron) ---
public registerServiceWorker(): void {}
public get isPWAEnabled(): boolean {
return false;
}
}

11
src/services/platforms/WebPlatformService.ts
View File

@@ -645,17 +645,6 @@ export class WebPlatformService implements PlatformService {
throw new Error("Camera rotation not implemented in web platform");
}
// --- PWA/Web-only methods ---
public registerServiceWorker(): void {
// PWA service worker is automatically registered by VitePWA plugin
// No manual registration needed
}
public get isPWAEnabled(): boolean {
// PWA is always enabled for web platform
return true;
}
/**
* Checks if running in a worker context
*/

7
src/views/HelpNotificationsView.vue
View File

@@ -88,12 +88,7 @@
To be notified of interesting updates, install this app on your device
(as opposed to using it inside the browser app). In Chrome, it may prompt
you, and you can also look for the "Install" command in the browser
settings; on the the desktop, look for this icon in the address bar:
<img
src="../assets/help/chrome-install-pwa.png"
alt="Chrome 'install' icon"
class="ml-4"
/>
settings.
</p>
</div>