feat: add zephyr as an option

Author: Nsttt

frameworks/react-cra/add-ons/zephyr/assets/vite.config.ts.append

@@ -0,0 +1,8 @@
+{
+  "name": "Zephyr Cloud",
+  "description": "The fastest way to go from idea to production.",
+  "phase": "add-on",
+  "modes": ["file-router", "code-router"],
+  "link": "https://zephyr-cloud.io/",
+  "type": "add-on"
+}

frameworks/react-cra/add-ons/zephyr/info.json

@@ -0,0 +1,5 @@
+{
+  "dependencies": {
+    "vite-plugin-zephyr": "latest"
+  }
+}

frameworks/react-cra/add-ons/zephyr/package.json

@@ -3,14 +3,15 @@ import viteReact from "@vitejs/plugin-react";<% if (tailwind) { %>
 import tailwindcss from "@tailwindcss/vite";
 <% } %><%if (fileRouter) { %>
 import { TanStackRouterVite } from "@tanstack/router-plugin/vite";<% } %><% if (addOnEnabled['module-federation']) { %>
-import { federation } from "@module-federation/vite";<% } %>
+import { federation } from "@module-federation/vite";<% } %><% if (addOnEnabled.zephyr) { %>
+import { withZephyr } from 'vite-plugin-zephyr';<% } %>
 import { resolve } from "node:path";<% if (addOnEnabled['module-federation']) { %>
 import federationConfig from "./module-federation.config.js";
 <% } %>
 
 // https://vitejs.dev/config/
 export default defineConfig({
-  plugins: [<% if(fileRouter) { %>TanStackRouterVite({ autoCodeSplitting: true }), <% } %>viteReact()<% if (tailwind) { %>, tailwindcss()<% } %><% if (addOnEnabled['module-federation']) { %>, federation(federationConfig)<% } %>],
+  plugins: [<% if(fileRouter) { %>TanStackRouterVite({ autoCodeSplitting: true }), <% } %>viteReact()<% if (tailwind) { %>, tailwindcss()<% } %><% if (addOnEnabled['module-federation']) { %>, federation(federationConfig)<% } %><% if (addOnEnabled.zephyr) { %>, withZephyr(<% if (addOnEnabled['module-federation']) { %>{ mfConfig: federationConfig }<% } %>)<% } %>],
   test: {
     globals: true,
     environment: "jsdom",