From 66a47c7c614a16cb09fe634db269ce1029a401a1 Mon Sep 17 00:00:00 2001
From: Aman Varshney <amanvarshney.work@gmail.com>
Date: Sat, 22 Mar 2025 13:05:45 +0530
Subject: [PATCH] Add Progressive Web App (PWA) support

Add PWA setup with vite-plugin-pwa, assets generator, and templates
Include CLI flag and interactive prompt option for PWA installation
---
 .changeset/heavy-carpets-jump.md              |   5 +++
 apps/cli/src/constants.ts                     |   3 ++
 apps/cli/src/helpers/addons-setup.ts          |  32 ++++++++++++++++
 apps/cli/src/helpers/create-readme.ts         |   9 -----
 apps/cli/src/index.ts                         |  10 +++--
 apps/cli/src/prompts/addons.ts                |   5 +++
 apps/cli/src/types.ts                         |   2 +-
 .../template/base/packages/client/_gitignore  |   2 +
 .../with-pwa/packages/client/public/logo.png  | Bin 0 -> 13390 bytes
 .../packages/client/pwa-assets.config.ts      |  12 ++++++
 .../with-pwa/packages/client/vite.config.ts   |  35 ++++++++++++++++++
 11 files changed, 102 insertions(+), 13 deletions(-)
 create mode 100644 .changeset/heavy-carpets-jump.md
 create mode 100644 apps/cli/template/with-pwa/packages/client/public/logo.png
 create mode 100644 apps/cli/template/with-pwa/packages/client/pwa-assets.config.ts
 create mode 100644 apps/cli/template/with-pwa/packages/client/vite.config.ts

diff --git a/.changeset/heavy-carpets-jump.md b/.changeset/heavy-carpets-jump.md
new file mode 100644
index 0000000..46ba809
--- /dev/null
+++ b/.changeset/heavy-carpets-jump.md
@@ -0,0 +1,5 @@
+---
+"create-better-t-stack": minor
+---
+
+Add Progressive Web App (PWA) support
diff --git a/apps/cli/src/constants.ts b/apps/cli/src/constants.ts
index 27fdbac..1a712e4 100644
--- a/apps/cli/src/constants.ts
+++ b/apps/cli/src/constants.ts
@@ -28,6 +28,9 @@ export const dependencyVersionMap = {
 
 	"@prisma/client": "^5.7.1",
 	prisma: "^5.7.1",
+
+	"vite-plugin-pwa": "^0.21.2",
+	"@vite-pwa/assets-generator": "^0.2.6",
 } as const;
 
 export type AvailableDependencies = keyof typeof dependencyVersionMap;
diff --git a/apps/cli/src/helpers/addons-setup.ts b/apps/cli/src/helpers/addons-setup.ts
index 7d4a0da..20e26fc 100644
--- a/apps/cli/src/helpers/addons-setup.ts
+++ b/apps/cli/src/helpers/addons-setup.ts
@@ -1,11 +1,16 @@
 import path from "node:path";
 import fs from "fs-extra";
+import { PKG_ROOT } from "../constants";
 import type { ProjectAddons } from "../types";
+import { addPackageDependency } from "../utils/add-package-deps";
 
 export async function setupAddons(projectDir: string, addons: ProjectAddons[]) {
 	if (addons.includes("docker")) {
 		await setupDocker(projectDir);
 	}
+	if (addons.includes("pwa")) {
+		await setupPwa(projectDir);
+	}
 }
 
 async function setupDocker(projectDir: string) {
@@ -89,3 +94,30 @@ node_modules
 		dockerignoreContent,
 	);
 }
+
+async function setupPwa(projectDir: string) {
+	const pwaTemplateDir = path.join(PKG_ROOT, "template/with-pwa");
+	if (await fs.pathExists(pwaTemplateDir)) {
+		await fs.copy(pwaTemplateDir, projectDir, { overwrite: true });
+	}
+
+	const clientPackageDir = path.join(projectDir, "packages/client");
+
+	addPackageDependency({
+		dependencies: ["vite-plugin-pwa"],
+		devDependencies: ["@vite-pwa/assets-generator"],
+		projectDir: clientPackageDir,
+	});
+
+	const clientPackageJsonPath = path.join(clientPackageDir, "package.json");
+	if (await fs.pathExists(clientPackageJsonPath)) {
+		const packageJson = await fs.readJson(clientPackageJsonPath);
+
+		packageJson.scripts = {
+			...packageJson.scripts,
+			"generate-pwa-assets": "pwa-assets-generator",
+		};
+
+		await fs.writeJson(clientPackageJsonPath, packageJson, { spaces: 2 });
+	}
+}
diff --git a/apps/cli/src/helpers/create-readme.ts b/apps/cli/src/helpers/create-readme.ts
index 8bd7258..06ea714 100644
--- a/apps/cli/src/helpers/create-readme.ts
+++ b/apps/cli/src/helpers/create-readme.ts
@@ -135,15 +135,6 @@ cd packages/server && ${packageManagerRunCmd} db:local
 `;
 	}
 
-	if (auth) {
-		setup += `
-3. Generate the authentication schema:
-\`\`\`bash
-cd packages/server && ${packageManagerRunCmd} auth:generate
-\`\`\`
-`;
-	}
-
 	setup += `
 ${auth ? "4" : "3"}. ${
 		orm === "prisma"
diff --git a/apps/cli/src/index.ts b/apps/cli/src/index.ts
index b956df8..53019ed 100644
--- a/apps/cli/src/index.ts
+++ b/apps/cli/src/index.ts
@@ -31,6 +31,7 @@ async function main() {
 		.option("--auth", "Include authentication")
 		.option("--no-auth", "Exclude authentication")
 		.option("--docker", "Include Docker setup")
+		.option("--pwa", "Include Progressive Web App support")
 		.option("--no-addons", "Skip all additional addons")
 		.option("--git", "Include git setup")
 		.option("--no-git", "Skip git initialization")
@@ -64,17 +65,20 @@ async function main() {
 			...(options.prisma && { orm: "prisma" }),
 			...("auth" in options && { auth: options.auth }),
 			...(options.npm && { packageManager: "npm" }),
-			...(options.pnpm && { packageManager: "pnpm" }),
+			...(options.pnpm && { packageManager: "  pnpm" }),
 			...(options.yarn && { packageManager: "yarn" }),
 			...(options.bun && { packageManager: "bun" }),
 			...("git" in options && { git: options.git }),
 			...("install" in options && { noInstall: !options.install }),
 			...("turso" in options && { turso: options.turso }),
-			...((options.docker || options.addons === false) && {
+			...((options.docker || options.pwa || options.addons === false) && {
 				addons:
 					options.addons === false
 						? []
-						: ([...(options.docker ? ["docker"] : [])] as ProjectAddons[]),
+						: ([
+								...(options.docker ? ["docker"] : []),
+								...(options.pwa ? ["pwa"] : []),
+							] as ProjectAddons[]),
 			}),
 		};
 
diff --git a/apps/cli/src/prompts/addons.ts b/apps/cli/src/prompts/addons.ts
index 5b229f2..d2c666c 100644
--- a/apps/cli/src/prompts/addons.ts
+++ b/apps/cli/src/prompts/addons.ts
@@ -15,6 +15,11 @@ export async function getAddonsChoice(
 				label: "Docker setup",
 				hint: "Containerize your application",
 			},
+			{
+				value: "pwa",
+				label: "PWA (Progressive Web App)",
+				hint: "Make your app installable and work offline",
+			},
 		],
 		required: false,
 	});
diff --git a/apps/cli/src/types.ts b/apps/cli/src/types.ts
index 680f3ba..033fa15 100644
--- a/apps/cli/src/types.ts
+++ b/apps/cli/src/types.ts
@@ -1,7 +1,7 @@
 export type ProjectDatabase = "sqlite" | "postgres" | "none";
 export type ProjectOrm = "drizzle" | "prisma" | "none";
 export type PackageManager = "npm" | "pnpm" | "yarn" | "bun";
-export type ProjectAddons = "docker";
+export type ProjectAddons = "docker" | "pwa";
 
 export interface ProjectConfig {
 	projectName: string;
diff --git a/apps/cli/template/base/packages/client/_gitignore b/apps/cli/template/base/packages/client/_gitignore
index c9b51df..b61b002 100644
--- a/apps/cli/template/base/packages/client/_gitignore
+++ b/apps/cli/template/base/packages/client/_gitignore
@@ -19,3 +19,5 @@ dist/
 
 *.env*
 !.env.example
+
+dev-dist
diff --git a/apps/cli/template/with-pwa/packages/client/public/logo.png b/apps/cli/template/with-pwa/packages/client/public/logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..ac20b90200eb650d62ad37c7a1c866c24c266872
GIT binary patch
literal 13390
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
MKB<(aV0Q6;0K<F;UjP6A

literal 0
HcmV?d00001

diff --git a/apps/cli/template/with-pwa/packages/client/pwa-assets.config.ts b/apps/cli/template/with-pwa/packages/client/pwa-assets.config.ts
new file mode 100644
index 0000000..60f5657
--- /dev/null
+++ b/apps/cli/template/with-pwa/packages/client/pwa-assets.config.ts
@@ -0,0 +1,12 @@
+import {
+  defineConfig,
+  minimal2023Preset as preset,
+} from "@vite-pwa/assets-generator/config";
+
+export default defineConfig({
+  headLinkOptions: {
+    preset: "2023",
+  },
+  preset,
+  images: ["public/logo.png"],
+});
diff --git a/apps/cli/template/with-pwa/packages/client/vite.config.ts b/apps/cli/template/with-pwa/packages/client/vite.config.ts
new file mode 100644
index 0000000..8a3af77
--- /dev/null
+++ b/apps/cli/template/with-pwa/packages/client/vite.config.ts
@@ -0,0 +1,35 @@
+import tailwindcss from "@tailwindcss/vite";
+import { TanStackRouterVite } from "@tanstack/router-plugin/vite";
+import react from "@vitejs/plugin-react";
+import path from "path";
+import { defineConfig } from "vite";
+import { VitePWA } from "vite-plugin-pwa";
+
+export default defineConfig({
+  plugins: [
+    tailwindcss(),
+    TanStackRouterVite({}),
+    react(),
+    VitePWA({
+      registerType: "autoUpdate",
+      manifest: {
+        name: "My App",
+        short_name: "My App ",
+        description: "My App",
+        theme_color: "#0c0c0c",
+      },
+      pwaAssets: {
+        disabled: false,
+        config: true,
+      },
+      devOptions: {
+        enabled: true,
+      },
+    }),
+  ],
+  resolve: {
+    alias: {
+      "@": path.resolve(__dirname, "./src"),
+    },
+  },
+});