next-tinacms-cloudinary 3.2.2 → 3.3.0

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # next-tinacms-cloudinary
 
+## 3.3.0
+
+### Minor Changes
+
+- 9d68b058f: Add support for multiple image upload in the Media Store.
+
+## 3.2.5
+
+## 3.2.4
+
+### Patch Changes
+
+- 9b27192fe: Build packages with new scripting, which includes preliminary support for ES modules.
+
+## 3.2.3
+
 ## 3.2.2
 
 ## 3.2.1

package/dist/cloudinary-media-store.d.ts

@@ -0,0 +1,23 @@
+/**
+Copyright 2021 Forestry.io Holdings, Inc.
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+    http://www.apache.org/licenses/LICENSE-2.0
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
+*/
+import { Media, MediaList, MediaListOptions, MediaStore, MediaUploadOptions } from '@tinacms/toolkit';
+export declare class CloudinaryMediaStore implements MediaStore {
+    fetchFunction: (input: RequestInfo, init?: RequestInit) => Promise<Response>;
+    accept: string;
+    persist(media: MediaUploadOptions[]): Promise<Media[]>;
+    delete(media: Media): Promise<void>;
+    list(options: MediaListOptions): Promise<MediaList>;
+    previewSrc: (publicId: string | Media) => string;
+    parse: (img: any) => any;
+    private buildQuery;
+}

package/dist/cloudinary-tina-cloud-media-store.d.ts

@@ -0,0 +1,18 @@
+/**
+Copyright 2021 Forestry.io Holdings, Inc.
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+    http://www.apache.org/licenses/LICENSE-2.0
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
+*/
+import { CloudinaryMediaStore } from './cloudinary-media-store';
+import { Client } from 'tinacms';
+export declare class TinaCloudCloudinaryMediaStore extends CloudinaryMediaStore {
+    client: Client;
+    constructor(client: Client);
+}

package/dist/errors.d.ts

@@ -0,0 +1,19 @@
+/**
+Copyright 2021 Forestry.io Holdings, Inc.
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+    http://www.apache.org/licenses/LICENSE-2.0
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
+*/
+import { MediaListError } from '@tinacms/toolkit';
+export declare const E_DEFAULT: MediaListError;
+export declare const E_UNAUTHORIZED: MediaListError;
+export declare const E_CONFIG: MediaListError;
+export declare const E_KEY_FAIL: MediaListError;
+export declare const E_BAD_ROUTE: MediaListError;
+export declare const interpretErrorMessage: (message: string) => MediaListError;

package/dist/handlers.d.ts

@@ -1,5 +1,3 @@
-import { NextApiRequest, NextApiResponse } from 'next';
-
 /**
 Copyright 2021 Forestry.io Holdings, Inc.
 Licensed under the Apache License, Version 2.0 (the "License");
@@ -12,18 +10,16 @@ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 See the License for the specific language governing permissions and
 limitations under the License.
 */
-
-interface CloudinaryConfig {
+import { NextApiRequest, NextApiResponse } from 'next';
+export interface CloudinaryConfig {
     cloud_name: string;
     api_key: string;
     api_secret: string;
     authorized: (req: NextApiRequest, res: NextApiResponse) => Promise<boolean>;
 }
-declare const mediaHandlerConfig: {
+export declare const mediaHandlerConfig: {
     api: {
         bodyParser: boolean;
     };
 };
-declare const createMediaHandler: (config: CloudinaryConfig) => (req: NextApiRequest, res: NextApiResponse) => Promise<void>;
-
-export { CloudinaryConfig, createMediaHandler, mediaHandlerConfig };
+export declare const createMediaHandler: (config: CloudinaryConfig) => (req: NextApiRequest, res: NextApiResponse) => Promise<void>;

package/dist/handlers.js

@@ -1,17 +1,65 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }// src/handlers.ts
-var _cloudinary = require('cloudinary');
-var _path = require('path'); var _path2 = _interopRequireDefault(_path);
-var _multer = require('multer'); var _multer2 = _interopRequireDefault(_multer);
-var _util = require('util');
+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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  __markAsModule(target);
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && key !== "default")
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toModule = (module2) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+
+// ../../next-tinacms-cloudinary/src/handlers.ts
+__export(exports, {
+  createMediaHandler: () => createMediaHandler,
+  mediaHandlerConfig: () => mediaHandlerConfig
+});
+var import_cloudinary = __toModule(require("cloudinary"));
+var import_path = __toModule(require("path"));
+var import_multer = __toModule(require("multer"));
+var import_util = __toModule(require("util"));
 var mediaHandlerConfig = {
   api: {
     bodyParser: false
   }
 };
 var createMediaHandler = (config) => {
-  _cloudinary.v2.config(config);
-  return async (req, res) => {
-    const isAuthorized = await config.authorized(req, res);
+  import_cloudinary.v2.config(Object.assign({ secure: true }, config));
+  return (req, res) => __async(void 0, null, function* () {
+    const isAuthorized = yield config.authorized(req, res);
     if (!isAuthorized) {
       res.status(401).json({ message: "sorry this user is unauthorized" });
       return;
@@ -26,65 +74,69 @@ var createMediaHandler = (config) => {
       default:
         res.end(404);
     }
-  };
+  });
 };
-async function uploadMedia(req, res) {
-  const upload = _util.promisify.call(void 0, _multer2.default.call(void 0, {
-    storage: _multer2.default.diskStorage({
-      directory: (req2, file, cb) => {
-        cb(null, "/tmp");
-      },
-      filename: (req2, file, cb) => {
-        cb(null, file.originalname);
-      }
-    })
-  }).single("file"));
-  await upload(req, res);
-  const { directory } = req.body;
-  const result = await _cloudinary.v2.uploader.upload(req.file.path, {
-    folder: directory.replace(/^\//, ""),
-    use_filename: true,
-    overwrite: false
+function uploadMedia(req, res) {
+  return __async(this, null, function* () {
+    const upload = (0, import_util.promisify)((0, import_multer.default)({
+      storage: import_multer.default.diskStorage({
+        directory: (req2, file, cb) => {
+          cb(null, "/tmp");
+        },
+        filename: (req2, file, cb) => {
+          cb(null, file.originalname);
+        }
+      })
+    }).single("file"));
+    yield upload(req, res);
+    const { directory } = req.body;
+    const result = yield import_cloudinary.v2.uploader.upload(req.file.path, {
+      folder: directory.replace(/^\//, ""),
+      use_filename: true,
+      overwrite: false
+    });
+    res.json(result);
   });
-  res.json(result);
 }
-async function listMedia(req, res) {
-  try {
-    const {
-      directory = '""',
-      limit = 500,
-      offset
-    } = req.query;
-    const useRootDirectory = !directory || directory === "/" || directory === '""';
-    const query = useRootDirectory ? 'folder=""' : `folder=${directory}`;
-    const response = await _cloudinary.v2.search.expression(query).max_results(limit).next_cursor(offset).execute();
-    const files = response.resources.map(cloudinaryToTina);
-    _cloudinary.v2.api.folders = (directory2 = '""') => {
-      if (useRootDirectory) {
-        return _cloudinary.v2.api.root_folders();
-      } else {
-        return _cloudinary.v2.api.sub_folders(directory2);
-      }
-    };
-    let { folders } = await _cloudinary.v2.api.folders(directory);
-    folders = folders.map(function(folder) {
-      "empty-repo/004";
-      return {
-        id: folder.path,
-        type: "dir",
-        filename: _path2.default.basename(folder.path),
-        directory: _path2.default.dirname(folder.path)
+function listMedia(req, res) {
+  return __async(this, null, function* () {
+    try {
+      const {
+        directory = '""',
+        limit = 500,
+        offset
+      } = req.query;
+      const useRootDirectory = !directory || directory === "/" || directory === '""';
+      const query = useRootDirectory ? 'folder=""' : `folder=${directory}`;
+      const response = yield import_cloudinary.v2.search.expression(query).max_results(limit).next_cursor(offset).execute();
+      const files = response.resources.map(cloudinaryToTina);
+      import_cloudinary.v2.api.folders = (directory2 = '""') => {
+        if (useRootDirectory) {
+          return import_cloudinary.v2.api.root_folders();
+        } else {
+          return import_cloudinary.v2.api.sub_folders(directory2);
+        }
       };
-    });
-    res.json({
-      items: [...folders, ...files],
-      offset: response.next_cursor
-    });
-  } catch (e) {
-    res.status(500);
-    const message = findErrorMessage(e);
-    res.json({ e: message });
-  }
+      let { folders } = yield import_cloudinary.v2.api.folders(directory);
+      folders = 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)
+        };
+      });
+      res.json({
+        items: [...folders, ...files],
+        offset: response.next_cursor
+      });
+    } catch (e) {
+      res.status(500);
+      const message = findErrorMessage(e);
+      res.json({ e: message });
+    }
+  });
 }
 var findErrorMessage = (e) => {
   if (typeof e == "string")
@@ -95,21 +147,23 @@ var findErrorMessage = (e) => {
     return e.error.message;
   return "an error occurred";
 };
-async function deleteAsset(req, res) {
-  const { media } = req.query;
-  const [_media, public_id] = media;
-  _cloudinary.v2.uploader.destroy(public_id, {}, (err) => {
-    if (err)
-      res.status(500);
-    res.json({
-      err,
-      public_id
+function deleteAsset(req, res) {
+  return __async(this, null, function* () {
+    const { media } = req.query;
+    const [_media, public_id] = media;
+    import_cloudinary.v2.uploader.destroy(public_id, {}, (err) => {
+      if (err)
+        res.status(500);
+      res.json({
+        err,
+        public_id
+      });
     });
   });
 }
 function cloudinaryToTina(file) {
-  const filename = _path2.default.basename(file.public_id);
-  const directory = _path2.default.dirname(file.public_id);
+  const filename = import_path.default.basename(file.public_id);
+  const directory = import_path.default.dirname(file.public_id);
   return {
     id: file.public_id,
     filename,
@@ -118,7 +172,8 @@ function cloudinaryToTina(file) {
     type: "file"
   };
 }
-
-
-
-exports.createMediaHandler = createMediaHandler; exports.mediaHandlerConfig = mediaHandlerConfig;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  createMediaHandler,
+  mediaHandlerConfig
+});

package/dist/index.d.ts

@@ -1,6 +1,3 @@
-import { MediaStore, MediaUploadOptions, Media, MediaListOptions, MediaList } from '@tinacms/toolkit';
-import { Client } from 'tinacms';
-
 /**
 Copyright 2021 Forestry.io Holdings, Inc.
 Licensed under the Apache License, Version 2.0 (the "License");
@@ -13,34 +10,5 @@ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 See the License for the specific language governing permissions and
 limitations under the License.
 */
-
-declare class CloudinaryMediaStore implements MediaStore {
-    fetchFunction: (input: RequestInfo, init?: RequestInit) => Promise<Response>;
-    accept: string;
-    persist(media: MediaUploadOptions[]): Promise<Media[]>;
-    delete(media: Media): Promise<void>;
-    list(options: MediaListOptions): Promise<MediaList>;
-    previewSrc: (publicId: string | Media) => string;
-    parse: (img: any) => any;
-    private buildQuery;
-}
-
-/**
-Copyright 2021 Forestry.io Holdings, Inc.
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-    http://www.apache.org/licenses/LICENSE-2.0
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-declare class TinaCloudCloudinaryMediaStore extends CloudinaryMediaStore {
-    client: Client;
-    constructor(client: Client);
-}
-
-export { CloudinaryMediaStore, TinaCloudCloudinaryMediaStore };
+export * from './cloudinary-media-store';
+export * from './cloudinary-tina-cloud-media-store';

package/dist/index.es.js

@@ -0,0 +1,131 @@
+import { MediaListError } from "@tinacms/toolkit";
+const E_DEFAULT = new MediaListError({
+  title: "An Error Occurred",
+  message: "Something went wrong fetching your media from Cloudinary.",
+  docsLink: "https://tina.io/packages/next-tinacms-cloudinary"
+});
+const E_UNAUTHORIZED = new MediaListError({
+  title: "Unauthorized",
+  message: "You don't have access to this resource.",
+  docsLink: "https://tina.io/packages/next-tinacms-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/packages/next-tinacms-cloudinary/#connect-with-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/packages/next-tinacms-cloudinary/#connect-with-cloudinary"
+});
+const E_BAD_ROUTE = new MediaListError({
+  title: "Bad Route",
+  message: "The Cloudinary API route is missing or misconfigured.",
+  docsLink: "https://tina.io/packages/next-tinacms-cloudinary/#set-up-api-routes"
+});
+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() {
+    this.fetchFunction = (input, init) => {
+      return fetch(input, init);
+    };
+    this.accept = "text/*,  application/*, image/*";
+    this.previewSrc = (publicId) => {
+      if (typeof publicId === "string")
+        return publicId;
+      return publicId.previewSrc;
+    };
+    this.parse = (img) => {
+      return img.previewSrc;
+    };
+  }
+  async persist(media) {
+    let 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(`/api/cloudinary/media`, {
+        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: "/",
+        previewSrc: fileRes.url
+      };
+      newFiles.push(parsedRes);
+    }
+    return newFiles;
+  }
+  async delete(media) {
+    await this.fetchFunction(`/api/cloudinary/media/${encodeURIComponent(media.id)}`, {
+      method: "DELETE"
+    });
+  }
+  async list(options) {
+    const query = this.buildQuery(options);
+    const response = await this.fetchFunction("/api/cloudinary/media" + 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}`;
+  }
+}
+class TinaCloudCloudinaryMediaStore extends CloudinaryMediaStore {
+  constructor(client) {
+    super();
+    this.client = client;
+    this.fetchFunction = async (input, init) => {
+      try {
+        const url = input.toString();
+        const query = `${url.includes("?") ? "&" : "?"}clientID=${client.clientId}`;
+        const res = client.fetchWithToken(url + query, init);
+        return res;
+      } catch (error) {
+        console.error(error);
+      }
+    };
+  }
+}
+export { CloudinaryMediaStore, TinaCloudCloudinaryMediaStore };

package/dist/index.js

@@ -1,135 +1,138 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/errors.ts
-var _toolkit = require('@tinacms/toolkit');
-var E_DEFAULT = new (0, _toolkit.MediaListError)({
-  title: "An Error Occurred",
-  message: "Something went wrong fetching your media from Cloudinary.",
-  docsLink: "https://tina.io/packages/next-tinacms-cloudinary"
-});
-var E_UNAUTHORIZED = new (0, _toolkit.MediaListError)({
-  title: "Unauthorized",
-  message: "You don't have access to this resource.",
-  docsLink: "https://tina.io/packages/next-tinacms-cloudinary"
-});
-var E_CONFIG = new (0, _toolkit.MediaListError)({
-  title: "Missing Credentials",
-  message: "Unable to connect to Cloudinary because one or more environment variables are missing.",
-  docsLink: "https://tina.io/packages/next-tinacms-cloudinary/#connect-with-cloudinary"
-});
-var E_KEY_FAIL = new (0, _toolkit.MediaListError)({
-  title: "Bad Credentials",
-  message: "Unable to connect to Cloudinary because one or more environment variables are misconfigured.",
-  docsLink: "https://tina.io/packages/next-tinacms-cloudinary/#connect-with-cloudinary"
-});
-var E_BAD_ROUTE = new (0, _toolkit.MediaListError)({
-  title: "Bad Route",
-  message: "The Cloudinary API route is missing or misconfigured.",
-  docsLink: "https://tina.io/packages/next-tinacms-cloudinary/#set-up-api-routes"
-});
-var 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;
-  }
-};
-
-// src/cloudinary-media-store.ts
-var CloudinaryMediaStore = class {
-  constructor() {
-    this.fetchFunction = (input, init) => {
-      return fetch(input, init);
-    };
-    this.accept = "text/*,  application/*, image/*";
-    this.previewSrc = (publicId) => {
-      if (typeof publicId === "string")
-        return publicId;
-      return publicId.previewSrc;
-    };
-    this.parse = (img) => {
-      return img.previewSrc;
-    };
-  }
-  async persist(media) {
-    const { file, directory } = media[0];
-    const formData = new FormData();
-    formData.append("file", file);
-    formData.append("directory", directory);
-    formData.append("filename", file.name);
-    const res = await this.fetchFunction(`/api/cloudinary/media`, {
-      method: "POST",
-      body: formData
-    });
-    if (res.status != 200) {
-      const responseData = await res.json();
-      throw new Error(responseData.message);
+(function(global, factory) {
+  typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("@tinacms/toolkit")) : typeof define === "function" && define.amd ? define(["exports", "@tinacms/toolkit"], factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, factory(global["next-tinacms-cloudinary"] = {}, global.NOOP));
+})(this, function(exports2, toolkit) {
+  "use strict";
+  const E_DEFAULT = new toolkit.MediaListError({
+    title: "An Error Occurred",
+    message: "Something went wrong fetching your media from Cloudinary.",
+    docsLink: "https://tina.io/packages/next-tinacms-cloudinary"
+  });
+  const E_UNAUTHORIZED = new toolkit.MediaListError({
+    title: "Unauthorized",
+    message: "You don't have access to this resource.",
+    docsLink: "https://tina.io/packages/next-tinacms-cloudinary"
+  });
+  const E_CONFIG = new toolkit.MediaListError({
+    title: "Missing Credentials",
+    message: "Unable to connect to Cloudinary because one or more environment variables are missing.",
+    docsLink: "https://tina.io/packages/next-tinacms-cloudinary/#connect-with-cloudinary"
+  });
+  const E_KEY_FAIL = new toolkit.MediaListError({
+    title: "Bad Credentials",
+    message: "Unable to connect to Cloudinary because one or more environment variables are misconfigured.",
+    docsLink: "https://tina.io/packages/next-tinacms-cloudinary/#connect-with-cloudinary"
+  });
+  const E_BAD_ROUTE = new toolkit.MediaListError({
+    title: "Bad Route",
+    message: "The Cloudinary API route is missing or misconfigured.",
+    docsLink: "https://tina.io/packages/next-tinacms-cloudinary/#set-up-api-routes"
+  });
+  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;
     }
-    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: "/",
-      previewSrc: fileRes.url
-    };
-    return [parsedRes];
-  }
-  async delete(media) {
-    await this.fetchFunction(`/api/cloudinary/media/${encodeURIComponent(media.id)}`, {
-      method: "DELETE"
-    });
-  }
-  async list(options) {
-    const query = this.buildQuery(options);
-    const response = await this.fetchFunction("/api/cloudinary/media" + query);
-    if (response.status == 401) {
-      throw E_UNAUTHORIZED;
+  };
+  class CloudinaryMediaStore {
+    constructor() {
+      this.fetchFunction = (input, init) => {
+        return fetch(input, init);
+      };
+      this.accept = "text/*,  application/*, image/*";
+      this.previewSrc = (publicId) => {
+        if (typeof publicId === "string")
+          return publicId;
+        return publicId.previewSrc;
+      };
+      this.parse = (img) => {
+        return img.previewSrc;
+      };
     }
-    if (response.status == 404) {
-      throw E_BAD_ROUTE;
+    async persist(media) {
+      let 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(`/api/cloudinary/media`, {
+          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: "/",
+          previewSrc: fileRes.url
+        };
+        newFiles.push(parsedRes);
+      }
+      return newFiles;
     }
-    if (response.status >= 500) {
-      const { e } = await response.json();
-      const error = interpretErrorMessage(e);
-      throw error;
+    async delete(media) {
+      await this.fetchFunction(`/api/cloudinary/media/${encodeURIComponent(media.id)}`, {
+        method: "DELETE"
+      });
     }
-    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}`;
-  }
-};
-
-// src/cloudinary-tina-cloud-media-store.ts
-var TinaCloudCloudinaryMediaStore = class extends CloudinaryMediaStore {
-  constructor(client) {
-    super();
-    this.client = client;
-    this.fetchFunction = async (input, init) => {
-      try {
-        const url = input.toString();
-        const query = `${url.includes("?") ? "&" : "?"}clientID=${client.clientId}`;
-        const res = client.fetchWithToken(url + query, init);
-        return res;
-      } catch (error) {
-        console.error(error);
+    async list(options) {
+      const query = this.buildQuery(options);
+      const response = await this.fetchFunction("/api/cloudinary/media" + 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}`;
+    }
+  }
+  class TinaCloudCloudinaryMediaStore extends CloudinaryMediaStore {
+    constructor(client) {
+      super();
+      this.client = client;
+      this.fetchFunction = async (input, init) => {
+        try {
+          const url = input.toString();
+          const query = `${url.includes("?") ? "&" : "?"}clientID=${client.clientId}`;
+          const res = client.fetchWithToken(url + query, init);
+          return res;
+        } catch (error) {
+          console.error(error);
+        }
+      };
+    }
   }
-};
-
-
-
-exports.CloudinaryMediaStore = CloudinaryMediaStore; exports.TinaCloudCloudinaryMediaStore = TinaCloudCloudinaryMediaStore;
+  exports2.CloudinaryMediaStore = CloudinaryMediaStore;
+  exports2.TinaCloudCloudinaryMediaStore = TinaCloudCloudinaryMediaStore;
+  Object.defineProperty(exports2, "__esModule", { value: true });
+  exports2[Symbol.toStringTag] = "Module";
+});

package/package.json

@@ -1,14 +1,24 @@
 {
   "name": "next-tinacms-cloudinary",
-  "version": "3.2.2",
+  "version": "3.3.0",
   "main": "dist/index.js",
   "files": [
-    "dist/*"
+    "dist"
   ],
   "typings": "dist/index.d.ts",
   "license": "Apache-2.0",
+  "buildConfig": {
+    "entryPoints": [
+      "src/index.ts",
+      {
+        "name": "src/handlers.ts",
+        "target": "node"
+      }
+    ]
+  },
   "scripts": {
     "build": "yarn tsup src/index.ts src/handlers.ts --format cjs --dts",
+    "types": "yarn tsc",
     "watch": "yarn tsup src/index.ts src/handlers.ts --watch --format cjs --dts"
   },
   "dependencies": {
@@ -16,7 +26,7 @@
     "multer": "^1.4.2"
   },
   "devDependencies": {
-    "@tinacms/toolkit": "0.52.1",
+    "@tinacms/toolkit": "0.54.0",
     "@types/crypto-js": "^3.1.47",
     "@types/js-cookie": "^2.2.6",
     "@types/node": "^13.13.1",
@@ -26,7 +36,7 @@
     "react": "16.13.1",
     "react-dom": "16.13.1",
     "styled-components": "^5.2.0",
-    "tinacms": "0.54.3",
+    "tinacms": "0.56.0",
     "tsup": "4.12.5",
     "typescript": "^4.3.5"
   },