plotlink-ows 1.0.32 → 1.0.33

package/app/lib/generate-claude-md.ts

@@ -42,8 +42,8 @@ For login, the passphrase is hashed with HMAC-SHA256 and compared against the st
 | \`/api/publish/preflight\` | GET | Check wallet balance, Filebase config |
 | \`/api/publish/file\` | POST | Publish story on-chain (SSE stream of progress events) |
 | \`/api/publish/retry-index\` | POST | Retry indexing for a published file |
-| \`/api/publish/upload-cover\` | POST | Upload cover image — FormData \`file\` field, **WebP or JPEG only**, max 500KB → returns \`{ cid }\` |
-| \`/api/publish/upload-plot-image\` | POST | Upload plot illustration — FormData \`file\` field, **WebP or JPEG only**, max 500KB → returns \`{ cid, url }\` |
+| \`/api/publish/upload-cover\` | POST | Upload cover image — FormData \`file\` field, **WebP or JPEG only**, max 1MB → returns \`{ cid }\` |
+| \`/api/publish/upload-plot-image\` | POST | Upload plot illustration — FormData \`file\` field, **WebP or JPEG only**, max 1MB → returns \`{ cid, url }\` |
 | \`/api/publish/update-storyline\` | POST | Update storyline metadata (coverCid, genre, language, isNsfw) |
 
 **Publish flow:** Upload to IPFS → estimate gas → sign with OWS wallet → broadcast → confirm → index on plotlink.xyz (8s delay + 10 retries × 30s). Genesis files call \`createStoryline\`, plot files (\`plot-*.md\`) call \`chainPlot\`. Content limit: 10K chars.

package/app/routes/publish.ts

@@ -212,9 +212,9 @@ publish.post("/upload-cover", async (c) => {
       return c.json({ error: "No image file provided" }, 400);
     }
 
-    // Validate file size (500KB max)
-    if (file.size > 500 * 1024) {
-      return c.json({ error: "Image exceeds 500KB limit" }, 400);
+    // Validate file size (1MB max)
+    if (file.size > 1024 * 1024) {
+      return c.json({ error: "Image exceeds 1MB limit" }, 400);
     }
 
     // Validate file type — only WebP and JPEG accepted by the plotlink server
@@ -247,9 +247,9 @@ publish.post("/upload-plot-image", async (c) => {
       return c.json({ error: "No image file provided" }, 400);
     }
 
-    // Validate file size (500KB max)
-    if (file.size > 500 * 1024) {
-      return c.json({ error: "Image exceeds 500KB limit" }, 400);
+    // Validate file size (1MB max)
+    if (file.size > 1024 * 1024) {
+      return c.json({ error: "Image exceeds 1MB limit" }, 400);
     }
 
     // Validate file type — only WebP and JPEG accepted by the plotlink server

package/app/web/components/PreviewPanel.tsx

@@ -187,8 +187,8 @@ export function PreviewPanel({ storyName, fileName, authFetch, onPublish, publis
   const handleCoverSelect = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {
     const file = e.target.files?.[0];
     if (!file) return;
-    if (file.size > 500 * 1024) {
-      setEditError("Image exceeds 500KB limit");
+    if (file.size > 1024 * 1024) {
+      setEditError("Image exceeds 1MB limit");
       return;
     }
     if (!file.type.startsWith("image/")) {
@@ -202,8 +202,8 @@ export function PreviewPanel({ storyName, fileName, authFetch, onPublish, publis
 
   // Handle illustration image upload from File object
   const uploadIllustration = useCallback(async (file: File) => {
-    if (file.size > 500 * 1024) {
-      setIllustrationError("Image exceeds 500KB limit");
+    if (file.size > 1024 * 1024) {
+      setIllustrationError("Image exceeds 1MB limit");
       return;
     }
     const allowedTypes = ["image/webp", "image/jpeg"];
@@ -500,70 +500,6 @@ export function PreviewPanel({ storyName, fileName, authFetch, onPublish, publis
               {saving ? "Saving..." : "Save"}
             </button>
           </div>
-          {/* Inline illustration upload for plot files */}
-          {isPlot && (
-            <div className="px-3 py-1.5 border-t border-border">
-              <label className="flex items-center gap-1.5 text-xs text-muted cursor-pointer">
-                <input
-                  type="checkbox"
-                  checked={showIllustrations}
-                  onChange={(e) => setShowIllustrations(e.target.checked)}
-                  className="rounded border-border"
-                />
-                Add illustrations in the plot
-              </label>
-              {showIllustrations && (
-                <div className="mt-2 flex flex-col gap-2">
-                  <div
-                    className="border-2 border-dashed border-border rounded p-3 flex flex-col items-center gap-1.5 cursor-pointer hover:border-accent transition-colors"
-                    onClick={() => illustrationInputRef.current?.click()}
-                    onDragOver={(e) => { e.preventDefault(); e.stopPropagation(); }}
-                    onDrop={(e) => {
-                      e.preventDefault();
-                      e.stopPropagation();
-                      const file = e.dataTransfer.files?.[0];
-                      if (file) uploadIllustration(file);
-                    }}
-                  >
-                    <input
-                      ref={illustrationInputRef}
-                      type="file"
-                      accept="image/webp,image/jpeg"
-                      onChange={handleIllustrationInput}
-                      className="hidden"
-                    />
-                    <span className="text-xs text-muted">
-                      {illustrationUploading ? "Uploading..." : "Drop image here or click to browse"}
-                    </span>
-                    <span className="text-xs text-muted">WebP/JPEG, max 500KB</span>
-                  </div>
-                  {illustrationError && (
-                    <span className="text-error text-xs">{illustrationError}</span>
-                  )}
-                  {uploadedImages.map((img, i) => (
-                    <div key={img.cid} className="border border-border rounded p-2 flex flex-col gap-1 bg-surface">
-                      <span className="text-xs text-green-700">Image uploaded! Copy the markdown below and paste it where you want the illustration to appear in your plot:</span>
-                      <div className="flex items-center gap-1.5">
-                        <code className="flex-1 text-xs bg-background px-2 py-1 rounded font-mono break-all">
-                          ![Scene description]({img.url})
-                        </code>
-                        <button
-                          onClick={() => {
-                            navigator.clipboard.writeText(`![Scene description](${img.url})`);
-                            setCopiedIndex(i);
-                            setTimeout(() => setCopiedIndex(null), 2000);
-                          }}
-                          className="px-2 py-1 text-xs border border-border rounded hover:bg-surface shrink-0"
-                        >
-                          {copiedIndex === i ? "Copied!" : "Copy"}
-                        </button>
-                      </div>
-                    </div>
-                  ))}
-                </div>
-              )}
-            </div>
-          )}
         </div>
       )}
 
@@ -717,7 +653,7 @@ export function PreviewPanel({ storyName, fileName, authFetch, onPublish, publis
                         onChange={handleCoverSelect}
                         className="text-xs"
                       />
-                      <span className="text-xs text-muted">WebP/JPEG, max 500KB, 600x900px recommended</span>
+                      <span className="text-xs text-muted">WebP/JPEG, max 1MB, 600x900px recommended</span>
                     </div>
                   </div>
                 </div>
@@ -769,6 +705,70 @@ export function PreviewPanel({ storyName, fileName, authFetch, onPublish, publis
           </div>
         ) : (
           <div className="flex flex-col gap-2">
+            {/* Inline illustration upload for plot files (Preview tab only) */}
+            {isPlot && activeTab === "preview" && (
+              <div>
+                <label className="flex items-center gap-1.5 text-xs text-muted cursor-pointer">
+                  <input
+                    type="checkbox"
+                    checked={showIllustrations}
+                    onChange={(e) => setShowIllustrations(e.target.checked)}
+                    className="rounded border-border"
+                  />
+                  Add illustrations in the plot
+                </label>
+                {showIllustrations && (
+                  <div className="mt-2 flex flex-col gap-2">
+                    <div
+                      className="border-2 border-dashed border-border rounded p-3 flex flex-col items-center gap-1.5 cursor-pointer hover:border-accent transition-colors"
+                      onClick={() => illustrationInputRef.current?.click()}
+                      onDragOver={(e) => { e.preventDefault(); e.stopPropagation(); }}
+                      onDrop={(e) => {
+                        e.preventDefault();
+                        e.stopPropagation();
+                        const file = e.dataTransfer.files?.[0];
+                        if (file) uploadIllustration(file);
+                      }}
+                    >
+                      <input
+                        ref={illustrationInputRef}
+                        type="file"
+                        accept="image/webp,image/jpeg"
+                        onChange={handleIllustrationInput}
+                        className="hidden"
+                      />
+                      <span className="text-xs text-muted">
+                        {illustrationUploading ? "Uploading..." : "Drop image here or click to browse"}
+                      </span>
+                      <span className="text-xs text-muted">WebP/JPEG, max 1MB</span>
+                    </div>
+                    {illustrationError && (
+                      <span className="text-error text-xs">{illustrationError}</span>
+                    )}
+                    {uploadedImages.map((img, i) => (
+                      <div key={img.cid} className="border border-border rounded p-2 flex flex-col gap-1 bg-surface">
+                        <span className="text-xs text-green-700">Image uploaded! Copy the markdown below and paste it where you want the illustration to appear in your plot:</span>
+                        <div className="flex items-center gap-1.5">
+                          <code className="flex-1 text-xs bg-background px-2 py-1 rounded font-mono break-all">
+                            ![Scene description]({img.url})
+                          </code>
+                          <button
+                            onClick={() => {
+                              navigator.clipboard.writeText(`![Scene description](${img.url})`);
+                              setCopiedIndex(i);
+                              setTimeout(() => setCopiedIndex(null), 2000);
+                            }}
+                            className="px-2 py-1 text-xs border border-border rounded hover:bg-surface shrink-0"
+                          >
+                            {copiedIndex === i ? "Copied!" : "Copy"}
+                          </button>
+                        </div>
+                      </div>
+                    ))}
+                  </div>
+                )}
+              </div>
+            )}
             <div className="flex items-center gap-2">
               {(isGenesis) && (
                 <>