Skip to content

Commit bb6f89d

Browse files
akyreyakyrey
committed
feat(angular): add service worker
1 parent be0821a commit bb6f89d

15 files changed

+132
-3
lines changed

‎angular.json

+4-2
Original file line numberDiff line numberDiff line change
@@ -30,12 +30,14 @@
3030
"polyfills": "src/polyfills.ts",
3131
"tsConfig": "tsconfig.app.json",
3232
"inlineStyleLanguage": "scss",
33-
"assets": ["src/favicon.ico", "src/assets"],
33+
"assets": ["src/favicon.ico", "src/assets", "src/manifest.webmanifest"],
3434
"styles": ["./node_modules/@angular/material/prebuilt-themes/deeppurple-amber.css", "src/styles.scss"],
3535
"stylePreprocessorOptions": {
3636
"includePaths": ["src/scss"]
3737
},
38-
"scripts": []
38+
"scripts": [],
39+
"serviceWorker": true,
40+
"ngswConfigPath": "ngsw-config.json"
3941
},
4042
"configurations": {
4143
"production": {

‎ngsw-config.json

+30
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,30 @@
1+
{
2+
"$schema": "./node_modules/@angular/service-worker/config/schema.json",
3+
"index": "/index.html",
4+
"assetGroups": [
5+
{
6+
"name": "app",
7+
"installMode": "prefetch",
8+
"resources": {
9+
"files": [
10+
"/favicon.ico",
11+
"/index.html",
12+
"/manifest.webmanifest",
13+
"/*.css",
14+
"/*.js"
15+
]
16+
}
17+
},
18+
{
19+
"name": "assets",
20+
"installMode": "lazy",
21+
"updateMode": "prefetch",
22+
"resources": {
23+
"files": [
24+
"/assets/**",
25+
"/*.(svg|cur|jpg|jpeg|png|apng|webp|avif|gif|otf|ttf|woff|woff2)"
26+
]
27+
}
28+
}
29+
]
30+
}

‎package-lock.json

+27
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎package.json

+1
Original file line numberDiff line numberDiff line change
@@ -36,6 +36,7 @@
3636
"@angular/platform-browser": "~13.1.1",
3737
"@angular/platform-browser-dynamic": "~13.1.1",
3838
"@angular/router": "~13.1.1",
39+
"@angular/service-worker": "~13.1.1",
3940
"@fortawesome/fontawesome-free": "^5.15.4",
4041
"@ngneat/until-destroy": "^9.0.0",
4142
"@ngrx/effects": "^13.0.2",

‎src/app/app.module.ts

+7
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,7 @@ import { HttpClientModule } from '@angular/common/http';
22
import { NgModule } from '@angular/core';
33
import { BrowserModule } from '@angular/platform-browser';
44
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
5+
import { ServiceWorkerModule } from '@angular/service-worker';
56
import { AppComponent } from '@core/containers';
67
import { CoreModule } from '@core/core.module';
78
import { environment } from '@env/environment';
@@ -44,6 +45,12 @@ import { extModules } from './build-specifics/index.prod';
4445
level: environment.ngxLoggerLevel,
4546
}),
4647
AppRoutingModule,
48+
ServiceWorkerModule.register('ngsw-worker.js', {
49+
enabled: environment.production,
50+
// Register the ServiceWorker as soon as the app is stable
51+
// or after 30 seconds (whichever comes first).
52+
registrationStrategy: 'registerWhenStable:30000',
53+
}),
4754
],
4855
bootstrap: [AppComponent],
4956
})

‎src/assets/icons/icon-128x128.png

1.22 KB
Loading

‎src/assets/icons/icon-144x144.png

1.36 KB
Loading

‎src/assets/icons/icon-152x152.png

1.39 KB
Loading

‎src/assets/icons/icon-192x192.png

1.75 KB
Loading

‎src/assets/icons/icon-384x384.png

3.47 KB
Loading

‎src/assets/icons/icon-512x512.png

4.89 KB
Loading

‎src/assets/icons/icon-72x72.png

792 Bytes
Loading

‎src/assets/icons/icon-96x96.png

958 Bytes
Loading

‎src/index.html

+4-1
Original file line numberDiff line numberDiff line change
@@ -7,10 +7,13 @@
77
<meta name="viewport" content="width=device-width, initial-scale=1" />
88
<link rel="icon" type="image/x-icon" href="favicon.ico" />
99
<link rel="preconnect" href="https://fonts.gstatic.com" />
10-
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap" rel="stylesheet" />
10+
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&amp;display=swap" rel="stylesheet" />
1111
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" />
12+
<link rel="manifest" href="manifest.webmanifest" />
13+
<meta name="theme-color" content="#1976d2" />
1214
</head>
1315
<body class="mat-typography">
1416
<app-root></app-root>
17+
<noscript>Please enable JavaScript to continue using this application.</noscript>
1518
</body>
1619
</html>

‎src/manifest.webmanifest

+59
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,59 @@
1+
{
2+
"name": "trackify",
3+
"short_name": "trackify",
4+
"theme_color": "#1976d2",
5+
"background_color": "#fafafa",
6+
"display": "standalone",
7+
"scope": "./",
8+
"start_url": "./",
9+
"icons": [
10+
{
11+
"src": "assets/icons/icon-72x72.png",
12+
"sizes": "72x72",
13+
"type": "image/png",
14+
"purpose": "maskable any"
15+
},
16+
{
17+
"src": "assets/icons/icon-96x96.png",
18+
"sizes": "96x96",
19+
"type": "image/png",
20+
"purpose": "maskable any"
21+
},
22+
{
23+
"src": "assets/icons/icon-128x128.png",
24+
"sizes": "128x128",
25+
"type": "image/png",
26+
"purpose": "maskable any"
27+
},
28+
{
29+
"src": "assets/icons/icon-144x144.png",
30+
"sizes": "144x144",
31+
"type": "image/png",
32+
"purpose": "maskable any"
33+
},
34+
{
35+
"src": "assets/icons/icon-152x152.png",
36+
"sizes": "152x152",
37+
"type": "image/png",
38+
"purpose": "maskable any"
39+
},
40+
{
41+
"src": "assets/icons/icon-192x192.png",
42+
"sizes": "192x192",
43+
"type": "image/png",
44+
"purpose": "maskable any"
45+
},
46+
{
47+
"src": "assets/icons/icon-384x384.png",
48+
"sizes": "384x384",
49+
"type": "image/png",
50+
"purpose": "maskable any"
51+
},
52+
{
53+
"src": "assets/icons/icon-512x512.png",
54+
"sizes": "512x512",
55+
"type": "image/png",
56+
"purpose": "maskable any"
57+
}
58+
]
59+
}

0 commit comments

Comments
 (0)