@scalemule/news-publication 0.0.7

package/dist/meet-5Ym5bxfh.d.ts

@@ -0,0 +1,79 @@
+/** Rules for in-person meetups and the paper's chat. */
+declare const MEET_ACTIVITIES: readonly [{
+    readonly value: "coffee";
+    readonly label: "Coffee";
+}, {
+    readonly value: "walk";
+    readonly label: "Walk";
+}, {
+    readonly value: "hike";
+    readonly label: "Hike";
+}, {
+    readonly value: "pickleball";
+    readonly label: "Pickleball";
+}, {
+    readonly value: "tennis";
+    readonly label: "Tennis";
+}, {
+    readonly value: "soccer";
+    readonly label: "Soccer";
+}, {
+    readonly value: "bike";
+    readonly label: "Bike ride";
+}, {
+    readonly value: "dogs";
+    readonly label: "Dog walk";
+}, {
+    readonly value: "books";
+    readonly label: "Book club";
+}, {
+    readonly value: "games";
+    readonly label: "Board games";
+}, {
+    readonly value: "kids";
+    readonly label: "Kids outing";
+}, {
+    readonly value: "volunteer";
+    readonly label: "Volunteer";
+}, {
+    readonly value: "other";
+    readonly label: "Something else";
+}];
+type MeetActivity = (typeof MEET_ACTIVITIES)[number]["value"];
+type PublicPlace = {
+    id: string;
+    name: string;
+    detail: string;
+};
+type MeetupInput = {
+    activity?: unknown;
+    otherLabel?: unknown;
+    placeId?: unknown;
+    startsAt?: unknown;
+    notes?: unknown;
+    capacity?: unknown;
+};
+type PreparedMeetup = {
+    activity: MeetActivity;
+    activityLabel: string;
+    placeId: string;
+    placeName: string;
+    placeDetail: string;
+    startsAt: string;
+    notes: string;
+    capacity: number;
+};
+declare function isAdult(bornOn: string, now?: Date): boolean;
+declare function canHostMeetup(accountCreatedAt: string, now?: Date): boolean;
+/** Refuse phone numbers, email addresses, and contact links. */
+declare function screenMessage(value: string): {
+    ok: true;
+    text: string;
+} | {
+    ok: false;
+    reason: string;
+};
+declare function activityLabel(value: string, otherLabel?: string): string;
+declare function prepareMeetup(input: MeetupInput, places: PublicPlace[], now?: Date): PreparedMeetup;
+
+export { MEET_ACTIVITIES as M, type PreparedMeetup as P, type MeetActivity as a, type MeetupInput as b, type PublicPlace as c, activityLabel as d, canHostMeetup as e, isAdult as i, prepareMeetup as p, screenMessage as s };

package/dist/meet-forms.cjs

@@ -0,0 +1,188 @@
+"use client";
+'use strict';
+
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/meet-forms.tsx
+
+// src/meet.ts
+var MEET_ACTIVITIES = [
+  { value: "coffee", label: "Coffee" },
+  { value: "walk", label: "Walk" },
+  { value: "hike", label: "Hike" },
+  { value: "pickleball", label: "Pickleball" },
+  { value: "tennis", label: "Tennis" },
+  { value: "soccer", label: "Soccer" },
+  { value: "bike", label: "Bike ride" },
+  { value: "dogs", label: "Dog walk" },
+  { value: "books", label: "Book club" },
+  { value: "games", label: "Board games" },
+  { value: "kids", label: "Kids outing" },
+  { value: "volunteer", label: "Volunteer" },
+  { value: "other", label: "Something else" }
+];
+function useJson(url) {
+  const [busy, setBusy] = react.useState(false);
+  const [error, setError] = react.useState("");
+  async function submit(event, next) {
+    event.preventDefault();
+    setBusy(true);
+    setError("");
+    const form = event.currentTarget;
+    const data = {};
+    new FormData(form).forEach((value, key) => {
+      if (typeof value === "string") data[key] = value;
+    });
+    try {
+      const response = await fetch(url, {
+        method: "POST",
+        headers: { "content-type": "application/json" },
+        credentials: "same-origin",
+        body: JSON.stringify(data)
+      });
+      const body = await response.json().catch(() => ({}));
+      if (response.status === 401) {
+        window.location.assign("/account?next=/meet");
+        return;
+      }
+      if (!response.ok) throw new Error(typeof body.error === "string" ? body.error : "Please try again.");
+      if (next || body.id) window.location.assign(next || `/meet/${encodeURIComponent(String(body.id))}`);
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "Please try again.");
+      setBusy(false);
+    }
+  }
+  return { busy, error, submit };
+}
+function MeetHostForm({ places }) {
+  const post = useJson("/api/meet");
+  return /* @__PURE__ */ jsxRuntime.jsxs("form", { className: "np-market form", onSubmit: (event) => post.submit(event), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("label", { children: [
+      "Activity",
+      /* @__PURE__ */ jsxRuntime.jsx("select", { name: "activity", required: true, defaultValue: "coffee", children: MEET_ACTIVITIES.map((item) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: item.value, children: item.label }, item.value)) })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("label", { children: [
+      "If something else, name it",
+      /* @__PURE__ */ jsxRuntime.jsx("input", { name: "otherLabel", maxLength: 40 })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("label", { children: [
+      "Public place",
+      /* @__PURE__ */ jsxRuntime.jsx("select", { name: "placeId", required: true, defaultValue: places[0]?.id ?? "", children: places.map((place) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: place.id, children: place.name }, place.id)) })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("label", { children: [
+      "When",
+      /* @__PURE__ */ jsxRuntime.jsx("input", { name: "startsAt", type: "datetime-local", required: true })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("label", { children: [
+      "Group size",
+      /* @__PURE__ */ jsxRuntime.jsx("input", { name: "capacity", type: "number", min: 2, max: 12, defaultValue: 6, required: true })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("label", { children: [
+      "Note for the group",
+      /* @__PURE__ */ jsxRuntime.jsx("textarea", { name: "notes", maxLength: 1e3, rows: 4, placeholder: "Where to stand, what to bring. No phone numbers." })
+    ] }),
+    post.error && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "error", role: "alert", children: post.error }),
+    /* @__PURE__ */ jsxRuntime.jsx("button", { className: "primary", disabled: post.busy, children: post.busy ? "Saving\u2026" : "Publish meetup" })
+  ] });
+}
+function PhoneCheckForm() {
+  const [sent, setSent] = react.useState(false);
+  const [error, setError] = react.useState("");
+  const [busy, setBusy] = react.useState(false);
+  async function send(event) {
+    event.preventDefault();
+    setBusy(true);
+    setError("");
+    const data = {};
+    new FormData(event.currentTarget).forEach((value, key) => {
+      if (typeof value === "string") data[key] = value;
+    });
+    const response = await fetch("/api/meet/verify-phone", {
+      method: "POST",
+      headers: { "content-type": "application/json" },
+      credentials: "same-origin",
+      body: JSON.stringify({ ...data, step: sent ? "check" : "send" })
+    });
+    const body = await response.json().catch(() => ({}));
+    setBusy(false);
+    if (!response.ok) {
+      setError(typeof body.error === "string" ? body.error : "Please try again.");
+      return;
+    }
+    if (!sent) setSent(true);
+    else window.location.reload();
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("form", { className: "np-market form", onSubmit: send, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("label", { children: [
+      "Mobile number",
+      /* @__PURE__ */ jsxRuntime.jsx("input", { name: "phone", type: "tel", autoComplete: "tel", required: true, disabled: sent })
+    ] }),
+    sent && /* @__PURE__ */ jsxRuntime.jsxs("label", { children: [
+      "Code from the text",
+      /* @__PURE__ */ jsxRuntime.jsx("input", { name: "code", inputMode: "numeric", autoComplete: "one-time-code", required: true })
+    ] }),
+    error && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "error", role: "alert", children: error }),
+    /* @__PURE__ */ jsxRuntime.jsx("button", { className: "primary", disabled: busy, children: sent ? "Confirm code" : "Text me a code" })
+  ] });
+}
+function BirthdayForm() {
+  const post = useJson("/api/meet/birthday");
+  return /* @__PURE__ */ jsxRuntime.jsxs("form", { className: "np-market form", onSubmit: (event) => post.submit(event, "/meet"), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("label", { children: [
+      "Date of birth",
+      /* @__PURE__ */ jsxRuntime.jsx("input", { name: "bornOn", type: "date", required: true })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "meta", children: "Meet and town chat are for adults 18 and over. Your birthday is not shown to other readers." }),
+    post.error && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "error", role: "alert", children: post.error }),
+    /* @__PURE__ */ jsxRuntime.jsx("button", { className: "primary", disabled: post.busy, children: "Continue" })
+  ] });
+}
+function MeetupChat({ meetupId }) {
+  const [text, setText] = react.useState("");
+  const [lines, setLines] = react.useState([]);
+  const [error, setError] = react.useState("");
+  async function load() {
+    const response = await fetch(`/api/meet/${encodeURIComponent(meetupId)}/messages`, { credentials: "same-origin" });
+    const body = await response.json().catch(() => ({}));
+    if (response.ok && Array.isArray(body.messages)) setLines(body.messages);
+  }
+  async function send(event) {
+    event.preventDefault();
+    setError("");
+    const response = await fetch(`/api/meet/${encodeURIComponent(meetupId)}/messages`, {
+      method: "POST",
+      headers: { "content-type": "application/json" },
+      credentials: "same-origin",
+      body: JSON.stringify({ content: text })
+    });
+    const body = await response.json().catch(() => ({}));
+    if (!response.ok) {
+      setError(typeof body.error === "string" ? body.error : "Message was not sent.");
+      return;
+    }
+    setText("");
+    await load();
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "np-market", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("button", { className: "secondary", type: "button", onClick: () => void load(), children: "Refresh chat" }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "list", children: lines.map((line) => /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "item", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("strong", { children: line.author || "Reader" }),
+      " ",
+      line.content
+    ] }, line.id)) }),
+    /* @__PURE__ */ jsxRuntime.jsxs("form", { className: "form", onSubmit: send, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("label", { children: [
+        "Message",
+        /* @__PURE__ */ jsxRuntime.jsx("textarea", { value: text, onChange: (event) => setText(event.target.value), maxLength: 1e3, required: true, rows: 3 })
+      ] }),
+      error && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "error", role: "alert", children: error }),
+      /* @__PURE__ */ jsxRuntime.jsx("button", { className: "primary", type: "submit", children: "Send" })
+    ] })
+  ] });
+}
+
+exports.BirthdayForm = BirthdayForm;
+exports.MeetHostForm = MeetHostForm;
+exports.MeetupChat = MeetupChat;
+exports.PhoneCheckForm = PhoneCheckForm;

package/dist/meet-forms.d.cts

@@ -0,0 +1,13 @@
+import * as react from 'react';
+import { c as PublicPlace } from './meet-5Ym5bxfh.cjs';
+
+declare function MeetHostForm({ places }: {
+    places: PublicPlace[];
+}): react.JSX.Element;
+declare function PhoneCheckForm(): react.JSX.Element;
+declare function BirthdayForm(): react.JSX.Element;
+declare function MeetupChat({ meetupId }: {
+    meetupId: string;
+}): react.JSX.Element;
+
+export { BirthdayForm, MeetHostForm, MeetupChat, PhoneCheckForm };

package/dist/meet-forms.d.ts

@@ -0,0 +1,13 @@
+import * as react from 'react';
+import { c as PublicPlace } from './meet-5Ym5bxfh.js';
+
+declare function MeetHostForm({ places }: {
+    places: PublicPlace[];
+}): react.JSX.Element;
+declare function PhoneCheckForm(): react.JSX.Element;
+declare function BirthdayForm(): react.JSX.Element;
+declare function MeetupChat({ meetupId }: {
+    meetupId: string;
+}): react.JSX.Element;
+
+export { BirthdayForm, MeetHostForm, MeetupChat, PhoneCheckForm };

package/dist/meet-forms.js

@@ -0,0 +1,166 @@
+"use client";
+import { MEET_ACTIVITIES } from './chunk-GB36YM56.js';
+import { useState } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function useJson(url) {
+  const [busy, setBusy] = useState(false);
+  const [error, setError] = useState("");
+  async function submit(event, next) {
+    event.preventDefault();
+    setBusy(true);
+    setError("");
+    const form = event.currentTarget;
+    const data = {};
+    new FormData(form).forEach((value, key) => {
+      if (typeof value === "string") data[key] = value;
+    });
+    try {
+      const response = await fetch(url, {
+        method: "POST",
+        headers: { "content-type": "application/json" },
+        credentials: "same-origin",
+        body: JSON.stringify(data)
+      });
+      const body = await response.json().catch(() => ({}));
+      if (response.status === 401) {
+        window.location.assign("/account?next=/meet");
+        return;
+      }
+      if (!response.ok) throw new Error(typeof body.error === "string" ? body.error : "Please try again.");
+      if (next || body.id) window.location.assign(next || `/meet/${encodeURIComponent(String(body.id))}`);
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "Please try again.");
+      setBusy(false);
+    }
+  }
+  return { busy, error, submit };
+}
+function MeetHostForm({ places }) {
+  const post = useJson("/api/meet");
+  return /* @__PURE__ */ jsxs("form", { className: "np-market form", onSubmit: (event) => post.submit(event), children: [
+    /* @__PURE__ */ jsxs("label", { children: [
+      "Activity",
+      /* @__PURE__ */ jsx("select", { name: "activity", required: true, defaultValue: "coffee", children: MEET_ACTIVITIES.map((item) => /* @__PURE__ */ jsx("option", { value: item.value, children: item.label }, item.value)) })
+    ] }),
+    /* @__PURE__ */ jsxs("label", { children: [
+      "If something else, name it",
+      /* @__PURE__ */ jsx("input", { name: "otherLabel", maxLength: 40 })
+    ] }),
+    /* @__PURE__ */ jsxs("label", { children: [
+      "Public place",
+      /* @__PURE__ */ jsx("select", { name: "placeId", required: true, defaultValue: places[0]?.id ?? "", children: places.map((place) => /* @__PURE__ */ jsx("option", { value: place.id, children: place.name }, place.id)) })
+    ] }),
+    /* @__PURE__ */ jsxs("label", { children: [
+      "When",
+      /* @__PURE__ */ jsx("input", { name: "startsAt", type: "datetime-local", required: true })
+    ] }),
+    /* @__PURE__ */ jsxs("label", { children: [
+      "Group size",
+      /* @__PURE__ */ jsx("input", { name: "capacity", type: "number", min: 2, max: 12, defaultValue: 6, required: true })
+    ] }),
+    /* @__PURE__ */ jsxs("label", { children: [
+      "Note for the group",
+      /* @__PURE__ */ jsx("textarea", { name: "notes", maxLength: 1e3, rows: 4, placeholder: "Where to stand, what to bring. No phone numbers." })
+    ] }),
+    post.error && /* @__PURE__ */ jsx("p", { className: "error", role: "alert", children: post.error }),
+    /* @__PURE__ */ jsx("button", { className: "primary", disabled: post.busy, children: post.busy ? "Saving\u2026" : "Publish meetup" })
+  ] });
+}
+function PhoneCheckForm() {
+  const [sent, setSent] = useState(false);
+  const [error, setError] = useState("");
+  const [busy, setBusy] = useState(false);
+  async function send(event) {
+    event.preventDefault();
+    setBusy(true);
+    setError("");
+    const data = {};
+    new FormData(event.currentTarget).forEach((value, key) => {
+      if (typeof value === "string") data[key] = value;
+    });
+    const response = await fetch("/api/meet/verify-phone", {
+      method: "POST",
+      headers: { "content-type": "application/json" },
+      credentials: "same-origin",
+      body: JSON.stringify({ ...data, step: sent ? "check" : "send" })
+    });
+    const body = await response.json().catch(() => ({}));
+    setBusy(false);
+    if (!response.ok) {
+      setError(typeof body.error === "string" ? body.error : "Please try again.");
+      return;
+    }
+    if (!sent) setSent(true);
+    else window.location.reload();
+  }
+  return /* @__PURE__ */ jsxs("form", { className: "np-market form", onSubmit: send, children: [
+    /* @__PURE__ */ jsxs("label", { children: [
+      "Mobile number",
+      /* @__PURE__ */ jsx("input", { name: "phone", type: "tel", autoComplete: "tel", required: true, disabled: sent })
+    ] }),
+    sent && /* @__PURE__ */ jsxs("label", { children: [
+      "Code from the text",
+      /* @__PURE__ */ jsx("input", { name: "code", inputMode: "numeric", autoComplete: "one-time-code", required: true })
+    ] }),
+    error && /* @__PURE__ */ jsx("p", { className: "error", role: "alert", children: error }),
+    /* @__PURE__ */ jsx("button", { className: "primary", disabled: busy, children: sent ? "Confirm code" : "Text me a code" })
+  ] });
+}
+function BirthdayForm() {
+  const post = useJson("/api/meet/birthday");
+  return /* @__PURE__ */ jsxs("form", { className: "np-market form", onSubmit: (event) => post.submit(event, "/meet"), children: [
+    /* @__PURE__ */ jsxs("label", { children: [
+      "Date of birth",
+      /* @__PURE__ */ jsx("input", { name: "bornOn", type: "date", required: true })
+    ] }),
+    /* @__PURE__ */ jsx("p", { className: "meta", children: "Meet and town chat are for adults 18 and over. Your birthday is not shown to other readers." }),
+    post.error && /* @__PURE__ */ jsx("p", { className: "error", role: "alert", children: post.error }),
+    /* @__PURE__ */ jsx("button", { className: "primary", disabled: post.busy, children: "Continue" })
+  ] });
+}
+function MeetupChat({ meetupId }) {
+  const [text, setText] = useState("");
+  const [lines, setLines] = useState([]);
+  const [error, setError] = useState("");
+  async function load() {
+    const response = await fetch(`/api/meet/${encodeURIComponent(meetupId)}/messages`, { credentials: "same-origin" });
+    const body = await response.json().catch(() => ({}));
+    if (response.ok && Array.isArray(body.messages)) setLines(body.messages);
+  }
+  async function send(event) {
+    event.preventDefault();
+    setError("");
+    const response = await fetch(`/api/meet/${encodeURIComponent(meetupId)}/messages`, {
+      method: "POST",
+      headers: { "content-type": "application/json" },
+      credentials: "same-origin",
+      body: JSON.stringify({ content: text })
+    });
+    const body = await response.json().catch(() => ({}));
+    if (!response.ok) {
+      setError(typeof body.error === "string" ? body.error : "Message was not sent.");
+      return;
+    }
+    setText("");
+    await load();
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "np-market", children: [
+    /* @__PURE__ */ jsx("button", { className: "secondary", type: "button", onClick: () => void load(), children: "Refresh chat" }),
+    /* @__PURE__ */ jsx("div", { className: "list", children: lines.map((line) => /* @__PURE__ */ jsxs("p", { className: "item", children: [
+      /* @__PURE__ */ jsx("strong", { children: line.author || "Reader" }),
+      " ",
+      line.content
+    ] }, line.id)) }),
+    /* @__PURE__ */ jsxs("form", { className: "form", onSubmit: send, children: [
+      /* @__PURE__ */ jsxs("label", { children: [
+        "Message",
+        /* @__PURE__ */ jsx("textarea", { value: text, onChange: (event) => setText(event.target.value), maxLength: 1e3, required: true, rows: 3 })
+      ] }),
+      error && /* @__PURE__ */ jsx("p", { className: "error", role: "alert", children: error }),
+      /* @__PURE__ */ jsx("button", { className: "primary", type: "submit", children: "Send" })
+    ] })
+  ] });
+}
+
+export { BirthdayForm, MeetHostForm, MeetupChat, PhoneCheckForm };

package/dist/meet-view.cjs

@@ -0,0 +1,82 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/meet.ts
+var MEET_ACTIVITIES = [
+  { value: "coffee", label: "Coffee" },
+  { value: "walk", label: "Walk" },
+  { value: "hike", label: "Hike" },
+  { value: "pickleball", label: "Pickleball" },
+  { value: "tennis", label: "Tennis" },
+  { value: "soccer", label: "Soccer" },
+  { value: "bike", label: "Bike ride" },
+  { value: "dogs", label: "Dog walk" },
+  { value: "books", label: "Book club" },
+  { value: "games", label: "Board games" },
+  { value: "kids", label: "Kids outing" },
+  { value: "volunteer", label: "Volunteer" },
+  { value: "other", label: "Something else" }
+];
+function activityLabel(value, otherLabel = "") {
+  if (value === "other") return Array.from(otherLabel.trim()).slice(0, 40).join("") || "Something else";
+  return MEET_ACTIVITIES.find((item) => item.value === value)?.label ?? "";
+}
+function MeetBoard({ region, meetups }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "np-market", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("h1", { children: "Meet" }),
+    /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "lead", children: [
+      "Get together in ",
+      region,
+      ". Every meetup is at a public place. You talk in the paper\u2019s chat, and you trade a phone number in person if you want to."
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "actions", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("a", { className: "primary", href: "/meet/new", children: "Host a meetup" }),
+      /* @__PURE__ */ jsxRuntime.jsx("a", { className: "secondary", href: "/chat", children: "Town chat" })
+    ] }),
+    meetups.length === 0 ? /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "empty", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h2", { children: "No meetups yet." }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { children: "Host a coffee, a walk, or a game. The first meeting is public." })
+    ] }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "list", children: meetups.map((meetup) => /* @__PURE__ */ jsxRuntime.jsxs("a", { className: "item", href: `/meet/${encodeURIComponent(meetup.id)}`, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h2", { children: meetup.activityLabel }),
+      /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "meta", children: [
+        meetup.placeName,
+        " \xB7 ",
+        new Date(meetup.startsAt).toLocaleString("en-US", { weekday: "short", month: "short", day: "numeric", hour: "numeric", minute: "2-digit" }),
+        " \xB7 ",
+        meetup.going,
+        " going"
+      ] })
+    ] }, meetup.id)) })
+  ] });
+}
+function MeetupDetail({ meetup, joined }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("article", { className: "np-market", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "meta", children: /* @__PURE__ */ jsxRuntime.jsx("a", { href: "/meet", children: "Meet" }) }),
+    /* @__PURE__ */ jsxRuntime.jsx("h1", { children: meetup.activityLabel }),
+    /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "meta", children: [
+      meetup.placeName,
+      " \xB7 ",
+      meetup.placeDetail
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "meta", children: [
+      new Date(meetup.startsAt).toLocaleString("en-US", { weekday: "long", month: "long", day: "numeric", hour: "numeric", minute: "2-digit" }),
+      " \xB7 Host ",
+      meetup.hostName,
+      " \xB7 ",
+      meetup.going,
+      " of ",
+      meetup.capacity
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "body", children: meetup.notes }),
+    !joined && meetup.going < meetup.capacity && /* @__PURE__ */ jsxRuntime.jsx("form", { className: "actions", method: "post", action: `/api/meet/${encodeURIComponent(meetup.id)}/join`, children: /* @__PURE__ */ jsxRuntime.jsx("button", { className: "primary", type: "submit", children: "I\u2019ll be there" }) }),
+    joined && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "meta", children: "You\u2019re going. Use the chat below. Keep phone numbers for when you meet." })
+  ] });
+}
+function activityChoices() {
+  return MEET_ACTIVITIES.map((item) => ({ value: item.value, label: activityLabel(item.value) }));
+}
+
+exports.MeetBoard = MeetBoard;
+exports.MeetupDetail = MeetupDetail;
+exports.activityChoices = activityChoices;

package/dist/meet-view.d.cts

@@ -0,0 +1,23 @@
+import * as react from 'react';
+import { P as PreparedMeetup } from './meet-5Ym5bxfh.cjs';
+
+type MeetupCard = PreparedMeetup & {
+    id: string;
+    hostName: string;
+    going: number;
+    conversationId?: string | null;
+};
+declare function MeetBoard({ region, meetups }: {
+    region: string;
+    meetups: MeetupCard[];
+}): react.JSX.Element;
+declare function MeetupDetail({ meetup, joined }: {
+    meetup: MeetupCard;
+    joined: boolean;
+}): react.JSX.Element;
+declare function activityChoices(): {
+    value: "coffee" | "walk" | "hike" | "pickleball" | "tennis" | "soccer" | "bike" | "dogs" | "books" | "games" | "kids" | "volunteer" | "other";
+    label: string;
+}[];
+
+export { MeetBoard, type MeetupCard, MeetupDetail, activityChoices };

package/dist/meet-view.d.ts

@@ -0,0 +1,23 @@
+import * as react from 'react';
+import { P as PreparedMeetup } from './meet-5Ym5bxfh.js';
+
+type MeetupCard = PreparedMeetup & {
+    id: string;
+    hostName: string;
+    going: number;
+    conversationId?: string | null;
+};
+declare function MeetBoard({ region, meetups }: {
+    region: string;
+    meetups: MeetupCard[];
+}): react.JSX.Element;
+declare function MeetupDetail({ meetup, joined }: {
+    meetup: MeetupCard;
+    joined: boolean;
+}): react.JSX.Element;
+declare function activityChoices(): {
+    value: "coffee" | "walk" | "hike" | "pickleball" | "tennis" | "soccer" | "bike" | "dogs" | "books" | "games" | "kids" | "volunteer" | "other";
+    label: string;
+}[];
+
+export { MeetBoard, type MeetupCard, MeetupDetail, activityChoices };

package/dist/meet-view.js

@@ -0,0 +1,59 @@
+import { MEET_ACTIVITIES, activityLabel } from './chunk-GB36YM56.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function MeetBoard({ region, meetups }) {
+  return /* @__PURE__ */ jsxs("div", { className: "np-market", children: [
+    /* @__PURE__ */ jsx("h1", { children: "Meet" }),
+    /* @__PURE__ */ jsxs("p", { className: "lead", children: [
+      "Get together in ",
+      region,
+      ". Every meetup is at a public place. You talk in the paper\u2019s chat, and you trade a phone number in person if you want to."
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "actions", children: [
+      /* @__PURE__ */ jsx("a", { className: "primary", href: "/meet/new", children: "Host a meetup" }),
+      /* @__PURE__ */ jsx("a", { className: "secondary", href: "/chat", children: "Town chat" })
+    ] }),
+    meetups.length === 0 ? /* @__PURE__ */ jsxs("section", { className: "empty", children: [
+      /* @__PURE__ */ jsx("h2", { children: "No meetups yet." }),
+      /* @__PURE__ */ jsx("p", { children: "Host a coffee, a walk, or a game. The first meeting is public." })
+    ] }) : /* @__PURE__ */ jsx("div", { className: "list", children: meetups.map((meetup) => /* @__PURE__ */ jsxs("a", { className: "item", href: `/meet/${encodeURIComponent(meetup.id)}`, children: [
+      /* @__PURE__ */ jsx("h2", { children: meetup.activityLabel }),
+      /* @__PURE__ */ jsxs("p", { className: "meta", children: [
+        meetup.placeName,
+        " \xB7 ",
+        new Date(meetup.startsAt).toLocaleString("en-US", { weekday: "short", month: "short", day: "numeric", hour: "numeric", minute: "2-digit" }),
+        " \xB7 ",
+        meetup.going,
+        " going"
+      ] })
+    ] }, meetup.id)) })
+  ] });
+}
+function MeetupDetail({ meetup, joined }) {
+  return /* @__PURE__ */ jsxs("article", { className: "np-market", children: [
+    /* @__PURE__ */ jsx("p", { className: "meta", children: /* @__PURE__ */ jsx("a", { href: "/meet", children: "Meet" }) }),
+    /* @__PURE__ */ jsx("h1", { children: meetup.activityLabel }),
+    /* @__PURE__ */ jsxs("p", { className: "meta", children: [
+      meetup.placeName,
+      " \xB7 ",
+      meetup.placeDetail
+    ] }),
+    /* @__PURE__ */ jsxs("p", { className: "meta", children: [
+      new Date(meetup.startsAt).toLocaleString("en-US", { weekday: "long", month: "long", day: "numeric", hour: "numeric", minute: "2-digit" }),
+      " \xB7 Host ",
+      meetup.hostName,
+      " \xB7 ",
+      meetup.going,
+      " of ",
+      meetup.capacity
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "body", children: meetup.notes }),
+    !joined && meetup.going < meetup.capacity && /* @__PURE__ */ jsx("form", { className: "actions", method: "post", action: `/api/meet/${encodeURIComponent(meetup.id)}/join`, children: /* @__PURE__ */ jsx("button", { className: "primary", type: "submit", children: "I\u2019ll be there" }) }),
+    joined && /* @__PURE__ */ jsx("p", { className: "meta", children: "You\u2019re going. Use the chat below. Keep phone numbers for when you meet." })
+  ] });
+}
+function activityChoices() {
+  return MEET_ACTIVITIES.map((item) => ({ value: item.value, label: activityLabel(item.value) }));
+}
+
+export { MeetBoard, MeetupDetail, activityChoices };