generator-kodly-react-app 1.0.15 → 1.0.17

package/generators/app/templates/src/sdk/types.gen.ts

@@ -1,158 +1,164 @@
 // This file is auto-generated by @hey-api/openapi-ts
 
 export type ClientOptions = {
-    baseURL: 'https://sandbox.beta.kodly.dev/proxy/95-2' | (string & {});
+  baseURL?: string;
 };
 
 export type AuthResponseDtoUserDetailDto = {
-    token?: string | null;
-    data?: UserDetailDto;
-    roleName?: string | null;
-    modulePermissions?: Array<ModulePermission> | null;
+  token?: string | null;
+  data?: UserDetailDto;
+  roleName?: string | null;
+  modulePermissions?: Array<ModulePermission> | null;
 };
 
 export type ModuleDefinition = unknown;
 
 export type ModulePermission = {
-    module: ModuleDefinition;
-    permissions: Array<PermissionDefinition>;
+  module: ModuleDefinition;
+  permissions: Array<PermissionDefinition>;
 };
 
 export type PermissionDefinition = unknown;
 
 export type RestResponseAuthResponseDtoUserDetailDto = {
-    message?: string | null;
-    status?: boolean | null;
-    data?: AuthResponseDtoUserDetailDto;
+  message?: string | null;
+  status?: boolean | null;
+  data?: AuthResponseDtoUserDetailDto;
 };
 
 export type UserDetailDto = {
-    id: string;
-    slug: string;
-    email: string;
+  id: string;
+  slug: string;
+  email: string;
 };
 
 export type RestResponseString = {
-    message?: string | null;
-    status?: boolean | null;
-    data?: string | null;
+  message?: string | null;
+  status?: boolean | null;
+  data?: string | null;
 };
 
 export type UserResetPasswordDto = {
-    email: string;
-    password: string;
-    otp: string;
+  email: string;
+  password: string;
+  otp: string;
 };
 
 export type UserSignupDto = {
-    password: string;
-    email: string;
+  password: string;
+  email: string;
 };
 
 export type UserLoginDto = {
-    email: string;
-    password: string;
+  email: string;
+  password: string;
 };
 
 export type ValidateTokenUserAuthData = {
-    body?: never;
-    path?: never;
-    query?: never;
-    url: '/api/v1/auth/user/validate-token';
+  body?: never;
+  path?: never;
+  query?: never;
+  url: "/api/v1/auth/user/validate-token";
 };
 
 export type ValidateTokenUserAuthResponses = {
-    /**
-     * OK
-     */
-    200: RestResponseAuthResponseDtoUserDetailDto;
+  /**
+   * OK
+   */
+  200: RestResponseAuthResponseDtoUserDetailDto;
 };
 
-export type ValidateTokenUserAuthResponse = ValidateTokenUserAuthResponses[keyof ValidateTokenUserAuthResponses];
+export type ValidateTokenUserAuthResponse =
+  ValidateTokenUserAuthResponses[keyof ValidateTokenUserAuthResponses];
 
 export type SendOtpUserAuthData = {
-    body?: never;
-    path?: never;
-    query: {
-        authId: string;
-    };
-    url: '/api/v1/auth/user/send-otp';
+  body?: never;
+  path?: never;
+  query: {
+    authId: string;
+  };
+  url: "/api/v1/auth/user/send-otp";
 };
 
 export type SendOtpUserAuthResponses = {
-    /**
-     * OK
-     */
-    200: RestResponseString;
+  /**
+   * OK
+   */
+  200: RestResponseString;
 };
 
-export type SendOtpUserAuthResponse = SendOtpUserAuthResponses[keyof SendOtpUserAuthResponses];
+export type SendOtpUserAuthResponse =
+  SendOtpUserAuthResponses[keyof SendOtpUserAuthResponses];
 
 export type ResetPasswordUserAuthData = {
-    body: UserResetPasswordDto;
-    path?: never;
-    query?: never;
-    url: '/api/v1/auth/user/reset';
+  body: UserResetPasswordDto;
+  path?: never;
+  query?: never;
+  url: "/api/v1/auth/user/reset";
 };
 
 export type ResetPasswordUserAuthResponses = {
-    /**
-     * OK
-     */
-    200: RestResponseString;
+  /**
+   * OK
+   */
+  200: RestResponseString;
 };
 
-export type ResetPasswordUserAuthResponse = ResetPasswordUserAuthResponses[keyof ResetPasswordUserAuthResponses];
+export type ResetPasswordUserAuthResponse =
+  ResetPasswordUserAuthResponses[keyof ResetPasswordUserAuthResponses];
 
 export type RegisterUserAuthData = {
-    body: UserSignupDto;
-    path?: never;
-    query?: never;
-    url: '/api/v1/auth/user/register';
+  body: UserSignupDto;
+  path?: never;
+  query?: never;
+  url: "/api/v1/auth/user/register";
 };
 
 export type RegisterUserAuthResponses = {
-    /**
-     * OK
-     */
-    200: RestResponseAuthResponseDtoUserDetailDto;
+  /**
+   * OK
+   */
+  200: RestResponseAuthResponseDtoUserDetailDto;
 };
 
-export type RegisterUserAuthResponse = RegisterUserAuthResponses[keyof RegisterUserAuthResponses];
+export type RegisterUserAuthResponse =
+  RegisterUserAuthResponses[keyof RegisterUserAuthResponses];
 
 export type LogoutUserAuthData = {
-    body?: never;
-    headers?: {
-        'x-auth-token'?: string;
-    };
-    path?: never;
-    query?: never;
-    url: '/api/v1/auth/user/logout';
+  body?: never;
+  headers?: {
+    "x-auth-token"?: string;
+  };
+  path?: never;
+  query?: never;
+  url: "/api/v1/auth/user/logout";
 };
 
 export type LogoutUserAuthResponses = {
-    /**
-     * OK
-     */
-    200: {
-        [key: string]: unknown;
-    };
+  /**
+   * OK
+   */
+  200: {
+    [key: string]: unknown;
+  };
 };
 
-export type LogoutUserAuthResponse = LogoutUserAuthResponses[keyof LogoutUserAuthResponses];
+export type LogoutUserAuthResponse =
+  LogoutUserAuthResponses[keyof LogoutUserAuthResponses];
 
 export type LoginUserAuthData = {
-    body: UserLoginDto;
-    path?: never;
-    query?: never;
-    url: '/api/v1/auth/user/login';
+  body: UserLoginDto;
+  path?: never;
+  query?: never;
+  url: "/api/v1/auth/user/login";
 };
 
 export type LoginUserAuthResponses = {
-    /**
-     * OK
-     */
-    200: RestResponseAuthResponseDtoUserDetailDto;
+  /**
+   * OK
+   */
+  200: RestResponseAuthResponseDtoUserDetailDto;
 };
 
-export type LoginUserAuthResponse = LoginUserAuthResponses[keyof LoginUserAuthResponses];
+export type LoginUserAuthResponse =
+  LoginUserAuthResponses[keyof LoginUserAuthResponses];

package/generators/app/templates/src/sdk/zod.gen.ts

@@ -1,98 +1,78 @@
 // This file is auto-generated by @hey-api/openapi-ts
 
-import { z } from 'zod';
+import { z } from "zod";
 
 export const zModuleDefinition = z.unknown();
 
 export const zPermissionDefinition = z.unknown();
 
 export const zModulePermission = z.object({
-    module: zModuleDefinition,
-    permissions: z.array(zPermissionDefinition).min(0).max(512)
+  module: zModuleDefinition,
+  permissions: z.array(zPermissionDefinition).min(0).max(512),
 });
 
 export const zUserDetailDto = z.object({
-    id: z.string(),
-    slug: z.string(),
-    email: z.email().min(1).max(256)
+  id: z.string(),
+  slug: z.string(),
+  email: z.email().min(1).max(256),
 });
 
 export const zAuthResponseDtoUserDetailDto = z.object({
-    token: z.optional(z.union([
-        z.string(),
-        z.null()
-    ])),
-    data: z.optional(zUserDetailDto),
-    roleName: z.optional(z.union([
-        z.string(),
-        z.null()
-    ])),
-    modulePermissions: z.optional(z.union([
-        z.array(zModulePermission),
-        z.null()
-    ]))
+  token: z.optional(z.union([z.string(), z.null()])),
+  data: z.optional(zUserDetailDto),
+  roleName: z.optional(z.union([z.string(), z.null()])),
+  modulePermissions: z.optional(
+    z.union([z.array(zModulePermission), z.null()]),
+  ),
 });
 
-export const zRestResponseAuthResponseDtoUserDetailDto = z.object({
-    message: z.optional(z.union([
-        z.string(),
-        z.null()
-    ])),
-    status: z.optional(z.union([
-        z.boolean(),
-        z.null()
-    ])),
-    data: z.optional(zAuthResponseDtoUserDetailDto)
+const zRestResponse = z.object({
+  message: z.string().nullable().optional(),
+  status: z.boolean().nullable().optional(),
 });
 
-export const zRestResponseString = z.object({
-    message: z.optional(z.union([
-        z.string(),
-        z.null()
-    ])),
-    status: z.optional(z.union([
-        z.boolean(),
-        z.null()
-    ])),
-    data: z.optional(z.union([
-        z.string(),
-        z.null()
-    ]))
+export const zRestResponseAuthResponseDtoUserDetailDto = zRestResponse.extend({
+  data: zAuthResponseDtoUserDetailDto.optional(),
+});
+
+export const zRestResponseString = zRestResponse.extend({
+  data: z.string().nullable().optional(),
 });
 
 export const zUserResetPasswordDto = z.object({
-    email: z.email().min(1).max(256),
-    password: z.string().min(6).max(32),
-    otp: z.string().min(4).max(12)
+  email: z.email().min(1).max(256),
+  password: z.string().min(6).max(32),
+  otp: z.string().min(4).max(12),
 });
 
 export const zUserSignupDto = z.object({
-    password: z.string(),
-    email: z.email().min(1).max(256)
+  password: z.string(),
+  email: z.email().min(1).max(256),
 });
 
 export const zUserLoginDto = z.object({
-    email: z.email().min(1).max(256),
-    password: z.string().min(6).max(32)
+  email: z.email().min(1).max(256),
+  password: z.string().min(6).max(32),
 });
 
 export const zValidateTokenUserAuthData = z.object({
-    body: z.optional(z.never()),
-    path: z.optional(z.never()),
-    query: z.optional(z.never())
+  body: z.optional(z.never()),
+  path: z.optional(z.never()),
+  query: z.optional(z.never()),
 });
 
 /**
  * OK
  */
-export const zValidateTokenUserAuthResponse = zRestResponseAuthResponseDtoUserDetailDto;
+export const zValidateTokenUserAuthResponse =
+  zRestResponseAuthResponseDtoUserDetailDto;
 
 export const zSendOtpUserAuthData = z.object({
-    body: z.optional(z.never()),
-    path: z.optional(z.never()),
-    query: z.object({
-        authId: z.string()
-    })
+  body: z.optional(z.never()),
+  path: z.optional(z.never()),
+  query: z.object({
+    authId: z.string(),
+  }),
 });
 
 /**
@@ -101,9 +81,9 @@ export const zSendOtpUserAuthData = z.object({
 export const zSendOtpUserAuthResponse = zRestResponseString;
 
 export const zResetPasswordUserAuthData = z.object({
-    body: zUserResetPasswordDto,
-    path: z.optional(z.never()),
-    query: z.optional(z.never())
+  body: zUserResetPasswordDto,
+  path: z.optional(z.never()),
+  query: z.optional(z.never()),
 });
 
 /**
@@ -112,23 +92,26 @@ export const zResetPasswordUserAuthData = z.object({
 export const zResetPasswordUserAuthResponse = zRestResponseString;
 
 export const zRegisterUserAuthData = z.object({
-    body: zUserSignupDto,
-    path: z.optional(z.never()),
-    query: z.optional(z.never())
+  body: zUserSignupDto,
+  path: z.optional(z.never()),
+  query: z.optional(z.never()),
 });
 
 /**
  * OK
  */
-export const zRegisterUserAuthResponse = zRestResponseAuthResponseDtoUserDetailDto;
+export const zRegisterUserAuthResponse =
+  zRestResponseAuthResponseDtoUserDetailDto;
 
 export const zLogoutUserAuthData = z.object({
-    body: z.optional(z.never()),
-    path: z.optional(z.never()),
-    query: z.optional(z.never()),
-    headers: z.optional(z.object({
-        'x-auth-token': z.optional(z.string()).default('')
-    }))
+  body: z.optional(z.never()),
+  path: z.optional(z.never()),
+  query: z.optional(z.never()),
+  headers: z.optional(
+    z.object({
+      "x-auth-token": z.optional(z.string()).default(""),
+    }),
+  ),
 });
 
 /**
@@ -137,9 +120,9 @@ export const zLogoutUserAuthData = z.object({
 export const zLogoutUserAuthResponse = z.record(z.string(), z.unknown());
 
 export const zLoginUserAuthData = z.object({
-    body: zUserLoginDto,
-    path: z.optional(z.never()),
-    query: z.optional(z.never())
+  body: zUserLoginDto,
+  path: z.optional(z.never()),
+  query: z.optional(z.never()),
 });
 
 /**

package/generators/app/templates/src/types/i18n.d.ts

@@ -5,4 +5,3 @@ declare module "i18next" {
     returnNull: false;
   }
 }
-

package/generators/app/templates/stylelint.config.js

@@ -0,0 +1,55 @@
+export default {
+  extends: ["stylelint-config-standard"],
+  plugins: ["stylelint-declaration-strict-value"],
+  rules: {
+    "at-rule-prelude-no-invalid": [
+      true,
+      {
+        ignoreAtRules: [
+          "apply",
+          "theme",
+          "custom-variant",
+          "utility",
+          "variant",
+          "source",
+          "plugin",
+          "config",
+          "reference",
+        ],
+      },
+    ],
+    "at-rule-no-unknown": [
+      true,
+      {
+        ignoreAtRules: [
+          "theme",
+          "utility",
+          "variant",
+          "custom-variant",
+          "apply",
+          "source",
+          "plugin",
+          "config",
+          "reference",
+        ],
+      },
+    ],
+    "import-notation": "string",
+    "scale-unlimited/declaration-strict-value": [
+      ["/color$/", "fill", "stroke"],
+      {
+        ignoreValues: [
+          "inherit",
+          "initial",
+          "unset",
+          "revert",
+          "transparent",
+          "currentColor",
+          "none",
+        ],
+        ignoreFunctions: false,
+        disableFix: true,
+      },
+    ],
+  },
+};

package/generators/app/templates/tailwind.config.js

@@ -6,4 +6,3 @@ export default {
   },
   plugins: [],
 };
-

package/generators/app/templates/tests/form-controls.test.tsx

@@ -0,0 +1,39 @@
+import { describe, expect, it, vi } from "vitest";
+import { render, screen } from "@testing-library/react";
+import userEvent from "@testing-library/user-event";
+import { Input } from "@/components/ui/input";
+import { Button } from "@/components/ui/button";
+
+describe("form controls", () => {
+  it("accepts keyboard input and submits its value", async () => {
+    const user = userEvent.setup();
+    const save = vi.fn();
+    render(
+      <form
+        onSubmit={(event) => {
+          event.preventDefault();
+          save(new FormData(event.currentTarget).get("name"));
+        }}
+      >
+        <label htmlFor="name">Name</label>
+        <Input id="name" name="name" required />
+        <Button type="submit">Save</Button>
+      </form>,
+    );
+    await user.type(screen.getByRole("textbox", { name: "Name" }), "Ada");
+    await user.click(screen.getByRole("button", { name: "Save" }));
+    expect(save).toHaveBeenCalledWith("Ada");
+  });
+
+  it("does not submit a disabled action", async () => {
+    const user = userEvent.setup();
+    const save = vi.fn();
+    render(
+      <Button disabled onClick={save}>
+        Save
+      </Button>,
+    );
+    await user.click(screen.getByRole("button", { name: "Save" }));
+    expect(save).not.toHaveBeenCalled();
+  });
+});

package/generators/app/templates/tests/sdk.test.ts

@@ -0,0 +1,49 @@
+import { test } from "vitest";
+import assert from "node:assert/strict";
+import {
+  formDataBodySerializer,
+  urlSearchParamsBodySerializer,
+  jsonBodySerializer,
+} from "../src/sdk/core/bodySerializer.gen";
+import { serializeQueryKeyValue } from "../src/sdk/core/queryKeySerializer.gen";
+
+test("API serialization preserves values and omits absent fields", () => {
+  const body = {
+    title: "hello",
+    count: 3,
+    tags: ["a", "b"],
+    absent: null,
+    missing: undefined,
+    date: new Date("2026-10-20T00:00:00Z"),
+    nested: { enabled: true },
+  };
+  const form = formDataBodySerializer.bodySerializer(body);
+  assert.deepEqual(form.getAll("tags"), ["a", "b"]);
+  assert.equal(form.get("date"), body.date.toISOString());
+  assert.equal(form.get("nested"), '{"enabled":true}');
+  assert.equal(form.has("absent"), false);
+  assert.equal(form.has("missing"), false);
+  const params = new URLSearchParams(
+    urlSearchParamsBodySerializer.bodySerializer(body),
+  );
+  assert.deepEqual(params.getAll("tags"), ["a", "b"]);
+  assert.equal(params.get("count"), "3");
+  assert.equal(jsonBodySerializer.bodySerializer({ id: 23n }), '{"id":"23"}');
+});
+
+test("query cache keys preserve dates and have stable parameter ordering", () => {
+  assert.equal(serializeQueryKeyValue(23n), "23");
+  assert.equal(
+    serializeQueryKeyValue(new Date("2026-10-20T00:00:00Z")),
+    "2026-10-20T00:00:00.000Z",
+  );
+  assert.equal(serializeQueryKeyValue(Symbol("omitted")), undefined);
+  assert.equal(
+    serializeQueryKeyValue(() => 1),
+    undefined,
+  );
+  assert.deepEqual(serializeQueryKeyValue(new URLSearchParams("z=1&a=2&a=3")), {
+    a: ["2", "3"],
+    z: "1",
+  });
+});

package/generators/app/templates/tests/setup.ts

@@ -0,0 +1,5 @@
+import "@testing-library/jest-dom/vitest";
+import { afterEach } from "vitest";
+import { cleanup } from "@testing-library/react";
+
+afterEach(cleanup);

package/generators/app/templates/tsconfig.app.json

@@ -1,9 +1,7 @@
 {
   "compilerOptions": {
-    "baseUrl": ".",
     "paths": {
       "@/*": ["./src/*"]
     }
   }
 }
-

package/generators/app/templates/tsconfig.json

@@ -20,10 +20,10 @@
     "noUnusedParameters": true,
     "noFallthroughCasesInSwitch": true,
     "noUncheckedSideEffectImports": true,
-    "baseUrl": ".",
+    "allowJs": true,
+    "noUncheckedIndexedAccess": true,
     "paths": {
       "@/*": ["./src/*"]
     }
   }
 }
-

package/generators/app/templates/tsr.config.json

@@ -0,0 +1,4 @@
+{
+  "quoteStyle": "double",
+  "semicolons": true
+}