stackkit 0.2.0 → 0.2.1

package/templates/react/README.md

@@ -2,14 +2,12 @@
 
 Production-ready React starter with TypeScript, Vite, and essential libraries.
 
-Requirements
-------------
+## Requirements
 
 - Node.js 18+ (LTS recommended)
 - pnpm (recommended) or npm
 
-Quick Start
------------
+## Quick Start
 
 Install dependencies and run the dev server:
 
@@ -89,4 +87,3 @@ This project was scaffolded using **StackKit** — a CLI toolkit for building pr
 
 Learn more about StackKit:
 https://github.com/tariqul420/stackkit
-

package/templates/react/src/lib/queryClient.ts

@@ -3,8 +3,8 @@ import { QueryClient } from "@tanstack/react-query";
 export const queryClient = new QueryClient({
   defaultOptions: {
     queries: {
-      staleTime: 1000 * 60 * 5, // 5 minutes
-      gcTime: 1000 * 60 * 10, // 10 minutes (formerly cacheTime)
+      staleTime: 1000 * 60 * 5,
+      gcTime: 1000 * 60 * 10,
       retry: 1,
       refetchOnWindowFocus: false,
     },

package/templates/react/src/utils/utils.ts

@@ -0,0 +1,3 @@
+export function cn(...classes: (string | boolean | undefined | null)[]): string {
+  return classes.filter(Boolean).join(" ");
+}

package/templates/react/template.json

@@ -12,6 +12,8 @@
     "public/",
     ".env.example",
     ".gitignore",
+    ".prettierignore",
+    ".prettierrc",
     "eslint.config.js",
     "index.html",
     "package.json",

package/templates/react/src/config/constants.ts

@@ -1,5 +0,0 @@
-export const APP_NAME = import.meta.env.VITE_APP_NAME || "React App";
-export const APP_VERSION = import.meta.env.VITE_APP_VERSION || "1.0.0";
-export const API_URL = import.meta.env.VITE_API_URL || "http://localhost:3000/api";
-export const IS_DEV = import.meta.env.DEV;
-export const IS_PROD = import.meta.env.PROD;

package/templates/react/src/hooks/index.ts

@@ -1,64 +0,0 @@
-import { useEffect, useState } from "react";
-
-export function useDebounce<T>(value: T, delay: number): T {
-  const [debouncedValue, setDebouncedValue] = useState<T>(value);
-
-  useEffect(() => {
-    const handler = setTimeout(() => {
-      setDebouncedValue(value);
-    }, delay);
-
-    return () => {
-      clearTimeout(handler);
-    };
-  }, [value, delay]);
-
-  return debouncedValue;
-}
-
-export function useLocalStorage<T>(
-  key: string,
-  initialValue: T,
-): [T, (value: T | ((val: T) => T)) => void] {
-  const [storedValue, setStoredValue] = useState<T>(() => {
-    try {
-      const item = window.localStorage.getItem(key);
-      return item ? JSON.parse(item) : initialValue;
-    } catch (error) {
-      console.error(error);
-      return initialValue;
-    }
-  });
-
-  const setValue = (value: T | ((val: T) => T)) => {
-    try {
-      const valueToStore = value instanceof Function ? value(storedValue) : value;
-      setStoredValue(valueToStore);
-      window.localStorage.setItem(key, JSON.stringify(valueToStore));
-    } catch (error) {
-      console.error(error);
-    }
-  };
-
-  return [storedValue, setValue];
-}
-
-export function useMediaQuery(query: string): boolean {
-  const [matches, setMatches] = useState(() => {
-    if (typeof window !== "undefined") {
-      return window.matchMedia(query).matches;
-    }
-    return false;
-  });
-
-  useEffect(() => {
-    const media = window.matchMedia(query);
-
-    const listener = () => setMatches(media.matches);
-    media.addEventListener("change", listener);
-
-    return () => media.removeEventListener("change", listener);
-  }, [query]);
-
-  return matches;
-}

package/templates/react/src/utils/helpers.ts

@@ -1,51 +0,0 @@
-export function cn(...classes: (string | boolean | undefined | null)[]): string {
-  return classes.filter(Boolean).join(" ");
-}
-
-export function formatDate(date: Date | string): string {
-  const d = typeof date === "string" ? new Date(date) : date;
-  return d.toLocaleDateString("en-US", {
-    year: "numeric",
-    month: "long",
-    day: "numeric",
-  });
-}
-
-export function truncate(str: string, maxLength: number): string {
-  if (str.length <= maxLength) return str;
-  return str.slice(0, maxLength) + "...";
-}
-
-export function delay(ms: number): Promise<void> {
-  return new Promise((resolve) => setTimeout(resolve, ms));
-}
-
-export function debounce<T extends (...args: never[]) => unknown>(
-  func: T,
-  wait: number,
-): (...args: Parameters<T>) => void {
-  let timeout: ReturnType<typeof setTimeout> | null = null;
-
-  return function executedFunction(...args: Parameters<T>) {
-    const later = () => {
-      timeout = null;
-      func(...args);
-    };
-
-    if (timeout) clearTimeout(timeout);
-    timeout = setTimeout(later, wait);
-  };
-}
-
-export function capitalize(str: string): string {
-  return str.charAt(0).toUpperCase() + str.slice(1).toLowerCase();
-}
-
-export function slugify(str: string): string {
-  return str
-    .toLowerCase()
-    .trim()
-    .replace(/[^\w\s-]/g, "")
-    .replace(/[\s_-]+/g, "-")
-    .replace(/^-+|-+$/g, "");
-}