@bloklabs/presets 1.12.0 → 1.14.0

package/README.md

@@ -1,6 +1,6 @@
 # @bloklabs/presets
 
-Ready-made [`uploader`](https://blokeditor.com/docs/uploader-api) implementations for [Blok](https://blokeditor.com) — plug in storage you already have instead of hand-writing an upload handler. Five presets ship today: Supabase, S3-compatible storage (presigned URLs), Cloudinary, a generic fetch endpoint, and IndexedDB.
+Ready-made [`uploader`](https://blokeditor.com/docs/uploader-api) implementations for [Blok](https://blokeditor.com). Plug in storage you already have instead of writing an upload handler yourself. Five presets ship today: Supabase, S3-compatible storage (presigned URLs), Cloudinary, a generic fetch endpoint, and IndexedDB.
 
 ## Install
 
@@ -10,7 +10,7 @@ npm install @bloklabs/presets @bloklabs/core
 
 ## What a preset is
 
-Blok's `uploader` config option takes an object shaped like this — store the file, return where it landed:
+Blok's `uploader` config option takes an object shaped like this. Store the file, return where it landed:
 
 ```ts
 import { Blok } from '@bloklabs/core';
@@ -26,7 +26,7 @@ new Blok({
 });
 ```
 
-Without an `uploadByFile`, an uploaded asset becomes a `blob:` URL that doesn't survive a reload — most projects need to configure one. Each preset in this package is a ready-made implementation of that shape for one storage backend, so you import a preset instead of writing `uploadByFile` yourself.
+Without an `uploadByFile`, an uploaded asset becomes a `blob:` URL. That URL does not survive a reload, so most projects need to configure one. Each preset in this package implements that shape for one storage backend. Import a preset instead of writing `uploadByFile` yourself.
 
 ## Which preset, and what it needs
 
@@ -38,7 +38,7 @@ Without an `uploadByFile`, an uploaded asset becomes a `blob:` URL that doesn't
 | `cloudinaryStorage` | **Yes** — Cloudinary fetches it itself | An **unsigned** upload preset in the Cloudinary dashboard |
 | `indexedDBStorage` | No | Nothing — see the warning below |
 
-Only `fetchStorage` and `cloudinaryStorage` can turn a pasted remote URL into a re-hosted copy: both have something that fetches the URL on the server side (your endpoint, or Cloudinary's). The other three cannot — a browser is not allowed to fetch a third-party URL and re-upload it itself. Their `uploadByUrl` is deliberately left undefined rather than faked, so Blok falls back to its documented behavior and stores the pasted URL verbatim.
+Only `fetchStorage` and `cloudinaryStorage` can turn a pasted remote URL into a re-hosted copy. Both have something that fetches the URL on the server side, either your endpoint or Cloudinary's. The other three cannot. A browser is not allowed to fetch a third-party URL and re-upload it itself. Their `uploadByUrl` is deliberately left undefined rather than faked. Blok then falls back to its documented behavior and stores the pasted URL verbatim.
 
 ### fetchStorage
 
@@ -48,7 +48,7 @@ import { fetchStorage } from '@bloklabs/presets';
 new Blok({ holder: 'editor', uploader: fetchStorage({ baseUrl: 'https://api.myapp.com' }) });
 ```
 
-Your own backend does the actual storing; this preset just calls it. It must answer `POST {baseUrl}/upload` (multipart) and `POST {baseUrl}/upload-by-url` (`{ url }` JSON), both returning `{ url, fileName? }`. The URL you receive on `/upload-by-url` is user-supplied — validate it server-side and block requests to internal/private addresses before fetching it, or the endpoint becomes an SSRF vector.
+Your own backend does the actual storing. This preset only calls it. The backend must answer `POST {baseUrl}/upload` (multipart) and `POST {baseUrl}/upload-by-url` (`{ url }` JSON). Both return `{ url, fileName? }`. The URL you receive on `/upload-by-url` is user-supplied. Validate it server-side and block requests to internal or private addresses before fetching. Otherwise the endpoint becomes an SSRF vector.
 
 ### supabaseStorage
 
@@ -60,7 +60,7 @@ const supabase = createClient(SUPABASE_URL, SUPABASE_ANON_KEY);
 new Blok({ holder: 'editor', uploader: supabaseStorage(supabase, { bucket: 'blok' }) });
 ```
 
-Create the bucket first (default name `"blok"`), make it public or add an anon `SELECT` policy — this preset returns `getPublicUrl()` directly, so an unreadable object is a broken image — and add an `INSERT` policy for whichever role the client authenticates as.
+Create the bucket first (default name `"blok"`). Make it public or add an anon `SELECT` policy. This preset returns `getPublicUrl()` directly, so an unreadable object is a broken image. Then add an `INSERT` policy for whichever role the client authenticates as.
 
 ### presignedStorage
 
@@ -70,7 +70,7 @@ import { presignedStorage } from '@bloklabs/presets';
 new Blok({ holder: 'editor', uploader: presignedStorage({ sign: (request) => api.sign(request) }) });
 ```
 
-For S3, R2, MinIO, or any S3-compatible store. `sign` is your function: it gets `{ fileName, mimeType, size, kind }` and returns a presigned `{ uploadUrl, publicUrl, headers? }` from your backend. The browser then `PUT`s the file straight to `uploadUrl`, so the bucket needs a CORS rule allowing `PUT` (and `Content-Type`) from your app's origin — that CORS rule is the part that actually blocks people.
+For S3, R2, MinIO, or any S3-compatible store. `sign` is your function. It gets `{ fileName, mimeType, size, kind }` and returns a presigned `{ uploadUrl, publicUrl, headers? }` from your backend. The browser then `PUT`s the file straight to `uploadUrl`. So the bucket needs a CORS rule allowing `PUT` (and `Content-Type`) from your app's origin. That CORS rule is the part that actually blocks people.
 
 ### cloudinaryStorage
 
@@ -83,7 +83,7 @@ new Blok({
 });
 ```
 
-`uploadPreset` must be **unsigned** (Cloudinary dashboard → Settings → Upload → Upload presets). A signed preset needs a server to sign the request, which defeats the point of a no-backend preset.
+`uploadPreset` must be **unsigned** (Cloudinary dashboard → Settings → Upload → Upload presets). A signed preset needs a server to sign the request. That defeats the point of a preset with no backend.
 
 ### indexedDBStorage
 
@@ -96,7 +96,15 @@ new Blok({ holder: 'editor', uploader: indexedDBStorage() });
 const displayUrl = await resolveBlokObjectUrl(asset.url);
 ```
 
-**Not for production.** This preset stores uploaded bytes in the visitor's own browser via IndexedDB. They are gone on another device, in another browser, or the moment the user clears site data — nothing is actually shared or backed up. It exists because Blok's built-in fallback (a `blob:` URL) doesn't even survive a page reload, which makes local demos and prototypes look broken before you've wired up real storage. `uploadByFile` returns a `blok:asset/…` reference, not a directly usable URL — resolve it with `resolveBlokObjectUrl` wherever you render an uploaded asset. If you pass a custom `dbName` to `indexedDBStorage()`, pass the same `dbName` to `resolveBlokObjectUrl(url, { dbName })` — a mismatch resolves to `null` with no error, not a thrown exception. Each call to `resolveBlokObjectUrl` mints a fresh `blob:` URL — nothing is cached, and nothing is revoked. Call `URL.revokeObjectURL()` yourself once a displayed asset is no longer needed, or a view that re-renders it repeatedly will leak memory.
+**Not for production.** This preset stores uploaded bytes in the visitor's own browser via IndexedDB. They are gone on another device, in another browser, or the moment the user clears site data. Nothing is actually shared or backed up.
+
+It exists because Blok's built-in fallback (a `blob:` URL) does not even survive a page reload. Before you wire up real storage, that makes local demos and prototypes look broken.
+
+`uploadByFile` returns a `blok:asset/…` reference, not a directly usable URL. Resolve it with `resolveBlokObjectUrl` wherever you render an uploaded asset.
+
+If you pass a custom `dbName` to `indexedDBStorage()`, pass the same `dbName` to `resolveBlokObjectUrl(url, { dbName })`. A mismatch resolves to `null` with no error, not a thrown exception.
+
+Each call to `resolveBlokObjectUrl` mints a fresh `blob:` URL. Nothing is cached, and nothing is revoked. Call `URL.revokeObjectURL()` yourself once a displayed asset is no longer needed. Otherwise a view that re-renders it repeatedly will leak memory.
 
 ## Docs
 

package/dist/index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});function e(e){return new Promise((t,n)=>{var r;let i=new XMLHttpRequest;i.open(e.method,e.url);for(let[t,n]of Object.entries((r=e.headers)==null?{}:r))i.setRequestHeader(t,n);e.onProgress&&(i.upload.onprogress=t=>{var n;!t.lengthComputable||t.total===0||(n=e.onProgress)==null||n.call(e,Math.round(t.loaded/t.total*100))}),i.onload=()=>t({status:i.status,text:i.responseText}),i.onerror=()=>n(Error(`Upload failed: network error`)),i.send(e.body)})}function t(e){"@babel/helpers - typeof";return t=typeof Symbol==`function`&&typeof Symbol.iterator==`symbol`?function(e){return typeof e}:function(e){return e&&typeof Symbol==`function`&&e.constructor===Symbol&&e!==Symbol.prototype?`symbol`:typeof e},t(e)}function n(e,n){if(t(e)!=`object`||!e)return e;var r=e[Symbol.toPrimitive];if(r!==void 0){var i=r.call(e,n||`default`);if(t(i)!=`object`)return i;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(n===`string`?String:Number)(e)}function r(e){var r=n(e,`string`);return t(r)==`symbol`?r:r+``}function i(e,t,n){return(t=r(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function a(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function o(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]==null?{}:arguments[t];t%2?a(Object(n),!0).forEach(function(t){i(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):a(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}function s(t){var n;let r=t.baseUrl.replace(/\/+$/,``),i=(n=t.field)==null?`file`:n,a=async()=>{var e;return typeof t.headers==`function`?t.headers():(e=t.headers)==null?{}:e};return{async uploadByFile(t,n){let o=new FormData;o.append(i,t);let{status:s,text:l}=await e({method:`POST`,url:`${r}/upload`,body:o,headers:await a(),onProgress:n.onProgress});if(s<200||s>299)throw Error(`Fetch endpoint upload failed with status ${s}`);return c(l,t.name)},async uploadByUrl(e,t){let n=await fetch(`${r}/upload-by-url`,{method:`POST`,headers:o(o({},await a()),{},{"Content-Type":`application/json`}),body:JSON.stringify({url:e})});if(!n.ok)throw Error(`Fetch endpoint upload failed with status ${n.status}`);return u(l(await n.text()))}}}function c(e,t){var n;let r=u(l(e));return{url:r.url,fileName:(n=r.fileName)==null?t:n}}function l(e){try{return JSON.parse(e)}catch(e){throw Error(`Upload failed: the endpoint returned a malformed response`)}}function u(e){if(typeof e!=`object`||!e||typeof e.url!=`string`)throw Error(`Upload failed: the endpoint returned no url`);let t=e;return{url:t.url,fileName:typeof t.fileName==`string`?t.fileName:void 0}}function d(e,t={}){let n=e=>{var n;return typeof t.bucket==`function`?t.bucket(e):(n=t.bucket)==null?`blok`:n};return{async uploadByFile(r,i){var a,o;let s=(a=(o=t.path)==null?void 0:o.call(t,r,i))==null?f(r.name):a,{data:c,error:l}=await e.storage.from(n(i.kind)).upload(s,r,{contentType:r.type||void 0,upsert:!1});if(l!==null||c===null){var u;throw Error(`Supabase upload failed: ${(u=l==null?void 0:l.message)==null?`unknown error`:u}`)}let{data:d}=e.storage.from(n(i.kind)).getPublicUrl(c.path);return{url:d.publicUrl,fileName:r.name}}}}function f(e){let t=/\.[a-z0-9]+$/i.exec(e),n=t?t[0].toLowerCase():``;return`${crypto.randomUUID()}${n}`}function p(t){return{async uploadByFile(n,r){let i=await t.sign({fileName:n.name,mimeType:n.type,size:n.size,kind:r.kind}),{status:a}=await e({method:`PUT`,url:i.uploadUrl,body:n,headers:o(o({},i.headers),{},{"Content-Type":n.type||`application/octet-stream`}),onProgress:r.onProgress});if(a<200||a>299)throw Error(`Presigned upload failed with status ${a}`);return{url:i.publicUrl,fileName:n.name}}}}var m={image:`image`,video:`video`,audio:`video`,file:`raw`};function h(t){let n=e=>{var n;return`https://api.cloudinary.com/v1_1/${t.cloudName}/${(n=m[e])==null?`raw`:n}/upload`},r=async(r,i,a)=>{let o=new FormData;o.append(`file`,i),o.append(`upload_preset`,t.uploadPreset),t.folder!==void 0&&o.append(`folder`,t.folder);let{status:s,text:c}=await e({method:`POST`,url:n(r),body:o,onProgress:a});return g(c,s,typeof i==`string`?void 0:i.name)};return{uploadByFile:(e,t)=>r(t.kind,e,t.onProgress),uploadByUrl:(e,t)=>r(t.kind,e,t.onProgress)}}function g(e,t,n){let r=_(e,t);if(typeof r.secure_url!=`string`){var i;let e=r.error;throw Error(`Cloudinary upload failed: ${(i=e==null?void 0:e.message)==null?`status ${t}`:i}`)}return{url:r.secure_url,fileName:n}}function _(e,t){try{return JSON.parse(e)}catch(e){throw Error(`Cloudinary upload failed with status ${t}`)}}var v=`blok-assets`,y=`assets`,b=`blok:asset/`;function x(e){return new Promise((t,n)=>{let r=indexedDB.open(e,1);r.onupgradeneeded=()=>{r.result.createObjectStore(y)},r.onsuccess=()=>t(r.result),r.onerror=()=>{var e;return n((e=r.error)==null?Error(`IndexedDB open failed`):e)}})}function S(e,t,n){return new Promise((r,i)=>{let a=n(e.transaction(y,t).objectStore(y));a.onsuccess=()=>r(a.result),a.onerror=()=>{var e;return i((e=a.error)==null?Error(`IndexedDB request failed`):e)}})}function C(e={}){var t;let n=(t=e.dbName)==null?v:t;return{async uploadByFile(e,t){let r=crypto.randomUUID(),i=await x(n);try{await S(i,`readwrite`,t=>t.put({blob:e,name:e.name,type:e.type},r))}finally{i.close()}return{url:`${b}${r}`,fileName:e.name}}}}async function w(e,t={}){var n;if(!e.startsWith(b))return e;let r=await T(await x((n=t.dbName)==null?v:n),e.slice(11));return r?URL.createObjectURL(r.blob):null}function T(e,t){return S(e,`readonly`,e=>e.get(t)).finally(()=>e.close())}exports.cloudinaryStorage=h,exports.fetchStorage=s,exports.indexedDBStorage=C,exports.presignedStorage=p,exports.resolveBlokObjectUrl=w,exports.supabaseStorage=d;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});function e(e){return new Promise((t,n)=>{var r;let i=new XMLHttpRequest;i.open(e.method,e.url);for(let[t,n]of Object.entries((r=e.headers)==null?{}:r))i.setRequestHeader(t,n);e.onProgress&&(i.upload.onprogress=t=>{var n;!t.lengthComputable||t.total===0||(n=e.onProgress)==null||n.call(e,Math.round(t.loaded/t.total*100))}),i.onload=()=>t({status:i.status,text:i.responseText}),i.onerror=()=>n(Error(`Upload failed: network error`)),i.send(e.body)})}function t(e){"@babel/helpers - typeof";return t=typeof Symbol==`function`&&typeof Symbol.iterator==`symbol`?function(e){return typeof e}:function(e){return e&&typeof Symbol==`function`&&e.constructor===Symbol&&e!==Symbol.prototype?`symbol`:typeof e},t(e)}function n(e,n){if(t(e)!=`object`||!e)return e;var r=e[Symbol.toPrimitive];if(r!==void 0){var i=r.call(e,n||`default`);if(t(i)!=`object`)return i;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(n===`string`?String:Number)(e)}function r(e){var r=n(e,`string`);return t(r)==`symbol`?r:r+``}function i(e,t,n){return(t=r(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function a(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function o(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]==null?{}:arguments[t];t%2?a(Object(n),!0).forEach(function(t){i(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):a(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}function s(e){let t=Array.from(e).reduce((e,t)=>t===`/`?e+1:0,0);return e.slice(0,e.length-t)}function c(t){var n;let r=s(t.baseUrl),i=(n=t.field)==null?`file`:n,a=async()=>{var e;return typeof t.headers==`function`?t.headers():(e=t.headers)==null?{}:e};return{async uploadByFile(t,n){let o=new FormData;o.append(i,t);let{status:s,text:c}=await e({method:`POST`,url:`${r}/upload`,body:o,headers:await a(),onProgress:n.onProgress});if(s<200||s>299)throw Error(`Fetch endpoint upload failed with status ${s}`);return l(c,t.name)},async uploadByUrl(e,t){let n=await fetch(`${r}/upload-by-url`,{method:`POST`,headers:o(o({},await a()),{},{"Content-Type":`application/json`}),body:JSON.stringify({url:e})});if(!n.ok)throw Error(`Fetch endpoint upload failed with status ${n.status}`);return d(u(await n.text()))},async delete(e,t){let n=await fetch(`${r}/delete`,{method:`POST`,headers:o(o({},await a()),{},{"Content-Type":`application/json`}),body:JSON.stringify({url:e})});if(!n.ok)throw Error(`Fetch endpoint delete failed with status ${n.status}`)}}}function l(e,t){var n;let r=d(u(e));return{url:r.url,fileName:(n=r.fileName)==null?t:n}}function u(e){try{return JSON.parse(e)}catch(e){throw Error(`Upload failed: the endpoint returned a malformed response`)}}function d(e){if(typeof e!=`object`||!e||typeof e.url!=`string`)throw Error(`Upload failed: the endpoint returned no url`);let t=e;return{url:t.url,fileName:typeof t.fileName==`string`?t.fileName:void 0}}function f(e){return c(e)}function p(e,t={}){let n=e=>{var n;return typeof t.bucket==`function`?t.bucket(e):(n=t.bucket)==null?`blok`:n};return{async uploadByFile(r,i){var a,o;let s=(a=(o=t.path)==null?void 0:o.call(t,r,i))==null?m(r.name):a,{data:c,error:l}=await e.storage.from(n(i.kind)).upload(s,r,{contentType:r.type||void 0,upsert:!1});if(l!==null||c===null){var u;throw Error(`Supabase upload failed: ${(u=l==null?void 0:l.message)==null?`unknown error`:u}`)}let{data:d}=e.storage.from(n(i.kind)).getPublicUrl(c.path);return{url:d.publicUrl,fileName:r.name}}}}function m(e){let t=/\.[a-z0-9]+$/i.exec(e),n=t?t[0].toLowerCase():``;return`${crypto.randomUUID()}${n}`}function h(t){return{async uploadByFile(n,r){let i=await t.sign({fileName:n.name,mimeType:n.type,size:n.size,kind:r.kind}),{status:a}=await e({method:`PUT`,url:i.uploadUrl,body:n,headers:o(o({},i.headers),{},{"Content-Type":n.type||`application/octet-stream`}),onProgress:r.onProgress});if(a<200||a>299)throw Error(`Presigned upload failed with status ${a}`);return{url:i.publicUrl,fileName:n.name}}}}var g={image:`image`,video:`video`,audio:`video`,file:`raw`};function _(t){let n=e=>{var n;return`https://api.cloudinary.com/v1_1/${t.cloudName}/${(n=g[e])==null?`raw`:n}/upload`},r=async(r,i,a)=>{let o=new FormData;o.append(`file`,i),o.append(`upload_preset`,t.uploadPreset),t.folder!==void 0&&o.append(`folder`,t.folder);let{status:s,text:c}=await e({method:`POST`,url:n(r),body:o,onProgress:a});return v(c,s,typeof i==`string`?void 0:i.name)};return{uploadByFile:(e,t)=>r(t.kind,e,t.onProgress),uploadByUrl:(e,t)=>r(t.kind,e,t.onProgress)}}function v(e,t,n){let r=y(e,t);if(typeof r.secure_url!=`string`){var i;let e=r.error;throw Error(`Cloudinary upload failed: ${(i=e==null?void 0:e.message)==null?`status ${t}`:i}`)}return{url:r.secure_url,fileName:n}}function y(e,t){try{return JSON.parse(e)}catch(e){throw Error(`Cloudinary upload failed with status ${t}`)}}var b=`blok-assets`,x=`assets`,S=`blok:asset/`;function C(e){return new Promise((t,n)=>{let r=indexedDB.open(e,1);r.onupgradeneeded=()=>{r.result.createObjectStore(x)},r.onsuccess=()=>t(r.result),r.onerror=()=>{var e;return n((e=r.error)==null?Error(`IndexedDB open failed`):e)}})}function w(e,t,n){return new Promise((r,i)=>{let a=n(e.transaction(x,t).objectStore(x));a.onsuccess=()=>r(a.result),a.onerror=()=>{var e;return i((e=a.error)==null?Error(`IndexedDB request failed`):e)}})}function T(e={}){var t;let n=(t=e.dbName)==null?b:t;return{async uploadByFile(e,t){let r=crypto.randomUUID(),i=await C(n);try{await w(i,`readwrite`,t=>t.put({blob:e,name:e.name,type:e.type},r))}finally{i.close()}return{url:`${S}${r}`,fileName:e.name}}}}async function E(e,t={}){var n;if(!e.startsWith(S))return e;let r=await D(await C((n=t.dbName)==null?b:n),e.slice(11));return r?URL.createObjectURL(r.blob):null}function D(e,t){return w(e,`readonly`,e=>e.get(t)).finally(()=>e.close())}exports.cloudinaryStorage=_,exports.fetchStorage=f,exports.indexedDBStorage=T,exports.presignedStorage=h,exports.resolveBlokObjectUrl=E,exports.supabaseStorage=p;

package/dist/index.mjs

@@ -1,4 +1,4 @@
-//#region src/upload-xhr.ts
+//#region ../../src/components/utils/upload-xhr.ts
 function e(e) {
 	return new Promise((t, n) => {
 		var r;
@@ -15,7 +15,7 @@ function e(e) {
 	});
 }
 //#endregion
-//#region \0@oxc-project+runtime@0.139.0/helpers/esm/typeof.js
+//#region \0@oxc-project+runtime@0.147.0/helpers/esm/typeof.js
 function t(e) {
 	"@babel/helpers - typeof";
 	return t = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(e) {
@@ -25,7 +25,7 @@ function t(e) {
 	}, t(e);
 }
 //#endregion
-//#region \0@oxc-project+runtime@0.139.0/helpers/esm/toPrimitive.js
+//#region \0@oxc-project+runtime@0.147.0/helpers/esm/toPrimitive.js
 function n(e, n) {
 	if (t(e) != "object" || !e) return e;
 	var r = e[Symbol.toPrimitive];
@@ -37,13 +37,13 @@ function n(e, n) {
 	return (n === "string" ? String : Number)(e);
 }
 //#endregion
-//#region \0@oxc-project+runtime@0.139.0/helpers/esm/toPropertyKey.js
+//#region \0@oxc-project+runtime@0.147.0/helpers/esm/toPropertyKey.js
 function r(e) {
 	var r = n(e, "string");
 	return t(r) == "symbol" ? r : r + "";
 }
 //#endregion
-//#region \0@oxc-project+runtime@0.139.0/helpers/esm/defineProperty.js
+//#region \0@oxc-project+runtime@0.147.0/helpers/esm/defineProperty.js
 function i(e, t, n) {
 	return (t = r(t)) in e ? Object.defineProperty(e, t, {
 		value: n,
@@ -53,7 +53,7 @@ function i(e, t, n) {
 	}) : e[t] = n, e;
 }
 //#endregion
-//#region \0@oxc-project+runtime@0.139.0/helpers/esm/objectSpread2.js
+//#region \0@oxc-project+runtime@0.147.0/helpers/esm/objectSpread2.js
 function a(e, t) {
 	var n = Object.keys(e);
 	if (Object.getOwnPropertySymbols) {
@@ -76,10 +76,14 @@ function o(e) {
 	return e;
 }
 //#endregion
-//#region src/fetch-endpoint.ts
-function s(t) {
+//#region ../../src/components/utils/fetch-uploader.ts
+function s(e) {
+	let t = Array.from(e).reduce((e, t) => t === "/" ? e + 1 : 0, 0);
+	return e.slice(0, e.length - t);
+}
+function c(t) {
 	var n;
-	let r = t.baseUrl.replace(/\/+$/, ""), i = (n = t.field) == null ? "file" : n, a = async () => {
+	let r = s(t.baseUrl), i = (n = t.field) == null ? "file" : n, a = async () => {
 		var e;
 		return typeof t.headers == "function" ? t.headers() : (e = t.headers) == null ? {} : e;
 	};
@@ -87,7 +91,7 @@ function s(t) {
 		async uploadByFile(t, n) {
 			let o = new FormData();
 			o.append(i, t);
-			let { status: s, text: l } = await e({
+			let { status: s, text: c } = await e({
 				method: "POST",
 				url: `${r}/upload`,
 				body: o,
@@ -95,7 +99,7 @@ function s(t) {
 				onProgress: n.onProgress
 			});
 			if (s < 200 || s > 299) throw Error(`Fetch endpoint upload failed with status ${s}`);
-			return c(l, t.name);
+			return l(c, t.name);
 		},
 		async uploadByUrl(e, t) {
 			let n = await fetch(`${r}/upload-by-url`, {
@@ -104,26 +108,34 @@ function s(t) {
 				body: JSON.stringify({ url: e })
 			});
 			if (!n.ok) throw Error(`Fetch endpoint upload failed with status ${n.status}`);
-			return u(l(await n.text()));
+			return d(u(await n.text()));
+		},
+		async delete(e, t) {
+			let n = await fetch(`${r}/delete`, {
+				method: "POST",
+				headers: o(o({}, await a()), {}, { "Content-Type": "application/json" }),
+				body: JSON.stringify({ url: e })
+			});
+			if (!n.ok) throw Error(`Fetch endpoint delete failed with status ${n.status}`);
 		}
 	};
 }
-function c(e, t) {
+function l(e, t) {
 	var n;
-	let r = u(l(e));
+	let r = d(u(e));
 	return {
 		url: r.url,
 		fileName: (n = r.fileName) == null ? t : n
 	};
 }
-function l(e) {
+function u(e) {
 	try {
 		return JSON.parse(e);
 	} catch (e) {
 		throw Error("Upload failed: the endpoint returned a malformed response");
 	}
 }
-function u(e) {
+function d(e) {
 	if (typeof e != "object" || !e || typeof e.url != "string") throw Error("Upload failed: the endpoint returned no url");
 	let t = e;
 	return {
@@ -132,15 +144,20 @@ function u(e) {
 	};
 }
 //#endregion
+//#region src/fetch-endpoint.ts
+function f(e) {
+	return c(e);
+}
+//#endregion
 //#region src/supabase.ts
-function d(e, t = {}) {
+function p(e, t = {}) {
 	let n = (e) => {
 		var n;
 		return typeof t.bucket == "function" ? t.bucket(e) : (n = t.bucket) == null ? "blok" : n;
 	};
 	return { async uploadByFile(r, i) {
 		var a, o;
-		let s = (a = (o = t.path) == null ? void 0 : o.call(t, r, i)) == null ? f(r.name) : a, { data: c, error: l } = await e.storage.from(n(i.kind)).upload(s, r, {
+		let s = (a = (o = t.path) == null ? void 0 : o.call(t, r, i)) == null ? m(r.name) : a, { data: c, error: l } = await e.storage.from(n(i.kind)).upload(s, r, {
 			contentType: r.type || void 0,
 			upsert: !1
 		});
@@ -155,13 +172,13 @@ function d(e, t = {}) {
 		};
 	} };
 }
-function f(e) {
+function m(e) {
 	let t = /\.[a-z0-9]+$/i.exec(e), n = t ? t[0].toLowerCase() : "";
 	return `${crypto.randomUUID()}${n}`;
 }
 //#endregion
 //#region src/presigned.ts
-function p(t) {
+function h(t) {
 	return { async uploadByFile(n, r) {
 		let i = await t.sign({
 			fileName: n.name,
@@ -184,16 +201,16 @@ function p(t) {
 }
 //#endregion
 //#region src/cloudinary.ts
-var m = {
+var g = {
 	image: "image",
 	video: "video",
 	audio: "video",
 	file: "raw"
 };
-function h(t) {
+function _(t) {
 	let n = (e) => {
 		var n;
-		return `https://api.cloudinary.com/v1_1/${t.cloudName}/${(n = m[e]) == null ? "raw" : n}/upload`;
+		return `https://api.cloudinary.com/v1_1/${t.cloudName}/${(n = g[e]) == null ? "raw" : n}/upload`;
 	}, r = async (r, i, a) => {
 		let o = new FormData();
 		o.append("file", i), o.append("upload_preset", t.uploadPreset), t.folder !== void 0 && o.append("folder", t.folder);
@@ -203,15 +220,15 @@ function h(t) {
 			body: o,
 			onProgress: a
 		});
-		return g(c, s, typeof i == "string" ? void 0 : i.name);
+		return v(c, s, typeof i == "string" ? void 0 : i.name);
 	};
 	return {
 		uploadByFile: (e, t) => r(t.kind, e, t.onProgress),
 		uploadByUrl: (e, t) => r(t.kind, e, t.onProgress)
 	};
 }
-function g(e, t, n) {
-	let r = _(e, t);
+function v(e, t, n) {
+	let r = y(e, t);
 	if (typeof r.secure_url != "string") {
 		var i;
 		let e = r.error;
@@ -222,7 +239,7 @@ function g(e, t, n) {
 		fileName: n
 	};
 }
-function _(e, t) {
+function y(e, t) {
 	try {
 		return JSON.parse(e);
 	} catch (e) {
@@ -231,34 +248,34 @@ function _(e, t) {
 }
 //#endregion
 //#region src/indexeddb.ts
-var v = "blok-assets", y = "assets", b = "blok:asset/";
-function x(e) {
+var b = "blok-assets", x = "assets", S = "blok:asset/";
+function C(e) {
 	return new Promise((t, n) => {
 		let r = indexedDB.open(e, 1);
 		r.onupgradeneeded = () => {
-			r.result.createObjectStore(y);
+			r.result.createObjectStore(x);
 		}, r.onsuccess = () => t(r.result), r.onerror = () => {
 			var e;
 			return n((e = r.error) == null ? /* @__PURE__ */ Error("IndexedDB open failed") : e);
 		};
 	});
 }
-function S(e, t, n) {
+function w(e, t, n) {
 	return new Promise((r, i) => {
-		let a = n(e.transaction(y, t).objectStore(y));
+		let a = n(e.transaction(x, t).objectStore(x));
 		a.onsuccess = () => r(a.result), a.onerror = () => {
 			var e;
 			return i((e = a.error) == null ? /* @__PURE__ */ Error("IndexedDB request failed") : e);
 		};
 	});
 }
-function C(e = {}) {
+function T(e = {}) {
 	var t;
-	let n = (t = e.dbName) == null ? v : t;
+	let n = (t = e.dbName) == null ? b : t;
 	return { async uploadByFile(e, t) {
-		let r = crypto.randomUUID(), i = await x(n);
+		let r = crypto.randomUUID(), i = await C(n);
 		try {
-			await S(i, "readwrite", (t) => t.put({
+			await w(i, "readwrite", (t) => t.put({
 				blob: e,
 				name: e.name,
 				type: e.type
@@ -267,19 +284,19 @@ function C(e = {}) {
 			i.close();
 		}
 		return {
-			url: `${b}${r}`,
+			url: `${S}${r}`,
 			fileName: e.name
 		};
 	} };
 }
-async function w(e, t = {}) {
+async function E(e, t = {}) {
 	var n;
-	if (!e.startsWith(b)) return e;
-	let r = await T(await x((n = t.dbName) == null ? v : n), e.slice(11));
+	if (!e.startsWith(S)) return e;
+	let r = await D(await C((n = t.dbName) == null ? b : n), e.slice(11));
 	return r ? URL.createObjectURL(r.blob) : null;
 }
-function T(e, t) {
-	return S(e, "readonly", (e) => e.get(t)).finally(() => e.close());
+function D(e, t) {
+	return w(e, "readonly", (e) => e.get(t)).finally(() => e.close());
 }
 //#endregion
-export { h as cloudinaryStorage, s as fetchStorage, C as indexedDBStorage, p as presignedStorage, w as resolveBlokObjectUrl, d as supabaseStorage };
+export { _ as cloudinaryStorage, f as fetchStorage, T as indexedDBStorage, h as presignedStorage, E as resolveBlokObjectUrl, p as supabaseStorage };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bloklabs/presets",
-  "version": "1.12.0",
+  "version": "1.14.0",
   "description": "Storage presets for Blok — ready-made uploaders for Supabase, S3-compatible storage, Cloudinary, and IndexedDB.",
   "license": "Apache-2.0",
   "author": "JackUait",

package/types/index.d.ts

@@ -45,14 +45,29 @@ interface UploadContext {
 }
 
 /**
- * Editor-level uploader, keyed by asset kind rather than by tool. Both
- * methods are optional and resolved independently.
+ * Describes a single deletion request.
+ *
+ * The same `kind`/`tool` pair {@link UploadContext} carries, minus progress —
+ * a deletion has nothing to report but its outcome.
+ */
+interface DeleteContext {
+  /** Kind of asset being deleted. */
+  kind: AssetKind;
+  /** Name of the block tool that owned the asset, when known. */
+  tool?: string;
+}
+
+/**
+ * Editor-level uploader, keyed by asset kind rather than by tool. Every
+ * method is optional and resolved independently.
  */
 interface BlokUploader {
   /** Store a file chosen by the user and return its public URL. */
   uploadByFile?(file: File, ctx: UploadContext): Promise<UploadedAsset>;
   /** Re-host an asset the user supplied by URL, and return the stored URL. */
   uploadByUrl?(url: string, ctx: UploadContext): Promise<UploadedAsset>;
+  /** Delete a stored asset by the URL this uploader returned for it. */
+  delete?(url: string, ctx: DeleteContext): Promise<void>;
 }
 
 export interface FetchStorageOptions {