@yousxlfs/next-arch 0.1.0 → 0.2.0

package/templates/pages/crud/src/entities/{{name}}/index.ts

@@ -0,0 +1,2 @@
+export type { {{Name}} } from './types/{{name}}.types';
+export { {{name}}Schema } from './lib/{{name}}-schema';

package/templates/pages/crud/src/entities/{{name}}/lib/{{name}}-schema.ts

@@ -0,0 +1,6 @@
+import { z } from 'zod';
+
+export const {{name}}Schema = z.object({
+  id: z.string(),
+  title: z.string().min(1),
+});

package/templates/pages/crud/src/entities/{{name}}/types/{{name}}.types.ts

@@ -0,0 +1,4 @@
+export interface {{Name}} {
+  id: string;
+  title: string;
+}

package/templates/pages/crud/src/features/{{name}}/actions/create-{{name}}.action.ts

@@ -0,0 +1,5 @@
+'use server';
+
+export async function create{{Name}}Action(data: { title: string }) {
+  return { ok: true as const, id: '1', ...data };
+}

package/templates/pages/crud/src/features/{{name}}/actions/delete-{{name}}.action.ts

@@ -0,0 +1,5 @@
+'use server';
+
+export async function delete{{Name}}Action(id: string) {
+  return { ok: true as const, id };
+}

package/templates/pages/crud/src/features/{{name}}/actions/update-{{name}}.action.ts

@@ -0,0 +1,5 @@
+'use server';
+
+export async function update{{Name}}Action(id: string, data: { title: string }) {
+  return { ok: true as const, id, ...data };
+}

package/templates/pages/crud/src/features/{{name}}/components/ProductCard.tsx

@@ -0,0 +1,3 @@
+export function ProductCard({ title }: { title: string }) {
+  return <article className="rounded border p-4">{title}</article>;
+}

package/templates/pages/crud/src/features/{{name}}/components/ProductForm.tsx

@@ -0,0 +1,5 @@
+'use client';
+
+export function ProductForm() {
+  return <form className="flex flex-col gap-2">CRUD form placeholder</form>;
+}

package/templates/pages/crud/src/features/{{name}}/components/ProductsList.tsx

@@ -0,0 +1,15 @@
+import { ProductCard } from './ProductCard';
+
+const items = [{ id: '1', title: 'Demo item' }];
+
+export function ProductsList() {
+  return (
+    <ul className="space-y-2">
+      {items.map((item) => (
+        <li key={item.id}>
+          <ProductCard title={item.title} />
+        </li>
+      ))}
+    </ul>
+  );
+}

package/templates/pages/crud/src/features/{{name}}/index.ts

@@ -0,0 +1,8 @@
+export { ProductsList } from './components/ProductsList';
+export { ProductCard } from './components/ProductCard';
+export { ProductForm } from './components/ProductForm';
+export { use{{Name}}sQuery } from './queries/use-{{name}}s.query';
+export { use{{Name}}Query } from './queries/use-{{name}}.query';
+export { create{{Name}}Action } from './actions/create-{{name}}.action';
+export { update{{Name}}Action } from './actions/update-{{name}}.action';
+export { delete{{Name}}Action } from './actions/delete-{{name}}.action';

package/templates/pages/crud/src/features/{{name}}/queries/use-{{name}}.query.ts

@@ -0,0 +1,10 @@
+'use client';
+
+import { useQuery } from '@tanstack/react-query';
+
+export function use{{Name}}Query(id: string) {
+  return useQuery({
+    queryKey: ['{{name}}', id],
+    queryFn: async () => ({ id, title: 'Demo' }),
+  });
+}

package/templates/pages/crud/src/features/{{name}}/queries/use-{{name}}s.query.ts

@@ -0,0 +1,10 @@
+'use client';
+
+import { useQuery } from '@tanstack/react-query';
+
+export function use{{Name}}sQuery() {
+  return useQuery({
+    queryKey: ['{{name}}s'],
+    queryFn: async () => [{ id: '1', title: 'Demo' }],
+  });
+}

package/templates/pages/crud/src/views/{{name}}/index.ts

@@ -0,0 +1 @@
+export { {{Name}}ListView, {{Name}}DetailView, {{Name}}CreateView } from './{{Name}}ListView';

package/templates/pages/crud/src/views/{{name}}/{{Name}}ListView.tsx

@@ -0,0 +1,26 @@
+import { ProductsList } from '@/features/{{name}}';
+
+export function {{Name}}ListView() {
+  return (
+    <main className="mx-auto max-w-4xl p-8">
+      <h1 className="mb-4 text-3xl font-semibold">{{Name}} list</h1>
+      <ProductsList />
+    </main>
+  );
+}
+
+export function {{Name}}DetailView() {
+  return (
+    <main className="mx-auto max-w-4xl p-8">
+      <h1 className="text-3xl font-semibold">{{Name}} details</h1>
+    </main>
+  );
+}
+
+export function {{Name}}CreateView() {
+  return (
+    <main className="mx-auto max-w-4xl p-8">
+      <h1 className="mb-4 text-3xl font-semibold">Create {{name}}</h1>
+    </main>
+  );
+}

package/templates/pages/dashboard/src/app/{{name}}/layout.tsx

@@ -0,0 +1,8 @@
+export default function {{Name}}Layout({ children }: { children: React.ReactNode }) {
+  return (
+    <div className="flex min-h-screen">
+      <aside className="w-64 border-r bg-muted/30 p-4">Sidebar</aside>
+      <div className="flex-1">{children}</div>
+    </div>
+  );
+}

package/templates/pages/dashboard/src/app/{{name}}/page.tsx

@@ -0,0 +1,5 @@
+import { DashboardView } from '@/views/{{name}}';
+
+export default function Page() {
+  return <DashboardView />;
+}

package/templates/pages/dashboard/src/features/{{name}}/components/AnalyticsCard.tsx

@@ -0,0 +1,8 @@
+export function AnalyticsCard({ title, value }: { title: string; value: string }) {
+  return (
+    <section className="rounded-xl border bg-card p-6">
+      <p className="text-sm text-muted-foreground">{title}</p>
+      <p className="mt-2 text-3xl font-semibold">{value}</p>
+    </section>
+  );
+}

package/templates/pages/dashboard/src/features/{{name}}/index.ts

@@ -0,0 +1 @@
+export { AnalyticsCard } from './components/AnalyticsCard';

package/templates/pages/dashboard/src/views/{{name}}/DashboardView.tsx

@@ -0,0 +1,10 @@
+import { AnalyticsCard } from '@/features/{{name}}';
+
+export function DashboardView() {
+  return (
+    <main className="grid gap-4 p-8 md:grid-cols-2">
+      <AnalyticsCard title="Users" value="1,234" />
+      <AnalyticsCard title="Revenue" value="$12,340" />
+    </main>
+  );
+}

package/templates/pages/dashboard/src/views/{{name}}/index.ts

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

package/templates/pages/profile/src/app/{{name}}/page.tsx

@@ -0,0 +1,5 @@
+import { ProfileView } from '@/views/{{name}}';
+
+export default function Page() {
+  return <ProfileView />;
+}

package/templates/pages/profile/src/features/{{name}}/components/ProfileCard.tsx

@@ -0,0 +1,8 @@
+export function ProfileCard({ name, email }: { name: string; email: string }) {
+  return (
+    <section className="rounded-xl border p-6">
+      <h1 className="text-2xl font-semibold">{name}</h1>
+      <p className="text-muted-foreground">{email}</p>
+    </section>
+  );
+}

package/templates/pages/profile/src/features/{{name}}/index.ts

@@ -0,0 +1 @@
+export { ProfileCard } from './components/ProfileCard';

package/templates/pages/profile/src/views/{{name}}/ProfileView.tsx

@@ -0,0 +1,9 @@
+import { ProfileCard } from '@/features/{{name}}';
+
+export function ProfileView() {
+  return (
+    <main className="mx-auto max-w-2xl p-8">
+      <ProfileCard name="Demo User" email="demo@example.com" />
+    </main>
+  );
+}

package/templates/pages/profile/src/views/{{name}}/index.ts

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

package/templates/pages/settings/src/app/{{name}}/page.tsx

@@ -0,0 +1,5 @@
+import { SettingsView } from '@/views/{{name}}';
+
+export default function Page() {
+  return <SettingsView />;
+}

package/templates/pages/settings/src/features/{{name}}/components/SettingsTabs.tsx

@@ -0,0 +1,18 @@
+'use client';
+
+const tabs = ['Account', 'Notifications', 'Security'] as const;
+
+export function SettingsTabs() {
+  return (
+    <div className="space-y-4">
+      <nav className="flex gap-2">
+        {tabs.map((tab) => (
+          <button key={tab} type="button" className="rounded border px-3 py-1 text-sm">
+            {tab}
+          </button>
+        ))}
+      </nav>
+      <p className="text-muted-foreground">Выбери вкладку и добавь формы в features/{{name}}/.</p>
+    </div>
+  );
+}

package/templates/pages/settings/src/features/{{name}}/index.ts

@@ -0,0 +1 @@
+export { SettingsTabs } from './components/SettingsTabs';

package/templates/pages/settings/src/views/{{name}}/SettingsView.tsx

@@ -0,0 +1,10 @@
+import { SettingsTabs } from '@/features/{{name}}';
+
+export function SettingsView() {
+  return (
+    <main className="mx-auto max-w-3xl p-8">
+      <h1 className="mb-4 text-3xl font-semibold">Settings</h1>
+      <SettingsTabs />
+    </main>
+  );
+}

package/templates/pages/settings/src/views/{{name}}/index.ts

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