@viniaraujo68/plinth 0.8.0 → 0.9.0

package/dist/http.d.ts

@@ -3,7 +3,8 @@
  * those belong to whatever the app already uses (TanStack Query, a `load` function, a plain
  * `$effect`). What it does own is the part every hand-rolled client repeats — joining the base
  * URL, sending and reading JSON, injecting auth, and turning a failed response into one typed
- * error the whole app can catch.
+ * error the whole app can catch. A file or a form is the one body that is not JSON: it goes out as
+ * it is, so an upload shares the auth and the error handling instead of needing its own fetch.
  */
 /** A failed HTTP response, after the body has been read and reduced to a message. */
 export declare class ApiError extends Error {

package/dist/http.js

@@ -3,7 +3,8 @@
  * those belong to whatever the app already uses (TanStack Query, a `load` function, a plain
  * `$effect`). What it does own is the part every hand-rolled client repeats — joining the base
  * URL, sending and reading JSON, injecting auth, and turning a failed response into one typed
- * error the whole app can catch.
+ * error the whole app can catch. A file or a form is the one body that is not JSON: it goes out as
+ * it is, so an upload shares the auth and the error handling instead of needing its own fetch.
  */
 /** A failed HTTP response, after the body has been read and reduced to a message. */
 export class ApiError extends Error {
@@ -22,6 +23,10 @@ const joinUrl = (baseUrl, path) => {
     const base = baseUrl.endsWith("/") ? baseUrl.slice(0, -1) : baseUrl;
     return path.startsWith("/") ? `${base}${path}` : `${base}/${path}`;
 };
+// `JSON.stringify` turns either into `{}`, so without this check an upload would silently send an
+// empty object. Left to fetch, a blob declares its own type and a form gets its multipart boundary,
+// which a hand-set `Content-Type` would lose.
+const isRawBody = (body) => body instanceof Blob || body instanceof FormData;
 const nonEmpty = (value) => {
     const trimmed = value?.trim();
     return trimmed === "" ? undefined : trimmed;
@@ -72,10 +77,11 @@ const extractCode = (body) => {
  */
 export const createHttpClient = ({ baseUrl, credentials, auth, parseError, }) => {
     const request = async (method, path, body, options = {}) => {
+        const raw = isRawBody(body);
         const headers = {};
         // GET and DELETE carry no body, and a `Content-Type` on them makes some CORS setups
         // preflight a request that would otherwise be simple.
-        if (body !== undefined)
+        if (body !== undefined && !raw)
             headers["Content-Type"] = "application/json";
         if (auth) {
             const token = await auth();
@@ -88,7 +94,7 @@ export const createHttpClient = ({ baseUrl, credentials, auth, parseError, }) =>
             method,
             headers,
             credentials,
-            body: body === undefined ? undefined : JSON.stringify(body),
+            body: raw || body === undefined ? body : JSON.stringify(body),
             signal: options.signal,
         });
         // Read as text first: 204 and most DELETEs answer with nothing at all, and `response.json()`

package/dist/index.d.ts

@@ -5,6 +5,6 @@
  * no portable way to import its own manifest, and a consumer that only wants to log a version
  * should not have to bundle one. `version.spec.ts` fails when this drifts from the manifest.
  */
-export declare const LIBRARY_VERSION = "0.8.0";
+export declare const LIBRARY_VERSION = "0.9.0";
 export { AsyncAction, type AsyncActionStatus, type AsyncFn } from "./async-action.svelte.js";
 export { reportError, setErrorReporter, type ErrorReporter } from "./error.js";

package/dist/index.js

@@ -5,7 +5,7 @@
  * no portable way to import its own manifest, and a consumer that only wants to log a version
  * should not have to bundle one. `version.spec.ts` fails when this drifts from the manifest.
  */
-export const LIBRARY_VERSION = "0.8.0";
+export const LIBRARY_VERSION = "0.9.0";
 // The root entry carries only what is not tied to one area: the error channel an app installs
 // once, and the async state machine the components are built on. Everything visual is reached
 // through a subpath — `/theme`, `/attachments`, `/components`, `/toast` — so importing a button

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@viniaraujo68/plinth",
-  "version": "0.8.0",
+  "version": "0.9.0",
   "description": "A personal Svelte 5 design system: theme, application shell, interface primitives, routing metadata, a fetch wrapper and locale-aware formatters.",
   "license": "MIT",
   "type": "module",