nitrostack 1.0.0 → 1.0.1

package/templates/typescript-auth/src/widgets/styles/ecommerce.ts

@@ -0,0 +1,169 @@
+/**
+ * Shared E-commerce Design System
+ * Consistent styling across all widgets
+ */
+
+export const colors = {
+  primary: '#D4AF37', // Gold
+  primaryHover: '#F5C842',
+  black: '#000000',
+  white: '#FFFFFF',
+  gray: {
+    50: '#F9FAFB',
+    100: '#F3F4F6',
+    200: '#E5E7EB',
+    300: '#D1D5DB',
+    400: '#9CA3AF',
+    500: '#6B7280',
+    600: '#4B5563',
+    700: '#374151',
+    800: '#1F2937',
+    900: '#111827',
+  },
+  success: '#10B981',
+  error: '#EF4444',
+  warning: '#F59E0B',
+};
+
+export const spacing = {
+  xs: '4px',
+  sm: '8px',
+  md: '12px',
+  lg: '16px',
+  xl: '20px',
+  '2xl': '24px',
+  '3xl': '32px',
+  '4xl': '40px',
+};
+
+export const borderRadius = {
+  sm: '4px',
+  md: '8px',
+  lg: '12px',
+  xl: '16px',
+  full: '9999px',
+};
+
+export const shadows = {
+  sm: '0 1px 2px 0 rgba(0, 0, 0, 0.05)',
+  md: '0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)',
+  lg: '0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)',
+  xl: '0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)',
+};
+
+export const typography = {
+  fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif',
+  fontSize: {
+    xs: '12px',
+    sm: '14px',
+    base: '16px',
+    lg: '18px',
+    xl: '20px',
+    '2xl': '24px',
+    '3xl': '30px',
+  },
+  fontWeight: {
+    normal: 400,
+    medium: 500,
+    semibold: 600,
+    bold: 700,
+    extrabold: 800,
+  },
+  lineHeight: {
+    tight: 1.25,
+    normal: 1.5,
+    relaxed: 1.75,
+  },
+};
+
+// Common component styles
+
+export const containerStyle: React.CSSProperties = {
+  background: `linear-gradient(135deg, ${colors.gray[50]} 0%, ${colors.gray[100]} 100%)`,
+  minHeight: '250px',
+  padding: spacing['2xl'],
+  fontFamily: typography.fontFamily,
+};
+
+export const cardStyle: React.CSSProperties = {
+  background: colors.white,
+  borderRadius: borderRadius.lg,
+  padding: spacing.lg,
+  boxShadow: shadows.md,
+  transition: 'all 0.2s ease',
+  border: `1px solid ${colors.gray[200]}`,
+};
+
+export const cardHoverStyle: React.CSSProperties = {
+  ...cardStyle,
+  boxShadow: shadows.lg,
+  transform: 'translateY(-4px)',
+};
+
+export const imageStyle: React.CSSProperties = {
+  width: '100%',
+  height: 'auto',
+  borderRadius: borderRadius.md,
+  objectFit: 'cover',
+};
+
+export const badgeStyle: React.CSSProperties = {
+  display: 'inline-flex',
+  alignItems: 'center',
+  padding: `${spacing.xs} ${spacing.md}`,
+  borderRadius: borderRadius.full,
+  fontSize: typography.fontSize.xs,
+  fontWeight: typography.fontWeight.semibold,
+  background: colors.gray[100],
+  color: colors.gray[700],
+};
+
+export const buttonStyle: React.CSSProperties = {
+  display: 'inline-flex',
+  alignItems: 'center',
+  justifyContent: 'center',
+  padding: `${spacing.md} ${spacing.xl}`,
+  borderRadius: borderRadius.md,
+  fontSize: typography.fontSize.sm,
+  fontWeight: typography.fontWeight.semibold,
+  background: `linear-gradient(135deg, ${colors.primary} 0%, ${colors.primaryHover} 100%)`,
+  color: colors.black,
+  border: 'none',
+  cursor: 'pointer',
+  transition: 'all 0.2s ease',
+  boxShadow: shadows.sm,
+};
+
+export const titleStyle: React.CSSProperties = {
+  fontSize: typography.fontSize['2xl'],
+  fontWeight: typography.fontWeight.bold,
+  color: colors.gray[900],
+  marginBottom: spacing.lg,
+  display: 'flex',
+  alignItems: 'center',
+  gap: spacing.sm,
+};
+
+export const emptyStateStyle: React.CSSProperties = {
+  textAlign: 'center',
+  padding: spacing['4xl'],
+  color: colors.gray[500],
+};
+
+export const gridStyle: React.CSSProperties = {
+  display: 'grid',
+  gridTemplateColumns: 'repeat(auto-fill, minmax(250px, 1fr))',
+  gap: spacing.lg,
+};
+
+export const priceStyle: React.CSSProperties = {
+  fontSize: typography.fontSize.xl,
+  fontWeight: typography.fontWeight.bold,
+  color: colors.primary,
+};
+
+export const metaTextStyle: React.CSSProperties = {
+  fontSize: typography.fontSize.sm,
+  color: colors.gray[600],
+};
+

package/templates/typescript-auth/src/widgets/tsconfig.json

@@ -0,0 +1,28 @@
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "lib": ["dom", "dom.iterable", "esnext"],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "strict": true,
+    "noEmit": true,
+    "esModuleInterop": true,
+    "module": "esnext",
+    "moduleResolution": "bundler",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "jsx": "preserve",
+    "incremental": true,
+    "plugins": [
+      {
+        "name": "next"
+      }
+    ],
+    "paths": {
+      "@/*": ["./*"]
+    }
+  },
+  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
+  "exclude": ["node_modules"]
+}
+

package/templates/typescript-auth/src/widgets/types/tool-data.ts

@@ -0,0 +1,141 @@
+/**
+ * Type-safe interfaces for all tool outputs
+ * Auto-generated from tool schemas for better DX
+ */
+
+// Common types
+export interface Product {
+  id: string;
+  name: string;
+  description: string;
+  price: number;
+  category: string;
+  stock: number;
+  image_url: string;
+  created_at: string;
+}
+
+export interface User {
+  id: string;
+  email: string;
+  name: string;
+  profile_picture?: string;
+  memberSince?: string;
+  created_at?: string;
+}
+
+export interface Address {
+  id: string;
+  user_id: string;
+  full_name: string;
+  street: string;
+  city: string;
+  state: string;
+  zip_code: string;
+  country: string;
+  phone: string;
+  is_default: boolean;
+  created_at: string;
+}
+
+export interface CartItem {
+  product_id: string;
+  name: string;
+  description: string;
+  price: number;
+  quantity: number;
+  image_url: string;
+  stock: number;
+}
+
+export interface OrderItem {
+  id: string;
+  product_id: string;
+  name: string;
+  price: number;
+  quantity: number;
+  image_url?: string;
+}
+
+export interface Order {
+  id: string;
+  user_id: string;
+  address_id: string;
+  total: number;
+  status: string;
+  created_at: string;
+  items: OrderItem[];
+  full_name?: string;
+  street?: string;
+  city?: string;
+  state?: string;
+  zip_code?: string;
+  itemCount?: number;
+}
+
+export interface Pagination {
+  page: number;
+  limit: number;
+  total: number;
+  totalPages: number;
+  hasMore?: boolean;
+}
+
+// Tool output interfaces
+
+export interface LoginResult {
+  user: User;
+  token: string;
+  message: string;
+}
+
+export interface WhoAmIResult {
+  user: User;
+  authenticated: boolean;
+}
+
+export interface ProductsGridData {
+  products: Product[];
+  pagination: Pagination;
+}
+
+export interface ProductCardData {
+  product: Product;
+}
+
+export interface ShoppingCartData {
+  items: CartItem[];
+  total: number;
+  itemCount: number;
+}
+
+export interface AddToCartResult {
+  message: string;
+  cartItemCount: number;
+  item: CartItem;
+}
+
+export interface OrderConfirmationData {
+  order: Order;
+  message: string;
+}
+
+export interface OrderHistoryData {
+  orders: Order[];
+  pagination: Pagination;
+}
+
+export interface OrderDetailsData {
+  order: Order;
+}
+
+export interface AddressListData {
+  addresses: Address[];
+}
+
+export interface AddAddressResult {
+  message: string;
+  addressId: string;
+  isDefault: boolean;
+}
+