@doswiftly/cli 0.1.24 → 0.2.0

package/templates/storefront-nextjs/middleware.ts

@@ -1,80 +0,0 @@
-import { NextResponse } from "next/server";
-import type { NextRequest } from "next/server";
-import {
-  protectedRoutes,
-  guestOnlyRoutes,
-  AUTH_COOKIE_NAME,
-  redirects,
-  matchesRoute,
-} from "@/lib/auth/routes";
-
-/**
- * Authentication Middleware
- *
- * Security Model (3 layers):
- * 1. Middleware (this file) - Fast redirect based on cookie existence (UX layer)
- * 2. AuthGuard component - Client-side validation via useAuth hook
- * 3. GraphQL Backend - Ultimate security (validates token on every request)
- *
- * IMPORTANT: This middleware checks cookie EXISTENCE, not VALIDITY.
- * Token validation happens in:
- * - AuthGuard (client-side via useAuth hook)
- * - GraphQL API (server-side, ultimate security)
- *
- * Why this approach?
- * - Middleware runs on Edge Runtime (fast, but limited capabilities)
- * - Cannot make GraphQL requests to validate token
- * - Provides instant redirect without waiting for client hydration
- * - Prevents flash of protected content for unauthenticated users
- *
- * @see lib/auth/routes.ts - SSOT for route configuration
- * @see components/auth/auth-guard.tsx - Client-side auth protection
- */
-export function middleware(request: NextRequest) {
-  const { pathname } = request.nextUrl;
-  const token = request.cookies.get(AUTH_COOKIE_NAME)?.value;
-  const hasToken = Boolean(token);
-
-  // Protected routes - redirect to login if no token
-  if (matchesRoute(pathname, protectedRoutes)) {
-    if (!hasToken) {
-      const loginUrl = new URL(redirects.unauthenticated, request.url);
-      // Preserve the original URL for redirect after login
-      loginUrl.searchParams.set("redirect", pathname);
-      return NextResponse.redirect(loginUrl);
-    }
-  }
-
-  // Guest-only routes - redirect to account if has token
-  if (matchesRoute(pathname, guestOnlyRoutes)) {
-    if (hasToken) {
-      return NextResponse.redirect(
-        new URL(redirects.authenticated, request.url)
-      );
-    }
-  }
-
-  return NextResponse.next();
-}
-
-/**
- * Matcher configuration
- *
- * Only run middleware on routes that need auth checks.
- * This improves performance by skipping static assets, API routes, etc.
- *
- * Update this when adding new protected or guest-only route groups.
- */
-export const config = {
-  matcher: [
-    /*
-     * Match all request paths except:
-     * - _next/static (static files)
-     * - _next/image (image optimization files)
-     * - favicon.ico (favicon file)
-     * - public folder files (images, etc.)
-     * - API routes (handled separately)
-     */
-    "/((?!_next/static|_next/image|favicon.ico|.*\\.(?:svg|png|jpg|jpeg|gif|webp)$).*)",
-  ],
-};

package/templates/storefront-nextjs/next.config.ts

@@ -1,37 +0,0 @@
-import type { NextConfig } from 'next';
-
-const nextConfig: NextConfig = {
-  // Enable React strict mode for better development experience
-  reactStrictMode: true,
-
-  // Image optimization configuration
-  images: {
-    remotePatterns: [
-      {
-        protocol: 'https',
-        hostname: '**.doswiftly.pl',
-      },
-      {
-        protocol: 'https',
-        hostname: 'images.unsplash.com',
-      },
-    ],
-  },
-
-  // Experimental features
-  experimental: {
-    // Enable server actions
-    serverActions: {
-      bodySizeLimit: '2mb',
-    },
-  },
-
-  // Environment variables validation
-  env: {
-    NEXT_PUBLIC_API_URL: process.env.NEXT_PUBLIC_API_URL,
-    NEXT_PUBLIC_PROJECT_ID: process.env.NEXT_PUBLIC_PROJECT_ID,
-    NEXT_PUBLIC_SHOP_SLUG: process.env.NEXT_PUBLIC_SHOP_SLUG,
-  },
-};
-
-export default nextConfig;

package/templates/storefront-nextjs/open-next.config.ts

@@ -1,3 +0,0 @@
-import { defineCloudflareConfig } from "@opennextjs/cloudflare";
-
-export default defineCloudflareConfig({});

package/templates/storefront-nextjs/package.dev.json

@@ -1,30 +0,0 @@
-{
-  "name": "test-storefront",
-  "version": "0.1.0",
-  "private": true,
-  "scripts": {
-    "dev": "next dev",
-    "build": "next build",
-    "start": "next start",
-    "lint": "next lint"
-  },
-  "dependencies": {
-    "@doswiftly/storefront-sdk": "file:../../../commerce-sdk",
-    "graphql-request": "^7.1.2",
-    "graphql": "^16.10.0",
-    "next": "latest",
-    "react": "^19",
-    "react-dom": "^19",
-    "lucide-react": "latest"
-  },
-  "devDependencies": {
-    "@types/node": "latest",
-    "@types/react": "latest",
-    "@types/react-dom": "latest",
-    "typescript": "latest",
-    "@tailwindcss/postcss": "latest",
-    "tailwindcss": "latest",
-    "eslint": "latest",
-    "eslint-config-next": "latest"
-  }
-}

package/templates/storefront-nextjs/package.json

@@ -1,32 +0,0 @@
-{
-  "name": "{{PROJECT_NAME}}",
-  "version": "0.1.0",
-  "private": true,
-  "scripts": {
-    "dev": "next dev",
-    "build": "next build",
-    "build:cf": "opennextjs-cloudflare build",
-    "start": "next start",
-    "lint": "next lint"
-  },
-  "dependencies": {
-    "@doswiftly/storefront-sdk": "{{SDK_VERSION}}",
-    "graphql-request": "^7.1.2",
-    "graphql": "^16.10.0",
-    "next": "^15.1.9",
-    "react": "^19",
-    "react-dom": "^19",
-    "lucide-react": "latest"
-  },
-  "devDependencies": {
-    "@opennextjs/cloudflare": "^1.0.0",
-    "@types/node": "latest",
-    "@types/react": "latest",
-    "@types/react-dom": "latest",
-    "typescript": "latest",
-    "@tailwindcss/postcss": "latest",
-    "tailwindcss": "latest",
-    "eslint": "latest",
-    "eslint-config-next": "^15.1.9"
-  }
-}

package/templates/storefront-nextjs/package.json.template

@@ -1,32 +0,0 @@
-{
-  "name": "{{PROJECT_NAME}}",
-  "version": "0.1.0",
-  "private": true,
-  "scripts": {
-    "dev": "next dev",
-    "build": "next build",
-    "start": "next start",
-    "lint": "next lint"
-  },
-  "dependencies": {
-    "@doswiftly/storefront-sdk": "{{SDK_VERSION}}",
-    "@tanstack/react-query": "^5.62.7",
-    "graphql-request": "^7.1.2",
-    "graphql": "^16.10.0",
-    "next": "latest",
-    "react": "^19",
-    "react-dom": "^19",
-    "lucide-react": "latest",
-    "zustand": "^5.0.2"
-  },
-  "devDependencies": {
-    "@types/node": "latest",
-    "@types/react": "latest",
-    "@types/react-dom": "latest",
-    "typescript": "latest",
-    "@tailwindcss/postcss": "latest",
-    "tailwindcss": "latest",
-    "eslint": "latest",
-    "eslint-config-next": "latest"
-  }
-}

package/templates/storefront-nextjs/postcss.config.mjs

@@ -1,8 +0,0 @@
-/** @type {import('postcss-load-config').Config} */
-const config = {
-  plugins: {
-    "@tailwindcss/postcss": {},
-  },
-};
-
-export default config;

package/templates/storefront-nextjs/tailwind.config.ts

@@ -1,111 +0,0 @@
-import type { Config } from 'tailwindcss';
-
-const config: Config = {
-  content: [
-    './pages/**/*.{js,ts,jsx,tsx,mdx}',
-    './components/**/*.{js,ts,jsx,tsx,mdx}',
-    './app/**/*.{js,ts,jsx,tsx,mdx}',
-  ],
-  theme: {
-    extend: {
-      colors: {
-        // Primary brand color - customize for your store
-        primary: {
-          DEFAULT: 'rgb(var(--primary) / <alpha-value>)',
-          foreground: 'rgb(var(--primary-foreground) / <alpha-value>)',
-          50: '#eff6ff',
-          100: '#dbeafe',
-          200: '#bfdbfe',
-          300: '#93c5fd',
-          400: '#60a5fa',
-          500: '#3b82f6',
-          600: '#2563eb',
-          700: '#1d4ed8',
-          800: '#1e40af',
-          900: '#1e3a8a',
-          950: '#172554',
-        },
-        // Secondary color for accents
-        secondary: {
-          DEFAULT: 'rgb(var(--secondary) / <alpha-value>)',
-          foreground: 'rgb(var(--secondary-foreground) / <alpha-value>)',
-        },
-        // Accent color for highlights
-        accent: {
-          DEFAULT: 'rgb(var(--accent) / <alpha-value>)',
-          foreground: 'rgb(var(--accent-foreground) / <alpha-value>)',
-        },
-        // Background and foreground
-        background: 'rgb(var(--background) / <alpha-value>)',
-        foreground: 'rgb(var(--foreground) / <alpha-value>)',
-        // Muted colors for subtle elements
-        muted: {
-          DEFAULT: 'rgb(var(--muted) / <alpha-value>)',
-          foreground: 'rgb(var(--muted-foreground) / <alpha-value>)',
-        },
-        // Border color
-        border: 'rgb(var(--border) / <alpha-value>)',
-        // Ring color for focus states
-        ring: 'rgb(var(--ring) / <alpha-value>)',
-      },
-      borderRadius: {
-        lg: 'var(--radius)',
-        md: 'calc(var(--radius) - 2px)',
-        sm: 'calc(var(--radius) - 4px)',
-      },
-      fontFamily: {
-        sans: ['Inter', 'system-ui', 'sans-serif'],
-      },
-      container: {
-        center: true,
-        padding: {
-          DEFAULT: '1rem',
-          sm: '2rem',
-          lg: '4rem',
-          xl: '5rem',
-          '2xl': '6rem',
-        },
-      },
-      // Commerce-specific spacing
-      spacing: {
-        '18': '4.5rem',
-        '88': '22rem',
-        '128': '32rem',
-      },
-      // Product card aspect ratios
-      aspectRatio: {
-        'product': '4 / 5',
-        'product-wide': '16 / 9',
-        'product-square': '1 / 1',
-      },
-      // Animation for cart and interactions
-      animation: {
-        'slide-in': 'slideIn 0.3s ease-out',
-        'slide-out': 'slideOut 0.3s ease-in',
-        'fade-in': 'fadeIn 0.2s ease-out',
-        'bounce-subtle': 'bounceSubtle 0.5s ease-out',
-      },
-      keyframes: {
-        slideIn: {
-          '0%': { transform: 'translateX(100%)' },
-          '100%': { transform: 'translateX(0)' },
-        },
-        slideOut: {
-          '0%': { transform: 'translateX(0)' },
-          '100%': { transform: 'translateX(100%)' },
-        },
-        fadeIn: {
-          '0%': { opacity: '0' },
-          '100%': { opacity: '1' },
-        },
-        bounceSubtle: {
-          '0%, 100%': { transform: 'scale(1)' },
-          '50%': { transform: 'scale(1.05)' },
-        },
-      },
-    },
-  },
-  plugins: [],
-};
-
-export default config;

package/templates/storefront-nextjs/tsconfig.json

@@ -1,27 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "ES2017",
-    "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/storefront-nextjs/wrangler.toml

@@ -1,24 +0,0 @@
-#:schema node_modules/wrangler/config-schema.json
-
-name = "storefront-template-{{PROJECT_NAME}}"
-main = ".open-next/worker.js"
-compatibility_date = "2024-09-23"
-compatibility_flags = ["nodejs_compat"]
-
-# Assets directory for static files
-assets = { directory = ".open-next/assets", binding = "ASSETS" }
-
-# Cloudflare Images binding for Next.js /_next/image optimization
-[images]
-binding = "IMAGES"
-
-# Observability — logs persisted in Cloudflare Dashboard
-[observability]
-enabled = true
-head_sampling_rate = 1
-
-[observability.logs]
-enabled = true
-head_sampling_rate = 1
-persist = true
-invocation_logs = true