robodev 0.11.0 → 0.13.0

package/templates/space/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/space/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/space/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/space/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/space/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/space/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/space/apps/fe/src/utils/media-upload.ts

@@ -0,0 +1,63 @@
+import type { FileUploadRequest } from "@povio/ui";
+
+import { AppConfig } from "@/config/app.config";
+import type { MediaModels } from "@/openapi/media/media.models";
+import { MediaQueries } from "@/openapi/media/media.queries";
+
+interface UseMediaUploadHandlerOptions {
+  resourceName: MediaModels.MediaResourceName;
+  method?: string;
+  onUploaded: (media: { id: string; previewUrl: string }) => void;
+}
+
+interface FileUploadOptions {
+  abortController?: AbortController;
+  onUploadProgress?: (progress: { loaded: number; total: number }) => void;
+}
+
+export function useMediaUploadHandler({ resourceName, method, onUploaded }: UseMediaUploadHandlerOptions) {
+  const uploadRequest = MediaQueries.useUploadRequest();
+
+  return async (request: FileUploadRequest, file: File, options?: FileUploadOptions): Promise<{ id: string }> => {
+    options?.onUploadProgress?.({ loaded: 1, total: 100 });
+
+    const instructions = await uploadRequest.mutateAsync({
+      data: {
+        ...request.data,
+        resourceName,
+        mimeType: file.type || "application/octet-stream",
+        method: method ?? "post",
+      },
+    });
+
+    if (!instructions.url || !instructions.method || !instructions.id || !instructions.fields) {
+      throw new Error("Media upload instructions are incomplete");
+    }
+
+    const formData = new FormData();
+    instructions.fields.forEach(([key, value]) => {
+      formData.append(key, value);
+    });
+    formData.append("file", file);
+
+    const uploadUrl = instructions.url.startsWith("http")
+      ? instructions.url
+      : `${AppConfig.api.url.replace(/\/+$/, "")}${instructions.url}`;
+
+    const response = await fetch(uploadUrl, {
+      method: instructions.method.toUpperCase(),
+      body: formData,
+      signal: options?.abortController?.signal,
+    });
+
+    if (!response.ok) {
+      const responseText = await response.text().catch(() => "");
+      throw new Error(`Media upload failed (${response.status})${responseText ? `: ${responseText}` : ""}`);
+    }
+
+    options?.onUploadProgress?.({ loaded: 100, total: 100 });
+    onUploaded({ id: instructions.id, previewUrl: URL.createObjectURL(file) });
+
+    return { id: instructions.id };
+  };
+}

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

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

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

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

package/templates/space/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/space/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),
+);

package/templates/space/database.ts

@@ -1,27 +1,47 @@
-/**
- * Starter schema. `robodev deploy` creates the `space` database and these tables
- * (no migration files). Edit here and deploy again to sync.
- */
-import { boolean, defineDatabase, integer, pgTable, text, timestamp, uuid } from "@robodev-ai/sdk";
+import { defineDatabase, integer, pgTable, text, timestamp, uuid } from "@robodev-ai/sdk";
 
-export const planets = pgTable("planets", {
+export const aliens = pgTable("aliens", {
   id: uuid("id").primaryKey().defaultRandom(),
   name: text("name").notNull(),
-  climate: text("climate").notNull(),
-  moons: integer("moons").default(0),
+  createdAt: timestamp("createdAt", { withTimezone: true }).defaultNow(),
+  updatedAt: timestamp("updatedAt", { withTimezone: true }).defaultNow(),
 });
 
-export const rockets = pgTable("rockets", {
+export const media = pgTable("media", {
   id: uuid("id").primaryKey().defaultRandom(),
+  key: text("key").notNull(),
+  userId: text("userId").notNull(),
+  resourceName: text("resourceName").notNull(),
+  fileName: text("fileName").notNull(),
+  fileSize: integer("fileSize").notNull(),
+  mimeType: text("mimeType").notNull(),
+  uploaded: timestamp("uploaded", { withTimezone: true }),
+  createdAt: timestamp("createdAt", { withTimezone: true }).defaultNow(),
+});
+
+export const planets = pgTable("planets", {
+  id: uuid("id").primaryKey().defaultRandom(),
+  userId: text("userId").notNull(),
+  creatorName: text("creatorName"),
+  alienId: uuid("alienId").references(() => aliens.id, { onDelete: "set null" }),
+  discoveryDate: timestamp("discoveryDate", { withTimezone: true }),
   name: text("name").notNull(),
-  destinationId: uuid("destinationId")
+  description: text("description"),
+  imageId: uuid("imageId").references(() => media.id, { onDelete: "set null" }),
+  createdAt: timestamp("createdAt", { withTimezone: true }).defaultNow(),
+  updatedAt: timestamp("updatedAt", { withTimezone: true }).defaultNow(),
+});
+
+export const planetLikes = pgTable("planet_likes", {
+  id: uuid("id").primaryKey().defaultRandom(),
+  planetId: uuid("planetId")
     .notNull()
     .references(() => planets.id, { onDelete: "cascade" }),
-  launched: boolean("launched").default(false),
+  userId: text("userId").notNull(),
   createdAt: timestamp("createdAt", { withTimezone: true }).defaultNow(),
 });
 
 export default defineDatabase({
-  name: "space",
-  tables: { planets, rockets },
+  name: "tiny",
+  tables: { aliens, media, planets, planetLikes },
 });