glitch-javascript-sdk 0.7.8 → 0.7.9

package/dist/esm/util/Requests.d.ts

@@ -18,6 +18,7 @@ declare class Requests {
     static delete<T>(url: string, params?: Record<string, any>): AxiosPromise<Response<T>>;
     static uploadFile<T>(url: string, filename: string, file: File | Blob, data?: any, params?: Record<string, any>): AxiosPromise<Response<T>>;
     static uploadBlob<T>(url: string, filename: string, blob: Blob, data?: any, params?: Record<string, any>): AxiosPromise<Response<T>>;
+    static uploadFileInChunks<T>(file: File, uploadUrl: string, onProgress?: (totalSize: number, amountUploaded: number) => void, data?: any, chunkSize?: number): Promise<void>;
     static processRoute<T>(route: Route, data?: object, routeReplace?: {
         [key: string]: any;
     }, params?: Record<string, any>): AxiosPromise<Response<T>>;

package/dist/index.d.ts

@@ -1823,6 +1823,7 @@ declare class Social {
     static postVideoToTikTokBlob<T>(blob: Blob, data?: object, params?: Record<string, any>): AxiosPromise<Response<T>>;
     static postVideoToFacebookGroupFile<T>(file: File, data?: object, params?: Record<string, any>): AxiosPromise<Response<T>>;
     static postVideoToFacebookGroupBlob<T>(blob: Blob, data?: object, params?: Record<string, any>): AxiosPromise<Response<T>>;
+    static postVideoToTwitter<T>(file: File, data?: object, onProgress?: (totalSize: number, amountUploaded: number) => void, params?: Record<string, any>): Promise<void>;
 }
 
 declare class Templates {
@@ -2565,6 +2566,7 @@ declare class Requests {
     static delete<T>(url: string, params?: Record<string, any>): AxiosPromise<Response<T>>;
     static uploadFile<T>(url: string, filename: string, file: File | Blob, data?: any, params?: Record<string, any>): AxiosPromise<Response<T>>;
     static uploadBlob<T>(url: string, filename: string, blob: Blob, data?: any, params?: Record<string, any>): AxiosPromise<Response<T>>;
+    static uploadFileInChunks<T>(file: File, uploadUrl: string, onProgress?: (totalSize: number, amountUploaded: number) => void, data?: any, chunkSize?: number): Promise<void>;
     static processRoute<T>(route: Route, data?: object, routeReplace?: {
         [key: string]: any;
     }, params?: Record<string, any>): AxiosPromise<Response<T>>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "glitch-javascript-sdk",
-  "version": "0.7.8",
+  "version": "0.7.9",
   "description": "Javascript SDK for Glitch",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
@@ -37,6 +37,7 @@
   "dependencies": {
     "axios": "^1.6.2",
     "buffer": "^6.0.3",
+    "crypto-js": "^4.2.0",
     "fast-text-encoding": "^1.0.6",
     "fetch-blob": "^4.0.0",
     "isomorphic-form-data": "^2.0.0",

package/src/api/Social.ts

@@ -41,7 +41,16 @@ class Social {
         return Requests.uploadBlob(url, 'video', blob, data);
     }
 
+    public static postVideoToTwitter<T>(file: File, data? : object, onProgress ?: (totalSize: number, amountUploaded: number) => void, params?: Record<string, any>) :  Promise<void> {
 
+        let url = SocialRoute.routes.postVideoToTwitter.url;
+
+        return Requests.uploadFileInChunks(file, url, onProgress, data);
+    }
+
+
+
+    
 
 }
 

package/src/routes/SocialRoute.ts

@@ -6,6 +6,7 @@ class SocialRoute {
     public static routes: { [key: string]: Route } = {
         postVideoToTikTok: { url: '/social/postVideoToTikTok', method: HTTP_METHODS.POST },
         postVideoToFacebookGroup: { url: '/social/postVideoToFacebookGroup', method: HTTP_METHODS.POST },
+        postVideoToTwitter: { url: '/social/postVideoToTwitter', method: HTTP_METHODS.POST },
     };
 
   }

package/src/util/Requests.ts

@@ -3,6 +3,8 @@ import Config from '../config/Config';
 import HTTP_METHODS from '../constants/HttpMethods';
 import Route from '../routes/interface';
 import Response from './Response';
+import * as crypto from 'crypto';
+
 
 class Requests {
   private static config: Config;
@@ -197,6 +199,76 @@ class Requests {
     return Requests.request<T>('POST', url, data, formData);
   }
 
+  // Method adapted for browser environments
+
+  public static async uploadFileInChunks<T>(
+    file: File,
+    uploadUrl: string,
+    onProgress?: (totalSize: number, amountUploaded: number) => void,
+    data?: any,
+    chunkSize ?: number, // Default chunk size of 1MB
+  ): Promise<void> {
+
+    if(!chunkSize) {
+      chunkSize = 1024 * 1024
+    }
+    const fileSize = file.size;
+    const totalChunks = Math.ceil(fileSize / chunkSize);
+    let currentChunkIndex = 0;
+    let totalUploaded = 0; // Keep track of the total uploaded bytes
+  
+    // Generate a unique identifier for this upload session using the Web Cryptography API
+    const array = new Uint32Array(4);
+    window.crypto.getRandomValues(array);
+    const identifier = Array.from(array, dec => ('0' + dec.toString(16)).substr(-2)).join('');
+  
+    while (currentChunkIndex < totalChunks) {
+      const start = currentChunkIndex * chunkSize;
+      const end = Math.min(start + chunkSize, fileSize);
+      const chunk = file.slice(start, end);
+  
+      const formData = new FormData();
+      formData.append('video', chunk, file.name);
+      formData.append('chunkIndex', currentChunkIndex.toString());
+      formData.append('totalChunks', totalChunks.toString());
+      formData.append('identifier', identifier);
+
+      // If there's additional data, append each key-value pair to the formData
+      if (data) {
+        for (const key in data) {
+          formData.append(key, data[key]);
+        }
+      }
+  
+      // Construct the full URL if necessary or use a method to determine the base URL
+      const fullUploadUrl = `${Requests.baseUrl}${uploadUrl}`;
+  
+      // Make sure the authorization token is included if required
+      const headers: { [key: string]: string } = {};
+      if (Requests.authToken) {
+        headers['Authorization'] = `Bearer ${Requests.authToken}`;
+      }
+  
+      // Perform the upload
+      await axios.post(fullUploadUrl, formData, { 
+        headers,
+        onUploadProgress: (progressEvent) => {
+          const currentChunkProgress = progressEvent.loaded; // Bytes uploaded of the current chunk
+          // Calculate the total uploaded size including previous chunks and the current chunk's progress
+          const totalProgress = totalUploaded + currentChunkProgress;
+
+          if(onProgress){
+            onProgress(fileSize, totalProgress);
+          }
+        } 
+      });
+  
+      currentChunkIndex++;
+    }
+  }
+
+
+
   public static processRoute<T>(route: Route, data?: object, routeReplace?: { [key: string]: any }, params?: Record<string, any>): AxiosPromise<Response<T>> {
     let url = route.url;