turbo-stream 1.0.2 → 1.0.4

package/README.md

@@ -2,6 +2,8 @@
 
 A streaming data transport format that aims to support built-in features such as Promises, Dates, RegExps, Maps, Sets and more.
 
+Decode runtime size: [![turbo-stream's badge](https://deno.bundlejs.com/badge?q=turbo-stream&badge=detailed&treeshake=%5B%7B+decode+%7D%5D)](https://bundlejs.com/?q=turbo-stream&treeshake=%5B%7B+decode+%7D%5D)
+
 ## Shout Out!
 
 Shout out to Rich Harris and his https://github.com/rich-harris/devalue project. Devalue has heavily influenced this project and portions
@@ -26,3 +28,4 @@ await decoded.done; // wait for the stream to finish
 ```
 
 Stackblitz: https://stackblitz.com/edit/stackblitz-starters-2wm7dh?file=index.js
+React SSR Example: https://github.com/jacob-ebey/turbo-stream-react-example

package/dist/flatten.js

@@ -1,6 +1,7 @@
-import { HOLE, NAN, NEGATIVE_INFINITY, NEGATIVE_ZERO, POSITIVE_INFINITY, TYPE_BIGINT, TYPE_DATE, TYPE_ERROR, TYPE_MAP, TYPE_NULL_OBJECT, TYPE_PROMISE, TYPE_REGEXP, TYPE_SET, TYPE_SYMBOL, UNDEFINED, } from "./utils.js";
+import { HOLE, NAN, NEGATIVE_INFINITY, NEGATIVE_ZERO, POSITIVE_INFINITY, UNDEFINED, TYPE_BIGINT, TYPE_DATE, TYPE_ERROR, TYPE_MAP, TYPE_NULL_OBJECT, TYPE_PROMISE, TYPE_REGEXP, TYPE_SET, TYPE_SYMBOL, TYPE_URL, } from "./utils.js";
 export function flatten(input) {
-    const existing = this.indicies.get(input);
+    const { indicies } = this;
+    const existing = indicies.get(input);
     if (existing)
         return existing;
     if (input === undefined)
@@ -14,12 +15,16 @@ export function flatten(input) {
     if (input === 0 && 1 / input < 0)
         return NEGATIVE_ZERO;
     const index = this.index++;
-    this.indicies.set(input, index);
+    indicies.set(input, index);
     stringify.call(this, input, index);
     return index;
 }
 function stringify(input, index) {
+    const { deferred } = this;
     const str = this.stringified;
+    const partsForObj = (obj) => Object.keys(obj)
+        .map((k) => `${JSON.stringify(k)}:${flatten.call(this, obj[k])}`)
+        .join(",");
     switch (typeof input) {
         case "boolean":
         case "number":
@@ -50,6 +55,9 @@ function stringify(input, index) {
             else if (input instanceof Date) {
                 str[index] = `["${TYPE_DATE}",${input.getTime()}]`;
             }
+            else if (input instanceof URL) {
+                str[index] = `["${TYPE_URL}",${JSON.stringify(input.href)}]`;
+            }
             else if (input instanceof RegExp) {
                 str[index] = `["${TYPE_REGEXP}",${JSON.stringify(input.source)},${JSON.stringify(input.flags)}]`;
             }
@@ -65,7 +73,7 @@ function stringify(input, index) {
             }
             else if (input instanceof Promise) {
                 str[index] = `["${TYPE_PROMISE}",${index}]`;
-                this.deferred[index] = input;
+                deferred[index] = input;
             }
             else if (input instanceof Error) {
                 str[index] = `["${TYPE_ERROR}",${JSON.stringify(input.message)}`;
@@ -75,17 +83,10 @@ function stringify(input, index) {
                 str[index] += "]";
             }
             else if (Object.getPrototypeOf(input) === null) {
-                str[index] = `["${TYPE_NULL_OBJECT}"`;
-                const parts = [];
-                for (const key in input)
-                    parts.push(`${JSON.stringify(key)}:${flatten.call(this, input[key])}`);
-                str[index] += ",{" + parts.join(",") + "}]";
+                str[index] = `["${TYPE_NULL_OBJECT}",{${partsForObj(input)}}]`;
             }
             else if (isPlainObject(input)) {
-                const parts = [];
-                for (const key in input)
-                    parts.push(`${JSON.stringify(key)}:${flatten.call(this, input[key])}`);
-                str[index] = "{" + parts.join(",") + "}";
+                str[index] = `{${partsForObj(input)}}`;
             }
             else {
                 throw new Error("Cannot encode object with prototype");

package/dist/turbo-stream.js

@@ -1,6 +1,6 @@
 import { flatten } from "./flatten.js";
 import { unflatten } from "./unflatten.js";
-import { createLineSplittingTransform, Deferred, TYPE_PROMISE, TYPE_ERROR, } from "./utils.js";
+import { Deferred, TYPE_ERROR, TYPE_PROMISE, createLineSplittingTransform, } from "./utils.js";
 export async function decode(readable) {
     const done = new Deferred();
     const reader = readable

package/dist/unflatten.js

@@ -1,17 +1,18 @@
-import { Deferred, HOLE, NAN, NEGATIVE_INFINITY, NEGATIVE_ZERO, POSITIVE_INFINITY, TYPE_BIGINT, TYPE_DATE, TYPE_MAP, TYPE_PROMISE, TYPE_REGEXP, TYPE_SET, TYPE_SYMBOL, UNDEFINED, TYPE_ERROR, TYPE_NULL_OBJECT, } from "./utils.js";
+import { Deferred, HOLE, NAN, NEGATIVE_INFINITY, NEGATIVE_ZERO, POSITIVE_INFINITY, UNDEFINED, TYPE_BIGINT, TYPE_DATE, TYPE_ERROR, TYPE_MAP, TYPE_NULL_OBJECT, TYPE_PROMISE, TYPE_REGEXP, TYPE_SET, TYPE_SYMBOL, TYPE_URL, } from "./utils.js";
 const globalObj = (typeof window !== "undefined"
     ? window
     : typeof globalThis !== "undefined"
         ? globalThis
         : undefined);
 export function unflatten(parsed) {
+    const { hydrated, values } = this;
     if (typeof parsed === "number")
         return hydrate.call(this, parsed);
     if (!Array.isArray(parsed) || !parsed.length)
         throw new SyntaxError();
-    const startIndex = this.values.length;
-    this.values.push(...parsed);
-    this.hydrated.length = this.values.length;
+    const startIndex = values.length;
+    values.push(...parsed);
+    hydrated.length = values.length;
     return hydrate.call(this, startIndex);
 }
 function hydrate(index) {
@@ -35,15 +36,18 @@ function hydrate(index) {
         return (hydrated[index] = value);
     if (Array.isArray(value)) {
         if (typeof value[0] === "string") {
-            switch (value[0]) {
+            const [type, b, c] = value;
+            switch (type) {
                 case TYPE_DATE:
-                    return (hydrated[index] = new Date(value[1]));
+                    return (hydrated[index] = new Date(b));
+                case TYPE_URL:
+                    return (hydrated[index] = new URL(b));
                 case TYPE_BIGINT:
-                    return (hydrated[index] = BigInt(value[1]));
+                    return (hydrated[index] = BigInt(b));
                 case TYPE_REGEXP:
-                    return (hydrated[index] = new RegExp(value[1], value[2]));
+                    return (hydrated[index] = new RegExp(b, c));
                 case TYPE_SYMBOL:
-                    return (hydrated[index] = Symbol.for(value[1]));
+                    return (hydrated[index] = Symbol.for(b));
                 case TYPE_SET:
                     const set = new Set();
                     hydrated[index] = set;
@@ -61,16 +65,16 @@ function hydrate(index) {
                     console.log({ value });
                     const obj = Object.create(null);
                     hydrated[index] = obj;
-                    for (const key in value[1])
-                        obj[key] = hydrate.call(this, value[1][key]);
+                    for (const key in b)
+                        obj[key] = hydrate.call(this, b[key]);
                     return obj;
                 case TYPE_PROMISE:
-                    if (hydrated[value[1]]) {
-                        return (hydrated[index] = hydrated[value[1]]);
+                    if (hydrated[b]) {
+                        return (hydrated[index] = hydrated[b]);
                     }
                     else {
                         const d = new Deferred();
-                        deferred[value[1]] = d;
+                        deferred[b] = d;
                         return (hydrated[index] = d.promise);
                     }
                 case TYPE_ERROR:

package/dist/utils.d.ts

@@ -1,18 +1,19 @@
-export declare const UNDEFINED = -1;
 export declare const HOLE = -1;
 export declare const NAN = -2;
-export declare const POSITIVE_INFINITY = -3;
 export declare const NEGATIVE_INFINITY = -4;
 export declare const NEGATIVE_ZERO = -5;
+export declare const POSITIVE_INFINITY = -3;
+export declare const UNDEFINED = -1;
 export declare const TYPE_BIGINT = "B";
 export declare const TYPE_DATE = "D";
+export declare const TYPE_ERROR = "E";
 export declare const TYPE_MAP = "M";
-export declare const TYPE_SET = "S";
-export declare const TYPE_REGEXP = "R";
-export declare const TYPE_SYMBOL = "Y";
 export declare const TYPE_NULL_OBJECT = "N";
 export declare const TYPE_PROMISE = "P";
-export declare const TYPE_ERROR = "E";
+export declare const TYPE_REGEXP = "R";
+export declare const TYPE_SET = "S";
+export declare const TYPE_SYMBOL = "Y";
+export declare const TYPE_URL = "U";
 export interface ThisDecode {
     values: unknown[];
     hydrated: unknown[];

package/dist/utils.js

@@ -1,18 +1,19 @@
-export const UNDEFINED = -1;
 export const HOLE = -1;
 export const NAN = -2;
-export const POSITIVE_INFINITY = -3;
 export const NEGATIVE_INFINITY = -4;
 export const NEGATIVE_ZERO = -5;
+export const POSITIVE_INFINITY = -3;
+export const UNDEFINED = -1;
 export const TYPE_BIGINT = "B";
 export const TYPE_DATE = "D";
+export const TYPE_ERROR = "E";
 export const TYPE_MAP = "M";
-export const TYPE_SET = "S";
-export const TYPE_REGEXP = "R";
-export const TYPE_SYMBOL = "Y";
 export const TYPE_NULL_OBJECT = "N";
 export const TYPE_PROMISE = "P";
-export const TYPE_ERROR = "E";
+export const TYPE_REGEXP = "R";
+export const TYPE_SET = "S";
+export const TYPE_SYMBOL = "Y";
+export const TYPE_URL = "U";
 export class Deferred {
     promise;
     resolve;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "turbo-stream",
-  "version": "1.0.2",
+  "version": "1.0.4",
   "description": "A streaming data transport format that aims to support built-in features such as Promises, Dates, RegExps, Maps, Sets and more.",
   "type": "module",
   "files": [