create-m5kdev 0.29.0 → 0.31.0

package/templates/minimal-app/apps/email/src/emails/waitlistEmails.tsx.tpl

@@ -1,87 +1,88 @@
-/** @jsxRuntime automatic */
-import { Heading, Text } from "@react-email/components";
-import { CtaButton } from "@m5kdev/email/components/CtaButton";
-import { EmailLayout } from "@m5kdev/email/components/EmailLayout";
-import type { Brand, EmailTranslateFn } from "@m5kdev/email/types";
-
-function resolveT(t?: EmailTranslateFn): EmailTranslateFn {
-  return t ?? ((key: string) => key);
-}
-
-interface WaitlistEmailProps {
-  previewText: string;
-  url?: string;
-  brand: Brand;
-  t?: EmailTranslateFn;
-  htmlLang?: string;
-}
-
-function WaitlistActionEmail({
-  previewText,
-  url,
-  brand,
-  htmlLang,
-  title,
-  body,
-  action,
-}: WaitlistEmailProps & { title: string; body: string; action: string }) {
-  return (
-    <EmailLayout previewText={previewText} brand={brand} htmlLang={htmlLang}>
-      <Heading className="mb-4 text-2xl font-bold text-black">{title}</Heading>
-      <Text className="mb-6 text-base text-gray-700">{body}</Text>
-      {url ? <CtaButton href={url}>{action}</CtaButton> : null}
-    </EmailLayout>
-  );
-}
-
-export function WaitlistConfirmationEmail(props: WaitlistEmailProps) {
-  const t = resolveT(props.t);
-  return (
-    <WaitlistActionEmail
-      {...props}
-      title={t("waitlistConfirmation.title")}
-      body={t("waitlistConfirmation.body")}
-      action={t("waitlistConfirmation.action")}
-    />
-  );
-}
-
-export function WaitlistInviteEmail(props: WaitlistEmailProps) {
-  const t = resolveT(props.t);
-  return (
-    <WaitlistActionEmail
-      {...props}
-      title={t("waitlistInvite.title")}
-      body={t("waitlistInvite.body")}
-      action={t("waitlistInvite.action")}
-    />
-  );
-}
-
-export function WaitlistUserInviteEmail(
-  props: WaitlistEmailProps & { inviter?: string; name?: string }
-) {
-  const t = resolveT(props.t);
-  const inviter = props.inviter ?? "A teammate";
-  const invitee = props.name ? t("waitlistUserInvite.inviteeSuffix", { name: props.name }) : "";
-  return (
-    <WaitlistActionEmail
-      {...props}
-      title={t("waitlistUserInvite.title", { inviter, invitee })}
-      body={t("waitlistUserInvite.body")}
-      action={t("waitlistUserInvite.action")}
-    />
-  );
-}
-
-export function SystemWaitlistNotificationEmail(props: WaitlistEmailProps) {
-  const t = resolveT(props.t);
-  return (
-    <WaitlistActionEmail
-      {...props}
-      title={t("systemWaitlistNotification.title")}
-      body={t("systemWaitlistNotification.body")}
-      action={t("systemWaitlistNotification.action")}
-    />
-  );
-}
+/** @jsxRuntime automatic */
+
+import { CtaButton } from "@m5kdev/email/components/CtaButton";
+import { EmailLayout } from "@m5kdev/email/components/EmailLayout";
+import type { Brand, EmailTranslateFn } from "@m5kdev/email/types";
+import { Heading, Text } from "@react-email/components";
+
+function resolveT(t?: EmailTranslateFn): EmailTranslateFn {
+  return t ?? ((key: string) => key);
+}
+
+interface WaitlistEmailProps {
+  previewText: string;
+  url?: string;
+  brand: Brand;
+  t?: EmailTranslateFn;
+  htmlLang?: string;
+}
+
+function WaitlistActionEmail({
+  previewText,
+  url,
+  brand,
+  htmlLang,
+  title,
+  body,
+  action,
+}: WaitlistEmailProps & { title: string; body: string; action: string }) {
+  return (
+    <EmailLayout previewText={previewText} brand={brand} htmlLang={htmlLang}>
+      <Heading className="mb-4 text-2xl font-bold text-black">{title}</Heading>
+      <Text className="mb-6 text-base text-gray-700">{body}</Text>
+      {url ? <CtaButton href={url}>{action}</CtaButton> : null}
+    </EmailLayout>
+  );
+}
+
+export function WaitlistConfirmationEmail(props: WaitlistEmailProps) {
+  const t = resolveT(props.t);
+  return (
+    <WaitlistActionEmail
+      {...props}
+      title={t("waitlistConfirmation.title")}
+      body={t("waitlistConfirmation.body")}
+      action={t("waitlistConfirmation.action")}
+    />
+  );
+}
+
+export function WaitlistInviteEmail(props: WaitlistEmailProps) {
+  const t = resolveT(props.t);
+  return (
+    <WaitlistActionEmail
+      {...props}
+      title={t("waitlistInvite.title")}
+      body={t("waitlistInvite.body")}
+      action={t("waitlistInvite.action")}
+    />
+  );
+}
+
+export function WaitlistUserInviteEmail(
+  props: WaitlistEmailProps & { inviter?: string; name?: string }
+) {
+  const t = resolveT(props.t);
+  const inviter = props.inviter ?? "A teammate";
+  const invitee = props.name ? t("waitlistUserInvite.inviteeSuffix", { name: props.name }) : "";
+  return (
+    <WaitlistActionEmail
+      {...props}
+      title={t("waitlistUserInvite.title", { inviter, invitee })}
+      body={t("waitlistUserInvite.body")}
+      action={t("waitlistUserInvite.action")}
+    />
+  );
+}
+
+export function SystemWaitlistNotificationEmail(props: WaitlistEmailProps) {
+  const t = resolveT(props.t);
+  return (
+    <WaitlistActionEmail
+      {...props}
+      title={t("systemWaitlistNotification.title")}
+      body={t("systemWaitlistNotification.body")}
+      action={t("systemWaitlistNotification.action")}
+    />
+  );
+}

package/templates/minimal-app/apps/email/src/index.ts.tpl

@@ -1,72 +1,74 @@
-import type { FunctionComponent } from "react";
-import AccountDeletionEmail from "./emails/accountDeletionEmail";
-import OrganizationInviteEmail from "./emails/organizationInviteEmail";
-import PasswordResetEmail from "./emails/passwordResetEmail";
-import VerificationEmail from "./emails/verificationEmail";
-import {
-  SystemWaitlistNotificationEmail,
-  WaitlistConfirmationEmail,
-  WaitlistInviteEmail,
-  WaitlistUserInviteEmail,
-} from "./emails/waitlistEmails";
-
-/**
- * EmailService renders templates with untyped props (they come from send-time
- * data), so the registry erases each template's prop type. The props each
- * template receives are guaranteed by the corresponding EmailService.send*
- * method.
- */
-function asTemplate(component: FunctionComponent<never>): FunctionComponent<Record<string, unknown>> {
-  return component as unknown as FunctionComponent<Record<string, unknown>>;
-}
-
-export const templates = {
-  accountDeletion: {
-    id: "account-deletion",
-    subject: "accountDeletion.subject",
-    previewText: "accountDeletion.previewText",
-    react: asTemplate(AccountDeletionEmail),
-  },
-  passwordReset: {
-    id: "password-reset",
-    subject: "passwordReset.subject",
-    previewText: "passwordReset.previewText",
-    react: asTemplate(PasswordResetEmail),
-  },
-  verification: {
-    id: "verification",
-    subject: "verification.subject",
-    previewText: "verification.previewText",
-    react: asTemplate(VerificationEmail),
-  },
-  organizationInvite: {
-    id: "organization-invite",
-    subject: "organizationInvite.subject",
-    previewText: "organizationInvite.previewText",
-    react: asTemplate(OrganizationInviteEmail),
-  },
-  waitlistConfirmation: {
-    id: "waitlist-confirmation",
-    subject: "waitlistConfirmation.subject",
-    previewText: "waitlistConfirmation.previewText",
-    react: asTemplate(WaitlistConfirmationEmail),
-  },
-  waitlistInvite: {
-    id: "waitlist-invite",
-    subject: "waitlistInvite.subject",
-    previewText: "waitlistInvite.previewText",
-    react: asTemplate(WaitlistInviteEmail),
-  },
-  waitlistUserInvite: {
-    id: "waitlist-user-invite",
-    subject: "waitlistUserInvite.subject",
-    previewText: "waitlistUserInvite.previewText",
-    react: asTemplate(WaitlistUserInviteEmail),
-  },
-  systemWaitlistNotification: {
-    id: "system-waitlist-notification",
-    subject: "systemWaitlistNotification.subject",
-    previewText: "systemWaitlistNotification.previewText",
-    react: asTemplate(SystemWaitlistNotificationEmail),
-  },
-};
+import type { FunctionComponent } from "react";
+import AccountDeletionEmail from "./emails/accountDeletionEmail";
+import OrganizationInviteEmail from "./emails/organizationInviteEmail";
+import PasswordResetEmail from "./emails/passwordResetEmail";
+import VerificationEmail from "./emails/verificationEmail";
+import {
+  SystemWaitlistNotificationEmail,
+  WaitlistConfirmationEmail,
+  WaitlistInviteEmail,
+  WaitlistUserInviteEmail,
+} from "./emails/waitlistEmails";
+
+/**
+ * EmailService renders templates with untyped props (they come from send-time
+ * data), so the registry erases each template's prop type. The props each
+ * template receives are guaranteed by the corresponding EmailService.send*
+ * method.
+ */
+function asTemplate(
+  component: FunctionComponent<never>
+): FunctionComponent<Record<string, unknown>> {
+  return component as unknown as FunctionComponent<Record<string, unknown>>;
+}
+
+export const templates = {
+  accountDeletion: {
+    id: "account-deletion",
+    subject: "accountDeletion.subject",
+    previewText: "accountDeletion.previewText",
+    react: asTemplate(AccountDeletionEmail),
+  },
+  passwordReset: {
+    id: "password-reset",
+    subject: "passwordReset.subject",
+    previewText: "passwordReset.previewText",
+    react: asTemplate(PasswordResetEmail),
+  },
+  verification: {
+    id: "verification",
+    subject: "verification.subject",
+    previewText: "verification.previewText",
+    react: asTemplate(VerificationEmail),
+  },
+  organizationInvite: {
+    id: "organization-invite",
+    subject: "organizationInvite.subject",
+    previewText: "organizationInvite.previewText",
+    react: asTemplate(OrganizationInviteEmail),
+  },
+  waitlistConfirmation: {
+    id: "waitlist-confirmation",
+    subject: "waitlistConfirmation.subject",
+    previewText: "waitlistConfirmation.previewText",
+    react: asTemplate(WaitlistConfirmationEmail),
+  },
+  waitlistInvite: {
+    id: "waitlist-invite",
+    subject: "waitlistInvite.subject",
+    previewText: "waitlistInvite.previewText",
+    react: asTemplate(WaitlistInviteEmail),
+  },
+  waitlistUserInvite: {
+    id: "waitlist-user-invite",
+    subject: "waitlistUserInvite.subject",
+    previewText: "waitlistUserInvite.previewText",
+    react: asTemplate(WaitlistUserInviteEmail),
+  },
+  systemWaitlistNotification: {
+    id: "system-waitlist-notification",
+    subject: "systemWaitlistNotification.subject",
+    previewText: "systemWaitlistNotification.previewText",
+    react: asTemplate(SystemWaitlistNotificationEmail),
+  },
+};

package/templates/minimal-app/apps/email/tsconfig.json.tpl

@@ -1,16 +1,11 @@
-{
-  "extends": "@m5kdev/config/tsconfig.node.json",
-  "compilerOptions": {
-    "jsx": "react-jsx",
-    "noEmit": true,
-    "tsBuildInfoFile": "dist/tsconfig.tsbuildinfo",
-    "rootDir": "."
-  },
-  "exclude": [
-    "node_modules"
-  ],
-  "include": [
-    "src/**/*.ts",
-    "src/**/*.tsx"
-  ]
-}
+{
+  "extends": "@m5kdev/config/tsconfig.node.json",
+  "compilerOptions": {
+    "jsx": "react-jsx",
+    "noEmit": true,
+    "tsBuildInfoFile": "dist/tsconfig.tsbuildinfo",
+    "rootDir": "."
+  },
+  "exclude": ["node_modules"],
+  "include": ["src/**/*.ts", "src/**/*.tsx"]
+}

package/templates/minimal-app/apps/server/tsconfig.json.tpl

@@ -1,20 +1,13 @@
-{
-  "extends": "@m5kdev/config/tsconfig.node.json",
-  "compilerOptions": {
-    "esModuleInterop": true,
-    "importHelpers": true,
-    "jsx": "react-jsx",
-    "noEmit": true,
-    "tsBuildInfoFile": "dist/tsconfig.tsbuildinfo",
-    "rootDir": "."
-  },
-  "exclude": [
-    "node_modules"
-  ],
-  "include": [
-    "src/**/*.ts",
-    "drizzle/**/*.ts",
-    "drizzle.config.ts",
-    "tsup.config.ts"
-  ]
-}
+{
+  "extends": "@m5kdev/config/tsconfig.node.json",
+  "compilerOptions": {
+    "esModuleInterop": true,
+    "importHelpers": true,
+    "jsx": "react-jsx",
+    "noEmit": true,
+    "tsBuildInfoFile": "dist/tsconfig.tsbuildinfo",
+    "rootDir": "."
+  },
+  "exclude": ["node_modules"],
+  "include": ["src/**/*.ts", "drizzle/**/*.ts", "drizzle.config.ts", "tsup.config.ts"]
+}

package/templates/minimal-app/apps/shared/tsconfig.json.tpl

@@ -1,16 +1,12 @@
-{
-  "extends": "@m5kdev/config/tsconfig.base.json",
-  "compilerOptions": {
-    "esModuleInterop": true,
-    "importHelpers": true,
-    "noEmit": true,
-    "tsBuildInfoFile": "dist/tsconfig.tsbuildinfo",
-    "rootDir": "."
-  },
-  "exclude": [
-    "node_modules"
-  ],
-  "include": [
-    "src/**/*.ts"
-  ]
-}
+{
+  "extends": "@m5kdev/config/tsconfig.base.json",
+  "compilerOptions": {
+    "esModuleInterop": true,
+    "importHelpers": true,
+    "noEmit": true,
+    "tsBuildInfoFile": "dist/tsconfig.tsbuildinfo",
+    "rootDir": "."
+  },
+  "exclude": ["node_modules"],
+  "include": ["src/**/*.ts"]
+}

package/templates/minimal-app/apps/webapp/src/modules/posts/hooks/usePostsList.ts.tpl

@@ -1,98 +1,98 @@
-import type { QueryInput } from "@m5kdev/commons/modules/schemas/query.schema";
-import {
-  POST_FILTER_VALUES,
-  POSTS_PAGE_SIZE,
-} from "{{PACKAGE_SCOPE}}/shared/modules/posts/posts.constants";
-import type { AppRouter } from "{{PACKAGE_SCOPE}}/server/types";
-import { type UseQueryOptions, useQuery } from "@tanstack/react-query";
-import type { inferRouterOutputs } from "@trpc/server";
-import { parseAsInteger, parseAsString, parseAsStringLiteral, useQueryState } from "nuqs";
-import { startTransition, useDeferredValue, useMemo } from "react";
-import { useTRPC } from "@/utils/trpc";
-
-export type PostStatusFilter = (typeof POST_FILTER_VALUES)[number];
-
-// row/list types are inferred from the server router — no hand-written mirrors
-type PostsListOutput = inferRouterOutputs<AppRouter>["posts"]["list"];
-export type PostRow = PostsListOutput["rows"][number];
-
-const STATUS_PARSER = parseAsStringLiteral(POST_FILTER_VALUES).withDefault("all");
-
-/** List query plus its URL state (search, status filter, page) and derived stats. */
-export function usePostsList() {
-  const trpc = useTRPC();
-
-  const [search, setSearchParam] = useQueryState("search", parseAsString.withDefault(""));
-  const [status, setStatusParam] = useQueryState<PostStatusFilter>("status", STATUS_PARSER);
-  const [page, setPageParam] = useQueryState("page", parseAsInteger.withDefault(1));
-
-  const deferredSearch = useDeferredValue(search);
-
-  // the generic list contract: q for global search, filters for column filters
-  const listInput = useMemo<QueryInput>(
-    () => ({
-      page,
-      limit: POSTS_PAGE_SIZE,
-      q: deferredSearch || undefined,
-      filters:
-        status === "all"
-          ? undefined
-          : [{ columnId: "status", type: "enum", method: "equals", value: status }],
-      sort: "updatedAt",
-      order: "desc",
-    }),
-    [deferredSearch, page, status]
-  );
-
-  const { data, isLoading, isFetching } = useQuery(
-    trpc.posts.list.queryOptions(listInput) as unknown as UseQueryOptions<PostsListOutput>
-  );
-
-  const rows = data?.rows ?? [];
-  const total = data?.total ?? 0;
-  const pageCount = Math.max(1, Math.ceil(total / POSTS_PAGE_SIZE));
-
-  const stats = useMemo(
-    () => ({
-      published: rows.filter((row) => row.status === "published").length,
-      drafts: rows.filter((row) => row.status === "draft").length,
-      total,
-    }),
-    [rows, total]
-  );
-
-  const setSearch = (value: string) => {
-    startTransition(() => {
-      void setSearchParam(value || null);
-      void setPageParam(1);
-    });
-  };
-
-  const setStatus = (value: PostStatusFilter) => {
-    startTransition(() => {
-      void setStatusParam(value);
-      void setPageParam(1);
-    });
-  };
-
-  const goToPage = (next: number) => {
-    startTransition(() => {
-      void setPageParam(Math.min(Math.max(1, next), pageCount));
-    });
-  };
-
-  return {
-    rows,
-    total,
-    pageCount,
-    stats,
-    page,
-    search,
-    status,
-    isLoading,
-    isFetching,
-    setSearch,
-    setStatus,
-    goToPage,
-  };
-}
+import type { QueryInput } from "@m5kdev/commons/modules/schemas/query.schema";
+import type { AppRouter } from "{{PACKAGE_SCOPE}}/server/types";
+import {
+  POST_FILTER_VALUES,
+  POSTS_PAGE_SIZE,
+} from "{{PACKAGE_SCOPE}}/shared/modules/posts/posts.constants";
+import { type UseQueryOptions, useQuery } from "@tanstack/react-query";
+import type { inferRouterOutputs } from "@trpc/server";
+import { parseAsInteger, parseAsString, parseAsStringLiteral, useQueryState } from "nuqs";
+import { startTransition, useDeferredValue, useMemo } from "react";
+import { useTRPC } from "@/utils/trpc";
+
+export type PostStatusFilter = (typeof POST_FILTER_VALUES)[number];
+
+// row/list types are inferred from the server router — no hand-written mirrors
+type PostsListOutput = inferRouterOutputs<AppRouter>["posts"]["list"];
+export type PostRow = PostsListOutput["rows"][number];
+
+const STATUS_PARSER = parseAsStringLiteral(POST_FILTER_VALUES).withDefault("all");
+
+/** List query plus its URL state (search, status filter, page) and derived stats. */
+export function usePostsList() {
+  const trpc = useTRPC();
+
+  const [search, setSearchParam] = useQueryState("search", parseAsString.withDefault(""));
+  const [status, setStatusParam] = useQueryState<PostStatusFilter>("status", STATUS_PARSER);
+  const [page, setPageParam] = useQueryState("page", parseAsInteger.withDefault(1));
+
+  const deferredSearch = useDeferredValue(search);
+
+  // the generic list contract: q for global search, filters for column filters
+  const listInput = useMemo<QueryInput>(
+    () => ({
+      page,
+      limit: POSTS_PAGE_SIZE,
+      q: deferredSearch || undefined,
+      filters:
+        status === "all"
+          ? undefined
+          : [{ columnId: "status", type: "enum", method: "equals", value: status }],
+      sort: "updatedAt",
+      order: "desc",
+    }),
+    [deferredSearch, page, status]
+  );
+
+  const { data, isLoading, isFetching } = useQuery(
+    trpc.posts.list.queryOptions(listInput) as unknown as UseQueryOptions<PostsListOutput>
+  );
+
+  const rows = data?.rows ?? [];
+  const total = data?.total ?? 0;
+  const pageCount = Math.max(1, Math.ceil(total / POSTS_PAGE_SIZE));
+
+  const stats = useMemo(
+    () => ({
+      published: rows.filter((row) => row.status === "published").length,
+      drafts: rows.filter((row) => row.status === "draft").length,
+      total,
+    }),
+    [rows, total]
+  );
+
+  const setSearch = (value: string) => {
+    startTransition(() => {
+      void setSearchParam(value || null);
+      void setPageParam(1);
+    });
+  };
+
+  const setStatus = (value: PostStatusFilter) => {
+    startTransition(() => {
+      void setStatusParam(value);
+      void setPageParam(1);
+    });
+  };
+
+  const goToPage = (next: number) => {
+    startTransition(() => {
+      void setPageParam(Math.min(Math.max(1, next), pageCount));
+    });
+  };
+
+  return {
+    rows,
+    total,
+    pageCount,
+    stats,
+    page,
+    search,
+    status,
+    isLoading,
+    isFetching,
+    setSearch,
+    setStatus,
+    goToPage,
+  };
+}

package/templates/minimal-app/biome.json.tpl

@@ -7,14 +7,21 @@
   },
   "files": {
     "ignoreUnknown": false,
-    "includes": ["**", "!**/node_modules/**", "!**/dist/**", "!**/.react-router/**"]
+    "includes": [
+      "**",
+      "!**/node_modules",
+      "!**/dist",
+      "!**/.react-router",
+      "!**/.m5kdev.json",
+      "!**/drizzle/meta"
+    ]
   },
   "formatter": {
     "enabled": true,
     "indentWidth": 2,
     "indentStyle": "space",
     "lineWidth": 100,
-    "lineEnding": "crlf"
+    "lineEnding": "lf"
   },
   "linter": {
     "enabled": true,