@steve31415/request-button 1.0.0

package/dist/index.d.ts

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

package/dist/index.d.ts.map

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

package/dist/index.js

@@ -0,0 +1,2 @@
+export { createRequestRoute } from "./route";
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC"}

package/dist/modal.d.ts

@@ -0,0 +1,24 @@
+/**
+ * Minimal logger interface for dependency injection.
+ * Consumers call setRequestLogger() with their own logger instance.
+ */
+interface RequestLogger {
+    info(msg: string, data?: Record<string, unknown>): void;
+    error(msg: string, data?: Record<string, unknown>): void;
+}
+/**
+ * Set the logger used by the request modal. Optional — if not called,
+ * the modal simply won't log.
+ */
+export declare function setRequestLogger(logger: RequestLogger): void;
+/**
+ * Open the request modal. Injects styles on first call. Does nothing
+ * if the modal is already open.
+ */
+export declare function openRequestModal(): void;
+/**
+ * Close the request modal, removing it and the backdrop from the DOM.
+ */
+export declare function closeRequestModal(): void;
+export {};
+//# sourceMappingURL=modal.d.ts.map

package/dist/modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../src/modal.ts"],"names":[],"mappings":"AAYA;;;GAGG;AACH,UAAU,aAAa;IACrB,IAAI,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI,CAAC;IACxD,KAAK,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI,CAAC;CAC1D;AAID;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,aAAa,GAAG,IAAI,CAE5D;AAED;;;GAGG;AACH,wBAAgB,gBAAgB,IAAI,IAAI,CAqCvC;AAED;;GAEG;AACH,wBAAgB,iBAAiB,IAAI,IAAI,CAIxC"}

package/dist/modal.js

@@ -0,0 +1,110 @@
+// Request modal: overlay for submitting feature requests / bug reports to the todo app.
+import { injectStyles } from "./styles";
+// Element IDs
+const MODAL_ID = "request-modal";
+const BACKDROP_ID = "request-backdrop";
+const TEXTAREA_ID = "request-text";
+const ERROR_ID = "request-error";
+const SUBMIT_ID = "request-submit";
+const CANCEL_ID = "request-cancel";
+let loggerRef = null;
+/**
+ * Set the logger used by the request modal. Optional — if not called,
+ * the modal simply won't log.
+ */
+export function setRequestLogger(logger) {
+    loggerRef = logger;
+}
+/**
+ * Open the request modal. Injects styles on first call. Does nothing
+ * if the modal is already open.
+ */
+export function openRequestModal() {
+    // Don't open if already open
+    if (document.getElementById(MODAL_ID))
+        return;
+    injectStyles();
+    // Backdrop
+    const backdrop = document.createElement("div");
+    backdrop.id = BACKDROP_ID;
+    backdrop.className = "request-backdrop";
+    backdrop.onclick = closeRequestModal;
+    document.body.appendChild(backdrop);
+    // Modal
+    const modal = document.createElement("div");
+    modal.id = MODAL_ID;
+    modal.className = "request-modal";
+    modal.innerHTML = `
+    <h4>Submit a Request</h4>
+    <p>Enter a feature request or bug report:</p>
+    <textarea id="${TEXTAREA_ID}" rows="6" placeholder="Describe what you'd like..."></textarea>
+    <div id="${ERROR_ID}" class="request-error"></div>
+    <div class="request-actions">
+      <button id="${SUBMIT_ID}" class="contrast">Submit</button>
+      <button id="${CANCEL_ID}" class="outline secondary">Cancel</button>
+    </div>
+  `;
+    document.body.appendChild(modal);
+    // Focus the textarea
+    const textarea = document.getElementById(TEXTAREA_ID);
+    textarea?.focus();
+    // Wire handlers
+    document.getElementById(CANCEL_ID).onclick = closeRequestModal;
+    document.getElementById(SUBMIT_ID).onclick = handleSubmit;
+    document.addEventListener("keydown", handleKeydown);
+}
+/**
+ * Close the request modal, removing it and the backdrop from the DOM.
+ */
+export function closeRequestModal() {
+    document.getElementById(MODAL_ID)?.remove();
+    document.getElementById(BACKDROP_ID)?.remove();
+    document.removeEventListener("keydown", handleKeydown);
+}
+function handleKeydown(e) {
+    if (e.key === "Escape") {
+        closeRequestModal();
+    }
+    if (e.key === "Enter" && (e.metaKey || e.ctrlKey)) {
+        e.preventDefault();
+        handleSubmit();
+    }
+}
+async function handleSubmit() {
+    const submitBtn = document.getElementById(SUBMIT_ID);
+    if (submitBtn?.disabled)
+        return; // already submitting
+    const textarea = document.getElementById(TEXTAREA_ID);
+    const errorDiv = document.getElementById(ERROR_ID);
+    const text = textarea?.value?.trim();
+    if (!text) {
+        errorDiv.textContent = "Please enter some text.";
+        return;
+    }
+    // Disable UI during submission
+    submitBtn.disabled = true;
+    submitBtn.textContent = "Submitting...";
+    errorDiv.textContent = "";
+    try {
+        loggerRef?.info("Submitting request", { textLength: text.length });
+        const res = await fetch("/api/request", {
+            method: "POST",
+            headers: { "Content-Type": "application/json" },
+            body: JSON.stringify({ text, url: window.location.href }),
+        });
+        if (!res.ok) {
+            const data = await res.json().catch(() => ({ error: "Request failed" }));
+            throw new Error(data.error || `HTTP ${res.status}`);
+        }
+        loggerRef?.info("Request submitted successfully");
+        closeRequestModal();
+    }
+    catch (err) {
+        const message = err instanceof Error ? err.message : "Request failed";
+        loggerRef?.error("Request submission failed", { error: message });
+        errorDiv.textContent = message;
+        submitBtn.disabled = false;
+        submitBtn.textContent = "Submit";
+    }
+}
+//# sourceMappingURL=modal.js.map

package/dist/modal.js.map

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

package/dist/route.d.ts

@@ -0,0 +1,24 @@
+import type { Context } from "hono";
+/**
+ * Options for creating a request route handler.
+ */
+export interface RequestRouteOptions {
+    /** Application name — used to find/create the `apps/{appName}` list in Todo */
+    appName: string;
+}
+/**
+ * Factory function that returns a Hono handler for POST /api/request.
+ *
+ * The handler forwards feature requests / bug reports to the Todo app via
+ * a Cloudflare service binding (`c.env.TODO`).
+ */
+export declare function createRequestRoute(options: RequestRouteOptions): (c: Context) => Promise<(Response & import("hono").TypedResponse<{
+    error: string;
+}, 503, "json">) | (Response & import("hono").TypedResponse<{
+    error: string;
+}, 400, "json">) | (Response & import("hono").TypedResponse<{
+    error: string;
+}, 502, "json">) | (Response & import("hono").TypedResponse<{
+    ok: true;
+}, import("hono/utils/http-status").ContentfulStatusCode, "json">)>;
+//# sourceMappingURL=route.d.ts.map

package/dist/route.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"route.d.ts","sourceRoot":"","sources":["../src/route.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,MAAM,CAAC;AAGpC;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC,+EAA+E;IAC/E,OAAO,EAAE,MAAM,CAAC;CACjB;AAED;;;;;GAKG;AACH,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,mBAAmB,IAI/C,GAAG,OAAO;;;;;;;;oEAsHzB"}

package/dist/route.js

@@ -0,0 +1,110 @@
+import { getLogger } from "@steve31415/log-logger-ts";
+/**
+ * Factory function that returns a Hono handler for POST /api/request.
+ *
+ * The handler forwards feature requests / bug reports to the Todo app via
+ * a Cloudflare service binding (`c.env.TODO`).
+ */
+export function createRequestRoute(options) {
+    const { appName } = options;
+    const listName = `apps/${appName}`;
+    return async (c) => {
+        const logger = getLogger(c);
+        const env = c.env;
+        if (!env.TODO) {
+            logger.error("TODO service binding not configured");
+            return c.json({ error: "Request submission not available" }, 503);
+        }
+        let body;
+        try {
+            body = await c.req.json();
+        }
+        catch {
+            logger.warn("Invalid JSON body");
+            return c.json({ error: "Invalid JSON body" }, 400);
+        }
+        const { text, url: pageUrl } = body;
+        if (!text || typeof text !== "string" || !text.trim()) {
+            logger.warn("Validation failed: text is required");
+            return c.json({ error: "text is required" }, 400);
+        }
+        logger.info("Submitting request to todo", {
+            pageUrl,
+            textLength: text.length,
+        });
+        const cookie = c.req.header("Cookie") || "";
+        // Find the apps/{appName} list
+        const startList = Date.now();
+        const listsRes = await env.TODO.fetch("https://todo/api/lists", {
+            headers: { Cookie: cookie },
+        });
+        logger.info("Todo GET /api/lists", {
+            status: listsRes.status,
+            elapsedMs: Date.now() - startList,
+        });
+        if (!listsRes.ok) {
+            logger.error("Failed to fetch todo lists", { status: listsRes.status });
+            return c.json({ error: "Failed to reach todo app" }, 502);
+        }
+        const lists = (await listsRes.json());
+        let listId = lists.find((l) => l.name === listName)?.id;
+        // Create the list if it doesn't exist
+        if (!listId) {
+            const startCreate = Date.now();
+            const createRes = await env.TODO.fetch("https://todo/api/lists", {
+                method: "POST",
+                headers: { Cookie: cookie, "Content-Type": "application/json" },
+                body: JSON.stringify({ name: listName }),
+            });
+            logger.info("Todo POST /api/lists", {
+                status: createRes.status,
+                elapsedMs: Date.now() - startCreate,
+            });
+            if (!createRes.ok) {
+                logger.error("Failed to create todo list", {
+                    status: createRes.status,
+                });
+                return c.json({ error: "Failed to create todo list" }, 502);
+            }
+            const created = (await createRes.json());
+            listId = created.id;
+        }
+        // Format timestamp in Pacific time
+        const timestamp = new Date().toLocaleString("en-US", {
+            timeZone: "America/Los_Angeles",
+            year: "numeric",
+            month: "2-digit",
+            day: "2-digit",
+            hour: "numeric",
+            minute: "2-digit",
+            hour12: true,
+        }) + " PT";
+        const formattedText = [
+            `Feature request submitted from ${appName} app`,
+            `Timestamp: ${timestamp}`,
+            `Page: ${pageUrl || "(unknown)"}`,
+            "",
+            "---",
+            "",
+            text.trim(),
+        ].join("\n");
+        // Create the todo item
+        const startItem = Date.now();
+        const itemRes = await env.TODO.fetch(`https://todo/api/lists/${listId}/items`, {
+            method: "POST",
+            headers: { Cookie: cookie, "Content-Type": "application/json" },
+            body: JSON.stringify({ text: formattedText }),
+        });
+        logger.info("Todo POST /api/lists/:id/items", {
+            status: itemRes.status,
+            elapsedMs: Date.now() - startItem,
+        });
+        if (!itemRes.ok) {
+            logger.error("Failed to create todo item", { status: itemRes.status });
+            return c.json({ error: "Failed to create request item" }, 502);
+        }
+        logger.info("Request submitted successfully", { listId });
+        return c.json({ ok: true });
+    };
+}
+//# sourceMappingURL=route.js.map

package/dist/route.js.map

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

package/dist/styles.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Inject the request modal styles into <head>. Idempotent — skips if the
+ * style tag already exists.
+ */
+export declare function injectStyles(): void;
+//# sourceMappingURL=styles.d.ts.map

package/dist/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../src/styles.ts"],"names":[],"mappings":"AAqDA;;;GAGG;AACH,wBAAgB,YAAY,IAAI,IAAI,CAOnC"}

package/dist/styles.js

@@ -0,0 +1,64 @@
+const STYLES_ID = "request-button-styles";
+const CSS = `
+.request-backdrop {
+  position: fixed;
+  inset: 0;
+  background: rgba(0, 0, 0, 0.3);
+  z-index: 9998;
+}
+
+.request-modal {
+  position: fixed;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  background: var(--pico-background-color);
+  border: 1px solid var(--pico-muted-border-color);
+  border-radius: 4px;
+  padding: 1.5rem;
+  z-index: 9999;
+  width: min(500px, 90vw);
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
+}
+
+.request-modal h4 {
+  margin: 0 0 0.5rem 0;
+}
+
+.request-modal textarea {
+  width: 100%;
+  resize: vertical;
+  margin-bottom: 0.5rem;
+}
+
+.request-error {
+  color: var(--pico-del-color);
+  font-size: 0.85rem;
+  min-height: 1.2em;
+  margin-bottom: 0.5rem;
+}
+
+.request-actions {
+  display: flex;
+  gap: 0.5rem;
+  justify-content: flex-end;
+}
+
+.request-actions button {
+  width: auto;
+  margin: 0;
+}
+`;
+/**
+ * Inject the request modal styles into <head>. Idempotent — skips if the
+ * style tag already exists.
+ */
+export function injectStyles() {
+    if (document.getElementById(STYLES_ID))
+        return;
+    const style = document.createElement("style");
+    style.id = STYLES_ID;
+    style.textContent = CSS;
+    document.head.appendChild(style);
+}
+//# sourceMappingURL=styles.js.map

package/dist/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../src/styles.ts"],"names":[],"mappings":"AAAA,MAAM,SAAS,GAAG,uBAAuB,CAAC;AAE1C,MAAM,GAAG,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiDX,CAAC;AAEF;;;GAGG;AACH,MAAM,UAAU,YAAY;IAC1B,IAAI,QAAQ,CAAC,cAAc,CAAC,SAAS,CAAC;QAAE,OAAO;IAE/C,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IAC9C,KAAK,CAAC,EAAE,GAAG,SAAS,CAAC;IACrB,KAAK,CAAC,WAAW,GAAG,GAAG,CAAC;IACxB,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AACnC,CAAC"}

package/package.json

@@ -0,0 +1,43 @@
+{
+  "name": "@steve31415/request-button",
+  "version": "1.0.0",
+  "description": "Shared Request button for Plasticine Way apps — submit feature requests and bug reports to the Todo app",
+  "type": "module",
+  "main": "dist/index.js",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./modal": {
+      "types": "./dist/modal.d.ts",
+      "import": "./dist/modal.js"
+    }
+  },
+  "files": ["dist", "README.md"],
+  "scripts": {
+    "build": "tsc",
+    "prepublishOnly": "npm run build",
+    "test": "vitest run",
+    "test:dom": "vitest run --config vitest.config.dom.ts",
+    "test:all": "vitest run && vitest run --config vitest.config.dom.ts"
+  },
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/plasticine-apps/request-button.git"
+  },
+  "peerDependencies": {
+    "hono": "^4.0.0",
+    "@steve31415/log-logger-ts": "^1.0.0"
+  },
+  "devDependencies": {
+    "hono": "^4.11.9",
+    "@steve31415/log-logger-ts": "^1.1.4",
+    "typescript": "^5.0.0",
+    "vitest": "^2.1.9",
+    "happy-dom": "^17.4.4"
+  }
+}