@tldraw/sync-core
Version:
tldraw infinite canvas SDK (multiplayer sync).
89 lines (88 loc) • 3.14 kB
JavaScript
;
var __defProp = Object.defineProperty;
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
var __getOwnPropNames = Object.getOwnPropertyNames;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __export = (target, all) => {
for (var name in all)
__defProp(target, name, { get: all[name], enumerable: true });
};
var __copyProps = (to, from, except, desc) => {
if (from && typeof from === "object" || typeof from === "function") {
for (let key of __getOwnPropNames(from))
if (!__hasOwnProp.call(to, key) && key !== except)
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
}
return to;
};
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
var chunk_exports = {};
__export(chunk_exports, {
JsonChunkAssembler: () => JsonChunkAssembler,
chunk: () => chunk
});
module.exports = __toCommonJS(chunk_exports);
const MAX_CLIENT_SENT_MESSAGE_SIZE_BYTES = 1024 * 1024;
const MAX_BYTES_PER_CHAR = 4;
const MAX_SAFE_MESSAGE_SIZE = MAX_CLIENT_SENT_MESSAGE_SIZE_BYTES / MAX_BYTES_PER_CHAR;
function chunk(msg, maxSafeMessageSize = MAX_SAFE_MESSAGE_SIZE) {
if (msg.length < maxSafeMessageSize) {
return [msg];
} else {
const chunks = [];
let chunkNumber = 0;
let offset = msg.length;
while (offset > 0) {
const prefix = `${chunkNumber}_`;
const chunkSize = Math.max(Math.min(maxSafeMessageSize - prefix.length, offset), 1);
chunks.unshift(prefix + msg.slice(offset - chunkSize, offset));
offset -= chunkSize;
chunkNumber++;
}
return chunks;
}
}
const chunkRe = /^(\d+)_(.*)$/;
class JsonChunkAssembler {
state = "idle";
handleMessage(msg) {
if (msg.startsWith("{")) {
const error = this.state === "idle" ? void 0 : new Error("Unexpected non-chunk message");
this.state = "idle";
return error ? { error } : { data: JSON.parse(msg), stringified: msg };
} else {
const match = chunkRe.exec(msg);
if (!match) {
this.state = "idle";
return { error: new Error("Invalid chunk: " + JSON.stringify(msg.slice(0, 20) + "...")) };
}
const numChunksRemaining = Number(match[1]);
const data = match[2];
if (this.state === "idle") {
this.state = {
chunksReceived: [data],
totalChunks: numChunksRemaining + 1
};
} else {
this.state.chunksReceived.push(data);
if (numChunksRemaining !== this.state.totalChunks - this.state.chunksReceived.length) {
this.state = "idle";
return { error: new Error(`Chunks received in wrong order`) };
}
}
if (this.state.chunksReceived.length === this.state.totalChunks) {
try {
const stringified = this.state.chunksReceived.join("");
const data2 = JSON.parse(stringified);
return { data: data2, stringified };
} catch (e) {
return { error: e };
} finally {
this.state = "idle";
}
}
return null;
}
}
}
//# sourceMappingURL=chunk.js.map