teamshare-bridge 0.22.7 → 0.22.8

package/templates/common/docs/api-contract.md.tpl

@@ -1,72 +1,72 @@
-# API Contract - {{projectName}}
-
-## Response envelope
-
-Every successful response returns:
-
-```json
-{
-  "success": true,
-  "data": { ... }
-}
-```
-
-Paginated responses include a `pagination` field:
-
-```json
-{
-  "success": true,
-  "data": [ ... ],
-  "pagination": {
-    "page": 1,
-    "limit": 20,
-    "total": 100,
-    "totalPages": 5
-  }
-}
-```
-
-## Error envelope
-
-```json
-{
-  "success": false,
-  "error": {
-    "code": "NOT_FOUND",
-    "message": "Resource not found",
-    "details": null
-  }
-}
-```
-
-Common error codes: `BAD_REQUEST`, `UNAUTHORIZED`, `FORBIDDEN`, `NOT_FOUND`, `CONFLICT`, `UNPROCESSABLE_ENTITY`, `TOO_MANY_REQUESTS`, `INTERNAL_ERROR`.
-
-## Authentication
-
-- Bearer token in `Authorization` header
-- JWT issued by `/api/auth/login`
-- Public routes marked with `@Public()` decorator
-
-## RBAC
-
-Route permissions declared via `@Permissions("resource:action")` decorator.
-Roles resolve against the addressed company scope.
-
-| Role | Description |
-|---|---|
-| owner | Full access |
-| admin | Manage members, settings |
-| member | Standard access |
-| viewer | Read-only |
-
-## Pagination
-
-Query params: `page` (default 1), `limit` (default 20, max 100).
-
-## Search
-
-`search` query param performs case-insensitive text matching.
-
-## Sorting
-
-`sort` and `order` query params (e.g. `?sort=createdAt&order=desc`).
+# API Contract - {{projectName}}
+
+## Response envelope
+
+Every successful response returns:
+
+```json
+{
+  "success": true,
+  "data": { ... }
+}
+```
+
+Paginated responses include a `pagination` field:
+
+```json
+{
+  "success": true,
+  "data": [ ... ],
+  "pagination": {
+    "page": 1,
+    "limit": 20,
+    "total": 100,
+    "totalPages": 5
+  }
+}
+```
+
+## Error envelope
+
+```json
+{
+  "success": false,
+  "error": {
+    "code": "NOT_FOUND",
+    "message": "Resource not found",
+    "details": null
+  }
+}
+```
+
+Common error codes: `BAD_REQUEST`, `UNAUTHORIZED`, `FORBIDDEN`, `NOT_FOUND`, `CONFLICT`, `UNPROCESSABLE_ENTITY`, `TOO_MANY_REQUESTS`, `INTERNAL_ERROR`.
+
+## Authentication
+
+- Bearer token in `Authorization` header
+- JWT issued by `/api/auth/login`
+- Public routes marked with `@Public()` decorator
+
+## RBAC
+
+Route permissions declared via `@Permissions("resource:action")` decorator.
+Roles resolve against the addressed company scope.
+
+| Role | Description |
+|---|---|
+| owner | Full access |
+| admin | Manage members, settings |
+| member | Standard access |
+| viewer | Read-only |
+
+## Pagination
+
+Query params: `page` (default 1), `limit` (default 20, max 100).
+
+## Search
+
+`search` query param performs case-insensitive text matching.
+
+## Sorting
+
+`sort` and `order` query params (e.g. `?sort=createdAt&order=desc`).

package/templates/web/next.config.ts.tpl

@@ -1,7 +1,7 @@
-import type { NextConfig } from "next";
-
-const nextConfig: NextConfig = {
-  reactStrictMode: true,
-};
-
-export default nextConfig;
+import type { NextConfig } from "next";
+
+const nextConfig: NextConfig = {
+  reactStrictMode: true,
+};
+
+export default nextConfig;

package/templates/web/package.json.tpl

@@ -1,37 +1,37 @@
-{
-  "name": "{{packageName}}",
-  "version": "0.1.0",
-  "private": true,
-  "description": "{{description}}",
-  "scripts": {
-    "dev": "next dev --turbopack",
-    "build": "next build",
-    "start": "next start",
-    "lint": "next lint"
-  },
-  "dependencies": {
-    "next": "^16.0.0",
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0",
-    "next-auth": "^4.24.0",
-    "next-themes": "^0.4.0",
-    "@tanstack/react-query": "^5.60.0",
-    "@tanstack/react-table": "^8.20.0",
-    "react-hook-form": "^7.53.0",
-    "@hookform/resolvers": "^3.9.0",
-    "zod": "^3.23.0",
-    "socket.io-client": "^4.8.0",
-    "iconsax-react": "^0.0.8",
-    "clsx": "^2.1.0",
-    "tailwind-merge": "^2.5.0"
-  },
-  "devDependencies": {
-    "@types/node": "^22.0.0",
-    "@types/react": "^19.0.0",
-    "@types/react-dom": "^19.0.0",
-    "typescript": "^5.6.0",
-    "tailwindcss": "^4.0.0",
-    "@tailwindcss/postcss": "^4.0.0",
-    "postcss": "^8.4.0"
-  }
-}
+{
+  "name": "{{packageName}}",
+  "version": "0.1.0",
+  "private": true,
+  "description": "{{description}}",
+  "scripts": {
+    "dev": "next dev --turbopack",
+    "build": "next build",
+    "start": "next start",
+    "lint": "next lint"
+  },
+  "dependencies": {
+    "next": "^16.0.0",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "next-auth": "^4.24.0",
+    "next-themes": "^0.4.0",
+    "@tanstack/react-query": "^5.60.0",
+    "@tanstack/react-table": "^8.20.0",
+    "react-hook-form": "^7.53.0",
+    "@hookform/resolvers": "^3.9.0",
+    "zod": "^3.23.0",
+    "socket.io-client": "^4.8.0",
+    "iconsax-react": "^0.0.8",
+    "clsx": "^2.1.0",
+    "tailwind-merge": "^2.5.0"
+  },
+  "devDependencies": {
+    "@types/node": "^22.0.0",
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
+    "typescript": "^5.6.0",
+    "tailwindcss": "^4.0.0",
+    "@tailwindcss/postcss": "^4.0.0",
+    "postcss": "^8.4.0"
+  }
+}

package/templates/web/src/app/globals.css.tpl

@@ -1,48 +1,48 @@
-@import "tailwindcss";
-
-@theme inline {
-  --app-primary-50: #eff6ff;
-  --app-primary-100: #dbeafe;
-  --app-primary-200: #bfdbfe;
-  --app-primary-300: #93c5fd;
-  --app-primary-400: #60a5fa;
-  --app-primary-500: #3b82f6;
-  --app-primary-600: #2563eb;
-  --app-primary-700: #1d4ed8;
-  --app-primary-800: #1e40af;
-  --app-primary-900: #1e3a8a;
-
-  --app-bg-primary: #ffffff;
-  --app-bg-secondary: #f8fafc;
-  --app-bg-tertiary: #f1f5f9;
-  --app-bg-inverse: #0f172a;
-
-  --app-text-primary: #0f172a;
-  --app-text-secondary: #475569;
-  --app-text-tertiary: #94a3b8;
-  --app-text-inverse: #f8fafc;
-
-  --app-border-default: #e2e8f0;
-  --app-border-strong: #cbd5e1;
-
-  --app-radius: 0.5rem;
-
-  --color-background: var(--app-bg-primary);
-  --color-foreground: var(--app-text-primary);
-  --color-muted: var(--app-bg-secondary);
-  --color-muted-foreground: var(--app-text-secondary);
-  --color-border: var(--app-border-default);
-  --color-primary: var(--app-primary-600);
-  --color-primary-foreground: var(--app-text-inverse);
-}
-
-@custom-variant dark (&:is(.dark *));
-
-@layer base {
-  * {
-    @apply border-border;
-  }
-  body {
-    @apply bg-background text-foreground;
-  }
-}
+@import "tailwindcss";
+
+@theme inline {
+  --app-primary-50: #eff6ff;
+  --app-primary-100: #dbeafe;
+  --app-primary-200: #bfdbfe;
+  --app-primary-300: #93c5fd;
+  --app-primary-400: #60a5fa;
+  --app-primary-500: #3b82f6;
+  --app-primary-600: #2563eb;
+  --app-primary-700: #1d4ed8;
+  --app-primary-800: #1e40af;
+  --app-primary-900: #1e3a8a;
+
+  --app-bg-primary: #ffffff;
+  --app-bg-secondary: #f8fafc;
+  --app-bg-tertiary: #f1f5f9;
+  --app-bg-inverse: #0f172a;
+
+  --app-text-primary: #0f172a;
+  --app-text-secondary: #475569;
+  --app-text-tertiary: #94a3b8;
+  --app-text-inverse: #f8fafc;
+
+  --app-border-default: #e2e8f0;
+  --app-border-strong: #cbd5e1;
+
+  --app-radius: 0.5rem;
+
+  --color-background: var(--app-bg-primary);
+  --color-foreground: var(--app-text-primary);
+  --color-muted: var(--app-bg-secondary);
+  --color-muted-foreground: var(--app-text-secondary);
+  --color-border: var(--app-border-default);
+  --color-primary: var(--app-primary-600);
+  --color-primary-foreground: var(--app-text-inverse);
+}
+
+@custom-variant dark (&:is(.dark *));
+
+@layer base {
+  * {
+    @apply border-border;
+  }
+  body {
+    @apply bg-background text-foreground;
+  }
+}

package/templates/web/src/app/layout.tsx.tpl

@@ -1,25 +1,25 @@
-import type { Metadata } from "next";
-import { Inter } from "next/font/google";
-import { Providers } from "@/lib/providers";
-import "./globals.css";
-
-const inter = Inter({ subsets: ["latin"] });
-
-export const metadata: Metadata = {
-  title: "{{projectName}}",
-  description: "{{description}}",
-};
-
-export default function RootLayout({
-  children,
-}: {
-  children: React.ReactNode;
-}) {
-  return (
-    <html lang="en" suppressHydrationWarning>
-      <body className={inter.className}>
-        <Providers>{children}</Providers>
-      </body>
-    </html>
-  );
-}
+import type { Metadata } from "next";
+import { Inter } from "next/font/google";
+import { Providers } from "@/lib/providers";
+import "./globals.css";
+
+const inter = Inter({ subsets: ["latin"] });
+
+export const metadata: Metadata = {
+  title: "{{projectName}}",
+  description: "{{description}}",
+};
+
+export default function RootLayout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  return (
+    <html lang="en" suppressHydrationWarning>
+      <body className={inter.className}>
+        <Providers>{children}</Providers>
+      </body>
+    </html>
+  );
+}

package/templates/web/src/components/shared/app-button.tsx.tpl

@@ -1,59 +1,59 @@
-import { Loader2 } from "lucide-react";
-import { type ButtonHTMLAttributes, forwardRef } from "react";
-import { cva, type VariantProps } from "class-variance-authority";
-import { cn } from "@/lib/utils";
-
-const buttonVariants = cva(
-  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50",
-  {
-    variants: {
-      variant: {
-        default: "bg-primary text-primary-foreground hover:bg-primary/90",
-        destructive:
-          "bg-destructive text-destructive-foreground hover:bg-destructive/90",
-        outline:
-          "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
-        secondary:
-          "bg-secondary text-secondary-foreground hover:bg-secondary/80",
-        ghost: "hover:bg-accent hover:text-accent-foreground",
-        link: "text-primary underline-offset-4 hover:underline",
-      },
-      size: {
-        default: "h-10 px-4 py-2",
-        sm: "h-9 rounded-md px-3",
-        lg: "h-11 rounded-md px-8",
-        icon: "h-10 w-10",
-      },
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default",
-    },
-  }
-);
-
-export interface AppButtonProps
-  extends ButtonHTMLAttributes<HTMLButtonElement>,
-    VariantProps<typeof buttonVariants> {
-  loading?: boolean;
-}
-
-const AppButton = forwardRef<HTMLButtonElement, AppButtonProps>(
-  ({ className, variant, size, loading, disabled, children, ...props }, ref) => {
-    return (
-      <button
-        ref={ref}
-        data-slot="app-button"
-        className={cn(buttonVariants({ variant, size, className }))}
-        disabled={disabled || loading}
-        {...props}
-      >
-        {loading && <Loader2 className="h-4 w-4 animate-spin" variant="Outline" color="currentColor" />}
-        {children}
-      </button>
-    );
-  }
-);
-AppButton.displayName = "AppButton";
-
-export { AppButton, buttonVariants };
+import { Loader2 } from "lucide-react";
+import { type ButtonHTMLAttributes, forwardRef } from "react";
+import { cva, type VariantProps } from "class-variance-authority";
+import { cn } from "@/lib/utils";
+
+const buttonVariants = cva(
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground hover:bg-primary/90",
+        destructive:
+          "bg-destructive text-destructive-foreground hover:bg-destructive/90",
+        outline:
+          "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
+        secondary:
+          "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+        ghost: "hover:bg-accent hover:text-accent-foreground",
+        link: "text-primary underline-offset-4 hover:underline",
+      },
+      size: {
+        default: "h-10 px-4 py-2",
+        sm: "h-9 rounded-md px-3",
+        lg: "h-11 rounded-md px-8",
+        icon: "h-10 w-10",
+      },
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default",
+    },
+  }
+);
+
+export interface AppButtonProps
+  extends ButtonHTMLAttributes<HTMLButtonElement>,
+    VariantProps<typeof buttonVariants> {
+  loading?: boolean;
+}
+
+const AppButton = forwardRef<HTMLButtonElement, AppButtonProps>(
+  ({ className, variant, size, loading, disabled, children, ...props }, ref) => {
+    return (
+      <button
+        ref={ref}
+        data-slot="app-button"
+        className={cn(buttonVariants({ variant, size, className }))}
+        disabled={disabled || loading}
+        {...props}
+      >
+        {loading && <Loader2 className="h-4 w-4 animate-spin" variant="Outline" color="currentColor" />}
+        {children}
+      </button>
+    );
+  }
+);
+AppButton.displayName = "AppButton";
+
+export { AppButton, buttonVariants };

package/templates/web/src/components/shared/app-empty-state.tsx.tpl

@@ -1,39 +1,39 @@
-import { type ReactNode } from "react";
-import { cn } from "@/lib/utils";
-
-export interface AppEmptyStateProps {
-  icon?: ReactNode;
-  title: string;
-  description?: string;
-  action?: ReactNode;
-  className?: string;
-}
-
-export function AppEmptyState({
-  icon,
-  title,
-  description,
-  action,
-  className,
-}: AppEmptyStateProps) {
-  return (
-    <div
-      data-slot="app-empty-state"
-      className={cn(
-        "flex flex-col items-center justify-center py-12 text-center",
-        className
-      )}
-    >
-      {icon && (
-        <div className="mb-4 text-tertiary [&_svg]:h-12 [&_svg]:w-12">
-          {icon}
-        </div>
-      )}
-      <h3 className="text-lg font-semibold text-primary">{title}</h3>
-      {description && (
-        <p className="mt-1 max-w-sm text-sm text-secondary">{description}</p>
-      )}
-      {action && <div className="mt-4">{action}</div>}
-    </div>
-  );
-}
+import { type ReactNode } from "react";
+import { cn } from "@/lib/utils";
+
+export interface AppEmptyStateProps {
+  icon?: ReactNode;
+  title: string;
+  description?: string;
+  action?: ReactNode;
+  className?: string;
+}
+
+export function AppEmptyState({
+  icon,
+  title,
+  description,
+  action,
+  className,
+}: AppEmptyStateProps) {
+  return (
+    <div
+      data-slot="app-empty-state"
+      className={cn(
+        "flex flex-col items-center justify-center py-12 text-center",
+        className
+      )}
+    >
+      {icon && (
+        <div className="mb-4 text-tertiary [&_svg]:h-12 [&_svg]:w-12">
+          {icon}
+        </div>
+      )}
+      <h3 className="text-lg font-semibold text-primary">{title}</h3>
+      {description && (
+        <p className="mt-1 max-w-sm text-sm text-secondary">{description}</p>
+      )}
+      {action && <div className="mt-4">{action}</div>}
+    </div>
+  );
+}