npm - @quanticjs/create-app - Versions diffs - 0.1.1 - Mend

@quanticjs/create-app 0.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (136) hide show

package/dist/deps.d.ts +4 -0
package/dist/deps.js +97 -0
package/dist/deps.js.map +1 -0
package/dist/generators/backend.d.ts +2 -0
package/dist/generators/backend.js +20 -0
package/dist/generators/backend.js.map +1 -0
package/dist/generators/bff.d.ts +2 -0
package/dist/generators/bff.js +9 -0
package/dist/generators/bff.js.map +1 -0
package/dist/generators/claude.d.ts +2 -0
package/dist/generators/claude.js +45 -0
package/dist/generators/claude.js.map +1 -0
package/dist/generators/docker.d.ts +2 -0
package/dist/generators/docker.js +10 -0
package/dist/generators/docker.js.map +1 -0
package/dist/generators/e2e.d.ts +2 -0
package/dist/generators/e2e.js +8 -0
package/dist/generators/e2e.js.map +1 -0
package/dist/generators/frontend.d.ts +2 -0
package/dist/generators/frontend.js +28 -0
package/dist/generators/frontend.js.map +1 -0
package/dist/generators/module.d.ts +2 -0
package/dist/generators/module.js +35 -0
package/dist/generators/module.js.map +1 -0
package/dist/generators/root.d.ts +2 -0
package/dist/generators/root.js +7 -0
package/dist/generators/root.js.map +1 -0
package/dist/generators/scripts.d.ts +2 -0
package/dist/generators/scripts.js +10 -0
package/dist/generators/scripts.js.map +1 -0
package/dist/index.d.ts +2 -0
package/dist/index.js +40 -0
package/dist/index.js.map +1 -0
package/dist/prompts.d.ts +8 -0
package/dist/prompts.js +53 -0
package/dist/prompts.js.map +1 -0
package/dist/scaffold.d.ts +2 -0
package/dist/scaffold.js +79 -0
package/dist/scaffold.js.map +1 -0
package/dist/utils/exec.d.ts +2 -0
package/dist/utils/exec.js +14 -0
package/dist/utils/exec.js.map +1 -0
package/dist/utils/template.d.ts +10 -0
package/dist/utils/template.js +20 -0
package/dist/utils/template.js.map +1 -0
package/dist/utils/validate.d.ts +4 -0
package/dist/utils/validate.js +27 -0
package/dist/utils/validate.js.map +1 -0
package/package.json +50 -0
package/templates/backend/app.module.ts.ejs +61 -0
package/templates/backend/bff.controller.ts.ejs +60 -0
package/templates/backend/bff.module.ts.ejs +10 -0
package/templates/backend/bff.service.ts.ejs +6 -0
package/templates/backend/create-schema.migration.ts.ejs +15 -0
package/templates/backend/data-source.ts.ejs +13 -0
package/templates/backend/env.example.ejs +30 -0
package/templates/backend/main.ts.ejs +43 -0
package/templates/backend/module.ts.ejs +14 -0
package/templates/backend/nest-cli.json.ejs +8 -0
package/templates/backend/package.json.ejs +23 -0
package/templates/backend/tsconfig.build.json.ejs +4 -0
package/templates/backend/tsconfig.json.ejs +24 -0
package/templates/claude/CLAUDE.md.ejs +86 -0
package/templates/claude/hooks/auto-format.sh +22 -0
package/templates/claude/hooks/check-secrets.sh +49 -0
package/templates/claude/hooks/guard-destructive.sh +42 -0
package/templates/claude/hooks/on-compaction.sh +29 -0
package/templates/claude/mcp.json +10 -0
package/templates/claude/rules/api-patterns.md +86 -0
package/templates/claude/rules/auth-patterns.md +109 -0
package/templates/claude/rules/backend-patterns.md +421 -0
package/templates/claude/rules/database-patterns.md +96 -0
package/templates/claude/rules/docker-patterns.md +86 -0
package/templates/claude/rules/frontend-patterns.md +262 -0
package/templates/claude/rules/observability-backend.md +132 -0
package/templates/claude/rules/observability-frontend.md +49 -0
package/templates/claude/rules/playwright-mcp.md +80 -0
package/templates/claude/rules/resilience-ops.md +103 -0
package/templates/claude/rules/testing-e2e-ui.md +190 -0
package/templates/claude/rules/testing-patterns.md +94 -0
package/templates/claude/rules/workflow-backend.md +64 -0
package/templates/claude/rules/workflow-frontend.md +60 -0
package/templates/claude/settings.json +68 -0
package/templates/claude/skills/add-api-endpoint/SKILL.md +59 -0
package/templates/claude/skills/add-auth-endpoint/SKILL.md +68 -0
package/templates/claude/skills/add-entity/SKILL.md +56 -0
package/templates/claude/skills/add-event/SKILL.md +127 -0
package/templates/claude/skills/add-feature/SKILL.md +20 -0
package/templates/claude/skills/add-frontend-page/SKILL.md +75 -0
package/templates/claude/skills/add-handler/SKILL.md +105 -0
package/templates/claude/skills/add-integration/SKILL.md +176 -0
package/templates/claude/skills/add-migration/SKILL.md +20 -0
package/templates/claude/skills/add-module/SKILL.md +89 -0
package/templates/claude/skills/add-realtime/SKILL.md +119 -0
package/templates/claude/skills/audit-rules/SKILL.md +120 -0
package/templates/claude/skills/debugging/SKILL.md +105 -0
package/templates/claude/skills/docker-dev/SKILL.md +86 -0
package/templates/claude/skills/e2e-audit/SKILL.md +85 -0
package/templates/claude/skills/e2e-full/SKILL.md +132 -0
package/templates/claude/skills/e2e-scan/SKILL.md +171 -0
package/templates/claude/skills/e2e-verify/SKILL.md +145 -0
package/templates/claude/skills/fix-bug/SKILL.md +33 -0
package/templates/claude/skills/implement-spec/SKILL.md +98 -0
package/templates/claude/skills/review-code/SKILL.md +109 -0
package/templates/claude/skills/review-spec/SKILL.md +216 -0
package/templates/claude/skills/run-tests/SKILL.md +37 -0
package/templates/claude/skills/specify/SKILL.md +87 -0
package/templates/claude/skills/write-backend-tests/SKILL.md +182 -0
package/templates/claude/skills/write-ui-tests/SKILL.md +118 -0
package/templates/docker/Dockerfile.client.ejs +14 -0
package/templates/docker/Dockerfile.ejs +28 -0
package/templates/docker/docker-compose.test.yml.ejs +54 -0
package/templates/docker/docker-compose.yml.ejs +76 -0
package/templates/docker/nginx.conf.ejs +21 -0
package/templates/frontend/App.tsx.ejs +64 -0
package/templates/frontend/DashboardPage.tsx.ejs +37 -0
package/templates/frontend/LoginPage.tsx.ejs +20 -0
package/templates/frontend/NotFoundPage.tsx.ejs +15 -0
package/templates/frontend/api-client.ts.ejs +15 -0
package/templates/frontend/index.css.ejs +57 -0
package/templates/frontend/index.html.ejs +13 -0
package/templates/frontend/main.tsx.ejs +10 -0
package/templates/frontend/package.json.ejs +16 -0
package/templates/frontend/playwright.config.ts.ejs +20 -0
package/templates/frontend/postcss.config.js.ejs +3 -0
package/templates/frontend/smoke.spec.ts.ejs +37 -0
package/templates/frontend/tailwind.config.ts.ejs +56 -0
package/templates/frontend/tsconfig.json.ejs +25 -0
package/templates/frontend/tsconfig.node.json.ejs +15 -0
package/templates/frontend/utils.ts.ejs +6 -0
package/templates/frontend/vite-env.d.ts.ejs +1 -0
package/templates/frontend/vite.config.ts.ejs +20 -0
package/templates/root/gitignore.ejs +9 -0
package/templates/root/prettierrc.ejs +7 -0
package/templates/scripts/init-db.sh.ejs +8 -0
package/templates/scripts/save-auth-state.ts.ejs +24 -0

package/templates/frontend/index.css.ejs ADDED Viewed

@@ -0,0 +1,57 @@
+@import 'tailwindcss';
+@layer base {
+  :root {
+    --background: 0 0% 100%;
+    --foreground: 222.2 84% 4.9%;
+    --card: 0 0% 100%;
+    --card-foreground: 222.2 84% 4.9%;
+    --popover: 0 0% 100%;
+    --popover-foreground: 222.2 84% 4.9%;
+    --primary: 222.2 47.4% 11.2%;
+    --primary-foreground: 210 40% 98%;
+    --secondary: 210 40% 96.1%;
+    --secondary-foreground: 222.2 47.4% 11.2%;
+    --muted: 210 40% 96.1%;
+    --muted-foreground: 215.4 16.3% 46.9%;
+    --accent: 210 40% 96.1%;
+    --accent-foreground: 222.2 47.4% 11.2%;
+    --destructive: 0 84.2% 60.2%;
+    --destructive-foreground: 210 40% 98%;
+    --border: 214.3 31.8% 91.4%;
+    --input: 214.3 31.8% 91.4%;
+    --ring: 222.2 84% 4.9%;
+    --radius: 0.5rem;
+  }
+  .dark {
+    --background: 222.2 84% 4.9%;
+    --foreground: 210 40% 98%;
+    --card: 222.2 84% 4.9%;
+    --card-foreground: 210 40% 98%;
+    --popover: 222.2 84% 4.9%;
+    --popover-foreground: 210 40% 98%;
+    --primary: 210 40% 98%;
+    --primary-foreground: 222.2 47.4% 11.2%;
+    --secondary: 217.2 32.6% 17.5%;
+    --secondary-foreground: 210 40% 98%;
+    --muted: 217.2 32.6% 17.5%;
+    --muted-foreground: 215 20.2% 65.1%;
+    --accent: 217.2 32.6% 17.5%;
+    --accent-foreground: 210 40% 98%;
+    --destructive: 0 62.8% 30.6%;
+    --destructive-foreground: 210 40% 98%;
+    --border: 217.2 32.6% 17.5%;
+    --input: 217.2 32.6% 17.5%;
+    --ring: 212.7 26.8% 83.9%;
+  }
+}
+@layer base {
+  * {
+    @apply border-border;
+  }
+  body {
+    @apply bg-background text-foreground;
+  }
+}

package/templates/frontend/index.html.ejs ADDED Viewed

@@ -0,0 +1,13 @@
+<!doctype html>
+<html lang="en" dir="ltr">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title><%= projectNamePascal %></title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>

package/templates/frontend/main.tsx.ejs ADDED Viewed

@@ -0,0 +1,10 @@
+import { StrictMode } from 'react';
+import { createRoot } from 'react-dom/client';
+import { App } from './App';
+import './index.css';
+createRoot(document.getElementById('root')!).render(
+  <StrictMode>
+    <App />
+  </StrictMode>,
+);

package/templates/frontend/package.json.ejs ADDED Viewed

@@ -0,0 +1,16 @@
+{
+  "name": "<%= projectName %>-client",
+  "private": true,
+  "version": "0.0.1",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc -b && vite build",
+    "preview": "vite preview",
+    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "test:e2e": "playwright test",
+    "test:e2e:ui": "playwright test --ui"
+  }
+}

package/templates/frontend/playwright.config.ts.ejs ADDED Viewed

@@ -0,0 +1,20 @@
+import { defineConfig, devices } from '@playwright/test';
+export default defineConfig({
+  testDir: './e2e',
+  fullyParallel: true,
+  forbidOnly: !!process.env.CI,
+  retries: process.env.CI ? 2 : 0,
+  workers: process.env.CI ? 1 : undefined,
+  reporter: 'html',
+  use: {
+    baseURL: 'http://localhost:5173',
+    trace: 'on-first-retry',
+  },
+  projects: [
+    {
+      name: 'chromium',
+      use: { ...devices['Desktop Chrome'] },
+    },
+  ],
+});

package/templates/frontend/postcss.config.js.ejs ADDED Viewed

@@ -0,0 +1,3 @@
+export default {
+  plugins: {},
+};

package/templates/frontend/smoke.spec.ts.ejs ADDED Viewed

@@ -0,0 +1,37 @@
+import { test, expect } from '@playwright/test';
+test.describe('Smoke Test', () => {
+  test.beforeEach(async ({ page }) => {
+    await page.route('**/auth/me', (route) =>
+      route.fulfill({
+        status: 200,
+        contentType: 'application/json',
+        body: JSON.stringify({
+          id: 'user-1',
+          keycloakId: 'kc-1',
+          email: 'test@test.com',
+          displayName: 'Test User',
+          role: 'user',
+          roles: ['user'],
+          permissions: [],
+        }),
+      }),
+    );
+  });
+  test('dashboard loads with user name', async ({ page }) => {
+    await page.goto('/');
+    await expect(page.getByRole('heading', { name: /welcome/i })).toBeVisible();
+  });
+  test('shows login page when unauthenticated', async ({ page }) => {
+    await page.route('**/auth/me', (route) => route.fulfill({ status: 401 }));
+    await page.goto('/login');
+    await expect(page.getByRole('button', { name: /sign in/i })).toBeVisible();
+  });
+  test('shows 404 for unknown routes', async ({ page }) => {
+    await page.goto('/nonexistent');
+    await expect(page.getByText('404')).toBeVisible();
+  });
+});

package/templates/frontend/tailwind.config.ts.ejs ADDED Viewed

@@ -0,0 +1,56 @@
+import type { Config } from 'tailwindcss';
+export default {
+  darkMode: 'class',
+  content: [
+    './index.html',
+    './src/**/*.{js,ts,jsx,tsx}',
+    './node_modules/@quanticjs/react-ui/dist/**/*.{js,cjs}',
+    './node_modules/@quanticjs/workflow-ui/dist/**/*.{js,cjs}',
+  ],
+  theme: {
+    extend: {
+      colors: {
+        border: 'hsl(var(--border))',
+        input: 'hsl(var(--input))',
+        ring: 'hsl(var(--ring))',
+        background: 'hsl(var(--background))',
+        foreground: 'hsl(var(--foreground))',
+        primary: {
+          DEFAULT: 'hsl(var(--primary))',
+          foreground: 'hsl(var(--primary-foreground))',
+        },
+        secondary: {
+          DEFAULT: 'hsl(var(--secondary))',
+          foreground: 'hsl(var(--secondary-foreground))',
+        },
+        destructive: {
+          DEFAULT: 'hsl(var(--destructive))',
+          foreground: 'hsl(var(--destructive-foreground))',
+        },
+        muted: {
+          DEFAULT: 'hsl(var(--muted))',
+          foreground: 'hsl(var(--muted-foreground))',
+        },
+        accent: {
+          DEFAULT: 'hsl(var(--accent))',
+          foreground: 'hsl(var(--accent-foreground))',
+        },
+        popover: {
+          DEFAULT: 'hsl(var(--popover))',
+          foreground: 'hsl(var(--popover-foreground))',
+        },
+        card: {
+          DEFAULT: 'hsl(var(--card))',
+          foreground: 'hsl(var(--card-foreground))',
+        },
+      },
+      borderRadius: {
+        lg: 'var(--radius)',
+        md: 'calc(var(--radius) - 2px)',
+        sm: 'calc(var(--radius) - 4px)',
+      },
+    },
+  },
+  plugins: [],
+} satisfies Config;

package/templates/frontend/tsconfig.json.ejs ADDED Viewed

@@ -0,0 +1,25 @@
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "useDefineForClassFields": true,
+    "lib": ["ES2020", "DOM", "DOM.Iterable"],
+    "module": "ESNext",
+    "skipLibCheck": true,
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "isolatedModules": true,
+    "moduleDetection": "force",
+    "noEmit": true,
+    "jsx": "react-jsx",
+    "strict": true,
+    "noUncheckedIndexedAccess": true,
+    "noImplicitOverride": true,
+    "noFallthroughCasesInSwitch": true,
+    "forceConsistentCasingInFileNames": true,
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["src/*"]
+    }
+  },
+  "include": ["src"]
+}

package/templates/frontend/tsconfig.node.json.ejs ADDED Viewed

@@ -0,0 +1,15 @@
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "lib": ["ES2023"],
+    "module": "ESNext",
+    "skipLibCheck": true,
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "isolatedModules": true,
+    "moduleDetection": "force",
+    "noEmit": true,
+    "strict": true
+  },
+  "include": ["vite.config.ts"]
+}

package/templates/frontend/utils.ts.ejs ADDED Viewed

@@ -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/frontend/vite-env.d.ts.ejs ADDED Viewed

	@@ -0,0 +1 @@
1	+ /// <reference types="vite/client" />

package/templates/frontend/vite.config.ts.ejs ADDED Viewed

@@ -0,0 +1,20 @@
+import { defineConfig } from 'vite';
+import react from '@vitejs/plugin-react';
+import tailwindcss from '@tailwindcss/vite';
+import path from 'path';
+export default defineConfig({
+  plugins: [react(), tailwindcss()],
+  resolve: {
+    alias: {
+      '@': path.resolve(__dirname, './src'),
+    },
+  },
+  server: {
+    port: 5173,
+    proxy: {
+      '/api': { target: 'http://localhost:3000', changeOrigin: true },
+      '/auth': { target: 'http://localhost:3000', changeOrigin: true },
+    },
+  },
+});

package/templates/root/gitignore.ejs ADDED Viewed

@@ -0,0 +1,9 @@
+node_modules/
+dist/
+.env
+*.log
+coverage/
+.DS_Store
+client/node_modules/
+client/dist/
+client/e2e/auth/storage-state.json

package/templates/root/prettierrc.ejs ADDED Viewed

@@ -0,0 +1,7 @@
+{
+  "singleQuote": true,
+  "trailingComma": "all",
+  "printWidth": 100,
+  "tabWidth": 2,
+  "semi": true
+}

package/templates/scripts/init-db.sh.ejs ADDED Viewed

@@ -0,0 +1,8 @@
+#!/bin/bash
+set -e
+psql -v ON_ERROR_STOP=1 --username "$POSTGRES_USER" --dbname "$POSTGRES_DB" <<-EOSQL
+<% modules.forEach(function(mod) { -%>
+    CREATE SCHEMA IF NOT EXISTS <%= mod.replace(/-/g, '_') %>;
+<% }); -%>
+EOSQL

package/templates/scripts/save-auth-state.ts.ejs ADDED Viewed

@@ -0,0 +1,24 @@
+import { chromium } from '@playwright/test';
+const KEYCLOAK_URL = process.env.KEYCLOAK_URL ?? 'http://localhost:8080';
+const APP_URL = process.env.APP_URL ?? 'http://localhost:5173';
+const STORAGE_PATH = 'client/e2e/auth/storage-state.json';
+async function saveAuthState() {
+  const browser = await chromium.launch();
+  const context = await browser.newContext();
+  const page = await context.newPage();
+  await page.goto(`${APP_URL}/auth/login?provider=keycloak`);
+  await page.fill('#username', 'testuser');
+  await page.fill('#password', 'testpassword');
+  await page.click('#kc-login');
+  await page.waitForURL(`${APP_URL}/**`);
+  await context.storageState({ path: STORAGE_PATH });
+  await browser.close();
+  console.log(`Auth state saved to ${STORAGE_PATH}`);
+}
+saveAuthState().catch(console.error);