zitejs 0.9.117 → 0.9.119

package/dist/cjs/bundle/index.js

@@ -96,6 +96,12 @@ const PREBUNDLED_LIBS = {
     '@elevenlabs/elevenlabs-js': '__elevenlabs__.js',
     'resend': '__resend__.js',
     '@clickhouse/client-web': '__clickhouse__.js',
+    // Three packages, one module: the presigners take an S3Client instance, so a
+    // separate bundle each would hand them a structurally identical but distinct
+    // class. The worker bundles all three together for that reason.
+    '@aws-sdk/client-s3': '__aws-s3__.js',
+    '@aws-sdk/s3-request-presigner': '__aws-s3__.js',
+    '@aws-sdk/s3-presigned-post': '__aws-s3__.js',
 };
 exports.BASE_BUILD_OPTIONS = {
     bundle: true,

package/dist/cjs/upload/index.d.ts

@@ -2,6 +2,7 @@ export type UploadData = string | Blob | ArrayBuffer | File;
 export declare class FileUploadError extends Error {
     constructor(message: string);
 }
+export declare function toUploadBlob(data: UploadData): Blob;
 export declare function uploadFile({ data, filename, }: {
     data: UploadData;
     filename: string;

package/dist/cjs/upload/index.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FileUploadError = void 0;
+exports.toUploadBlob = toUploadBlob;
 exports.uploadFile = uploadFile;
 exports.useUpload = useUpload;
 const react_1 = require("react");
@@ -24,33 +25,35 @@ function getZiteAppMode(hostname) {
     }
     return 'live';
 }
-function readBlobAsDataUrl(blob) {
-    return new Promise((resolve, reject) => {
-        const reader = new FileReader();
-        reader.onload = () => resolve(reader.result);
-        reader.onerror = () => reject(reader.error ?? new Error('Failed to read file'));
-        reader.readAsDataURL(blob);
-    });
+function decodeDataUrl(dataUrl) {
+    const comma = dataUrl.indexOf(',');
+    if (comma === -1) {
+        throw new FileUploadError('Invalid data URL');
+    }
+    const header = dataUrl.slice(0, comma);
+    const payload = dataUrl.slice(comma + 1);
+    const mimeMatch = /^data:([^;,]*)/.exec(header);
+    const mimeType = mimeMatch?.[1] || 'application/octet-stream';
+    const bytes = Uint8Array.from(atob(payload), c => c.charCodeAt(0));
+    return new Blob([bytes], { type: mimeType });
 }
-async function toDataUrl(data) {
-    if (data instanceof Blob) {
-        return readBlobAsDataUrl(data);
+function toUploadBlob(data) {
+    if (typeof Blob !== 'undefined' && data instanceof Blob) {
+        return data;
     }
     if (data instanceof ArrayBuffer) {
-        const bytes = new Uint8Array(data);
-        let binary = '';
-        for (let i = 0; i < bytes.byteLength; i++) {
-            binary += String.fromCharCode(bytes[i]);
-        }
-        return 'data:application/octet-stream;base64,' + btoa(binary);
+        return new Blob([data], { type: 'application/octet-stream' });
     }
     if (typeof data === 'string') {
         if (data.startsWith('data:'))
-            return data;
-        if (/^[A-Za-z0-9+/]+=*$/.test(data)) {
-            return 'data:application/octet-stream;base64,' + data;
+            return decodeDataUrl(data);
+        // Only treat as raw base64 when the string is padded/aligned — otherwise
+        // short text like "hello" matches the alphabet and atob throws.
+        if (data.length % 4 === 0 && /^[A-Za-z0-9+/]+={0,2}$/.test(data)) {
+            const bytes = Uint8Array.from(atob(data), c => c.charCodeAt(0));
+            return new Blob([bytes], { type: 'application/octet-stream' });
         }
-        return 'data:text/plain;base64,' + btoa(unescape(encodeURIComponent(data)));
+        return new Blob([data], { type: 'text/plain' });
     }
     throw new FileUploadError('Invalid data format. Expected string, Blob, ArrayBuffer, or File.');
 }
@@ -62,36 +65,55 @@ function resolveFilename(data, filename) {
     }
     throw new FileUploadError('A filename is required unless the uploaded data is a File.');
 }
-async function performUpload(data, filename) {
-    const body = await toDataUrl(data);
-    const mode = getZiteAppMode(window.location.hostname);
-    const flowId = (0, config_js_1.getFlowId)();
+async function readErrorMessage(res, fallback) {
+    try {
+        const err = (await res.json());
+        if (err.message)
+            return err.message;
+    }
+    catch { }
+    return fallback;
+}
+function authHeaders() {
     const token = typeof localStorage !== 'undefined'
         ? localStorage.getItem('zite.auth.token')
         : null;
-    const res = await fetch((0, config_js_1.getApiUrl)() + '/v1/zite/public/' + flowId + '/upload?mode=' + mode, {
+    return token ? { Authorization: 'Bearer ' + token } : {};
+}
+async function performUpload(data, filename) {
+    const blob = toUploadBlob(data);
+    const mode = getZiteAppMode(window.location.hostname);
+    const flowId = (0, config_js_1.getFlowId)();
+    const sessionRes = await fetch((0, config_js_1.getApiUrl)() + '/v1/zite/public/' + flowId + '/upload-session?mode=' + mode, {
         method: 'POST',
         headers: {
             'Content-Type': 'application/json',
-            ...(token ? { Authorization: 'Bearer ' + token } : {}),
+            ...authHeaders(),
         },
-        body: JSON.stringify({ data: body, filename }),
+        body: JSON.stringify({
+            filename,
+            uploadLength: blob.size,
+            contentType: blob.type || 'application/octet-stream',
+        }),
     });
-    if (!res.ok) {
-        let message = 'Upload failed';
-        try {
-            const err = (await res.json());
-            if (err.message)
-                message = err.message;
-        }
-        catch { }
-        throw new FileUploadError(message);
+    if (!sessionRes.ok) {
+        throw new FileUploadError(await readErrorMessage(sessionRes, 'Upload failed'));
     }
-    const result = (await res.json());
-    if (!result.success || !result.fileUrl) {
-        throw new FileUploadError(result.message ?? 'Upload failed');
+    const session = (await sessionRes.json());
+    if (!session.success || !session.presignedUrl || !session.fileUrl) {
+        throw new FileUploadError(session.message ?? 'Upload failed');
+    }
+    const putRes = await fetch(session.presignedUrl, {
+        method: 'PUT',
+        headers: {
+            'Content-Type': session.contentType || blob.type || 'application/octet-stream',
+        },
+        body: blob,
+    });
+    if (!putRes.ok) {
+        throw new FileUploadError('Upload failed');
     }
-    return result.fileUrl;
+    return session.fileUrl;
 }
 async function uploadFile({ data, filename, }) {
     return { fileUrl: await performUpload(data, filename) };

package/dist/cjs/upload/index.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/cjs/upload/index.test.js

@@ -0,0 +1,68 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const vitest_1 = require("vitest");
+const index_js_1 = require("./index.js");
+vitest_1.vi.mock('../auth/config.js', () => ({
+    getApiUrl: () => 'https://api.example.com',
+    getFlowId: () => 'app_123',
+}));
+const fetchMock = vitest_1.vi.fn();
+(0, vitest_1.beforeEach)(() => {
+    fetchMock.mockReset();
+    vitest_1.vi.stubGlobal('fetch', fetchMock);
+    vitest_1.vi.stubGlobal('window', { location: { hostname: 'portal.acme.com' } });
+    vitest_1.vi.stubGlobal('localStorage', { getItem: () => null });
+});
+(0, vitest_1.afterEach)(() => {
+    vitest_1.vi.unstubAllGlobals();
+});
+(0, vitest_1.describe)('toUploadBlob', () => {
+    (0, vitest_1.it)('wraps a string as text/plain and preserves File/Blob size', () => {
+        (0, vitest_1.expect)((0, index_js_1.toUploadBlob)('hello').size).toBe(5);
+        (0, vitest_1.expect)((0, index_js_1.toUploadBlob)('hello').type).toBe('text/plain');
+        const file = new File(['abc'], 'note.txt', { type: 'text/plain' });
+        (0, vitest_1.expect)((0, index_js_1.toUploadBlob)(file).size).toBe(3);
+    });
+});
+(0, vitest_1.describe)('uploadFile', () => {
+    (0, vitest_1.it)('requests a session then PUTs the bytes to the presigned URL', async () => {
+        const file = new File(['hello-world'], 'hello.txt', { type: 'text/plain' });
+        fetchMock
+            .mockResolvedValueOnce({
+            ok: true,
+            json: async () => ({
+                success: true,
+                presignedUrl: 'https://s3.example.com/put',
+                fileUrl: 'https://uploads.zite.com/orgid-1/zite-uploads/app_123/hello.txt',
+                contentType: 'text/plain',
+            }),
+        })
+            .mockResolvedValueOnce({ ok: true });
+        const result = await (0, index_js_1.uploadFile)({ data: file, filename: 'hello.txt' });
+        (0, vitest_1.expect)(result.fileUrl).toContain('hello.txt');
+        (0, vitest_1.expect)(fetchMock).toHaveBeenCalledTimes(2);
+        (0, vitest_1.expect)(fetchMock.mock.calls[0][0]).toBe('https://api.example.com/v1/zite/public/app_123/upload-session?mode=live');
+        const sessionInit = fetchMock.mock.calls[0][1];
+        (0, vitest_1.expect)(JSON.parse(sessionInit.body)).toEqual({
+            filename: 'hello.txt',
+            uploadLength: 11,
+            contentType: 'text/plain',
+        });
+        (0, vitest_1.expect)(fetchMock.mock.calls[1][0]).toBe('https://s3.example.com/put');
+        (0, vitest_1.expect)(fetchMock.mock.calls[1][1].method).toBe('PUT');
+    });
+    (0, vitest_1.it)('surfaces the plan-limit message from the session endpoint', async () => {
+        fetchMock.mockResolvedValueOnce({
+            ok: false,
+            json: async () => ({
+                message: 'File size exceeds maximum of 20 MB',
+            }),
+        });
+        const upload = (0, index_js_1.uploadFile)({
+            data: new File(['x'], 'big.bin'),
+            filename: 'big.bin',
+        });
+        await (0, vitest_1.expect)(upload).rejects.toBeInstanceOf(index_js_1.FileUploadError);
+        await (0, vitest_1.expect)(upload).rejects.toThrow('File size exceeds maximum of 20 MB');
+    });
+});

package/dist/esm/bundle/index.js

@@ -59,6 +59,12 @@ const PREBUNDLED_LIBS = {
     '@elevenlabs/elevenlabs-js': '__elevenlabs__.js',
     'resend': '__resend__.js',
     '@clickhouse/client-web': '__clickhouse__.js',
+    // Three packages, one module: the presigners take an S3Client instance, so a
+    // separate bundle each would hand them a structurally identical but distinct
+    // class. The worker bundles all three together for that reason.
+    '@aws-sdk/client-s3': '__aws-s3__.js',
+    '@aws-sdk/s3-request-presigner': '__aws-s3__.js',
+    '@aws-sdk/s3-presigned-post': '__aws-s3__.js',
 };
 export const BASE_BUILD_OPTIONS = {
     bundle: true,

package/dist/esm/upload/index.d.ts

@@ -2,6 +2,7 @@ export type UploadData = string | Blob | ArrayBuffer | File;
 export declare class FileUploadError extends Error {
     constructor(message: string);
 }
+export declare function toUploadBlob(data: UploadData): Blob;
 export declare function uploadFile({ data, filename, }: {
     data: UploadData;
     filename: string;

package/dist/esm/upload/index.js

@@ -18,33 +18,35 @@ function getZiteAppMode(hostname) {
     }
     return 'live';
 }
-function readBlobAsDataUrl(blob) {
-    return new Promise((resolve, reject) => {
-        const reader = new FileReader();
-        reader.onload = () => resolve(reader.result);
-        reader.onerror = () => reject(reader.error ?? new Error('Failed to read file'));
-        reader.readAsDataURL(blob);
-    });
+function decodeDataUrl(dataUrl) {
+    const comma = dataUrl.indexOf(',');
+    if (comma === -1) {
+        throw new FileUploadError('Invalid data URL');
+    }
+    const header = dataUrl.slice(0, comma);
+    const payload = dataUrl.slice(comma + 1);
+    const mimeMatch = /^data:([^;,]*)/.exec(header);
+    const mimeType = mimeMatch?.[1] || 'application/octet-stream';
+    const bytes = Uint8Array.from(atob(payload), c => c.charCodeAt(0));
+    return new Blob([bytes], { type: mimeType });
 }
-async function toDataUrl(data) {
-    if (data instanceof Blob) {
-        return readBlobAsDataUrl(data);
+export function toUploadBlob(data) {
+    if (typeof Blob !== 'undefined' && data instanceof Blob) {
+        return data;
     }
     if (data instanceof ArrayBuffer) {
-        const bytes = new Uint8Array(data);
-        let binary = '';
-        for (let i = 0; i < bytes.byteLength; i++) {
-            binary += String.fromCharCode(bytes[i]);
-        }
-        return 'data:application/octet-stream;base64,' + btoa(binary);
+        return new Blob([data], { type: 'application/octet-stream' });
     }
     if (typeof data === 'string') {
         if (data.startsWith('data:'))
-            return data;
-        if (/^[A-Za-z0-9+/]+=*$/.test(data)) {
-            return 'data:application/octet-stream;base64,' + data;
+            return decodeDataUrl(data);
+        // Only treat as raw base64 when the string is padded/aligned — otherwise
+        // short text like "hello" matches the alphabet and atob throws.
+        if (data.length % 4 === 0 && /^[A-Za-z0-9+/]+={0,2}$/.test(data)) {
+            const bytes = Uint8Array.from(atob(data), c => c.charCodeAt(0));
+            return new Blob([bytes], { type: 'application/octet-stream' });
         }
-        return 'data:text/plain;base64,' + btoa(unescape(encodeURIComponent(data)));
+        return new Blob([data], { type: 'text/plain' });
     }
     throw new FileUploadError('Invalid data format. Expected string, Blob, ArrayBuffer, or File.');
 }
@@ -56,36 +58,55 @@ function resolveFilename(data, filename) {
     }
     throw new FileUploadError('A filename is required unless the uploaded data is a File.');
 }
-async function performUpload(data, filename) {
-    const body = await toDataUrl(data);
-    const mode = getZiteAppMode(window.location.hostname);
-    const flowId = getFlowId();
+async function readErrorMessage(res, fallback) {
+    try {
+        const err = (await res.json());
+        if (err.message)
+            return err.message;
+    }
+    catch { }
+    return fallback;
+}
+function authHeaders() {
     const token = typeof localStorage !== 'undefined'
         ? localStorage.getItem('zite.auth.token')
         : null;
-    const res = await fetch(getApiUrl() + '/v1/zite/public/' + flowId + '/upload?mode=' + mode, {
+    return token ? { Authorization: 'Bearer ' + token } : {};
+}
+async function performUpload(data, filename) {
+    const blob = toUploadBlob(data);
+    const mode = getZiteAppMode(window.location.hostname);
+    const flowId = getFlowId();
+    const sessionRes = await fetch(getApiUrl() + '/v1/zite/public/' + flowId + '/upload-session?mode=' + mode, {
         method: 'POST',
         headers: {
             'Content-Type': 'application/json',
-            ...(token ? { Authorization: 'Bearer ' + token } : {}),
+            ...authHeaders(),
         },
-        body: JSON.stringify({ data: body, filename }),
+        body: JSON.stringify({
+            filename,
+            uploadLength: blob.size,
+            contentType: blob.type || 'application/octet-stream',
+        }),
     });
-    if (!res.ok) {
-        let message = 'Upload failed';
-        try {
-            const err = (await res.json());
-            if (err.message)
-                message = err.message;
-        }
-        catch { }
-        throw new FileUploadError(message);
+    if (!sessionRes.ok) {
+        throw new FileUploadError(await readErrorMessage(sessionRes, 'Upload failed'));
     }
-    const result = (await res.json());
-    if (!result.success || !result.fileUrl) {
-        throw new FileUploadError(result.message ?? 'Upload failed');
+    const session = (await sessionRes.json());
+    if (!session.success || !session.presignedUrl || !session.fileUrl) {
+        throw new FileUploadError(session.message ?? 'Upload failed');
+    }
+    const putRes = await fetch(session.presignedUrl, {
+        method: 'PUT',
+        headers: {
+            'Content-Type': session.contentType || blob.type || 'application/octet-stream',
+        },
+        body: blob,
+    });
+    if (!putRes.ok) {
+        throw new FileUploadError('Upload failed');
     }
-    return result.fileUrl;
+    return session.fileUrl;
 }
 export async function uploadFile({ data, filename, }) {
     return { fileUrl: await performUpload(data, filename) };

package/dist/esm/upload/index.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/esm/upload/index.test.js

@@ -0,0 +1,66 @@
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
+import { FileUploadError, toUploadBlob, uploadFile } from './index.js';
+vi.mock('../auth/config.js', () => ({
+    getApiUrl: () => 'https://api.example.com',
+    getFlowId: () => 'app_123',
+}));
+const fetchMock = vi.fn();
+beforeEach(() => {
+    fetchMock.mockReset();
+    vi.stubGlobal('fetch', fetchMock);
+    vi.stubGlobal('window', { location: { hostname: 'portal.acme.com' } });
+    vi.stubGlobal('localStorage', { getItem: () => null });
+});
+afterEach(() => {
+    vi.unstubAllGlobals();
+});
+describe('toUploadBlob', () => {
+    it('wraps a string as text/plain and preserves File/Blob size', () => {
+        expect(toUploadBlob('hello').size).toBe(5);
+        expect(toUploadBlob('hello').type).toBe('text/plain');
+        const file = new File(['abc'], 'note.txt', { type: 'text/plain' });
+        expect(toUploadBlob(file).size).toBe(3);
+    });
+});
+describe('uploadFile', () => {
+    it('requests a session then PUTs the bytes to the presigned URL', async () => {
+        const file = new File(['hello-world'], 'hello.txt', { type: 'text/plain' });
+        fetchMock
+            .mockResolvedValueOnce({
+            ok: true,
+            json: async () => ({
+                success: true,
+                presignedUrl: 'https://s3.example.com/put',
+                fileUrl: 'https://uploads.zite.com/orgid-1/zite-uploads/app_123/hello.txt',
+                contentType: 'text/plain',
+            }),
+        })
+            .mockResolvedValueOnce({ ok: true });
+        const result = await uploadFile({ data: file, filename: 'hello.txt' });
+        expect(result.fileUrl).toContain('hello.txt');
+        expect(fetchMock).toHaveBeenCalledTimes(2);
+        expect(fetchMock.mock.calls[0][0]).toBe('https://api.example.com/v1/zite/public/app_123/upload-session?mode=live');
+        const sessionInit = fetchMock.mock.calls[0][1];
+        expect(JSON.parse(sessionInit.body)).toEqual({
+            filename: 'hello.txt',
+            uploadLength: 11,
+            contentType: 'text/plain',
+        });
+        expect(fetchMock.mock.calls[1][0]).toBe('https://s3.example.com/put');
+        expect(fetchMock.mock.calls[1][1].method).toBe('PUT');
+    });
+    it('surfaces the plan-limit message from the session endpoint', async () => {
+        fetchMock.mockResolvedValueOnce({
+            ok: false,
+            json: async () => ({
+                message: 'File size exceeds maximum of 20 MB',
+            }),
+        });
+        const upload = uploadFile({
+            data: new File(['x'], 'big.bin'),
+            filename: 'big.bin',
+        });
+        await expect(upload).rejects.toBeInstanceOf(FileUploadError);
+        await expect(upload).rejects.toThrow('File size exceeds maximum of 20 MB');
+    });
+});

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "zitejs",
-  "version": "0.9.117",
-  "description": "The Zite framework \u2014 build apps on Zite Database",
+  "version": "0.9.119",
+  "description": "The Zite framework — build apps on Zite Database",
   "type": "module",
   "main": "./dist/cjs/index.js",
   "module": "./dist/esm/index.js",