Akash Chauhan Akash52

## gist:cfd49f38cbc834bed92284f6a6407923
Getting and Creating Projects

## manifest.json
{
 "name": "angular-rental-app",
 "short_name": "angular-rental-app",
 "theme_color": "#1976d2",
 "background_color": "#fafafa",
 "display": "standalone",
 "scope": "./",
 "start_url": "./",
 "icons": [
   {

## vite.config.js
import { fileURLToPath, URL } from "node:url";
import { VitePWA } from "vite-plugin-pwa";
import { defineConfig } from "vite";
import vue from "@vitejs/plugin-vue";
// https://vitejs.dev/config/
export default defineConfig({
  plugins: [
    vue(),
    VitePWA({
      registerType: "autoUpdate",

## ngsw-config.json
{
  "$schema": "./node_modules/@angular/service-worker/config/schema.json",
  "index": "/index.html",
  "assetGroups": [
    {
      "name": "app",
      "installMode": "prefetch",
      "resources": {
        "files": [
          "/favicon.ico",

## serviceworker.js
//This is a service worker script that caches specific URLs for offline use and handles network requests when the internet connection is not available.

// We give a name to our cache, so we can refer to it later.
const CACHE_NAME = "version-1";

// These are the URLs that we want to cache.
const urlsToCache = ["index.html", "offline.html"];

// We call the 'self' object, which refers to the Service Worker itself.
const self = this;

## index.html
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="theme-color" content="#000000" />
    <meta name="description" content="Rentals App" />
    <meta name="author" content="Rental App" />
    <meta name="keywords" content="rental, app, rentals app" />

## serviceworker.js
import { build, files } from '$service-worker';

const worker = self;
const STATIC_CACHE_NAME = 'cache-v1';
const APP_CACHE_NAME = 'offline-v1';
const CACHE_NAMES = [STATIC_CACHE_NAME, APP_CACHE_NAME];
const version = 'v1';

// hard-coded list of app routes we want to preemptively cache
const routes = ['/'];

## app.html
<!DOCTYPE html>
<html lang="en">
 <head>
  <meta charset="utf-8" />
  <meta name="theme-color" content="#000000" />
  <meta name="description" content="Rentals App" />
  <meta name="author" content="Rental App" />
  <meta name="keywords" content="rental, app, rentals app" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />

## manifest.js
{
  "name": "application name", // sets the name of the app
  "short_name": "short name application", // sets a shorter name of the app
  "theme_color": "#1976d2", // determines the primary color scheme used by the app
  "background_color": "#fafafa", // sets the background color behind the app when it is launched
  "display": "standalone", // determines how the app is displayed to users
  "scope": "./", // specifies the base URL for the app and restricts its access to specific folders
  "start_url": "./", // specifies the URL where the app should start when launched from the user's home screen or app launcher
  "icons": [ // contains an array of objects specifying the icons used for the app
    {

## next.config.js
/** @type {import('next').NextConfig} */

const withPWA = require("next-pwa")({
  dest: "public", // output directory
  register: true, // register pwa
  skipWaiting: true, // skip waiting for old service worker to be disabled
  disable: process.env.NODE_ENV === "development", // disable in development
  runtimeCaching: [
    //cache assets & data from external api
    {
	{
	"name": "angular-rental-app",
	"short_name": "angular-rental-app",
	"theme_color": "#1976d2",
	"background_color": "#fafafa",
	"display": "standalone",
	"scope": "./",
	"start_url": "./",
	"icons": [
	{
	import { fileURLToPath, URL } from "node:url";
	import { VitePWA } from "vite-plugin-pwa";
	import { defineConfig } from "vite";
	import vue from "@vitejs/plugin-vue";
	// https://vitejs.dev/config/
	export default defineConfig({
	plugins: [
	vue(),
	VitePWA({
	registerType: "autoUpdate",
	{
	"$schema": "./node_modules/@angular/service-worker/config/schema.json",
	"index": "/index.html",
	"assetGroups": [
	{
	"name": "app",
	"installMode": "prefetch",
	"resources": {
	"files": [
	"/favicon.ico",
	//This is a service worker script that caches specific URLs for offline use and handles network requests when the internet connection is not available.

	// We give a name to our cache, so we can refer to it later.
	const CACHE_NAME = "version-1";

	// These are the URLs that we want to cache.
	const urlsToCache = ["index.html", "offline.html"];

	// We call the 'self' object, which refers to the Service Worker itself.
	const self = this;
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1" />
	<meta name="theme-color" content="#000000" />
	<meta name="description" content="Rentals App" />
	<meta name="author" content="Rental App" />
	<meta name="keywords" content="rental, app, rentals app" />
	import { build, files } from '$service-worker';

	const worker = self;
	const STATIC_CACHE_NAME = 'cache-v1';
	const APP_CACHE_NAME = 'offline-v1';
	const CACHE_NAMES = [STATIC_CACHE_NAME, APP_CACHE_NAME];
	const version = 'v1';

	// hard-coded list of app routes we want to preemptively cache
	const routes = ['/'];
	{
	"name": "application name", // sets the name of the app
	"short_name": "short name application", // sets a shorter name of the app
	"theme_color": "#1976d2", // determines the primary color scheme used by the app
	"background_color": "#fafafa", // sets the background color behind the app when it is launched
	"display": "standalone", // determines how the app is displayed to users
	"scope": "./", // specifies the base URL for the app and restricts its access to specific folders
	"start_url": "./", // specifies the URL where the app should start when launched from the user's home screen or app launcher
	"icons": [ // contains an array of objects specifying the icons used for the app
	{
	/** @type {import('next').NextConfig} */

	const withPWA = require("next-pwa")({
	dest: "public", // output directory
	register: true, // register pwa
	skipWaiting: true, // skip waiting for old service worker to be disabled
	disable: process.env.NODE_ENV === "development", // disable in development
	runtimeCaching: [
	//cache assets & data from external api
	{