robodev 0.12.0 → 0.13.0

package/templates/auth-chat/apps/fe/src/types/i18next.d.ts

@@ -0,0 +1,12 @@
+import "i18next";
+
+import type { defaultNS, resources } from "@/config/i18n";
+
+declare module "i18next" {
+  interface CustomTypeOptions {
+    enableSelector: true;
+    returnNull: false;
+    defaultNS: typeof defaultNS;
+    resources: (typeof resources)["en"];
+  }
+}

package/templates/auth-chat/apps/fe/src/types/table.d.ts

@@ -0,0 +1,17 @@
+/* oxlint-disable unused-imports/no-unused-vars */
+import "@tanstack/react-table";
+
+declare module "@tanstack/react-table" {
+  interface ColumnMeta<TData extends RowData, TValue> {
+    width?: string;
+    headerClass?: string;
+    cellClass?: string;
+    sortClass?: string;
+  }
+
+  interface CellContext<TData extends RowData, TValue> {
+    original: TData;
+    data: TData;
+    value: TValue;
+  }
+}

package/templates/auth-chat/apps/fe/src/types/ui.d.ts

@@ -0,0 +1,26 @@
+import "@povio/ui";
+import type { UIOverrides } from "@povio/ui";
+import type { LinkProps } from "@tanstack/react-router";
+import type { RowData } from "@tanstack/react-table";
+
+import type { tableRowOverride } from "@/styles/overrides/defaults/table.override";
+import type { typographyOverride } from "@/styles/overrides/defaults/typography.override";
+
+declare module "@povio/ui" {
+  interface LinkNavigationProps extends LinkProps {}
+
+  interface TypographyVariantProps {
+    size?: UIOverrides.VariantProps<typeof typographyOverride>["size"];
+    sizeMobile?: UIOverrides.VariantProps<typeof typographyOverride>["sizeMobile"];
+  }
+
+  interface TableRowVariantProps {
+    rowSize?: UIOverrides.VariantProps<typeof tableRowOverride>["rowSize"];
+  }
+}
+
+declare module "@tanstack/react-table" {
+  interface ColumnMeta<TData extends RowData, TValue> {
+    filterKey?: string;
+  }
+}

package/templates/auth-chat/apps/fe/src/types/vite-env.d.ts

@@ -0,0 +1,20 @@
+/// <reference types="vite/client" />
+
+interface ImportMetaEnv {
+  readonly VITE_PUBLIC_ENABLE_WEB_VITALS: "true" | "false";
+  readonly VITE_PUBLIC_API_URL: string;
+  readonly VITE_PUBLIC_API_MODE?: "fake" | "real";
+  readonly VITE_PUBLIC_FAKE_BE_SEED_VERSION?: string;
+  readonly VITE_PUBLIC_LOG_LEVEL: "error" | "warn";
+  readonly VITE_PUBLIC_SENTRY_DSN: string;
+  readonly VITE_PUBLIC_SENTRY_ENVIRONMENT: string;
+  readonly VITE_PUBLIC_SENTRY_TRACES_SAMPLE_RATE: string;
+  readonly VITE_PUBLIC_SENTRY_REPLAYS_ON_ERROR_SAMPLE_RATE: string;
+  readonly VITE_PUBLIC_SENTRY_REPLAYS_SESSION_SAMPLE_RATE: string;
+  readonly VITE_PUBLIC_GOOGLE_ANALYTICS_MEASUREMENT_ID: string;
+  readonly VITE_PUBLIC_AUTH_CUSTOM_JWT_ENABLE_MAGIC_LINK: string;
+}
+
+interface ImportMeta {
+  readonly env: ImportMetaEnv;
+}

package/templates/auth-chat/apps/fe/src/utils/date.utils.ts

@@ -0,0 +1,17 @@
+import { DateUtils as PovioDateUtils } from "@povio/ui";
+
+export namespace DateUtils {
+  export const parseDate = (date: string | Date): Date => (typeof date === "string" ? new Date(date) : date);
+
+  export const formatDate = (date: string | Date, format = "dd/MM/yyyy") => {
+    const parsedDate = parseDate(date);
+
+    return PovioDateUtils.formatDate(parsedDate, format);
+  };
+
+  export const formatDateTime = (date: string | Date, format = "dd/MM/yyyy HH:mm") => {
+    const parsedDate = parseDate(date);
+
+    return PovioDateUtils.formatDate(parsedDate, format);
+  };
+}

package/templates/auth-chat/apps/fe/src/utils/number.utils.ts

@@ -0,0 +1,12 @@
+export namespace NumberUtils {
+  export function formatNumber(value: number, options?: Intl.NumberFormatOptions): string {
+    return new Intl.NumberFormat(undefined, options).format(value);
+  }
+
+  export function formatInteger(value: number, options?: Intl.NumberFormatOptions): string {
+    return formatNumber(value, {
+      maximumFractionDigits: 0,
+      ...options,
+    });
+  }
+}

package/templates/auth-chat/apps/fe/src/utils/string.utils.ts

@@ -0,0 +1,5 @@
+export namespace StringUtils {
+  export function emptyToUndefined(value: string | null | undefined): string | undefined {
+    return value || undefined;
+  }
+}

package/templates/auth-chat/apps/fe/src/vite-env.d.ts

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

package/templates/auth-chat/apps/fe/tsconfig.app.json

@@ -0,0 +1,32 @@
+{
+  "compilerOptions": {
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
+    "target": "ES2022",
+    "useDefineForClassFields": true,
+    "lib": ["ES2022", "DOM", "DOM.Iterable"],
+    "module": "ESNext",
+    "types": ["vite/client", "node"],
+    "skipLibCheck": true,
+
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "verbatimModuleSyntax": false,
+    "moduleDetection": "force",
+    "noEmit": true,
+    "jsx": "react-jsx",
+
+    /* Absolute imports */
+    "paths": {
+      "@/*": ["./src/*"]
+    },
+
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true,
+    "noUncheckedSideEffectImports": true
+  },
+  "include": ["src", "node_modules/@povio/ui/dist/index.d.ts"]
+}

package/templates/auth-chat/apps/fe/tsconfig.json

@@ -0,0 +1,9 @@
+{
+  "files": [],
+  "compilerOptions": {
+    "paths": {
+      "@/*": ["./src/*"]
+    }
+  },
+  "references": [{ "path": "./tsconfig.app.json" }, { "path": "./tsconfig.node.json" }]
+}

package/templates/auth-chat/apps/fe/tsconfig.node.json

@@ -0,0 +1,31 @@
+{
+  "compilerOptions": {
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
+    "target": "ES2023",
+    "lib": ["ES2023"],
+    "module": "ESNext",
+    "types": ["node"],
+    "skipLibCheck": true,
+
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "verbatimModuleSyntax": true,
+    "moduleDetection": "force",
+    "noEmit": true,
+
+    /* Absolute imports */
+    "paths": {
+      "@/*": ["./src/*"]
+    },
+
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "erasableSyntaxOnly": true,
+    "noFallthroughCasesInSwitch": true,
+    "noUncheckedSideEffectImports": true
+  },
+  "include": ["vite.config.ts"]
+}

package/templates/auth-chat/apps/fe/vite.config.ts

@@ -0,0 +1,94 @@
+import { applyEnv, resolveConfigSync, getNumber, getString } from "@povio/resolve-config";
+import reactScan from "@povio/vite-plugin-react-scan";
+import tailwindCSS from "@tailwindcss/vite";
+import { devtools } from "@tanstack/devtools-vite";
+import { tanstackRouter } from "@tanstack/router-plugin/vite";
+import viteReact from "@vitejs/plugin-react";
+import { defineConfig as defineViteConfig, mergeConfig } from "vite";
+import devtoolsJson from "vite-plugin-devtools-json";
+import { defineConfig as defineVitestConfig } from "vitest/config";
+import { reactIconsSprite } from "react-icons-sprite/vite";
+
+const repoRoot = new URL("../..", import.meta.url).pathname;
+const env = resolveConfigSync({ cwd: repoRoot, module: "spa", target: "resolved" }) as any;
+
+applyEnv(env, "__");
+
+const isInTestMode = process.env.VITEST === "true";
+const iconsSpritePlugin = reactIconsSprite();
+const iconsSpriteTransform = iconsSpritePlugin.transform;
+
+if (typeof iconsSpriteTransform === "function") {
+  iconsSpritePlugin.transform = function transformAppIcons(code, id, ...args) {
+    if (id.includes("/node_modules/")) {
+      return null;
+    }
+
+    return iconsSpriteTransform.call(this, code, id, ...args);
+  };
+}
+
+const createViteConfig = (isDevServer: boolean) => ({
+  plugins: [
+    isDevServer && reactScan(),
+    !isInTestMode &&
+      tanstackRouter({
+        target: "react",
+        autoCodeSplitting: true,
+        routesDirectory: "./src/pages",
+      }),
+    devtools({
+      eventBusConfig: { enabled: false },
+    }),
+    iconsSpritePlugin,
+    viteReact({
+      babel: {
+        plugins: ["babel-plugin-react-compiler"],
+      },
+    }),
+    tailwindCSS(),
+    !isInTestMode && devtoolsJson(),
+  ],
+  server: {
+    open: false,
+    port: getNumber(env, "VITE_DEV_PORT"),
+    strictPort: false,
+    proxy: {
+      "^/api(?:/|$)": {
+        target: getString(env, "VITE_PUBLIC_API_URL"),
+        changeOrigin: true,
+        secure: false,
+      },
+    },
+  },
+  build: {
+    target: "esnext",
+  },
+  optimizeDeps: {
+    entries: ["src/**/*.{ts,tsx}"],
+  },
+  worker: {
+    format: "es",
+  },
+  resolve: {
+    alias: {
+      "@": new URL("src", import.meta.url).pathname,
+    },
+    dedupe: ["react", "react-dom", "i18next", "react-i18next"],
+    tsconfigPaths: true,
+  },
+});
+
+const vitestConfig = defineVitestConfig({
+  test: {
+    root: "./",
+    include: ["src/**/*.test.{ts,tsx}"],
+    watch: false,
+    globals: true,
+    reporters: ["default"],
+  },
+});
+
+export default defineViteConfig(({ command }) =>
+  mergeConfig(createViteConfig(command === "serve"), vitestConfig),
+);