metabinaries 1.3.3

package/src/templates/configs.js

@@ -0,0 +1,391 @@
+export const configTemplates = {
+  '.gitattributes': `# Auto detect text files and perform LF normalization
+* text=auto
+
+# Force Unix line endings for shell scripts
+*.sh text eol=lf
+.husky/* text eol=lf
+
+# Force Windows line endings for batch files
+*.bat text eol=crlf
+
+# Binary files
+*.png binary
+*.jpg binary
+*.ico binary
+*.gif binary
+*.woff binary
+*.woff2 binary
+`,
+
+  '.gitignore': `# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# local env files
+.env
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+# vercel
+.vercel
+
+# typescript
+*.tsbuildinfo
+next-env.d.ts`,
+
+  '.env': `NEXT_PUBLIC_APP_URL=http://localhost:3000
+NEXT_PUBLIC_SITE_NAME=Next.js Starter Template
+NEXT_PUBLIC_DEFAULT_LOCALE=en
+NEXT_PUBLIC_BACKEND_URL=http://localhost:5000`,
+
+  '.env.local': `NEXT_PUBLIC_APP_URL=http://localhost:3000
+NEXT_PUBLIC_SITE_NAME=Next.js Starter Template
+NEXT_PUBLIC_DEFAULT_LOCALE=en
+NEXT_PUBLIC_BACKEND_URL=http://localhost:5000`,
+
+  '.env.example': `NEXT_PUBLIC_APP_URL=http://localhost:3000
+NEXT_PUBLIC_SITE_NAME=Next.js Starter Template
+NEXT_PUBLIC_DEFAULT_LOCALE=en
+NEXT_PUBLIC_BACKEND_URL=http://localhost:5000`,
+
+  'api.yml': projectName => `openapi: 3.0.0
+info:
+  title: ${projectName} API
+  version: 1.0.0
+paths: {}`,
+
+  '.versionrc.json': `{
+  "types": [
+    {"type": "feat", "section": "Features"},
+    {"type": "fix", "section": "Bug Fixes"}
+  ]
+}`,
+
+  'components.json': `{
+  "$schema": "https://ui.shadcn.com/schema.json",
+  "style": "default",
+  "rsc": true,
+  "tsx": true,
+  "tailwind": {
+    "config": "tailwind.config.ts",
+    "css": "app/[locale]/globals.css",
+    "baseColor": "slate",
+    "cssVariables": true,
+    "prefix": ""
+  },
+  "aliases": {
+    "components": "@/components",
+    "utils": "@/lib/utils"
+  }
+}`,
+
+  'eslint.config.mjs': `export default [];`,
+
+  'next.config.ts': `import type { NextConfig } from 'next';
+import createNextIntlPlugin from 'next-intl/plugin';
+
+const nextConfig: NextConfig = {
+  // Only use standalone output in production builds, not for dev server
+  ...(process.env.NODE_ENV === 'production' &&
+  !process.env.NEXT_PUBLIC_SKIP_STANDALONE
+    ? { output: 'standalone' }
+    : {}),
+  // Silence workspace root warning (useful for nested projects)
+  outputFileTracingRoot: process.cwd(),
+  /* config options here */
+  // Ignore ESLint errors during production builds
+  eslint: {
+    ignoreDuringBuilds: true,
+  },
+  // Ignore TypeScript errors during production builds
+  typescript: {
+    ignoreBuildErrors: false,
+  },
+  images: {
+    // Disable image optimization for external URLs to fix cloud deployment issues
+    unoptimized: true,
+    // Keep domains for backward compatibility
+    domains: [
+      'cdn.sportmonks.com',
+      'images.unsplash.com',
+      'images.pexels.com',
+      'images.pixabay.com',
+      'imgur.com',
+      'localhost',
+      '127.0.0.1',
+    ],
+    remotePatterns: [
+      {
+        protocol: 'https',
+        hostname: '**',
+        port: '',
+        pathname: '/**',
+      },
+    ],
+    dangerouslyAllowSVG: true,
+    contentDispositionType: 'attachment',
+    contentSecurityPolicy: "default-src 'self'; script-src 'none'; sandbox;",
+    // Add image optimization settings
+    formats: ['image/webp', 'image/avif'],
+    deviceSizes: [640, 750, 828, 1080, 1200, 1920, 2048, 3840],
+    imageSizes: [16, 32, 48, 64, 96, 128, 256, 384],
+  },
+  // Environment variables
+  env: {
+    NEXT_PUBLIC_BACKEND_URL:
+      process.env.NEXT_PUBLIC_BACKEND_URL || 'http://localhost:5000',
+  },
+  // Disable static optimization for pages that use Redux
+  experimental: {
+    // This will ensure the page is rendered on the server
+    serverActions: {
+      bodySizeLimit: '2mb',
+    },
+  },
+  // Configure which pages should be statically optimized
+  pageExtensions: ['tsx', 'ts', 'jsx', 'js'],
+  // Ensure proper handling of client-side navigation
+  reactStrictMode: true,
+};
+
+const withNextIntl = createNextIntlPlugin();
+export default withNextIntl(nextConfig);`,
+
+  'postcss.config.mjs': `const config = {
+  plugins: {
+    "@tailwindcss/postcss": {},
+  },
+};
+
+export default config;`,
+
+  'tailwind.config.ts': `import type { Config } from "tailwindcss";
+
+const config: Config = {
+    darkMode: "class",
+    content: [
+    "./pages/**/*.{js,ts,jsx,tsx,mdx}",
+    "./components/**/*.{js,ts,jsx,tsx,mdx}",
+    "./app/**/*.{js,ts,jsx,tsx,mdx}",
+  ],
+  theme: {
+  	extend: {
+  		colors: {
+  			background: 'hsl(var(--background))',
+  			foreground: 'hsl(var(--foreground))',
+  			card: {
+  				DEFAULT: 'hsl(var(--card))',
+  				foreground: 'hsl(var(--card-foreground))'
+  			},
+  			popover: {
+  				DEFAULT: 'hsl(var(--popover))',
+  				foreground: 'hsl(var(--popover-foreground))'
+  			},
+  			primary: {
+  				DEFAULT: 'hsl(var(--primary))',
+  				foreground: 'hsl(var(--primary-foreground))'
+  			},
+  			secondary: {
+  				DEFAULT: 'hsl(var(--secondary))',
+  				foreground: 'hsl(var(--secondary-foreground))'
+  			},
+  			muted: {
+  				DEFAULT: 'hsl(var(--muted))',
+  				foreground: 'hsl(var(--muted-foreground))'
+  			},
+  			accent: {
+  				DEFAULT: 'hsl(var(--accent))',
+  				foreground: 'hsl(var(--accent-foreground))'
+  			},
+  			destructive: {
+  				DEFAULT: 'hsl(var(--destructive))',
+  				foreground: 'hsl(var(--destructive-foreground))'
+  			},
+  			border: 'hsl(var(--border))',
+  			input: 'hsl(var(--input))',
+  			ring: 'hsl(var(--ring))',
+  			chart: {
+  				'1': 'hsl(var(--chart-1))',
+  				'2': 'hsl(var(--chart-2))',
+  				'3': 'hsl(var(--chart-3))',
+  				'4': 'hsl(var(--chart-4))',
+  				'5': 'hsl(var(--chart-5))'
+  			}
+  		},
+  		borderRadius: {
+  			lg: 'var(--radius)',
+  			md: 'calc(var(--radius) - 2px)',
+  			sm: 'calc(var(--radius) - 4px)'
+  		}
+  	}
+  },
+  plugins: [require("tailwindcss-animate")],
+};
+export default config;`,
+
+  'tsconfig.json': `{
+  "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",
+    ".next/dev/types/**/*.ts",
+    "**/*.mts"
+  ],
+  "exclude": ["node_modules"]
+}`,
+
+  'next-intl.config.ts': `import { getRequestConfig } from 'next-intl/server';
+import { notFound } from 'next/navigation';
+import { routing } from './i18n/routing';
+
+export default getRequestConfig(async ({ locale }) => {
+  if (!locale || !routing.locales.includes(locale as any)) {
+    notFound();
+  }
+
+  return {
+    locale,
+    messages: (await import(\`./messages/\${locale}.json\`)).default,
+  };
+});`,
+  'messages/en.json': `{
+  "Metadata": {
+    "title": "MetaBinaries",
+    "description": "We build innovative software solutions that transform your ideas into reality. Web development, mobile apps, and AI-powered applications.",
+    "keywords": "software development, web development, mobile apps, AI, MetaBinaries, digital solutions",
+    "siteName": "MetaBinaries"
+  },
+  "HomePage": {
+    "title": "Welcome to MetaBinaries",
+    "description": "Your Websites-style workspace is ready."
+  },
+  "aiChat": {
+    "offline": "Offline",
+    "online": "Online",
+    "confirmClear": "Clear conversation history?",
+    "confirmClearTitle": "Clear History",
+    "clear": "Clear History",
+    "cancel": "Cancel",
+    "micErrorTitle": "Microphone Error",
+    "micErrorDesc": "Microphone access denied or not supported.",
+    "ok": "OK"
+  },
+  "aiQuestions": {
+    "title": "AI Assistant",
+    "subtitle": "Ask me anything!",
+    "placeholder": "Ask me anything...",
+    "disclaimer": "AI may produce inaccurate information.",
+    "emptyStateTitle": "How can I help you today?",
+    "emptyStateSubtitle": "I can answer questions, summarize text, and more.",
+    "clickToAsk": "Click to ask",
+    "description": "Your AI questions are ready.",
+    "questions": {
+      "meta": "What is Meta?",
+      "initials": "What are Initials?",
+      "hottorun": "What is Hot to Run?"
+    }
+  },
+  "Questions": {
+    "title": "AI Assistant",
+    "subtitle": "Ask me anything!",
+    "placeholder": "Ask me anything...",
+    "disclaimer": "AI may produce inaccurate information.",
+    "emptyStateTitle": "How can I help you today?",
+    "emptyStateSubtitle": "I can answer questions, summarize text, and more.",
+    "clickToAsk": "Click to ask",
+    "description": "Your AI questions are ready."
+  }
+}`,
+  'messages/ar.json': `{
+  "Metadata": {
+    "title": "ميتابيناريز",
+    "description": "نبني حلول برمجية مبتكرة تحول أفكارك إلى واقع. تطوير المواقع، تطبيقات الموبايل، وتطبيقات الذكاء الاصطناعي.",
+    "keywords": "تطوير البرمجيات, تطوير المواقع, تطبيقات الموبايل, الذكاء الاصطناعي, ميتابيناريز, الحلول الرقمية",
+    "siteName": "ميتابيناريز"
+  },
+  "HomePage": {
+    "title": "مرحباً بك في ميتابيناريز",
+    "description": "بيئة عمل المواقع الخاصة بك جاهزة."
+  },
+  "aiChat": {
+    "offline": "غير متصل",
+    "online": "متصل",
+    "confirmClear": "هل أنت متأكد من مسح سجل المحادثة؟",
+    "confirmClearTitle": "مسح السجل",
+    "clear": "مسح السجل",
+    "cancel": "إلغاء",
+    "micErrorTitle": "خطأ في الميكروفون",
+    "micErrorDesc": "تم رفض الوصول إلى الميكروفون أو أنه غير مدعوم.",
+    "ok": "تم"
+  },
+  "aiQuestions": {
+    "title": "المساعد الذكي",
+    "subtitle": "اسألني أي شيء!",
+    "placeholder": "اسألني أي شيء...",
+    "disclaimer": "قد ينتج الذكاء الاصطناعي معلومات غير دقيقة.",
+    "emptyStateTitle": "كيف يمكنني مساعدتك اليوم؟",
+    "emptyStateSubtitle": "يمكنني الإجابة على الأسئلة وتلخيص النصوص والمزيد.",
+    "clickToAsk": "انقر للسؤال",
+    "description": "الأسئلة",
+    "questions": {
+      "meta": "ما هو ما تعرفه ب Meta؟",
+      "initials": "ما هي Initials؟",
+      "hottorun": "كيف يتم البداية"
+    }
+  },
+  "Questions": {
+    "title": "المساعد الذكي",
+    "subtitle": "اسألني أي شيء!",
+    "placeholder": "اسألني أي شيء...",
+    "disclaimer": "قد ينتج الذكاء الاصطناعي معلومات غير دقيقة.",
+    "emptyStateTitle": "كيف يمكنني مساعدتك اليوم؟",
+    "emptyStateSubtitle": "يمكنني الإجابة على الأسئلة وتلخيص النصوص والمزيد.",
+    "clickToAsk": "انقر للسؤال",
+    "description": "الأسئلة"
+  }
+}`,
+};
+

package/src/templates/core-clean.js

@@ -0,0 +1,269 @@
+// Core templates (lib, utils, hooks, i18n, middleware)
+// Conditionally exports i18n files based on options
+export const coreTemplates = (projectName, options = {}) => {
+  const { i18n = true } = options;
+
+  const baseTemplates = {
+    'lib/utils.ts': `import { clsx, type ClassValue } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+
+export function cn(...inputs: ClassValue[]) {
+  return twMerge(clsx(inputs));
+}`,
+
+    'hooks/use-mobile.tsx': `import * as React from "react"
+
+const MOBILE_BREAKPOINT = 768
+
+export function useIsMobile() {
+  const [isMobile, setIsMobile] = React.useState<boolean | undefined>(undefined)
+
+  React.useEffect(() => {
+    const mql = window.matchMedia(\`(max-width: \${MOBILE_BREAKPOINT - 1}px)\`)
+    const onChange = () => {
+      setIsMobile(window.innerWidth < MOBILE_BREAKPOINT)
+    }
+    mql.addEventListener("change", onChange)
+    setIsMobile(window.innerWidth < MOBILE_BREAKPOINT)
+    return () => mql.removeEventListener("change", onChange)
+  }, [])
+
+  return !!isMobile
+}`,
+
+    'hooks/use-mobile.ts': `import * as React from "react"
+
+const MOBILE_BREAKPOINT = 768
+
+export function useIsMobile() {
+  const [isMobile, setIsMobile] = React.useState<boolean | undefined>(undefined)
+
+  React.useEffect(() => {
+    const mql = window.matchMedia(\`(max-width: \${MOBILE_BREAKPOINT - 1}px)\`)
+    const onChange = () => {
+      setIsMobile(window.innerWidth < MOBILE_BREAKPOINT)
+    }
+    mql.addEventListener("change", onChange)
+    setIsMobile(window.innerWidth < MOBILE_BREAKPOINT)
+    return () => mql.removeEventListener("change", onChange)
+  }, [])
+
+  return !!isMobile
+}`,
+
+    'types/menu-item.d.ts': `export type MenuItem = {
+  id?: number;
+  name: string;
+  url: string;
+};`,
+
+    'types/menu-item.ts': `export type MenuLink = {
+  name: string;
+  arabicName: string;
+  url: string;
+};
+
+export type SubCategory = {
+  _id: string;
+  name: string;
+  arabicName: string;
+  categoryId: string;
+  links: MenuLink[];
+  order: number;
+  createdAt?: string;
+  updatedAt?: string;
+  __v?: number;
+};
+
+export type Category = {
+  _id: string;
+  name: string;
+  arabicName: string;
+  order: number;
+  createdAt?: string;
+  updatedAt?: string;
+  __v?: number;
+};
+
+// For backward compatibility and admin interface
+export type MenuItem = Category | SubCategory;`,
+
+    'services/subcategory.ts': `// This service is currently not used as the application is in frontend-only mode.
+export const subcategoryService = {
+  getMenuStructure: async () => [],
+};`,
+  };
+
+  // Only include i18n files if i18n is enabled
+  if (i18n) {
+    baseTemplates['i18n/routing.ts'] = `import { defineRouting } from 'next-intl/routing';
+import { createNavigation } from 'next-intl/navigation';
+
+export const routing = defineRouting({
+  locales: ['en', 'ar'],
+  defaultLocale: 'en',
+  localePrefix: 'always',
+});
+
+export type Locale = (typeof routing.locales)[number];`;
+
+    baseTemplates['i18n/navigation.ts'] = `import { createNavigation } from 'next-intl/navigation';
+import { routing } from './routing';
+
+export const { Link, redirect, usePathname, useRouter } =
+  createNavigation(routing);`;
+
+    baseTemplates['i18n/request.ts'] = `import { getRequestConfig } from 'next-intl/server';
+import { routing } from './routing';
+
+export default getRequestConfig(async ({ requestLocale }) => {
+  let locale = await requestLocale;
+
+  if (!locale || !routing.locales.includes(locale as any)) {
+    locale = routing.defaultLocale;
+  }
+
+  return {
+    locale,
+    messages: (await import(\`../messages/\${locale}.json\`)).default,
+  };
+});`;
+
+    baseTemplates['middleware.ts'] = `import { NextRequest, NextResponse } from 'next/server';
+import createMiddleware from 'next-intl/middleware';
+import { routing } from './i18n/routing';
+
+const intlMiddleware = createMiddleware(routing);
+
+// Supported locales
+const locales = routing.locales; // ['en', 'ar']
+const defaultLocale = routing.defaultLocale; // 'en'
+
+// Helper function to check if a segment is a valid locale
+function isLocale(segment: string): segment is 'en' | 'ar' {
+  return locales.includes(segment as 'en' | 'ar');
+}
+
+export default function middleware(request: NextRequest) {
+  const { pathname } = request.nextUrl;
+  const pathSegments = pathname.split('/').filter(Boolean);
+
+  // Check if the path is a static file (has file extension)
+  const lastSegment = pathSegments[pathSegments.length - 1] || '';
+  const isStaticFile =
+    lastSegment.includes('.') &&
+    /\\.(jpg|jpeg|png|gif|svg|ico|webp|pdf|css|js|json|xml|txt|woff|woff2|ttf|eot|mp4|mp3|wav)$/i.test(
+      lastSegment
+    );
+
+  // Skip processing for excluded paths
+  if (
+    pathname.startsWith('/api') ||
+    pathname.startsWith('/_next') ||
+    pathname.startsWith('/_vercel') ||
+    pathname.startsWith('/_image') ||
+    pathname.startsWith('/_static') ||
+    isStaticFile
+  ) {
+    return intlMiddleware(request);
+  }
+
+  // Case: Root path or no locale in path - add default locale
+  if (pathSegments.length === 0 || !isLocale(pathSegments[0])) {
+    const restOfPath = pathSegments.length === 0 ? '' : pathSegments.join('/');
+    const newUrl = request.nextUrl.clone();
+    newUrl.pathname = \`/\${defaultLocale}\${restOfPath ? \`/\${restOfPath}\` : ''}\`;
+    return NextResponse.redirect(newUrl);
+  }
+
+  // Case: Multiple locales detected - remove duplicates
+  const localeSegments = pathSegments.filter(segment => isLocale(segment));
+  if (localeSegments.length > 1) {
+    const firstLocale = localeSegments[0];
+    const nonLocaleSegments = pathSegments.filter(
+      segment => !isLocale(segment)
+    );
+    const restOfPath = nonLocaleSegments.join('/');
+    const newUrl = request.nextUrl.clone();
+    newUrl.pathname = \`/\${firstLocale}\${restOfPath ? \`/\${restOfPath}\` : ''}\`;
+    return NextResponse.redirect(newUrl);
+  }
+
+  return intlMiddleware(request);
+}
+
+export const config = {
+  matcher: ['/((?!api|_next|_vercel|.*\\..*).*)'],
+};`;
+
+    baseTemplates['lib/axios.ts'] = `import axios from 'axios';
+
+const getCurrentLocale = (): string => {
+  if (typeof window !== 'undefined') {
+    const pathname = window.location.pathname;
+    const localeMatch = pathname.match(/(en|ar)/);
+    return localeMatch ? localeMatch[1] : 'en';
+  }
+  return 'en';
+};
+
+export const api = axios.create({
+  baseURL:
+    process.env.NEXT_PUBLIC_API_URL ||
+    process.env.NEXT_PUBLIC_BACKEND_URL ||
+    'http://localhost:5000',
+  headers: {
+    'Content-Type': 'application/json',
+  },
+  withCredentials: true,
+});
+
+api.interceptors.request.use(config => {
+  const currentLocale = getCurrentLocale();
+  config.headers['Accept-Language'] = currentLocale;
+  return config;
+});
+
+export default api;`;
+
+    baseTemplates['lib/locale.ts'] = `/**
+ * Get current locale from the URL path
+ * Extracts locale from /[locale]/... pattern
+ * @returns 'en' or 'ar'
+ */
+export const getCurrentLocale = (): string => {
+  if (typeof window !== 'undefined') {
+    const pathname = window.location.pathname;
+    const localeMatch = pathname.match(/(en|ar)/);
+    return localeMatch ? localeMatch[1] : 'en';
+  }
+  return 'en';
+};
+
+/**
+ * Check if current locale is RTL (Arabic)
+ * @returns true if Arabic, false if English
+ */
+export const isRTL = (): boolean => {
+  return getCurrentLocale() === 'ar';
+};`;
+  } else {
+    // Non-i18n version of axios (simpler, without locale)
+    baseTemplates['lib/axios.ts'] = `import axios from 'axios';
+
+export const api = axios.create({
+  baseURL:
+    process.env.NEXT_PUBLIC_API_URL ||
+    process.env.NEXT_PUBLIC_BACKEND_URL ||
+    'http://localhost:5000',
+  headers: {
+    'Content-Type': 'application/json',
+  },
+  withCredentials: true,
+});
+
+export default api;`;
+  }
+
+  return baseTemplates;
+};