firstly 0.0.16-next.2 → 0.1.0-next.4

package/esm/index.js

@@ -1,47 +1,3 @@
-import { ff_Log, FF_Role } from './common.js';
-import { storeItem } from './storeItem.js';
-import { storeList } from './storeList.js';
-import { default as Button } from './ui/Button.svelte';
-import { default as Clipboardable } from './ui/Clipboardable.svelte';
-import { default as DialogManagement } from './ui/dialog/DialogManagement.svelte';
-import { default as FormEditAction } from './ui/dialog/FormEditAction.svelte';
-import { default as Field } from './ui/Field.svelte';
-import { default as FieldGroup } from './ui/FieldGroup.svelte';
-import { default as Grid } from './ui/Grid.svelte';
-import { default as Grid2 } from './ui/Grid2.svelte';
-import { default as GridPaginate } from './ui/GridPaginate.svelte';
-import { default as GridPaginate2 } from './ui/GridPaginate2.svelte';
-import { default as Icon } from './ui/Icon.svelte';
-import { default as FieldContainer } from './ui/internals/FieldContainer.svelte';
-import { default as SelectMelt } from './ui/internals/select/SelectMelt.svelte';
-import { default as Link } from './ui/link/Link.svelte';
-import { default as LinkPlus } from './ui/link/LinkPlus.svelte';
-import { default as Loading } from './ui/Loading.svelte';
-import { default as Tooltip } from './ui/Tooltip.svelte';
-// ******************************
-// Svelte Components
-// ******************************
-export { Field, FormEditAction, Grid, Grid2, GridPaginate, GridPaginate2, FieldGroup, Icon, Link, LinkPlus, Loading, Button, Tooltip, DialogManagement, FieldContainer, SelectMelt, Clipboardable, };
-export { FF_Role, ff_Log };
-// ******************************
-// Helpers
-// ******************************
-export { FF_Fields } from './FF_Fields.js';
-export { FF_Entity } from './FF_Entity.js';
-export { FF_LogToConsole } from './SqlDatabase/FF_LogToConsole.js';
-export { BaseEnum } from './BaseEnum.js';
-export { dialog } from './ui/dialog/dialog.js';
-export { getEntityDisplayValue, isError, getFieldLinkDisplayValue, getEnum, getEnums, onDelete, } from './helper.js';
-export { buildWhere, getPlaceholder, buildSearchWhere, cellsBuildor, cellBuildor, fieldsOf, containsWords, } from './cellsBuildor.js';
-export { storeItem };
-export { storeList };
-export { displayPhone, arrToStr } from './formats/strings.js';
-export { displayCurrency } from './formats/numbers.js';
-export { tw } from './utils/tailwind.js';
-// Hummm... I don't know if we should keep it...
-export { FilterEntity } from './virtual/FilterEntity.js';
-export { UIEntity } from './virtual/UIEntity.js';
-// ******************************
-// Icons
-// ******************************
-export { LibIcon_Empty, LibIcon_Forbidden, LibIcon_ChevronDown, LibIcon_ChevronUp, LibIcon_ChevronLeft, LibIcon_ChevronRight, LibIcon_Search, LibIcon_Check, LibIcon_MultiCheck, LibIcon_Add, LibIcon_MultiAdd, LibIcon_Edit, LibIcon_Delete, LibIcon_Cross, LibIcon_Save, LibIcon_Man, LibIcon_Woman, LibIcon_Send, LibIcon_Load, LibIcon_Settings, LibIcon_Sort, LibIcon_SortAsc, LibIcon_SortDesc, } from './ui/LibIcon.js';
+import * as log from '@kitql/helpers';
+export { log };
+export const ff_Log = new log.Log('firstly');

package/esm/internals/FF_Entity.d.ts

@@ -0,0 +1,2 @@
+import { type EntityOptions } from 'remult';
+export declare function FF_Entity<entityType>(key: string, options?: EntityOptions<entityType extends new (...args: any) => any ? InstanceType<entityType> : entityType>): (target: any, info?: import("remult/src/remult3/remult3").ClassDecoratorContextStub<entityType extends infer T ? T extends entityType ? T extends new (...args: any) => any ? entityType : never : never : never> | undefined) => any;

package/esm/{FF_Entity.js → internals/FF_Entity.js}

@@ -1,5 +1,5 @@
 import { Entity, isBackend } from 'remult';
-import { recordDeleted, recordSaved } from './changeLog';
+import { recordDeleted, recordSaved } from '../changeLog';
 const toAllow = (permission) => {
     if (permission) {
         if (Array.isArray(permission)) {
@@ -12,31 +12,31 @@ const toAllow = (permission) => {
 export function FF_Entity(key, options) {
     return Entity(key, {
         ...options,
-        allowApiCrud: options.allowApiCrud ?? toAllow(options.permissionApiCrud),
-        allowApiDelete: options.allowApiDelete ?? toAllow(options.permissionApiDelete),
-        allowApiInsert: options.allowApiInsert ?? toAllow(options.permissionApiInsert),
-        allowApiRead: options.allowApiRead ?? toAllow(options.permissionApiRead),
-        allowApiUpdate: options.allowApiUpdate ?? toAllow(options.permissionApiUpdate),
+        allowApiCrud: options?.allowApiCrud ?? toAllow(options?.permissionApiCrud),
+        allowApiDelete: options?.allowApiDelete ?? toAllow(options?.permissionApiDelete),
+        allowApiInsert: options?.allowApiInsert ?? toAllow(options?.permissionApiInsert),
+        allowApiRead: options?.allowApiRead ?? toAllow(options?.permissionApiRead),
+        allowApiUpdate: options?.allowApiUpdate ?? toAllow(options?.permissionApiUpdate),
         // changesLogs
         saved: async (entity, e) => {
             await options?.saved?.(entity, e);
-            if (options.changeLog === false) {
+            if (options?.changeLog === false) {
                 // Don't log changes
             }
             else {
                 if (isBackend()) {
-                    await recordSaved(entity, e, options.changeLog);
+                    await recordSaved(entity, e, options?.changeLog);
                 }
             }
         },
         deleted: async (entity, e) => {
             await options?.deleted?.(entity, e);
-            if (options.changeLog === false) {
+            if (options?.changeLog === false) {
                 // Don't log changes
             }
             else {
                 if (isBackend()) {
-                    await recordDeleted(entity, e, options.changeLog);
+                    await recordDeleted(entity, e, options?.changeLog);
                 }
             }
         },

package/esm/{FF_Fields.js → internals/FF_Fields.js}

@@ -1,5 +1,5 @@
 import { Fields, Validators, } from 'remult';
-import { displayCurrency } from './formats';
+import { displayCurrency } from '../formats';
 import { getEnums } from './helper';
 // Translate default messages
 // REMULT P3 JYC: I need to set this here the one of my app are not overwriting these...

package/esm/{cellsBuildor.d.ts → internals/cellsBuildor.d.ts}

@@ -1,6 +1,6 @@
 import type { SvelteComponent } from 'svelte';
 import { type ClassType, type EntityFilter, type FieldMetadata, type Repository } from 'remult';
-import type { UnArray } from './utils/types.js';
+import type { UnArray } from '../utils/types.js';
 export type VisibilityMode = 'view' | 'edit' | 'hide';
 type CellInternal<Entity> = {
     col?: keyof Entity;

package/esm/{common.d.ts → internals/common.d.ts}

@@ -1,5 +1,3 @@
-import { Log } from '@kitql/helpers';
-export declare const ff_Log: Log;
 export declare const FF_Role: {
     readonly FF_Role_Admin: "FF_Role.Admin";
 };

package/esm/internals/common.js

@@ -0,0 +1,3 @@
+export const FF_Role = {
+    FF_Role_Admin: 'FF_Role.Admin',
+};

package/esm/{helper.js → internals/helper.js}

@@ -1,6 +1,6 @@
 import { EntityError, getEntityRef, getValueList } from 'remult';
 import { getRelationFieldInfo } from 'remult/internals';
-import { suffixWithS } from './formats/strings.js';
+import { suffixWithS } from '../formats/strings.js';
 export function isError(object) {
     return object;
 }

package/esm/internals/index.d.ts

@@ -0,0 +1,83 @@
+import type { FindOptionsBase } from 'remult';
+import type { ColumnDeciderArgs } from '../changeLog/index.js';
+import { default as Button } from '../ui/Button.svelte';
+import { default as Clipboardable } from '../ui/Clipboardable.svelte';
+import type { dialog } from '../ui/dialog/dialog.js';
+import { default as DialogManagement } from '../ui/dialog/DialogManagement.svelte';
+import { default as FormEditAction } from '../ui/dialog/FormEditAction.svelte';
+import { default as Field } from '../ui/Field.svelte';
+import { default as FieldGroup } from '../ui/FieldGroup.svelte';
+import { default as Grid } from '../ui/Grid.svelte';
+import { default as Grid2 } from '../ui/Grid2.svelte';
+import { default as GridPaginate } from '../ui/GridPaginate.svelte';
+import { default as GridPaginate2 } from '../ui/GridPaginate2.svelte';
+import { default as Icon } from '../ui/Icon.svelte';
+import { default as FieldContainer } from '../ui/internals/FieldContainer.svelte';
+import { default as SelectMelt } from '../ui/internals/select/SelectMelt.svelte';
+import { default as Link } from '../ui/link/Link.svelte';
+import { default as LinkPlus } from '../ui/link/LinkPlus.svelte';
+import { default as Loading } from '../ui/Loading.svelte';
+import { default as Tooltip } from '../ui/Tooltip.svelte';
+import type { BaseEnum, BaseItem, FF_Icon } from './BaseEnum.js';
+import type { CellsInput as CellsInput_ForExport } from './cellsBuildor.js';
+import { FF_Role } from './common.js';
+import { storeItem } from './storeItem.js';
+import { storeList } from './storeList.js';
+export { Field, FormEditAction, Grid, Grid2, GridPaginate, GridPaginate2, FieldGroup, Icon, Link, LinkPlus, Loading, Button, Tooltip, DialogManagement, FieldContainer, SelectMelt, Clipboardable, };
+export type { BaseEnumOptions } from './BaseEnum.js';
+export type { BaseItem };
+export type BaseItemLight = Partial<BaseItem>;
+export type { DialogMetaDataInternal } from '../ui/dialog/dialog.js';
+export type CellsInput<entityType> = CellsInput_ForExport<entityType>;
+export type { Cell, VisibilityMode } from './cellsBuildor.js';
+export type { FF_FindOptions } from './storeList.js';
+export type StoreItem<T> = ReturnType<typeof storeItem<T>>;
+export type StoreList<T> = ReturnType<typeof storeList<T>>;
+export type { ResolvedType, UnArray, RecursivePartial } from '../utils/types.js';
+export { FF_Fields } from './FF_Fields.js';
+export { FF_Entity } from './FF_Entity.js';
+export { FF_LogToConsole } from '../SqlDatabase/FF_LogToConsole.js';
+export { BaseEnum } from './BaseEnum.js';
+export { dialog } from '../ui/dialog/dialog.js';
+export { getEntityDisplayValue, displayWithDefaultAndSuffix, isError, getFieldLinkDisplayValue, getEnum, getEnums, onDelete, } from './helper.js';
+export { buildWhere, getPlaceholder, buildSearchWhere, cellsBuildor, cellBuildor, fieldsOf, containsWords, } from './cellsBuildor.js';
+export { storeItem };
+export { storeList };
+export { tw } from '../utils/tailwind.js';
+export { FF_Role };
+export { FilterEntity } from '../virtual/FilterEntity.js';
+export { UIEntity } from '../virtual/UIEntity.js';
+export { LibIcon_Empty, LibIcon_Forbidden, LibIcon_ChevronDown, LibIcon_ChevronUp, LibIcon_ChevronLeft, LibIcon_ChevronRight, LibIcon_Search, LibIcon_Check, LibIcon_MultiCheck, LibIcon_Add, LibIcon_MultiAdd, LibIcon_Edit, LibIcon_Delete, LibIcon_Cross, LibIcon_Save, LibIcon_Man, LibIcon_Woman, LibIcon_Send, LibIcon_Load, LibIcon_Settings, LibIcon_Sort, LibIcon_SortAsc, LibIcon_SortDesc, } from '../ui/LibIcon.js';
+export type { FF_Icon };
+declare module 'remult' {
+    interface FieldOptions<entityType, valueType> {
+        placeholder?: string;
+        suffix?: string;
+        suffixWithS?: boolean;
+        suffixEdit?: string;
+        suffixEditWithS?: boolean;
+        styleRadioUntil?: number;
+        step?: '1' | '0.1' | '0.01';
+        href?: (item: entityType) => string;
+        findOptionsForEdit?: ((entity: entityType) => FindOptionsBase<valueType>) | FindOptionsBase<valueType>;
+        findOptionsLimit?: number;
+        createOptionWhenNoResult?: {
+            onCreateRequest: (item: entityType, strCreateNew: string) => Parameters<typeof dialog.form>;
+            onSuccess: (entity: entityType, newItem: any) => Promise<void>;
+            onError?: () => void;
+        };
+        default_select_if_one_item?: boolean;
+        multiSelect?: boolean;
+        skipForDefaultField?: boolean;
+    }
+    interface EntityOptions<entityType> {
+        searchableFind?: (str: string) => FindOptionsBase<entityType>;
+        displayValue?: (item: entityType) => BaseItem;
+        permissionApiCrud?: BaseEnum[] | BaseEnum;
+        permissionApiDelete?: BaseEnum[] | BaseEnum;
+        permissionApiInsert?: BaseEnum[] | BaseEnum;
+        permissionApiRead?: BaseEnum[] | BaseEnum;
+        permissionApiUpdate?: BaseEnum[] | BaseEnum;
+        changeLog?: false | ColumnDeciderArgs<entityType>;
+    }
+}

package/esm/internals/index.js

@@ -0,0 +1,45 @@
+import { default as Button } from '../ui/Button.svelte';
+import { default as Clipboardable } from '../ui/Clipboardable.svelte';
+import { default as DialogManagement } from '../ui/dialog/DialogManagement.svelte';
+import { default as FormEditAction } from '../ui/dialog/FormEditAction.svelte';
+import { default as Field } from '../ui/Field.svelte';
+import { default as FieldGroup } from '../ui/FieldGroup.svelte';
+import { default as Grid } from '../ui/Grid.svelte';
+import { default as Grid2 } from '../ui/Grid2.svelte';
+import { default as GridPaginate } from '../ui/GridPaginate.svelte';
+import { default as GridPaginate2 } from '../ui/GridPaginate2.svelte';
+import { default as Icon } from '../ui/Icon.svelte';
+import { default as FieldContainer } from '../ui/internals/FieldContainer.svelte';
+import { default as SelectMelt } from '../ui/internals/select/SelectMelt.svelte';
+import { default as Link } from '../ui/link/Link.svelte';
+import { default as LinkPlus } from '../ui/link/LinkPlus.svelte';
+import { default as Loading } from '../ui/Loading.svelte';
+import { default as Tooltip } from '../ui/Tooltip.svelte';
+import { FF_Role } from './common.js';
+import { storeItem } from './storeItem.js';
+import { storeList } from './storeList.js';
+// ******************************
+// Svelte Components
+// ******************************
+export { Field, FormEditAction, Grid, Grid2, GridPaginate, GridPaginate2, FieldGroup, Icon, Link, LinkPlus, Loading, Button, Tooltip, DialogManagement, FieldContainer, SelectMelt, Clipboardable, };
+// ******************************
+// Helpers
+// ******************************
+export { FF_Fields } from './FF_Fields.js';
+export { FF_Entity } from './FF_Entity.js';
+export { FF_LogToConsole } from '../SqlDatabase/FF_LogToConsole.js';
+export { BaseEnum } from './BaseEnum.js';
+export { dialog } from '../ui/dialog/dialog.js';
+export { getEntityDisplayValue, displayWithDefaultAndSuffix, isError, getFieldLinkDisplayValue, getEnum, getEnums, onDelete, } from './helper.js';
+export { buildWhere, getPlaceholder, buildSearchWhere, cellsBuildor, cellBuildor, fieldsOf, containsWords, } from './cellsBuildor.js';
+export { storeItem };
+export { storeList };
+export { tw } from '../utils/tailwind.js';
+export { FF_Role };
+// Hummm... I don't know if we should keep it...
+export { FilterEntity } from '../virtual/FilterEntity.js';
+export { UIEntity } from '../virtual/UIEntity.js';
+// ******************************
+// Icons
+// ******************************
+export { LibIcon_Empty, LibIcon_Forbidden, LibIcon_ChevronDown, LibIcon_ChevronUp, LibIcon_ChevronLeft, LibIcon_ChevronRight, LibIcon_Search, LibIcon_Check, LibIcon_MultiCheck, LibIcon_Add, LibIcon_MultiAdd, LibIcon_Edit, LibIcon_Delete, LibIcon_Cross, LibIcon_Save, LibIcon_Man, LibIcon_Woman, LibIcon_Send, LibIcon_Load, LibIcon_Settings, LibIcon_Sort, LibIcon_SortAsc, LibIcon_SortDesc, } from '../ui/LibIcon.js';

package/esm/{storeItem.js → internals/storeItem.js}

@@ -1,7 +1,7 @@
 import { BROWSER } from 'esm-env';
 import { derived, get, writable } from 'svelte/store';
-import { ff_Log } from './common.js';
-import { isError } from './helper';
+import { ff_Log } from '../index.js';
+import { isError } from './helper.js';
 export const storeItem = (repo, initValues = {
     item: undefined,
     loading: true,

package/esm/mail/Mail.d.ts

@@ -0,0 +1,13 @@
+declare const statuses: readonly ["transport_not_configured", "sent", "error"];
+type StatusType = (typeof statuses)[number];
+export declare class Mail {
+    id?: string;
+    createdAt: Date;
+    topic: string;
+    to: string;
+    metadata: Record<string, any>;
+    html: string;
+    status: StatusType;
+    errorInfo: string;
+}
+export {};

package/esm/mail/Mail.js

@@ -0,0 +1,51 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { Entity, Fields } from 'remult';
+import { Role_Mail } from './Role_Mail';
+const statuses = ['transport_not_configured', 'sent', 'error'];
+let Mail = class Mail {
+    id;
+    createdAt = new Date();
+    topic;
+    to;
+    metadata = {};
+    html = '';
+    status = 'sent';
+    errorInfo = '';
+};
+__decorate([
+    Fields.cuid()
+], Mail.prototype, "id", void 0);
+__decorate([
+    Fields.createdAt()
+], Mail.prototype, "createdAt", void 0);
+__decorate([
+    Fields.string({ required: true })
+], Mail.prototype, "topic", void 0);
+__decorate([
+    Fields.string({ required: true })
+], Mail.prototype, "to", void 0);
+__decorate([
+    Fields.json()
+], Mail.prototype, "metadata", void 0);
+__decorate([
+    Fields.string()
+], Mail.prototype, "html", void 0);
+__decorate([
+    Fields.literal(() => statuses)
+], Mail.prototype, "status", void 0);
+__decorate([
+    Fields.string()
+], Mail.prototype, "errorInfo", void 0);
+Mail = __decorate([
+    Entity('_ff_mails', {
+        caption: 'Mails',
+        allowApiCrud: Role_Mail.Mail_Admin,
+        defaultOrderBy: { createdAt: 'desc' },
+    })
+], Mail);
+export { Mail };

package/esm/mail/Role_Mail.d.ts

@@ -0,0 +1,3 @@
+export declare const Role_Mail: {
+    readonly Mail_Admin: "mail.admin";
+};

package/esm/mail/Role_Mail.js

@@ -0,0 +1,3 @@
+export const Role_Mail = {
+    Mail_Admin: 'mail.admin',
+};

package/esm/mail/index.d.ts

@@ -1,2 +1,7 @@
-import { default as DefaultMail } from './templates/DefaultMail.svelte';
-export { DefaultMail };
+import { Log } from '@kitql/helpers';
+import { Mail } from './Mail';
+export declare const key = "mail";
+export declare const log: Log;
+export declare const mailEntities: {
+    Mail: typeof Mail;
+};

package/esm/mail/index.js

@@ -1,2 +1,7 @@
-import { default as DefaultMail } from './templates/DefaultMail.svelte';
-export { DefaultMail };
+import { Log } from '@kitql/helpers';
+import { Mail } from './Mail';
+export const key = 'mail';
+export const log = new Log(key);
+export const mailEntities = {
+    Mail,
+};

package/esm/mail/server/formatMailHelper.d.ts

@@ -0,0 +1,16 @@
+export type MailStyle = {
+    service: string;
+    primaryColor: string;
+    secondaryColor: string;
+    subject: string;
+    title: string;
+    sections: {
+        html: string;
+        cta?: {
+            html: string;
+            link: string;
+        } | undefined;
+    }[];
+    footer: string;
+};
+export declare const toHtml: (args: MailStyle) => string;

package/esm/mail/server/formatMailHelper.js

@@ -0,0 +1,113 @@
+export const toHtml = (args) => {
+    const { service, primaryColor, secondaryColor, title, footer, sections } = args;
+    return `<body style="background-color: #f4f4f4; margin: 0 !important; padding: 0 !important; color: black">
+<table border="0" cellpadding="0" cellspacing="0" width="100%">
+  <tr>
+    <td bgcolor="${primaryColor}" align="center">
+      <table border="0" cellpadding="0" cellspacing="0" width="480">
+        <tr>
+          <td align="center" valign="top" style="padding: 30px 10px 30px 10px;">
+            <div
+              style="display: block; font-family: Helvetica, Arial, sans-serif; color: #ffffff; font-size: 18px;"
+              border="0"
+            >
+              ${service}
+            </div>
+          </td>
+        </tr>
+      </table>
+    </td>
+  </tr>
+  <tr>
+    <td bgcolor="${primaryColor}" align="center" style="padding: 0px 35px 0px 35px;">
+      <table border="0" cellpadding="0" cellspacing="0" width="100%">
+        <tr>
+          <td
+            bgcolor="#ffffff"
+            align="left"
+            valign="top"
+            style="padding: 30px 30px 20px 30px; border-radius: 20px 20px 0px 0px; color: #111111; font-family: Helvetica, Arial, sans-serif; font-size: 48px; font-weight: 400; line-height: 48px;"
+          >
+            <h1 style="font-size: 32px; font-weight: 400; margin: 0;">${title}</h1>
+          </td>
+        </tr>
+      </table>
+    </td>
+  </tr>
+  <tr>
+    <td bgcolor="#f4f4f4" align="center" style="padding: 0px 35px 0px 35px;">
+      <table border="0" cellpadding="0" cellspacing="0" width="100%">
+          ${sections.map((section, i) => sectionToHtml(i, primaryColor, secondaryColor, section))
+        .join(`
+`)}
+        </table>
+      </td>
+    </tr>
+    <tr>
+      <td bgcolor="#f4f4f4" align="center" style="padding: 0px 10px 0px 10px;">
+        <table border="0" cellpadding="0" cellspacing="0" width="480">
+          <tr>
+            <td
+              bgcolor="#f4f4f4"
+              align="left"
+              style="padding: 30px 30px 30px 30px; color: #666666; font-family: Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 400; line-height: 18px;"
+            >
+              <center>
+                ${footer}
+              </center>
+            </td>
+          </tr>
+        </table>
+      </td>
+		</tr>
+	</table>
+</body>
+`;
+};
+const sectionToHtml = (i, primaryColor, secondaryColor, section) => `
+<tr>
+  <td bgcolor="#ffffff" align="left">
+    <table width="100%" border="0" cellspacing="0" cellpadding="0">
+      <tr>
+        <td
+          bgcolor="#ffffff"
+          align="left"
+          style="padding: 30px 30px 30px 30px; ${i > 0 ? `border-top:1px solid ${primaryColor};` : ''}"
+        >
+          ${section.html}
+					${section.cta ? ctaToHtml(secondaryColor, section.cta.html, section.cta.link) : ''}
+        </td>
+      </tr>
+    </table>
+  </td>
+</tr>
+`;
+const ctaToHtml = (secondaryColor, html, href) => `
+<tr>
+  <td bgcolor="#ffffff" align="center">
+    <table width="100%" border="0" cellspacing="0" cellpadding="0">
+      <tr>
+        <td
+          bgcolor="#ffffff"
+          align="center"
+          style="padding: 0 0 30px 0;"
+        >
+          <table border="0" cellspacing="0" cellpadding="0">
+            <tr>
+              <td align="left" style="border-radius: 3px;" bgcolor="${secondaryColor}">
+                <!-- CTA -->
+                <a
+                  href="${href}"
+                  target="_blank"
+                  style="font-size: 20px; font-family: Helvetica, Arial, sans-serif; text-decoration: none; color: #ffffff; text-decoration: none; padding: 11px 22px; border-radius: 2px; display: inline-block;"
+                  >${html}</a
+                >
+              </td>
+            </tr>
+          </table>
+        </td>
+      </tr>
+    </table>
+  </td>
+</tr>
+`;

package/esm/mail/server/index.d.ts

@@ -1,38 +1,51 @@
 import type * as typeNodemailer from 'nodemailer';
 import type JSONTransport from 'nodemailer/lib/json-transport';
-import type Mail from 'nodemailer/lib/mailer';
 import type SendmailTransport from 'nodemailer/lib/sendmail-transport';
 import type SESTransport from 'nodemailer/lib/ses-transport';
 import type SMTPPool from 'nodemailer/lib/smtp-pool';
 import type SMTPTransport from 'nodemailer/lib/smtp-transport';
 import type StreamTransport from 'nodemailer/lib/stream-transport';
-import type { ComponentProps, ComponentType, SvelteComponent } from 'svelte';
-import { Module } from '../../server';
-import { default as DefaultMail } from '../templates/DefaultMail.svelte';
-export type TransportTypes = SMTPTransport | SMTPPool | SendmailTransport | StreamTransport | JSONTransport | SESTransport | typeNodemailer.Transport<any> | DefaultOptions;
-export type DefaultOptions = SMTPTransport.Options | SMTPPool.Options | SendmailTransport.Options | StreamTransport.Options | JSONTransport.Options | SESTransport.Options | typeNodemailer.TransportOptions;
-export type MailOptions<ComponentTemplateDefault extends SvelteComponent> = {
-    from?: Mail.Options['from'];
-    template?: {
-        component?: ComponentType<ComponentTemplateDefault>;
-        brandColor?: string;
+import { Module } from 'remult/server';
+import { type MailStyle } from './formatMailHelper';
+export type TransportTypes = SMTPPool | SMTPPool.Options | SendmailTransport | SendmailTransport.Options | StreamTransport | StreamTransport.Options | JSONTransport | JSONTransport.Options | SESTransport | SESTransport.Options | SMTPTransport | SMTPTransport.Options | string;
+export type DefaultOptions = typeNodemailer.SendMailOptions;
+type GlobalEasyOptions = {
+    saveHtml?: boolean;
+    from?: DefaultOptions['from'];
+    service?: string;
+    primaryColor?: string;
+    secondaryColor?: string;
+    footer?: string;
+    toHtml?: (args: MailStyle) => string;
+};
+export type MailOptions = GlobalEasyOptions & {
+    nodemailer?: {
+        transport?: TransportTypes;
+        defaults?: DefaultOptions;
     };
-    transport?: TransportTypes;
-    defaults?: DefaultOptions;
-    apiUrl?: Parameters<typeof typeNodemailer.createTestAccount>[0];
 };
 declare let transporter: ReturnType<typeof typeNodemailer.createTransport>;
 declare module 'remult' {
     interface RemultContext {
-        /** Better checking is it's present or not, that's why it's "?" */
         sendMail?: SendMail;
     }
 }
 export type SendMail = typeof sendMail;
-export declare const sendMail: <ComponentTemplateDefault extends SvelteComponent = DefaultMail>(
+export declare const sendMail: (
 /** usefull for logs, it has NO impact on the mail itself */
-topic: string, mailOptions: Parameters<typeof transporter.sendMail>[0] & {
-    templateProps?: ComponentProps<ComponentTemplateDefault> | undefined;
+topic: string, easyOptions: GlobalEasyOptions & {
+    to: Required<DefaultOptions>['to'];
+    subject: Required<DefaultOptions>['subject'];
+    title?: string;
+    sections: {
+        html: string;
+        cta?: {
+            html: string;
+            link: string;
+        } | undefined;
+    }[];
+}, options?: {
+    nodemailer?: MailOptions['nodemailer'];
 }) => ReturnType<typeof transporter.sendMail>;
-export declare const mail: (o?: MailOptions<SvelteComponent>) => Module;
+export declare const mail: (o?: MailOptions) => Module<unknown>;
 export {};