create-stackflow 1.0.5 → 1.0.7

package/src/generators/frontend.js

@@ -3,6 +3,7 @@ import fs from "fs-extra";
 import ora from "ora";
 import { execa } from "execa";
 import { jsxExt, writeTemplate } from "../utils/template.js";
+import { chatFrontendFiles, chatNextPages } from "./chat.js";
 
 export async function createFrontend(context) {
   await scaffoldOfficialFrontend(context);
@@ -43,30 +44,6 @@ async function scaffoldOfficialFrontend(context) {
 
 async function installFrontendDependencies(context) {
   await updateFrontendPackage(context);
-  if (context.skipInstall) return;
-  const spinner = ora("Installing frontend dependencies").start();
-  try {
-    const deps = [
-      "axios@latest",
-      "sonner@latest",
-      "lucide-react@latest",
-      "clsx@latest",
-      "tailwind-merge@latest"
-    ];
-    if (context.frontend === "react" && context.router) deps.push("react-router-dom@latest");
-    if (context.state === "zustand") deps.push("zustand@latest");
-    if (context.state === "redux-toolkit") deps.push("@reduxjs/toolkit@latest", "react-redux@latest");
-    if (context.form && context.form !== "none") deps.push("react-hook-form@latest", "@hookform/resolvers@latest");
-    if (context.validation === "zod") deps.push("zod@latest");
-    if (context.validation === "yup") deps.push("yup@latest");
-    if (context.tailwind && context.frontend === "react") deps.push("tailwindcss@latest", "@tailwindcss/vite@latest");
-
-    await execa("npm", ["install", ...deps], { cwd: context.frontendDir, stdio: "ignore" });
-    spinner.succeed("Installing frontend dependencies");
-  } catch (error) {
-    spinner.fail("Installing frontend dependencies");
-    throw error;
-  }
 }
 
 async function updateFrontendPackage(context) {
@@ -85,6 +62,7 @@ async function updateFrontendPackage(context) {
   if (context.frontend === "react" && context.router) deps.push("react-router-dom");
   if (context.state === "zustand") deps.push("zustand");
   if (context.state === "redux-toolkit") deps.push("@reduxjs/toolkit", "react-redux");
+  if (context.socketio) deps.push("socket.io-client");
   if (context.form && context.form !== "none") deps.push("react-hook-form", "@hookform/resolvers");
   if (context.validation === "zod") deps.push("zod");
   if (context.validation === "yup") deps.push("yup");
@@ -95,8 +73,21 @@ async function updateFrontendPackage(context) {
     pkg.devDependencies["@tailwindcss/vite"] = "latest";
   }
 
+  const backendName = path.basename(context.backendDir);
+  pkg.devDependencies = pkg.devDependencies || {};
+  pkg.devDependencies.concurrently = "latest";
+
   if (context.frontend === "react") {
-    pkg.scripts = { ...(pkg.scripts || {}), build: "vite build" };
+    pkg.scripts = {
+      ...(pkg.scripts || {}),
+      build: "vite build",
+      dev: `concurrently -n backend,frontend -c blue,green "npm run dev --prefix ../${backendName}" "vite"`,
+    };
+  } else {
+    pkg.scripts = {
+      ...(pkg.scripts || {}),
+      dev: `concurrently -n backend,frontend -c blue,green "npm run dev --prefix ../${backendName}" "next dev"`,
+    };
   }
 
   await fs.writeJson(packageFile, pkg, { spaces: 2 });
@@ -123,12 +114,20 @@ async function writeReactOverlay(context) {
   await fs.ensureDir(path.join(src, "components", "ui"));
   await fs.ensureDir(path.join(src, "features", "auth"));
   await fs.ensureDir(path.join(src, "features", "todos"));
+  if (context.socketio) await fs.ensureDir(path.join(src, "features", "chat"));
   await fs.ensureDir(path.join(src, "lib"));
   await fs.ensureDir(path.join(src, "pages"));
   await fs.ensureDir(path.join(src, "routes"));
-  if (context.state !== "none") await fs.ensureDir(path.join(src, "store"));
+  if (context.state === "redux-toolkit") {
+    await fs.ensureDir(path.join(src, "redux", "slices"));
+  } else if (context.state !== "none") {
+    await fs.ensureDir(path.join(src, "store"));
+  }
 
-  await writeTemplate(path.join(context.frontendDir, ".env"), "VITE_API_URL=http://localhost:5000/api\n");
+  await writeTemplate(
+    path.join(context.frontendDir, ".env"),
+    `VITE_API_URL=http://localhost:5000/api\n${context.socketio ? "VITE_SOCKET_URL=http://localhost:5000\n" : ""}`,
+  );
   await relaxTypescriptConfig(context, "react");
   if (context.tailwind) {
     await writeTemplate(path.join(context.frontendDir, "vite.config." + (context.language === "typescript" ? "ts" : "js")), `import { defineConfig } from "vite";
@@ -145,8 +144,7 @@ export default defineConfig({
   }
 
   const files = reactTemplates(context, x);
-  if (context.state === "none") delete files[`store/auth.${x}`];
-  if (context.validation === "none") delete files[`lib/validation.${context.language === "typescript" ? "ts" : "js"}`];
+  pruneUnusedFrontendFiles(files, context);
 
   await Promise.all(Object.entries(files).map(([file, content]) => writeTemplate(path.join(src, file), content, context)));
   if (context.language === "typescript") {
@@ -164,19 +162,58 @@ async function writeNextOverlay(context) {
   await fs.ensureDir(path.join(src, "components", "ui"));
   await fs.ensureDir(path.join(src, "features", "auth"));
   await fs.ensureDir(path.join(src, "features", "todos"));
+  if (context.socketio) await fs.ensureDir(path.join(src, "features", "chat"));
   await fs.ensureDir(path.join(src, "lib"));
-  if (context.state !== "none") await fs.ensureDir(path.join(src, "store"));
+  if (context.state === "redux-toolkit") {
+    await fs.ensureDir(path.join(src, "redux", "slices"));
+  } else if (context.state !== "none") {
+    await fs.ensureDir(path.join(src, "store"));
+  }
 
   await removeNextGeneratedDuplicates(context, x);
-  await writeTemplate(path.join(context.frontendDir, ".env.local"), "NEXT_PUBLIC_API_URL=http://localhost:5000/api\n");
+  await writeTemplate(
+    path.join(context.frontendDir, ".env.local"),
+    `NEXT_PUBLIC_API_URL=http://localhost:5000/api\n${context.socketio ? "NEXT_PUBLIC_SOCKET_URL=http://localhost:5000\n" : ""}`,
+  );
   await relaxTypescriptConfig(context, "next");
   const files = nextTemplates(context, x);
-  if (context.state === "none") delete files[`store/auth.${x}`];
-  if (context.validation === "none") delete files[`lib/validation.${context.language === "typescript" ? "ts" : "js"}`];
+  pruneUnusedFrontendFiles(files, context);
 
   await Promise.all(Object.entries(files).map(([file, content]) => writeTemplate(path.join(src, file), content, context)));
 }
 
+function pruneUnusedFrontendFiles(files, context) {
+  const x = jsxExt(context);
+  const isTs = context.language === "typescript";
+
+  if (context.state === "none") {
+    delete files[`store/auth.${x}`];
+    delete files[`redux/store.${isTs ? "ts" : "js"}`];
+    delete files[`redux/slices/authSlice.${isTs ? "ts" : "js"}`];
+    delete files[`redux/slices/todoSlices.${isTs ? "ts" : "js"}`];
+  } else if (context.state === "redux-toolkit") {
+    delete files[`store/auth.${x}`];
+  } else {
+    delete files[`redux/store.${isTs ? "ts" : "js"}`];
+    delete files[`redux/slices/authSlice.${isTs ? "ts" : "js"}`];
+    delete files[`redux/slices/todoSlices.${isTs ? "ts" : "js"}`];
+  }
+
+  if (!isTs) delete files["lib/types.js"];
+  if (context.validation === "none") {
+    delete files[`lib/validation.${isTs ? "ts" : "js"}`];
+  }
+
+  if (!context.socketio) {
+    delete files[`lib/socket.${isTs ? "ts" : "js"}`];
+    delete files[`features/chat/chatService.${isTs ? "ts" : "js"}`];
+    delete files[`pages/Chat.${x}`];
+    for (const key of Object.keys(files)) {
+      if (key.startsWith("app/chat/")) delete files[key];
+    }
+  }
+}
+
 async function removeNextGeneratedDuplicates(context, x) {
   const appDir = path.join(context.frontendDir, "src", "app");
   const generated = ["js", "jsx", "ts", "tsx"].filter((candidate) => candidate !== x);
@@ -249,7 +286,7 @@ function commonTemplates(context, x) {
   const typeBlock = isTs ? `export type User = { id: string; name: string; email: string };
 export type Todo = { _id: string; title: string; description?: string; imageUrl?: string; status: "todo" | "in-progress" | "done" };
 ` : "";
-  const schema = context.validation === "none" || context.validation === "joi"
+  const schema = context.validation === "none"
     ? `export const authSchema = null;
 export const todoSchema = null;
 `
@@ -301,7 +338,43 @@ export const useAuthStore = create((set) => ({
 }));
 `
     : context.state === "redux-toolkit"
-      ? `import { configureStore, createSlice } from "@reduxjs/toolkit";
+      ? ""
+      : `import { createContext, useContext, useState } from "react";
+
+const AuthContext = createContext(null);
+
+export function AuthProvider({ children }) {
+  const [session, setSessionState] = useState({ user: null, token: typeof window !== "undefined" ? localStorage.getItem("stackflow_token") : null });
+  const setSession = ({ user, token }) => {
+    if (token && typeof window !== "undefined") localStorage.setItem("stackflow_token", token);
+    setSessionState({ user, token });
+  };
+  const logout = () => {
+    if (typeof window !== "undefined") localStorage.removeItem("stackflow_token");
+    setSessionState({ user: null, token: null });
+  };
+  return <AuthContext.Provider value={{ ...session, setSession, logout }}>{children}</AuthContext.Provider>;
+}
+
+export const useAuthContext = () => useContext(AuthContext);
+`;
+
+  const reduxExt = isTs ? "ts" : "js";
+  const reduxFiles =
+    context.state === "redux-toolkit"
+      ? {
+          [`redux/store.${reduxExt}`]: `import { configureStore } from "@reduxjs/toolkit";
+import authReducer from "./slices/authSlice";
+import todoReducer from "./slices/todoSlices";
+
+export const store = configureStore({
+  reducer: {
+    auth: authReducer,
+    todos: todoReducer
+  }
+});
+`,
+          [`redux/slices/authSlice.${reduxExt}`]: `import { createSlice } from "@reduxjs/toolkit";
 
 const authSlice = createSlice({
   name: "auth",
@@ -321,35 +394,44 @@ const authSlice = createSlice({
 });
 
 export const { setSession, logout } = authSlice.actions;
-export const store = configureStore({ reducer: { auth: authSlice.reducer } });
-`
-      : `import { createContext, useContext, useState } from "react";
-
-const AuthContext = createContext(null);
+export default authSlice.reducer;
+`,
+          [`redux/slices/todoSlices.${reduxExt}`]: `import { createSlice } from "@reduxjs/toolkit";
 
-export function AuthProvider({ children }) {
-  const [session, setSessionState] = useState({ user: null, token: typeof window !== "undefined" ? localStorage.getItem("stackflow_token") : null });
-  const setSession = ({ user, token }) => {
-    if (token && typeof window !== "undefined") localStorage.setItem("stackflow_token", token);
-    setSessionState({ user, token });
-  };
-  const logout = () => {
-    if (typeof window !== "undefined") localStorage.removeItem("stackflow_token");
-    setSessionState({ user: null, token: null });
-  };
-  return <AuthContext.Provider value={{ ...session, setSession, logout }}>{children}</AuthContext.Provider>;
-}
+const todoSlices = createSlice({
+  name: "todos",
+  initialState: { items: [] },
+  reducers: {
+    setTodos: (state, action) => {
+      state.items = action.payload;
+    },
+    addTodo: (state, action) => {
+      state.items.unshift(action.payload);
+    },
+    updateTodo: (state, action) => {
+      const index = state.items.findIndex((todo) => todo._id === action.payload._id);
+      if (index !== -1) state.items[index] = action.payload;
+    },
+    removeTodo: (state, action) => {
+      state.items = state.items.filter((todo) => todo._id !== action.payload);
+    }
+  }
+});
 
-export const useAuthContext = () => useContext(AuthContext);
-`;
+export const { setTodos, addTodo, updateTodo, removeTodo } = todoSlices.actions;
+export default todoSlices.reducer;
+`,
+        }
+      : {};
 
   return {
-    [`lib/types.${isTs ? "ts" : "js"}`]: typeBlock || "export {};\n",
+    ...(isTs ? { "lib/types.ts": typeBlock } : {}),
+    ...reduxFiles,
+    ...chatFrontendFiles(context, x),
     [`lib/api.${isTs ? "ts" : "js"}`]: `import axios from "axios";
 
 export const api = axios.create({
-  baseURL: ${context.frontend === "next" ? "process.env.NEXT_PUBLIC_API_URL" : "import.meta.env.VITE_API_URL"} || "http://localhost:5000/api",
-  withCredentials: true
+  baseURL: ${context.frontend === "next" ? "process.env.NEXT_PUBLIC_API_URL" : "import.meta.env.VITE_API_URL"} || "http://localhost:5000/api"
 });
 
 api.interceptors.request.use((config) => {
@@ -358,14 +440,16 @@ api.interceptors.request.use((config) => {
   return config;
 });
 `,
-    [`lib/validation.${isTs ? "ts" : "js"}`]: schema,
-    [`store/auth.${x}`]: authStore,
+    ...(context.validation !== "none" ? { [`lib/validation.${isTs ? "ts" : "js"}`]: schema } : {}),
+    ...(context.state !== "none" && context.state !== "redux-toolkit"
+      ? { [`store/auth.${x}`]: authStore }
+      : {}),
     [`features/auth/authService.${isTs ? "ts" : "js"}`]: `import { api } from "../../lib/api";
 
 export const authService = {
-  register: (payload) => api.post("/auth/register", payload).then((res) => res.data),
-  login: (payload) => api.post("/auth/login", payload).then((res) => res.data),
-  me: () => api.get("/auth/me").then((res) => res.data),
+  register: (payload) => api.post("/auth/register", payload).then((res) => res.data.data),
+  login: (payload) => api.post("/auth/login", payload).then((res) => res.data.data),
+  me: () => api.get("/auth/me").then((res) => res.data.data),
   logout: () => api.post("/auth/logout").then((res) => res.data)
 };
 `,
@@ -421,7 +505,7 @@ body { margin: 0; font-family: Inter, ui-sans-serif, system-ui, -apple-system, B
     [`main.${x}`]: `import React from "react";
 import ReactDOM from "react-dom/client";
 ${context.router ? "import { BrowserRouter } from \"react-router-dom\";" : ""}
-${context.state === "redux-toolkit" ? "import { Provider } from \"react-redux\";\nimport { store } from \"./store/auth\";" : ""}
+${context.state === "redux-toolkit" ? "import { Provider } from \"react-redux\";\nimport { store } from \"./redux/store\";" : ""}
 ${context.state === "context-api" ? "import { AuthProvider } from \"./store/auth\";" : ""}
 import { Toaster } from "sonner";
 import App from "./App";
@@ -445,14 +529,17 @@ import { Dashboard } from "./pages/Dashboard";
 import { Login } from "./pages/Login";
 import { Register } from "./pages/Register";
 import { ProtectedRoute } from "./routes/ProtectedRoute";
+${context.socketio ? 'import { Chat } from "./pages/Chat";' : ""}
 
 export default function App() {
   return (
     <Routes>
-      <Route path="/" element={<Navigate to="/dashboard" replace />} />
+      <Route path="/" element={<Navigate to="${context.socketio ? "/chat" : "/dashboard"}" replace />} />
       <Route path="/login" element={<Login />} />
       <Route path="/register" element={<Register />} />
       <Route path="/dashboard" element={<ProtectedRoute><Dashboard /></ProtectedRoute>} />
+      ${context.socketio ? `<Route path="/chat" element={<ProtectedRoute><Chat /></ProtectedRoute>} />
+      <Route path="/chat/:conversationId" element={<ProtectedRoute><Chat /></ProtectedRoute>} />` : ""}
     </Routes>
   );
 }
@@ -478,6 +565,7 @@ export function ProtectedRoute({ children }) {
 function nextTemplates(context, x) {
   return {
     ...commonTemplates(context, x),
+    ...chatNextPages(context, x),
     "app/globals.css": `@import "tailwindcss";
 @custom-variant dark (&:where(.dark, .dark *));
 
@@ -502,7 +590,7 @@ export default function RootLayout({ children }) {
     [`app/page.${x}`]: `import { redirect } from "next/navigation";
 
 export default function Home() {
-  redirect("/dashboard");
+  redirect("${context.socketio ? "/chat" : "/dashboard"}");
 }
 `,
     [`app/login/page.${x}`]: `"use client";
@@ -524,7 +612,9 @@ function authPage(mode, context, next = false) {
   const isRegister = mode === "register";
   const navImport = next ? "import { useRouter } from \"next/navigation\";" : "import { Link, useNavigate } from \"react-router-dom\";";
   const navHook = next ? "const router = useRouter();" : "const navigate = useNavigate();";
-  const redirect = next ? "router.push(\"/dashboard\");" : "navigate(\"/dashboard\");";
+  const redirect = next
+    ? `router.push("${context.socketio ? "/chat" : "/dashboard"}");`
+    : `navigate("${context.socketio ? "/chat" : "/dashboard"}");`;
   const link = next
     ? `<button className="text-sm text-cyan-700" onClick={() => router.push("${isRegister ? "/login" : "/register"}")}>${isRegister ? "Sign in" : "Create account"}</button>`
     : `<Link className="text-sm text-cyan-700" to="${isRegister ? "/login" : "/register"}">${isRegister ? "Sign in" : "Create account"}</Link>`;
@@ -536,7 +626,7 @@ import { Input } from "${next ? "../../components/ui/input" : "../components/ui/
 import { authService } from "${next ? "../../features/auth/authService" : "../features/auth/authService"}";
 ${context.state === "zustand" ? `import { useAuthStore } from "${next ? "../../store/auth" : "../store/auth"}";` : ""}
 ${context.state === "context-api" ? `import { useAuthContext } from "${next ? "../../store/auth" : "../store/auth"}";` : ""}
-${context.state === "redux-toolkit" ? `import { useDispatch } from "react-redux";\nimport { setSession as setReduxSession } from "${next ? "../../store/auth" : "../store/auth"}";` : ""}
+${context.state === "redux-toolkit" ? `import { useDispatch } from "react-redux";\nimport { setSession as setReduxSession } from "${next ? "../../redux/slices/authSlice" : "../redux/slices/authSlice"}";` : ""}
 
 export function ${isRegister ? "Register" : "Login"}() {
   ${navHook}
@@ -597,7 +687,7 @@ import { Input } from "${next ? "../../components/ui/input" : "../components/ui/
 import { todoService } from "${next ? "../../features/todos/todoService" : "../features/todos/todoService"}";
 ${context.state === "zustand" ? `import { useAuthStore } from "${next ? "../../store/auth" : "../store/auth"}";` : ""}
 ${context.state === "context-api" ? `import { useAuthContext } from "${next ? "../../store/auth" : "../store/auth"}";` : ""}
-${context.state === "redux-toolkit" ? `import { useDispatch } from "react-redux";\nimport { logout as reduxLogout } from "${next ? "../../store/auth" : "../store/auth"}";` : ""}
+${context.state === "redux-toolkit" ? `import { useDispatch } from "react-redux";\nimport { logout as reduxLogout } from "${next ? "../../redux/slices/authSlice" : "../redux/slices/authSlice"}";` : ""}
 
 ${componentName} {
   const ${next ? "router" : "navigate"} = ${next ? "useRouter()" : "useNavigate()"};

package/src/generators/root.js

@@ -1,62 +1,7 @@
 import path from "node:path";
 import fs from "fs-extra";
-import { writeTemplate } from "../utils/template.js";
 
-export async function createRootFiles(context) {
-  const frontendName = path.basename(context.frontendDir);
-  const backendName = path.basename(context.backendDir);
-
-  await writeTemplate(
-    path.join(context.projectDir, "package.json"),
-    `{
-  "name": "{{projectName}}",
-  "version": "1.0.0",
-  "private": true,
-  "scripts": {
-    "dev": "concurrently \\"npm run dev --workspace {{backendName}}\\" \\"npm run dev --workspace {{frontendName}}\\"",
-    "dev:frontend": "npm run dev --workspace {{frontendName}}",
-    "dev:backend": "npm run dev --workspace {{backendName}}"
-  },
-  "workspaces": [
-    "{{frontendName}}",
-    "{{backendName}}"
-  ],
-  "devDependencies": {
-    "concurrently": "latest"
-  }
-}
-`,
-    { ...context, frontendName, backendName }
-  );
-
-  await writeTemplate(
-    path.join(context.projectDir, "README.md"),
-    `# {{projectName}}
-
-Generated with \`create-stackflow\`.
-
-## Development
-
-\`\`\`bash
-npm run dev
-\`\`\`
-
-Frontend runs on Vite/Next.js. Backend runs on Express at \`http://localhost:5000\`.
-
-## Environment
-
-MongoDB local connection:
-
-\`\`\`
-mongodb://127.0.0.1:27017/{{databaseName}}
-\`\`\`
-`,
-    context
-  );
-
-  await fs.outputFile(
-    path.join(context.projectDir, ".gitignore"),
-    `node_modules
+const GITIGNORE = `node_modules
 .env
 .env.*
 dist
@@ -65,6 +10,9 @@ build
 coverage
 uploads/*
 !uploads/.gitkeep
-`
-  );
+`;
+
+export async function createRootFiles(context) {
+  await fs.outputFile(path.join(context.frontendDir, ".gitignore"), GITIGNORE);
+  await fs.outputFile(path.join(context.backendDir, ".gitignore"), GITIGNORE);
 }

package/src/utils/install.js

@@ -0,0 +1,42 @@
+import path from "node:path";
+import fs from "fs-extra";
+import { execa } from "execa";
+
+/**
+ * Hoist dependencies into project-root/node_modules via a temporary workspace
+ * package.json, then remove root package.json and lockfile so only
+ * frontend/, backend/, and node_modules/ remain at the project root.
+ */
+export async function installHoistedWorkspace(context) {
+  const frontendName = path.basename(context.frontendDir);
+  const backendName = path.basename(context.backendDir);
+  const rootPkgPath = path.join(context.projectDir, "package.json");
+  const rootLockPath = path.join(context.projectDir, "package-lock.json");
+
+  await fs.writeJson(
+    rootPkgPath,
+    {
+      name: context.projectName,
+      private: true,
+      workspaces: [frontendName, backendName],
+    },
+    { spaces: 2 },
+  );
+
+  await execa("npm", ["install"], { cwd: context.projectDir, stdio: "ignore" });
+
+  await fs.remove(rootPkgPath);
+  if (await fs.pathExists(rootLockPath)) {
+    await fs.remove(rootLockPath);
+  }
+
+  await removeNestedNodeModules(context.frontendDir);
+  await removeNestedNodeModules(context.backendDir);
+}
+
+async function removeNestedNodeModules(dir) {
+  const nested = path.join(dir, "node_modules");
+  if (await fs.pathExists(nested)) {
+    await fs.remove(nested);
+  }
+}

package/src/utils/prompts.js

@@ -143,7 +143,6 @@ export async function askQuestions(projectName) {
       choices: [
         { name: "Zod", value: "zod" },
         { name: "Yup", value: "yup" },
-        { name: "Joi", value: "joi" },
         { name: "None", value: "none" },
       ],
       default: "zod",
@@ -247,6 +246,16 @@ export async function askQuestions(projectName) {
       ],
       default: "javascript",
     },
+    {
+      type: "list",
+      name: "backendModule",
+      message: "Backend module system?",
+      choices: [
+        { name: "ES Modules (import/export)", value: "esm" },
+        { name: "CommonJS (require/module.exports)", value: "cjs" },
+      ],
+      default: "esm",
+    },
     {
       type: "list",
       name: "database",
@@ -311,6 +320,19 @@ export async function askQuestions(projectName) {
         { name: "hpp", value: "hpp" },
       ],
     },
+    {
+      type: "confirm",
+      name: "swagger",
+      message: "Add Swagger API documentation?",
+      default: false,
+    },
+    {
+      type: "confirm",
+      name: "socketio",
+      message:
+        "Add real-time chat (Socket.IO)? Includes WhatsApp-style chat requests + 1:1 messaging",
+      default: false,
+    },
     {
       type: "confirm",
       name: "runProject",
@@ -327,6 +349,7 @@ export async function askQuestions(projectName) {
     tailwind: frontendAnswers.styling === "tailwind",
     shadcn: frontendAnswers.uiLibrary === "shadcn",
     axios: frontendAnswers.dataFetching === "axios",
+    form: frontendAnswers.formLibrary,
     reactHookForm: frontendAnswers.formLibrary === "react-hook-form",
 
     helmet: backendAnswers.securityPackages.includes("helmet"),
@@ -336,6 +359,8 @@ export async function askQuestions(projectName) {
 
     multer: backendAnswers.fileUpload === "Multer",
     cloudinary: backendAnswers.fileUpload === "Cloudinary",
+    swagger: backendAnswers.swagger,
+    socketio: backendAnswers.socketio,
     runProject: backendAnswers.runProject,
   };
 }