@heyputer/puter.js 2.1.4 → 2.1.7

package/src/lib/polyfills/fileReaderPoly.js

@@ -0,0 +1,40 @@
+function toBase64FromBuffer(buffer) {
+    const bytes = new Uint8Array(buffer);
+    // use the requested reduce logic
+    const binary = bytes.reduce((data, byte) => data + String.fromCharCode(byte), '');
+    return typeof btoa === 'function' ? btoa(binary) : Buffer.from(binary, 'binary').toString('base64');
+}
+
+export class FileReaderPoly {
+    constructor() {
+        this.result = null;
+        this.error = null;
+        this.onloadend = null;
+    }
+    readAsDataURL(blob) {
+        const self = this;
+        (async function () {
+            try {
+                let buffer;
+                if (blob && typeof blob.arrayBuffer === 'function') {
+                    buffer = await blob.arrayBuffer();
+                } else if (blob instanceof ArrayBuffer) {
+                    buffer = blob;
+                } else if (ArrayBuffer.isView(blob)) {
+                    buffer = blob.buffer;
+                } else {
+                    buffer = new Uint8Array(0).buffer;
+                }
+
+                const base64 = toBase64FromBuffer(buffer);
+                const mime = (blob && blob.type) || 'application/octet-stream';
+                self.result = 'data:' + mime + ';base64,' + base64;
+                if (typeof self.onloadend === 'function') self.onloadend();
+            } catch (err) {
+                self.error = err;
+                if (typeof self.onloadend === 'function') self.onloadend();
+            }
+        })();
+    }
+}
+

package/src/lib/polyfills/localStorage.js

@@ -1,13 +1,13 @@
 // https://github.com/gr2m/localstorage-memory under MIT
 
 const root = {};
-var localStorageMemory = {}
-var cache = {}
+var localStorageMemory = {};
+var cache = {};
 
 /**
  * number of stored items.
  */
-localStorageMemory.length = 0
+localStorageMemory.length = 0;
 
 /**
  * returns item for passed key, or null
@@ -17,12 +17,12 @@ localStorageMemory.length = 0
  * @returns {String|null}
  */
 localStorageMemory.getItem = function (key) {
-  if (key in cache) {
-    return cache[key]
-  }
+    if ( key in cache ) {
+        return cache[key];
+    }
 
-  return null
-}
+    return null;
+};
 
 /**
  * sets item for key to passed value, as String
@@ -34,16 +34,16 @@ localStorageMemory.getItem = function (key) {
  * @returns {undefined}
  */
 localStorageMemory.setItem = function (key, value) {
-  if (typeof value === 'undefined') {
-    localStorageMemory.removeItem(key)
-  } else {
-    if (!(cache.hasOwnProperty(key))) {
-      localStorageMemory.length++
-    }
+    if ( typeof value === 'undefined' ) {
+        localStorageMemory.removeItem(key);
+    } else {
+        if ( ! (cache.hasOwnProperty(key)) ) {
+            localStorageMemory.length++;
+        }
 
-    cache[key] = '' + value
-  }
-}
+        cache[key] = `${ value}`;
+    }
+};
 
 /**
  * removes item for passed key
@@ -53,11 +53,11 @@ localStorageMemory.setItem = function (key, value) {
  * @returns {undefined}
  */
 localStorageMemory.removeItem = function (key) {
-  if (cache.hasOwnProperty(key)) {
-    delete cache[key]
-    localStorageMemory.length--
-  }
-}
+    if ( cache.hasOwnProperty(key) ) {
+        delete cache[key];
+        localStorageMemory.length--;
+    }
+};
 
 /**
  * returns name of key at passed index
@@ -67,8 +67,8 @@ localStorageMemory.removeItem = function (key) {
  * @returns {String|null}
  */
 localStorageMemory.key = function (index) {
-  return Object.keys(cache)[index] || null
-}
+    return Object.keys(cache)[index] || null;
+};
 
 /**
  * removes all stored items and sets length to 0
@@ -76,17 +76,14 @@ localStorageMemory.key = function (index) {
  * @returns {undefined}
  */
 localStorageMemory.clear = function () {
-  cache = {}
-  localStorageMemory.length = 0
-}
+    cache = {};
+    localStorageMemory.length = 0;
+};
 
-if (typeof exports === 'object') {
-  module.exports = localStorageMemory
+if ( typeof exports === 'object' ) {
+    module.exports = localStorageMemory;
 } else {
-  root.localStorage = localStorageMemory
+    root.localStorage = localStorageMemory;
 }
 
-
 export default localStorageMemory;
-
-

package/src/lib/polyfills/xhrshim.js

@@ -3,30 +3,30 @@
 /* global module */
 /* global EventTarget, AbortController, DOMException */
 
-const sReadyState = Symbol("readyState");
-const sHeaders = Symbol("headers");
-const sRespHeaders = Symbol("response headers");
-const sAbortController = Symbol("AbortController");
-const sMethod = Symbol("method");
-const sURL = Symbol("URL");
-const sMIME = Symbol("MIME");
-const sDispatch = Symbol("dispatch");
-const sErrored = Symbol("errored");
-const sTimeout = Symbol("timeout");
-const sTimedOut = Symbol("timedOut");
-const sIsResponseText = Symbol("isResponseText");
+const sReadyState = Symbol('readyState');
+const sHeaders = Symbol('headers');
+const sRespHeaders = Symbol('response headers');
+const sAbortController = Symbol('AbortController');
+const sMethod = Symbol('method');
+const sURL = Symbol('URL');
+const sMIME = Symbol('MIME');
+const sDispatch = Symbol('dispatch');
+const sErrored = Symbol('errored');
+const sTimeout = Symbol('timeout');
+const sTimedOut = Symbol('timedOut');
+const sIsResponseText = Symbol('isResponseText');
 
 // SO: https://stackoverflow.com/questions/49129643/how-do-i-merge-an-array-of-uint8arrays
-function mergeUint8Arrays(...arrays) {
-  const totalSize = arrays.reduce((acc, e) => acc + e.length, 0);
-  const merged = new Uint8Array(totalSize);
+function mergeUint8Arrays (...arrays) {
+    const totalSize = arrays.reduce((acc, e) => acc + e.length, 0);
+    const merged = new Uint8Array(totalSize);
 
-  arrays.forEach((array, i, arrays) => {
-    const offset = arrays.slice(0, i).reduce((acc, e) => acc + e.length, 0);
-    merged.set(array, offset);
-  });
+    arrays.forEach((array, i, arrays) => {
+        const offset = arrays.slice(0, i).reduce((acc, e) => acc + e.length, 0);
+        merged.set(array, offset);
+    });
 
-  return merged;
+    return merged;
 }
 
 /**
@@ -34,200 +34,199 @@ function mergeUint8Arrays(...arrays) {
  * @this {XMLHttpRequest}
  * @param {Uint8Array} bytes
  */
-async function parseBody(bytes) {
-  const responseType = this.responseType || "text";
-  const textde = new TextDecoder();
-  const finalMIME = this[sMIME] || this[sRespHeaders].get("content-type") || "text/plain";
-  switch (responseType) {
-    case "text":
-      this.response = textde.decode(bytes)
-      break;
-    case "blob":
-      this.response = new Blob([bytes], { type: finalMIME });
-      break;
-    case "arraybuffer":
-      this.response = bytes.buffer;
-      break;
-    case "json":
-      this.response = JSON.parse(textde.decode(bytes));
-      break;
-  }
+async function parseBody (bytes) {
+    const responseType = this.responseType || 'text';
+    const textde = new TextDecoder();
+    const finalMIME = this[sMIME] || this[sRespHeaders].get('content-type') || 'text/plain';
+    switch ( responseType ) {
+    case 'text':
+        this.response = textde.decode(bytes);
+        break;
+    case 'blob':
+        this.response = new Blob([bytes], { type: finalMIME });
+        break;
+    case 'arraybuffer':
+        this.response = bytes.buffer;
+        break;
+    case 'json':
+        this.response = JSON.parse(textde.decode(bytes));
+        break;
+    }
 }
 
 const XMLHttpRequestShim = class XMLHttpRequest extends EventTarget {
-  onreadystatechange() {
-
-  }
-
-  set readyState(value) {
-    if (this[sReadyState] === value) return; // dont do anything if "value" is already the internal value
-    this[sReadyState] = value;
-    this.dispatchEvent(new Event("readystatechange"));
-    this.onreadystatechange(new Event("readystatechange"));
-
-  }
-  get readyState() {
-    return this[sReadyState];
-  }
-
-  constructor() {
-    super();
-    this.readyState = this.constructor.UNSENT;
-    this.response = null;
-    this.responseType = "";
-    this.responseURL = "";
-    this.status = 0;
-    this.statusText = "";
-    this.timeout = 0;
-    this.withCredentials = false;
-    this[sHeaders] = Object.create(null);
-    this[sHeaders].accept = "*/*";
-    this[sRespHeaders] = Object.create(null);
-    this[sAbortController] = new AbortController();
-    this[sMethod] = "";
-    this[sURL] = "";
-    this[sMIME] = "";
-    this[sErrored] = false;
-    this[sTimeout] = 0;
-    this[sTimedOut] = false;
-    this[sIsResponseText] = true;
-  }
-  static get UNSENT() {
-    return 0;
-  }
-  static get OPENED() {
-    return 1;
-  }
-  static get HEADERS_RECEIVED() {
-    return 2;
-  }
-  static get LOADING() {
-    return 3;
-  }
-  static get DONE() {
-    return 4;
-  }
-  upload = {
-    addEventListener() {
-      // stub, doesn't do anything since its not possible to monitor with fetch and http/1.1
-    }
-  }
-  get responseText() {
-    if (this[sErrored]) return null;
-    if (this.readyState < this.constructor.HEADERS_RECEIVED) return "";
-    if (this[sIsResponseText]) return this.response;
-    throw new DOMException("Response type not set to text", "InvalidStateError");
-  }
-  get responseXML() {
-    throw new Error("XML not supported");
-  }
-  [sDispatch](evt) {
-    const attr = `on${evt.type}`;
-    if (typeof this[attr] === "function") {
-      this.addEventListener(evt.type, this[attr].bind(this), {
-        once: true
-      });
-    }
-    this.dispatchEvent(evt);
-  }
-  abort() {
-    this[sAbortController].abort();
-    this.status = 0;
-    this.readyState = this.constructor.UNSENT;
-  }
-  open(method, url) {
-    this.status = 0;
-    this[sMethod] = method;
-    this[sURL] = url;
-    this.readyState = this.constructor.OPENED;
-  }
-  setRequestHeader(header, value) {
-    header = String(header).toLowerCase();
-    if (typeof this[sHeaders][header] === "undefined") {
-      this[sHeaders][header] = String(value);
-    } else {
-      this[sHeaders][header] += `, ${value}`;
-    }
-  }
-  overrideMimeType(mimeType) {
-    this[sMIME] = String(mimeType);
-  }
-  getAllResponseHeaders() {
-    if (this[sErrored] || this.readyState < this.constructor.HEADERS_RECEIVED) return "";
-    return Array.from(this[sRespHeaders].entries().map(([header, value]) => `${header}: ${value}`)).join("\r\n");
-  }
-  getResponseHeader(headerName) {
-    const value = this[sRespHeaders].get(String(headerName).toLowerCase());
-    return typeof value === "string" ? value : null;
-  }
-  send(body = null) {
-    if (this.timeout > 0) {
-      this[sTimeout] = setTimeout(() => {
-        this[sTimedOut] = true;
+    onreadystatechange () {
+
+    }
+
+    set readyState (value) {
+        if ( this[sReadyState] === value ) return; // dont do anything if "value" is already the internal value
+        this[sReadyState] = value;
+        this.dispatchEvent(new Event('readystatechange'));
+        this.onreadystatechange(new Event('readystatechange'));
+
+    }
+    get readyState () {
+        return this[sReadyState];
+    }
+
+    constructor () {
+        super();
+        this.readyState = this.constructor.UNSENT;
+        this.response = null;
+        this.responseType = '';
+        this.responseURL = '';
+        this.status = 0;
+        this.statusText = '';
+        this.timeout = 0;
+        this.withCredentials = false;
+        this[sHeaders] = Object.create(null);
+        this[sHeaders].accept = '*/*';
+        this[sRespHeaders] = Object.create(null);
+        this[sAbortController] = new AbortController();
+        this[sMethod] = '';
+        this[sURL] = '';
+        this[sMIME] = '';
+        this[sErrored] = false;
+        this[sTimeout] = 0;
+        this[sTimedOut] = false;
+        this[sIsResponseText] = true;
+    }
+    static get UNSENT () {
+        return 0;
+    }
+    static get OPENED () {
+        return 1;
+    }
+    static get HEADERS_RECEIVED () {
+        return 2;
+    }
+    static get LOADING () {
+        return 3;
+    }
+    static get DONE () {
+        return 4;
+    }
+    upload = {
+        addEventListener () {
+            // stub, doesn't do anything since its not possible to monitor with fetch and http/1.1
+        },
+    };
+    get responseText () {
+        if ( this[sErrored] ) return null;
+        if ( this.readyState < this.constructor.HEADERS_RECEIVED ) return '';
+        if ( this[sIsResponseText] ) return this.response;
+        throw new DOMException('Response type not set to text', 'InvalidStateError');
+    }
+    get responseXML () {
+        throw new Error('XML not supported');
+    }
+    [sDispatch] (evt) {
+        const attr = `on${evt.type}`;
+        if ( typeof this[attr] === 'function' ) {
+            this.addEventListener(evt.type, this[attr].bind(this), {
+                once: true,
+            });
+        }
+        this.dispatchEvent(evt);
+    }
+    abort () {
         this[sAbortController].abort();
-      }, this.timeout);
-    }
-    const responseType = this.responseType || "text";
-    this[sIsResponseText] = responseType === "text";
-
-    this.setRequestHeader('user-agent', "puter-js/1.0")
-    this.setRequestHeader('origin', "https://puter.work");
-    this.setRequestHeader('referer', "https://puter.work/");
-
-    fetch(this[sURL], {
-      method: this[sMethod] || "GET",
-      signal: this[sAbortController].signal,
-      headers: this[sHeaders],
-      credentials: this.withCredentials ? "include" : "same-origin",
-      body
-    }).then(async resp => {
-      this.responseURL = resp.url;
-      this.status = resp.status;
-      this.statusText = resp.statusText;
-      this[sRespHeaders] = resp.headers;
-      this.readyState = this.constructor.HEADERS_RECEIVED;
-
-      if (resp.headers.get("content-type").includes("application/x-ndjson") || this.streamRequestBadForPerformance) {
-        let bytes = new Uint8Array();
-        for await (const chunk of resp.body) {
-          this.readyState = this.constructor.LOADING;
-
-          bytes = mergeUint8Arrays(bytes, chunk);
-          parseBody.call(this, bytes);
-          this[sDispatch](new CustomEvent("progress"));
+        this.status = 0;
+        this.readyState = this.constructor.UNSENT;
+    }
+    open (method, url) {
+        this.status = 0;
+        this[sMethod] = method;
+        this[sURL] = url;
+        this.readyState = this.constructor.OPENED;
+    }
+    setRequestHeader (header, value) {
+        header = String(header).toLowerCase();
+        if ( typeof this[sHeaders][header] === 'undefined' ) {
+            this[sHeaders][header] = String(value);
+        } else {
+            this[sHeaders][header] += `, ${value}`;
         }
-      } else {
-        const bytesChunks = [];
-        for await (const chunk of resp.body) {
-          bytesChunks.push(chunk)
+    }
+    overrideMimeType (mimeType) {
+        this[sMIME] = String(mimeType);
+    }
+    getAllResponseHeaders () {
+        if ( this[sErrored] || this.readyState < this.constructor.HEADERS_RECEIVED ) return '';
+        return Array.from(this[sRespHeaders].entries().map(([header, value]) => `${header}: ${value}`)).join('\r\n');
+    }
+    getResponseHeader (headerName) {
+        const value = this[sRespHeaders].get(String(headerName).toLowerCase());
+        return typeof value === 'string' ? value : null;
+    }
+    send (body = null) {
+        if ( this.timeout > 0 ) {
+            this[sTimeout] = setTimeout(() => {
+                this[sTimedOut] = true;
+                this[sAbortController].abort();
+            }, this.timeout);
         }
-        parseBody.call(this, mergeUint8Arrays(...bytesChunks));
-      }
-
-
-      this.readyState = this.constructor.DONE;
-      this[sDispatch](new CustomEvent("load"));
-    }, err => {
-      let eventName = "abort";
-      if (err.name !== "AbortError") {
-        this[sErrored] = true;
-        eventName = "error";
-      } else if (this[sTimedOut]) {
-        eventName = "timeout";
-      }
-      this.readyState = this.constructor.DONE;
-      this[sDispatch](new CustomEvent(eventName));
-    }).finally(() => this[sDispatch](new CustomEvent("loadend"))).finally(() => {
-      clearTimeout(this[sTimeout]);
-      this[sDispatch](new CustomEvent("loadstart"));
-    });
-  }
-}
+        const responseType = this.responseType || 'text';
+        this[sIsResponseText] = responseType === 'text';
+
+        this.setRequestHeader('user-agent', 'puter-js/1.0');
+        this.setRequestHeader('origin', 'https://puter.work');
+        this.setRequestHeader('referer', 'https://puter.work/');
+
+        fetch(this[sURL], {
+            method: this[sMethod] || 'GET',
+            signal: this[sAbortController].signal,
+            headers: this[sHeaders],
+            credentials: this.withCredentials ? 'include' : 'same-origin',
+            body,
+        }).then(async resp => {
+            this.responseURL = resp.url;
+            this.status = resp.status;
+            this.statusText = resp.statusText;
+            this[sRespHeaders] = resp.headers;
+            this.readyState = this.constructor.HEADERS_RECEIVED;
+
+            if ( resp.headers.get('content-type').includes('application/x-ndjson') || this.streamRequestBadForPerformance ) {
+                let bytes = new Uint8Array();
+                for await ( const chunk of resp.body ) {
+                    this.readyState = this.constructor.LOADING;
+
+                    bytes = mergeUint8Arrays(bytes, chunk);
+                    parseBody.call(this, bytes);
+                    this[sDispatch](new CustomEvent('progress'));
+                }
+            } else {
+                const bytesChunks = [];
+                for await ( const chunk of resp.body ) {
+                    bytesChunks.push(chunk);
+                }
+                parseBody.call(this, mergeUint8Arrays(...bytesChunks));
+            }
+
+            this.readyState = this.constructor.DONE;
+            this[sDispatch](new CustomEvent('load'));
+        }, err => {
+            let eventName = 'abort';
+            if ( err.name !== 'AbortError' ) {
+                this[sErrored] = true;
+                eventName = 'error';
+            } else if ( this[sTimedOut] ) {
+                eventName = 'timeout';
+            }
+            this.readyState = this.constructor.DONE;
+            this[sDispatch](new CustomEvent(eventName));
+        }).finally(() => this[sDispatch](new CustomEvent('loadend'))).finally(() => {
+            clearTimeout(this[sTimeout]);
+            this[sDispatch](new CustomEvent('loadstart'));
+        });
+    }
+};
 
-if (typeof module === "object" && module.exports) {
-  module.exports = XMLHttpRequestShim;
+if ( typeof module === 'object' && module.exports ) {
+    module.exports = XMLHttpRequestShim;
 } else {
-  (globalThis || self).XMLHttpRequestShim = XMLHttpRequestShim;
+    (globalThis || self).XMLHttpRequestShim = XMLHttpRequestShim;
 }
 
-export default XMLHttpRequestShim
+export default XMLHttpRequestShim;