@orion-studios/payload-studio 0.6.0-beta.55 → 0.6.0-beta.56

package/dist/builder-v2/client.js

@@ -679,6 +679,76 @@ var updateJsonListAttribute = ({
     [listAttr]: JSON.stringify(list)
   });
 };
+var addJsonListItem = ({
+  listAttr,
+  model,
+  template
+}) => {
+  const attrs = model.getAttributes?.() || {};
+  const list = parseJsonArray(attrs[listAttr]);
+  list.push(template);
+  model.addAttributes?.({
+    [listAttr]: JSON.stringify(list)
+  });
+};
+var duplicateJsonListItem = ({
+  index,
+  listAttr,
+  model
+}) => {
+  const attrs = model.getAttributes?.() || {};
+  const list = parseJsonArray(attrs[listAttr]);
+  const item = list[index];
+  if (!item) {
+    return;
+  }
+  list.splice(index + 1, 0, {
+    ...item,
+    title: typeof item.title === "string" ? `${item.title} copy` : item.title
+  });
+  model.addAttributes?.({
+    [listAttr]: JSON.stringify(list)
+  });
+};
+var removeJsonListItem = ({
+  index,
+  listAttr,
+  model
+}) => {
+  const attrs = model.getAttributes?.() || {};
+  const list = parseJsonArray(attrs[listAttr]);
+  if (!list[index]) {
+    return;
+  }
+  list.splice(index, 1);
+  model.addAttributes?.({
+    [listAttr]: JSON.stringify(list)
+  });
+};
+var parseTemplateAttribute = (value) => {
+  const decoded = decodeHtmlAttribute2(value);
+  if (!decoded) {
+    return {
+      description: "Describe this item.",
+      imageURL: "",
+      title: "New item"
+    };
+  }
+  try {
+    const parsed = JSON.parse(decoded);
+    return parsed && typeof parsed === "object" && !Array.isArray(parsed) ? parsed : {
+      description: "Describe this item.",
+      imageURL: "",
+      title: "New item"
+    };
+  } catch {
+    return {
+      description: "Describe this item.",
+      imageURL: "",
+      title: "New item"
+    };
+  }
+};
 var chooseAsset = (editor, currentSrc, callback) => {
   const assetManager = editor?.AssetManager;
   if (!assetManager?.open) {
@@ -710,12 +780,54 @@ var bindEditablePreview = (view, editor) => {
   if (!root) {
     return;
   }
+  root.querySelectorAll("[data-orion-action]").forEach((element) => {
+    const action = element.dataset.orionAction || "";
+    const listName = element.dataset.orionEditList || "";
+    const listIndex = Number(element.dataset.orionEditIndex);
+    const listAttr = listName ? propToAttrName(listName) : "";
+    element.setAttribute("title", element.getAttribute("aria-label") || element.textContent?.trim() || "Section action");
+    element.addEventListener("click", (event) => {
+      event.preventDefault();
+      event.stopPropagation();
+      editor.select?.(view.model);
+      if (!listAttr) {
+        return;
+      }
+      if (action === "add-list-item") {
+        addJsonListItem({
+          listAttr,
+          model: view.model,
+          template: parseTemplateAttribute(element.dataset.orionItemTemplate)
+        });
+        return;
+      }
+      if (!Number.isInteger(listIndex)) {
+        return;
+      }
+      if (action === "duplicate-list-item") {
+        duplicateJsonListItem({
+          index: listIndex,
+          listAttr,
+          model: view.model
+        });
+        return;
+      }
+      if (action === "remove-list-item") {
+        removeJsonListItem({
+          index: listIndex,
+          listAttr,
+          model: view.model
+        });
+      }
+    });
+  });
   root.querySelectorAll("[data-orion-edit-field]").forEach((element) => {
     const field = element.dataset.orionEditField || "";
     const listName = element.dataset.orionEditList || "";
     const listIndex = Number(element.dataset.orionEditIndex);
     const attrName = listName ? propToAttrName(listName) : propToAttrName(field);
     const isImage = element.dataset.orionEditKind === "image" || element instanceof HTMLImageElement;
+    const placeholder = element.dataset.orionPlaceholder || "";
     element.setAttribute("title", isImage ? "Click to replace image" : "Click and type to edit");
     element.style.cursor = "text";
     element.addEventListener("click", (event) => {
@@ -748,7 +860,8 @@ var bindEditablePreview = (view, editor) => {
     element.setAttribute("contenteditable", "true");
     element.setAttribute("spellcheck", "true");
     const commit = () => {
-      const value = element.innerText.trim();
+      const typedValue = element.innerText.trim();
+      const value = placeholder && typedValue === placeholder ? "" : typedValue;
       if (listName && Number.isInteger(listIndex)) {
         updateJsonListAttribute({
           field,
@@ -1038,6 +1151,7 @@ function GrapesPageEditor({
   const [selectedDevice, setSelectedDevice] = (0, import_react.useState)("desktop");
   const [saving, setSaving] = (0, import_react.useState)(null);
   const [saveMessage, setSaveMessage] = (0, import_react.useState)("");
+  const [selectionSummary, setSelectionSummary] = (0, import_react.useState)(null);
   const [validationIssues, setValidationIssues] = (0, import_react.useState)([]);
   const editorPageBasePath = initialData?.meta?.editorPageBasePath || "/admin/pages";
   const pageTree = initialData?.meta?.pageTree || [];
@@ -1116,6 +1230,7 @@ function GrapesPageEditor({
           },
           storageManager: false,
           styleManager: {
+            appendTo: "#orion-builder-v2-styles",
             sectors: [
               {
                 name: "Layout",
@@ -1163,7 +1278,16 @@ function GrapesPageEditor({
             }
           }, autosaveIntervalMs);
         });
-        editor.on("component:selected", () => {
+        editor.on("component:selected", (component) => {
+          const typed = component;
+          const attrs = typed?.getAttributes?.() || {};
+          const componentType = String(attrs["data-orion-component"] || typed?.get?.("type") || "Section");
+          const rawName = String(typed?.get?.("name") || componentType || "Section");
+          const label = rawName.replace(/^orion-/, "").replace(/^xo/, "XO ").replace(/([a-z])([A-Z])/g, "$1 $2").replace(/-/g, " ").trim();
+          setSelectionSummary({
+            label: label || "Section",
+            type: componentType
+          });
           setSaveMessage("Selection ready");
         });
         setSelectedDevice(editor.getDevice() || "desktop");
@@ -1381,11 +1505,6 @@ function GrapesPageEditor({
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { children: "Drag sections into the page. Dynamic blocks render through the project adapter." }),
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { id: "orion-builder-v2-blocks" })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "orion-builder-v2-panel", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", { children: "Inspector" }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { children: "Selection settings, dynamic bindings, links, and labels." }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { id: "orion-builder-v2-traits" })
-      ] }),
       /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "orion-builder-v2-panel", children: [
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", { children: "Validation" }),
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "orion-builder-v2-validation-list", children: validationIssues.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { children: "No issues found." }) : validationIssues.map((issue) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: `orion-builder-v2-validation is-${issue.severity}`, children: [
@@ -1397,6 +1516,9 @@ function GrapesPageEditor({
     /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("main", { className: "orion-builder-v2-main", children: [
       loading ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "orion-builder-v2-status", children: "Loading builder..." }) : null,
       error ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "orion-builder-v2-error", children: error }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "orion-builder-v2-canvas", ref: containerRef })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("aside", { className: "orion-builder-v2-inspector", "aria-label": "Selected section settings", children: [
       saveMessage || lastSavedAt ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "orion-builder-v2-save-status", children: [
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)("strong", { children: saveMessage || "Ready" }),
         lastSavedAt ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { children: [
@@ -1404,7 +1526,16 @@ function GrapesPageEditor({
           lastSavedAt
         ] }) : null
       ] }) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "orion-builder-v2-canvas", ref: containerRef })
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "orion-builder-v2-panel", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", { children: selectionSummary ? selectionSummary.label : "No section selected" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { children: selectionSummary ? "Edit this section content, images, links, layout, and spacing." : "Select a section or element on the canvas to edit its settings." }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { id: "orion-builder-v2-traits" })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "orion-builder-v2-panel", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", { children: "Design" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { children: "Adjust spacing, layout, typography, color, borders, and shadows for the selected section." }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { id: "orion-builder-v2-styles" })
+      ] })
     ] })
   ] });
 }

package/dist/builder-v2/client.mjs

@@ -555,6 +555,76 @@ var updateJsonListAttribute = ({
     [listAttr]: JSON.stringify(list)
   });
 };
+var addJsonListItem = ({
+  listAttr,
+  model,
+  template
+}) => {
+  const attrs = model.getAttributes?.() || {};
+  const list = parseJsonArray(attrs[listAttr]);
+  list.push(template);
+  model.addAttributes?.({
+    [listAttr]: JSON.stringify(list)
+  });
+};
+var duplicateJsonListItem = ({
+  index,
+  listAttr,
+  model
+}) => {
+  const attrs = model.getAttributes?.() || {};
+  const list = parseJsonArray(attrs[listAttr]);
+  const item = list[index];
+  if (!item) {
+    return;
+  }
+  list.splice(index + 1, 0, {
+    ...item,
+    title: typeof item.title === "string" ? `${item.title} copy` : item.title
+  });
+  model.addAttributes?.({
+    [listAttr]: JSON.stringify(list)
+  });
+};
+var removeJsonListItem = ({
+  index,
+  listAttr,
+  model
+}) => {
+  const attrs = model.getAttributes?.() || {};
+  const list = parseJsonArray(attrs[listAttr]);
+  if (!list[index]) {
+    return;
+  }
+  list.splice(index, 1);
+  model.addAttributes?.({
+    [listAttr]: JSON.stringify(list)
+  });
+};
+var parseTemplateAttribute = (value) => {
+  const decoded = decodeHtmlAttribute2(value);
+  if (!decoded) {
+    return {
+      description: "Describe this item.",
+      imageURL: "",
+      title: "New item"
+    };
+  }
+  try {
+    const parsed = JSON.parse(decoded);
+    return parsed && typeof parsed === "object" && !Array.isArray(parsed) ? parsed : {
+      description: "Describe this item.",
+      imageURL: "",
+      title: "New item"
+    };
+  } catch {
+    return {
+      description: "Describe this item.",
+      imageURL: "",
+      title: "New item"
+    };
+  }
+};
 var chooseAsset = (editor, currentSrc, callback) => {
   const assetManager = editor?.AssetManager;
   if (!assetManager?.open) {
@@ -586,12 +656,54 @@ var bindEditablePreview = (view, editor) => {
   if (!root) {
     return;
   }
+  root.querySelectorAll("[data-orion-action]").forEach((element) => {
+    const action = element.dataset.orionAction || "";
+    const listName = element.dataset.orionEditList || "";
+    const listIndex = Number(element.dataset.orionEditIndex);
+    const listAttr = listName ? propToAttrName(listName) : "";
+    element.setAttribute("title", element.getAttribute("aria-label") || element.textContent?.trim() || "Section action");
+    element.addEventListener("click", (event) => {
+      event.preventDefault();
+      event.stopPropagation();
+      editor.select?.(view.model);
+      if (!listAttr) {
+        return;
+      }
+      if (action === "add-list-item") {
+        addJsonListItem({
+          listAttr,
+          model: view.model,
+          template: parseTemplateAttribute(element.dataset.orionItemTemplate)
+        });
+        return;
+      }
+      if (!Number.isInteger(listIndex)) {
+        return;
+      }
+      if (action === "duplicate-list-item") {
+        duplicateJsonListItem({
+          index: listIndex,
+          listAttr,
+          model: view.model
+        });
+        return;
+      }
+      if (action === "remove-list-item") {
+        removeJsonListItem({
+          index: listIndex,
+          listAttr,
+          model: view.model
+        });
+      }
+    });
+  });
   root.querySelectorAll("[data-orion-edit-field]").forEach((element) => {
     const field = element.dataset.orionEditField || "";
     const listName = element.dataset.orionEditList || "";
     const listIndex = Number(element.dataset.orionEditIndex);
     const attrName = listName ? propToAttrName(listName) : propToAttrName(field);
     const isImage = element.dataset.orionEditKind === "image" || element instanceof HTMLImageElement;
+    const placeholder = element.dataset.orionPlaceholder || "";
     element.setAttribute("title", isImage ? "Click to replace image" : "Click and type to edit");
     element.style.cursor = "text";
     element.addEventListener("click", (event) => {
@@ -624,7 +736,8 @@ var bindEditablePreview = (view, editor) => {
     element.setAttribute("contenteditable", "true");
     element.setAttribute("spellcheck", "true");
     const commit = () => {
-      const value = element.innerText.trim();
+      const typedValue = element.innerText.trim();
+      const value = placeholder && typedValue === placeholder ? "" : typedValue;
       if (listName && Number.isInteger(listIndex)) {
         updateJsonListAttribute({
           field,
@@ -914,6 +1027,7 @@ function GrapesPageEditor({
   const [selectedDevice, setSelectedDevice] = useState("desktop");
   const [saving, setSaving] = useState(null);
   const [saveMessage, setSaveMessage] = useState("");
+  const [selectionSummary, setSelectionSummary] = useState(null);
   const [validationIssues, setValidationIssues] = useState([]);
   const editorPageBasePath = initialData?.meta?.editorPageBasePath || "/admin/pages";
   const pageTree = initialData?.meta?.pageTree || [];
@@ -992,6 +1106,7 @@ function GrapesPageEditor({
           },
           storageManager: false,
           styleManager: {
+            appendTo: "#orion-builder-v2-styles",
             sectors: [
               {
                 name: "Layout",
@@ -1039,7 +1154,16 @@ function GrapesPageEditor({
             }
           }, autosaveIntervalMs);
         });
-        editor.on("component:selected", () => {
+        editor.on("component:selected", (component) => {
+          const typed = component;
+          const attrs = typed?.getAttributes?.() || {};
+          const componentType = String(attrs["data-orion-component"] || typed?.get?.("type") || "Section");
+          const rawName = String(typed?.get?.("name") || componentType || "Section");
+          const label = rawName.replace(/^orion-/, "").replace(/^xo/, "XO ").replace(/([a-z])([A-Z])/g, "$1 $2").replace(/-/g, " ").trim();
+          setSelectionSummary({
+            label: label || "Section",
+            type: componentType
+          });
           setSaveMessage("Selection ready");
         });
         setSelectedDevice(editor.getDevice() || "desktop");
@@ -1257,11 +1381,6 @@ function GrapesPageEditor({
         /* @__PURE__ */ jsx("p", { children: "Drag sections into the page. Dynamic blocks render through the project adapter." }),
         /* @__PURE__ */ jsx("div", { id: "orion-builder-v2-blocks" })
       ] }),
-      /* @__PURE__ */ jsxs("div", { className: "orion-builder-v2-panel", children: [
-        /* @__PURE__ */ jsx("h2", { children: "Inspector" }),
-        /* @__PURE__ */ jsx("p", { children: "Selection settings, dynamic bindings, links, and labels." }),
-        /* @__PURE__ */ jsx("div", { id: "orion-builder-v2-traits" })
-      ] }),
       /* @__PURE__ */ jsxs("div", { className: "orion-builder-v2-panel", children: [
         /* @__PURE__ */ jsx("h2", { children: "Validation" }),
         /* @__PURE__ */ jsx("div", { className: "orion-builder-v2-validation-list", children: validationIssues.length === 0 ? /* @__PURE__ */ jsx("p", { children: "No issues found." }) : validationIssues.map((issue) => /* @__PURE__ */ jsxs("div", { className: `orion-builder-v2-validation is-${issue.severity}`, children: [
@@ -1273,6 +1392,9 @@ function GrapesPageEditor({
     /* @__PURE__ */ jsxs("main", { className: "orion-builder-v2-main", children: [
       loading ? /* @__PURE__ */ jsx("div", { className: "orion-builder-v2-status", children: "Loading builder..." }) : null,
       error ? /* @__PURE__ */ jsx("div", { className: "orion-builder-v2-error", children: error }) : null,
+      /* @__PURE__ */ jsx("div", { className: "orion-builder-v2-canvas", ref: containerRef })
+    ] }),
+    /* @__PURE__ */ jsxs("aside", { className: "orion-builder-v2-inspector", "aria-label": "Selected section settings", children: [
       saveMessage || lastSavedAt ? /* @__PURE__ */ jsxs("div", { className: "orion-builder-v2-save-status", children: [
         /* @__PURE__ */ jsx("strong", { children: saveMessage || "Ready" }),
         lastSavedAt ? /* @__PURE__ */ jsxs("span", { children: [
@@ -1280,7 +1402,16 @@ function GrapesPageEditor({
           lastSavedAt
         ] }) : null
       ] }) : null,
-      /* @__PURE__ */ jsx("div", { className: "orion-builder-v2-canvas", ref: containerRef })
+      /* @__PURE__ */ jsxs("div", { className: "orion-builder-v2-panel", children: [
+        /* @__PURE__ */ jsx("h2", { children: selectionSummary ? selectionSummary.label : "No section selected" }),
+        /* @__PURE__ */ jsx("p", { children: selectionSummary ? "Edit this section content, images, links, layout, and spacing." : "Select a section or element on the canvas to edit its settings." }),
+        /* @__PURE__ */ jsx("div", { id: "orion-builder-v2-traits" })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "orion-builder-v2-panel", children: [
+        /* @__PURE__ */ jsx("h2", { children: "Design" }),
+        /* @__PURE__ */ jsx("p", { children: "Adjust spacing, layout, typography, color, borders, and shadows for the selected section." }),
+        /* @__PURE__ */ jsx("div", { id: "orion-builder-v2-styles" })
+      ] })
     ] })
   ] });
 }

package/dist/builder-v2/styles.css

@@ -12,7 +12,7 @@
   color: var(--builder-v2-ink);
   display: grid;
   font-family: var(--font-xo-sans, var(--font-body, ui-sans-serif, system-ui, sans-serif));
-  grid-template-columns: minmax(292px, 336px) 1fr;
+  grid-template-columns: minmax(292px, 336px) minmax(0, 1fr) minmax(300px, 360px);
   grid-template-rows: auto minmax(0, 1fr);
   height: 100dvh;
   min-height: 640px;
@@ -94,9 +94,9 @@
   color: #ffffff;
 }
 
-.orion-builder-v2-sidebar {
+.orion-builder-v2-sidebar,
+.orion-builder-v2-inspector {
   background: #fbf7f1;
-  border-right: 1px solid var(--builder-v2-border);
   display: grid;
   gap: 14px;
   grid-auto-rows: max-content;
@@ -104,6 +104,14 @@
   padding: 14px;
 }
 
+.orion-builder-v2-sidebar {
+  border-right: 1px solid var(--builder-v2-border);
+}
+
+.orion-builder-v2-inspector {
+  border-left: 1px solid var(--builder-v2-border);
+}
+
 .orion-builder-v2-panel {
   background: var(--builder-v2-panel);
   border: 1px solid var(--builder-v2-border);
@@ -201,7 +209,8 @@
   display: grid;
   gap: 2px;
   left: auto;
-  right: 16px;
+  position: static;
+  right: auto;
 }
 
 .orion-builder-v2-save-status span {
@@ -330,6 +339,77 @@
   font-weight: 800;
 }
 
+.orion-builder-v2-editor .gjs-traits-label {
+  display: none;
+}
+
+.orion-builder-v2-editor .gjs-trt-traits {
+  display: grid;
+  gap: 10px;
+}
+
+.orion-builder-v2-editor .gjs-trt-trait {
+  display: grid;
+  gap: 6px;
+}
+
+.orion-builder-v2-editor .gjs-sm-sectors {
+  display: grid;
+  gap: 10px;
+}
+
+.orion-builder-v2-editor .gjs-sm-sector {
+  border: 1px solid var(--builder-v2-border);
+  border-radius: 12px;
+  overflow: hidden;
+}
+
+.orion-builder-v2-editor .gjs-sm-properties {
+  display: grid;
+  gap: 8px;
+  padding: 10px;
+}
+
+.orion-builder-v2-editor .gjs-sm-property {
+  float: none;
+  margin: 0;
+  width: 100%;
+}
+
+.orion-builder-v2-editor .gjs-field input,
+.orion-builder-v2-editor .gjs-field select,
+.orion-builder-v2-editor .gjs-field textarea {
+  min-height: 36px;
+}
+
+.orion-builder-v2-editor .gjs-field textarea {
+  min-height: 96px;
+}
+
+.orion-builder-v2-editor [data-orion-placeholder] {
+  outline: 1px dashed rgba(199, 100, 61, 0.45);
+  outline-offset: 4px;
+}
+
+.orion-builder-v2-editor [data-orion-action] {
+  background: #fffaf4;
+  border: 1px solid #e7cbb9;
+  border-radius: 999px;
+  color: var(--builder-v2-ink);
+  cursor: pointer;
+  font: inherit;
+  font-size: 0.76rem;
+  font-weight: 900;
+  min-height: 32px;
+  padding: 6px 10px;
+}
+
+.orion-builder-v2-editor [data-orion-action]:hover {
+  background: var(--builder-v2-ink);
+  border-color: var(--builder-v2-ink);
+  color: #ffffff;
+}
+
 .orion-builder-v2-html-chunk {
   display: contents;
 }
@@ -939,7 +1019,7 @@
 @media (max-width: 800px) {
   .orion-builder-v2-editor {
     grid-template-columns: 1fr;
-    grid-template-rows: auto auto 1fr;
+    grid-template-rows: auto auto 1fr auto;
   }
 
   .orion-builder-v2-topbar {
@@ -947,7 +1027,8 @@
     flex-direction: column;
   }
 
-  .orion-builder-v2-sidebar {
+  .orion-builder-v2-sidebar,
+  .orion-builder-v2-inspector {
     max-height: 260px;
   }
 

package/dist/index.mjs

@@ -1,9 +1,9 @@
-import {
-  admin_app_exports
-} from "./chunk-RKTIFEUY.mjs";
 import {
   admin_exports
 } from "./chunk-JC3UV74N.mjs";
+import {
+  admin_app_exports
+} from "./chunk-RKTIFEUY.mjs";
 import "./chunk-W2UOCJDX.mjs";
 import {
   blocks_exports

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@orion-studios/payload-studio",
-  "version": "0.6.0-beta.55",
+  "version": "0.6.0-beta.56",
   "description": "Base CMS, builder, and custom admin toolkit for Orion Studios websites",
   "types": "./dist/index.d.ts",
   "main": "./dist/index.js",