robodev 0.47.3 → 0.48.0

package/templates/povio/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/povio/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/povio/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/povio/apps/fe/src/types/vite-env.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="vite/client" />
+
+interface ImportMetaEnv {
+  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_AUTH_CUSTOM_JWT_ENABLE_MAGIC_LINK: string;
+}
+
+interface ImportMeta {
+  readonly env: ImportMetaEnv;
+}

package/templates/povio/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/povio/apps/fe/src/utils/image-fallback.ts

@@ -0,0 +1,9 @@
+interface ImageFallbackOptions {
+  width: number;
+  height: number;
+  text?: string;
+}
+
+export function getFallbackImageUrl({ width, height, text = "No image" }: ImageFallbackOptions): string {
+  return `https://placehold.co/${width}x${height}?text=${encodeURIComponent(text)}`;
+}

package/templates/povio/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/povio/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/povio/apps/fe/src/vite-env.d.ts

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

package/templates/povio/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/povio/apps/fe/tsconfig.json

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

package/templates/povio/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/povio/apps/fe/vite.config.ts

@@ -0,0 +1,150 @@
+import { applyEnv, resolveConfigSync, getNumber, getString } from "@povio/resolve-config";
+import tailwindCSS from "@tailwindcss/vite";
+import { tanstackRouter } from "@tanstack/router-plugin/vite";
+import viteReact from "@vitejs/plugin-react";
+import { copyFileSync, existsSync, readdirSync, readFileSync } from "node:fs";
+import { join } from "node:path";
+import { defineConfig as defineViteConfig, mergeConfig, type Plugin } from "vite";
+import { defineConfig as defineVitestConfig } from "vitest/config";
+import { reactIconsSprite } from "react-icons-sprite/vite";
+
+/** react-icons-sprite maps Trash2 → trash2.mjs and MenuIcon → menu-icon.mjs; lucide ships trash-2.mjs / menu.mjs. */
+function lucideSpriteIconAliases(): Plugin {
+  return {
+    name: "lucide-sprite-icon-aliases",
+    enforce: "pre",
+    apply: "build",
+    buildStart() {
+      const iconsDir = join(process.cwd(), "node_modules", "lucide-react", "dist", "esm", "icons");
+      if (!existsSync(iconsDir)) {
+        return;
+      }
+      for (const file of readdirSync(iconsDir)) {
+        if (!file.endsWith(".mjs")) {
+          continue;
+        }
+        const src = join(iconsDir, file);
+        const digit = /^(.+)-(\d+)\.mjs$/.exec(file);
+        if (digit) {
+          const dest = join(iconsDir, `${digit[1]}${digit[2]}.mjs`);
+          if (!existsSync(dest)) {
+            copyFileSync(src, dest);
+          }
+        }
+        if (!file.endsWith("-icon.mjs")) {
+          const dest = join(iconsDir, file.replace(/\.mjs$/, "-icon.mjs"));
+          if (!existsSync(dest)) {
+            copyFileSync(src, dest);
+          }
+        }
+      }
+    },
+  };
+}
+
+const repoRoot = new URL("../..", import.meta.url).pathname;
+
+function readDotEnvKey(root: string, key: string): string | undefined {
+  try {
+    const content = readFileSync(join(root, ".env"), "utf8");
+    const line = content.split(/\r?\n/).find((row) => row.startsWith(`${key}=`));
+    const value = line?.slice(key.length + 1).trim();
+    return value || undefined;
+  } catch {
+    return undefined;
+  }
+}
+
+function loadResolvedSpaEnv(cwd: string): ReturnType<typeof resolveConfigSync> {
+  try {
+    const resolved = resolveConfigSync({ cwd, module: "spa", target: "resolved" });
+    if (resolved && typeof resolved === "object") {
+      return resolved;
+    }
+  } catch {
+    // unnamed or missing spa manifest
+  }
+  return {};
+}
+
+const env = loadResolvedSpaEnv(repoRoot);
+applyEnv(env, "__");
+
+const apiUrl =
+  getString(env, "VITE_PUBLIC_API_URL") ||
+  process.env.VITE_PUBLIC_API_URL ||
+  readDotEnvKey(repoRoot, "VITE_PUBLIC_API_URL") ||
+  "http://localhost:4000";
+
+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 = () => ({
+  plugins: [
+    !isInTestMode &&
+      tanstackRouter({
+        target: "react",
+        autoCodeSplitting: true,
+        routesDirectory: "./src/pages",
+      }),
+    lucideSpriteIconAliases(),
+    iconsSpritePlugin,
+    viteReact({
+      babel: {
+        plugins: ["babel-plugin-react-compiler"],
+      },
+    }),
+    tailwindCSS(),
+  ],
+  server: {
+    open: false,
+    port: getNumber(env, "VITE_DEV_PORT") ?? 3000,
+    strictPort: false,
+    proxy: {
+      "^/api(?:/|$)": {
+        target: apiUrl,
+        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(() => mergeConfig(createViteConfig(), vitestConfig));