This commit is contained in:
Leandro Facchinetti
parent
8bedda75d8
commit
45cecd09b3
|
|
@ -1,209 +0,0 @@
|
||||||
import React from "react";
|
|
||||||
import ReactDOMServer from "react-dom/server";
|
|
||||||
import { Builder } from "xml2js";
|
|
||||||
import cryptoRandomString from "crypto-random-string";
|
|
||||||
|
|
||||||
export type Inbox = {
|
|
||||||
name: string;
|
|
||||||
token: string;
|
|
||||||
};
|
|
||||||
|
|
||||||
export function Layout({ children }: { children: React.ReactNode }) {
|
|
||||||
return (
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<meta charSet="utf-8" />
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
||||||
<meta name="author" content="Leandro Facchinetti" />
|
|
||||||
<meta
|
|
||||||
name="description"
|
|
||||||
content="Convert email newsletters into Atom feeds."
|
|
||||||
/>
|
|
||||||
<link
|
|
||||||
rel="icon"
|
|
||||||
type="image/png"
|
|
||||||
href="/favicon-32x32.png"
|
|
||||||
sizes="32x32"
|
|
||||||
/>
|
|
||||||
<link
|
|
||||||
rel="icon"
|
|
||||||
type="image/png"
|
|
||||||
href="/favicon-16x16.png"
|
|
||||||
sizes="16x16"
|
|
||||||
/>
|
|
||||||
<link rel="icon" type="image/x-icon" href="/favicon.ico" />
|
|
||||||
<link rel="stylesheet" type="text/css" href="styles.css" />
|
|
||||||
<title>Kill the Newsletter!</title>
|
|
||||||
</head>
|
|
||||||
<body style={{ textAlign: "center" }}>
|
|
||||||
<header>
|
|
||||||
<h1>
|
|
||||||
<a href="/">Kill the Newsletter!</a>
|
|
||||||
</h1>
|
|
||||||
<p>Convert email newsletters into Atom feeds</p>
|
|
||||||
<p>
|
|
||||||
<img
|
|
||||||
alt="Convert email newsletters into Atom feeds"
|
|
||||||
src="/logo.png"
|
|
||||||
width="150"
|
|
||||||
/>
|
|
||||||
</p>
|
|
||||||
</header>
|
|
||||||
<main>{children}</main>
|
|
||||||
<footer>
|
|
||||||
<p>
|
|
||||||
By <a href="https://www.leafac.com">Leandro Facchinetti</a> ·{" "}
|
|
||||||
<a href="https://github.com/leafac/www.kill-the-newsletter.com">
|
|
||||||
Source
|
|
||||||
</a>{" "}
|
|
||||||
·{" "}
|
|
||||||
<a href="mailto:kill-the-newsletter@leafac.com">Report an Issue</a>
|
|
||||||
</p>
|
|
||||||
</footer>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
export function Form() {
|
|
||||||
return (
|
|
||||||
<form method="POST" action="/">
|
|
||||||
<p>
|
|
||||||
<input
|
|
||||||
type="text"
|
|
||||||
name="name"
|
|
||||||
placeholder="Newsletter Name…"
|
|
||||||
maxLength={500}
|
|
||||||
size={30}
|
|
||||||
required
|
|
||||||
/>
|
|
||||||
<button>Create Inbox</button>
|
|
||||||
</p>
|
|
||||||
</form>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
export function Created({ inbox: { name, token } }: { inbox: Inbox }) {
|
|
||||||
return (
|
|
||||||
<>
|
|
||||||
<h1>“{name}” Inbox Created</h1>
|
|
||||||
<p>
|
|
||||||
Sign up for the newsletter with
|
|
||||||
<br />
|
|
||||||
<code>{feedEmail(token)}</code>
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
Subscribe to the Atom feed at
|
|
||||||
<br />
|
|
||||||
<code>{feedUrl(token)}</code>
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
Don’t share these addresses.
|
|
||||||
<br />
|
|
||||||
They contain a security token that other people could use
|
|
||||||
<br />
|
|
||||||
to send you spam and to control your newsletter subscriptions.
|
|
||||||
</p>
|
|
||||||
<p>Enjoy your readings!</p>
|
|
||||||
<p>
|
|
||||||
<a href="https://www.kill-the-newsletter.com">
|
|
||||||
<strong>Create Another Inbox</strong>
|
|
||||||
</a>
|
|
||||||
</p>
|
|
||||||
</>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
// https://validator.w3.org/feed/docs/atom.html
|
|
||||||
// https://validator.w3.org/feed/#validate_by_input
|
|
||||||
|
|
||||||
export function Feed(inbox: Inbox) {
|
|
||||||
const { name, token } = inbox;
|
|
||||||
return {
|
|
||||||
feed: {
|
|
||||||
$: { xmlns: "http://www.w3.org/2005/Atom" },
|
|
||||||
link: [
|
|
||||||
{
|
|
||||||
$: {
|
|
||||||
rel: "self",
|
|
||||||
type: "application/atom+xml",
|
|
||||||
href: feedUrl(token)
|
|
||||||
}
|
|
||||||
},
|
|
||||||
{
|
|
||||||
$: {
|
|
||||||
rel: "alternate",
|
|
||||||
type: "text/html",
|
|
||||||
href: "https://www.kill-the-newsletter.com/"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
],
|
|
||||||
id: id(token),
|
|
||||||
title: name,
|
|
||||||
subtitle: `Kill the Newsletter! Inbox “${feedEmail(token)}”`,
|
|
||||||
updated: now(),
|
|
||||||
...Entry({
|
|
||||||
title: `“${name}” Inbox Created`,
|
|
||||||
author: "Kill the Newsletter!",
|
|
||||||
content: ReactDOMServer.renderToStaticMarkup(
|
|
||||||
<Created inbox={inbox}></Created>
|
|
||||||
)
|
|
||||||
})
|
|
||||||
}
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
export function Entry({
|
|
||||||
title,
|
|
||||||
author,
|
|
||||||
content
|
|
||||||
}: {
|
|
||||||
title: string;
|
|
||||||
author: string;
|
|
||||||
content: string;
|
|
||||||
}) {
|
|
||||||
return {
|
|
||||||
entry: {
|
|
||||||
id: id(newToken()),
|
|
||||||
title,
|
|
||||||
author: { name: author },
|
|
||||||
updated: now(),
|
|
||||||
content: { $: { type: "html" }, _: content }
|
|
||||||
}
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
export function newToken() {
|
|
||||||
return cryptoRandomString({
|
|
||||||
length: 20,
|
|
||||||
characters: "1234567890qwertyuiopasdfghjklzxcvbnm"
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
export function now() {
|
|
||||||
return new Date().toISOString();
|
|
||||||
}
|
|
||||||
|
|
||||||
export function feedPath(token: string) {
|
|
||||||
return `static/feeds/${token}.xml`;
|
|
||||||
}
|
|
||||||
|
|
||||||
export function feedUrl(token: string) {
|
|
||||||
return `https://www.kill-the-newsletter.com/feeds/${token}.xml`;
|
|
||||||
}
|
|
||||||
|
|
||||||
export function feedEmail(token: string) {
|
|
||||||
return `${token}@kill-the-newsletter.com`;
|
|
||||||
}
|
|
||||||
|
|
||||||
export function id(token: string) {
|
|
||||||
return `urn:kill-the-newsletter:${token}`;
|
|
||||||
}
|
|
||||||
|
|
||||||
export function renderHtml(component: React.ReactElement): string {
|
|
||||||
return `<!DOCTYPE html>\n${ReactDOMServer.renderToStaticMarkup(component)}`;
|
|
||||||
}
|
|
||||||
|
|
||||||
export function renderXml(xml: object): string {
|
|
||||||
return new Builder().buildObject(xml);
|
|
||||||
}
|
|
||||||
219
src/server.tsx
219
src/server.tsx
|
|
@ -1,17 +1,9 @@
|
||||||
import express from "express";
|
import express from "express";
|
||||||
import React from "react";
|
import React from "react";
|
||||||
import {
|
|
||||||
Inbox,
|
|
||||||
Layout,
|
|
||||||
Form,
|
|
||||||
Created,
|
|
||||||
Feed,
|
|
||||||
newToken,
|
|
||||||
feedPath,
|
|
||||||
renderHtml,
|
|
||||||
renderXml
|
|
||||||
} from "./components";
|
|
||||||
import fs from "fs";
|
import fs from "fs";
|
||||||
|
import ReactDOMServer from "react-dom/server";
|
||||||
|
import { Builder } from "xml2js";
|
||||||
|
import cryptoRandomString from "crypto-random-string";
|
||||||
|
|
||||||
export const webServer = express()
|
export const webServer = express()
|
||||||
.use(express.static("static"))
|
.use(express.static("static"))
|
||||||
|
|
@ -37,3 +29,208 @@ export const webServer = express()
|
||||||
);
|
);
|
||||||
})
|
})
|
||||||
.listen(8443);
|
.listen(8443);
|
||||||
|
|
||||||
|
type Inbox = {
|
||||||
|
name: string;
|
||||||
|
token: string;
|
||||||
|
};
|
||||||
|
|
||||||
|
function Layout({ children }: { children: React.ReactNode }) {
|
||||||
|
return (
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charSet="utf-8" />
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||||
|
<meta name="author" content="Leandro Facchinetti" />
|
||||||
|
<meta
|
||||||
|
name="description"
|
||||||
|
content="Convert email newsletters into Atom feeds."
|
||||||
|
/>
|
||||||
|
<link
|
||||||
|
rel="icon"
|
||||||
|
type="image/png"
|
||||||
|
href="/favicon-32x32.png"
|
||||||
|
sizes="32x32"
|
||||||
|
/>
|
||||||
|
<link
|
||||||
|
rel="icon"
|
||||||
|
type="image/png"
|
||||||
|
href="/favicon-16x16.png"
|
||||||
|
sizes="16x16"
|
||||||
|
/>
|
||||||
|
<link rel="icon" type="image/x-icon" href="/favicon.ico" />
|
||||||
|
<link rel="stylesheet" type="text/css" href="styles.css" />
|
||||||
|
<title>Kill the Newsletter!</title>
|
||||||
|
</head>
|
||||||
|
<body style={{ textAlign: "center" }}>
|
||||||
|
<header>
|
||||||
|
<h1>
|
||||||
|
<a href="/">Kill the Newsletter!</a>
|
||||||
|
</h1>
|
||||||
|
<p>Convert email newsletters into Atom feeds</p>
|
||||||
|
<p>
|
||||||
|
<img
|
||||||
|
alt="Convert email newsletters into Atom feeds"
|
||||||
|
src="/logo.png"
|
||||||
|
width="150"
|
||||||
|
/>
|
||||||
|
</p>
|
||||||
|
</header>
|
||||||
|
<main>{children}</main>
|
||||||
|
<footer>
|
||||||
|
<p>
|
||||||
|
By <a href="https://www.leafac.com">Leandro Facchinetti</a> ·{" "}
|
||||||
|
<a href="https://github.com/leafac/www.kill-the-newsletter.com">
|
||||||
|
Source
|
||||||
|
</a>{" "}
|
||||||
|
·{" "}
|
||||||
|
<a href="mailto:kill-the-newsletter@leafac.com">Report an Issue</a>
|
||||||
|
</p>
|
||||||
|
</footer>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Form() {
|
||||||
|
return (
|
||||||
|
<form method="POST" action="/">
|
||||||
|
<p>
|
||||||
|
<input
|
||||||
|
type="text"
|
||||||
|
name="name"
|
||||||
|
placeholder="Newsletter Name…"
|
||||||
|
maxLength={500}
|
||||||
|
size={30}
|
||||||
|
required
|
||||||
|
/>
|
||||||
|
<button>Create Inbox</button>
|
||||||
|
</p>
|
||||||
|
</form>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function Created({ inbox: { name, token } }: { inbox: Inbox }) {
|
||||||
|
return (
|
||||||
|
<>
|
||||||
|
<h1>“{name}” Inbox Created</h1>
|
||||||
|
<p>
|
||||||
|
Sign up for the newsletter with
|
||||||
|
<br />
|
||||||
|
<code>{feedEmail(token)}</code>
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
Subscribe to the Atom feed at
|
||||||
|
<br />
|
||||||
|
<code>{feedUrl(token)}</code>
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
Don’t share these addresses.
|
||||||
|
<br />
|
||||||
|
They contain a security token that other people could use
|
||||||
|
<br />
|
||||||
|
to send you spam and to control your newsletter subscriptions.
|
||||||
|
</p>
|
||||||
|
<p>Enjoy your readings!</p>
|
||||||
|
<p>
|
||||||
|
<a href="https://www.kill-the-newsletter.com">
|
||||||
|
<strong>Create Another Inbox</strong>
|
||||||
|
</a>
|
||||||
|
</p>
|
||||||
|
</>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
// https://validator.w3.org/feed/docs/atom.html
|
||||||
|
// https://validator.w3.org/feed/#validate_by_input
|
||||||
|
|
||||||
|
function Feed(inbox: Inbox) {
|
||||||
|
const { name, token } = inbox;
|
||||||
|
return {
|
||||||
|
feed: {
|
||||||
|
$: { xmlns: "http://www.w3.org/2005/Atom" },
|
||||||
|
link: [
|
||||||
|
{
|
||||||
|
$: {
|
||||||
|
rel: "self",
|
||||||
|
type: "application/atom+xml",
|
||||||
|
href: feedUrl(token)
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
$: {
|
||||||
|
rel: "alternate",
|
||||||
|
type: "text/html",
|
||||||
|
href: "https://www.kill-the-newsletter.com/"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
],
|
||||||
|
id: id(token),
|
||||||
|
title: name,
|
||||||
|
subtitle: `Kill the Newsletter! Inbox “${feedEmail(token)}”`,
|
||||||
|
updated: now(),
|
||||||
|
...Entry({
|
||||||
|
title: `“${name}” Inbox Created`,
|
||||||
|
author: "Kill the Newsletter!",
|
||||||
|
content: ReactDOMServer.renderToStaticMarkup(
|
||||||
|
<Created inbox={inbox}></Created>
|
||||||
|
)
|
||||||
|
})
|
||||||
|
}
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
function Entry({
|
||||||
|
title,
|
||||||
|
author,
|
||||||
|
content
|
||||||
|
}: {
|
||||||
|
title: string;
|
||||||
|
author: string;
|
||||||
|
content: string;
|
||||||
|
}) {
|
||||||
|
return {
|
||||||
|
entry: {
|
||||||
|
id: id(newToken()),
|
||||||
|
title,
|
||||||
|
author: { name: author },
|
||||||
|
updated: now(),
|
||||||
|
content: { $: { type: "html" }, _: content }
|
||||||
|
}
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
function newToken() {
|
||||||
|
return cryptoRandomString({
|
||||||
|
length: 20,
|
||||||
|
characters: "1234567890qwertyuiopasdfghjklzxcvbnm"
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
function now() {
|
||||||
|
return new Date().toISOString();
|
||||||
|
}
|
||||||
|
|
||||||
|
export function feedPath(token: string) {
|
||||||
|
return `static/feeds/${token}.xml`;
|
||||||
|
}
|
||||||
|
|
||||||
|
function feedUrl(token: string) {
|
||||||
|
return `https://www.kill-the-newsletter.com/feeds/${token}.xml`;
|
||||||
|
}
|
||||||
|
|
||||||
|
function feedEmail(token: string) {
|
||||||
|
return `${token}@kill-the-newsletter.com`;
|
||||||
|
}
|
||||||
|
|
||||||
|
function id(token: string) {
|
||||||
|
return `urn:kill-the-newsletter:${token}`;
|
||||||
|
}
|
||||||
|
|
||||||
|
function renderHtml(component: React.ReactElement): string {
|
||||||
|
return `<!DOCTYPE html>\n${ReactDOMServer.renderToStaticMarkup(component)}`;
|
||||||
|
}
|
||||||
|
|
||||||
|
function renderXml(xml: object): string {
|
||||||
|
return new Builder().buildObject(xml);
|
||||||
|
}
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,4 @@
|
||||||
import { webServer } from "./server";
|
import { webServer, feedPath } from "./server";
|
||||||
import { feedPath } from "./components";
|
|
||||||
import fetch from "node-fetch";
|
import fetch from "node-fetch";
|
||||||
import fs from "fs";
|
import fs from "fs";
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue