@fernir2/saas-kit-cli 0.1.22 → 0.1.24

package/cli/package-template.json

@@ -0,0 +1,61 @@
+{
+    "version": "0.1.0",
+    "private": true,
+    "type": "module",
+    "scripts": {
+        "dev": "npx tsx --tsconfig tsconfig.server.json server.ts",
+        "build": "next build && tsc --project tsconfig.server.json",
+        "lint": "eslint -c eslint.config.js",
+        "gen-schema": "npx tsx tools/npm-commands/gen-schema/index.ts",
+        "gen-meta": "npx tsx tools/npm-commands/gen-meta/index.ts",
+        "init-db": "npm run migrate-db && npm run seed-db",
+        "setup": "npm run gen-meta && npm run gen-schema && npm run init-db",
+        "start": "npm run setup && npm run dev",
+        "prod": "npm run setup && npm run build && npx tsx server.ts",
+        "migrate-db": "npx tsx tools/npm-commands/migrate-db/index.ts",
+        "seed-db": "npx tsx tools/npm-commands/seed-db/index.ts"
+    },
+    "dependencies": {
+        "@fernir2/saas-kit": "0.0.150",
+        "@node-rs/argon2": "2.0.2",
+        "drizzle-orm": "0.41.0",
+        "eslint-plugin-github": "6.0.0",
+        "eslint-plugin-import": "2.32.0",
+        "eslint-plugin-sonarjs": "3.0.5",
+        "geist": "1.3.1",
+        "next": "15.4.5",
+        "quill": "2.0.3",
+        "react": "18",
+        "react-dom": "18",
+        "socket.io-client": "4.8.1",
+        "tailwindcss-animate": "1.0.7"
+    },
+    "devDependencies": {
+        "playwright": "1.52.0",
+        "@eslint/eslintrc": "3.3.1",
+        "@eslint/js": "9.35.0",
+        "@types/node": "24.5.1",
+        "@types/react": "18",
+        "@types/react-dom": "18",
+        "@typescript-eslint/eslint-plugin": "8.43.0",
+        "@typescript-eslint/eslint-plugin-tslint": "7.0.2",
+        "@typescript-eslint/parser": "8.43.0",
+        "drizzle-kit": "0.28.1",
+        "eslint": "9.35.0",
+        "eslint-config-next": "15.5.2",
+        "eslint-config-prettier": "9.1.0",
+        "eslint-plugin-react": "7.37.5",
+        "eslint-plugin-react-compiler": "19.1.0-rc.2",
+        "eslint-plugin-react-hooks": "5.2.0",
+        "eslint-plugin-react-refresh": "0.4.20",
+        "eslint-plugin-tailwindcss": "3.18.2",
+        "husky": "9.1.7",
+        "postcss": "8",
+        "prettier": "3.6.2",
+        "prettier-plugin-tailwindcss": "0.6.14",
+        "tailwindcss": "3.4.1",
+        "tsx": "4.19.1",
+        "typescript": "5.9.2",
+        "esbuild": "0.19.12"
+    }
+}

package/cli/playwright.config.ts

@@ -0,0 +1,34 @@
+import { defineConfig, devices } from "playwright/test";
+import { getDotenvConfig } from "@fernir2/saas-kit";
+
+getDotenvConfig();
+
+const baseUrl = "http://localhost:8080/";
+
+export default defineConfig({
+    timeout: 120000,
+    testDir: "test/",
+    fullyParallel: true,
+    globalSetup: "./global-setup.ts",
+    workers: undefined,
+    reporter: "html",
+    use: {
+        baseURL: baseUrl,
+        trace: "on-first-retry",
+    },
+    projects: [
+        {
+            name: "chromium",
+            use: { ...devices["Desktop Chrome"] },
+        },
+    ],
+    webServer: {
+        command: "npm run prod",
+        url: baseUrl,
+        reuseExistingServer: true,
+        timeout: 120000,
+        env: {
+            NODE_ENV: "test",
+        },
+    },
+});

package/cli/postcss.config.mjs

@@ -0,0 +1,9 @@
+/** @type {import('postcss-load-config').Config} */
+const config = {
+    plugins: {
+        tailwindcss: {},
+        autoprefixer: {},
+    },
+};
+
+export default config;

package/cli/src/app/globals.css

@@ -0,0 +1,163 @@
+@import "../../packages/level2/client/styles/common.css";
+@import "quill/dist/quill.snow.css";
+@import "../../packages/level2/client/styles/rich-text-editor.css";
+
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+@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;
+
+        --chart-1: 12 76% 61%;
+        --chart-2: 173 58% 39%;
+        --chart-3: 197 37% 24%;
+        --chart-4: 43 74% 66%;
+        --chart-5: 27 87% 67%;
+
+        --fd-accent: 190, 100%, 34%; /* accent-600 */
+        --fd-accent-light: 172, 100%, 37%; /* accent-100 */
+
+        --fd-tertiary-50: 216, 33%, 97%;
+        --fd-tertiary-200: 206, 35%, 86%;
+        --fd-tertiary-600: 206, 38%, 39%;
+        --fd-tertiary-700: 208, 38%, 32%;
+        --fd-tertiary-900: 208, 31%, 24%;
+        --fd-green-accent: 120, 100%, 34%;
+
+        --fd-shadow: 0, 0%, 0%, 0.25;
+
+        --fd-toolbar: var(--fd-tertiary-900);
+        --fd-toolbar-input: var(--fd-tertiary-700);
+        --fd-toolbar-hover: var(--fd-tertiary-700);
+        --fd-toolbar-keys: var(--fd-tertiary-200);
+        --fd-toolbar-placeholder: var(--fd-tertiary-50);
+        --fd-toolbar-shadow: var(--fd-shadow);
+        --fd-toolbar-separators: var(--fd-tertiary-600);
+        --fd-sidebar-icons: var(--fd-tertiary-50);
+        --fd-toolbar-icons: var(--fd-tertiary-50);
+        --fd-toolbar-border: var(--fd-tertiary-700);
+        --fd-toolbar-button: var(--fd-tertiary-600);
+
+        --subtle-400: 210, 10%, 65%;
+        --subtle-500: 220, 9%, 46%;
+        --subtle-700: 220, 20%, 27%;
+
+        --fd-enum-default-color: 0, 0%, 92%;
+        --fd-enum-color-1: 200, 50%, 87%;
+        --fd-enum-color-2: 120, 35%, 87%;
+        --fd-enum-color-3: 340, 61%, 91%;
+        --fd-enum-color-4: 19, 45%, 88%;
+        --fd-enum-color-5: 340, 61%, 91%;
+        --fd-enum-color-6: 9, 90%, 91%;
+        --fd-enum-color-7: 283, 44%, 90%;
+        --fd-enum-color-8: 9, 90%, 91%;
+        --fd-enum-color-9: 200, 50%, 87%;
+        --fd-enum-color-10: 38, 87%, 90%;
+        --fd-enum-color-11: 283, 44%, 90%;
+        --fd-enum-color-12: 283, 44%, 90%;
+        --fd-enum-color-13: 340, 61%, 91%;
+        --fd-enum-color-14: 283, 44%, 90%;
+        --fd-enum-color-15: 38, 87%, 90%;
+        --fd-enum-color-16: 0, 0%, 92%;
+        --fd-enum-color-17: 9, 90%, 91%;
+        --fd-enum-color-18: 19, 45%, 88%;
+    }
+
+    .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;
+
+        --radius: 0.5rem;
+
+        --fd-accent: 190, 100%, 34%; /* accent-600 */
+        --fd-accent-light: 172, 100%, 37%; /* accent-100 */
+
+        --fd-tertiary-50: 216, 33%, 97%;
+        --fd-tertiary-200: 206, 35%, 86%;
+        --fd-tertiary-600: 206, 38%, 39%;
+        --fd-tertiary-700: 208, 38%, 32%;
+        --fd-tertiary-900: 208, 31%, 24%;
+
+        --fd-shadow: 0, 0%, 0%, 0.25;
+
+        --fd-toolbar: var(--fd-tertiary-900);
+        --fd-toolbar-input: var(--fd-tertiary-700);
+        --fd-toolbar-hover: var(--fd-tertiary-700);
+        --fd-toolbar-keys: var(--fd-tertiary-200);
+        --fd-toolbar-placeholder: var(--fd-tertiary-50);
+        --fd-toolbar-shadow: var(--fd-shadow);
+        --fd-toolbar-separators: var(--fd-tertiary-600);
+        --fd-sidebar-icons: var(--fd-tertiary-50);
+        --fd-toolbar-icons: var(--fd-tertiary-50);
+        --fd-toolbar-border: var(--fd-tertiary-700);
+        --fd-toolbar-button: var(--fd-tertiary-600);
+
+        --subtle-400: 210, 10%, 65%;
+        --subtle-500: 220, 9%, 46%;
+        --subtle-700: 220, 20%, 27%;
+
+        --chart-1: 220 70% 50%;
+        --chart-2: 160 60% 45%;
+        --chart-3: 30 80% 55%;
+        --chart-4: 280 65% 60%;
+        --chart-5: 340 75% 55%;
+
+        --fd-enum-default-color: 0, 0%, 22%;
+        --fd-enum-color-1: 219, 43%, 30%;
+        --fd-enum-color-2: 152, 37%, 27%;
+        --fd-enum-color-3: 328, 37%, 30%;
+        --fd-enum-color-4: 27, 63%, 32%;
+        --fd-enum-color-5: 328, 37%, 30%;
+        --fd-enum-color-6: 10, 40%, 31%;
+        --fd-enum-color-7: 268, 38%, 29%;
+        --fd-enum-color-8: 10, 40%, 31%;
+        --fd-enum-color-9: 219, 43%, 30%;
+        --fd-enum-color-10: 37, 56%, 36%;
+        --fd-enum-color-11: 268, 38%, 29%;
+        --fd-enum-color-12: 268, 38%, 29%;
+        --fd-enum-color-13: 328, 37%, 30%;
+        --fd-enum-color-14: 268, 38%, 29%;
+        --fd-enum-color-15: 37, 56%, 36%;
+        --fd-enum-color-16: 0, 0%, 35%;
+        --fd-enum-color-17: 10, 40%, 31%;
+        --fd-enum-color-18: 27, 63%, 32%;
+    }
+}

package/cli/src/app/layout.tsx

@@ -0,0 +1,44 @@
+import { FdHtmlMetadata } from "@meta/client/framework";
+import { GeistSans } from "geist/font/sans";
+import "src/app/globals.css";
+import { cn } from "@fd-toolbox/lib/utils";
+import Favicon from "src/app/favicon.ico";
+import { FdToaster } from "@fd-component-toolbox/toaster/FdToaster";
+import { ReactNode } from "react";
+import { FdProviders } from "@client/components/providers/FdProviders";
+import { setSidebarResourceNames } from "@fd-app-toolbox/layout/sidebar/sidebar-resource-names-cache";
+import { defaultGlobalConfig } from "@meta/providers/global-provider/default-config";
+import { setMultiListEditResourceConfigs } from "@/app/config/multi-list-config";
+import { setResourceListConfigs } from "@packages/level2/client/pages/view-page/resource-list-configs";
+import { setEditResourceConfigs } from "@packages/level2/meta/edit-resource/config/fd-edit-resource-configs";
+
+export const metadata: FdHtmlMetadata = {
+    title: "SaaS Kit",
+    icons: [{ rel: "icon", url: Favicon.src }],
+};
+
+export default async function RootLayout({ children }: { children: ReactNode }) {
+    const sidebarResourceNames: string[] = [];
+
+    setSidebarResourceNames(sidebarResourceNames);
+    await setMultiListEditResourceConfigs();
+    await setResourceListConfigs();
+    setEditResourceConfigs();
+
+    return (
+        <html lang="en">
+            <body className={cn(GeistSans.className, "h-screen text-sm")}>
+                <div className="flex h-full flex-col">
+                    <FdProviders
+                        globalConfig={{
+                            ...defaultGlobalConfig,
+                        }}
+                    >
+                        {children}
+                    </FdProviders>
+                </div>
+                <FdToaster />
+            </body>
+        </html>
+    );
+}

package/cli/src/app/page.tsx

@@ -0,0 +1,9 @@
+import { fdRedirect } from "@fd-toolbox/server/framework";
+import { getResourceListUrl } from "@meta/services/meta-navigations";
+import { resourceNames } from "@fd-toolbox/resources/resource-names";
+
+export default function Home() {
+    const afterLoginUrl = getResourceListUrl(resourceNames.contact);
+
+    fdRedirect(afterLoginUrl);
+}

package/cli/src/app/styles/common.css

@@ -0,0 +1,74 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+@layer base {
+    * {
+        @apply border-border;
+    }
+    body {
+        @apply bg-background text-foreground;
+    }
+}
+
+@supports not (-webkit-appearance: none) {
+    * {
+        scrollbar-width: thin;
+        scrollbar-color: hsl(var(--fd-toolbar)) hsl(var(--background));
+    }
+}
+
+@supports (-webkit-appearance: none) {
+    *::-webkit-scrollbar {
+        width: 15px;
+        height: 15px;
+    }
+
+    *::-webkit-scrollbar-track {
+        background: hsl(var(--background));
+    }
+
+    *::-webkit-scrollbar-thumb {
+        width: 9px;
+        height: 9px;
+        background: hsl(var(--fd-toolbar));
+        border-radius: var(--radius);
+        border: 3px solid hsl(var(--background));
+    }
+
+    *::-webkit-scrollbar-thumb:hover {
+        background: hsl(var(--fd-toolbar-hover));
+    }
+
+    *::-webkit-scrollbar-button {
+        display: none;
+    }
+}
+
+.scrollbar-hidden {
+    -ms-overflow-style: none;
+    scrollbar-width: none;
+}
+
+@media (max-width: 426px) {
+    html,
+    body {
+        overflow: auto;
+        -ms-overflow-style: none;
+        scrollbar-width: none;
+    }
+
+    body::-webkit-scrollbar,
+    body *::-webkit-scrollbar {
+        display: none;
+    }
+}
+
+@layer base {
+    input:-webkit-autofill,
+    input:-webkit-autofill:hover,
+    input:-webkit-autofill:focus {
+        -webkit-box-shadow: 0 0 0px 1000px hsl(var(--background)) inset;
+        -webkit-text-fill-color: hsl(var(--foreground));
+    }
+}

package/cli/src/app/styles/rich-text-editor.css

@@ -0,0 +1,130 @@
+div.ql-toolbar.ql-snow {
+    padding: 0.5rem 0.75rem;
+    border-top-right-radius: var(--radius);
+    border-top-left-radius: var(--radius);
+    border: 1px solid hsl(var(--border));
+}
+
+.ql-toolbar.ql-snow .ql-picker-label {
+    padding-left: 0;
+    border: none;
+}
+
+.ql-toolbar.ql-snow .ql-picker-label::before {
+    font-family: "__GeistSans_3a0388", serif;
+}
+
+.ql-editor {
+    font-size: 14px;
+    padding: 10px 12px;
+}
+
+div.ql-container.ql-snow {
+    height: max-content;
+    border: 1px solid hsl(var(--border));
+    border-bottom-right-radius: var(--radius);
+    border-bottom-left-radius: var(--radius);
+}
+
+.ql-tooltip {
+    display: none;
+}
+
+.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
+    z-index: 11;
+}
+
+.ql-picker-label,
+.ql-picker-label .ql-stroke {
+    color: hsl(var(--popover-foreground));
+    stroke: hsl(var(--popover-foreground));
+    fill: hsl(var(--popover-foreground));
+}
+
+.ql-toolbar .ql-formats button {
+    color: hsl(var(--popover-foreground));
+}
+
+.ql-toolbar .ql-formats button .ql-stroke {
+    stroke: hsl(var(--popover-foreground));
+}
+
+.ql-toolbar .ql-formats button .ql-fill {
+    fill: hsl(var(--popover-foreground));
+}
+
+.ql-toolbar .ql-active,
+.ql-toolbar .ql-active .ql-stroke,
+.ql-toolbar .ql-active .ql-fill {
+    color: hsl(var(--popover-foreground));
+    fill: none;
+    stroke: none;
+}
+
+.ql-snow .ql-picker {
+    font-weight: 400;
+}
+
+.ql-editor.ql-blank::before {
+    left: 12px;
+    right: 12px;
+    color: hsl(var(--muted-foreground));
+}
+
+.ql-toolbar .ql-formats button:hover .ql-stroke,
+.ql-toolbar .ql-picker .ql-picker-label:hover .ql-stroke,
+.ql-toolbar .ql-picker .ql-picker-label.ql-active .ql-stroke,
+.ql-toolbar .ql-formats button.ql-active .ql-stroke {
+    stroke: hsl(var(--foreground));
+    stroke-width: 2;
+}
+
+.ql-toolbar .ql-formats button:hover .ql-fill,
+.ql-toolbar .ql-formats button.ql-active .ql-fill {
+    fill: hsl(var(--foreground));
+}
+
+.ql-toolbar .ql-picker .ql-picker-label:hover::before,
+.ql-toolbar .ql-picker .ql-picker-label.ql-active::before,
+.ql-picker .ql-picker-options .ql-picker-item.ql-selected::before {
+    color: hsl(var(--foreground));
+    font-weight: 600;
+}
+
+.ql-snow .ql-picker-options .ql-picker-item:hover {
+    border-radius: 0.375rem;
+    background: hsl(var(--muted) / 0.5);
+}
+
+.ql-toolbar .ql-formats button .ql-stroke,
+.ql-toolbar .ql-picker .ql-picker-label .ql-stroke {
+    stroke: hsl(var(--foreground));
+    stroke-width: 1.2;
+}
+
+.ql-toolbar .ql-formats button .ql-fill {
+    fill: hsl(var(--foreground));
+}
+
+.ql-toolbar .ql-picker .ql-picker-label::before,
+.ql-picker .ql-picker-options .ql-picker-item::before {
+    color: hsl(var(--foreground));
+    font-weight: 400;
+}
+
+.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
+    min-width: 12rem;
+    z-index: 50;
+    margin-right: 1rem;
+    border-radius: 0.375rem;
+    background-color: hsl(var(--background));
+    border: 1px solid hsl(var(--border));
+    box-shadow: 0rem 0rem 0.1rem 0.01rem hsl(var(--fd-toolbar-shadow));
+    outline: none;
+    pointer-events: auto;
+}
+
+.ql-snow .ql-picker-options .ql-picker-item {
+    width: 100%;
+    padding: 0.5rem 0.75rem;
+}

package/cli/tailwind.config.ts

@@ -0,0 +1,13 @@
+import { getTailwindConfig } from "@fernir2/saas-kit";
+
+const config = getTailwindConfig();
+
+config.content = [
+    "./pages/**/*.{ts,tsx}",
+    "./components/**/*.{ts,tsx}",
+    "./app/**/*.{ts,tsx}",
+    "./src/**/*.{ts,tsx}",
+    "./node_modules/@fernir2/saas-kit/src/**/*.{js,ts,jsx,tsx}",
+];
+
+export default config;

package/cli/tsconfig.json

@@ -0,0 +1,65 @@
+{
+    "compilerOptions": {
+        "target": "ES2023",
+        "experimentalDecorators": true,
+        "emitDecoratorMetadata": true,
+        "lib": ["ES2023", "dom", "dom.iterable"],
+        "allowJs": true,
+        "skipLibCheck": true,
+        "strict": true,
+        "esModuleInterop": true,
+
+        "module": "esnext",
+        "moduleResolution": "bundler",
+
+        "resolveJsonModule": true,
+        "isolatedModules": true,
+        "jsx": "preserve",
+        "incremental": true,
+        "plugins": [{ "name": "next" }],
+
+        "baseUrl": "./",
+        "preserveSymlinks": false,
+        "paths": {
+            "@/*": ["./src/*"],
+            "@cli/*": ["./cli/*"],
+            "@adders/*": ["./adders/*"],
+            "@server/*": ["./server/*"],
+            "@schemas/*": ["./generated/*"],
+            "@npm-commands/*": ["./npm-commands/*"],
+            "@root/*": ["./*"]
+        },
+
+        "forceConsistentCasingInFileNames": true,
+        "noFallthroughCasesInSwitch": true,
+        "sourceMap": true,
+        "importHelpers": true,
+        "noEmitHelpers": true,
+        "downlevelIteration": true,
+        "pretty": true,
+        "noUnusedLocals": true,
+        "noUnusedParameters": true,
+        "noPropertyAccessFromIndexSignature": true,
+        "noImplicitOverride": true,
+        "useUnknownInCatchVariables": true,
+
+        "noEmit": false,
+        "declaration": true,
+        "declarationDir": "./build/package/types",
+        "rootDir": "./",
+        "outDir": "./build/package/types-output",
+        "noEmitOnError": true
+    },
+    "include": [
+        "src",
+        "cli",
+        "server",
+        "adders",
+        "generated",
+        "next-env.d.ts",
+        "global.d.ts",
+        ".next/types/**/*.ts",
+        "playwright.config.ts"
+    ],
+    "exclude": ["node_modules", "dist", "build", ".next", "coverage"]
+}

package/cli/tsconfig.server.json

@@ -0,0 +1,14 @@
+{
+    "extends": "./tsconfig.json",
+    "compilerOptions": {
+        "module": "es2022",
+        "moduleResolution": "bundler",
+        "outDir": "dist",
+        "lib": ["ES2022", "dom"],
+        "target": "ES2022",
+        "isolatedModules": false,
+        "noEmit": false,
+        "strict": true
+    },
+    "include": ["server.ts"]
+}