@yousxlfs/next-arch 0.1.0

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

@@ -0,0 +1,130 @@
+@import "tailwindcss";
+@import "tw-animate-css";
+@import "shadcn/tailwind.css";
+
+@custom-variant dark (&:is(.dark *));
+
+@theme inline {
+  --color-background: var(--background);
+  --color-foreground: var(--foreground);
+  --font-sans: var(--font-sans);
+  --font-mono: var(--font-geist-mono);
+  --font-heading: var(--font-sans);
+  --color-sidebar-ring: var(--sidebar-ring);
+  --color-sidebar-border: var(--sidebar-border);
+  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
+  --color-sidebar-accent: var(--sidebar-accent);
+  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
+  --color-sidebar-primary: var(--sidebar-primary);
+  --color-sidebar-foreground: var(--sidebar-foreground);
+  --color-sidebar: var(--sidebar);
+  --color-chart-5: var(--chart-5);
+  --color-chart-4: var(--chart-4);
+  --color-chart-3: var(--chart-3);
+  --color-chart-2: var(--chart-2);
+  --color-chart-1: var(--chart-1);
+  --color-ring: var(--ring);
+  --color-input: var(--input);
+  --color-border: var(--border);
+  --color-destructive: var(--destructive);
+  --color-accent-foreground: var(--accent-foreground);
+  --color-accent: var(--accent);
+  --color-muted-foreground: var(--muted-foreground);
+  --color-muted: var(--muted);
+  --color-secondary-foreground: var(--secondary-foreground);
+  --color-secondary: var(--secondary);
+  --color-primary-foreground: var(--primary-foreground);
+  --color-primary: var(--primary);
+  --color-popover-foreground: var(--popover-foreground);
+  --color-popover: var(--popover);
+  --color-card-foreground: var(--card-foreground);
+  --color-card: var(--card);
+  --radius-sm: calc(var(--radius) * 0.6);
+  --radius-md: calc(var(--radius) * 0.8);
+  --radius-lg: var(--radius);
+  --radius-xl: calc(var(--radius) * 1.4);
+  --radius-2xl: calc(var(--radius) * 1.8);
+  --radius-3xl: calc(var(--radius) * 2.2);
+  --radius-4xl: calc(var(--radius) * 2.6);
+}
+
+:root {
+  --background: oklch(1 0 0);
+  --foreground: oklch(0.145 0 0);
+  --card: oklch(1 0 0);
+  --card-foreground: oklch(0.145 0 0);
+  --popover: oklch(1 0 0);
+  --popover-foreground: oklch(0.145 0 0);
+  --primary: oklch(0.205 0 0);
+  --primary-foreground: oklch(0.985 0 0);
+  --secondary: oklch(0.97 0 0);
+  --secondary-foreground: oklch(0.205 0 0);
+  --muted: oklch(0.97 0 0);
+  --muted-foreground: oklch(0.556 0 0);
+  --accent: oklch(0.97 0 0);
+  --accent-foreground: oklch(0.205 0 0);
+  --destructive: oklch(0.577 0.245 27.325);
+  --border: oklch(0.922 0 0);
+  --input: oklch(0.922 0 0);
+  --ring: oklch(0.708 0 0);
+  --chart-1: oklch(0.87 0 0);
+  --chart-2: oklch(0.556 0 0);
+  --chart-3: oklch(0.439 0 0);
+  --chart-4: oklch(0.371 0 0);
+  --chart-5: oklch(0.269 0 0);
+  --radius: 0.625rem;
+  --sidebar: oklch(0.985 0 0);
+  --sidebar-foreground: oklch(0.145 0 0);
+  --sidebar-primary: oklch(0.205 0 0);
+  --sidebar-primary-foreground: oklch(0.985 0 0);
+  --sidebar-accent: oklch(0.97 0 0);
+  --sidebar-accent-foreground: oklch(0.205 0 0);
+  --sidebar-border: oklch(0.922 0 0);
+  --sidebar-ring: oklch(0.708 0 0);
+}
+
+.dark {
+  --background: oklch(0.145 0 0);
+  --foreground: oklch(0.985 0 0);
+  --card: oklch(0.205 0 0);
+  --card-foreground: oklch(0.985 0 0);
+  --popover: oklch(0.205 0 0);
+  --popover-foreground: oklch(0.985 0 0);
+  --primary: oklch(0.922 0 0);
+  --primary-foreground: oklch(0.205 0 0);
+  --secondary: oklch(0.269 0 0);
+  --secondary-foreground: oklch(0.985 0 0);
+  --muted: oklch(0.269 0 0);
+  --muted-foreground: oklch(0.708 0 0);
+  --accent: oklch(0.269 0 0);
+  --accent-foreground: oklch(0.985 0 0);
+  --destructive: oklch(0.704 0.191 22.216);
+  --border: oklch(1 0 0 / 10%);
+  --input: oklch(1 0 0 / 15%);
+  --ring: oklch(0.556 0 0);
+  --chart-1: oklch(0.87 0 0);
+  --chart-2: oklch(0.556 0 0);
+  --chart-3: oklch(0.439 0 0);
+  --chart-4: oklch(0.371 0 0);
+  --chart-5: oklch(0.269 0 0);
+  --sidebar: oklch(0.205 0 0);
+  --sidebar-foreground: oklch(0.985 0 0);
+  --sidebar-primary: oklch(0.488 0.243 264.376);
+  --sidebar-primary-foreground: oklch(0.985 0 0);
+  --sidebar-accent: oklch(0.269 0 0);
+  --sidebar-accent-foreground: oklch(0.985 0 0);
+  --sidebar-border: oklch(1 0 0 / 10%);
+  --sidebar-ring: oklch(0.556 0 0);
+}
+
+@layer base {
+  * {
+    @apply border-border outline-ring/50;
+  }
+  body {
+    @apply bg-background text-foreground;
+  }
+  html {
+    @apply font-sans;
+  }
+}

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

@@ -0,0 +1,33 @@
+import type { Metadata } from "next";
+import { Geist, Geist_Mono } from "next/font/google";
+import "./globals.css";
+
+const geistSans = Geist({
+  variable: "--font-geist-sans",
+  subsets: ["latin"],
+});
+
+const geistMono = Geist_Mono({
+  variable: "--font-geist-mono",
+  subsets: ["latin"],
+});
+
+export const metadata: Metadata = {
+  title: "Create Next App",
+  description: "Generated by create next app",
+};
+
+export default function RootLayout({
+  children,
+}: Readonly<{
+  children: React.ReactNode;
+}>) {
+  return (
+    <html
+      lang="en"
+      className={`${geistSans.variable} ${geistMono.variable} h-full antialiased`}
+    >
+      <body className="min-h-full flex flex-col">{children}</body>
+    </html>
+  );
+}

package/templates/app/src/app/page.tsx

@@ -0,0 +1,6 @@
+// src/app/page.tsx
+import { HomeView } from '@/views/HomeView';
+
+export default function HomePage() {
+  return <HomeView />;
+}

package/templates/app/src/components/ui/button.tsx

@@ -0,0 +1,67 @@
+import * as React from "react"
+import { cva, type VariantProps } from "class-variance-authority"
+import { Slot } from "radix-ui"
+
+import { cn } from "@/lib/utils"
+
+const buttonVariants = cva(
+  "group/button inline-flex shrink-0 items-center justify-center rounded-lg border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground hover:bg-primary/80",
+        outline:
+          "border-border bg-background hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50",
+        secondary:
+          "bg-secondary text-secondary-foreground hover:bg-[color-mix(in_oklch,var(--secondary),var(--foreground)_5%)] aria-expanded:bg-secondary aria-expanded:text-secondary-foreground",
+        ghost:
+          "hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50",
+        destructive:
+          "bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30 dark:focus-visible:ring-destructive/40",
+        link: "text-primary underline-offset-4 hover:underline",
+      },
+      size: {
+        default:
+          "h-8 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
+        xs: "h-6 gap-1 rounded-[min(var(--radius-md),10px)] px-2 text-xs in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3",
+        sm: "h-7 gap-1 rounded-[min(var(--radius-md),12px)] px-2.5 text-[0.8rem] in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5",
+        lg: "h-9 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
+        icon: "size-8",
+        "icon-xs":
+          "size-6 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-lg [&_svg:not([class*='size-'])]:size-3",
+        "icon-sm":
+          "size-7 rounded-[min(var(--radius-md),12px)] in-data-[slot=button-group]:rounded-lg",
+        "icon-lg": "size-9",
+      },
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default",
+    },
+  }
+)
+
+function Button({
+  className,
+  variant = "default",
+  size = "default",
+  asChild = false,
+  ...props
+}: React.ComponentProps<"button"> &
+  VariantProps<typeof buttonVariants> & {
+    asChild?: boolean
+  }) {
+  const Comp = asChild ? Slot.Root : "button"
+
+  return (
+    <Comp
+      data-slot="button"
+      data-variant={variant}
+      data-size={size}
+      className={cn(buttonVariants({ variant, size, className }))}
+      {...props}
+    />
+  )
+}
+
+export { Button, buttonVariants }

package/templates/app/src/features/demo/actions/submitDemo.ts

@@ -0,0 +1,5 @@
+'use server';
+
+export async function submitDemo(payload: { count: number }) {
+  return payload;
+}

package/templates/app/src/features/demo/api/fetchDemo.ts

@@ -0,0 +1,3 @@
+export async function fetchDemo() {
+  return { ok: true };
+}

package/templates/app/src/features/demo/index.ts

@@ -0,0 +1,4 @@
+export { FeatureDemo } from './ui/FeatureDemo';
+export type { DemoState } from './model/types';
+export { fetchDemo } from './api/fetchDemo';
+export { submitDemo } from './actions/submitDemo';

package/templates/app/src/features/demo/lib/formatDemo.ts

@@ -0,0 +1,3 @@
+export function formatDemoLabel(value: string) {
+  return value.trim();
+}

package/templates/app/src/features/demo/model/index.ts

@@ -0,0 +1,2 @@
+export type { DemoState } from './types';
+export { initialDemoState } from './types';

package/templates/app/src/features/demo/model/types.ts

@@ -0,0 +1,7 @@
+export type DemoState = {
+  count: number;
+};
+
+export const initialDemoState: DemoState = {
+  count: 0,
+};

package/templates/app/src/features/demo/ui/FeatureDemo.tsx

@@ -0,0 +1,18 @@
+'use client';
+
+import { Button } from '@/shared/ui';
+import { useState } from 'react';
+
+export function FeatureDemo() {
+  const [count, setCount] = useState(0);
+
+  return (
+    <div className="p-6 border rounded-xl bg-card">
+      <h2 className="text-2xl font-semibold mb-4">Demo Feature</h2>
+      <p className="mb-4">Счётчик: {count}</p>
+      <Button onClick={() => setCount(count + 1)}>
+        Увеличить
+      </Button>
+    </div>
+  );
+}

package/templates/app/src/lib/utils.ts

@@ -0,0 +1 @@
+export { cn } from '@/shared/lib/utils';

package/templates/app/src/shared/lib/utils.ts

@@ -0,0 +1,6 @@
+import { type ClassValue, clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+
+export function cn(...inputs: ClassValue[]) {
+  return twMerge(clsx(inputs));
+}

package/templates/app/src/shared/ui/index.ts

@@ -0,0 +1,2 @@
+export { Button } from '@/components/ui/button';
+// Добавляй сюда другие компоненты shadcn

package/templates/app/src/views/HomeView/index.tsx

@@ -0,0 +1,21 @@
+'use client';
+
+import { FeatureDemo } from '@/features/demo';
+
+export function HomeView() {
+  return (
+    <main className="min-h-screen p-8">
+      <div className="max-w-4xl mx-auto">
+        <h1 className="text-4xl font-bold mb-8">
+          Next Architecture
+        </h1>
+        
+        <p className="text-xl text-muted-foreground mb-8">
+          Профессиональная структура для Next.js 16
+        </p>
+
+        <FeatureDemo />
+      </div>
+    </main>
+  );
+}

package/templates/app/tsconfig.json

@@ -0,0 +1,40 @@
+{
+  "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": "react-jsx",
+    "incremental": true,
+    "plugins": [
+      {
+        "name": "next"
+      }
+    ],
+    "paths": {
+      "@/*": ["./src/*"],
+      "@app/*": ["./src/app/*"],
+      "@views/*": ["./src/views/*"],
+      "@features/*": ["./src/features/*"],
+      "@widgets/*": ["./src/widgets/*"],
+      "@entities/*": ["./src/entities/*"],
+      "@shared/*": ["./src/shared/*"]
+    }
+  },
+  "include": [
+    "next-env.d.ts",
+    "**/*.ts",
+    "**/*.tsx",
+    ".next/types/**/*.ts",
+    ".next/dev/types/**/*.ts",
+    "**/*.mts"
+  ],
+  "exclude": ["node_modules"]
+}

package/templates/entity/index.ts

@@ -0,0 +1 @@
+export type { {{Name}} } from '../model/types';

package/templates/entity/model/types.ts

@@ -0,0 +1,3 @@
+export type {{Name}} = {
+  id: string;
+};

package/templates/entity/ui/{{Name}}Card.tsx

@@ -0,0 +1,8 @@
+export function {{Name}}Card({ item }: { item: { id: string } }) {
+  return (
+    <article className="rounded-lg border p-4">
+      <p className="text-sm text-muted-foreground">Entity: {{name}}</p>
+      <p className="font-medium">{item.id}</p>
+    </article>
+  );
+}

package/templates/feature/actions/submit{{Name}}.ts

@@ -0,0 +1,5 @@
+'use server';
+
+export async function submit{{Name}}(payload: { id: string }) {
+  return payload;
+}

package/templates/feature/api/fetch{{Name}}.ts

@@ -0,0 +1,3 @@
+export async function fetch{{Name}}() {
+  return { id: '{{name}}' };
+}

package/templates/feature/index.ts

@@ -0,0 +1,4 @@
+export { {{Name}} } from './ui/{{Name}}';
+export type { {{Name}}State } from './model/types';
+export { fetch{{Name}} } from './api/fetch{{Name}}';
+export { submit{{Name}} } from './actions/submit{{Name}}';

package/templates/feature/lib/format{{Name}}.ts

@@ -0,0 +1,3 @@
+export function format{{Name}}Label(value: string) {
+  return value.trim();
+}

package/templates/feature/model/index.ts

@@ -0,0 +1,5 @@
+export type { {{Name}}State } from '../model/types';
+export { initial{{Name}}State } from '../model/types';
+export { fetch{{Name}} } from '../api/fetch{{Name}}';
+export { format{{Name}}Label } from '../lib/format{{Name}}';
+export { submit{{Name}} } from '../actions/submit{{Name}}';

package/templates/feature/model/types.ts

@@ -0,0 +1,7 @@
+export type {{Name}}State = {
+  id: string;
+};
+
+export const initial{{Name}}State: {{Name}}State = {
+  id: '{{name}}',
+};

package/templates/feature/ui/{{Name}}.tsx

@@ -0,0 +1,10 @@
+'use client';
+
+export function {{Name}}() {
+  return (
+    <section className="rounded-xl border bg-card p-6">
+      <h2 className="text-2xl font-semibold">{{Name}}</h2>
+      <p className="mt-2 text-muted-foreground">Feature slice: {{name}}</p>
+    </section>
+  );
+}

package/templates/view/index.tsx

@@ -0,0 +1,12 @@
+'use client';
+
+export function {{Name}}() {
+  return (
+    <main className="min-h-screen p-8">
+      <div className="mx-auto max-w-4xl">
+        <h1 className="text-4xl font-bold">{{Name}}</h1>
+        <p className="mt-4 text-muted-foreground">View slice: {{name}}</p>
+      </div>
+    </main>
+  );
+}

package/templates/widget/index.ts

@@ -0,0 +1 @@
+export { {{Name}} } from './ui/{{Name}}';

package/templates/widget/ui/{{Name}}.tsx

@@ -0,0 +1,9 @@
+export function {{Name}}() {
+  return (
+    <header className="border-b bg-background px-6 py-4">
+      <div className="mx-auto flex max-w-6xl items-center justify-between">
+        <span className="font-semibold">{{Name}}</span>
+      </div>
+    </header>
+  );
+}

package/vendor/eslint-plugin-next-arch/dist/index.d.ts

@@ -0,0 +1,50 @@
+import * as eslint from 'eslint';
+import { Rule } from 'eslint';
+
+declare const noCrossFeatureImports: Rule.RuleModule;
+
+declare const noDeepImports: Rule.RuleModule;
+
+declare const noServerInClient: Rule.RuleModule;
+
+declare const noUpwardImports: Rule.RuleModule;
+
+declare const plugin: {
+    meta: {
+        name: string;
+        version: string;
+    };
+    rules: {
+        'no-cross-feature-imports': eslint.Rule.RuleModule;
+        'no-deep-imports': eslint.Rule.RuleModule;
+        'no-server-in-client': eslint.Rule.RuleModule;
+        'no-upward-imports': eslint.Rule.RuleModule;
+    };
+};
+
+declare const configs: {
+    recommended: {
+        plugins: {
+            'next-arch': {
+                meta: {
+                    name: string;
+                    version: string;
+                };
+                rules: {
+                    'no-cross-feature-imports': eslint.Rule.RuleModule;
+                    'no-deep-imports': eslint.Rule.RuleModule;
+                    'no-server-in-client': eslint.Rule.RuleModule;
+                    'no-upward-imports': eslint.Rule.RuleModule;
+                };
+            };
+        };
+        rules: {
+            'next-arch/no-cross-feature-imports': "error";
+            'next-arch/no-deep-imports': "error";
+            'next-arch/no-server-in-client': "error";
+            'next-arch/no-upward-imports': "error";
+        };
+    };
+};
+
+export { configs, plugin as default, noCrossFeatureImports, noDeepImports, noServerInClient, noUpwardImports };