Compare commits
No commits in common. "main" and "0.0.0-alpha-2" have entirely different histories.
main
...
0.0.0-alph
46
README.md
46
README.md
|
|
@ -2,48 +2,16 @@
|
||||||
|
|
||||||
Mail cli for Coh@bit.
|
Mail cli for Coh@bit.
|
||||||
|
|
||||||
> [!WARNING]
|
> [!WARNING] Early preview Much more to come, stay up to date
|
||||||
>
|
|
||||||
> Early preview Much more to come, stay up to date
|
|
||||||
|
|
||||||
## Installation
|
## Installation
|
||||||
|
|
||||||
### From [jsr](https://jsr.io)
|
> [!WARNING] Currently bin manually added to [releases](./releases) tab.
|
||||||
|
|
||||||
```sh
|
|
||||||
deno install \
|
|
||||||
--allow-read \
|
|
||||||
--allow-env \
|
|
||||||
--allow-net=0.0.0.0 \
|
|
||||||
--allow-sys=osRelease,networkInterfaces \
|
|
||||||
--allow-run=/usr/sbin/sendmail,whoami \
|
|
||||||
--global --force --name=cohamail jsr:@cohabit/mailer/cli
|
|
||||||
```
|
|
||||||
|
|
||||||
### From sources
|
|
||||||
|
|
||||||
> [!WARNING]
|
|
||||||
>
|
|
||||||
> Currently bin manually added to [releases](./releases) tab. Prefer `git clone`
|
|
||||||
> and [deno](https://deno.land) to use latest version.
|
|
||||||
|
|
||||||
## Basic usage
|
## Basic usage
|
||||||
|
|
||||||
- From deno
|
```sh
|
||||||
```sh
|
./cohamail -h
|
||||||
cd ./cohabit_mail
|
# OR
|
||||||
deno task cli -h
|
./cohamail <subcommand> -h
|
||||||
deno task <subcommand> -h
|
```
|
||||||
```
|
|
||||||
|
|
||||||
- From bin
|
|
||||||
```sh
|
|
||||||
./cohamail -h
|
|
||||||
# OR
|
|
||||||
./cohamail <subcommand> -h
|
|
||||||
```
|
|
||||||
|
|
||||||
## Configuration
|
|
||||||
|
|
||||||
You can override default config and templates with your own in
|
|
||||||
`/etc/cohabit/mailer/(config|templates)/`.
|
|
||||||
|
|
|
||||||
22
cli.ts
22
cli.ts
|
|
@ -1,34 +1,14 @@
|
||||||
import config from './deno.json' with { type: 'json' }
|
import config from './deno.json' with { type: 'json' }
|
||||||
import { Command } from '@cliffy/command'
|
import { Command } from '@cliffy/command/command.ts'
|
||||||
import { UpgradeCommand } from '@cliffy/command/upgrade'
|
|
||||||
import { JsrProvider } from '@cliffy/command/upgrade/provider/jsr'
|
|
||||||
import { cmd as send } from './cli/send.ts'
|
import { cmd as send } from './cli/send.ts'
|
||||||
import { cmd as preview } from './cli/preview.ts'
|
import { cmd as preview } from './cli/preview.ts'
|
||||||
|
|
||||||
const upgradeCommand = new UpgradeCommand({
|
|
||||||
args: [
|
|
||||||
'--allow-read',
|
|
||||||
'--allow-env',
|
|
||||||
'--allow-net=0.0.0.0',
|
|
||||||
'--allow-sys=osRelease,networkInterfaces',
|
|
||||||
'--allow-run=/usr/sbin/sendmail,whoami',
|
|
||||||
'--name=cohamail',
|
|
||||||
],
|
|
||||||
provider: [
|
|
||||||
new JsrProvider({
|
|
||||||
package: config.name as `@${string}/${string}`,
|
|
||||||
main: 'cli',
|
|
||||||
}),
|
|
||||||
],
|
|
||||||
})
|
|
||||||
|
|
||||||
const cli = new Command()
|
const cli = new Command()
|
||||||
.name('cohamail')
|
.name('cohamail')
|
||||||
.description('Mail cli for coh@bit.')
|
.description('Mail cli for coh@bit.')
|
||||||
.version(config.version)
|
.version(config.version)
|
||||||
.command('preview', preview)
|
.command('preview', preview)
|
||||||
.command('send', send)
|
.command('send', send)
|
||||||
.command('upgrade', upgradeCommand)
|
|
||||||
|
|
||||||
if (import.meta.main) {
|
if (import.meta.main) {
|
||||||
if (Deno.args.length) {
|
if (Deno.args.length) {
|
||||||
|
|
|
||||||
|
|
@ -1,4 +1,4 @@
|
||||||
import { Input } from '@cliffy/prompt'
|
import { Input } from '@cliffy/prompt/input.ts'
|
||||||
import type { Template } from '../types.ts'
|
import type { Template } from '../types.ts'
|
||||||
import type { JSX } from 'preact'
|
import type { JSX } from 'preact'
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,8 +1,7 @@
|
||||||
import { exists } from '@std/fs/exists'
|
import { fromFileUrl } from '@std/path'
|
||||||
import type { JSX } from 'preact'
|
import type { JSX } from 'preact'
|
||||||
import { EnumType } from '@cliffy/command'
|
import { EnumType } from '@cliffy/command/mod.ts'
|
||||||
import type { Template } from '../types.ts'
|
import type { Template } from '../types.ts'
|
||||||
import * as defaultTemplates from '../templates/mod.ts'
|
|
||||||
|
|
||||||
export const templates: Map<
|
export const templates: Map<
|
||||||
string,
|
string,
|
||||||
|
|
@ -12,38 +11,25 @@ export const templates: Map<
|
||||||
>
|
>
|
||||||
> = new Map()
|
> = new Map()
|
||||||
|
|
||||||
//Load default templates
|
const templatesDirUrl = import.meta.resolve('../templates')
|
||||||
for (const template of Object.values(defaultTemplates)) {
|
const templatesDir = fromFileUrl(templatesDirUrl)
|
||||||
//@ts-expect-error types are checked at runtime later
|
|
||||||
templates.set(template.name, template)
|
|
||||||
}
|
|
||||||
|
|
||||||
//Load local templates
|
//Load templates dynamicaly
|
||||||
const basePath = '/etc/cohabit/mailer/templates'
|
for await (
|
||||||
|
const template of Deno.readDir(templatesDir)
|
||||||
if (await exists(basePath)) {
|
) {
|
||||||
for await (const template of Deno.readDir(basePath)) {
|
if (
|
||||||
if (!template.isFile) continue
|
template.isFile &&
|
||||||
if (!template.name.endsWith('.tsx')) continue
|
template.name.endsWith('.tsx') &&
|
||||||
if (template.name.startsWith('_')) continue
|
!template.name.startsWith('_')
|
||||||
|
) {
|
||||||
const mod = await import(`${basePath}/${template.name}`).catch(
|
const modPath = new URL(
|
||||||
checkFsErrors,
|
template.name,
|
||||||
|
`${import.meta.resolve('../templates')}/`,
|
||||||
)
|
)
|
||||||
|
const mod = await import(modPath.href)
|
||||||
templates.set(mod.default.name, mod.default)
|
templates.set(mod.default.name, mod.default)
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
function checkFsErrors(error: Error) {
|
|
||||||
if (error instanceof Deno.errors.PermissionDenied) {
|
|
||||||
throw new Error(
|
|
||||||
'unable to load config file due to read access permissions issues',
|
|
||||||
{
|
|
||||||
cause: error,
|
|
||||||
},
|
|
||||||
)
|
|
||||||
}
|
|
||||||
throw error
|
|
||||||
}
|
|
||||||
|
|
||||||
export const templateType = new EnumType([...templates.keys()])
|
export const templateType = new EnumType([...templates.keys()])
|
||||||
|
|
|
||||||
|
|
@ -1,4 +1,4 @@
|
||||||
import { Command } from '@cliffy/command'
|
import { Command } from '@cliffy/command/mod.ts'
|
||||||
import { renderTemplate } from '../src/template.tsx'
|
import { renderTemplate } from '../src/template.tsx'
|
||||||
import { templates, templateType } from './_templates_loader.ts'
|
import { templates, templateType } from './_templates_loader.ts'
|
||||||
import { promptProps } from './_prompt_template.ts'
|
import { promptProps } from './_prompt_template.ts'
|
||||||
|
|
|
||||||
|
|
@ -1,4 +1,4 @@
|
||||||
import { Command } from '@cliffy/command'
|
import { Command } from '@cliffy/command/mod.ts'
|
||||||
import { Contact } from '../src/contact.ts'
|
import { Contact } from '../src/contact.ts'
|
||||||
import { send } from '../src/send.ts'
|
import { send } from '../src/send.ts'
|
||||||
import type { Mail } from '../types.ts'
|
import type { Mail } from '../types.ts'
|
||||||
|
|
|
||||||
|
|
@ -1,5 +0,0 @@
|
||||||
{
|
|
||||||
"domainName": "cohabit.fr",
|
|
||||||
"keySelector": "sendmailY2024M03",
|
|
||||||
"privateKey": "/etc/ssl/certs/dkim_keys/dkimMailKey.pem"
|
|
||||||
}
|
|
||||||
|
|
@ -1,49 +0,0 @@
|
||||||
import type { JsonValue } from '@std/json'
|
|
||||||
import defaultAccounts from './account.json' with { type: 'json' }
|
|
||||||
import defaultDkim from './dkim.json' with { type: 'json' }
|
|
||||||
|
|
||||||
function checkFsErrors(error: Error) {
|
|
||||||
if (error instanceof Deno.errors.NotFound) {
|
|
||||||
//use default config file
|
|
||||||
return
|
|
||||||
}
|
|
||||||
if (error instanceof Deno.errors.PermissionDenied) {
|
|
||||||
throw new Error(
|
|
||||||
'unable to load config file due to read access permissions issues',
|
|
||||||
{
|
|
||||||
cause: error,
|
|
||||||
},
|
|
||||||
)
|
|
||||||
}
|
|
||||||
throw error
|
|
||||||
}
|
|
||||||
|
|
||||||
type JsonRecord = Record<string, JsonValue>
|
|
||||||
export type DkimRecord = {
|
|
||||||
domainName: string
|
|
||||||
keySelector: string
|
|
||||||
privateKey: string
|
|
||||||
}
|
|
||||||
export type AccountRecord = Record<string, {
|
|
||||||
name: string
|
|
||||||
address: string
|
|
||||||
}>
|
|
||||||
|
|
||||||
async function readJsonFile<
|
|
||||||
T extends JsonRecord,
|
|
||||||
>(path: string, defaultValue: T): Promise<T> {
|
|
||||||
const file = await Deno.readTextFile(path).catch(checkFsErrors)
|
|
||||||
const json = JSON.parse(file ?? '{}')
|
|
||||||
return { ...defaultValue, ...json }
|
|
||||||
}
|
|
||||||
|
|
||||||
const basePath = '/ect/cohabit/mailer/config'
|
|
||||||
|
|
||||||
export const accounts = await readJsonFile<AccountRecord>(
|
|
||||||
`${basePath}/account.json`,
|
|
||||||
defaultAccounts,
|
|
||||||
)
|
|
||||||
export const dkim = await readJsonFile<DkimRecord>(
|
|
||||||
`${basePath}/dkim.json`,
|
|
||||||
defaultDkim,
|
|
||||||
)
|
|
||||||
24
deno.json
24
deno.json
|
|
@ -1,15 +1,15 @@
|
||||||
{
|
{
|
||||||
"name": "@cohabit/mailer",
|
"name": "@cohabit/cohamail",
|
||||||
"version": "0.5.2",
|
"version": "0.1.0",
|
||||||
"exports": {
|
"exports": {
|
||||||
".": "./mod.ts",
|
".": "./mod.ts",
|
||||||
"./cli": "./cli.ts",
|
"cli": "./cli.ts",
|
||||||
"./types": "./types.ts",
|
"types": "./types.ts"
|
||||||
"./templates": "./templates/mod.ts"
|
|
||||||
},
|
},
|
||||||
"tasks": {
|
"tasks": {
|
||||||
"compile": "deno compile --allow-read --allow-env --allow-net=0.0.0.0,jsr.io --allow-sys=osRelease,networkInterfaces --allow-run=/usr/sbin/sendmail,whoami --output=bin/mailer --target=x86_64-unknown-linux-gnu ./cli.ts",
|
"compile": "deno compile --allow-read --allow-env --allow-net=0.0.0.0 --allow-sys=osRelease,networkInterfaces --allow-run=/usr/sbin/sendmail,whoami --output=bin/cohamail --target=x86_64-unknown-linux-gnu ./cli.ts",
|
||||||
"cli": "deno run --allow-read --allow-env --allow-net=0.0.0.0,jsr.io --allow-sys=osRelease,networkInterfaces --allow-run=/usr/sbin/sendmail,whoami ./cli.ts"
|
"cli": "deno run --allow-read --allow-env --allow-net=0.0.0.0 --allow-sys=osRelease,networkInterfaces --allow-run=/usr/sbin/sendmail,whoami ./cli.ts",
|
||||||
|
"utils:scp": "scp -O -P 55555 -i C:/Users/Julien/.ssh/id_ed25519_cohabit -r $(pwd) julien@cohabit.fr:/home/julien/cohabit_mail"
|
||||||
},
|
},
|
||||||
"fmt": {
|
"fmt": {
|
||||||
"singleQuote": true,
|
"singleQuote": true,
|
||||||
|
|
@ -17,11 +17,8 @@
|
||||||
"useTabs": true
|
"useTabs": true
|
||||||
},
|
},
|
||||||
"imports": {
|
"imports": {
|
||||||
"@cliffy/command": "jsr:@cliffy/command@^1.0.0-rc.5",
|
"@cliffy/": "https://deno.land/x/cliffy@v1.0.0-rc.3/",
|
||||||
"@cliffy/prompt": "jsr:@cliffy/prompt@^1.0.0-rc.5",
|
"@std/path": "jsr:@std/path@^0.221.0",
|
||||||
"@std/fs": "jsr:@std/fs@^1.0.13",
|
|
||||||
"@std/json": "jsr:@std/json@^1.0.1",
|
|
||||||
"@types/nodemailer": "npm:@types/nodemailer@^6.4.15",
|
|
||||||
"jsx-email": "npm:jsx-email@^1.10.12",
|
"jsx-email": "npm:jsx-email@^1.10.12",
|
||||||
"nodemailer": "npm:nodemailer@^6.9.13",
|
"nodemailer": "npm:nodemailer@^6.9.13",
|
||||||
"nodemailer-smime": "npm:nodemailer-smime@^1.1.0",
|
"nodemailer-smime": "npm:nodemailer-smime@^1.1.0",
|
||||||
|
|
@ -31,6 +28,5 @@
|
||||||
"compilerOptions": {
|
"compilerOptions": {
|
||||||
"jsx": "react-jsx",
|
"jsx": "react-jsx",
|
||||||
"jsxImportSource": "preact"
|
"jsxImportSource": "preact"
|
||||||
},
|
}
|
||||||
"license": "MIT"
|
|
||||||
}
|
}
|
||||||
|
|
|
||||||
3
mod.ts
3
mod.ts
|
|
@ -1,5 +1,2 @@
|
||||||
export { send } from './src/send.ts'
|
export { send } from './src/send.ts'
|
||||||
export { Contact } from './src/contact.ts'
|
export { Contact } from './src/contact.ts'
|
||||||
export type { Mail, Template } from './types.ts'
|
|
||||||
export { default as Message } from './templates/Message.tsx'
|
|
||||||
export { default as Welcome } from './templates/Welcome.tsx'
|
|
||||||
|
|
|
||||||
|
|
@ -1,15 +1,13 @@
|
||||||
import { accounts, dkim } from '../config/loader.ts'
|
import custom from '../config/account.json' with { type: 'json' }
|
||||||
|
|
||||||
export type AddressString = `${string}@${string}.${string}`
|
|
||||||
|
|
||||||
export class Contact {
|
export class Contact {
|
||||||
#name: string
|
#name: string
|
||||||
#address: AddressString
|
#address: `${string}@${string}.${string}`
|
||||||
|
|
||||||
constructor(
|
constructor(
|
||||||
{ name, address }: {
|
{ name, address }: {
|
||||||
name: string
|
name: string
|
||||||
address: AddressString
|
address: `${string}@${string}.${string}`
|
||||||
},
|
},
|
||||||
) {
|
) {
|
||||||
this.#name = name
|
this.#name = name
|
||||||
|
|
@ -17,11 +15,11 @@ export class Contact {
|
||||||
}
|
}
|
||||||
|
|
||||||
static expand(shortName: string): Contact {
|
static expand(shortName: string): Contact {
|
||||||
if (!(shortName in accounts)) {
|
if (!(shortName in custom)) {
|
||||||
throw new Error('unknown short name contact')
|
throw new Error('unknown short name contact')
|
||||||
}
|
}
|
||||||
|
|
||||||
const { name, address } = accounts[shortName]
|
const { name, address } = custom[shortName as keyof typeof custom]
|
||||||
|
|
||||||
if (typeof name !== 'string') {
|
if (typeof name !== 'string') {
|
||||||
throw new SyntaxError(
|
throw new SyntaxError(
|
||||||
|
|
@ -33,9 +31,7 @@ export class Contact {
|
||||||
`missing key "address" in contact short name config for "${shortName}"`,
|
`missing key "address" in contact short name config for "${shortName}"`,
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
if (!(/\w+@(\w+\.)?cohabit\.fr/.test(address))) {
|
||||||
const addressRegExp = new RegExp(String.raw`\w+@(\w+\.)?${dkim.domainName}`)
|
|
||||||
if (!(addressRegExp.test(address))) {
|
|
||||||
throw new SyntaxError(
|
throw new SyntaxError(
|
||||||
`invalid "address" in contact short name config for "${shortName}"`,
|
`invalid "address" in contact short name config for "${shortName}"`,
|
||||||
)
|
)
|
||||||
|
|
@ -61,18 +57,18 @@ export class Contact {
|
||||||
return `${this.#name} <${this.#address}>`
|
return `${this.#name} <${this.#address}>`
|
||||||
}
|
}
|
||||||
|
|
||||||
toJSON(): { name: string; address: AddressString } {
|
toJSON() {
|
||||||
return {
|
return {
|
||||||
name: this.#name,
|
name: this.#name,
|
||||||
address: this.#address,
|
address: this.#address,
|
||||||
} as const
|
} as const
|
||||||
}
|
}
|
||||||
|
|
||||||
get name(): string {
|
get name() {
|
||||||
return this.#name
|
return this.#name
|
||||||
}
|
}
|
||||||
|
|
||||||
get address(): AddressString {
|
get address() {
|
||||||
return this.#address
|
return this.#address
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -1,11 +1,8 @@
|
||||||
import type SendmailTransport from 'nodemailer'
|
|
||||||
import type { Mail } from '../types.ts'
|
import type { Mail } from '../types.ts'
|
||||||
import { renderTemplate } from './template.tsx'
|
import { renderTemplate } from './template.tsx'
|
||||||
import { transporter } from './transporter.ts'
|
import { transporter } from './transporter.ts'
|
||||||
|
|
||||||
export async function send(
|
export async function send(mail: Mail) {
|
||||||
mail: Mail,
|
|
||||||
): Promise<SendmailTransport.SentMessageInfo> {
|
|
||||||
const { html, text } = await renderTemplate(mail.body)
|
const { html, text } = await renderTemplate(mail.body)
|
||||||
|
|
||||||
return (await transporter()).sendMail({
|
return (await transporter()).sendMail({
|
||||||
|
|
|
||||||
|
|
@ -1,11 +1,9 @@
|
||||||
import React from 'preact/compat' //for jsx-email
|
import React from 'preact/compat' //for jsx-email
|
||||||
import { render } from 'jsx-email'
|
import { render } from 'jsx-email'
|
||||||
// @deno-types="npm:turndown@^7.1.3"
|
// @deno-types="npm:turndown"
|
||||||
import Turndown from 'turndown'
|
import Turndown from 'turndown'
|
||||||
import type { JSX } from 'preact'
|
import type { JSX } from 'preact'
|
||||||
|
|
||||||
console.assert(React !== undefined)
|
|
||||||
|
|
||||||
const htmlToMd = new Turndown({
|
const htmlToMd = new Turndown({
|
||||||
headingStyle: 'atx',
|
headingStyle: 'atx',
|
||||||
codeBlockStyle: 'fenced',
|
codeBlockStyle: 'fenced',
|
||||||
|
|
|
||||||
|
|
@ -1,9 +1,9 @@
|
||||||
// @deno-types="npm:@types/nodemailer@^6.4.15"
|
// @deno-types="npm:@types/nodemailer"
|
||||||
import nodemailer from 'nodemailer'
|
import nodemailer from 'nodemailer'
|
||||||
import { dkim } from '../config/loader.ts'
|
|
||||||
|
|
||||||
export async function transporter() {
|
export async function transporter() {
|
||||||
const dkimPath = dkim.privateKey
|
const dkimPath =
|
||||||
|
'/home/julien/dkim_sendmail_keys/dkim_sendmail_cohabit_fr.pem'
|
||||||
const dkimPrivateKey = await Deno.readTextFile(dkimPath).catch((cause) => {
|
const dkimPrivateKey = await Deno.readTextFile(dkimPath).catch((cause) => {
|
||||||
throw new Error(`unable to load DKIM private key from "${dkimPath}"`, {
|
throw new Error(`unable to load DKIM private key from "${dkimPath}"`, {
|
||||||
cause,
|
cause,
|
||||||
|
|
@ -15,8 +15,8 @@ export async function transporter() {
|
||||||
newline: 'unix',
|
newline: 'unix',
|
||||||
path: '/usr/sbin/sendmail',
|
path: '/usr/sbin/sendmail',
|
||||||
dkim: {
|
dkim: {
|
||||||
domainName: dkim.domainName,
|
domainName: 'cohabit.fr',
|
||||||
keySelector: dkim.keySelector,
|
keySelector: 'sendmailY2024M03',
|
||||||
privateKey: dkimPrivateKey,
|
privateKey: dkimPrivateKey,
|
||||||
},
|
},
|
||||||
})
|
})
|
||||||
|
|
|
||||||
|
|
@ -1,140 +0,0 @@
|
||||||
import {
|
|
||||||
Body,
|
|
||||||
Button,
|
|
||||||
Container,
|
|
||||||
Heading,
|
|
||||||
Html,
|
|
||||||
Preview,
|
|
||||||
Section,
|
|
||||||
Text,
|
|
||||||
} from 'jsx-email'
|
|
||||||
import { Signature } from './components/Signature.tsx'
|
|
||||||
import type { Template } from '../types.ts'
|
|
||||||
import type { JSX } from 'preact'
|
|
||||||
import {
|
|
||||||
bodyCss,
|
|
||||||
buttonCss,
|
|
||||||
headingCss,
|
|
||||||
messageCss,
|
|
||||||
rootCss,
|
|
||||||
textCss,
|
|
||||||
} from './styles/base.tsx'
|
|
||||||
import { BaseStyle } from './styles/base.tsx'
|
|
||||||
|
|
||||||
function MagicLink(
|
|
||||||
{ message, device, ip, endpoint }: {
|
|
||||||
message?: string
|
|
||||||
device?: string
|
|
||||||
ip?: string
|
|
||||||
endpoint: string
|
|
||||||
},
|
|
||||||
): JSX.Element {
|
|
||||||
return (
|
|
||||||
<Html lang='fr' style={{ fontSize: '14px' }}>
|
|
||||||
<BaseStyle />
|
|
||||||
<Preview>Nouveau lien de connection</Preview>
|
|
||||||
<Body style={bodyCss}>
|
|
||||||
<Container style={messageCss}>
|
|
||||||
<Section>
|
|
||||||
<Heading as='h1' style={headingCss}>
|
|
||||||
Nouveau lien de connection
|
|
||||||
</Heading>
|
|
||||||
<Text style={textCss}>
|
|
||||||
Une nouvelle demande de connection à été effectuée sur votre
|
|
||||||
compte.
|
|
||||||
</Text>
|
|
||||||
<Text style={detailsCss}>
|
|
||||||
<span>
|
|
||||||
<span style={{ fontWeight: 'bolder' }}>{'Date : '}</span>
|
|
||||||
{dateNow()}
|
|
||||||
</span>
|
|
||||||
<br />
|
|
||||||
<span>
|
|
||||||
<span style={{ fontWeight: 'bolder' }}>{'Appareil : '}</span>
|
|
||||||
{device?.length ? device : 'Iconnue'}
|
|
||||||
</span>
|
|
||||||
<br />
|
|
||||||
<span>
|
|
||||||
<span style={{ fontWeight: 'bolder' }}>{'Ip : '}</span>
|
|
||||||
{ip?.length ? ip : 'Inconnue'}
|
|
||||||
</span>
|
|
||||||
</Text>
|
|
||||||
{message?.length ? <Text style={textCss}>{message}</Text> : ''}
|
|
||||||
<Text style={infoCss}>
|
|
||||||
Si vous n'êtes pas à l'origine de cette demande vous pouvez
|
|
||||||
ignorer ce mail en toute sécurité.
|
|
||||||
</Text>
|
|
||||||
|
|
||||||
<Container
|
|
||||||
style={{ width: '100%', textAlign: 'center', padding: '1rem' }}
|
|
||||||
>
|
|
||||||
<Button href={endpoint} style={buttonCss}>Me connecter</Button>
|
|
||||||
</Container>
|
|
||||||
</Section>
|
|
||||||
</Container>
|
|
||||||
<Signature />
|
|
||||||
</Body>
|
|
||||||
</Html>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
|
|
||||||
function dateNow() {
|
|
||||||
return new Date().toLocaleString('fr', {
|
|
||||||
weekday: 'long',
|
|
||||||
day: 'numeric',
|
|
||||||
month: 'long',
|
|
||||||
year: 'numeric',
|
|
||||||
hour: 'numeric',
|
|
||||||
minute: 'numeric',
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
const infoCss: JSX.CSSProperties = {
|
|
||||||
...textCss,
|
|
||||||
opacity: 0.7,
|
|
||||||
}
|
|
||||||
|
|
||||||
const detailsCss: JSX.CSSProperties = {
|
|
||||||
...textCss,
|
|
||||||
backgroundColor: rootCss.backgroundColor,
|
|
||||||
padding: '0.5rem',
|
|
||||||
borderRadius: '0.4rem',
|
|
||||||
}
|
|
||||||
|
|
||||||
const template: Template<typeof MagicLink, Parameters<typeof MagicLink>[0]> = {
|
|
||||||
props: [
|
|
||||||
{
|
|
||||||
name: 'Message',
|
|
||||||
description: "Message à afficher à l'utilisateur.",
|
|
||||||
required: false,
|
|
||||||
multiline: false,
|
|
||||||
tag: 'message',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: 'Device',
|
|
||||||
description: 'User-Agent (ou equiv.) de la demande.',
|
|
||||||
required: false,
|
|
||||||
multiline: false,
|
|
||||||
tag: 'device',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: 'Ip',
|
|
||||||
description: 'Addresse ip de la demande.',
|
|
||||||
required: false,
|
|
||||||
multiline: false,
|
|
||||||
tag: 'ip',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: 'Endpoint',
|
|
||||||
description: 'Endpoint du lien "Me connecter".',
|
|
||||||
required: true,
|
|
||||||
multiline: false,
|
|
||||||
tag: 'endpoint',
|
|
||||||
},
|
|
||||||
],
|
|
||||||
name: 'magic-link',
|
|
||||||
description: 'Coh@bit connection magic link.',
|
|
||||||
builder: MagicLink,
|
|
||||||
}
|
|
||||||
|
|
||||||
export default template
|
|
||||||
|
|
@ -2,11 +2,10 @@ import { Body, Container, Html, Markdown, Preview } from 'jsx-email'
|
||||||
import { Signature } from './components/Signature.tsx'
|
import { Signature } from './components/Signature.tsx'
|
||||||
import type { Template } from '../types.ts'
|
import type { Template } from '../types.ts'
|
||||||
import { BaseStyle, bodyCss, messageCss, textCss } from './styles/base.tsx'
|
import { BaseStyle, bodyCss, messageCss, textCss } from './styles/base.tsx'
|
||||||
import type { JSX } from 'preact'
|
|
||||||
|
|
||||||
function Message(
|
function Message(
|
||||||
{ summary, body }: { summary?: string; body: string },
|
{ summary, body }: { summary?: string; body: string },
|
||||||
): JSX.Element {
|
) {
|
||||||
return (
|
return (
|
||||||
<Html lang='fr' style={{ fontSize: '14px' }}>
|
<Html lang='fr' style={{ fontSize: '14px' }}>
|
||||||
<BaseStyle />
|
<BaseStyle />
|
||||||
|
|
|
||||||
|
|
@ -12,24 +12,16 @@ import {
|
||||||
import { Signature } from './components/Signature.tsx'
|
import { Signature } from './components/Signature.tsx'
|
||||||
import type { Template } from '../types.ts'
|
import type { Template } from '../types.ts'
|
||||||
import type { JSX } from 'preact'
|
import type { JSX } from 'preact'
|
||||||
import {
|
import { bodyCss, messageCss, rootCss, textCss } from './styles/base.tsx'
|
||||||
bodyCss,
|
|
||||||
buttonCss,
|
|
||||||
headingCss,
|
|
||||||
messageCss,
|
|
||||||
rootCss,
|
|
||||||
textCss,
|
|
||||||
} from './styles/base.tsx'
|
|
||||||
import { BaseStyle } from './styles/base.tsx'
|
import { BaseStyle } from './styles/base.tsx'
|
||||||
|
|
||||||
function Welcome(
|
function Welcome(
|
||||||
{ firstname, lastname, login, endpoint }: {
|
{ firstname, lastname, login }: {
|
||||||
firstname: string
|
firstname: string
|
||||||
lastname: string
|
lastname: string
|
||||||
login: string
|
login: string
|
||||||
endpoint?: string
|
|
||||||
},
|
},
|
||||||
): JSX.Element {
|
) {
|
||||||
return (
|
return (
|
||||||
<Html lang='fr' style={{ fontSize: '14px' }}>
|
<Html lang='fr' style={{ fontSize: '14px' }}>
|
||||||
<BaseStyle />
|
<BaseStyle />
|
||||||
|
|
@ -39,7 +31,7 @@ function Welcome(
|
||||||
<Section>
|
<Section>
|
||||||
<Heading as='h1' style={headingCss}>
|
<Heading as='h1' style={headingCss}>
|
||||||
Bienvenue au<Img
|
Bienvenue au<Img
|
||||||
src='https://cohabit.fr/images/logo.png'
|
src='https://cohabit.fr/images/logo.svg'
|
||||||
alt='FabLab Cohabit'
|
alt='FabLab Cohabit'
|
||||||
style={imgCss}
|
style={imgCss}
|
||||||
/>
|
/>
|
||||||
|
|
@ -96,10 +88,7 @@ function Welcome(
|
||||||
<Container
|
<Container
|
||||||
style={{ width: '100%', textAlign: 'center', padding: '1rem' }}
|
style={{ width: '100%', textAlign: 'center', padding: '1rem' }}
|
||||||
>
|
>
|
||||||
<Button
|
<Button href='https://cohabit.fr/profil' style={buttonCss}>
|
||||||
href={endpoint?.length ? endpoint : 'https://cohabit.fr/profil'}
|
|
||||||
style={buttonCss}
|
|
||||||
>
|
|
||||||
Accéder à mon compte
|
Accéder à mon compte
|
||||||
</Button>
|
</Button>
|
||||||
</Container>
|
</Container>
|
||||||
|
|
@ -111,6 +100,14 @@ function Welcome(
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|
||||||
|
const headingCss: JSX.CSSProperties = {
|
||||||
|
fontFamily: 'Garamond, serif',
|
||||||
|
color: rootCss.accentColor,
|
||||||
|
textAlign: 'center',
|
||||||
|
margin: '-1rem 0 3rem',
|
||||||
|
fontSize: '2.5rem',
|
||||||
|
}
|
||||||
|
|
||||||
const preCss: JSX.CSSProperties = {
|
const preCss: JSX.CSSProperties = {
|
||||||
fontFamily: 'monospace',
|
fontFamily: 'monospace',
|
||||||
fontSize: '1rem',
|
fontSize: '1rem',
|
||||||
|
|
@ -119,11 +116,18 @@ const preCss: JSX.CSSProperties = {
|
||||||
backgroundColor: rootCss.backgroundColor,
|
backgroundColor: rootCss.backgroundColor,
|
||||||
}
|
}
|
||||||
|
|
||||||
|
const buttonCss: JSX.CSSProperties = {
|
||||||
|
color: 'white',
|
||||||
|
padding: '1rem',
|
||||||
|
borderRadius: '0.4rem',
|
||||||
|
fontSize: '1.2rem',
|
||||||
|
backgroundColor: rootCss.accentColor,
|
||||||
|
}
|
||||||
|
|
||||||
const imgCss: JSX.CSSProperties = {
|
const imgCss: JSX.CSSProperties = {
|
||||||
display: 'inline',
|
display: 'inline',
|
||||||
padding: '1rem',
|
padding: '1rem',
|
||||||
transform: 'translateY(40%)',
|
transform: 'translateY(40%)',
|
||||||
maxHeight: '3rem',
|
|
||||||
}
|
}
|
||||||
|
|
||||||
const template: Template<typeof Welcome, Parameters<typeof Welcome>[0]> = {
|
const template: Template<typeof Welcome, Parameters<typeof Welcome>[0]> = {
|
||||||
|
|
@ -149,13 +153,6 @@ const template: Template<typeof Welcome, Parameters<typeof Welcome>[0]> = {
|
||||||
multiline: false,
|
multiline: false,
|
||||||
tag: 'login',
|
tag: 'login',
|
||||||
},
|
},
|
||||||
{
|
|
||||||
name: 'Endpoint',
|
|
||||||
description: 'Endpoint du lien "Accéder à mon compte"',
|
|
||||||
required: false,
|
|
||||||
multiline: false,
|
|
||||||
tag: 'endpoint',
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
name: 'welcome',
|
name: 'welcome',
|
||||||
description: 'Coh@bit welcome mail for new users.',
|
description: 'Coh@bit welcome mail for new users.',
|
||||||
|
|
|
||||||
|
|
@ -24,7 +24,7 @@ export function Signature() {
|
||||||
</Row>
|
</Row>
|
||||||
<Row>
|
<Row>
|
||||||
<Img
|
<Img
|
||||||
src='https://cohabit.fr/images/logo.png'
|
src='https://cohabit.fr/images/logo.svg'
|
||||||
alt='FabLab Cohabit'
|
alt='FabLab Cohabit'
|
||||||
style={imgCss}
|
style={imgCss}
|
||||||
/>
|
/>
|
||||||
|
|
|
||||||
|
|
@ -1,3 +0,0 @@
|
||||||
export { default as magicLinkTemplate } from './MagicLink.tsx'
|
|
||||||
export { default as messageTemplate } from './Message.tsx'
|
|
||||||
export { default as welcomeTemplate } from './Welcome.tsx'
|
|
||||||
|
|
@ -19,26 +19,10 @@ export const messageCss: JSX.CSSProperties = {
|
||||||
textWrap: 'balance',
|
textWrap: 'balance',
|
||||||
}
|
}
|
||||||
|
|
||||||
export const headingCss: JSX.CSSProperties = {
|
|
||||||
fontFamily: 'Garamond, serif',
|
|
||||||
color: rootCss.accentColor,
|
|
||||||
textAlign: 'center',
|
|
||||||
margin: '-1rem 0 3rem',
|
|
||||||
fontSize: '2.5rem',
|
|
||||||
}
|
|
||||||
|
|
||||||
export const textCss: JSX.CSSProperties = {
|
export const textCss: JSX.CSSProperties = {
|
||||||
fontSize: '1rem',
|
fontSize: '1rem',
|
||||||
}
|
}
|
||||||
|
|
||||||
export const buttonCss: JSX.CSSProperties = {
|
|
||||||
color: 'white',
|
|
||||||
padding: '1rem',
|
|
||||||
borderRadius: '0.4rem',
|
|
||||||
fontSize: '1.2rem',
|
|
||||||
backgroundColor: rootCss.accentColor,
|
|
||||||
}
|
|
||||||
|
|
||||||
export const rawCss = `
|
export const rawCss = `
|
||||||
a {
|
a {
|
||||||
color: ${rootCss.accentColor};
|
color: ${rootCss.accentColor};
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue