@idevconn/create-icore 0.1.0

package/templates/apps/templates/client-shadcn/src/routes/_dashboard/dashboard.tsx

@@ -0,0 +1,33 @@
+import { createFileRoute, Link } from '@tanstack/react-router';
+import { useAuthStore } from '@icore/template-shared';
+import {
+  Card,
+  CardContent,
+  CardDescription,
+  CardHeader,
+  CardTitle,
+} from '../../components/ui/card';
+import { PageLayout } from '../../components/PageLayout';
+
+function DashboardHome() {
+  const user = useAuthStore((s) => s.user);
+  return (
+    <PageLayout title="Dashboard" description={`Welcome back, ${user?.email ?? 'guest'}`}>
+      <Card className="max-w-2xl">
+        <CardHeader>
+          <CardTitle>Hello, world</CardTitle>
+          <CardDescription>Edit this page in src/routes/_dashboard/dashboard.tsx</CardDescription>
+        </CardHeader>
+        <CardContent>
+          <Link to="/_dashboard/profile" className="underline">
+            Go to profile →
+          </Link>
+        </CardContent>
+      </Card>
+    </PageLayout>
+  );
+}
+
+export const Route = createFileRoute('/_dashboard/dashboard')({
+  component: DashboardHome,
+});

package/templates/apps/templates/client-shadcn/src/routes/_dashboard/profile.tsx

@@ -0,0 +1,88 @@
+import { createFileRoute } from '@tanstack/react-router';
+import { useQuery, useMutation, useQueryClient } from '@tanstack/react-query';
+import { FormEvent, useEffect, useState } from 'react';
+import { useDraft, useNotify, useAuthStore } from '@icore/template-shared';
+import { PageLayout } from '../../components/PageLayout';
+import { Button } from '../../components/ui/button';
+import { Input } from '../../components/ui/input';
+import { Label } from '../../components/ui/label';
+import { api } from '../../main';
+
+interface ProfilePayload {
+  uid: string;
+  email?: string;
+  role?: string;
+}
+
+function ProfilePage() {
+  const notify = useNotify();
+  const qc = useQueryClient();
+  const authUser = useAuthStore((s) => s.user);
+
+  const { data, isPending } = useQuery({
+    queryKey: ['profile'],
+    queryFn: () => api<ProfilePayload>('/profile'),
+  });
+
+  const [name, setName] = useState('');
+  const [dirty, setDirty] = useState(false);
+  useDraft(dirty);
+
+  useEffect(() => {
+    if (data?.email) setName(data.email);
+  }, [data?.email]);
+
+  const save = useMutation({
+    mutationFn: async (next: string) =>
+      api('/profile', {
+        method: 'PATCH',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({ name: next }),
+      }),
+    onSuccess: () => {
+      setDirty(false);
+      notify.success('Saved');
+      void qc.invalidateQueries({ queryKey: ['profile'] });
+    },
+    onError: (err) => notify.error(err instanceof Error ? err.message : 'save_failed'),
+  });
+
+  function handleSubmit(e: FormEvent) {
+    e.preventDefault();
+    save.mutate(name);
+  }
+
+  return (
+    <PageLayout
+      title="Profile"
+      description="Edit your account details."
+      action="read"
+      subject="Profile"
+    >
+      <form onSubmit={handleSubmit} className="max-w-md space-y-4">
+        <div className="space-y-2">
+          <Label htmlFor="email">Email</Label>
+          <Input id="email" value={authUser?.email ?? ''} readOnly disabled />
+        </div>
+        <div className="space-y-2">
+          <Label htmlFor="name">Display name</Label>
+          <Input
+            id="name"
+            value={name}
+            onChange={(e) => {
+              setName(e.target.value);
+              setDirty(true);
+            }}
+          />
+        </div>
+        <Button type="submit" disabled={!dirty || save.isPending || isPending}>
+          {save.isPending ? 'Saving…' : 'Save'}
+        </Button>
+      </form>
+    </PageLayout>
+  );
+}
+
+export const Route = createFileRoute('/_dashboard/profile')({
+  component: ProfilePage,
+});

package/templates/apps/templates/client-shadcn/src/routes/_dashboard.tsx

@@ -0,0 +1,16 @@
+import { createFileRoute, Outlet, redirect } from '@tanstack/react-router';
+import { useAuthStore } from '@icore/template-shared';
+import { MainLayout } from '../layouts/MainLayout';
+
+export const Route = createFileRoute('/_dashboard')({
+  beforeLoad: () => {
+    if (!useAuthStore.getState().accessToken) {
+      throw redirect({ to: '/login' });
+    }
+  },
+  component: () => (
+    <MainLayout>
+      <Outlet />
+    </MainLayout>
+  ),
+});

package/templates/apps/templates/client-shadcn/src/routes/index.tsx

@@ -0,0 +1,33 @@
+import { createFileRoute } from '@tanstack/react-router';
+import { LandingPage } from '@icore/template-shared';
+
+// All version strings are injected at build time by vite.config.mts
+// (reads root package.json via fs.readFileSync so they stay accurate
+// even when workspace packages are bumped independently).
+const APP_VERSION = (import.meta.env.VITE_APP_VERSION as string | undefined) ?? '0.0.0-dev';
+
+export const Route = createFileRoute('/')({
+  component: () => (
+    <LandingPage
+      coreVersion={APP_VERSION}
+      uiLibrary="shadcn"
+      deps={[
+        { name: 'react', version: (import.meta.env.VITE_DEP_REACT as string) ?? '?' },
+        { name: 'vite', version: (import.meta.env.VITE_DEP_VITE as string) ?? '?' },
+        { name: 'tailwindcss', version: (import.meta.env.VITE_DEP_TAILWINDCSS as string) ?? '?' },
+        {
+          name: '@tanstack/react-router',
+          version: (import.meta.env.VITE_DEP_TANSTACK_ROUTER as string) ?? '?',
+        },
+        {
+          name: '@tanstack/react-query',
+          version: (import.meta.env.VITE_DEP_TANSTACK_QUERY as string) ?? '?',
+        },
+        { name: 'zustand', version: (import.meta.env.VITE_DEP_ZUSTAND as string) ?? '?' },
+        { name: '@casl/ability', version: (import.meta.env.VITE_DEP_CASL as string) ?? '?' },
+      ]}
+      ctaHref="/login"
+      ctaLabel="Log in →"
+    />
+  ),
+});

package/templates/apps/templates/client-shadcn/src/routes/login.tsx

@@ -0,0 +1,93 @@
+import { createFileRoute, useNavigate } from '@tanstack/react-router';
+import { FormEvent, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useAuthStore, useNotify } from '@icore/template-shared';
+import { api } from '../main';
+import { Button } from '../components/ui/button';
+import { Input } from '../components/ui/input';
+import { Label } from '../components/ui/label';
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '../components/ui/card';
+
+function LoginPage() {
+  const { t } = useTranslation();
+  const navigate = useNavigate();
+  const notify = useNotify();
+  const setAuth = useAuthStore((s) => s.setAuth);
+
+  const [email, setEmail] = useState('');
+  const [password, setPassword] = useState('');
+  const [submitting, setSubmitting] = useState(false);
+
+  async function handleSubmit(e: FormEvent) {
+    e.preventDefault();
+    setSubmitting(true);
+    try {
+      const session = await api<{
+        access_token: string;
+        refresh_token: string;
+        user: { id: string; email: string; role?: string };
+      }>('/auth/login', {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({ email, password }),
+      });
+      setAuth({
+        accessToken: session.access_token,
+        refreshToken: session.refresh_token,
+        user: session.user,
+      });
+      notify.success(t('auth.login'));
+      await navigate({ to: '/_dashboard/dashboard' });
+    } catch (err) {
+      notify.error(err instanceof Error ? err.message : t('error.unknown'));
+    } finally {
+      setSubmitting(false);
+    }
+  }
+
+  return (
+    <main className="min-h-screen flex items-center justify-center p-6 bg-background">
+      <Card className="w-full max-w-sm">
+        <CardHeader>
+          <CardTitle>{t('auth.login')}</CardTitle>
+          <CardDescription>
+            {t('auth.email')} &amp; {t('auth.password')}
+          </CardDescription>
+        </CardHeader>
+        <CardContent>
+          <form onSubmit={handleSubmit} className="space-y-4">
+            <div className="space-y-2">
+              <Label htmlFor="email">{t('auth.email')}</Label>
+              <Input
+                id="email"
+                type="email"
+                value={email}
+                onChange={(e) => setEmail(e.target.value)}
+                required
+                autoComplete="email"
+              />
+            </div>
+            <div className="space-y-2">
+              <Label htmlFor="password">{t('auth.password')}</Label>
+              <Input
+                id="password"
+                type="password"
+                value={password}
+                onChange={(e) => setPassword(e.target.value)}
+                required
+                autoComplete="current-password"
+              />
+            </div>
+            <Button type="submit" className="w-full" disabled={submitting}>
+              {submitting ? t('common.loading') : t('auth.login')}
+            </Button>
+          </form>
+        </CardContent>
+      </Card>
+    </main>
+  );
+}
+
+export const Route = createFileRoute('/login')({
+  component: LoginPage,
+});

package/templates/apps/templates/client-shadcn/src/styles.css

@@ -0,0 +1 @@
+/* You can add global styles to this file, and also import other style files */

package/templates/apps/templates/client-shadcn/tsconfig.app.json

@@ -0,0 +1,27 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../../dist/out-tsc",
+    "types": [
+      "node",
+      "@nx/react/typings/cssmodule.d.ts",
+      "@nx/react/typings/image.d.ts",
+      "vite/client"
+    ]
+  },
+  "exclude": [
+    "src/**/*.spec.ts",
+    "src/**/*.test.ts",
+    "src/**/*.spec.tsx",
+    "src/**/*.test.tsx",
+    "src/**/*.spec.js",
+    "src/**/*.test.js",
+    "src/**/*.spec.jsx",
+    "src/**/*.test.jsx",
+    "vite.config.ts",
+    "vite.config.mts",
+    "vitest.config.ts",
+    "vitest.config.mts"
+  ],
+  "include": ["src/**/*.js", "src/**/*.jsx", "src/**/*.ts", "src/**/*.tsx"]
+}

package/templates/apps/templates/client-shadcn/tsconfig.json

@@ -0,0 +1,21 @@
+{
+  "compilerOptions": {
+    "jsx": "react-jsx",
+    "allowJs": false,
+    "esModuleInterop": false,
+    "allowSyntheticDefaultImports": true,
+    "strict": true,
+    "types": ["vite/client", "vitest"]
+  },
+  "files": [],
+  "include": [],
+  "references": [
+    {
+      "path": "./tsconfig.app.json"
+    },
+    {
+      "path": "./tsconfig.spec.json"
+    }
+  ],
+  "extends": "../../../tsconfig.base.json"
+}

package/templates/apps/templates/client-shadcn/tsconfig.spec.json

@@ -0,0 +1,30 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../../dist/out-tsc",
+    "types": [
+      "vitest/globals",
+      "vitest/importMeta",
+      "vite/client",
+      "node",
+      "vitest",
+      "@nx/react/typings/cssmodule.d.ts",
+      "@nx/react/typings/image.d.ts"
+    ]
+  },
+  "include": [
+    "vite.config.ts",
+    "vite.config.mts",
+    "vitest.config.ts",
+    "vitest.config.mts",
+    "src/**/*.test.ts",
+    "src/**/*.spec.ts",
+    "src/**/*.test.tsx",
+    "src/**/*.spec.tsx",
+    "src/**/*.test.js",
+    "src/**/*.spec.js",
+    "src/**/*.test.jsx",
+    "src/**/*.spec.jsx",
+    "src/**/*.d.ts"
+  ]
+}

package/templates/apps/templates/client-shadcn/vite.config.mts

@@ -0,0 +1,92 @@
+/// <reference types='vitest' />
+import fs from 'node:fs';
+import { defineConfig } from 'vite';
+import react from '@vitejs/plugin-react';
+import tailwindcss from '@tailwindcss/vite';
+import { TanStackRouterVite } from '@tanstack/router-plugin/vite';
+import { nxViteTsPaths } from '@nx/vite/plugins/nx-tsconfig-paths.plugin';
+import { nxCopyAssetsPlugin } from '@nx/vite/plugins/nx-copy-assets.plugin';
+
+const rootPackageJsonPath = new URL('../../../package.json', import.meta.url);
+const rootPackageJson = JSON.parse(fs.readFileSync(rootPackageJsonPath, 'utf-8')) as {
+  version: string;
+  dependencies?: Record<string, string>;
+  devDependencies?: Record<string, string>;
+};
+
+function depVersion(name: string): string {
+  return (
+    rootPackageJson.dependencies?.[name] ??
+    rootPackageJson.devDependencies?.[name] ??
+    '?'
+  );
+}
+
+export default defineConfig(() => ({
+  root: import.meta.dirname,
+  cacheDir: '../../../node_modules/.vite/apps/templates/client-shadcn',
+  server: {
+    port: 4200,
+    host: 'localhost',
+  },
+  preview: {
+    port: 4200,
+    host: 'localhost',
+  },
+  define: {
+    'import.meta.env.VITE_APP_VERSION': JSON.stringify(rootPackageJson.version),
+    // Dep versions injected at build time so routes don't need JSON imports
+    'import.meta.env.VITE_DEP_REACT': JSON.stringify(depVersion('react')),
+    'import.meta.env.VITE_DEP_VITE': JSON.stringify(depVersion('vite')),
+    'import.meta.env.VITE_DEP_TAILWINDCSS': JSON.stringify(depVersion('tailwindcss')),
+    'import.meta.env.VITE_DEP_TANSTACK_ROUTER': JSON.stringify(
+      depVersion('@tanstack/react-router'),
+    ),
+    'import.meta.env.VITE_DEP_TANSTACK_QUERY': JSON.stringify(
+      depVersion('@tanstack/react-query'),
+    ),
+    'import.meta.env.VITE_DEP_ZUSTAND': JSON.stringify(depVersion('zustand')),
+    'import.meta.env.VITE_DEP_CASL': JSON.stringify(depVersion('@casl/ability')),
+  },
+  plugins: [
+    TanStackRouterVite({
+      target: 'react',
+      autoCodeSplitting: true,
+      routeFileIgnorePattern: '(__tests__|\\.test\\.(t|j)sx?$)',
+    }),
+    react(),
+    tailwindcss(),
+    nxViteTsPaths(),
+    nxCopyAssetsPlugin(['*.md']),
+    {
+      name: 'inject-app-version-meta',
+      transformIndexHtml(html: string) {
+        return html.replace('%APP_VERSION%', rootPackageJson.version);
+      },
+    },
+  ],
+  // Uncomment this if you are using workers.
+  // worker: {
+  //   plugins: () => [ nxViteTsPaths() ],
+  // },
+  build: {
+    outDir: '../../../dist/apps/templates/client-shadcn',
+    emptyOutDir: true,
+    reportCompressedSize: true,
+    commonjsOptions: {
+      transformMixedEsModules: true,
+    },
+  },
+  test: {
+    name: 'client-shadcn',
+    watch: false,
+    globals: true,
+    environment: 'jsdom',
+    include: ['{src,tests}/**/*.{test,spec}.{js,mjs,cjs,ts,mts,cts,jsx,tsx}'],
+    reporters: ['default'],
+    coverage: {
+      reportsDirectory: '../../../coverage/apps/templates/client-shadcn',
+      provider: 'v8' as const,
+    },
+  },
+}));

package/templates/apps/templates/client-shadcn-e2e/eslint.config.mjs

@@ -0,0 +1,12 @@
+import playwright from 'eslint-plugin-playwright';
+import baseConfig from '../../../eslint.config.mjs';
+
+export default [
+  playwright.configs['flat/recommended'],
+  ...baseConfig,
+  {
+    files: ['**/*.ts', '**/*.js'],
+    // Override or add rules here
+    rules: {},
+  },
+];

package/templates/apps/templates/client-shadcn-e2e/playwright.config.ts

@@ -0,0 +1,69 @@
+import { defineConfig, devices } from '@playwright/test';
+import { nxE2EPreset } from '@nx/playwright/preset';
+import { workspaceRoot } from '@nx/devkit';
+
+// For CI, you may want to set BASE_URL to the deployed application.
+const baseURL = process.env['BASE_URL'] || 'http://localhost:4200';
+
+/**
+ * Read environment variables from file.
+ * https://github.com/motdotla/dotenv
+ */
+// require('dotenv').config();
+
+/**
+ * See https://playwright.dev/docs/test-configuration.
+ */
+export default defineConfig({
+  ...nxE2EPreset(__filename, { testDir: './src' }),
+  /* Shared settings for all the projects below. See https://playwright.dev/docs/api/class-testoptions. */
+  use: {
+    baseURL,
+    /* Collect trace when retrying the failed test. See https://playwright.dev/docs/trace-viewer */
+    trace: 'on-first-retry',
+  },
+  /* Run your local dev server before starting the tests */
+  webServer: {
+    command: 'yarn nx serve client-shadcn',
+    url: 'http://localhost:4200',
+    reuseExistingServer: !process.env['CI'],
+    cwd: workspaceRoot,
+    timeout: 60_000,
+  },
+  projects: [
+    {
+      name: 'chromium',
+      use: { ...devices['Desktop Chrome'] },
+    },
+
+    {
+      name: 'firefox',
+      use: { ...devices['Desktop Firefox'] },
+    },
+
+    {
+      name: 'webkit',
+      use: { ...devices['Desktop Safari'] },
+    },
+
+    // Uncomment for mobile browsers support
+    /* {
+      name: 'Mobile Chrome',
+      use: { ...devices['Pixel 5'] },
+    },
+    {
+      name: 'Mobile Safari',
+      use: { ...devices['iPhone 12'] },
+    }, */
+
+    // Uncomment for branded browsers
+    /* {
+      name: 'Microsoft Edge',
+      use: { ...devices['Desktop Edge'], channel: 'msedge' },
+    },
+    {
+      name: 'Google Chrome',
+      use: { ...devices['Desktop Chrome'], channel: 'chrome' },
+    } */
+  ],
+});

package/templates/apps/templates/client-shadcn-e2e/project.json

@@ -0,0 +1,10 @@
+{
+  "name": "client-shadcn-e2e",
+  "$schema": "../../../node_modules/nx/schemas/project-schema.json",
+  "projectType": "application",
+  "sourceRoot": "apps/templates/client-shadcn-e2e/src",
+  "tags": [],
+  "implicitDependencies": ["client-shadcn"],
+  "// targets": "to see all targets run: nx show project client-shadcn-e2e --web",
+  "targets": {}
+}

package/templates/apps/templates/client-shadcn-e2e/src/icore.spec.ts

@@ -0,0 +1,27 @@
+import { test, expect } from '@playwright/test';
+
+test.describe('icore client-shadcn smoke', () => {
+  test('landing renders icore version heading', async ({ page }) => {
+    await page.goto('/');
+    await expect(page.getByRole('heading', { level: 1 })).toContainText('icore v');
+    await expect(page.getByText('shadcn')).toBeVisible();
+  });
+
+  test('login route renders the form', async ({ page }) => {
+    await page.goto('/login');
+    await expect(page.getByLabel(/email/i)).toBeVisible();
+    await expect(page.getByLabel(/password/i)).toBeVisible();
+  });
+
+  test('protected route redirects to login when unauthenticated', async ({ page }) => {
+    await page.goto('/dashboard');
+    await page.waitForURL(/\/login$/);
+    await expect(page).toHaveURL(/\/login$/);
+  });
+
+  test('profile route redirects to login when unauthenticated', async ({ page }) => {
+    await page.goto('/profile');
+    await page.waitForURL(/\/login$/);
+    await expect(page).toHaveURL(/\/login$/);
+  });
+});

package/templates/apps/templates/client-shadcn-e2e/tsconfig.json

@@ -0,0 +1,19 @@
+{
+  "extends": "../../../tsconfig.base.json",
+  "compilerOptions": {
+    "allowJs": true,
+    "outDir": "../../../dist/out-tsc",
+    "sourceMap": false,
+    "module": "commonjs"
+  },
+  "include": [
+    "**/*.ts",
+    "**/*.js",
+    "playwright.config.ts",
+    "src/**/*.spec.ts",
+    "src/**/*.spec.js",
+    "src/**/*.test.ts",
+    "src/**/*.test.js",
+    "src/**/*.d.ts"
+  ]
+}

package/templates/eslint.config.mjs

@@ -0,0 +1,20 @@
+import js from '@eslint/js';
+import tseslint from 'typescript-eslint';
+import nx from '@nx/eslint-plugin';
+
+export default tseslint.config(
+  js.configs.recommended,
+  ...tseslint.configs.recommended,
+  ...nx.configs['flat/base'],
+  ...nx.configs['flat/typescript'],
+  ...nx.configs['flat/javascript'],
+  {
+    ignores: ['dist', '.nx', 'node_modules', '.yarn', '.pnp.*', 'coverage'],
+  },
+  {
+    rules: {
+      '@typescript-eslint/no-unused-vars': ['error', { argsIgnorePattern: '^_' }],
+      '@typescript-eslint/no-explicit-any': 'error',
+    },
+  },
+);

package/templates/libs/auth-client/README.md

@@ -0,0 +1,11 @@
+# auth-client
+
+This library was generated with [Nx](https://nx.dev).
+
+## Building
+
+Run `nx build auth-client` to build the library.
+
+## Running unit tests
+
+Run `nx test auth-client` to execute the unit tests via [Vitest](https://vitest.dev/).

package/templates/libs/auth-client/eslint.config.mjs

@@ -0,0 +1,22 @@
+import baseConfig from '../../eslint.config.mjs';
+
+export default [
+  ...baseConfig,
+  {
+    files: ['**/*.json'],
+    rules: {
+      '@nx/dependency-checks': [
+        'error',
+        {
+          ignoredFiles: [
+            '{projectRoot}/eslint.config.{js,cjs,mjs,ts,cts,mts}',
+            '{projectRoot}/vitest.config.{js,ts,mjs,mts}',
+          ],
+        },
+      ],
+    },
+    languageOptions: {
+      parser: await import('jsonc-eslint-parser'),
+    },
+  },
+];

package/templates/libs/auth-client/package.json

@@ -0,0 +1,15 @@
+{
+  "name": "@icore/auth-client",
+  "version": "0.0.1",
+  "private": true,
+  "type": "commonjs",
+  "main": "./src/index.js",
+  "types": "./src/index.d.ts",
+  "dependencies": {
+    "@icore/shared": "*",
+    "@nestjs/common": "^11.1.24",
+    "@nestjs/microservices": "^11.1.24",
+    "rxjs": "^7.8.2",
+    "tslib": "^2.3.0"
+  }
+}