@1kbirds/chidori-mock-gmail 0.1.0

package/dist/state.js

@@ -0,0 +1,139 @@
+const defaultUser = {
+    id: "me",
+    emailAddress: "user@example.com",
+    displayName: "Mock User",
+};
+const systemLabels = [
+    { id: "INBOX", name: "Inbox" },
+    { id: "SENT", name: "Sent" },
+    { id: "DRAFT", name: "Drafts" },
+    { id: "TRASH", name: "Trash" },
+    { id: "SPAM", name: "Spam" },
+    { id: "STARRED", name: "Starred" },
+    { id: "UNREAD", name: "Unread" },
+    { id: "IMPORTANT", name: "Important" },
+    { id: "CATEGORY_PRIMARY", name: "Primary" },
+];
+export function createStore(options = {}) {
+    const fixedNow = options.now ? new Date(options.now) : undefined;
+    const user = { ...defaultUser, ...options.currentUser };
+    const counters = new Map();
+    const store = {
+        users: new Map([[user.id, user]]),
+        currentUserId: user.id,
+        labels: new Map(defaultLabels().map((label) => [label.id, label])),
+        messages: new Map(),
+        drafts: new Map(),
+        historyId: 1,
+        now: () => new Date(fixedNow ?? new Date()),
+        nextId: (prefix) => {
+            const next = (counters.get(prefix) ?? 0) + 1;
+            counters.set(prefix, next);
+            return `${prefix}_${next.toString(36)}`;
+        },
+        listeners: new Set(),
+    };
+    if (options.seed) {
+        applySeed(store, options.seed);
+    }
+    else {
+        recomputeLabelStats(store);
+    }
+    return store;
+}
+export function defaultLabels() {
+    return systemLabels.map((label) => ({
+        id: label.id,
+        name: label.name,
+        type: "system",
+        messageListVisibility: "show",
+        labelListVisibility: "labelShow",
+        messagesTotal: 0,
+        messagesUnread: 0,
+        threadsTotal: 0,
+        threadsUnread: 0,
+    }));
+}
+export function snapshot(store) {
+    recomputeLabelStats(store);
+    return {
+        users: Array.from(store.users.values()).map(clone),
+        currentUserId: store.currentUserId,
+        labels: Array.from(store.labels.values()).map(clone),
+        messages: Array.from(store.messages.values()).map(clone),
+        drafts: Array.from(store.drafts.values()).map(clone),
+        historyId: String(store.historyId),
+    };
+}
+export function applySnapshot(store, next) {
+    store.users = new Map(next.users.map((user) => [user.id, clone(user)]));
+    store.currentUserId = next.currentUserId;
+    store.labels = new Map(next.labels.map((label) => [label.id, clone(label)]));
+    store.messages = new Map(next.messages.map((message) => [message.id, clone(message)]));
+    store.drafts = new Map(next.drafts.map((draft) => [draft.id, clone(draft)]));
+    store.historyId = Number(next.historyId);
+    recomputeLabelStats(store);
+    emit(store);
+}
+export function applySeed(store, seed) {
+    applySnapshot(store, {
+        users: seed.users ?? Array.from(store.users.values()),
+        currentUserId: seed.currentUserId ?? seed.users?.[0]?.id ?? store.currentUserId,
+        labels: seed.labels ?? defaultLabels(),
+        messages: seed.messages ?? [],
+        drafts: seed.drafts ?? [],
+        historyId: "1",
+    });
+}
+export function bumpHistory(store) {
+    store.historyId += 1;
+    return String(store.historyId);
+}
+export function emit(store) {
+    recomputeLabelStats(store);
+    for (const listener of store.listeners) {
+        listener();
+    }
+}
+export function recomputeLabelStats(store) {
+    for (const label of store.labels.values()) {
+        label.messagesTotal = 0;
+        label.messagesUnread = 0;
+        label.threadsTotal = 0;
+        label.threadsUnread = 0;
+    }
+    const threadIdsByLabel = new Map();
+    const unreadThreadIdsByLabel = new Map();
+    for (const message of store.messages.values()) {
+        for (const labelId of message.labelIds) {
+            const label = store.labels.get(labelId);
+            if (!label)
+                continue;
+            label.messagesTotal += 1;
+            if (message.labelIds.includes("UNREAD")) {
+                label.messagesUnread += 1;
+            }
+            if (!threadIdsByLabel.has(labelId))
+                threadIdsByLabel.set(labelId, new Set());
+            threadIdsByLabel.get(labelId).add(message.threadId);
+            if (message.labelIds.includes("UNREAD")) {
+                if (!unreadThreadIdsByLabel.has(labelId))
+                    unreadThreadIdsByLabel.set(labelId, new Set());
+                unreadThreadIdsByLabel.get(labelId).add(message.threadId);
+            }
+        }
+    }
+    for (const [labelId, threadIds] of threadIdsByLabel) {
+        const label = store.labels.get(labelId);
+        if (label)
+            label.threadsTotal = threadIds.size;
+    }
+    for (const [labelId, threadIds] of unreadThreadIdsByLabel) {
+        const label = store.labels.get(labelId);
+        if (label)
+            label.threadsUnread = threadIds.size;
+    }
+}
+export function clone(value) {
+    return structuredClone(value);
+}

package/dist/types.d.ts

@@ -0,0 +1,123 @@
+export type SystemLabelId = "INBOX" | "SENT" | "DRAFT" | "TRASH" | "SPAM" | "STARRED" | "UNREAD" | "IMPORTANT" | "CATEGORY_PRIMARY";
+export type LabelType = "system" | "user";
+export interface GmailUser {
+    id: string;
+    emailAddress: string;
+    displayName: string;
+}
+export interface GmailLabel {
+    id: string;
+    name: string;
+    type: LabelType;
+    messageListVisibility?: "show" | "hide";
+    labelListVisibility?: "labelShow" | "labelHide";
+    color?: {
+        textColor: string;
+        backgroundColor: string;
+    };
+    messagesTotal: number;
+    messagesUnread: number;
+    threadsTotal: number;
+    threadsUnread: number;
+}
+export interface GmailHeader {
+    name: string;
+    value: string;
+}
+export interface GmailMessagePartBody {
+    attachmentId?: string;
+    size: number;
+    data?: string;
+}
+export interface GmailMessagePart {
+    partId: string;
+    mimeType: string;
+    filename?: string;
+    headers: GmailHeader[];
+    body: GmailMessagePartBody;
+    parts?: GmailMessagePart[];
+}
+export interface GmailAttachment {
+    id: string;
+    filename: string;
+    mimeType: string;
+    size: number;
+    data?: string;
+}
+export interface GmailMessage {
+    id: string;
+    threadId: string;
+    labelIds: string[];
+    snippet: string;
+    historyId: string;
+    internalDate: string;
+    payload: GmailMessagePart;
+    sizeEstimate: number;
+    raw?: string;
+    attachments?: GmailAttachment[];
+}
+export interface GmailThread {
+    id: string;
+    historyId: string;
+    snippet: string;
+    messages: GmailMessage[];
+}
+export interface GmailDraft {
+    id: string;
+    message: GmailMessage;
+}
+export interface GmailProfile {
+    emailAddress: string;
+    messagesTotal: number;
+    threadsTotal: number;
+    historyId: string;
+}
+export interface GmailMockOptions {
+    currentUser?: Partial<GmailUser>;
+    now?: string | Date;
+    seed?: GmailSeed;
+}
+export interface GmailSeed {
+    users?: GmailUser[];
+    currentUserId?: string;
+    labels?: GmailLabel[];
+    messages?: GmailMessage[];
+    drafts?: GmailDraft[];
+}
+export interface GmailSnapshot {
+    users: GmailUser[];
+    currentUserId: string;
+    labels: GmailLabel[];
+    messages: GmailMessage[];
+    drafts: GmailDraft[];
+    historyId: string;
+}
+export interface GmailListResponse<T> {
+    resultSizeEstimate: number;
+    nextPageToken?: string;
+    messages?: T[];
+    threads?: T[];
+    labels?: T[];
+    drafts?: T[];
+}
+export interface GmailModifyRequest {
+    addLabelIds?: string[];
+    removeLabelIds?: string[];
+}
+export interface GmailSendRequest {
+    raw?: string;
+    message?: Partial<GmailMessage>;
+    to?: string[];
+    cc?: string[];
+    bcc?: string[];
+    subject?: string;
+    body?: string;
+    attachments?: GmailAttachment[];
+}
+export interface GmailSearchOptions {
+    q?: string;
+    labelIds?: string[];
+    includeSpamTrash?: boolean;
+    maxResults?: number;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"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"}

package/dist/types.js

@@ -0,0 +1 @@
+export {};

package/dist/ui/GmailMockApp.d.ts

@@ -0,0 +1,7 @@
+import type { GmailMock } from "../service";
+import "./styles.css";
+export interface GmailMockAppProps {
+    mock: GmailMock;
+}
+export declare function GmailMockApp({ mock }: GmailMockAppProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=GmailMockApp.d.ts.map

package/dist/ui/GmailMockApp.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GmailMockApp.d.ts","sourceRoot":"","sources":["../../src/ui/GmailMockApp.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,cAAc,CAAC;AAEtB,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,SAAS,CAAC;CACjB;AAWD,wBAAgB,YAAY,CAAC,EAAE,IAAI,EAAE,EAAE,iBAAiB,2CAsMvD"}

package/dist/ui/GmailMockApp.js

@@ -0,0 +1,93 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useMemo, useState } from "react";
+import { demoSeed } from "../seed";
+import { decodeBase64Url } from "../service";
+import "./styles.css";
+const primaryLabels = ["INBOX", "STARRED", "SENT", "DRAFT", "TRASH", "SPAM"];
+export function GmailMockApp({ mock }) {
+    const [state, setState] = useState(() => mock.snapshot());
+    useEffect(() => mock.subscribe(() => setState(mock.snapshot())), [mock]);
+    const [activeLabel, setActiveLabel] = useState("INBOX");
+    const [query, setQuery] = useState("");
+    const [selectedMessageId, setSelectedMessageId] = useState(null);
+    const [compose, setCompose] = useState(null);
+    const label = state.labels.find((item) => item.id === activeLabel);
+    const messages = useMemo(() => state.messages
+        .filter((message) => activeLabel === "ALL" || message.labelIds.includes(activeLabel))
+        .filter((message) => activeLabel === "TRASH" || activeLabel === "SPAM" || (!message.labelIds.includes("TRASH") && !message.labelIds.includes("SPAM")))
+        .filter((message) => !query || matchesUiQuery(message, query))
+        .sort((a, b) => Number(b.internalDate) - Number(a.internalDate)), [activeLabel, query, state.messages]);
+    const selected = messages.find((message) => message.id === selectedMessageId) ?? messages[0] ?? null;
+    const selectedThread = selected ? state.messages.filter((message) => message.threadId === selected.threadId).sort((a, b) => Number(a.internalDate) - Number(b.internalDate)) : [];
+    function resetDemo() {
+        mock.reset({
+            users: demoSeed.users,
+            currentUserId: demoSeed.currentUserId,
+            labels: demoSeed.labels,
+            messages: demoSeed.messages,
+            drafts: demoSeed.drafts,
+            historyId: "1",
+        });
+        setActiveLabel("INBOX");
+        setSelectedMessageId(null);
+        setCompose(null);
+    }
+    function openDraft(message) {
+        const draft = state.drafts.find((item) => item.message.id === message.id);
+        setCompose({
+            id: draft?.id,
+            to: header(message, "To"),
+            subject: header(message, "Subject"),
+            body: bodyText(message),
+        });
+    }
+    function saveDraft() {
+        if (!compose)
+            return;
+        const request = { to: compose.to.split(",").map((value) => value.trim()).filter(Boolean), subject: compose.subject, body: compose.body };
+        if (compose.id) {
+            mock.updateDraft(compose.id, request);
+        }
+        else {
+            mock.createDraft(request);
+        }
+        setCompose(null);
+        setActiveLabel("DRAFT");
+    }
+    function sendCompose() {
+        if (!compose)
+            return;
+        if (compose.id) {
+            mock.updateDraft(compose.id, { to: compose.to.split(",").map((value) => value.trim()).filter(Boolean), subject: compose.subject, body: compose.body });
+            mock.sendDraft(compose.id);
+        }
+        else {
+            mock.send({ to: compose.to.split(",").map((value) => value.trim()).filter(Boolean), subject: compose.subject, body: compose.body });
+        }
+        setCompose(null);
+        setActiveLabel("SENT");
+    }
+    return (_jsxs("div", { className: "gmail-shell", children: [_jsxs("aside", { className: "gmail-sidebar", children: [_jsx("div", { className: "gmail-brand", children: "Gmail" }), _jsx("button", { className: "gmail-compose", type: "button", onClick: () => setCompose({ to: "", subject: "", body: "" }), children: "Compose" }), _jsx("nav", { children: [...primaryLabels, "ALL"].map((labelId) => {
+                            const item = state.labels.find((entry) => entry.id === labelId);
+                            return (_jsxs("button", { className: labelId === activeLabel ? "active" : "", type: "button", onClick: () => { setActiveLabel(labelId); setSelectedMessageId(null); }, children: [_jsx("span", { children: item?.name ?? "All Mail" }), item?.messagesUnread ? _jsx("strong", { children: item.messagesUnread }) : null] }, labelId));
+                        }) }), _jsxs("section", { className: "gmail-labels", children: [_jsx("h2", { children: "Labels" }), state.labels
+                                .filter((item) => item.type === "user")
+                                .map((item) => (_jsx("button", { className: item.id === activeLabel ? "active" : "", type: "button", onClick: () => setActiveLabel(item.id), children: item.name }, item.id)))] }), _jsxs("section", { className: "gmail-account", children: [_jsx("strong", { children: state.users.find((user) => user.id === state.currentUserId)?.displayName }), _jsx("span", { children: state.users.find((user) => user.id === state.currentUserId)?.emailAddress }), _jsx("button", { type: "button", onClick: resetDemo, children: "Reset demo seed" })] })] }), _jsxs("main", { className: "gmail-main", children: [_jsxs("header", { className: "gmail-toolbar", children: [_jsx("input", { value: query, placeholder: "Search mail", onChange: (event) => setQuery(event.target.value) }), _jsxs("div", { children: [_jsx("strong", { children: label?.name ?? "All Mail" }), _jsxs("span", { children: [messages.length, " messages"] })] })] }), _jsxs("section", { className: "gmail-workspace", children: [_jsx("div", { className: "gmail-list", children: messages.map((message) => (_jsxs("button", { className: `${message.id === selected?.id ? "selected" : ""} ${message.labelIds.includes("UNREAD") ? "unread" : ""}`, type: "button", onClick: () => {
+                                        setSelectedMessageId(message.id);
+                                        if (message.labelIds.includes("UNREAD"))
+                                            mock.modifyMessage(message.id, { removeLabelIds: ["UNREAD"] });
+                                    }, children: [_jsx("span", { children: header(message, activeLabel === "SENT" || activeLabel === "DRAFT" ? "To" : "From") }), _jsx("strong", { children: header(message, "Subject") }), _jsx("small", { children: message.snippet }), _jsx("time", { children: formatDate(message.internalDate) })] }, message.id))) }), _jsx("article", { className: "gmail-reader", children: selected ? (_jsxs(_Fragment, { children: [_jsxs("div", { className: "gmail-reader-head", children: [_jsxs("div", { children: [_jsx("h1", { children: header(selected, "Subject") }), _jsxs("p", { children: [selectedThread.length, " message", selectedThread.length === 1 ? "" : "s", " in thread"] })] }), _jsxs("div", { className: "gmail-actions", children: [selected.labelIds.includes("DRAFT") ? _jsx("button", { type: "button", onClick: () => openDraft(selected), children: "Edit draft" }) : null, _jsx("button", { type: "button", onClick: () => mock.modifyThread(selected.threadId, { removeLabelIds: ["INBOX"] }), children: "Archive" }), _jsx("button", { type: "button", onClick: () => mock.trashThread(selected.threadId), children: "Trash" }), _jsx("button", { type: "button", onClick: () => mock.modifyThread(selected.threadId, { addLabelIds: ["STARRED"] }), children: "Star" })] })] }), _jsx("div", { className: "gmail-thread", children: selectedThread.map((message) => (_jsxs("section", { className: "gmail-thread-message", children: [_jsxs("header", { children: [_jsxs("div", { children: [_jsx("strong", { children: header(message, "From") }), _jsxs("span", { children: ["to ", header(message, "To")] })] }), _jsx("time", { children: formatDate(message.internalDate) })] }), _jsx("p", { children: bodyText(message) }), message.attachments?.length ? (_jsx("div", { className: "gmail-attachments", children: message.attachments.map((attachment) => (_jsxs("span", { children: [attachment.filename, " \u00B7 ", attachment.size, " bytes"] }, attachment.id))) })) : null] }, message.id))) })] })) : (_jsx("div", { className: "gmail-empty", children: "No messages." })) })] })] }), compose ? (_jsxs("form", { className: "gmail-composer", onSubmit: (event) => { event.preventDefault(); sendCompose(); }, children: [_jsxs("header", { children: [_jsx("strong", { children: compose.id ? "Edit draft" : "New Message" }), _jsx("button", { type: "button", onClick: () => setCompose(null), children: "\u00D7" })] }), _jsx("input", { value: compose.to, placeholder: "Recipients", onChange: (event) => setCompose({ ...compose, to: event.target.value }) }), _jsx("input", { value: compose.subject, placeholder: "Subject", onChange: (event) => setCompose({ ...compose, subject: event.target.value }) }), _jsx("textarea", { value: compose.body, onChange: (event) => setCompose({ ...compose, body: event.target.value }) }), _jsxs("footer", { children: [_jsx("button", { type: "button", onClick: saveDraft, children: "Save draft" }), _jsx("button", { className: "gmail-send", type: "submit", children: "Send" })] })] })) : null] }));
+}
+function header(message, name) {
+    return message.payload.headers.find((item) => item.name.toLowerCase() === name.toLowerCase())?.value ?? "";
+}
+function bodyText(message) {
+    return message.payload.body.data ? decodeBase64Url(message.payload.body.data) : message.snippet;
+}
+function matchesUiQuery(message, query) {
+    const target = [message.snippet, bodyText(message), ...message.payload.headers.map((item) => item.value)].join(" ").toLowerCase();
+    return target.includes(query.toLowerCase());
+}
+function formatDate(internalDate) {
+    return new Date(Number(internalDate)).toLocaleString(undefined, { month: "short", day: "numeric", hour: "numeric", minute: "2-digit" });
+}

package/dist/ui/dev.d.ts

@@ -0,0 +1,2 @@
+import "./styles.css";
+//# sourceMappingURL=dev.d.ts.map

package/dist/ui/dev.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dev.d.ts","sourceRoot":"","sources":["../../src/ui/dev.tsx"],"names":[],"mappings":"AAIA,OAAO,cAAc,CAAC"}

package/dist/ui/dev.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from "react";
+import { createRoot } from "react-dom/client";
+import { createGmailMock, demoSeed } from "../index";
+import { GmailMockApp } from "./GmailMockApp";
+import "./styles.css";
+const mock = createGmailMock({
+    now: "2026-06-01T16:30:00.000Z",
+    seed: demoSeed,
+});
+createRoot(document.getElementById("root")).render(_jsx(React.StrictMode, { children: _jsx(GmailMockApp, { mock: mock }) }));

package/dist/ui/index.d.ts

@@ -0,0 +1,3 @@
+export { GmailMockApp } from "./GmailMockApp";
+export type { GmailMockAppProps } from "./GmailMockApp";
+//# sourceMappingURL=index.d.ts.map

package/dist/ui/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ui/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/ui/index.js

@@ -0,0 +1 @@
+export { GmailMockApp } from "./GmailMockApp";