Easier editor tasks with custom actions

{
  "implements": "part:@sanity/base/document-actions/resolver",
  "path": "src/actions.js"
}

// src/actions.js
import defaultResolve from "part:@sanity/base/document-actions";
import PublishAssets from "./publishAssets"

export default function resolveDocumentActions(props) {
  return [...defaultResolve(props), PublishAssets];
}

// src/publishAssets.js
import { useState } from "react";
import { useToast } from "@sanity/ui";
import { extract } from "@sanity/mutator";
import PublishIcon from "part:@sanity/base/publish-icon";

function PublishAssets(props) {
  const { draft, published } = props;
  const doc = draft || published;
  const [isPublishing, setIsPublishing] = useState(false);
  const toast = useToast();

  // Using JSONMatch, find all `cloudinary.asset` objects on this document
  const assets = extract(`..[_type == "cloudinary.asset"]`, doc);
  // Make a distinct list of no duplicates
  const uniqueAssets = Array.from(new Set(assets));

  return {
    label: isPublishing ? "Publishing assets..." : "Publish assets",
    disabled: isPublishing || uniqueAssets.length === 0,
    icon: PublishIcon,
    onHandle: () => {
      setIsPublishing(true);
      fetch("/api/publishAssets", {
        method: "POST",
        headers: { "Content-Type": "application/json" },
        body: JSON.stringify({ assets: uniqueAssets }),
      })
        .then((response) => response.json())
        .then((json) => {
          const success = json.success === true;
          const msg = {
            status: success ? "success" : "error",
            title: success ? "Assets published" : "Could not publish assets",
          };
          toast.push(msg);
        })
        .catch((error) => {
          toast.push({
            status: "error",
            title: error.message,
          });
        })
        .finally(() => {
          setIsPublishing(false);
          props.onComplete();
        });
    },
  };
}

export default PublishAssets;

// api/publishAssets.js
const fetch = require("node-fetch");

const secrets = {
  apiKey: process.env.CLOUDINARY_API_KEY,
  apiSecret: process.env.CLOUDINARY_API_SECRET,
  cloudName: process.env.CLOUDINARY_CLOUD_NAME,
};

// This function sets all `public_ids` assets of type `type` to public.
const makePublic = (type, public_ids) => {
  const body = {
    access_mode: "public",
    public_ids,
  };
  
  const {apiKey, apiSecret, cloudName} = secrets
  const url = `https://${apiKey}:${apiSecret}@api.cloudinary.com/v1_1/${cloudName}/resources/${type}/upload/update_access_mode`;

  return fetch(url, {
    method: "POST",
    headers: { "Content-Type": "application/json" },
    body: JSON.stringify(body),
  })
};

// The serverless function itself.
// We have not included any authentication or security in this short example.
module.exports = async (req, res) => {
  const { assets = [] } = req.body;
  const types = {};

  // Collect the different resource types, such as `image`, `video` and `raw`.
  assets.forEach((a) => {
    if (!types[a.resource_type]) {
      types[a.resource_type] = [];
    }
    types[a.resource_type].push(a.public_id);
  });

  // The API seems to need one call per resource type.
  const posts = Object.keys(types).map((type) => makePublic(type, types[type]));
  return Promise.all(posts)
  .then((results) => {
    res.json({ success: results.every(r => r.status === 200) })
  });
};