@seed-hypermedia/client 0.0.33 → 0.0.35

package/dist/client.d.ts

@@ -17,7 +17,7 @@ export type PublishDocumentInput = {
 };
 export type SeedClientOptions = {
     fetch?: typeof globalThis.fetch;
-    headers?: Record<string, string>;
+    headers?: Record<string, string> | (() => Record<string, string> | Promise<Record<string, string>>);
 };
 type PublishBlobsRequest = Extract<HMRequest, {
     key: 'PublishBlobs';

package/dist/index.mjs

@@ -372,7 +372,7 @@ var QUERY_PARAM_SERIALIZERS = {
 function createSeedClient(baseUrl, options) {
   const normalizedBaseUrl = baseUrl.replace(/\/+$/, "");
   const fetchFn = (options == null ? void 0 : options.fetch) ?? globalThis.fetch;
-  const defaultHeaders = (options == null ? void 0 : options.headers) ?? {};
+  const getDefaultHeaders = async () => typeof (options == null ? void 0 : options.headers) === "function" ? await options.headers() : (options == null ? void 0 : options.headers) ?? {};
   async function request(key, input) {
     const requestSchema = HMRequestSchema.options.find((schema) => schema.shape.key.value === key);
     if (!requestSchema) {
@@ -385,6 +385,7 @@ function createSeedClient(baseUrl, options) {
       throw new SeedValidationError(`Invalid input for ${key}: ${err instanceof Error ? err.message : String(err)}`);
     }
     let response;
+    const defaultHeaders = await getDefaultHeaders();
     const isAction = HMActionSchema.options.some((s) => s.shape.key.value === key);
     if (isAction) {
       const url = `${normalizedBaseUrl}/api/${key}`;
@@ -3505,6 +3506,13 @@ function toHMBlockType(editorBlockType) {
   if (editorBlockType === "query") return "Query";
   return void 0;
 }
+function toImageWidthNumber(width) {
+  if (width == null ? void 0 : width.trim().endsWith("%")) {
+    const percentage = Number(width.trim().slice(0, -1));
+    return Number.isFinite(percentage) && percentage > 0 ? percentage : null;
+  }
+  return toNumber(width);
+}
 function editorBlockToHMBlock(editorBlock) {
   var _a, _b, _c, _d, _e, _f, _g, _h;
   const blockType = toHMBlockType(editorBlock.type);
@@ -3591,7 +3599,7 @@ function editorBlockToHMBlock(editorBlock) {
     } else {
       blockImage.link = "";
     }
-    const width = toNumber(editorBlock.props.width);
+    const width = toImageWidthNumber(editorBlock.props.width);
     if (width) {
       blockImage.attributes.width = width;
     }
@@ -3804,7 +3812,7 @@ function hmBlockToEditorBlock(block) {
           if (key == "width" || key == "size") {
             if (typeof value == "number") {
               ;
-              out.props[key] = String(value);
+              out.props[key] = blockType === "image" && key === "width" && value > 0 && value <= 100 ? `${value}%` : String(value);
             }
           } else if (typeof value == "boolean") {
             ;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seed-hypermedia/client",
-  "version": "0.0.33",
+  "version": "0.0.35",
   "repository": {
     "type": "git",
     "url": "https://github.com/seed-hypermedia/seed",