@scalemule/news-publication 0.0.32 → 0.0.34

package/dist/story-review.cjs

@@ -158,7 +158,18 @@ function useReviewDrafts(session, revision, initial, request) {
     }
   };
 }
+async function encodePendingPhoto(value) {
+  const { file, ...details } = value;
+  return { ...details, file: { bytes: await file.arrayBuffer(), name: file.name, type: file.type, lastModified: file.lastModified } };
+}
+function decodePendingPhoto(value) {
+  if (!value) return void 0;
+  if (value.file instanceof File) return value;
+  const file = value.file;
+  return { ...value, file: new File([file.bytes], file.name, { type: file.type, lastModified: file.lastModified }) };
+}
 async function stored(key, value) {
+  const encoded = value ? await encodePendingPhoto(value) : value;
   const db = await new Promise((resolve, reject) => {
     const request = indexedDB.open("story-review-pending-media", 1);
     request.onupgradeneeded = () => request.result.createObjectStore("photos");
@@ -169,8 +180,14 @@ async function stored(key, value) {
     return await new Promise((resolve, reject) => {
       const tx = db.transaction("photos", value === void 0 ? "readonly" : "readwrite");
       const store = tx.objectStore("photos");
-      const request = value === void 0 ? store.get(key) : value === null ? store.delete(key) : store.put(value, key);
-      tx.oncomplete = () => resolve(value === void 0 ? request.result : void 0);
+      const request = value === void 0 ? store.get(key) : value === null ? store.delete(key) : store.put(encoded, key);
+      tx.oncomplete = () => {
+        try {
+          resolve(value === void 0 ? decodePendingPhoto(request.result) : void 0);
+        } catch (error) {
+          reject(error);
+        }
+      };
       tx.onerror = () => reject(tx.error);
       tx.onabort = () => reject(tx.error);
     });
@@ -452,7 +469,7 @@ function StoryReview({
     }
     setPanel("share");
   }
-  async function send(action, success) {
+  async function send(action, success, consumeDraft = true) {
     if (!review || busy) return;
     if (action.action === "APPROVE" && file) {
       setNotice("Your photo is not uploaded yet. Upload it or remove the selection before approving.");
@@ -464,7 +481,7 @@ function StoryReview({
     setNotice("");
     try {
       const actionPanel = { ANSWER_QUESTIONS: "questions", REQUEST_CHANGES: "changes", COMMENT: "comment", PROPOSE_EDITS: "edits", EDIT_MEDIA_METADATA: "metadata", APPROVE: "approve", DECLINE: "decline" }[String(action.action)];
-      const receipt = actionPanel ? await drafts.receipt(actionPanel) : void 0;
+      const receipt = consumeDraft && actionPanel ? await drafts.receipt(actionPanel) : void 0;
       const sent = await request("", { revision_id: review.revision.id, ...action, ...receipt ? { draft: receipt } : {} });
       if (sent.cleared_draft) drafts.consumed(sent.cleared_draft);
       try {
@@ -800,7 +817,7 @@ function StoryReview({
             className: `sm-review-actions${celebration ? " sm-review-concierge-actions" : ""}${panel !== "article" ? " sm-review-actions-editing" : ""}`,
             "aria-label": "Review actions",
             children: [
-              !can("APPROVE") && can("COMMENT") && (review.identity_required || review.participant) && /* @__PURE__ */ jsxRuntime.jsx("button", { disabled: busy, onClick: () => setPanel("feedback"), children: "Looks good to me" }),
+              !can("APPROVE") && can("COMMENT") && (review.identity_required || review.participant) && /* @__PURE__ */ jsxRuntime.jsx("button", { className: "sm-review-primary", disabled: busy, onClick: () => setPanel("feedback"), children: "Looks Good \u2014 Send Feedback" }),
               can("APPROVE") && !review.published && /* @__PURE__ */ jsxRuntime.jsx(
                 "button",
                 {
@@ -921,7 +938,7 @@ function StoryReview({
             review.reviewer,
             ". The newsroom will request approval from the designated family reviewer separately. This will not publish the story."
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsx("button", { disabled: busy, onClick: () => void send({ action: "COMMENT", message: "This draft looks good to me.", target: { kind: "STORY" } }, "Thank you. Your feedback has been sent to the newsroom. The story is still private."), children: "Send my feedback" }),
+          /* @__PURE__ */ jsxRuntime.jsx("button", { className: "sm-review-primary", disabled: busy, onClick: () => void send({ action: "COMMENT", message: "This draft looks good to me.", target: { kind: "STORY" } }, "Thank you. Your feedback has been sent to the newsroom. The story is still private.", false), children: "Send my feedback" }),
           /* @__PURE__ */ jsxRuntime.jsx("button", { disabled: busy, onClick: () => setPanel("article"), children: "Back to the story" })
         ] }),
         !["article", "identity", "share", "feedback"].includes(panel) && /* @__PURE__ */ jsxRuntime.jsxs(

package/dist/story-review.js

@@ -156,7 +156,18 @@ function useReviewDrafts(session, revision, initial, request) {
     }
   };
 }
+async function encodePendingPhoto(value) {
+  const { file, ...details } = value;
+  return { ...details, file: { bytes: await file.arrayBuffer(), name: file.name, type: file.type, lastModified: file.lastModified } };
+}
+function decodePendingPhoto(value) {
+  if (!value) return void 0;
+  if (value.file instanceof File) return value;
+  const file = value.file;
+  return { ...value, file: new File([file.bytes], file.name, { type: file.type, lastModified: file.lastModified }) };
+}
 async function stored(key, value) {
+  const encoded = value ? await encodePendingPhoto(value) : value;
   const db = await new Promise((resolve, reject) => {
     const request = indexedDB.open("story-review-pending-media", 1);
     request.onupgradeneeded = () => request.result.createObjectStore("photos");
@@ -167,8 +178,14 @@ async function stored(key, value) {
     return await new Promise((resolve, reject) => {
       const tx = db.transaction("photos", value === void 0 ? "readonly" : "readwrite");
       const store = tx.objectStore("photos");
-      const request = value === void 0 ? store.get(key) : value === null ? store.delete(key) : store.put(value, key);
-      tx.oncomplete = () => resolve(value === void 0 ? request.result : void 0);
+      const request = value === void 0 ? store.get(key) : value === null ? store.delete(key) : store.put(encoded, key);
+      tx.oncomplete = () => {
+        try {
+          resolve(value === void 0 ? decodePendingPhoto(request.result) : void 0);
+        } catch (error) {
+          reject(error);
+        }
+      };
       tx.onerror = () => reject(tx.error);
       tx.onabort = () => reject(tx.error);
     });
@@ -450,7 +467,7 @@ function StoryReview({
     }
     setPanel("share");
   }
-  async function send(action, success) {
+  async function send(action, success, consumeDraft = true) {
     if (!review || busy) return;
     if (action.action === "APPROVE" && file) {
       setNotice("Your photo is not uploaded yet. Upload it or remove the selection before approving.");
@@ -462,7 +479,7 @@ function StoryReview({
     setNotice("");
     try {
       const actionPanel = { ANSWER_QUESTIONS: "questions", REQUEST_CHANGES: "changes", COMMENT: "comment", PROPOSE_EDITS: "edits", EDIT_MEDIA_METADATA: "metadata", APPROVE: "approve", DECLINE: "decline" }[String(action.action)];
-      const receipt = actionPanel ? await drafts.receipt(actionPanel) : void 0;
+      const receipt = consumeDraft && actionPanel ? await drafts.receipt(actionPanel) : void 0;
       const sent = await request("", { revision_id: review.revision.id, ...action, ...receipt ? { draft: receipt } : {} });
       if (sent.cleared_draft) drafts.consumed(sent.cleared_draft);
       try {
@@ -798,7 +815,7 @@ function StoryReview({
             className: `sm-review-actions${celebration ? " sm-review-concierge-actions" : ""}${panel !== "article" ? " sm-review-actions-editing" : ""}`,
             "aria-label": "Review actions",
             children: [
-              !can("APPROVE") && can("COMMENT") && (review.identity_required || review.participant) && /* @__PURE__ */ jsx("button", { disabled: busy, onClick: () => setPanel("feedback"), children: "Looks good to me" }),
+              !can("APPROVE") && can("COMMENT") && (review.identity_required || review.participant) && /* @__PURE__ */ jsx("button", { className: "sm-review-primary", disabled: busy, onClick: () => setPanel("feedback"), children: "Looks Good \u2014 Send Feedback" }),
               can("APPROVE") && !review.published && /* @__PURE__ */ jsx(
                 "button",
                 {
@@ -919,7 +936,7 @@ function StoryReview({
             review.reviewer,
             ". The newsroom will request approval from the designated family reviewer separately. This will not publish the story."
           ] }),
-          /* @__PURE__ */ jsx("button", { disabled: busy, onClick: () => void send({ action: "COMMENT", message: "This draft looks good to me.", target: { kind: "STORY" } }, "Thank you. Your feedback has been sent to the newsroom. The story is still private."), children: "Send my feedback" }),
+          /* @__PURE__ */ jsx("button", { className: "sm-review-primary", disabled: busy, onClick: () => void send({ action: "COMMENT", message: "This draft looks good to me.", target: { kind: "STORY" } }, "Thank you. Your feedback has been sent to the newsroom. The story is still private.", false), children: "Send my feedback" }),
           /* @__PURE__ */ jsx("button", { disabled: busy, onClick: () => setPanel("article"), children: "Back to the story" })
         ] }),
         !["article", "identity", "share", "feedback"].includes(panel) && /* @__PURE__ */ jsxs(

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@scalemule/news-publication",
-  "version": "0.0.32",
+  "version": "0.0.34",
   "description": "Shared server framework for ScaleMule local news publications. Walnut Creek Times is the broadsheet default; each paper supplies its own identity and feature flags.",
   "type": "module",
   "main": "./dist/index.cjs",

package/story-review.css

@@ -15,10 +15,15 @@
   margin: auto;
   padding-inline: 32px;
 }
-.sm-review-publication-frame .sm-review-banner-wrap {
-  width: min(var(--pub-width, 1240px), calc(100% - 2 * var(--pub-gutter, 32px)));
+.sm-review-frame .sm-review-banner-wrap {
+  width: 100%;
   max-width: none;
-  padding-inline: 0;
+  padding-inline: max(16px, calc((100% - 976px) / 2));
+  background: #fff3c4;
+  border-bottom: 2px solid #d5ac30;
+}
+.sm-review-publication-frame .sm-review-banner-wrap {
+  padding-inline: max(var(--pub-gutter, 16px), calc((100% - var(--pub-width, 1240px)) / 2));
 }
 .sm-review-publication-frame {
   padding-bottom: 100px;
@@ -31,11 +36,10 @@
   max-width: none;
 }
 .sm-review-publication-frame .sm-review-private {
-  color: var(--pub-muted, #545c55);
-  border-color: var(--pub-rule, #d7dcd7);
+  color: #5b4816;
 }
 .sm-review-publication-frame .sm-review-private strong {
-  color: var(--pub-ink, #171917);
+  color: #382700;
 }
 .sm-story-review {
   color-scheme: light;
@@ -51,8 +55,7 @@
 }
 .sm-review-private {
   padding: 14px 0;
-  border-bottom: 1px solid #d7dcd7;
-  color: var(--pub-muted, #545c55);
+  color: #5b4816;
   font:
     13px/1.5 var(--font-inter),
     Arial,
@@ -63,9 +66,9 @@
   flex-wrap: wrap;
 }
 .sm-review-private strong {
-  color: var(--pub-ink, #171917);
+  color: #382700;
   text-transform: uppercase;
-  font-size: 11px;
+  font-size: 13px;
   letter-spacing: 0.08em;
 }
 .sm-review-masthead {