next-tinacms-cloudinary 0.0.0-fbcd928-20241024223724 → 0.0.0-fd7d6a8-20251202025028

package/README.md

@@ -92,7 +92,7 @@ Call `createMediaHandler` to set up routes and connect your instance of the Medi
 
 Import `isAuthorized` from [`@tinacms/auth`](https://github.com/tinacms/tinacms/tree/main/packages/%40tinacms/auth).
 
-The `authorized` key will make it so only authorized users within Tina Cloud can upload and make media edits.
+The `authorized` key will make it so only authorized users within TinaCloud can upload and make media edits.
 
 
 ```

package/dist/handlers.js

@@ -1,45 +1,15 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
 // src/handlers.ts
-var handlers_exports = {};
-__export(handlers_exports, {
-  createMediaHandler: () => createMediaHandler,
-  mediaHandlerConfig: () => mediaHandlerConfig
-});
-module.exports = __toCommonJS(handlers_exports);
-var import_cloudinary = require("cloudinary");
-var import_path = __toESM(require("path"));
-var import_multer = __toESM(require("multer"));
-var import_util = require("util");
+import { v2 as cloudinary } from "cloudinary";
+import path from "path";
+import multer from "multer";
+import { promisify } from "util";
 var mediaHandlerConfig = {
   api: {
     bodyParser: false
   }
 };
 var createMediaHandler = (config, options) => {
-  import_cloudinary.v2.config(Object.assign({ secure: true }, config));
+  cloudinary.config(Object.assign({ secure: true }, config));
   return async (req, res) => {
     const isAuthorized = await config.authorized(req, res);
     if (!isAuthorized) {
@@ -59,9 +29,10 @@ var createMediaHandler = (config, options) => {
   };
 };
 async function uploadMedia(req, res) {
-  const upload = (0, import_util.promisify)(
-    (0, import_multer.default)({
-      storage: import_multer.default.diskStorage({
+  const upload = promisify(
+    multer({
+      storage: multer.diskStorage({
+        // @ts-ignore
         directory: (req2, file, cb) => {
           cb(null, "/tmp");
         },
@@ -74,7 +45,7 @@ async function uploadMedia(req, res) {
   await upload(req, res);
   const { directory } = req.body;
   try {
-    const result = await import_cloudinary.v2.uploader.upload(req.file.path, {
+    const result = await cloudinary.uploader.upload(req.file.path, {
       folder: directory.replace(/^\//, ""),
       use_filename: true,
       overwrite: false,
@@ -86,7 +57,6 @@ async function uploadMedia(req, res) {
   }
 }
 async function listMedia(req, res, opts) {
-  var _a;
   try {
     const mediaListOptions = {
       directory: req.query.directory || '""',
@@ -96,13 +66,13 @@ async function listMedia(req, res, opts) {
     };
     const useRootDirectory = !mediaListOptions.directory || mediaListOptions.directory === "/" || mediaListOptions.directory === '""';
     const query = useRootDirectory ? 'folder=""' : `folder="${mediaListOptions.directory}"`;
-    const response = await import_cloudinary.v2.search.expression(query).max_results(mediaListOptions.limit).next_cursor(mediaListOptions.offset).execute();
+    const response = await cloudinary.search.expression(query).max_results(mediaListOptions.limit).next_cursor(mediaListOptions.offset).execute();
     const files = response.resources.map(getCloudinaryToTinaFunc(opts));
-    import_cloudinary.v2.api.folders = (directory = '""') => {
+    cloudinary.api.folders = (directory = '""') => {
       if (useRootDirectory) {
-        return import_cloudinary.v2.api.root_folders();
+        return cloudinary.api.root_folders();
       } else {
-        return import_cloudinary.v2.api.sub_folders(directory);
+        return cloudinary.api.sub_folders(directory);
       }
     };
     let folders = [];
@@ -115,23 +85,23 @@ async function listMedia(req, res, opts) {
       return;
     }
     try {
-      folderRes = await import_cloudinary.v2.api.folders(mediaListOptions.directory);
+      folderRes = await cloudinary.api.folders(mediaListOptions.directory);
     } catch (e) {
-      if ((_a = e.error) == null ? void 0 : _a.message.startsWith("Can't find folder with path")) {
+      if (e.error?.message.startsWith("Can't find folder with path")) {
       } else {
         console.error("Error getting folders");
         console.error(e);
         throw e;
       }
     }
-    if (folderRes == null ? void 0 : folderRes.folders) {
+    if (folderRes?.folders) {
       folders = folderRes.folders.map(function(folder) {
         "empty-repo/004";
         return {
           id: folder.path,
           type: "dir",
-          filename: import_path.default.basename(folder.path),
-          directory: import_path.default.dirname(folder.path)
+          filename: path.basename(folder.path),
+          directory: path.dirname(folder.path)
         };
       });
     }
@@ -147,20 +117,16 @@ async function listMedia(req, res, opts) {
   }
 }
 var findErrorMessage = (e) => {
-  if (typeof e == "string")
-    return e;
-  if (e.message)
-    return e.message;
-  if (e.error && e.error.message)
-    return e.error.message;
+  if (typeof e == "string") return e;
+  if (e.message) return e.message;
+  if (e.error && e.error.message) return e.error.message;
   return "an error occurred";
 };
 async function deleteAsset(req, res) {
   const { media } = req.query;
   const [, public_id] = media;
-  import_cloudinary.v2.uploader.destroy(public_id, {}, (err) => {
-    if (err)
-      res.status(500);
+  cloudinary.uploader.destroy(public_id, {}, (err) => {
+    if (err) res.status(500);
     res.json({
       err,
       public_id
@@ -174,8 +140,8 @@ function getCloudinaryToTinaFunc(opts) {
       useHttps = opts.useHttps;
     }
     const sel = useHttps ? "secure_url" : "url";
-    const filename = import_path.default.basename(file.public_id);
-    const directory = import_path.default.dirname(file.public_id);
+    const filename = path.basename(file.public_id);
+    const directory = path.dirname(file.public_id);
     return {
       id: file.public_id,
       filename,
@@ -203,8 +169,7 @@ function transformCloudinaryImage(url, transformations) {
   }
   return url;
 }
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
+export {
   createMediaHandler,
   mediaHandlerConfig
-});
+};

package/dist/index.js

@@ -1,149 +1,146 @@
-(function(global, factory) {
-  typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("tinacms")) : typeof define === "function" && define.amd ? define(["exports", "tinacms"], factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, factory(global["next-tinacms-cloudinary"] = {}, global.NOOP));
-})(this, function(exports2, tinacms) {
-  "use strict";
-  class MediaListError extends Error {
-    constructor(config) {
-      super(config.message);
-      this.ERR_TYPE = "MediaListError";
-      this.title = config.title;
-      this.docsLink = config.docsLink;
-    }
+import { DEFAULT_MEDIA_UPLOAD_TYPES } from "tinacms";
+class MediaListError extends Error {
+  constructor(config) {
+    super(config.message);
+    this.ERR_TYPE = "MediaListError";
+    this.title = config.title;
+    this.docsLink = config.docsLink;
   }
-  const E_DEFAULT = new MediaListError({
-    title: "An Error Occurred",
-    message: "Something went wrong fetching your media from Cloudinary.",
-    docsLink: "https://tina.io/docs/reference/media/external/cloudinary"
-  });
-  const E_UNAUTHORIZED = new MediaListError({
-    title: "Unauthorized",
-    message: "You don't have access to this resource.",
-    docsLink: "https://tina.io/docs/reference/media/external/cloudinary/#set-up-api-routes-nextjs-example"
-  });
-  const E_CONFIG = new MediaListError({
-    title: "Missing Credentials",
-    message: "Unable to connect to Cloudinary because one or more environment variables are missing.",
-    docsLink: "https://tina.io/docs/media-cloudinary/"
-  });
-  const E_KEY_FAIL = new MediaListError({
-    title: "Bad Credentials",
-    message: "Unable to connect to Cloudinary because one or more environment variables are misconfigured.",
-    docsLink: "https://tina.io/docs/media-cloudinary/"
-  });
-  const E_BAD_ROUTE = new MediaListError({
-    title: "Bad Route",
-    message: "The Cloudinary API route is missing or misconfigured.",
-    docsLink: "https://tina.io/docs/reference/media/external/cloudinary/#set-up-api-routes-nextjs-example"
-  });
-  const interpretErrorMessage = (message) => {
-    switch (message) {
-      case "Must supply cloud_name":
-      case "Must supply api_key":
-      case "Must supply api_secret":
-        return E_CONFIG;
-      case "unknown api_key":
-        return E_KEY_FAIL;
-      default:
-        return E_DEFAULT;
-    }
-  };
-  class CloudinaryMediaStore {
-    constructor(options) {
-      this.fetchFunction = (input, init) => fetch(input, init);
-      this.accept = tinacms.DEFAULT_MEDIA_UPLOAD_TYPES;
-      this.parse = (img) => {
-        return img.src;
+}
+const E_DEFAULT = new MediaListError({
+  title: "An Error Occurred",
+  message: "Something went wrong fetching your media from Cloudinary.",
+  docsLink: "https://tina.io/docs/r/cloudinary"
+});
+const E_UNAUTHORIZED = new MediaListError({
+  title: "Unauthorized",
+  message: "You don't have access to this resource.",
+  docsLink: "https://tina.io/docs/r/cloudinary"
+});
+const E_CONFIG = new MediaListError({
+  title: "Missing Credentials",
+  message: "Unable to connect to Cloudinary because one or more environment variables are missing.",
+  docsLink: "https://tina.io/docs/r/cloudinary/"
+});
+const E_KEY_FAIL = new MediaListError({
+  title: "Bad Credentials",
+  message: "Unable to connect to Cloudinary because one or more environment variables are misconfigured.",
+  docsLink: "https://tina.io/docs/r/cloudinary/"
+});
+const E_BAD_ROUTE = new MediaListError({
+  title: "Bad Route",
+  message: "The Cloudinary API route is missing or misconfigured.",
+  docsLink: "https://tina.io/docs/r/cloudinary"
+});
+const interpretErrorMessage = (message) => {
+  switch (message) {
+    case "Must supply cloud_name":
+    case "Must supply api_key":
+    case "Must supply api_secret":
+      return E_CONFIG;
+    case "unknown api_key":
+      return E_KEY_FAIL;
+    default:
+      return E_DEFAULT;
+  }
+};
+class CloudinaryMediaStore {
+  constructor(options) {
+    this.fetchFunction = (input, init) => fetch(input, init);
+    this.accept = DEFAULT_MEDIA_UPLOAD_TYPES;
+    this.parse = (img) => {
+      return img.src;
+    };
+    this.baseUrl = (options == null ? void 0 : options.baseUrl) || "/api/cloudinary/media";
+  }
+  async persist(media) {
+    const newFiles = [];
+    for (const item of media) {
+      const { file, directory } = item;
+      const formData = new FormData();
+      formData.append("file", file);
+      formData.append("directory", directory);
+      formData.append("filename", file.name);
+      const res = await this.fetchFunction(this.baseUrl, {
+        method: "POST",
+        body: formData
+      });
+      if (res.status != 200) {
+        const responseData = await res.json();
+        throw new Error(responseData.message);
+      }
+      const fileRes = await res.json();
+      await new Promise((resolve) => {
+        setTimeout(resolve, 2e3);
+      });
+      const parsedRes = {
+        type: "file",
+        id: fileRes.public_id,
+        filename: fileRes.original_filename,
+        directory: "/",
+        thumbnails: {
+          "75x75": fileRes.secure_url,
+          "400x400": fileRes.secure_url,
+          "1000x1000": fileRes.secure_url
+        },
+        src: fileRes.secure_url
       };
-      this.baseUrl = (options == null ? void 0 : options.baseUrl) || "/api/cloudinary/media";
+      newFiles.push(parsedRes);
     }
-    async persist(media) {
-      const newFiles = [];
-      for (const item of media) {
-        const { file, directory } = item;
-        const formData = new FormData();
-        formData.append("file", file);
-        formData.append("directory", directory);
-        formData.append("filename", file.name);
-        const res = await this.fetchFunction(this.baseUrl, {
-          method: "POST",
-          body: formData
-        });
-        if (res.status != 200) {
-          const responseData = await res.json();
-          throw new Error(responseData.message);
-        }
-        const fileRes = await res.json();
-        await new Promise((resolve) => {
-          setTimeout(resolve, 2e3);
-        });
-        const parsedRes = {
-          type: "file",
-          id: fileRes.public_id,
-          filename: fileRes.original_filename,
-          directory: "/",
-          thumbnails: {
-            "75x75": fileRes.secure_url,
-            "400x400": fileRes.secure_url,
-            "1000x1000": fileRes.secure_url
-          },
-          src: fileRes.secure_url
-        };
-        newFiles.push(parsedRes);
+    return newFiles;
+  }
+  async delete(media) {
+    await this.fetchFunction(
+      `${this.baseUrl}/${encodeURIComponent(media.id)}`,
+      {
+        method: "DELETE"
       }
-      return newFiles;
-    }
-    async delete(media) {
-      await this.fetchFunction(
-        `${this.baseUrl}/${encodeURIComponent(media.id)}`,
-        {
-          method: "DELETE"
-        }
-      );
+    );
+  }
+  async list(options) {
+    const query = this.buildQuery(options);
+    const response = await this.fetchFunction(this.baseUrl + query);
+    if (response.status == 401) {
+      throw E_UNAUTHORIZED;
     }
-    async list(options) {
-      const query = this.buildQuery(options);
-      const response = await this.fetchFunction(this.baseUrl + query);
-      if (response.status == 401) {
-        throw E_UNAUTHORIZED;
-      }
-      if (response.status == 404) {
-        throw E_BAD_ROUTE;
-      }
-      if (response.status >= 500) {
-        const { e } = await response.json();
-        const error = interpretErrorMessage(e);
-        throw error;
-      }
-      const { items, offset } = await response.json();
-      return {
-        items: items.map((item) => item),
-        nextOffset: offset
-      };
+    if (response.status == 404) {
+      throw E_BAD_ROUTE;
     }
-    buildQuery(options) {
-      const params = Object.keys(options).filter((key) => options[key] !== "" && options[key] !== void 0).map((key) => `${key}=${options[key]}`).join("&");
-      return `?${params}`;
+    if (response.status >= 500) {
+      const { e } = await response.json();
+      const error = interpretErrorMessage(e);
+      throw error;
     }
+    const { items, offset } = await response.json();
+    return {
+      items: items.map((item) => item),
+      nextOffset: offset
+    };
   }
-  const createTinaCloudCloudinaryMediaStore = (options = { baseUrl: "/api/cloudinary/media" }) => class TinaCloudCloudinaryMediaStore extends CloudinaryMediaStore {
-    constructor(client) {
-      super(options);
-      this.client = client;
-      this.fetchFunction = async (input, init) => {
-        try {
-          const url = input.toString();
-          const query = `${url.includes("?") ? "&" : "?"}clientID=${client.clientId}`;
-          const res = client.authProvider.fetchWithToken(url + query, init);
-          return res;
-        } catch (error) {
-          console.error(error);
-        }
-      };
-    }
-  };
-  const TinaCloudCloudinaryMediaStore = createTinaCloudCloudinaryMediaStore();
-  exports2.CloudinaryMediaStore = CloudinaryMediaStore;
-  exports2.TinaCloudCloudinaryMediaStore = TinaCloudCloudinaryMediaStore;
-  exports2.createTinaCloudCloudinaryMediaStore = createTinaCloudCloudinaryMediaStore;
-  Object.defineProperty(exports2, Symbol.toStringTag, { value: "Module" });
-});
+  buildQuery(options) {
+    const params = Object.keys(options).filter((key) => options[key] !== "" && options[key] !== void 0).map((key) => `${key}=${options[key]}`).join("&");
+    return `?${params}`;
+  }
+}
+const createTinaCloudCloudinaryMediaStore = (options = { baseUrl: "/api/cloudinary/media" }) => class TinaCloudCloudinaryMediaStore extends CloudinaryMediaStore {
+  constructor(client) {
+    super(options);
+    this.client = client;
+    this.fetchFunction = async (input, init) => {
+      try {
+        const url = input.toString();
+        const query = `${url.includes("?") ? "&" : "?"}clientID=${client.clientId}`;
+        const res = client.authProvider.fetchWithToken(url + query, init);
+        return res;
+      } catch (error) {
+        console.error(error);
+      }
+    };
+  }
+};
+const TinaCloudCloudinaryMediaStore = createTinaCloudCloudinaryMediaStore();
+export {
+  CloudinaryMediaStore,
+  TinaCloudCloudinaryMediaStore,
+  createTinaCloudCloudinaryMediaStore
+};

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "next-tinacms-cloudinary",
-  "version": "0.0.0-fbcd928-20241024223724",
+  "version": "0.0.0-fd7d6a8-20251202025028",
   "main": "dist/index.js",
-  "module": "dist/index.mjs",
+  "module": "./dist/index.js",
   "files": [
     "dist"
   ],
@@ -24,16 +24,16 @@
   "devDependencies": {
     "@types/crypto-js": "^3.1.47",
     "@types/js-cookie": "^2.2.7",
-    "@types/node": "^22.7.4",
+    "@types/node": "^22.13.1",
     "next": "14.2.10",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "typescript": "^5.6.2",
-    "@tinacms/scripts": "1.3.0",
-    "tinacms": "0.0.0-fbcd928-20241024223724"
+    "typescript": "^5.7.3",
+    "@tinacms/scripts": "1.4.1",
+    "tinacms": "0.0.0-fd7d6a8-20251202025028"
   },
   "peerDependencies": {
-    "tinacms": "0.0.0-fbcd928-20241024223724"
+    "tinacms": "0.0.0-fd7d6a8-20251202025028"
   },
   "publishConfig": {
     "registry": "https://registry.npmjs.org"

package/dist/index.mjs

@@ -1,146 +0,0 @@
-import { DEFAULT_MEDIA_UPLOAD_TYPES } from "tinacms";
-class MediaListError extends Error {
-  constructor(config) {
-    super(config.message);
-    this.ERR_TYPE = "MediaListError";
-    this.title = config.title;
-    this.docsLink = config.docsLink;
-  }
-}
-const E_DEFAULT = new MediaListError({
-  title: "An Error Occurred",
-  message: "Something went wrong fetching your media from Cloudinary.",
-  docsLink: "https://tina.io/docs/reference/media/external/cloudinary"
-});
-const E_UNAUTHORIZED = new MediaListError({
-  title: "Unauthorized",
-  message: "You don't have access to this resource.",
-  docsLink: "https://tina.io/docs/reference/media/external/cloudinary/#set-up-api-routes-nextjs-example"
-});
-const E_CONFIG = new MediaListError({
-  title: "Missing Credentials",
-  message: "Unable to connect to Cloudinary because one or more environment variables are missing.",
-  docsLink: "https://tina.io/docs/media-cloudinary/"
-});
-const E_KEY_FAIL = new MediaListError({
-  title: "Bad Credentials",
-  message: "Unable to connect to Cloudinary because one or more environment variables are misconfigured.",
-  docsLink: "https://tina.io/docs/media-cloudinary/"
-});
-const E_BAD_ROUTE = new MediaListError({
-  title: "Bad Route",
-  message: "The Cloudinary API route is missing or misconfigured.",
-  docsLink: "https://tina.io/docs/reference/media/external/cloudinary/#set-up-api-routes-nextjs-example"
-});
-const interpretErrorMessage = (message) => {
-  switch (message) {
-    case "Must supply cloud_name":
-    case "Must supply api_key":
-    case "Must supply api_secret":
-      return E_CONFIG;
-    case "unknown api_key":
-      return E_KEY_FAIL;
-    default:
-      return E_DEFAULT;
-  }
-};
-class CloudinaryMediaStore {
-  constructor(options) {
-    this.fetchFunction = (input, init) => fetch(input, init);
-    this.accept = DEFAULT_MEDIA_UPLOAD_TYPES;
-    this.parse = (img) => {
-      return img.src;
-    };
-    this.baseUrl = (options == null ? void 0 : options.baseUrl) || "/api/cloudinary/media";
-  }
-  async persist(media) {
-    const newFiles = [];
-    for (const item of media) {
-      const { file, directory } = item;
-      const formData = new FormData();
-      formData.append("file", file);
-      formData.append("directory", directory);
-      formData.append("filename", file.name);
-      const res = await this.fetchFunction(this.baseUrl, {
-        method: "POST",
-        body: formData
-      });
-      if (res.status != 200) {
-        const responseData = await res.json();
-        throw new Error(responseData.message);
-      }
-      const fileRes = await res.json();
-      await new Promise((resolve) => {
-        setTimeout(resolve, 2e3);
-      });
-      const parsedRes = {
-        type: "file",
-        id: fileRes.public_id,
-        filename: fileRes.original_filename,
-        directory: "/",
-        thumbnails: {
-          "75x75": fileRes.secure_url,
-          "400x400": fileRes.secure_url,
-          "1000x1000": fileRes.secure_url
-        },
-        src: fileRes.secure_url
-      };
-      newFiles.push(parsedRes);
-    }
-    return newFiles;
-  }
-  async delete(media) {
-    await this.fetchFunction(
-      `${this.baseUrl}/${encodeURIComponent(media.id)}`,
-      {
-        method: "DELETE"
-      }
-    );
-  }
-  async list(options) {
-    const query = this.buildQuery(options);
-    const response = await this.fetchFunction(this.baseUrl + query);
-    if (response.status == 401) {
-      throw E_UNAUTHORIZED;
-    }
-    if (response.status == 404) {
-      throw E_BAD_ROUTE;
-    }
-    if (response.status >= 500) {
-      const { e } = await response.json();
-      const error = interpretErrorMessage(e);
-      throw error;
-    }
-    const { items, offset } = await response.json();
-    return {
-      items: items.map((item) => item),
-      nextOffset: offset
-    };
-  }
-  buildQuery(options) {
-    const params = Object.keys(options).filter((key) => options[key] !== "" && options[key] !== void 0).map((key) => `${key}=${options[key]}`).join("&");
-    return `?${params}`;
-  }
-}
-const createTinaCloudCloudinaryMediaStore = (options = { baseUrl: "/api/cloudinary/media" }) => class TinaCloudCloudinaryMediaStore extends CloudinaryMediaStore {
-  constructor(client) {
-    super(options);
-    this.client = client;
-    this.fetchFunction = async (input, init) => {
-      try {
-        const url = input.toString();
-        const query = `${url.includes("?") ? "&" : "?"}clientID=${client.clientId}`;
-        const res = client.authProvider.fetchWithToken(url + query, init);
-        return res;
-      } catch (error) {
-        console.error(error);
-      }
-    };
-  }
-};
-const TinaCloudCloudinaryMediaStore = createTinaCloudCloudinaryMediaStore();
-export {
-  CloudinaryMediaStore,
-  TinaCloudCloudinaryMediaStore,
-  createTinaCloudCloudinaryMediaStore
-};