npm - stackkit - Versions diffs - 0.3.5 → 0.3.6 - Mend

stackkit 0.3.5 → 0.3.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (192) hide show

package/templates/nextjs/README.md CHANGED Viewed

@@ -1,6 +1,6 @@
-# Next.js Template
+# Next.js App
-Production-ready Next.js starter with TypeScript and App Router.
+Production-ready Next.js starter with TypeScript and App Router, generated by [StackKit](https://github.com/tariqul420/stackkit).
 ## Requirements
@@ -30,10 +30,12 @@ npm run dev
 ## Scripts
-- `npm run dev` - Start development server
-- `npm run build` - Build for production
-- `npm run start` - Start production server
-- `npm run lint` - Run linter
+| Command      | Description              |
+| ------------ | ------------------------ |
+| `pnpm dev`   | Start development server |
+| `pnpm build` | Build for production     |
+| `pnpm start` | Start production server  |
+| `pnpm lint`  | Run ESLint               |
 ## Recommended Folder & File Structure
@@ -137,20 +139,13 @@ Create a `.env.local` (Next.js) file for local environment variables. Keep secre
 ## Deployment
+Deploy to Vercel, Netlify, or any Node.js hosting service:
 ```bash
-npm run build
-npm run start
+pnpm build
+pnpm start
 ```
-Deploy to Vercel, Netlify, or any Node.js hosting service.
 ---
-## Generated with StackKit
-This project was scaffolded using **StackKit** — a CLI toolkit for building production-ready applications.
-- Generated via: `npx stackkit@latest create`
-Learn more about StackKit:
-https://github.com/tariqul420/stackkit
+Generated with [StackKit](https://github.com/tariqul420/stackkit) — `npx stackkit@latest create`

package/templates/nextjs/app/favicon.ico CHANGED Viewed

Binary file

package/templates/nextjs/app/layout.tsx CHANGED Viewed

@@ -4,14 +4,16 @@ import { Geist, Geist_Mono } from "next/font/google";
 import { Toaster } from "sonner";
 import "./globals.css";
-const geistSans = Geist({
-  variable: "--font-geist-sans",
+const geist = Geist({
+  variable: "--font-sans",
   subsets: ["latin"],
+  weight: ["400", "500", "600", "700", "800", "900"],
 });
 const geistMono = Geist_Mono({
   variable: "--font-geist-mono",
   subsets: ["latin"],
+  weight: ["400", "500", "600", "700", "800", "900"],
 });
 export const metadata: Metadata = {
@@ -25,9 +27,9 @@ export default function RootLayout({
   children: React.ReactNode;
 }>) {
   return (
-    <html lang="en">
+    <html lang="en" suppressHydrationWarning className={`${geist.variable} ${geistMono.variable}`}>
       <head />
-      <body className={`${geistSans.variable} ${geistMono.variable} antialiased`}>
+      <body className="font-sans antialiased" suppressHydrationWarning>
         <QueryProviders>{children}</QueryProviders>
         <Toaster theme="system" position="top-right" richColors />
       </body>

package/templates/nextjs/components/providers/query-provider.tsx CHANGED Viewed

@@ -1,6 +1,7 @@
 "use client";
 import { isServer, QueryClient, QueryClientProvider } from "@tanstack/react-query";
+import { ReactQueryDevtools } from "@tanstack/react-query-devtools";
 import { ReactQueryStreamedHydration } from "@tanstack/react-query-next-experimental";
 function makeQueryClient() {
@@ -26,10 +27,12 @@ function getQueryClient() {
 function QueryProviders({ children }: { children: React.ReactNode }) {
   const queryClient = getQueryClient();
+  const isProduction = process.env.NODE_ENV === "production";
   return (
     <QueryClientProvider client={queryClient}>
       <ReactQueryStreamedHydration>{children}</ReactQueryStreamedHydration>
+      {!isProduction && <ReactQueryDevtools initialIsOpen={false} />}
     </QueryClientProvider>
   );
 }

package/templates/nextjs/env.example CHANGED Viewed

@@ -1 +1,3 @@
-NEXT_PUBLIC_APP_URL=http://localhost:3000
+NEXT_PUBLIC_APP_NAME=My App
+NEXT_PUBLIC_APP_URL=http://localhost:3000
+NEXT_PUBLIC_API_URL=http://localhost:5000/api

package/templates/nextjs/lib/axios/http.ts ADDED Viewed

@@ -0,0 +1,23 @@
+import axios from "axios";
+import { envVars } from "../env";
+const api = axios.create({
+  baseURL: envVars.API_URL || "http://localhost:5000/api",
+  withCredentials: true,
+  timeout: 30000,
+  headers: {
+    "Content-Type": "application/json",
+  },
+});
+api.interceptors.request.use(
+  (config) => config,
+  (error) => Promise.reject(error),
+);
+api.interceptors.response.use(
+  (response) => response,
+  (error) => Promise.reject(error),
+);
+export default api;

package/templates/nextjs/lib/env.ts CHANGED Viewed

@@ -1,18 +1,20 @@
 interface EnvVars {
+  APP_NAME: string;
   APP_URL: string;
   API_URL: string;
 }
 const loadEnvVars = (): EnvVars => {
-  const requiredEnvVars = ["NEXT_PUBLIC_API_URL"];
+  const requiredVars: (keyof EnvVars)[] = ["APP_NAME", "APP_URL", "API_URL"];
-  requiredEnvVars.forEach((varName) => {
-    if (!process.env[varName]) {
-      throw new Error(`Environment variable ${varName} is required but not defined.`);
+  for (const varName of requiredVars) {
+    if (!process.env[`NEXT_PUBLIC_${varName}`]) {
+      console.warn(`Environment variable NEXT_PUBLIC_${varName} is not set. Using default value.`);
     }
-  });
+  }
   return {
+    APP_NAME: process.env.NEXT_PUBLIC_APP_NAME || "App Name",
     APP_URL: process.env.NEXT_PUBLIC_APP_URL || "http://localhost:3000",
     API_URL: process.env.NEXT_PUBLIC_API_URL || "http://localhost:5000/api",
   };

package/templates/nextjs/package.json CHANGED Viewed

@@ -12,6 +12,7 @@
   "dependencies": {
     "@tanstack/react-query": "^5.90.21",
     "@tanstack/react-query-next-experimental": "^5.91.0",
+    "@tanstack/react-query-devtools": "^5.91.2",
     "axios": "^1.13.5",
     "next": "16.1.1",
     "react": "19.2.3",
@@ -28,4 +29,4 @@
     "tailwindcss": "^4.1.18",
     "typescript": "^5.9.3"
   }
-}
+}

package/templates/nextjs/template.json CHANGED Viewed

@@ -4,8 +4,7 @@
   "framework": "nextjs",
   "description": "Next.js 16 App Router with TypeScript",
   "compatibility": {
-    "databases": ["prisma", "mongoose"],
-    "auth": ["better-auth", "authjs"]
+    "auth": ["better-auth"]
   },
   "files": [
     "app/",

package/templates/react/README.md CHANGED Viewed

@@ -1,6 +1,6 @@
-# React Template
+# React App
-Production-ready React starter with TypeScript, Vite, and essential libraries.
+Production-ready React starter with TypeScript, Vite, and essential libraries, generated by [StackKit](https://github.com/tariqul420/stackkit).
 ## Requirements
@@ -32,10 +32,12 @@ npm run dev
 ## Scripts
-- `pnpm dev` - Start development server
-- `pnpm build` - Build for production
-- `pnpm preview` - Preview production build
-- `pnpm lint` - Run linter
+| Command        | Description              |
+| -------------- | ------------------------ |
+| `pnpm dev`     | Start development server |
+| `pnpm build`   | Build for production     |
+| `pnpm preview` | Preview production build |
+| `pnpm lint`    | Run ESLint               |
 ## Environment Variables
@@ -122,11 +124,4 @@ Deploy the resulting `dist`/build output to your hosting platform (Vercel, Netli
 ---
-## Generated with StackKit
-This project was scaffolded using **StackKit** — a CLI toolkit for building production-ready applications.
-- Generated via: `npx stackkit@latest create`
-Learn more about StackKit:
-https://github.com/tariqul420/stackkit
+Generated with [StackKit](https://github.com/tariqul420/stackkit) — `npx stackkit@latest create`

package/templates/react/index.html CHANGED Viewed

@@ -2,7 +2,7 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <link rel="icon" type="image/x-icon" href="/src/assets/favicon.ico" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <link href="/src/index.css" rel="stylesheet">
     <title>React</title>

package/templates/react/package.json CHANGED Viewed

@@ -20,7 +20,7 @@
     "react": "^19.2.3",
     "react-dom": "^19.2.3",
     "react-helmet-async": "^2.0.5",
-    "react-hot-toast": "^2.6.0",
+    "sonner": "^2.0.7",
     "react-router": "^7.12.0",
     "tailwind-merge": "^3.4.0"
   },

package/templates/react/src/assets/favicon.ico ADDED Viewed

Binary file

package/templates/react/src/components/providers/query-provider.tsx ADDED Viewed

@@ -0,0 +1,38 @@
+import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
+import { ReactQueryDevtools } from "@tanstack/react-query-devtools";
+import type { ReactNode } from "react";
+const isProduction = import.meta.env.PROD;
+const NO_RETRY_STATUSES = new Set([401, 403, 404, 422]);
+const queryClient = new QueryClient({
+  defaultOptions: {
+    queries: {
+      staleTime: 1000 * 60 * 5,
+      gcTime: 1000 * 60 * 10,
+      refetchOnWindowFocus: false,
+      retry: (failureCount, error) => {
+        if (
+          error instanceof Error &&
+          NO_RETRY_STATUSES.has(Number((error as Error & { status?: number }).status))
+        ) {
+          return false;
+        }
+        return failureCount < 2;
+      },
+    },
+    mutations: {
+      retry: false,
+    },
+  },
+});
+export default function QueryProvider({ children }: { children: ReactNode }) {
+  return (
+    <QueryClientProvider client={queryClient}>
+      {children}
+      {!isProduction && <ReactQueryDevtools initialIsOpen={false} />}
+    </QueryClientProvider>
+  );
+}

package/templates/react/src/{shared/components → components}/seo.tsx RENAMED Viewed

@@ -1,4 +1,4 @@
-import { Helmet, HelmetProvider } from "react-helmet-async";
+import { Helmet } from "react-helmet-async";
 interface SEOProps {
   title?: string;
@@ -9,16 +9,12 @@ interface SEOProps {
 }
 const defaultSEO = {
-  title: "React App",
-  description: "A modern React application built with Vite",
-  keywords: "react, vite, typescript, spa",
+  title: "Stackkit - Production-ready React starter template",
+  description: "Production-ready React starter template",
+  keywords: "react, vite, typescript, stackkit, production-ready, starter template",
   image: "/og-image.png",
 };
-export function SEOProvider({ children }: { children: React.ReactNode }) {
-  return <HelmetProvider>{children}</HelmetProvider>;
-}
 export function SEO({ title, description, keywords, image, url }: SEOProps) {
   const siteTitle = title ? `${title} | ${defaultSEO.title}` : defaultSEO.title;
   const siteDescription = description || defaultSEO.description;

package/templates/react/src/lib/axios/http.ts ADDED Viewed

@@ -0,0 +1,24 @@
+import axios from "axios";
+const API_URL = import.meta.env.VITE_API_URL;
+const api = axios.create({
+  baseURL: API_URL || "http://localhost:5000/api",
+  withCredentials: true,
+  timeout: 30000,
+  headers: {
+    "Content-Type": "application/json",
+  },
+});
+api.interceptors.request.use(
+  (config) => config,
+  (error) => Promise.reject(error),
+);
+api.interceptors.response.use(
+  (response) => response,
+  (error) => Promise.reject(error),
+);
+export default api;

package/templates/react/src/main.tsx CHANGED Viewed

@@ -1,22 +1,19 @@
-import { QueryClientProvider } from "@tanstack/react-query";
-import { ReactQueryDevtools } from "@tanstack/react-query-devtools";
 import { StrictMode } from "react";
 import { createRoot } from "react-dom/client";
-import { Toaster } from "react-hot-toast";
+import { HelmetProvider } from "react-helmet-async";
 import { RouterProvider } from "react-router";
+import { Toaster } from "sonner";
+import QueryProvider from "./components/providers/query-provider";
 import "./index.css";
 import { router } from "./router";
-import { queryClient } from "./shared/lib/query-client";
-import { SEOProvider } from "./shared/components/seo";
 createRoot(document.getElementById("root")!).render(
   <StrictMode>
-    <SEOProvider>
-      <QueryClientProvider client={queryClient}>
+    <HelmetProvider>
+      <QueryProvider>
         <RouterProvider router={router} />
-        <Toaster position="top-right" />
-        <ReactQueryDevtools initialIsOpen={false} />
-      </QueryClientProvider>
-    </SEOProvider>
+        <Toaster theme="system" position="top-right" richColors />
+      </QueryProvider>
+    </HelmetProvider>
   </StrictMode>,
 );

package/templates/react/src/{features/about/pages → pages}/about.tsx RENAMED Viewed

@@ -1,4 +1,4 @@
-import { SEO } from "../../../shared/components/seo";
+import { SEO } from "../components/seo";
 export default function About() {
   return (

package/templates/react/src/{features/home/pages → pages}/home.tsx RENAMED Viewed

@@ -1,4 +1,4 @@
-import { SEO } from "../../../shared/components/seo";
+import { SEO } from "../components/seo";
 export default function Home() {
   return (

package/templates/react/src/router.tsx CHANGED Viewed

@@ -1,9 +1,9 @@
 import { createBrowserRouter } from "react-router";
-import { ErrorBoundary } from "./components/ErrorBoundary";
-import Layout from "./components/Layout";
-import About from "./pages/About";
-import Home from "./pages/Home";
-import NotFound from "./pages/NotFound";
+import { ErrorBoundary } from "./components/error-boundary";
+import Layout from "./components/layout";
+import About from "./pages/about";
+import Home from "./pages/home";
+import NotFound from "./pages/not-found";
 export const router = createBrowserRouter([
   {
@@ -13,9 +13,9 @@ export const router = createBrowserRouter([
     children: [
       { index: true, Component: Home },
       { path: "about", Component: About },
-      { path: "*", Component: NotFound },
     ],
   },
+  { path: "*", Component: NotFound },
 ]);
 export default router;

package/templates/react/src/vite-env.d.ts CHANGED Viewed

@@ -1,8 +1,9 @@
 /// <reference types="vite/client" />
 interface ImportMetaEnv {
+  readonly VITE_APP_NAME: string;
+  readonly VITE_APP_URL: string;
   readonly VITE_API_URL: string;
-  readonly VITE_APP_NAME?: string;
   readonly VITE_APP_VERSION?: string;
 }

package/templates/react/template.json CHANGED Viewed

@@ -4,7 +4,6 @@
   "framework": "react",
   "description": "Production-ready React 19 + Vite with TypeScript, Router, TanStack Query, and more",
   "compatibility": {
-    "databases": ["prisma"],
     "auth": ["better-auth"]
   },
   "files": [

package/templates/react/tsconfig.app.json CHANGED Viewed

@@ -16,6 +16,12 @@
     "noEmit": true,
     "jsx": "react-jsx",
+    /* Path aliases */
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["src/*"]
+    },
     /* Linting */
     "strict": true,
     "noUnusedLocals": true,

package/templates/react/tsconfig.json CHANGED Viewed

@@ -1,4 +1,10 @@
 {
   "files": [],
-  "references": [{ "path": "./tsconfig.app.json" }, { "path": "./tsconfig.node.json" }]
+  "references": [{ "path": "./tsconfig.app.json" }, { "path": "./tsconfig.node.json" }],
+  "compilerOptions": {
+    "baseUrl": "./",
+    "paths": {
+      "@/*": ["src/*"]
+    }
+  }
 }

package/templates/react/vite.config.ts CHANGED Viewed

@@ -1,7 +1,19 @@
 import tailwindcss from "@tailwindcss/vite";
 import react from "@vitejs/plugin-react";
+import path from "path";
 import { defineConfig } from "vite";
 export default defineConfig({
   plugins: [react(), tailwindcss()],
+  server: {
+    port: 3000,
+  },
+  preview: {
+    port: 3000,
+  },
+  resolve: {
+    alias: {
+      "@": path.resolve(__dirname, "./src"),
+    },
+  },
 });

package/modules/auth/authjs/files/nextjs/api/auth/[...nextauth]/route.ts DELETED Viewed

@@ -1,3 +0,0 @@
-import { handlers } from "@/auth"
-export const { GET, POST } = handlers

package/modules/auth/authjs/files/nextjs/proxy.ts DELETED Viewed

	@@ -1 +0,0 @@
1	- export { auth as proxy } from "@/lib/auth";

package/modules/auth/authjs/files/shared/lib/auth.ts DELETED Viewed

@@ -1,119 +0,0 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-import { PrismaAdapter } from "@auth/prisma-adapter";
-import bcrypt from "bcryptjs";
-import NextAuth from "next-auth";
-import Credentials from "next-auth/providers/credentials";
-import EmailProvider from "next-auth/providers/email";
-import Google from "next-auth/providers/google";
-import {
-  getUserById,
-  getUserByProviderAccountId,
-  getUserByUsername,
-} from "./actions/auth";
-import { sendEmail } from "./email/email-service";
-import { getVerificationEmailTemplate } from "./email/email-templates";
-import { prisma } from "./prisma";
-const options: any = {
-  adapter: PrismaAdapter(prisma),
-  providers: [
-    Google({
-      clientId: process.env.GOOGLE_CLIENT_ID ?? "",
-      clientSecret: process.env.GOOGLE_CLIENT_SECRET ?? "",
-      profile(profile: any) {
-        const p = profile as Record<string, any>;
-        return {
-          id: p.sub ?? p.id,
-          name: p.name,
-          email: p.email,
-          image: p.picture,
-          role: p.role ?? "USER",
-        };
-      },
-    }),
-    (Credentials({
-      id: "credentials",
-      name: "Credentials",
-      credentials: {
-        username: { label: "Email", type: "text" },
-        password: { label: "Password", type: "password" },
-      },
-      async authorize(credentials: any) {
-        if (!credentials?.username || !credentials?.password) return null;
-        const user = await getUserByUsername(credentials.username as string);
-        if (!user) return null;
-        const hashed = (user as any).password;
-        if (!hashed) return null; // OAuth-only account
-        const ok = await bcrypt.compare(credentials.password as string, hashed);
-        if (!ok) return null;
-        // strip sensitive fields
-        const safe = { ...user } as Record<string, any>;
-        delete safe.password;
-        return safe;
-      },
-    }),
-    EmailProvider({
-      server: process.env.EMAIL_SERVER,
-      from: process.env.EMAIL_FROM,
-      async sendVerificationRequest({ identifier, url, provider }: any) {
-        const { html, text } = getVerificationEmailTemplate(
-          { email: identifier },
-          url,
-        );
-        await sendEmail({
-          to: identifier,
-          subject: "Verify your email",
-          html,
-          text,
-          from: provider?.from,
-        });
-      },
-    })),
-  ],
-  callbacks: {
-    // ensure provider-account linking is safe
-    async signIn({ user, account }: any) {
-      if (account && account.provider !== "credentials") {
-        const linked = await getUserByProviderAccountId(
-          account.providerAccountId as string,
-        );
-        if (linked && linked.id !== user.id)
-          return "/sign-in/?error=OAuthAccountNotLinked";
-      }
-      return true;
-    },
-    // keep session payload minimal
-    async jwt({ token, user }: any) {
-      if (user) {
-        token.user = {
-          id: user.id,
-          email: user.email,
-          name: user.name,
-          role: user.role ?? "USER",
-        };
-        token.role = token.user.role;
-      }
-      if (token.sub && !token.user) {
-        const dbUser = await getUserById(token.sub as string);
-        if (dbUser)
-          token.user = {
-            id: dbUser.id,
-            email: dbUser.email,
-            name: dbUser.name,
-            role: (dbUser as any).role ?? "USER",
-          };
-      }
-      return token;
-    },
-    async session({ session, token }: any) {
-      session.user = token.user;
-      session.role = token.role ?? "USER";
-      return session;
-    },
-  },
-  session: { strategy: "jwt" },
-  secret: process.env.AUTH_SECRET,
-  debug: process.env.NODE_ENV !== "production",
-};
-export const { handlers, signIn, signOut, auth } = NextAuth(options);