From ddc352ebefd1504fdbb4d4d4e600b4b167584040 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?N=C3=A9stor?= <nestor@nstlopez.com>
Date: Sat, 30 Aug 2025 12:27:23 +0200
Subject: [PATCH] feat: add zephyr as an option

---
 .../add-ons/zephyr/assets/vite.config.ts.append      |  0
 frameworks/react-cra/add-ons/zephyr/info.json        |  8 ++++++++
 frameworks/react-cra/add-ons/zephyr/package.json     |  5 +++++
 frameworks/react-cra/add-ons/zephyr/small-logo.svg   | 12 ++++++++++++
 frameworks/react-cra/project/base/vite.config.ts.ejs |  5 +++--
 5 files changed, 28 insertions(+), 2 deletions(-)
 create mode 100644 frameworks/react-cra/add-ons/zephyr/assets/vite.config.ts.append
 create mode 100644 frameworks/react-cra/add-ons/zephyr/info.json
 create mode 100644 frameworks/react-cra/add-ons/zephyr/package.json
 create mode 100644 frameworks/react-cra/add-ons/zephyr/small-logo.svg

diff --git a/frameworks/react-cra/add-ons/zephyr/assets/vite.config.ts.append b/frameworks/react-cra/add-ons/zephyr/assets/vite.config.ts.append
new file mode 100644
index 00000000..e69de29b
diff --git a/frameworks/react-cra/add-ons/zephyr/info.json b/frameworks/react-cra/add-ons/zephyr/info.json
new file mode 100644
index 00000000..e5eaa79d
--- /dev/null
+++ b/frameworks/react-cra/add-ons/zephyr/info.json
@@ -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"
+}
\ No newline at end of file
diff --git a/frameworks/react-cra/add-ons/zephyr/package.json b/frameworks/react-cra/add-ons/zephyr/package.json
new file mode 100644
index 00000000..ec95d5b4
--- /dev/null
+++ b/frameworks/react-cra/add-ons/zephyr/package.json
@@ -0,0 +1,5 @@
+{
+  "dependencies": {
+    "vite-plugin-zephyr": "latest"
+  }
+}
\ No newline at end of file
diff --git a/frameworks/react-cra/add-ons/zephyr/small-logo.svg b/frameworks/react-cra/add-ons/zephyr/small-logo.svg
new file mode 100644
index 00000000..079c212e
--- /dev/null
+++ b/frameworks/react-cra/add-ons/zephyr/small-logo.svg
@@ -0,0 +1,12 @@
+<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <g clip-path="url(#clip0_4451_13799)">
+    <path fill-rule="evenodd" clip-rule="evenodd"
+      d="M23.4015 15.0016C23.4015 19.6428 19.6391 23.4051 14.998 23.4051C13.2292 23.4051 11.588 22.8586 10.2341 21.9253L7.77356 24.3858C12.4175 27.9699 19.112 27.6327 23.3703 23.3745C26.565 20.1797 27.5527 15.6136 26.3331 11.5709C26.1367 10.9198 26.3736 10.1975 26.9625 9.85751C27.6586 9.4556 28.5551 9.74448 28.8037 10.5089C29.2637 11.9235 29.5123 13.4334 29.5123 15.0015C29.5123 19.0087 27.8884 22.6367 25.2628 25.2633C25.2423 25.2838 25.2217 25.3043 25.2011 25.3247C22.5792 27.9165 18.9751 29.5166 14.9971 29.5166C13.2573 29.5166 11.5889 29.2105 10.043 28.6492C9.80241 28.5514 9.56101 28.4563 9.31882 28.3639C9.27699 28.348 9.23514 28.3321 9.19326 28.3163C7.85437 27.8111 6.49161 27.3879 5.11273 27.0467C4.43058 26.8779 3.74449 26.7291 3.05539 26.6004C2.41481 26.4807 2.15219 25.6856 2.61299 25.2248L8.07349 19.7643C7.14065 18.4106 6.59449 16.7699 6.59449 15.0016C6.59449 10.3605 10.3569 6.59809 14.998 6.59809C16.7663 6.59809 18.407 7.14426 19.7607 8.0771L22.2208 5.61701C17.5768 2.033 10.8823 2.37011 6.6241 6.62835C3.42905 9.82339 2.44153 14.39 3.66153 18.4329C3.85782 19.0834 3.62117 19.8051 3.03277 20.1448C2.33727 20.5463 1.44157 20.2577 1.19313 19.494C0.73274 18.0789 0.483887 16.5683 0.483887 14.9995C0.483887 10.9879 2.11133 7.35629 4.74202 4.72903C7.36822 2.10626 10.9942 0.484376 14.9991 0.484375C16.7389 0.484375 18.4073 0.790489 19.9532 1.35179C20.1938 1.44958 20.4352 1.54467 20.6774 1.63708C20.7192 1.65304 20.7611 1.66892 20.8029 1.68472C22.1418 2.18988 23.5046 2.61308 24.8835 2.95434C25.5656 3.12316 26.2517 3.27192 26.9408 3.40063C27.5814 3.52027 27.844 4.31539 27.3832 4.77619L21.9217 10.2377C22.855 11.5916 23.4015 13.2328 23.4015 15.0016ZM14.8472 20.7309C18.0117 20.7309 20.5769 18.1657 20.5769 15.0013C20.5769 14.0134 20.3269 13.0839 19.8867 12.2727L12.1186 20.0408C12.9299 20.4809 13.8594 20.7309 14.8472 20.7309ZM14.8472 9.2716C11.6828 9.2716 9.11757 11.8369 9.11757 15.0013C9.11757 16.0678 9.40896 17.0662 9.91647 17.9213L17.7673 10.0705C16.9122 9.56299 15.9138 9.2716 14.8472 9.2716Z"
+      fill="white" />
+  </g>
+  <defs>
+    <clipPath id="clip0_4451_13799">
+      <rect width="30" height="30" fill="white" />
+    </clipPath>
+  </defs>
+</svg>
\ No newline at end of file
diff --git a/frameworks/react-cra/project/base/vite.config.ts.ejs b/frameworks/react-cra/project/base/vite.config.ts.ejs
index fe2129ef..d599c112 100644
--- a/frameworks/react-cra/project/base/vite.config.ts.ejs
+++ b/frameworks/react-cra/project/base/vite.config.ts.ejs
@@ -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",