@getspot/spot-widget 1.4.0 → 2.0.1

package/src/ui.js

@@ -1,267 +0,0 @@
-export function makeEl(tag, { text, className, parent, innerHTML } = {}) {
-  const el = document.createElement(tag);
-  if (className) el.className = className;
-  if (text != null) el.textContent = text;
-  if (innerHTML != null) el.innerHTML = innerHTML;
-  if (parent) parent.appendChild(el);
-  return el;
-}
-
-// header
-export function renderHeader(container, { name, description }) {
-  makeEl("div", {
-    className: "spot-header__title",
-    text: name,
-    parent: container,
-  });
-  makeEl("div", {
-    className: "spot-header__description",
-    text: description,
-    parent: container,
-  });
-}
-
-// bullet points
-export function renderBenefits(container, bullets = []) {
-  const ul = makeEl("ul", {
-    className: "spot-benefits__list",
-    parent: container,
-  });
-  bullets.forEach((b) => {
-    const li = makeEl("li", { parent: ul });
-    li.innerHTML = `
-            <svg width="14" height="14" viewBox="0 0 14 14" fill="none">
-              <path d="M11.6666 3.5L5.24998 9.91667L2.33331 7"
-                stroke="#2E2E2E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-            </svg>`;
-    makeEl("span", { text: b, parent: li });
-  });
-}
-
-// qualifying reasons
-export function renderQualifyingReasons(container, qualifyingReasons = []) {
-  if (!qualifyingReasons || qualifyingReasons.length === 0) return;
-
-  const wrapper = makeEl("div", {
-    className: "spot-qualifying-reasons__container",
-    parent: container,
-  });
-
-  const sortedReasons = [...qualifyingReasons].sort((a, b) => a.rank - b.rank);
-
-  const grid = makeEl("div", {
-    className: "spot-qualifying-reasons__grid",
-    parent: wrapper,
-  });
-
-  const ICON_MAPPING = {
-    "Accident & Illness": "cross.svg",
-    "Family Emergencies": "users.svg",
-    Layoffs: "building.svg",
-    "Jury Duty": "scale.svg",
-    "Work Travel Conflict": "briefcase.svg",
-    "Severe Weather": "umbrella.svg",
-    "Travel Interruption": "plane.svg",
-    "Military Duty": "medal.svg",
-  };
-
-  // Get the base URL for assets
-  const scriptUrl = new URL(import.meta.url);
-  const baseUrl = scriptUrl.origin + scriptUrl.pathname.replace(/\/src\/[^/]*$/, "/assets/");
-
-  sortedReasons.forEach((reason) => {
-    const reasonEl = makeEl("div", {
-      className: "spot-qualifying-reasons__item",
-      parent: grid,
-    });
-
-    const iconWrapper = makeEl("div", {
-      className: "spot-qualifying-reasons__icon-wrapper",
-      parent: reasonEl,
-    });
-
-    const iconFileName =
-      ICON_MAPPING[reason.benefitType?.name] || ICON_MAPPING[reason.name];
-    if (iconFileName) {
-      const img = makeEl("img", {
-        parent: iconWrapper,
-      });
-      img.src = baseUrl + iconFileName;
-      img.alt = reason.benefitType?.name || reason.name || "";
-      img.className = "spot-qualifying-reasons__icon";
-    }
-
-    makeEl("span", {
-      className: "spot-qualifying-reasons__label",
-      text: reason.benefitType?.name || reason.name || "",
-      parent: reasonEl,
-    });
-  });
-}
-
-// covered items for multi-quote
-export function renderCoveredItems(container, coveredItems = []) {
-  if (coveredItems.length === 0) return;
-
-  const wrapper = makeEl("div", {
-    className: "spot-covered-items__container",
-    parent: container,
-  });
-  makeEl("div", {
-    className: "spot-covered-items__title",
-    text: "Items covered in your cart:",
-    parent: wrapper,
-  });
-  const ul = makeEl("ul", {
-    className: "spot-covered-items__list",
-    parent: wrapper,
-  });
-  coveredItems.forEach((item) => {
-    const li = makeEl("li", { parent: ul });
-    makeEl("span", { text: item, parent: li });
-  });
-}
-
-// payout table
-export function renderTable(container, schedule = []) {
-  const wrapper = makeEl("div", {
-    className: "spot-table__container",
-    parent: container,
-  });
-  const tbl = makeEl("table", {
-    className: "spot-refund__table spot-table--dynamic",
-    parent: wrapper,
-  });
-
-  const thead = makeEl("thead", { parent: tbl });
-  const headRow = makeEl("tr", { parent: thead });
-  makeEl("th", { text: "When you cancel", parent: headRow });
-  makeEl("th", { text: "You will receive", parent: headRow });
-
-  const tbody = makeEl("tbody", { parent: tbl });
-  schedule.forEach(({ text, percent, amount }) => {
-    const row = makeEl("tr", { parent: tbody });
-    makeEl("td", { text, parent: row });
-    const amt =
-      percent === "Not eligible for refund"
-        ? "Not eligible for a refund"
-        : `$${amount} refund`;
-    makeEl("td", { text: amt, parent: row });
-  });
-}
-
-// radio buttons
-export function renderOptions(container, optInSelected, communication) {
-  const optionsWrapper = makeEl("div", {
-    className: "spot-selection__options",
-    parent: container,
-  });
-
-  // yes
-  const yesOption = makeEl("label", {
-    className: `spot-selection__option ${optInSelected ? "selected" : ""}`,
-    parent: optionsWrapper,
-  });
-  const yesInput = makeEl("input", { parent: yesOption });
-  yesInput.type = "radio";
-  yesInput.name = "selection";
-  yesInput.value = "yes";
-  if (optInSelected) yesInput.checked = true;
-
-  makeEl("strong", {
-    text: communication.yesOptionText,
-    parent: yesOption,
-  });
-
-  makeEl("span", {
-    className: "spot-selection__recommended-tag",
-    text: "Recommended",
-    parent: yesOption,
-  });
-
-  // no
-  const noOption = makeEl("label", {
-    className: "spot-selection__option",
-    parent: optionsWrapper,
-  });
-  const noInput = makeEl("input", { parent: noOption });
-  noInput.type = "radio";
-  noInput.name = "selection";
-  noInput.value = "no";
-
-  makeEl("span", { text: communication.noOptionText, parent: noOption });
-
-  return optionsWrapper;
-}
-
-// payment terms
-export function renderPaymentTerms(container, quote) {
-  const terms = quote.communication?.paymentTerms;
-
-  const wrapper = makeEl("div", {
-    className: "spot-payment-terms",
-    parent: container,
-  });
-
-  makeEl("div", {
-    className: "spot-payment-terms__header",
-    text: "PAYMENT TERMS",
-    parent: wrapper,
-  });
-
-  makeEl("div", {
-    className: "spot-payment-terms__body",
-    text: terms,
-    parent: wrapper,
-  });
-
-  return wrapper;
-}
-
-// footer
-export function renderFooter(container, quote) {
-  const footer = makeEl("div", {
-    className: "spot-footer__container",
-    parent: container,
-  });
-
-  const termsDiv = makeEl("div", {
-    className: "spot-footer__terms",
-    parent: footer,
-  });
-  makeEl("span", {
-    innerHTML: quote.communication.legalDisclaimer,
-    parent: termsDiv,
-  });
-  makeEl("br", { parent: termsDiv });
-  makeEl("a", {
-    href: quote.communication.termsAndConditionsUrl,
-    target: "_blank",
-    className: "spot-footer__terms-link",
-    text: "Refund Guarantee Terms and Conditions",
-    parent: termsDiv,
-  });
-
-  const poweredBy = makeEl("p", {
-    className: "spot-footer__powered-by",
-    parent: footer,
-  });
-  poweredBy.innerHTML = `
-            <svg width="145" height="28" viewBox="0 0 145 28" fill="none" xmlns="http://www.w3.org/2000/svg">
-            <rect width="145" height="28"/>
-            <rect x="-655" y="-270" width="819" height="325" rx="10"/>
-            <path d="M0 10C0 4.47715 4.47715 0 10 0H134.161C139.684 0 144.161 4.47715 144.161 10V18C144.161 23.5228 139.684 28 134.161 28H10C4.47716 28 0 23.5228 0 18V10Z" fill="#F3FD00"/>
-            <path d="M11.98 19V9.2H14.878C16.754 9.2 18.154 10.474 18.154 12.364C18.154 14.254 16.754 15.528 14.878 15.528H13.828V19H11.98ZM13.828 13.806H14.878C15.746 13.806 16.236 13.176 16.236 12.364C16.236 11.552 15.746 10.936 14.878 10.936H13.828V13.806ZM22.0258 19.196C20.0938 19.196 18.2178 17.894 18.2178 15.43C18.2178 12.952 20.0938 11.65 22.0258 11.65C23.9438 11.65 25.8198 12.952 25.8198 15.43C25.8198 17.894 23.9438 19.196 22.0258 19.196ZM20.0518 15.43C20.0518 16.774 20.8778 17.544 22.0258 17.544C23.1598 17.544 23.9858 16.774 23.9858 15.43C23.9858 14.072 23.1598 13.302 22.0258 13.302C20.8778 13.302 20.0518 14.072 20.0518 15.43ZM27.7226 19L25.2446 11.846H27.0926L28.7026 16.732L29.9486 11.846H31.7266L33.0146 16.746L34.5966 11.846H36.4026L33.9946 19H32.1186L30.8446 14.198L29.6266 19H27.7226ZM39.531 19.196C37.683 19.196 35.849 17.894 35.849 15.43C35.849 12.952 37.641 11.65 39.461 11.65C41.253 11.65 43.073 12.924 43.073 15.416V15.962H37.599C37.795 17.096 38.607 17.614 39.531 17.614C40.161 17.614 40.609 17.418 40.889 17.054H42.933C42.317 18.496 40.889 19.196 39.531 19.196ZM37.627 14.702H41.211C41.043 13.526 40.217 13.092 39.461 13.092C38.607 13.092 37.851 13.624 37.627 14.702ZM44.0159 19V11.846H45.7799V12.798C46.3539 12.028 47.2219 11.65 48.0759 11.65V13.47C46.5919 13.19 45.7799 13.834 45.7799 15.024V19H44.0159ZM51.967 19.196C50.119 19.196 48.285 17.894 48.285 15.43C48.285 12.952 50.077 11.65 51.897 11.65C53.689 11.65 55.509 12.924 55.509 15.416V15.962H50.035C50.231 17.096 51.043 17.614 51.967 17.614C52.597 17.614 53.045 17.418 53.325 17.054H55.369C54.753 18.496 53.325 19.196 51.967 19.196ZM50.063 14.702H53.647C53.479 13.526 52.653 13.092 51.897 13.092C51.043 13.092 50.287 13.624 50.063 14.702ZM59.4762 19.196C57.7542 19.196 56.1022 17.894 56.1022 15.43C56.1022 12.952 57.7542 11.65 59.4762 11.65C60.4842 11.65 61.3102 12.014 61.8562 12.714V9.2H63.6202V19H61.8562V18.146C61.3102 18.832 60.4842 19.196 59.4762 19.196ZM57.9362 15.43C57.9362 16.774 58.7622 17.544 59.8962 17.544C61.0442 17.544 61.8562 16.774 61.8562 15.43C61.8562 14.072 61.0442 13.302 59.8962 13.302C58.7622 13.302 57.9362 14.072 57.9362 15.43ZM72.526 19.196C71.518 19.196 70.692 18.832 70.146 18.146V19H68.382V9.2H70.146V12.714C70.692 12.014 71.518 11.65 72.526 11.65C74.248 11.65 75.9 12.952 75.9 15.43C75.9 17.894 74.248 19.196 72.526 19.196ZM70.146 15.43C70.146 16.774 70.958 17.544 72.106 17.544C73.254 17.544 74.066 16.774 74.066 15.43C74.066 14.072 73.254 13.302 72.106 13.302C70.958 13.302 70.146 14.072 70.146 15.43ZM76.9259 21.66L78.2699 18.342L75.4559 11.846H77.3879L79.2079 16.158L80.9299 11.846H82.7639L78.7599 21.66H76.9259Z" fill="#111820"/>
-            <path d="M87 15.5385C87 11.3751 90.3751 8 94.5385 8H124.867C129.03 8 132.405 11.3751 132.405 15.5385C132.405 19.7018 129.03 23.0769 124.867 23.0769H94.5385C90.3751 23.0769 87 19.7018 87 15.5385Z" fill="#F3FD00"/>
-            <g clip-path="url(#clip0_295_2094)">
-              <path d="M117.826 19.7575C116.253 19.7575 115.064 18.7369 115.064 17.2054V13.1218H113.674V11.2615H115.064V9.21918H117.172V11.2615H119.164V13.1218H117.172V17.2054C117.172 17.6501 117.373 17.8972 117.825 17.8972H119.164V19.7586H117.825M113.846 15.5591C113.846 18.4577 111.603 19.9892 109.309 19.9892C107.016 19.9892 104.757 18.4577 104.757 15.5591C104.757 12.6606 107 11.1126 109.309 11.1126C111.619 11.1126 113.846 12.6441 113.846 15.5591ZM111.653 15.5591C111.653 13.9615 110.665 13.0556 109.31 13.0556C107.956 13.0556 106.951 13.9615 106.951 15.5591C106.951 17.1568 107.939 18.0461 109.31 18.0461C110.682 18.0461 111.653 17.1403 111.653 15.5591ZM104.339 15.5591C104.339 18.4577 102.364 19.9892 100.305 19.9892C99.0996 19.9892 98.1127 19.561 97.46 18.7545V22.8877H95.3516V11.2605H97.46V12.3638C98.1127 11.5407 99.1006 11.1126 100.305 11.1126C102.364 11.1126 104.339 12.6441 104.339 15.5591ZM102.147 15.5591C102.147 13.9615 101.175 13.0556 99.8038 13.0556C98.4322 13.0556 97.461 13.9615 97.461 15.5591C97.461 17.1568 98.4322 18.0461 99.8038 18.0461C101.175 18.0461 102.147 17.1403 102.147 15.5591ZM91.0833 19.9892C93.0078 19.9892 94.8155 18.5404 94.8155 16.465C94.8155 12.0184 89.5099 13.6823 89.5099 11.3101C89.5099 10.6183 90.0123 10.1075 90.8153 10.1075C91.6183 10.1075 92.1039 10.5025 92.3214 11.2605H94.681C94.2637 9.05373 92.7744 8 90.8163 8C88.9749 8 87.2176 9.28433 87.2176 11.3597C87.2176 15.7732 92.5232 14.0773 92.5232 16.5146C92.5232 17.2395 91.9872 17.8817 91.0833 17.8817C90.1794 17.8817 89.5603 17.3874 89.3596 16.5643H87C87.3847 18.7379 88.8908 19.9892 91.0843 19.9892M126.313 19.9892C129.678 19.9892 132.406 17.3057 132.406 13.9946C132.406 10.6834 129.678 8 126.312 8C122.947 8 120.219 10.6834 120.219 13.9946C120.219 17.3057 122.947 19.9892 126.312 19.9892" fill="#111820"/>
-            </g>
-            <defs>
-              <clipPath id="clip0_295_2094">
-                <rect width="45.405" height="14.8867" fill="white" transform="translate(87 8)"/>
-              </clipPath>
-            </defs>
-          </svg>`;
-
-  return footer;
-}

package/src/validateOptions.js

@@ -1,253 +0,0 @@
-const apiEndpoint = {
-  sandbox: "https://api.sandbox.getspot.com/v1/quote",
-  production: "https://api.getspot.com/v1/quote",
-  local: "http://localhost:3999/api/v1/quote"
-};
-
-export function validateOptions(options) {
-  const {
-    apiConfig = {},
-    quoteRequestData,
-    callbacks = {},
-    location,
-    theme,
-  } = options;
-
-
-  const {
-    environment = "sandbox",
-    partnerId,
-    endpoint: customEndpoint,
-  } = apiConfig;
-
-  if (!partnerId || typeof partnerId !== "string") {
-    throw new Error("Invalid or missing partnerId in apiConfig");
-  }
-
-  const endpoint = customEndpoint || apiEndpoint[environment];
-
-  if (!endpoint) {
-    throw new Error(`Invalid environment in apiConfig: ${environment}`);
-  }
-
-  if (!quoteRequestData || (typeof quoteRequestData !== "object" && !Array.isArray(quoteRequestData))) {
-    throw new Error("quoteRequestData must be a non-null object or array");
-  }
-
-  const requiredFields = [
-    "startDate",
-    "endDate",
-    "currencyCode",
-    "eventType",
-    "productType",
-    "productDuration",
-    "productPrice",
-    "productId",
-    "cartId",
-    "productName",
-  ];
-
-  function validateQuoteItem(item, index = null) {
-    const prefix = index !== null ? `quoteRequestData[${index}]` : "quoteRequestData";
-    
-    requiredFields.forEach((field) => {
-      if (
-        !Object.prototype.hasOwnProperty.call(item, field) ||
-        item[field] === undefined ||
-        item[field] === null
-      ) {
-        throw new Error(`Missing required ${prefix} field: '${field}'`);
-      }
-    });
-
-    const iso8601Regex = /^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}(?:\.\d+)?Z$/;
-    if (!iso8601Regex.test(item.startDate)) {
-      throw new Error(`${prefix}.startDate must be a valid ISO8601 string`);
-    }
-    if (!iso8601Regex.test(item.endDate)) {
-      throw new Error(`${prefix}.endDate must be a valid ISO8601 string`);
-    }
-
-    if (typeof item.currencyCode !== "string") {
-      throw new Error(`${prefix}.currencyCode must be a string`);
-    }
-
-    const validCurrencyCodes = ["USD", "CAD", "AUD"];
-    if (!validCurrencyCodes.includes(item.currencyCode)) {
-      throw new Error(`Invalid ${prefix}.currencyCode: ${item.currencyCode}`);
-    }
-
-    if (typeof item.eventType !== "string") {
-      throw new Error(`${prefix}.eventType must be a string`);
-    }
-
-    if (typeof item.productType !== "string") {
-      throw new Error(`${prefix}.productType must be a string`);
-    }
-
-    const validProductTypes = ["Pass", "Trip", "Registration"];
-    if (!validProductTypes.includes(item.productType)) {
-      throw new Error(
-        `${prefix}.productType must be one of ${validProductTypes.join(", ")}`
-      );
-    }
-
-    if (typeof item.productDuration !== "string") {
-      throw new Error(`${prefix}.productDuration must be a string`);
-    }
-
-    const validDurations = ["Daily", "Seasonal", "Trip", "Event"];
-    if (!validDurations.includes(item.productDuration)) {
-      throw new Error(
-        `${prefix}.productDuration must be one of ${validDurations.join(", ")}`
-      );
-    }
-
-    if (
-      typeof item.productPrice !== "number" ||
-      isNaN(item.productPrice)
-    ) {
-      throw new Error(`${prefix}.productPrice must be a valid number`);
-    }
-
-    if (typeof item.productId !== "string") {
-      throw new Error(`${prefix}.productId must be a string`);
-    }
-
-    if (typeof item.cartId !== "string") {
-      throw new Error(`${prefix}.cartId must be a string`);
-    }
-
-    if (typeof item.productName !== "string") {
-      throw new Error(`${prefix}.productName must be a string`);
-    }
-  }
-
-  // Check if it's a batch quote format
-  if (quoteRequestData.cartInfo && quoteRequestData.items) {
-    // Validate batch format
-    const { cartInfo, items } = quoteRequestData;
-    
-    if (!cartInfo || typeof cartInfo !== "object") {
-      throw new Error("quoteRequestData.cartInfo must be a non-null object");
-    }
-    
-    // Validate cart-level fields
-    if (!cartInfo.cartId || typeof cartInfo.cartId !== "string") {
-      throw new Error("quoteRequestData.cartInfo.cartId must be a string");
-    }
-    if (!cartInfo.cartName || typeof cartInfo.cartName !== "string") {
-      throw new Error("quoteRequestData.cartInfo.cartName must be a string");
-    }
-    if (!cartInfo.currencyCode || typeof cartInfo.currencyCode !== "string") {
-      throw new Error("quoteRequestData.cartInfo.currencyCode must be a string");
-    }
-    
-    const validCurrencyCodes = ["USD", "CAD", "AUD"];
-    if (!validCurrencyCodes.includes(cartInfo.currencyCode)) {
-      throw new Error(`Invalid quoteRequestData.cartInfo.currencyCode: ${cartInfo.currencyCode}`);
-    }
-    
-    if (!Array.isArray(items) || items.length === 0) {
-      throw new Error("quoteRequestData.items must be a non-empty array");
-    }
-    
-    // Validate each item but without cartId and currencyCode since they're at cart level
-    const itemRequiredFields = requiredFields.filter(f => f !== "cartId" && f !== "currencyCode");
-    
-    items.forEach((item, index) => {
-      if (!item || typeof item !== "object") {
-        throw new Error(`quoteRequestData.items[${index}] must be a non-null object`);
-      }
-      
-      const prefix = `quoteRequestData.items[${index}]`;
-      
-      itemRequiredFields.forEach((field) => {
-        if (!Object.prototype.hasOwnProperty.call(item, field) || item[field] === undefined || item[field] === null) {
-          throw new Error(`Missing required ${prefix} field: '${field}'`);
-        }
-      });
-      
-      // Validate item-specific fields
-      const iso8601Regex = /^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}(?:\.\d+)?Z$/;
-      if (!iso8601Regex.test(item.startDate)) {
-        throw new Error(`${prefix}.startDate must be a valid ISO8601 string`);
-      }
-      if (!iso8601Regex.test(item.endDate)) {
-        throw new Error(`${prefix}.endDate must be a valid ISO8601 string`);
-      }
-      
-      if (typeof item.eventType !== "string") {
-        throw new Error(`${prefix}.eventType must be a string`);
-      }
-      
-      if (typeof item.productType !== "string") {
-        throw new Error(`${prefix}.productType must be a string`);
-      }
-      
-      const validProductTypes = ["Pass", "Trip", "Registration"];
-      if (!validProductTypes.includes(item.productType)) {
-        throw new Error(`${prefix}.productType must be one of ${validProductTypes.join(", ")}`);
-      }
-      
-      if (typeof item.productDuration !== "string") {
-        throw new Error(`${prefix}.productDuration must be a string`);
-      }
-      
-      const validDurations = ["Daily", "Seasonal", "Trip", "Event"];
-      if (!validDurations.includes(item.productDuration)) {
-        throw new Error(`${prefix}.productDuration must be one of ${validDurations.join(", ")}`);
-      }
-      
-      if (typeof item.productPrice !== "number" || isNaN(item.productPrice)) {
-        throw new Error(`${prefix}.productPrice must be a valid number`);
-      }
-      
-      if (typeof item.productId !== "string") {
-        throw new Error(`${prefix}.productId must be a string`);
-      }
-      
-      if (typeof item.productName !== "string") {
-        throw new Error(`${prefix}.productName must be a string`);
-      }
-    });
-  } else if (Array.isArray(quoteRequestData)) {
-    // Legacy array format - kept for backward compatibility
-    if (quoteRequestData.length === 0) {
-      throw new Error("quoteRequestData array cannot be empty");
-    }
-    quoteRequestData.forEach((item, index) => {
-      if (!item || typeof item !== "object") {
-        throw new Error(`quoteRequestData[${index}] must be a non-null object`);
-      }
-      validateQuoteItem(item, index);
-    });
-  } else {
-    // Single quote format
-    validateQuoteItem(quoteRequestData);
-  }
-
-  const callbackNames = [
-    "onOptIn",
-    "onOptOut",
-    "onQuoteRetrieved",
-    "onError",
-    "noMatchingQuote",
-  ];
-  callbackNames.forEach((cbName) => {
-    const cb = callbacks[cbName];
-    if (cb && typeof cb !== "function") {
-      throw new Error(`Callback '${cbName}' must be a function.`);
-    }
-  });
-
-  if (typeof location === "string" && !document.querySelector(location)) {
-    throw new Error(`Invalid location selector: '${location}'`);
-  }
-
-  if (theme && typeof theme !== "object") {
-    throw new Error(
-      "Theme must be an object with CSS variables, do not include the '--' prefix"
-    );
-  }
-}

package/vite.config.js

@@ -1,18 +0,0 @@
-import { defineConfig } from "vite";
-import path from "path";
-
-export default defineConfig({
-  build: {
-    outDir: "dist",
-    lib: {
-      entry: path.resolve(__dirname, "src/index.js"),
-      name: "SpotWidget",
-      fileName: (format) => `index.${format}.js`,
-      formats: ["umd", "es"],
-    },
-    rollupOptions: {
-      external: [], // no dependencies
-    },
-  },
-  publicDir: "assets",
-});