dst/store
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: remove PWA manifest file and update related configurations, improving project structure and icon handling in the PwaManifestController
Some checks are pending
linter / quality (push) Waiting to run
Details
tests / ci (8.3) (push) Waiting to run
Details
tests / ci (8.4) (push) Waiting to run
Details
tests / ci (8.5) (push) Waiting to run
Details

Browse Source
This commit is contained in:
Yoga Pangestu 2026-07-13 19:55:35 +07:00
parent bed22579b5
commit 9b20d26a4e
6 changed files with 46 additions and 131 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
app/Http/Controllers/PwaManifestController.php
View File

@ -11,16 +11,15 @@ public function show(SystemService $systemService): JsonResponse
{
$systemData = $systemService->systemData();
$appName = $systemData['app_name'] ?? config('app.name', 'DST Collection');
$logoUrl = $systemData['logo_url'] ?? asset('assets/logo.png');
$iconUrl = $systemData['favicon_url'] ?? $systemData['logo_url'] ?? asset('assets/logo.png');
// Determine mime type from logoUrl extension
$mimeType = 'image/png';
$lowerLogoUrl = strtolower($logoUrl);
if (str_contains($lowerLogoUrl, '.svg')) {
$lowerIconUrl = strtolower($iconUrl);
if (str_contains($lowerIconUrl, '.svg')) {
$mimeType = 'image/svg+xml';
} elseif (str_contains($lowerLogoUrl, '.jpg') || str_contains($lowerLogoUrl, '.jpeg')) {
} elseif (str_contains($lowerIconUrl, '.jpg') || str_contains($lowerIconUrl, '.jpeg')) {
$mimeType = 'image/jpeg';
} elseif (str_contains($lowerLogoUrl, '.webp')) {
} elseif (str_contains($lowerIconUrl, '.webp')) {
$mimeType = 'image/webp';
}
@ -37,23 +36,23 @@ public function show(SystemService $systemService): JsonResponse
'id' => '/',
'icons' => [
[
'src' => $logoUrl,
'src' => $iconUrl,
'sizes' => '64x64',
'type' => $mimeType,
],
[
'src' => $logoUrl,
'src' => $iconUrl,
'sizes' => '192x192',
'type' => $mimeType,
],
[
'src' => $logoUrl,
'src' => $iconUrl,
'sizes' => '512x512',
'type' => $mimeType,
'purpose' => 'any',
],
[
'src' => $logoUrl,
'src' => $iconUrl,
'sizes' => '512x512',
'type' => $mimeType,
'purpose' => 'maskable',

1
package.json
View File

@ -32,7 +32,6 @@
"tw-animate-css": "^1.4.0",
"typescript-eslint": "^8.23.0",
"vite": "^7.3.6",
"vite-plugin-pwa": "^1.3.0",
"vue-tsc": "^2.2.4"
},
"dependencies": {

36
public/manifest.webmanifest
View File

@ -1,36 +0,0 @@
{
"name": "DST Collection",
"short_name": "DST Collection",
"description": "DST Collection - Progressive Web App",
"theme_color": "#171717",
"background_color": "#ffffff",
"display": "standalone",
"orientation": "portrait",
"scope": "/",
"start_url": "/",
"id": "/",
"icons": [
{
"src": "/assets/pwa-64x64.png",
"sizes": "64x64",
"type": "image/png"
},
{
"src": "/assets/pwa-192x192.png",
"sizes": "192x192",
"type": "image/png"
},
{
"src": "/assets/pwa-512x512.png",
"sizes": "512x512",
"type": "image/png",
"purpose": "any"
},
{
"src": "/assets/maskable-icon-512x512.png",
"sizes": "512x512",
"type": "image/png",
"purpose": "maskable"
}
]
}

5
resources/js/app.ts
View File

@ -16,6 +16,11 @@ if ('serviceWorker' in navigator) {
});
}
window.addEventListener('beforeinstallprompt', (e) => {
e.preventDefault();
(window as any).deferredPwaPrompt = e;
});
void restoreConnection();
const appName = import.meta.env.VITE_APP_NAME || 'Laravel';

12
resources/js/types/global.d.ts vendored
View File

@ -1,5 +1,17 @@
import type { Auth } from '@/types/auth';
interface BeforeInstallPromptEvent extends Event {
readonly platforms: string[];
readonly userChoice: Promise<{ outcome: 'accepted' | 'dismissed'; platform: string }>;
prompt(): Promise<void>;
}
declare global {
interface Window {
deferredPwaPrompt?: BeforeInstallPromptEvent;
}
}
// Extend ImportMeta interface for Vite...
declare module 'vite/client' {
interface ImportMetaEnv {

104
vite.config.ts
View File

@ -3,90 +3,26 @@ import { wayfinder } from '@laravel/vite-plugin-wayfinder';
import tailwindcss from '@tailwindcss/vite';
import vue from '@vitejs/plugin-vue';
import laravel from 'laravel-vite-plugin';
import { defineConfig, loadEnv } from 'vite';
import { VitePWA } from 'vite-plugin-pwa';
import { defineConfig } from 'vite';
const manifestIcons = [
{
src: '/assets/pwa-64x64.png',
sizes: '64x64',
type: 'image/png',
},
{
src: '/assets/pwa-192x192.png',
sizes: '192x192',
type: 'image/png',
},
{
src: '/assets/pwa-512x512.png',
sizes: '512x512',
type: 'image/png',
purpose: 'any',
},
{
src: '/assets/maskable-icon-512x512.png',
sizes: '512x512',
type: 'image/png',
purpose: 'maskable',
},
] as const;
export default defineConfig(({ mode }) => {
const env = loadEnv(mode, process.cwd(), '');
const appName = env.VITE_APP_NAME || 'DST Collection';
return {
plugins: [
laravel({
input: ['resources/css/app.css', 'resources/js/app.ts'],
refresh: false,
}),
inertia(),
tailwindcss(),
vue({
template: {
transformAssetUrls: {
base: null,
includeAbsolute: false,
},
export default defineConfig({
plugins: [
laravel({
input: ['resources/css/app.css', 'resources/js/app.ts'],
refresh: false,
}),
inertia(),
tailwindcss(),
vue({
template: {
transformAssetUrls: {
base: null,
includeAbsolute: false,
},
}),
wayfinder({
formVariants: true,
}),
VitePWA({
buildBase: '/build/',
scope: '/',
base: '/',
registerType: 'autoUpdate',
// Kita daftarkan SW manual di app.ts (public/sw.js yang support push)
// VitePWA hanya generate manifest di sini
injectRegister: null,
devOptions: {
enabled: false,
},
workbox: {
globPatterns: [
'**/*.{js,css,html,ico,jpg,png,svg,woff,woff2,ttf,eot}',
],
navigateFallback: '/',
navigateFallbackDenylist: [/^\/telescope/],
maximumFileSizeToCacheInBytes: 3_000_000,
},
manifest: {
name: appName,
short_name: appName,
description: `${appName} - Progressive Web App`,
theme_color: '#171717',
background_color: '#ffffff',
display: 'standalone',
orientation: 'portrait',
scope: '/',
start_url: '/',
id: '/',
icons: [...manifestIcons],
},
}),
],
};
},
}),
wayfinder({
formVariants: true,
}),
],
});