@adlas/create-app 1.0.0

package/package.json

@@ -0,0 +1,63 @@
+{
+  "name": "@adlas/create-app",
+  "version": "1.0.0",
+  "description": "Adlas project initializer with Figma and Swagger integration",
+  "type": "module",
+  "main": "./dist/cli.js",
+  "bin": {
+    "create-adlas-app": "./dist/cli.js",
+    "adlas": "./dist/cli.js"
+  },
+  "files": [
+    "dist",
+    "templates"
+  ],
+  "scripts": {
+    "build": "tsc",
+    "dev": "tsc --watch",
+    "prepublishOnly": "pnpm run build",
+    "test": "vitest",
+    "link": "pnpm run build && npm link"
+  },
+  "keywords": [
+    "nextjs",
+    "heroui",
+    "react",
+    "typescript",
+    "figma",
+    "swagger",
+    "cli",
+    "create-app",
+    "boilerplate",
+    "starter"
+  ],
+  "author": "Adlas",
+  "license": "UNLICENSED",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/adlas/create-app.git"
+  },
+  "homepage": "https://github.com/adlas/create-app#readme",
+  "bugs": {
+    "url": "https://github.com/adlas/create-app/issues"
+  },
+  "engines": {
+    "node": ">=18.0.0"
+  },
+  "dependencies": {
+    "axios": "^1.6.5",
+    "chalk": "^5.3.0",
+    "commander": "^12.0.0",
+    "execa": "^8.0.1",
+    "fs-extra": "^11.2.0",
+    "ora": "^8.0.1",
+    "prompts": "^2.4.2"
+  },
+  "devDependencies": {
+    "@types/fs-extra": "^11.0.4",
+    "@types/node": "^20.10.6",
+    "@types/prompts": "^2.4.9",
+    "typescript": "^5.3.3",
+    "vitest": "^1.1.1"
+  }
+}

package/templates/.vscode/extensions.json

@@ -0,0 +1,9 @@
+{
+  "recommendations": [
+    "dbaeumer.vscode-eslint",
+    "mikestead.dotenv",
+    "bradlc.vscode-tailwindcss",
+    "yoavbls.pretty-ts-errors",
+    "lokalise.i18n-ally"
+  ]
+}

package/templates/.vscode/launch.json

@@ -0,0 +1,26 @@
+{
+  // Use IntelliSense to learn about possible attributes.
+  // Hover to view descriptions of existing attributes.
+  // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
+  "version": "0.2.0",
+  "configurations": [
+    {
+      "name": "Next.js: debug full stack",
+      "type": "node",
+      "request": "launch",
+      "program": "${workspaceFolder}/node_modules/next/dist/bin/next",
+      "runtimeArgs": ["--inspect"],
+      "skipFiles": ["<node_internals>/**"],
+      "env": {
+        "NEXT_PUBLIC_SENTRY_DISABLED": "true"
+      },
+      "serverReadyAction": {
+        "action": "debugWithChrome",
+        "killOnServerStop": true,
+        "pattern": "- Local:.+(https?://.+)",
+        "uriFormat": "%s",
+        "webRoot": "${workspaceFolder}"
+      }
+    }
+  ]
+}

package/templates/.vscode/settings.json

@@ -0,0 +1,67 @@
+{
+  "editor.tabSize": 2,
+  "editor.detectIndentation": false,
+  "search.exclude": {
+    "package-lock.json": true
+  },
+
+  // TypeScript
+  "typescript.tsdk": "node_modules/typescript/lib", // Use the workspace version of TypeScript
+  "typescript.enablePromptUseWorkspaceTsdk": true, // For security reasons it's require that users opt into using the workspace version of typescript
+  "typescript.preferences.autoImportSpecifierExcludeRegexes": [
+    // useRouter should be imported from `next/navigation` instead of `next/router`
+    "next/router",
+    // give priority for Link to next/link instead of lucide-react
+    "lucide-react",
+    // Not used in the project and conflicts with `use()` from React
+    "chai",
+    // Use Zod v4 instead of v3
+    "zod/v3",
+    // Sentry is imported with `import *`
+    "@sentry/nextjs"
+  ],
+
+  // Vitest
+  "testing.automaticallyOpenTestResults": "neverOpen", // Don't open the test results automatically
+
+  // I18n
+  "i18n-ally.localesPaths": ["src/locales"],
+  "i18n-ally.keystyle": "nested",
+
+  // Enable Prettier formatter
+  "prettier.enable": true,
+  "editor.formatOnSave": true,
+  "editor.defaultFormatter": "esbenp.prettier-vscode",
+
+  // Auto fix with ESLint on save (after formatting)
+  "editor.codeActionsOnSave": {
+    "source.addMissingImports": "explicit",
+    "source.fixAll.eslint": "explicit"
+  },
+
+  // Enable eslint for all supported languages
+  "eslint.validate": [
+    "javascript",
+    "javascriptreact",
+    "typescript",
+    "typescriptreact",
+    "vue",
+    "html",
+    "markdown",
+    "json",
+    "jsonc",
+    "yaml",
+    "toml",
+    "xml",
+    "gql",
+    "graphql",
+    "astro",
+    "svelte",
+    "css",
+    "less",
+    "scss",
+    "pcss",
+    "postcss",
+    "github-actions-workflow"
+  ]
+}

package/templates/.vscode/tasks.json

@@ -0,0 +1,21 @@
+{
+  // See https://go.microsoft.com/fwlink/?LinkId=733558
+  // for the documentation about the tasks.json format
+  "version": "2.0.0",
+  "tasks": [
+    {
+      "label": "Project wide type checking with TypeScript",
+      "type": "npm",
+      "script": "check:types",
+      "problemMatcher": ["$tsc"],
+      "group": {
+        "kind": "build",
+        "isDefault": true
+      },
+      "presentation": {
+        "clear": true,
+        "reveal": "never"
+      }
+    }
+  ]
+}

package/templates/boilerplate/config/fonts.ts

@@ -0,0 +1,10 @@
+import { IBM_Plex_Sans } from 'next/font/google';
+
+const ibmPlexSans = IBM_Plex_Sans({
+  subsets: ['latin'],
+  variable: '--font-ibm-plex-sans',
+  display: 'swap',
+  weight: ['300', '400', '500', '600', '700'],
+});
+
+export const fontVariables = ibmPlexSans.variable;

package/templates/boilerplate/config/navigationUrls.ts

@@ -0,0 +1,47 @@
+export const NAVIGATION_URLS = {
+  // Public routes
+  ROOT: '/',
+  // Auth routes
+  AUTH: {
+    INDEX: '/auth',
+    LOGIN: '/auth/login',
+    REGISTER: '/auth/register',
+    FORGET_PASSWORD: '/auth/forget-password',
+    RESET_PASSWORD: '/auth/reset-password',
+  },
+  // Dashboard routes
+  DASHBOARD: {
+    PROFILE: {
+      GIFT_PREVIEW: '/profile/gift-preview',
+      INDEX: '/profile',
+      MY_REQUESTS: '/profile/my-requests',
+      GIFT_LIST: '/profile/gift-list',
+      WISHLIST: '/profile/wishlist',
+    },
+  },
+  PRODUCTS: {
+    INDEX: '/products',
+    DETAILS: (id: string) => `/products/${id}`,
+  },
+  CATEGORIES: {
+    INDEX: '/categories',
+    DETAIL: (id: string) => `/categories/${id}`,
+  },
+  GIFT_DETAILS: (id: string) => `/gift?id=${id}`,
+  SERVICES: {
+    INDEX: '/services',
+    CARE_INSTRUCTIONS: '/services/care-instructions',
+    DOWNLOADS: '/services/downloads',
+    GIFT_LIST: '/services/gift-list',
+  },
+  ABOUT: '/about',
+  CONTACT: '/contact',
+  QUALITY: '/quality',
+  IMPRINT: '/imprint',
+  DATA_PROTECTION: '/data-protection',
+  TERMS: '/terms',
+  NEWS: {
+    INDEX: '/news',
+    DETAIL: (slug: string) => `/news/${slug}`,
+  },
+};

package/templates/boilerplate/config/site.ts

@@ -0,0 +1,96 @@
+import type { Metadata, Viewport } from 'next';
+import type { LocalePrefixMode } from 'next-intl/routing';
+
+import { Locales, LOCALES } from '@/types/locale';
+
+import { NAVIGATION_URLS } from './navigationUrls';
+
+export type MenuItem = {
+  key: string;
+  labelKey: string;
+  href: string;
+};
+
+const localePrefix: LocalePrefixMode = 'always';
+
+export const siteConfig = {
+  name: '',
+  description: '',
+  locales: [...LOCALES] as string[],
+  defaultLocale: Locales.DE,
+  localePrefix,
+  theme: {
+    lightColor: '#FFFFFF', // background color from theme
+    darkColor: '#000000', // primary/foreground color from theme
+  },
+};
+
+export const menuItems: MenuItem[] = [
+  { key: 'home', labelKey: 'home', href: NAVIGATION_URLS.ROOT },
+  { key: 'news', labelKey: 'news', href: NAVIGATION_URLS.NEWS.INDEX },
+  { key: 'about', labelKey: 'about', href: NAVIGATION_URLS.ABOUT },
+  { key: 'contact', labelKey: 'contact', href: NAVIGATION_URLS.CONTACT },
+];
+
+// Viewport Configuration
+export const siteViewport: Viewport = {
+  width: 'device-width',
+  initialScale: 1,
+  maximumScale: 5,
+  userScalable: true,
+  viewportFit: 'cover',
+  themeColor: [
+    { media: '(prefers-color-scheme: light)', color: siteConfig.theme.lightColor },
+    { media: '(prefers-color-scheme: dark)', color: siteConfig.theme.darkColor },
+  ],
+};
+
+// Metadata Configuration
+export const siteMetadata: Metadata = {
+  title: {
+    default: siteConfig.name,
+    template: `%s - ${siteConfig.name}`,
+  },
+  description: siteConfig.description,
+  icons: {
+    icon: [
+      { url: '/favicon.ico', sizes: 'any' },
+      { url: '/favicon-16x16.png', sizes: '16x16', type: 'image/png' },
+      { url: '/favicon-32x32.png', sizes: '32x32', type: 'image/png' },
+    ],
+    apple: [{ url: '/apple-touch-icon.png', sizes: '180x180', type: 'image/png' }],
+    other: [
+      {
+        rel: 'icon',
+        url: '/icon-192.png',
+        sizes: '192x192',
+        type: 'image/png',
+      },
+      {
+        rel: 'icon',
+        url: '/icon-512.png',
+        sizes: '512x512',
+        type: 'image/png',
+      },
+    ],
+  },
+  manifest: '/site.webmanifest',
+  appleWebApp: {
+    capable: true,
+    statusBarStyle: 'default',
+    title: siteConfig.name,
+  },
+  formatDetection: {
+    telephone: false,
+  },
+  robots: {
+    index: true,
+    follow: true,
+  },
+  openGraph: {
+    type: 'website',
+    siteName: siteConfig.name,
+    title: siteConfig.name,
+    description: siteConfig.description,
+  },
+};

package/templates/boilerplate/libs/I18n.ts

@@ -0,0 +1,15 @@
+import { hasLocale } from 'next-intl';
+import { getRequestConfig } from 'next-intl/server';
+
+import { routing } from './I18nRouting';
+
+export default getRequestConfig(async ({ requestLocale }) => {
+  // Typically corresponds to the `[locale]` segment
+  const requested = await requestLocale;
+  const locale = hasLocale(routing.locales, requested) ? requested : routing.defaultLocale;
+
+  return {
+    locale,
+    messages: (await import(`../locales/${locale}.json`)).default,
+  };
+});

package/templates/boilerplate/libs/I18nNavigation.ts

@@ -0,0 +1,5 @@
+import { createNavigation } from 'next-intl/navigation';
+
+import { routing } from './I18nRouting';
+
+export const { usePathname } = createNavigation(routing);

package/templates/boilerplate/libs/I18nRouting.ts

@@ -0,0 +1,9 @@
+import { defineRouting } from 'next-intl/routing';
+
+import { siteConfig } from '@/config/site';
+
+export const routing = defineRouting({
+  locales: siteConfig.locales,
+  localePrefix: siteConfig.localePrefix,
+  defaultLocale: siteConfig.defaultLocale,
+});

package/templates/boilerplate/libs/env.ts

@@ -0,0 +1,21 @@
+import { createEnv } from '@t3-oss/env-nextjs';
+import { z } from 'zod';
+
+export const Env = createEnv({
+  server: {
+    SALEOR_SERVER_TOKEN: z.string(),
+  },
+  client: {
+    NEXT_PUBLIC_SITE_URL: z.string(),
+    NEXT_PUBLIC_SALEOR_API_URL: z.string(),
+  },
+  shared: {
+    NODE_ENV: z.enum(['development', 'staging', 'production']).optional(),
+  },
+  runtimeEnv: {
+    NEXT_PUBLIC_SITE_URL: process.env.NEXT_PUBLIC_SITE_URL,
+    NEXT_PUBLIC_SALEOR_API_URL: process.env.NEXT_PUBLIC_SALEOR_API_URL,
+    SALEOR_SERVER_TOKEN: process.env.SALEOR_SERVER_TOKEN,
+    NODE_ENV: process.env.NODE_ENV,
+  },
+});

package/templates/boilerplate/libs/react-query/ReactQueryProvider.tsx

@@ -0,0 +1,21 @@
+'use client';
+
+import type { ReactNode } from 'react';
+
+import { QueryClientProvider } from '@tanstack/react-query';
+import { ReactQueryDevtools } from '@tanstack/react-query-devtools';
+
+import { queryClient } from './queryClient';
+
+type ReactQueryProviderProps = {
+  children: ReactNode;
+};
+
+export function ReactQueryProvider({ children }: ReactQueryProviderProps) {
+  return (
+    <QueryClientProvider client={queryClient}>
+      {children}
+      <ReactQueryDevtools initialIsOpen={false} />
+    </QueryClientProvider>
+  );
+}

package/templates/boilerplate/libs/react-query/index.ts

@@ -0,0 +1,2 @@
+export * from './queryClient';
+export * from './queryKeys';

package/templates/boilerplate/libs/react-query/queryClient.ts

@@ -0,0 +1,62 @@
+import { QueryCache, QueryClient as TanStackQueryClient } from '@tanstack/react-query';
+
+
+const REACT_QUERY_CONFIG = {
+  STALE_TIME: 5 * 60 * 1000, // 5 minutes
+  GC_TIME: 10 * 60 * 1000, // 10 minutes
+  RETRY_ATTEMPTS: 3,
+  RETRY_DELAY: 1000, // 1 second
+  REFETCH_ON_WINDOW_FOCUS: false,
+  REFETCH_ON_MOUNT: false,
+} as const;
+
+// Helper to check if error is an authentication/authorization error
+function isAuthError(error: unknown): boolean {
+  if (error) {
+    return error.status === 401 || error.status === 403;
+  }
+
+  // Check for GraphQL authentication errors
+  if (error) {
+    const message = error.message.toLowerCase();
+
+    return (
+      message.includes('unauthorized') ||
+      message.includes('unauthenticated') ||
+      message.includes('forbidden') ||
+      message.includes('not authenticated')
+    );
+  }
+
+  return false;
+}
+
+export const queryClient = new TanStackQueryClient({
+  defaultOptions: {
+    queries: {
+      staleTime: REACT_QUERY_CONFIG.STALE_TIME,
+      gcTime: REACT_QUERY_CONFIG.GC_TIME,
+      refetchOnWindowFocus: REACT_QUERY_CONFIG.REFETCH_ON_WINDOW_FOCUS,
+      refetchOnMount: REACT_QUERY_CONFIG.REFETCH_ON_MOUNT,
+      retryDelay: REACT_QUERY_CONFIG.RETRY_DELAY,
+      retry(failureCount, error) {
+        // Don't retry on authentication/authorization errors
+        if (isAuthError(error)) {
+          return false;
+        }
+
+        return failureCount < REACT_QUERY_CONFIG.RETRY_ATTEMPTS;
+      },
+      // Disable experimental prefetch to prevent "setState during render" errors
+      experimental_prefetchInRender: false,
+    },
+  },
+  queryCache: new QueryCache({
+    onError: (_, query) => {
+      queryClient.removeQueries({
+        queryKey: query.queryKey,
+        type: 'inactive',
+      });
+    },
+  }),
+});

package/templates/boilerplate/libs/react-query/queryKeys.ts

@@ -0,0 +1,5 @@
+export const QUERY_KEYS = {
+  USER: {
+    PROFILE: ['user', 'profile'] as const,
+  },
+};

package/templates/boilerplate/public/images/index.ts

@@ -0,0 +1 @@
+export {};

package/templates/boilerplate/reset.d.ts

@@ -0,0 +1,2 @@
+// Do not add any other lines of code to this file!
+import '@total-typescript/ts-reset';