All Mechanism Policy:
- {#if spf.all_qualifier === '-'}
+ {#if spf.all_qualifier === "-"}
Strict (-all)
- {:else if spf.all_qualifier === '~'}
+ {:else if spf.all_qualifier === "~"}
Softfail (~all)
- {:else if spf.all_qualifier === '+'}
+ {:else if spf.all_qualifier === "+"}
Pass (+all)
- {:else if spf.all_qualifier === '?'}
+ {:else if spf.all_qualifier === "?"}
Neutral (?all)
{/if}
{#if index === 0 || (index === 1 && spfRecords[0].record?.includes('redirect='))}
diff --git a/web/src/lib/components/SummaryCard.svelte b/web/src/lib/components/SummaryCard.svelte
index 971c1ac..1d2171d 100644
--- a/web/src/lib/components/SummaryCard.svelte
+++ b/web/src/lib/components/SummaryCard.svelte
@@ -5,36 +5,39 @@
interface TextSegment {
text: string;
highlight?: {
- color: "good" | "warning" | "danger";
+ color?: "good" | "warning" | "danger";
bold?: boolean;
+ emphasis?: boolean;
+ monospace?: boolean;
};
link?: string;
}
interface Props {
+ children?: import("svelte").Snippet;
report: Report;
}
- let { report }: Props = $props();
+ let { children, report }: Props = $props();
function buildSummary(): TextSegment[] {
const segments: TextSegment[] = [];
// Email sender information
const mailFrom = report.header_analysis?.headers?.from?.value || "an unknown sender";
- const hasDkim = report.authentication?.dkim && report.authentication.dkim.length > 0;
- const dkimPassed = hasDkim && report.authentication.dkim.some(d => d.result === "pass");
+ const hasDkim = report.authentication?.dkim && report.authentication?.dkim.length > 0;
+ const dkimPassed = hasDkim && report.authentication?.dkim?.some((d) => d.result === "pass");
segments.push({ text: "Received a " });
segments.push({
text: dkimPassed ? "DKIM-signed" : "non-DKIM-signed",
highlight: { color: dkimPassed ? "good" : "danger", bold: true },
- link: "#authentication-dkim"
+ link: "#authentication-dkim",
});
segments.push({ text: " email from " });
segments.push({
text: mailFrom,
- highlight: { emphasis: true }
+ highlight: { emphasis: true },
});
// Server information and hops
@@ -47,12 +50,12 @@
segments.push({
text: serverName,
highlight: { monospace: true },
- link: "#header-details"
+ link: "#header-details",
});
segments.push({ text: " after " });
segments.push({
- text: `${hopCount-1} hop${hopCount-1 !== 1 ? "s" : ""}`,
- link: "#email-path"
+ text: `${hopCount - 1} hop${hopCount - 1 !== 1 ? "s" : ""}`,
+ link: "#email-path",
});
}
@@ -65,22 +68,25 @@
segments.push({
text: "authenticated",
highlight: { color: "good", bold: true },
- link: "#authentication-details"
+ link: "#authentication-details",
});
segments.push({ text: " to send email on behalf of " });
- segments.push({ text: report.header_analysis?.domain_alignment?.from_domain, highlight: {monospace: true} });
+ segments.push({
+ text: report.header_analysis?.domain_alignment?.from_domain || "unknown domain",
+ highlight: { monospace: true },
+ });
} else if (spfResult && spfResult !== "none") {
segments.push({
text: "not authenticated",
highlight: { color: "danger", bold: true },
- link: "#authentication-spf"
+ link: "#authentication-spf",
});
segments.push({ text: " (failed authentication checks)" });
} else {
segments.push({
text: "not authenticated",
highlight: { color: "warning", bold: true },
- link: "#authentication-details"
+ link: "#authentication-details",
});
segments.push({ text: " (lacks proper authentication)" });
}
@@ -92,21 +98,23 @@
segments.push({
text: "failed",
highlight: { color: "danger", bold: true },
- link: "#authentication-spf"
+ link: "#authentication-spf",
+ });
+ segments.push({
+ text: ", the sending server is not authorized to send mail for this domain",
});
- segments.push({ text: ", the sending server is not authorized to send mail for this domain" });
} else if (spfResult === "softfail") {
segments.push({
text: "soft-failed",
highlight: { color: "warning", bold: true },
- link: "#authentication-spf"
+ link: "#authentication-spf",
});
segments.push({ text: ", the sending server may not be authorized" });
} else if (spfResult === "temperror" || spfResult === "permerror") {
segments.push({
text: "encountered an error",
highlight: { color: "warning", bold: true },
- link: "#authentication-spf"
+ link: "#authentication-spf",
});
segments.push({ text: ", check your SPF record configuration" });
} else if (spfResult === "none") {
@@ -114,9 +122,11 @@
segments.push({
text: "no SPF record",
highlight: { color: "danger", bold: true },
- link: "#dns-spf"
+ link: "#dns-spf",
+ });
+ segments.push({
+ text: ", you should add one to specify which servers can send email on your behalf",
});
- segments.push({ text: ", you should add one to specify which servers can send email on your behalf" });
}
}
@@ -129,13 +139,13 @@
segments.push({
text: "good",
highlight: { color: "good", bold: true },
- link: "#dns-ptr"
+ link: "#dns-ptr",
});
} else if (iprevResult.result === "fail") {
segments.push({
text: "failed",
highlight: { color: "danger", bold: true },
- link: "#dns-ptr"
+ link: "#dns-ptr",
});
segments.push({ text: " to pass the test" });
} else {
@@ -143,7 +153,7 @@
segments.push({
text: iprevResult.result,
highlight: { color: "warning", bold: true },
- link: "#dns-ptr"
+ link: "#dns-ptr",
});
}
}
@@ -152,20 +162,20 @@
const blacklists = report.blacklists;
if (blacklists && Object.keys(blacklists).length > 0) {
const allChecks = Object.values(blacklists).flat();
- const listedCount = allChecks.filter(check => check.listed).length;
+ const listedCount = allChecks.filter((check) => check.listed).length;
segments.push({ text: ". Your server is " });
if (listedCount > 0) {
segments.push({
text: `blacklisted on ${listedCount} list${listedCount !== 1 ? "s" : ""}`,
highlight: { color: "danger", bold: true },
- link: "#rbl-details"
+ link: "#rbl-details",
});
} else {
segments.push({
text: "not blacklisted",
highlight: { color: "good", bold: true },
- link: "#rbl-details"
+ link: "#rbl-details",
});
}
}
@@ -178,7 +188,7 @@
segments.push({
text: "good",
highlight: { color: "good", bold: true },
- link: "#domain-alignment"
+ link: "#domain-alignment",
});
if (!domainAlignment.aligned) {
segments.push({ text: " using organizational domain" });
@@ -187,17 +197,22 @@
segments.push({
text: "misaligned",
highlight: { color: "danger", bold: true },
- link: "#domain-alignment"
+ link: "#domain-alignment",
});
segments.push({ text: ": " });
segments.push({ text: "Return-Path", highlight: { monospace: true } });
segments.push({ text: " is set to an address of " });
- segments.push({ text: report.header_analysis?.domain_alignment?.return_path_domain, highlight: { monospace: true } });
+ segments.push({
+ text:
+ report.header_analysis?.domain_alignment?.return_path_domain ||
+ "unknown domain",
+ highlight: { monospace: true },
+ });
segments.push({ text: ", you should " });
segments.push({
text: "update it",
highlight: { bold: true },
- link: "#domain-alignment"
+ link: "#domain-alignment",
});
}
}
@@ -210,25 +225,28 @@
segments.push({
text: "don't have",
highlight: { color: "danger", bold: true },
- link: "#dns-dmarc"
+ link: "#dns-dmarc",
});
segments.push({ text: " a DMARC record, " });
- segments.push({ text: "consider adding at least a record with the '", highlight: { bold : true } });
+ segments.push({
+ text: "consider adding at least a record with the '",
+ highlight: { bold: true },
+ });
segments.push({ text: "none", highlight: { monospace: true, bold: true } });
- segments.push({ text: "' policy", highlight: { bold : true } });
+ segments.push({ text: "' policy", highlight: { bold: true } });
} else if (!dmarcRecord.valid) {
segments.push({ text: ". Your DMARC record has " });
segments.push({
text: "issues",
highlight: { color: "danger", bold: true },
- link: "#dns-dmarc"
+ link: "#dns-dmarc",
});
} else if (dmarcRecord.policy === "none") {
segments.push({ text: ". Your DMARC policy is " });
segments.push({
text: "set to 'none'",
highlight: { color: "warning", bold: true },
- link: "#dns-dmarc"
+ link: "#dns-dmarc",
});
segments.push({ text: ", which provides monitoring but no protection" });
} else if (dmarcRecord.policy === "quarantine" || dmarcRecord.policy === "reject") {
@@ -236,7 +254,7 @@
segments.push({
text: dmarcRecord.policy,
highlight: { color: "good", bold: true, monospace: true },
- link: "#dns-dmarc"
+ link: "#dns-dmarc",
});
segments.push({ text: "'" });
if (dmarcRecord.policy === "reject") {
@@ -247,17 +265,17 @@
segments.push({ text: "'" });
}
}
- } else if (dmarcResult && dmarcResult.result === "fail") {
+ } else if (dmarcResult === "fail") {
segments.push({ text: ". DMARC check " });
segments.push({
text: "failed",
highlight: { color: "danger", bold: true },
- link: "#authentication-dmarc"
+ link: "#authentication-dmarc",
});
}
// BIMI
- if (dmarcRecord.valid && dmarcRecord.policy != "none") {
+ if (dmarcRecord && dmarcRecord.valid && dmarcRecord.policy != "none") {
const bimiResult = report.authentication?.bimi;
const bimiRecord = report.dns_results?.bimi_record;
if (bimiRecord?.valid) {
@@ -265,24 +283,35 @@
segments.push({
text: "BIMI",
highlight: { color: "good", bold: true },
- link: "#dns-bimi"
+ link: "#dns-bimi",
});
- segments.push({ text: " for brand indicator display" });
- } else if (bimiResult && bimiResult.details.indexOf("(No BIMI records found)") >= 0) {
+ if (bimiResult.details && bimiResult.details.indexOf("declined") == 0) {
+ segments.push({ text: " declined to participate" });
+ } else {
+ segments.push({ text: " for brand indicator display" });
+ }
+ } else if (
+ bimiResult &&
+ bimiResult.details &&
+ bimiResult.details.indexOf("(No BIMI records found)") >= 0
+ ) {
segments.push({ text: ". Your domain has no " });
segments.push({
text: "BIMI record",
highlight: { color: "warning", bold: true },
- link: "#dns-bimi"
+ link: "#dns-bimi",
});
segments.push({ text: ", you could " });
- segments.push({ text: "add a record to decline participation", highlight: { bold: true } });
+ segments.push({
+ text: "add a record to decline participation",
+ highlight: { bold: true },
+ });
} else if (bimiResult || bimiRecord) {
segments.push({ text: ". Your domain has " });
segments.push({
text: "BIMI configured with issues",
highlight: { color: "warning", bold: true },
- link: "#dns-bimi"
+ link: "#dns-bimi",
});
}
}
@@ -293,19 +322,21 @@
segments.push({ text: ". " });
segments.push({
text: "ARC chain validation",
- link: "#authentication-arc"
+ link: "#authentication-arc",
});
segments.push({ text: " " });
if (arcResult.chain_valid) {
segments.push({
text: "passed",
- highlight: { color: "good", bold: true }
+ highlight: { color: "good", bold: true },
+ });
+ segments.push({
+ text: ` with ${arcResult.chain_length} set${arcResult.chain_length !== 1 ? "s" : ""}, indicating proper email forwarding`,
});
- segments.push({ text: ` with ${arcResult.chain_length} set${arcResult.chain_length !== 1 ? "s" : ""}, indicating proper email forwarding` });
} else {
segments.push({
text: "failed",
- highlight: { color: "danger", bold: true }
+ highlight: { color: "danger", bold: true },
});
segments.push({ text: ", which may indicate issues with email forwarding" });
}
@@ -316,20 +347,25 @@
const listUnsubscribe = headers?.["list-unsubscribe"];
const listUnsubscribePost = headers?.["list-unsubscribe-post"];
- const hasNewsletterHeaders = (listUnsubscribe?.importance === "newsletter" && listUnsubscribe?.present) ||
- (listUnsubscribePost?.importance === "newsletter" && listUnsubscribePost?.present);
+ const hasNewsletterHeaders =
+ (listUnsubscribe?.importance === "newsletter" && listUnsubscribe?.present) ||
+ (listUnsubscribePost?.importance === "newsletter" && listUnsubscribePost?.present);
- if (!hasNewsletterHeaders && (listUnsubscribe?.importance === "newsletter" || listUnsubscribePost?.importance === "newsletter")) {
+ if (
+ !hasNewsletterHeaders &&
+ (listUnsubscribe?.importance === "newsletter" ||
+ listUnsubscribePost?.importance === "newsletter")
+ ) {
segments.push({ text: ". This email is " });
segments.push({
text: "missing unsubscribe headers",
highlight: { color: "warning", bold: true },
- link: "#header-details"
+ link: "#header-details",
});
segments.push({ text: " and is " });
segments.push({
text: "not suitable for marketing campaigns",
- highlight: { bold: true }
+ highlight: { bold: true },
});
}
@@ -344,7 +380,7 @@
segments.push({
text: "flagged as spam",
highlight: { color: "danger", bold: true },
- link: "#spam-details"
+ link: "#spam-details",
});
segments.push({ text: " and needs review" });
} else if (contentScore < 50) {
@@ -352,49 +388,55 @@
segments.push({
text: "needs improvement",
highlight: { color: "warning", bold: true },
- link: "#content-details"
+ link: "#content-details",
});
} else if (contentScore >= 100 && spamScore >= 100) {
segments.push({ text: "Content " });
segments.push({
text: "looks great",
highlight: { color: "good", bold: true },
- link: "#content-details"
+ link: "#content-details",
});
} else if (spamScore < 50) {
segments.push({ text: "Your " });
segments.push({
text: "spam score",
highlight: { color: "danger", bold: true },
- link: "#spam-details"
+ link: "#spam-details",
});
segments.push({ text: " is low" });
- if (report.spamassassin.tests.includes("EMPTY_MESSAGE")) {
- segments.push({ text: " (you sent an empty message, which can cause this issue, retry with some real content)", highlight: { bold: true } });
+ if (report.spamassassin?.tests?.includes("EMPTY_MESSAGE")) {
+ segments.push({
+ text: " (you sent an empty message, which can cause this issue, retry with some real content)",
+ highlight: { bold: true },
+ });
}
} else if (spamScore < 90) {
segments.push({ text: "Pay attention to your " });
segments.push({
text: "spam score",
highlight: { color: "warning", bold: true },
- link: "#spam-details"
+ link: "#spam-details",
});
- if (report.spamassassin.tests.includes("EMPTY_MESSAGE")) {
- segments.push({ text: " (you sent an empty message, which can cause this issue, retry with some real content)", highlight: { bold: true } });
+ if (report.spamassassin?.tests?.includes("EMPTY_MESSAGE")) {
+ segments.push({
+ text: " (you sent an empty message, which can cause this issue, retry with some real content)",
+ highlight: { bold: true },
+ });
}
} else if (contentScore >= 80) {
segments.push({ text: "Content " });
segments.push({
text: "looks good",
highlight: { color: "good", bold: true },
- link: "#content-details"
+ link: "#content-details",
});
} else {
segments.push({ text: "Content " });
segments.push({
text: "should be reviewed",
highlight: { color: "warning", bold: true },
- link: "#content-details"
+ link: "#content-details",
});
}
@@ -403,7 +445,7 @@
return segments;
}
- function getColorClass(color: "good" | "warning" | "danger"): string {
+ function getColorClass(color?: "good" | "warning" | "danger"): string {
switch (color) {
case "good":
return "text-success";
@@ -411,35 +453,21 @@
return "text-warning";
case "danger":
return "text-danger";
+ default:
+ return "";
}
}
const summarySegments = $derived(buildSummary());
-
-
-
+
{#each summarySegments as segment}
{#if segment.link}
+ {@render children?.()}
+
+
diff --git a/web/src/lib/components/TinySurvey.svelte b/web/src/lib/components/TinySurvey.svelte
new file mode 100644
index 0000000..e971b80
--- /dev/null
+++ b/web/src/lib/components/TinySurvey.svelte
@@ -0,0 +1,96 @@
+
+
+{#if $appConfig.surveyUrl}
+
+{/if}
diff --git a/web/src/lib/components/index.ts b/web/src/lib/components/index.ts
index 8b83ae5..dadab9e 100644
--- a/web/src/lib/components/index.ts
+++ b/web/src/lib/components/index.ts
@@ -13,3 +13,5 @@ export { default as ContentAnalysisCard } from "./ContentAnalysisCard.svelte";
export { default as HeaderAnalysisCard } from "./HeaderAnalysisCard.svelte";
export { default as PtrRecordsDisplay } from "./PtrRecordsDisplay.svelte";
export { default as PtrForwardRecordsDisplay } from "./PtrForwardRecordsDisplay.svelte";
+export { default as TinySurvey } from "./TinySurvey.svelte";
+export { default as ErrorDisplay } from "./ErrorDisplay.svelte";
diff --git a/web/src/lib/config.ts b/web/src/lib/config.ts
new file mode 100644
index 0000000..c4c0bd4
--- /dev/null
+++ b/web/src/lib/config.ts
@@ -0,0 +1,50 @@
+// This file is part of the happyDeliver (R) project.
+// Copyright (c) 2025 happyDomain
+// Authors: Pierre-Olivier Mercier, et al.
+//
+// This program is offered under a commercial and under the AGPL license.
+// For commercial licensing, contact us at
.
+//
+// For AGPL licensing:
+// This program is free software: you can redistribute it and/or modify
+// it under the terms of the GNU Affero General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// This program is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+// GNU Affero General Public License for more details.
+//
+// You should have received a copy of the GNU Affero General Public License
+// along with this program. If not, see (initialConfig);
diff --git a/web/src/lib/hey-api.ts b/web/src/lib/hey-api.ts
index e75e70a..6983e5d 100644
--- a/web/src/lib/hey-api.ts
+++ b/web/src/lib/hey-api.ts
@@ -7,8 +7,8 @@ export class NotAuthorizedError extends Error {
}
}
-async function customFetch(url: string, init: RequestInit): Promise {
- const response = await fetch(url, init);
+async function customFetch(input: RequestInfo | URL, init?: RequestInit): Promise {
+ const response = await fetch(input, init);
if (response.status === 400) {
const json = await response.json();
diff --git a/web/src/routes/+error.svelte b/web/src/routes/+error.svelte
index 5d0514c..a429ea5 100644
--- a/web/src/routes/+error.svelte
+++ b/web/src/routes/+error.svelte
@@ -1,5 +1,6 @@
@@ -55,96 +28,5 @@
-
-
-
-
-
-
-
-
{status}
-
-
-
{getErrorTitle(status)}
-
-
-
{getErrorDescription(status)}
-
-
- {#if message !== getErrorDescription(status)}
-
-
- {/if}
-
-
-
-
-
-
window.history.back()}
- >
-
-
-
-
- {#if status === 404}
-
-
Looking for something specific?
-
-
- {/if}
-
-
+
diff --git a/web/src/routes/+page.svelte b/web/src/routes/+page.svelte
index ecfbbdd..f26f8e2 100644
--- a/web/src/routes/+page.svelte
+++ b/web/src/routes/+page.svelte
@@ -1,6 +1,7 @@