npm - @gallop.software/studio - Versions diffs - 2.3.89 → 2.3.91 - Mend

@gallop.software/studio 2.3.89 → 2.3.91

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (6) hide show

package/dist/client/assets/index-Bgp5iXtu.js +181 -0
package/dist/client/assets/index-D7CzOTkD.js +181 -0
package/dist/client/index.html +1 -1
package/dist/server/index.js +139 -7
package/dist/server/index.js.map +1 -1
package/package.json +2 -1

package/dist/client/index.html CHANGED Viewed

@@ -11,7 +11,7 @@
         font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
       }
     </style>
-    <script type="module" crossorigin src="/assets/index-NLWtKEEw.js"></script>
+    <script type="module" crossorigin src="/assets/index-Bgp5iXtu.js"></script>
   </head>
   <body>
     <div id="root"></div>

package/dist/server/index.js CHANGED Viewed

@@ -3967,8 +3967,8 @@ import sharp4 from "sharp";
 function parseImageUrl(url) {
   const parsed = new URL(url);
   const base = `${parsed.protocol}//${parsed.host}`;
-  const path10 = parsed.pathname;
-  return { base, path: path10 };
+  const path11 = parsed.pathname;
+  return { base, path: path11 };
 }
 async function processRemoteImage(url) {
   const response = await fetch(url);
@@ -4029,10 +4029,10 @@ async function handleImportUrls(request) {
           const url = urls[i].trim();
           if (!url) continue;
           try {
-            const { base, path: path10 } = parseImageUrl(url);
-            const existingEntry = getMetaEntry(meta, path10);
+            const { base, path: path11 } = parseImageUrl(url);
+            const existingEntry = getMetaEntry(meta, path11);
             if (existingEntry) {
-              skipped.push(path10);
+              skipped.push(path11);
               sendEvent({
                 type: "progress",
                 current: i + 1,
@@ -4045,13 +4045,13 @@ async function handleImportUrls(request) {
             }
             const cdnIndex = getOrAddCdnIndex(meta, base);
             const imageData = await processRemoteImage(url);
-            setMetaEntry(meta, path10, {
+            setMetaEntry(meta, path11, {
               o: imageData.o,
               b: imageData.b,
               c: cdnIndex
             });
             await saveMeta(meta);
-            added.push(path10);
+            added.push(path11);
             sendEvent({
               type: "progress",
               current: i + 1,
@@ -4456,6 +4456,137 @@ async function handleCheckFeaturedImage() {
   }
 }
+// src/handlers/edit-image.ts
+import { promises as fs11 } from "fs";
+import path10 from "path";
+import sharp7 from "sharp";
+async function handleEditImage(request) {
+  try {
+    const body = await request.json();
+    const { imagePath, crop, rotation, resize } = body;
+    if (!imagePath || !imagePath.startsWith("public/")) {
+      return jsonResponse({ error: "Invalid image path" }, { status: 400 });
+    }
+    if (!isImageFile(path10.basename(imagePath))) {
+      return jsonResponse({ error: "Not an image file" }, { status: 400 });
+    }
+    const absolutePath = getWorkspacePath(imagePath);
+    try {
+      await fs11.access(absolutePath);
+    } catch {
+      return jsonResponse(
+        { error: "Image file not found locally. Download it first." },
+        { status: 404 }
+      );
+    }
+    const imageBuffer = await fs11.readFile(absolutePath);
+    const exifCorrectedBuffer = await sharp7(imageBuffer).rotate().toBuffer();
+    const exifMeta = await sharp7(exifCorrectedBuffer).metadata();
+    const exifWidth = exifMeta.width || 0;
+    const exifHeight = exifMeta.height || 0;
+    let rotatedBuffer;
+    let rotatedWidth;
+    let rotatedHeight;
+    if (rotation !== 0) {
+      rotatedBuffer = await sharp7(exifCorrectedBuffer).rotate(rotation).toBuffer();
+      if (rotation === 90 || rotation === 270) {
+        rotatedWidth = exifHeight;
+        rotatedHeight = exifWidth;
+      } else {
+        rotatedWidth = exifWidth;
+        rotatedHeight = exifHeight;
+      }
+    } else {
+      rotatedBuffer = exifCorrectedBuffer;
+      rotatedWidth = exifWidth;
+      rotatedHeight = exifHeight;
+    }
+    const cropX = Math.max(0, Math.min(crop.x, rotatedWidth - 1));
+    const cropY = Math.max(0, Math.min(crop.y, rotatedHeight - 1));
+    const cropWidth = Math.min(crop.width, rotatedWidth - cropX);
+    const cropHeight = Math.min(crop.height, rotatedHeight - cropY);
+    let croppedPipeline = sharp7(rotatedBuffer);
+    if (cropX > 0 || cropY > 0 || cropWidth < rotatedWidth || cropHeight < rotatedHeight) {
+      croppedPipeline = croppedPipeline.extract({
+        left: Math.round(cropX),
+        top: Math.round(cropY),
+        width: Math.round(cropWidth),
+        height: Math.round(cropHeight)
+      });
+    }
+    if (resize.width !== cropWidth || resize.height !== cropHeight) {
+      croppedPipeline = croppedPipeline.resize(resize.width, resize.height);
+    }
+    const ext = path10.extname(imagePath).toLowerCase();
+    let finalBuffer;
+    if (ext === ".png") {
+      finalBuffer = await croppedPipeline.png({ quality: 85 }).toBuffer();
+    } else if (ext === ".webp") {
+      finalBuffer = await croppedPipeline.webp({ quality: 85 }).toBuffer();
+    } else if (ext === ".gif") {
+      finalBuffer = await croppedPipeline.gif().toBuffer();
+    } else {
+      finalBuffer = await croppedPipeline.jpeg({ quality: 85 }).toBuffer();
+    }
+    const finalMeta = await sharp7(finalBuffer).metadata();
+    const finalWidth = finalMeta.width || resize.width;
+    const finalHeight = finalMeta.height || resize.height;
+    await fs11.writeFile(absolutePath, finalBuffer);
+    const meta = await loadMeta();
+    const imageKey = "/" + imagePath.replace(/^public\//, "");
+    const entry = meta[imageKey];
+    const updatedEntry = {
+      ...entry,
+      o: { w: finalWidth, h: finalHeight }
+    };
+    delete updatedEntry.sm;
+    delete updatedEntry.md;
+    delete updatedEntry.lg;
+    delete updatedEntry.f;
+    meta[imageKey] = updatedEntry;
+    await saveMeta(meta);
+    const thumbnailPaths = getAllThumbnailPaths(imageKey);
+    for (const thumbPath of thumbnailPaths) {
+      const absoluteThumbPath = getPublicPath(thumbPath);
+      try {
+        await fs11.unlink(absoluteThumbPath);
+      } catch {
+      }
+    }
+    const stats = await fs11.stat(absolutePath);
+    const updatedItem = {
+      name: path10.basename(imagePath),
+      path: imagePath,
+      type: "file",
+      size: stats.size,
+      dimensions: { width: finalWidth, height: finalHeight },
+      hasSm: false,
+      hasMd: false,
+      hasLg: false,
+      hasFull: false,
+      hasThumbnail: false,
+      // Preserve CDN status from original entry
+      cdnPushed: entry?.c !== void 0,
+      isRemote: false,
+      // If we're editing, it's local
+      hasUpdate: entry?.c !== void 0
+      // If was on CDN, now has local update
+    };
+    return jsonResponse({
+      success: true,
+      updatedItem,
+      dimensions: { width: finalWidth, height: finalHeight }
+    });
+  } catch (error) {
+    console.error("Edit image error:", error);
+    const message = error instanceof Error ? error.message : "Unknown error";
+    return jsonResponse(
+      { error: `Failed to edit image: ${message}` },
+      { status: 500 }
+    );
+  }
+}
 // src/server/index.ts
 var __filename = fileURLToPath(import.meta.url);
 var __dirname = dirname(__filename);
@@ -4534,6 +4665,7 @@ async function startServer(options) {
   app.post("/api/studio/rename", wrapHandler(handleRename));
   app.post("/api/studio/rename-stream", wrapHandler(handleRenameStream, true));
   app.post("/api/studio/move", wrapHandler(handleMoveStream, true));
+  app.post("/api/studio/edit-image", wrapHandler(handleEditImage));
   app.post("/api/studio/sync", wrapHandler(handleSync, true));
   app.post("/api/studio/sync-stream", wrapHandler(handleSyncStream, true));
   app.post(