doc: add warnings to readme

doc: add readme
feat(chore): attach cohabit logo to mails
2024-04-11 17:30:36 +02:00 · 2024-04-11 17:02:35 +02:00 · 2024-04-11 16:51:05 +02:00 · 2024-04-11 16:50:23 +02:00 · 2024-04-11 16:48:52 +02:00 · 2024-04-11 16:47:14 +02:00
9 changed files with 152 additions and 40 deletions
--- a/README.md
+++ b/README.md
@ -0,0 +1,17 @@
+# Coh@mail
+
+Mail cli for Coh@bit.
+
+> [!WARNING] Early preview Much more to come, stay up to date
+
+## Installation
+
+> [!WARNING] Currently bin manually added to [releases](./releases) tab.
+
+## Basic usage
+
+```sh
+./cohamail -h
+# OR
+./cohamail <subcommand> -h
+```
--- a/cli/send.ts
+++ b/cli/send.ts
@ -47,8 +47,7 @@ export const cmd = new Command()
 					})
 				}
 				if (from.startsWith('!')) {
-					//@ts-ignore try expand
-					return expand(from.slice(1))
+					return Contact.expand(from.slice(1))
 				}
 				return Contact.fromString(from)
 			})()
--- a/deno.json
+++ b/deno.json
@ -8,7 +8,7 @@
 	},
 	"tasks": {
 		"compile:send": "deno compile --allow-read --allow-env --allow-sys=osRelease --allow-run=mail,whoami ./cli/send.ts",
-		"cli": "deno run --allow-read --allow-env --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": {
--- a/src/contact.ts
+++ b/src/contact.ts
@ -21,12 +21,12 @@ export class Contact {

 		const { name, address } = custom[shortName as keyof typeof custom]

-		if (name !== 'string') {
+		if (typeof name !== 'string') {
 			throw new SyntaxError(
 				`missing key "name" in contact short name config for "${shortName}"`,
 			)
 		}
-		if (address !== 'string') {
+		if (typeof address !== 'string') {
 			throw new SyntaxError(
 				`missing key "address" in contact short name config for "${shortName}"`,
 			)
--- a/src/send.ts
+++ b/src/send.ts
@ -13,6 +13,13 @@ export async function send(mail: Mail) {
 		subject: mail.subject,
 		text,
 		html,
-		attachments: mail.options.attachments.map((path) => ({ path })),
+		attachments: [
+			{
+				cid: 'cohabit_logo.svg',
+				path: 'https://cohabit.fr/images/logo.svg',
+				filename: 'cohabit_logo.svg',
+			},
+			...mail.options.attachments.map((path) => ({ path })),
+		],
 	})
 }
--- a/templates/Message.tsx
+++ b/templates/Message.tsx
@ -1,18 +1,19 @@
-import { Body, Html, Markdown, Preview, Section, Text } from 'jsx-email'
-import { Signature } from './_Signature.tsx'
+import { Body, Container, Html, Markdown, Preview } from 'jsx-email'
+import { Signature } from './components/Signature.tsx'
 import type { Template } from '../types.ts'
+import { BaseStyle, bodyCss, messageCss, textCss } from './styles/base.tsx'

 function Message(
 	{ summary, body }: { summary?: string; body: string },
 ) {
 	return (
-		<Html lang='fr'>
+		<Html lang='fr' style={{ fontSize: '14px' }}>
+			<BaseStyle />
 			<Preview>{summary}</Preview>
-			<Body>
-				<Markdown>{body}</Markdown>
-				<Section>
-					<Text>Coh@bit</Text>
-				</Section>
+			<Body style={bodyCss}>
+				<Container style={messageCss}>
+					<Markdown style={textCss}>{body}</Markdown>
+				</Container>
 				<Signature />
 			</Body>
 		</Html>
--- a/templates/Welcome.tsx
+++ b/templates/Welcome.tsx
@ -4,12 +4,16 @@ import {
 	Container,
 	Heading,
 	Html,
+	Img,
 	Preview,
 	Section,
 	Text,
 } from 'jsx-email'
-import { Signature } from './_Signature.tsx'
+import { Signature } from './components/Signature.tsx'
 import type { Template } from '../types.ts'
+import type { JSX } from 'preact'
+import { bodyCss, messageCss, rootCss, textCss } from './styles/base.tsx'
+import { BaseStyle } from './styles/base.tsx'

 function Welcome(
 	{ firstname, lastname, login }: {
@ -19,23 +23,35 @@ function Welcome(
 	},
 ) {
 	return (
-		<Html lang='fr'>
+		<Html lang='fr' style={{ fontSize: '14px' }}>
+			<BaseStyle />
 			<Preview>Bienvenue au FabLab Coh@bit</Preview>
-			<Body>
-				<Container>
+			<Body style={bodyCss}>
+				<Container style={messageCss}>
 					<Section>
-						<Heading as='h1'>Bienvenue à Coh@bit</Heading>
-						<Text>
+						<Heading as='h1' style={headingCss}>
+							Bienvenue au<Img
+								src='cid:cohabit_logo.svg'
+								alt='FabLab Cohabit'
+								style={imgCss}
+							/>
+						</Heading>
+						<Text style={textCss}>
 							Bravo ! Vous avez rejoint le FabLab Coh@bit en tant que{' '}
-							{firstname} {lastname} (login:{' '}
-							{login}). Laissez parler votre créativité, vous êtes prêt à
-							collaborer avec toute une communauté ouverte et accueillante.
+							{firstname} {lastname}.
 						</Text>
-						<Text>
-							Comment débuter :
+						<Text style={textCss}>
+							Votre identifiant est <span style={preCss}>{login}</span>.
+						</Text>
+						<Text style={textCss}>
+							Laissez parler votre créativité, vous êtes prêt à collaborer avec
+							toute une communauté	ouverte et accueillante.
+						</Text>
+						<Text style={textCss}>
+							Par où commencer ?
 						</Text>

-						<ul>
+						<ul style={{ fontSize: '1rem' }}>
 							<li>
 								Accéder au <a href='https://cohabit.fr'>site de Coh@bit</a>{' '}
 								et découvrir le FabLab.
@ -69,9 +85,13 @@ function Welcome(
 							</li>
 						</ul>

-						<Button href='https://cohabit.fr/profile'>
-							Accéder à mon compte
-						</Button>
+						<Container
+							style={{ width: '100%', textAlign: 'center', padding: '1rem' }}
+						>
+							<Button href='https://cohabit.fr/profil' style={buttonCss}>
+								Accéder à mon compte
+							</Button>
+						</Container>
 					</Section>
 				</Container>
 				<Signature />
@ -80,6 +100,36 @@ 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 = {
+	fontFamily: 'monospace',
+	fontSize: '1rem',
+	padding: '0.2rem',
+	borderRadius: '0.4rem',
+	backgroundColor: rootCss.backgroundColor,
+}
+
+const buttonCss: JSX.CSSProperties = {
+	color: 'white',
+	padding: '1rem',
+	borderRadius: '0.4rem',
+	fontSize: '1.2rem',
+	backgroundColor: rootCss.accentColor,
+}
+
+const imgCss: JSX.CSSProperties = {
+	display: 'inline',
+	padding: '1rem',
+	transform: 'translateY(40%)',
+}
+
 const template: Template<typeof Welcome, Parameters<typeof Welcome>[0]> = {
 	props: [
 		{
--- a/templates/components/Signature.tsx
+++ b/templates/components/Signature.tsx
@ -1,20 +1,20 @@
-import { Container, Section, Text } from 'jsx-email'
+import { Column, Container, Row, Text } from 'jsx-email'

 export function Signature() {
 	return (
-		<Container>
-			<Section>
-				<Text>
+		<Container style={{ textAlign: 'center', fontSize: '12px' }}>
+			<Row>
+				<Column>
 					<a href='https://cohabit.fr'>Accéder au site →</a>
-				</Text>
-				<Text>
+				</Column>
+				<Column>
 					<a href='tel:0556847961'>Nous téléphoner →</a>
-				</Text>
-				<Text>
+				</Column>
+				<Column>
 					<a href='mailto:fablab@iut.u-bordeaux.fr'>Nous contacter →</a>
-				</Text>
-			</Section>
-			<Text>
+				</Column>
+			</Row>
+			<Text style={{ fontSize: '12px' }}>
 				Coh@bit, IUT de Bordeaux, Bâtiment 10A,	15 rue Naudet, 33170 GRADIGNAN
 			</Text>
 		</Container>
--- a/templates/styles/base.tsx
+++ b/templates/styles/base.tsx
@ -0,0 +1,38 @@
+import type { JSX } from 'preact'
+
+export const rootCss = {
+	accentColor: '#48D200',
+	backgroundColor: '#F2E6DC',
+} satisfies JSX.CSSProperties
+
+export const bodyCss: JSX.CSSProperties = {
+	fontFamily: 'system-ui, "Trebuchet MS", sans-serif',
+	accentColor: rootCss.accentColor,
+	backgroundColor: rootCss.backgroundColor,
+	padding: '0.5rem 0',
+}
+
+export const messageCss: JSX.CSSProperties = {
+	padding: '1rem',
+	borderRadius: '0.4rem',
+	backgroundColor: 'white',
+	textWrap: 'balance',
+}
+
+export const textCss: JSX.CSSProperties = {
+	fontSize: '1rem',
+}
+
+export const rawCss = `
+	a {
+		color: ${rootCss.accentColor}; 
+	}
+
+	h1 {
+		color: ${rootCss.accentColor};
+	}
+`
+
+export function BaseStyle() {
+	return <style dangerouslySetInnerHTML={{ __html: rawCss }}></style>
+}
Author	SHA1	Message	Date
Julien Oculi	eadb397847	doc: add warnings to readme	2024-04-11 17:30:36 +02:00
Julien Oculi	86da84b319	doc: add readme	2024-04-11 17:02:35 +02:00
Julien Oculi	40d57ce880	feat(chore): attach cohabit logo to mails	2024-04-11 16:51:05 +02:00
Julien Oculi	44a9090a39	chore(cli): allow net for preview sub command	2024-04-11 16:50:23 +02:00
Julien Oculi	8194fd3aa3	feat(templates): add styles to `Message`	2024-04-11 16:48:52 +02:00
Julien Oculi	f3918321bd	refactor(templates): extract global css defs	2024-04-11 16:47:14 +02:00
Julien Oculi	0c6da9d10a	refactor(templates): move signature to own file	2024-04-11 16:45:59 +02:00
Julien Oculi	3072d3af20	fix(cli): error in type assertion	2024-04-04 17:11:32 +02:00
Julien Oculi	2e4f4e0b2c	fix(cli): update old code from before breaking change	2024-04-04 17:05:12 +02:00
Julien Oculi	ba33da8d16	refactor(chore): move templates components to sub dir	2024-04-04 14:34:42 +02:00