@pooder/kit 6.3.0 → 6.3.1

package/dist/index.js

@@ -2383,12 +2383,20 @@ function createImageCommands(tool) {
         tool.resetImageSession();
       }
     },
+    {
+      command: "validateImageSession",
+      id: "validateImageSession",
+      title: "Validate Image Session",
+      handler: async () => {
+        return await tool.validateImageSession();
+      }
+    },
     {
       command: "completeImages",
       id: "completeImages",
       title: "Complete Images",
       handler: async () => {
-        return await tool.commitWorkingImagesAsCropped();
+        return await tool.completeImageSession();
       }
     },
     {
@@ -2633,6 +2641,13 @@ function createImageConfigurations() {
       type: "color",
       label: "Image Frame Outer Background",
       default: "#f5f5f5"
+    },
+    {
+      id: "image.session.placementPolicy",
+      type: "select",
+      label: "Image Session Placement Policy",
+      options: ["free", "warn", "strict"],
+      default: "free"
     }
   ];
 }
@@ -2709,6 +2724,44 @@ function computeImageOperationUpdates(args) {
   };
 }
 
+// src/extensions/image/imagePlacement.ts
+function toRadians(angle) {
+  return angle * Math.PI / 180;
+}
+function validateImagePlacement(args) {
+  const { frame, source, placement } = args;
+  if (frame.width <= 0 || frame.height <= 0 || source.width <= 0 || source.height <= 0) {
+    return { ok: true };
+  }
+  const coverScale = getCoverScale(frame, source);
+  const imageWidth = source.width * coverScale * Math.max(0.05, Number(placement.scale || 1));
+  const imageHeight = source.height * coverScale * Math.max(0.05, Number(placement.scale || 1));
+  if (imageWidth <= 0 || imageHeight <= 0) {
+    return { ok: true };
+  }
+  const centerX = frame.left + placement.left * frame.width;
+  const centerY = frame.top + placement.top * frame.height;
+  const halfWidth = imageWidth / 2;
+  const halfHeight = imageHeight / 2;
+  const radians = toRadians(placement.angle || 0);
+  const cos = Math.cos(radians);
+  const sin = Math.sin(radians);
+  const frameCorners = [
+    { x: frame.left, y: frame.top },
+    { x: frame.left + frame.width, y: frame.top },
+    { x: frame.left + frame.width, y: frame.top + frame.height },
+    { x: frame.left, y: frame.top + frame.height }
+  ];
+  const coversFrame = frameCorners.every((corner) => {
+    const dx = corner.x - centerX;
+    const dy = corner.y - centerY;
+    const localX = dx * cos + dy * sin;
+    const localY = -dx * sin + dy * cos;
+    return Math.abs(localX) <= halfWidth + 1e-6 && Math.abs(localY) <= halfHeight + 1e-6;
+  });
+  return { ok: coversFrame };
+}
+
 // src/extensions/geometry.ts
 var import_paper = __toESM(require("paper"));
 
@@ -3511,6 +3564,7 @@ var ImageTool = class {
     this.activeSnapX = null;
     this.activeSnapY = null;
     this.movingImageId = null;
+    this.sessionNotice = null;
     this.hasRenderedSnapGuides = false;
     this.subscriptions = new SubscriptionBag();
     this.imageControlsByCapabilityKey = /* @__PURE__ */ new Map();
@@ -3710,7 +3764,10 @@ var ImageTool = class {
             this.updateImages();
             return;
           }
-          if (e.key.startsWith("size.") || e.key.startsWith("image.frame.") || e.key.startsWith("image.control.")) {
+          if (e.key.startsWith("size.") || e.key.startsWith("image.frame.") || e.key.startsWith("image.session.") || e.key.startsWith("image.control.")) {
+            if (e.key === "image.session.placementPolicy") {
+              this.clearSessionNotice();
+            }
             if (e.key.startsWith("image.control.")) {
               this.imageControlsByCapabilityKey.clear();
             }
@@ -4154,6 +4211,7 @@ var ImageTool = class {
           interaction: "session",
           commands: {
             begin: "imageSessionReset",
+            validate: "validateImageSession",
             commit: "completeImages",
             rollback: "imageSessionReset"
           },
@@ -4192,6 +4250,32 @@ var ImageTool = class {
   getViewItems() {
     return this.isToolActive ? this.workingItems : this.items;
   }
+  getPlacementPolicy() {
+    const policy = this.getConfig(
+      "image.session.placementPolicy",
+      "free"
+    );
+    return policy === "warn" || policy === "strict" ? policy : "free";
+  }
+  areSessionNoticesEqual(a, b) {
+    if (!a && !b) return true;
+    if (!a || !b) return false;
+    return a.code === b.code && a.level === b.level && a.message === b.message && a.policy === b.policy && JSON.stringify(a.imageIds) === JSON.stringify(b.imageIds);
+  }
+  setSessionNotice(notice, options = {}) {
+    var _a;
+    if (this.areSessionNoticesEqual(this.sessionNotice, notice)) {
+      return;
+    }
+    this.sessionNotice = notice;
+    if (options.emit !== false) {
+      (_a = this.context) == null ? void 0 : _a.eventBus.emit("image:session:notice", this.sessionNotice);
+      this.emitImageStateChange();
+    }
+  }
+  clearSessionNotice(options = {}) {
+    this.setSessionNotice(null, options);
+  }
   getImageViewState() {
     this.syncToolActiveFromWorkbench();
     const items = this.cloneItems(this.getViewItems());
@@ -4204,7 +4288,9 @@ var ImageTool = class {
       isToolActive: this.isToolActive,
       isImageSelectionActive: this.isImageSelectionActive,
       hasWorkingChanges: this.hasWorkingChanges,
-      source: this.isToolActive ? "working" : "committed"
+      source: this.isToolActive ? "working" : "committed",
+      placementPolicy: this.getPlacementPolicy(),
+      sessionNotice: this.sessionNotice
     };
   }
   emitImageStateChange() {
@@ -4253,6 +4339,7 @@ var ImageTool = class {
   }
   async addImageEntry(url, options, operation) {
     this.syncToolActiveFromWorkbench();
+    this.clearSessionNotice({ emit: false });
     const id = this.generateId();
     const newItem = this.normalizeItem({
       id,
@@ -4313,7 +4400,11 @@ var ImageTool = class {
       }
       return { id: targetId, mode: "replace" };
     }
-    const id = await this.addImageEntry(url, options.addOptions, options.operation);
+    const id = await this.addImageEntry(
+      url,
+      options.addOptions,
+      options.operation
+    );
     return { id, mode: "add" };
   }
   async updateImage(id, updates, options = {}) {
@@ -4351,6 +4442,7 @@ var ImageTool = class {
   }
   updateConfig(newItems, skipCanvasUpdate = false) {
     if (!this.context) return;
+    this.clearSessionNotice({ emit: false });
     this.applyCommittedItems(newItems);
     runDeferredConfigUpdate(
       this,
@@ -4453,6 +4545,71 @@ var ImageTool = class {
   getCoverScale(frame, size) {
     return getCoverScale(frame, size);
   }
+  resolvePlacementState(item) {
+    var _a;
+    return {
+      left: Number.isFinite(item.left) ? item.left : 0.5,
+      top: Number.isFinite(item.top) ? item.top : 0.5,
+      scale: Math.max(0.05, (_a = item.scale) != null ? _a : 1),
+      angle: Number.isFinite(item.angle) ? item.angle : 0
+    };
+  }
+  async validatePlacementForItem(item) {
+    const frame = this.getFrameRect();
+    if (!frame.width || !frame.height) {
+      return true;
+    }
+    const src = item.sourceUrl || item.url;
+    if (!src) {
+      return true;
+    }
+    const source = await this.resolveImageSourceSize(item.id, src);
+    if (!source) {
+      return true;
+    }
+    return validateImagePlacement({
+      frame,
+      source,
+      placement: this.resolvePlacementState(item)
+    }).ok;
+  }
+  async validateImageSession() {
+    const policy = this.getPlacementPolicy();
+    if (policy === "free") {
+      this.clearSessionNotice();
+      return { ok: true, policy };
+    }
+    const invalidImageIds = [];
+    for (const item of this.workingItems) {
+      const valid = await this.validatePlacementForItem(item);
+      if (!valid) {
+        invalidImageIds.push(item.id);
+      }
+    }
+    if (!invalidImageIds.length) {
+      this.clearSessionNotice();
+      return { ok: true, policy };
+    }
+    const notice = {
+      code: "image-outside-frame",
+      level: policy === "strict" ? "error" : "warning",
+      message: policy === "strict" ? "\u56FE\u7247\u4F4D\u7F6E\u4E0D\u80FD\u8D85\u51FA frame\uFF0C\u8BF7\u8C03\u6574\u540E\u518D\u63D0\u4EA4\u3002" : "\u56FE\u7247\u4F4D\u7F6E\u5DF2\u8D85\u51FA frame\uFF0C\u5EFA\u8BAE\u8C03\u6574\u540E\u518D\u63D0\u4EA4\u3002",
+      imageIds: invalidImageIds,
+      policy
+    };
+    this.setSessionNotice(notice);
+    this.setImageFocus(invalidImageIds[0], {
+      syncCanvasSelection: true,
+      skipRender: true
+    });
+    return {
+      ok: policy !== "strict",
+      reason: notice.code,
+      message: notice.message,
+      imageIds: notice.imageIds,
+      policy: notice.policy
+    };
+  }
   getFrameVisualConfig() {
     var _a, _b;
     const strokeStyleRaw = this.getConfig(
@@ -4737,6 +4894,7 @@ var ImageTool = class {
     await this.updateImage(id, next, options);
   }
   resetImageSession() {
+    this.clearSessionNotice({ emit: false });
     this.workingItems = this.cloneItems(this.items);
     this.hasWorkingChanges = false;
     this.updateImages();
@@ -4745,6 +4903,7 @@ var ImageTool = class {
   updateImageInWorking(id, updates) {
     const index = this.workingItems.findIndex((item) => item.id === id);
     if (index < 0) return;
+    this.clearSessionNotice({ emit: false });
     const next = [...this.workingItems];
     next[index] = this.normalizeItem({ ...next[index], ...updates });
     this.workingItems = next;
@@ -4761,6 +4920,7 @@ var ImageTool = class {
   async updateImageInConfig(id, updates) {
     const index = this.items.findIndex((item) => item.id === id);
     if (index < 0) return;
+    this.clearSessionNotice({ emit: false });
     const replacingSource = typeof updates.url === "string" && updates.url.length > 0;
     const next = [...this.items];
     const base = next[index];
@@ -4869,11 +5029,42 @@ var ImageTool = class {
       }
     }
     this.hasWorkingChanges = false;
+    this.clearSessionNotice({ emit: false });
     this.workingItems = this.cloneItems(next);
     this.updateConfig(next);
     this.emitWorkingChange(this.focusedImageId);
     return { ok: true };
   }
+  async completeImageSession() {
+    var _a, _b, _c;
+    const sessionState = (_a = this.context) == null ? void 0 : _a.services.get("ToolSessionService");
+    const workbench = (_b = this.context) == null ? void 0 : _b.services.get("WorkbenchService");
+    console.info("[ImageTool] completeImageSession:start", {
+      activeToolId: (_c = workbench == null ? void 0 : workbench.activeToolId) != null ? _c : null,
+      isToolActive: this.isToolActive,
+      dirtyBeforeComplete: this.hasWorkingChanges,
+      workingCount: this.workingItems.length,
+      committedCount: this.items.length,
+      sessionDirty: sessionState == null ? void 0 : sessionState.isDirty(this.id)
+    });
+    const validation = await this.validateImageSession();
+    if (!validation.ok) {
+      console.warn("[ImageTool] completeImageSession:validation-failed", {
+        validation,
+        dirtyAfterValidation: this.hasWorkingChanges
+      });
+      return validation;
+    }
+    const result = await this.commitWorkingImagesAsCropped();
+    console.info("[ImageTool] completeImageSession:done", {
+      result,
+      dirtyAfterComplete: this.hasWorkingChanges,
+      workingCount: this.workingItems.length,
+      committedCount: this.items.length,
+      sessionDirty: sessionState == null ? void 0 : sessionState.isDirty(this.id)
+    });
+    return result;
+  }
   async exportCroppedImageByIds(imageIds, options) {
     var _a, _b, _c;
     if (!this.canvasService) {

package/dist/index.mjs

@@ -1302,12 +1302,20 @@ function createImageCommands(tool) {
         tool.resetImageSession();
       }
     },
+    {
+      command: "validateImageSession",
+      id: "validateImageSession",
+      title: "Validate Image Session",
+      handler: async () => {
+        return await tool.validateImageSession();
+      }
+    },
     {
       command: "completeImages",
       id: "completeImages",
       title: "Complete Images",
       handler: async () => {
-        return await tool.commitWorkingImagesAsCropped();
+        return await tool.completeImageSession();
       }
     },
     {
@@ -1552,6 +1560,13 @@ function createImageConfigurations() {
       type: "color",
       label: "Image Frame Outer Background",
       default: "#f5f5f5"
+    },
+    {
+      id: "image.session.placementPolicy",
+      type: "select",
+      label: "Image Session Placement Policy",
+      options: ["free", "warn", "strict"],
+      default: "free"
     }
   ];
 }
@@ -1628,6 +1643,44 @@ function computeImageOperationUpdates(args) {
   };
 }
 
+// src/extensions/image/imagePlacement.ts
+function toRadians(angle) {
+  return angle * Math.PI / 180;
+}
+function validateImagePlacement(args) {
+  const { frame, source, placement } = args;
+  if (frame.width <= 0 || frame.height <= 0 || source.width <= 0 || source.height <= 0) {
+    return { ok: true };
+  }
+  const coverScale = getCoverScale(frame, source);
+  const imageWidth = source.width * coverScale * Math.max(0.05, Number(placement.scale || 1));
+  const imageHeight = source.height * coverScale * Math.max(0.05, Number(placement.scale || 1));
+  if (imageWidth <= 0 || imageHeight <= 0) {
+    return { ok: true };
+  }
+  const centerX = frame.left + placement.left * frame.width;
+  const centerY = frame.top + placement.top * frame.height;
+  const halfWidth = imageWidth / 2;
+  const halfHeight = imageHeight / 2;
+  const radians = toRadians(placement.angle || 0);
+  const cos = Math.cos(radians);
+  const sin = Math.sin(radians);
+  const frameCorners = [
+    { x: frame.left, y: frame.top },
+    { x: frame.left + frame.width, y: frame.top },
+    { x: frame.left + frame.width, y: frame.top + frame.height },
+    { x: frame.left, y: frame.top + frame.height }
+  ];
+  const coversFrame = frameCorners.every((corner) => {
+    const dx = corner.x - centerX;
+    const dy = corner.y - centerY;
+    const localX = dx * cos + dy * sin;
+    const localY = -dx * sin + dy * cos;
+    return Math.abs(localX) <= halfWidth + 1e-6 && Math.abs(localY) <= halfHeight + 1e-6;
+  });
+  return { ok: coversFrame };
+}
+
 // src/extensions/geometry.ts
 import paper from "paper";
 
@@ -2430,6 +2483,7 @@ var ImageTool = class {
     this.activeSnapX = null;
     this.activeSnapY = null;
     this.movingImageId = null;
+    this.sessionNotice = null;
     this.hasRenderedSnapGuides = false;
     this.subscriptions = new SubscriptionBag();
     this.imageControlsByCapabilityKey = /* @__PURE__ */ new Map();
@@ -2629,7 +2683,10 @@ var ImageTool = class {
             this.updateImages();
             return;
           }
-          if (e.key.startsWith("size.") || e.key.startsWith("image.frame.") || e.key.startsWith("image.control.")) {
+          if (e.key.startsWith("size.") || e.key.startsWith("image.frame.") || e.key.startsWith("image.session.") || e.key.startsWith("image.control.")) {
+            if (e.key === "image.session.placementPolicy") {
+              this.clearSessionNotice();
+            }
             if (e.key.startsWith("image.control.")) {
               this.imageControlsByCapabilityKey.clear();
             }
@@ -3073,6 +3130,7 @@ var ImageTool = class {
           interaction: "session",
           commands: {
             begin: "imageSessionReset",
+            validate: "validateImageSession",
             commit: "completeImages",
             rollback: "imageSessionReset"
           },
@@ -3111,6 +3169,32 @@ var ImageTool = class {
   getViewItems() {
     return this.isToolActive ? this.workingItems : this.items;
   }
+  getPlacementPolicy() {
+    const policy = this.getConfig(
+      "image.session.placementPolicy",
+      "free"
+    );
+    return policy === "warn" || policy === "strict" ? policy : "free";
+  }
+  areSessionNoticesEqual(a, b) {
+    if (!a && !b) return true;
+    if (!a || !b) return false;
+    return a.code === b.code && a.level === b.level && a.message === b.message && a.policy === b.policy && JSON.stringify(a.imageIds) === JSON.stringify(b.imageIds);
+  }
+  setSessionNotice(notice, options = {}) {
+    var _a;
+    if (this.areSessionNoticesEqual(this.sessionNotice, notice)) {
+      return;
+    }
+    this.sessionNotice = notice;
+    if (options.emit !== false) {
+      (_a = this.context) == null ? void 0 : _a.eventBus.emit("image:session:notice", this.sessionNotice);
+      this.emitImageStateChange();
+    }
+  }
+  clearSessionNotice(options = {}) {
+    this.setSessionNotice(null, options);
+  }
   getImageViewState() {
     this.syncToolActiveFromWorkbench();
     const items = this.cloneItems(this.getViewItems());
@@ -3123,7 +3207,9 @@ var ImageTool = class {
       isToolActive: this.isToolActive,
       isImageSelectionActive: this.isImageSelectionActive,
       hasWorkingChanges: this.hasWorkingChanges,
-      source: this.isToolActive ? "working" : "committed"
+      source: this.isToolActive ? "working" : "committed",
+      placementPolicy: this.getPlacementPolicy(),
+      sessionNotice: this.sessionNotice
     };
   }
   emitImageStateChange() {
@@ -3172,6 +3258,7 @@ var ImageTool = class {
   }
   async addImageEntry(url, options, operation) {
     this.syncToolActiveFromWorkbench();
+    this.clearSessionNotice({ emit: false });
     const id = this.generateId();
     const newItem = this.normalizeItem({
       id,
@@ -3232,7 +3319,11 @@ var ImageTool = class {
       }
       return { id: targetId, mode: "replace" };
     }
-    const id = await this.addImageEntry(url, options.addOptions, options.operation);
+    const id = await this.addImageEntry(
+      url,
+      options.addOptions,
+      options.operation
+    );
     return { id, mode: "add" };
   }
   async updateImage(id, updates, options = {}) {
@@ -3270,6 +3361,7 @@ var ImageTool = class {
   }
   updateConfig(newItems, skipCanvasUpdate = false) {
     if (!this.context) return;
+    this.clearSessionNotice({ emit: false });
     this.applyCommittedItems(newItems);
     runDeferredConfigUpdate(
       this,
@@ -3372,6 +3464,71 @@ var ImageTool = class {
   getCoverScale(frame, size) {
     return getCoverScale(frame, size);
   }
+  resolvePlacementState(item) {
+    var _a;
+    return {
+      left: Number.isFinite(item.left) ? item.left : 0.5,
+      top: Number.isFinite(item.top) ? item.top : 0.5,
+      scale: Math.max(0.05, (_a = item.scale) != null ? _a : 1),
+      angle: Number.isFinite(item.angle) ? item.angle : 0
+    };
+  }
+  async validatePlacementForItem(item) {
+    const frame = this.getFrameRect();
+    if (!frame.width || !frame.height) {
+      return true;
+    }
+    const src = item.sourceUrl || item.url;
+    if (!src) {
+      return true;
+    }
+    const source = await this.resolveImageSourceSize(item.id, src);
+    if (!source) {
+      return true;
+    }
+    return validateImagePlacement({
+      frame,
+      source,
+      placement: this.resolvePlacementState(item)
+    }).ok;
+  }
+  async validateImageSession() {
+    const policy = this.getPlacementPolicy();
+    if (policy === "free") {
+      this.clearSessionNotice();
+      return { ok: true, policy };
+    }
+    const invalidImageIds = [];
+    for (const item of this.workingItems) {
+      const valid = await this.validatePlacementForItem(item);
+      if (!valid) {
+        invalidImageIds.push(item.id);
+      }
+    }
+    if (!invalidImageIds.length) {
+      this.clearSessionNotice();
+      return { ok: true, policy };
+    }
+    const notice = {
+      code: "image-outside-frame",
+      level: policy === "strict" ? "error" : "warning",
+      message: policy === "strict" ? "\u56FE\u7247\u4F4D\u7F6E\u4E0D\u80FD\u8D85\u51FA frame\uFF0C\u8BF7\u8C03\u6574\u540E\u518D\u63D0\u4EA4\u3002" : "\u56FE\u7247\u4F4D\u7F6E\u5DF2\u8D85\u51FA frame\uFF0C\u5EFA\u8BAE\u8C03\u6574\u540E\u518D\u63D0\u4EA4\u3002",
+      imageIds: invalidImageIds,
+      policy
+    };
+    this.setSessionNotice(notice);
+    this.setImageFocus(invalidImageIds[0], {
+      syncCanvasSelection: true,
+      skipRender: true
+    });
+    return {
+      ok: policy !== "strict",
+      reason: notice.code,
+      message: notice.message,
+      imageIds: notice.imageIds,
+      policy: notice.policy
+    };
+  }
   getFrameVisualConfig() {
     var _a, _b;
     const strokeStyleRaw = this.getConfig(
@@ -3656,6 +3813,7 @@ var ImageTool = class {
     await this.updateImage(id, next, options);
   }
   resetImageSession() {
+    this.clearSessionNotice({ emit: false });
     this.workingItems = this.cloneItems(this.items);
     this.hasWorkingChanges = false;
     this.updateImages();
@@ -3664,6 +3822,7 @@ var ImageTool = class {
   updateImageInWorking(id, updates) {
     const index = this.workingItems.findIndex((item) => item.id === id);
     if (index < 0) return;
+    this.clearSessionNotice({ emit: false });
     const next = [...this.workingItems];
     next[index] = this.normalizeItem({ ...next[index], ...updates });
     this.workingItems = next;
@@ -3680,6 +3839,7 @@ var ImageTool = class {
   async updateImageInConfig(id, updates) {
     const index = this.items.findIndex((item) => item.id === id);
     if (index < 0) return;
+    this.clearSessionNotice({ emit: false });
     const replacingSource = typeof updates.url === "string" && updates.url.length > 0;
     const next = [...this.items];
     const base = next[index];
@@ -3788,11 +3948,42 @@ var ImageTool = class {
       }
     }
     this.hasWorkingChanges = false;
+    this.clearSessionNotice({ emit: false });
     this.workingItems = this.cloneItems(next);
     this.updateConfig(next);
     this.emitWorkingChange(this.focusedImageId);
     return { ok: true };
   }
+  async completeImageSession() {
+    var _a, _b, _c;
+    const sessionState = (_a = this.context) == null ? void 0 : _a.services.get("ToolSessionService");
+    const workbench = (_b = this.context) == null ? void 0 : _b.services.get("WorkbenchService");
+    console.info("[ImageTool] completeImageSession:start", {
+      activeToolId: (_c = workbench == null ? void 0 : workbench.activeToolId) != null ? _c : null,
+      isToolActive: this.isToolActive,
+      dirtyBeforeComplete: this.hasWorkingChanges,
+      workingCount: this.workingItems.length,
+      committedCount: this.items.length,
+      sessionDirty: sessionState == null ? void 0 : sessionState.isDirty(this.id)
+    });
+    const validation = await this.validateImageSession();
+    if (!validation.ok) {
+      console.warn("[ImageTool] completeImageSession:validation-failed", {
+        validation,
+        dirtyAfterValidation: this.hasWorkingChanges
+      });
+      return validation;
+    }
+    const result = await this.commitWorkingImagesAsCropped();
+    console.info("[ImageTool] completeImageSession:done", {
+      result,
+      dirtyAfterComplete: this.hasWorkingChanges,
+      workingCount: this.workingItems.length,
+      committedCount: this.items.length,
+      sessionDirty: sessionState == null ? void 0 : sessionState.isDirty(this.id)
+    });
+    return result;
+  }
   async exportCroppedImageByIds(imageIds, options) {
     var _a, _b, _c;
     if (!this.canvasService) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pooder/kit",
-  "version": "6.3.0",
+  "version": "6.3.1",
   "description": "Standard plugins for Pooder editor",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
@@ -19,7 +19,7 @@
   "dependencies": {
     "paper": "^0.12.18",
     "fabric": "^7.0.0",
-    "@pooder/core": "2.2.1"
+    "@pooder/core": "2.2.2"
   },
   "scripts": {
     "build": "tsup src/index.ts --format cjs,esm --dts",