@devdogsuga/newsletter 0.1.1 → 0.1.3

package/README.md

@@ -5,8 +5,9 @@ components with two callers:
 
 - **`apps/platform`** renders issues as pages at `/changelog` and
   `/changelog/<version>`, straight from `ChangelogEmail`.
-- **`@devdogsuga/devtools`** exports issues as files — `pnpm devtools
-newsletter` — an `.html` preview and an Outlook-importable `.eml` per issue.
+- **`@devdogsuga/newsletter-cli`** exports issues as files — `pnpm
+newsletter` from the Backstage root — an `.html` preview and an
+  Outlook-importable `.eml` per issue, and pushes or sends them.
 
 It deliberately does not go through `@devdogsuga/email`. That package's
 compiled-slot pipeline exists to prove a template cannot branch on its inputs,
@@ -102,9 +103,10 @@ file; the platform archive and the exported email can never disagree.
 ## Exporting
 
 ```bash
-pnpm --filter @devdogsuga/newsletter build   # the CLI consumes dist/
-pnpm devtools newsletter                     # pick issues interactively
-pnpm devtools newsletter '*' --out ~/changelog
+# rebuilds brand, events and newsletter first, so the export carries the
+# checkout's current issues and club config
+pnpm newsletter                     # pick issues interactively
+pnpm newsletter '*' --out ~/changelog
 ```
 
 The `.eml` carries `X-Unsent: 1` and no `Message-ID`, so **classic Outlook
@@ -117,7 +119,7 @@ does. Either way the draft is a review copy: the send happens with `--send`
 ## Pushing a draft
 
 ```bash
-pnpm devtools newsletter 3.0.1 --push
+pnpm newsletter 3.0.1 --push
 ```
 
 appends the issue — same MIME as the `.eml`, minus `X-Unsent` — straight into
@@ -136,12 +138,12 @@ differently, into Word HTML, with the same result.)
 ## Sending
 
 ```bash
-pnpm devtools newsletter 3.0.1 --send --to listserv@listserv.uga.edu
+pnpm newsletter 3.0.1 --send listserv@listserv.uga.edu
 ```
 
 submits the issue over SMTP as the club mailbox, byte-for-byte as authored —
 no composer touches it, so recipients get the document with its stylesheet,
-pins and gradient underlays intact. `--to` is required and comma-separated;
+pins and gradient underlays intact. `--send` takes the recipients, comma-separated;
 there is deliberately no interactive path to a send.
 
 The first `--push` or `--send` opens a browser; sign in as the mailbox and

package/dist/components.js

@@ -1,4 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { EVENT_TZ, meetingLocation } from "@devdogsuga/brand/event";
 import { MARK_SIZES } from "./assets.js";
 import { bc, brc, darkModeCss, DOT_GRID_CLASS, paintCss, SLANTS_CLASS, tc, } from "./darkmode.js";
 import { blockShadow, chipColors, font, HEADING_TINTS, KIND, PALETTE, SITE, SOCIAL_LINKS, solidBg, FONTS_HREF, UGA, } from "./theme.js";
@@ -75,14 +76,50 @@ function CtaButton({ label, url, color, ground, fonts, compact = false, }) {
                             msoLineHeightRule: "exactly",
                         }, children: [label, " ", "\u25B8"] }) }) }) }) }));
 }
+/** The chip accent for each kind, from `KIND` so `darkModeCss()` pins it. */
+const KIND_COLOR = {
+    "Interest Meeting": KIND.interest,
+    "Build Session": KIND.build,
+    "Study Session": KIND.study,
+    Social: KIND.social,
+    "Demo Night": KIND.demo,
+};
+function inEventZone(at, options) {
+    return at.toLocaleString("en-US", { timeZone: EVENT_TZ, ...options });
+}
+/** `"6:00 – 7:30 PM"`, or `"11:00 AM – 1:00 PM"` across noon. */
+function timeRange(startsAt, endsAt) {
+    const clock = (at) => inEventZone(at, { hour: "numeric", minute: "2-digit" }).split(" ");
+    const [start, startMeridiem] = clock(startsAt);
+    const [end, endMeridiem] = clock(endsAt);
+    return startMeridiem === endMeridiem
+        ? `${start} – ${end} ${endMeridiem}`
+        : `${start} ${startMeridiem} – ${end} ${endMeridiem}`;
+}
+/**
+ * What a card prints for a meeting, in Eastern time. A night with no kind is
+ * a workshop night, the same reading the site's calendar gives it.
+ */
+function eventCard(meeting) {
+    const startsAt = new Date(meeting.startsAt);
+    return {
+        chip: meeting.kind ?? "Workshop",
+        color: (meeting.kind && KIND_COLOR[meeting.kind]) ?? KIND.workshop,
+        dow: inEventZone(startsAt, { weekday: "short" }).toUpperCase(),
+        month: inEventZone(startsAt, { month: "short" }),
+        day: inEventZone(startsAt, { day: "numeric" }),
+        time: timeRange(startsAt, new Date(meeting.endsAt)),
+        loc: meetingLocation(meeting.building, meeting.location) ?? "TBA",
+    };
+}
 /**
  * An upcoming-event row, drawn the way the site's schedule list draws one: a
  * stacked weekday / day-number date column, a chip pill, a display-face
  * title, and the time + room in quiet sans.
  */
-function EventRow({ event, ctx, }) {
+function EventRow({ meeting, ctx }) {
     const { fonts } = ctx;
-    const [month, day] = event.date.split(" ");
+    const card = eventCard(meeting);
     return (_jsx("table", { ...TABLE_RESET, width: "100%", bgcolor: PALETTE.card, className: `${bc(PALETTE.card)} ${brc(PALETTE.border)}`, style: {
             border: `1px solid ${PALETTE.border}`,
             borderRadius: "10px",
@@ -94,29 +131,29 @@ function EventRow({ event, ctx, }) {
                                     letterSpacing: "2px",
                                     color: PALETTE.mute,
                                     textTransform: "uppercase",
-                                }, children: event.dow }), _jsx("div", { className: tc(PALETTE.ink), style: {
+                                }, children: card.dow }), _jsx("div", { className: tc(PALETTE.ink), style: {
                                     ...font(800, 28, 1.1, fonts.display),
                                     color: PALETTE.ink,
                                     fontVariantNumeric: "tabular-nums",
                                     padding: "3px 0 2px",
-                                }, children: day }), _jsx("div", { className: tc(PALETTE.dim), style: {
+                                }, children: card.day }), _jsx("div", { className: tc(PALETTE.dim), style: {
                                     ...font(700, 10, 1, fonts.display),
                                     letterSpacing: "2px",
                                     color: PALETTE.dim,
                                     textTransform: "uppercase",
-                                }, children: month })] }), _jsx(DividerCell, { vertical: true }), _jsx("td", { valign: "middle", style: { padding: "15px 17px" }, children: _jsx("table", { ...TABLE_RESET, width: "100%", children: _jsx("tbody", { children: _jsxs("tr", { children: [_jsxs("td", { valign: "middle", children: [_jsx(Chip, { label: event.chip, color: event.color, fonts: fonts }), _jsx("div", { className: tc(PALETTE.ink), style: {
+                                }, children: card.month })] }), _jsx(DividerCell, { vertical: true }), _jsx("td", { valign: "middle", style: { padding: "15px 17px" }, children: _jsx("table", { ...TABLE_RESET, width: "100%", children: _jsx("tbody", { children: _jsxs("tr", { children: [_jsxs("td", { valign: "middle", children: [_jsx(Chip, { label: card.chip, color: card.color, fonts: fonts }), _jsx("div", { className: tc(PALETTE.ink), style: {
                                                         ...font(800, 18, 1.25, fonts.display),
                                                         color: PALETTE.ink,
                                                         letterSpacing: "-0.2px",
                                                         padding: "9px 0 5px",
-                                                    }, children: event.title }), _jsxs("div", { className: tc(PALETTE.mute), style: {
+                                                    }, children: meeting.title }), _jsxs("div", { className: tc(PALETTE.mute), style: {
                                                         ...font(400, 13, 1.5, fonts.sans),
                                                         color: PALETTE.mute,
-                                                    }, children: [event.time, " ", _jsx("span", { className: tc(PALETTE.dim), style: { color: PALETTE.dim }, children: "\u00B7" }), " ", event.loc] }), event.blurb ? (_jsx("div", { className: tc(PALETTE.dim), style: {
+                                                    }, children: [card.time, " ", _jsx("span", { className: tc(PALETTE.dim), style: { color: PALETTE.dim }, children: "\u00B7" }), " ", card.loc] }), _jsx("div", { className: tc(PALETTE.dim), style: {
                                                         ...font(400, 13, 1.55, fonts.sans),
                                                         color: PALETTE.dim,
                                                         paddingTop: "7px",
-                                                    }, children: event.blurb })) : null] }), event.rsvp ? (_jsx("td", { valign: "middle", align: "right", width: 74, style: { paddingLeft: "10px" }, children: _jsx(CtaButton, { label: "RSVP", url: event.rsvp, color: event.color, ground: PALETTE.card, fonts: fonts, compact: true }) })) : null] }) }) }) })] }) }) }));
+                                                    }, children: meeting.summary })] }), meeting.rsvpUrl ? (_jsx("td", { valign: "middle", align: "right", width: 74, style: { paddingLeft: "10px" }, children: _jsx(CtaButton, { label: "RSVP", url: meeting.rsvpUrl, color: card.color, ground: PALETTE.card, fonts: fonts, compact: true }) })) : null] }) }) }) })] }) }) }));
 }
 /** A `## heading` in the terminal voice. */
 function SectionHeading({ children, color, fonts, paddingBottom = 14, }) {
@@ -140,6 +177,7 @@ function QuietCard({ children }) {
 export function ChangelogEmail({ issue, ctx, }) {
     const { fonts, assets } = ctx;
     const featured = issue.featured;
+    const featuredCard = eventCard(featured);
     const arrowLinkStyle = {
         color: PALETTE.ink,
         textDecoration: "none",
@@ -187,11 +225,11 @@ export function ChangelogEmail({ issue, ctx, }) {
                                     ...font(400, 15, 1.6, fonts.sans),
                                     color: PALETTE.mute,
                                     paddingTop: "11px",
-                                }, children: issue.intro })] }) }), _jsx("tr", { children: _jsxs("td", { style: { padding: "20px 22px 6px" }, children: [_jsx(SectionHeading, { color: featured.color, fonts: fonts, children: issue.featuredLabel }), _jsx("table", { ...TABLE_RESET, width: "100%", bgcolor: PALETTE.card2, className: `${bc(PALETTE.card2)} ${brc(featured.color)}`, style: {
-                                    border: `1px solid ${featured.color}`,
+                                }, children: issue.intro })] }) }), _jsx("tr", { children: _jsxs("td", { style: { padding: "20px 22px 6px" }, children: [_jsx(SectionHeading, { color: featuredCard.color, fonts: fonts, children: issue.featuredLabel }), _jsx("table", { ...TABLE_RESET, width: "100%", bgcolor: PALETTE.card2, className: `${bc(PALETTE.card2)} ${brc(featuredCard.color)}`, style: {
+                                    border: `1px solid ${featuredCard.color}`,
                                     borderRadius: "10px",
-                                    ...blockShadow(featured.color),
-                                }, children: _jsx("tbody", { children: _jsx("tr", { children: _jsxs("td", { style: { padding: "22px 22px 24px" }, children: [_jsx(Chip, { label: featured.chip, color: featured.color, ground: PALETTE.card2, fonts: fonts }), _jsx("div", { className: tc(PALETTE.ink), style: {
+                                    ...blockShadow(featuredCard.color),
+                                }, children: _jsx("tbody", { children: _jsx("tr", { children: _jsxs("td", { style: { padding: "22px 22px 24px" }, children: [_jsx(Chip, { label: featuredCard.chip, color: featuredCard.color, ground: PALETTE.card2, fonts: fonts }), _jsx("div", { className: tc(PALETTE.ink), style: {
                                                         ...font(700, 30, 1.1, fonts.display),
                                                         color: PALETTE.ink,
                                                         letterSpacing: "-0.4px",
@@ -200,23 +238,23 @@ export function ChangelogEmail({ issue, ctx, }) {
                                                                         ...font(700, 14, 1.5, fonts.sans),
                                                                         color: PALETTE.ink,
                                                                         paddingRight: "8px",
-                                                                    }, children: [featured.dow, ", ", featured.date] }), _jsx(DividerCell, { vertical: true }), _jsx("td", { className: tc(PALETTE.mute), style: {
+                                                                    }, children: [featuredCard.dow, ", ", featuredCard.month, " ", featuredCard.day] }), _jsx(DividerCell, { vertical: true }), _jsx("td", { className: tc(PALETTE.mute), style: {
                                                                         ...font(400, 14, 1.5, fonts.sans),
                                                                         color: PALETTE.mute,
                                                                         padding: "0 8px",
-                                                                    }, children: featured.time }), _jsx(DividerCell, { vertical: true }), _jsx("td", { className: tc(PALETTE.mute), style: {
+                                                                    }, children: featuredCard.time }), _jsx(DividerCell, { vertical: true }), _jsx("td", { className: tc(PALETTE.mute), style: {
                                                                         ...font(400, 14, 1.5, fonts.sans),
                                                                         color: PALETTE.mute,
                                                                         padding: "0 8px",
-                                                                    }, children: featured.loc })] }) }) }), _jsx("div", { className: tc(PALETTE.mute), style: {
+                                                                    }, children: featuredCard.loc })] }) }) }), _jsx("div", { className: tc(PALETTE.mute), style: {
                                                         ...font(400, 15, 1.6, fonts.sans),
                                                         color: PALETTE.mute,
                                                         paddingTop: "10px",
-                                                    }, children: featured.blurb }), _jsx("div", { style: {
+                                                    }, children: featured.summary }), _jsx("div", { style: {
                                                         height: "18px",
                                                         lineHeight: "18px",
                                                         fontSize: "0px",
-                                                    }, children: " " }), _jsx(CtaButton, { label: issue.cta, url: featured.rsvp ?? `${SITE}/events`, color: UGA, fonts: fonts })] }) }) }) })] }) }), _jsx("tr", { children: _jsxs("td", { style: { padding: "22px 22px 0" }, children: [_jsx(SectionHeading, { color: PALETTE.ink, fonts: fonts, children: "upcoming" }), issue.upcoming.map((event, index) => (_jsx(EventRow, { event: event, ctx: ctx }, `${event.date}-${index}`))), _jsx("div", { style: { padding: "2px 0 4px", textAlign: "center" }, children: _jsx("a", { href: `${SITE}/events`, className: tc(KIND.build), style: {
+                                                    }, children: " " }), _jsx(CtaButton, { label: issue.cta, url: featured.rsvpUrl ?? `${SITE}/events`, color: UGA, fonts: fonts })] }) }) }) })] }) }), _jsx("tr", { children: _jsxs("td", { style: { padding: "22px 22px 0" }, children: [_jsx(SectionHeading, { color: PALETTE.ink, fonts: fonts, children: "upcoming" }), issue.upcoming.map((meeting) => (_jsx(EventRow, { meeting: meeting, ctx: ctx }, meeting.id))), _jsx("div", { style: { padding: "2px 0 4px", textAlign: "center" }, children: _jsx("a", { href: `${SITE}/events`, className: tc(KIND.build), style: {
                                         ...font(700, 13, 1, fonts.mono),
                                         color: KIND.build,
                                         textDecoration: "none",

package/dist/index.d.ts

@@ -9,7 +9,7 @@
 export { ChangelogDocument, ChangelogEmail } from "./components.js";
 export { paintCss } from "./darkmode.js";
 export { DATA_URI_ASSETS, DEVDOGS_LOCKUP, GDGC_UGA, MARK_SIZES, type NewsletterAssets, type RenderContext, } from "./assets.js";
-export { type ChangelogEvent, type ChangelogIssue, ISSUES, issueByVersion, } from "./issues.js";
+export { type ChangelogIssue, ISSUES, issueByVersion } from "./issues.js";
 export { SOCIAL_ICON_NAMES, socialIconDataUri, socialIconSvg, type SocialIconName, } from "./icons.js";
 export { CSS_VARIABLE_FONTS, EMAIL_FONTS, FONTS_HREF, type FontStacks, KIND, PALETTE, SITE, SOCIAL_LINKS, UGA, } from "./theme.js";
 import { type RenderContext } from "./assets.js";

package/dist/index.js

@@ -9,7 +9,7 @@
 export { ChangelogDocument, ChangelogEmail } from "./components.js";
 export { paintCss } from "./darkmode.js";
 export { DATA_URI_ASSETS, DEVDOGS_LOCKUP, GDGC_UGA, MARK_SIZES, } from "./assets.js";
-export { ISSUES, issueByVersion, } from "./issues.js";
+export { ISSUES, issueByVersion } from "./issues.js";
 export { SOCIAL_ICON_NAMES, socialIconDataUri, socialIconSvg, } from "./icons.js";
 export { CSS_VARIABLE_FONTS, EMAIL_FONTS, FONTS_HREF, KIND, PALETTE, SITE, SOCIAL_LINKS, UGA, } from "./theme.js";
 import { DATA_URI_ASSETS } from "./assets.js";

package/dist/issues.d.ts

@@ -1,18 +1,13 @@
-export interface ChangelogEvent {
-    /** The chip label — the calendar's event-type vocabulary. */
-    chip: string;
-    /** The event-type accent from `KIND`. */
-    color: string;
-    title: string;
-    /** Three-letter weekday, uppercase. */
-    dow: string;
-    /** `"Sep 9"` — month then day, split for the stacked date column. */
-    date: string;
-    time: string;
-    loc: string;
-    rsvp: string | null;
-    blurb: string;
-}
+/**
+ * The Changelog's content: the dated sends themselves, listing events read
+ * from the club config in `@devdogsuga/events`.
+ *
+ * Issues are versioned with semver — a send is a release. Issue copy lives
+ * here rather than in the components so a copy pass before a send touches one
+ * file, and so the platform's archive pages and the exported emails can never
+ * disagree about what an issue said.
+ */
+import { type Meeting } from "@devdogsuga/events";
 export interface ChangelogIssue {
     /** Semver, doubling as the URL segment and the export filename. */
     version: string;
@@ -29,10 +24,10 @@ export interface ChangelogIssue {
     intro: string;
     /** The `##` heading over the hero card, e.g. `"happening_today"`. */
     featuredLabel: string;
-    featured: ChangelogEvent;
+    featured: Meeting;
     /** The hero card's button label. */
     cta: string;
-    upcoming: ChangelogEvent[];
+    upcoming: Meeting[];
     signoff: string;
 }
 export declare const ISSUES: ChangelogIssue[];

package/dist/issues.js

@@ -1,106 +1,34 @@
 /**
- * The Changelog's content: event data authored in `@devdogsuga/events`'s
- * meetings (times converted to ET) and the dated sends themselves.
+ * The Changelog's content: the dated sends themselves, listing events read
+ * from the club config in `@devdogsuga/events`.
  *
- * Issues are versioned with semver — a send is a release. Event copy lives
+ * Issues are versioned with semver — a send is a release. Issue copy lives
  * here rather than in the components so a copy pass before a send touches one
  * file, and so the platform's archive pages and the exported emails can never
  * disagree about what an issue said.
  */
-import { KIND } from "./theme.js";
-const DEV_SESSION_BLURB = "Catch up on workshop materials, meet your teammates for hackathons, get unblocked by focus leads and officers, or just come hang out and get work done.";
+import { getClubConfig } from "@devdogsuga/events";
+const MEETINGS = new Map(getClubConfig().meetings.map((m) => [m.id, m]));
+/** A meeting from the club config, by id. Throws on a typo rather than
+ * rendering an issue with a hole in it. */
+function meeting(id) {
+    const found = MEETINGS.get(id);
+    if (found === undefined) {
+        throw new Error(`No meeting "${id}" in the club config.`);
+    }
+    return found;
+}
+/** Every event an issue lists, by its id in the club config. */
 const EVENTS = {
-    interest: {
-        chip: "Interest Meeting",
-        color: KIND.interest,
-        title: "Interest Meeting",
-        dow: "WED",
-        date: "Sep 9",
-        time: "6:00 – 7:00 PM",
-        loc: "DLW 110",
-        rsvp: "https://uga.campuslabs.com/engage/event/12664203",
-        blurb: "Come meet the new leadership team and get the details on all things DevDogs. Returning? Learn what's changing, what's staying the same, and how to get involved this year. Free food, too.",
-    },
-    coldstart: {
-        chip: "Kickoff",
-        color: KIND.workshop,
-        title: "Cold Start",
-        dow: "MON",
-        date: "Sep 14",
-        time: "6:00 – 7:30 PM",
-        loc: "DLW 124",
-        rsvp: "https://uga.campuslabs.com/engage/event/12664196",
-        blurb: "The inaugural meeting for the 2026–2027 year. Get set up to contribute to this year's projects. Plus, a collaborative coding workshop: an introduction to Git, GitHub, and how to contribute to a team project.",
-    },
-    dev1: {
-        chip: "Dev Session",
-        color: KIND.build,
-        title: "Dev Session #1",
-        dow: "WED",
-        date: "Sep 16",
-        time: "6:00 – 7:00 PM",
-        loc: "DLW 124",
-        rsvp: "https://uga.campuslabs.com/engage/event/12664183",
-        blurb: DEV_SESSION_BLURB,
-    },
-    // The three workshop nights have no summary in events yet — these
-    // blurbs are authored from their linked workshop topics; swap in the real
-    // copy once it lands in the meetings config.
-    nextflutter: {
-        chip: "Workshop",
-        color: KIND.workshop,
-        title: "Workshops: Next.js & Flutter",
-        dow: "MON",
-        date: "Sep 21",
-        time: "6:00 – 7:30 PM",
-        loc: "DLW 124",
-        rsvp: null,
-        blurb: "A framework double-header: build for the web with Next.js and go cross-platform with Flutter.",
-    },
-    dev2: {
-        chip: "Dev Session",
-        color: KIND.build,
-        title: "Dev Session #2",
-        dow: "WED",
-        date: "Sep 23",
-        time: "6:00 – 7:00 PM",
-        loc: "DLW 124",
-        rsvp: "https://uga.campuslabs.com/engage/event/12664184",
-        blurb: DEV_SESSION_BLURB,
-    },
-    supabase: {
-        chip: "Workshop",
-        color: KIND.workshop,
-        title: "Workshop: Supabase",
-        dow: "MON",
-        date: "Sep 28",
-        time: "6:00 – 7:30 PM",
-        loc: "DLW 124",
-        rsvp: null,
-        blurb: "Get hands-on with Supabase: Postgres, auth, and realtime data for this year's projects.",
-    },
-    dev3: {
-        chip: "Dev Session",
-        color: KIND.build,
-        title: "Dev Session #3",
-        dow: "WED",
-        date: "Sep 30",
-        time: "6:00 – 7:00 PM",
-        loc: "DLW 124",
-        rsvp: "https://uga.campuslabs.com/engage/event/12664184",
-        blurb: DEV_SESSION_BLURB,
-    },
-    career: {
-        chip: "Workshop",
-        color: KIND.workshop,
-        title: "Workshop: Career Fair Readiness",
-        dow: "MON",
-        date: "Oct 5",
-        time: "6:00 – 8:00 PM",
-        loc: "DLW 110",
-        rsvp: null,
-        blurb: "Get ready for the fall career fair: resume polish, portfolio pointers, and how to talk about what you've built.",
-    },
+    coldstart: meeting("rectaW4iGmfDA3uwQ"),
+    build1: meeting("rec1BrdXl7u8bYGXH"),
+    nextflutter: meeting("recBF3KxHMKsT4Mz8"),
+    build2: meeting("recGqvQqUDFlrXPRc"),
+    supabase: meeting("recqDUR1D3CQNBVe5"),
+    build3: meeting("rec6aLjA2ZhT45xuh"),
+    judging1: meeting("feature-competition-1-judging-2026"),
+    career: meeting("recljv0crLDtLIBPc"),
+    touchgrass1: meeting("touch-grass-1-2026"),
 };
 export const ISSUES = [
     {
@@ -116,11 +44,11 @@ export const ISSUES = [
         featured: EVENTS.coldstart,
         cta: "RSVP for Cold Start",
         upcoming: [
-            EVENTS.dev1,
+            EVENTS.build1,
             EVENTS.nextflutter,
-            EVENTS.dev2,
+            EVENTS.build2,
             EVENTS.supabase,
-            EVENTS.dev3,
+            EVENTS.build3,
             EVENTS.career,
         ],
         signoff: "Doors tonight at 6 in DLW 124. Bring a laptop if you have one, and we'll get you set up to ship either way.",
@@ -137,9 +65,29 @@ export const ISSUES = [
         featuredLabel: "happening_tonight",
         featured: EVENTS.nextflutter,
         cta: "RSVP for Cold Start",
-        upcoming: [EVENTS.dev2, EVENTS.supabase, EVENTS.dev3, EVENTS.career],
+        upcoming: [EVENTS.build2, EVENTS.supabase, EVENTS.build3, EVENTS.career],
         signoff: "Doors tonight at 6 in DLW 124. Bring a laptop if you have one, but we'll get you set up to ship either way.",
     },
+    {
+        version: "3.0.2",
+        term: "Fall 2026",
+        sendLabel: "Mon · Sep 28",
+        command: "changelog --date 2026-09-28",
+        title: "Give Your App a Backend Tonight (DevDogs Changelog v3.0.2)",
+        preview: "Tonight at 6: the Supabase workshop, then our first feature competition of the year kicks off.",
+        tagline: "Your app gets a backend tonight.",
+        intro: "Tonight's workshop adds Supabase to the app you started at the Next.js and Flutter workshops: sign-in, a Postgres database, and row-level security. Web and mobile tracks share one project. Then our first feature competition of the year kicks off: form a team of 2 to 4 and build a feature for the club's own platform. Entries close at 6 PM next Monday, when teams present their work.",
+        featuredLabel: "happening_tonight",
+        featured: EVENTS.supabase,
+        cta: "See the schedule",
+        upcoming: [
+            EVENTS.build3,
+            EVENTS.judging1,
+            EVENTS.career,
+            EVENTS.touchgrass1,
+        ],
+        signoff: "Doors tonight at 6 in DLW 124. Turn on GitHub two-factor before you come: you need it to join a team.",
+    },
 ];
 export function issueByVersion(version) {
     return ISSUES.find((issue) => issue.version === version);

package/dist/theme.d.ts

@@ -21,6 +21,7 @@ export declare const KIND: {
     readonly build: "#00a6f4";
     readonly study: "#ffb900";
     readonly social: "#ff637e";
+    readonly demo: "#7c86ff";
     readonly workshop: "#00d492";
 };
 /** The mauve surfaces, matching the platform (mauve-950 canvas → -300 text). */

package/dist/theme.js

@@ -9,9 +9,10 @@ export const UGA = "#ba0c2f";
  */
 export const KIND = {
     interest: EVENT_KIND_VISUALS["Interest Meeting"].accent,
-    build: EVENT_KIND_VISUALS["Dev Session"].accent,
+    build: EVENT_KIND_VISUALS["Build Session"].accent,
     study: EVENT_KIND_VISUALS["Study Session"].accent,
     social: EVENT_KIND_VISUALS.Social.accent,
+    demo: EVENT_KIND_VISUALS["Demo Night"].accent,
     workshop: EVENT_SEGMENT_VISUALS.workshop.accent,
 };
 /** The mauve surfaces, matching the platform (mauve-950 canvas → -300 text). */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@devdogsuga/newsletter",
-  "version": "0.1.1",
+  "version": "0.1.3",
   "private": false,
   "type": "module",
   "description": "The DevDogs Changelog: email-safe React components rendered as platform pages and exported as Outlook-importable .eml files",
@@ -30,7 +30,8 @@
   "dependencies": {
     "react": "^19.2.8",
     "react-dom": "^19.2.8",
-    "@devdogsuga/brand": "0.1.1"
+    "@devdogsuga/brand": "0.1.2",
+    "@devdogsuga/events": "0.1.3"
   },
   "devDependencies": {
     "@types/node": "^26.2.0",