planning

node_modules/decap-cms-core/src/valueObjects/AssetProxy.ts

@@ -0,0 +1,48 @@
+import type { EntryField } from '../types/redux';
+
+interface AssetProxyArgs {
+  path: string;
+  url?: string;
+  file?: File;
+  field?: EntryField;
+}
+
+export default class AssetProxy {
+  url: string;
+  fileObj?: File;
+  path: string;
+  field?: EntryField;
+
+  constructor({ url, file, path, field }: AssetProxyArgs) {
+    this.url = url ? url : file ? window.URL.createObjectURL(file) : '';
+    this.fileObj = file;
+    this.path = path;
+    this.field = field;
+  }
+
+  toString(): string {
+    return this.url;
+  }
+
+  async toBase64(): Promise<string> {
+    const blob = await fetch(this.url).then(response => response.blob());
+    if (blob.size <= 0) {
+      return '';
+    }
+    const result = await new Promise<string>(resolve => {
+      const fr = new FileReader();
+      fr.onload = (readerEvt): void => {
+        const binaryString = readerEvt.target?.result || '';
+
+        resolve(binaryString.toString().split('base64,')[1]);
+      };
+      fr.readAsDataURL(blob);
+    });
+
+    return result;
+  }
+}
+
+export function createAssetProxy({ url, file, path, field }: AssetProxyArgs): AssetProxy {
+  return new AssetProxy({ url, file, path, field });
+}