@getmicdrop/venue-calendar 3.5.5 → 3.7.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@getmicdrop/venue-calendar",
-  "version": "3.5.5",
+  "version": "3.7.0",
   "description": "A customizable Svelte calendar component for displaying comedy events",
   "type": "module",
   "types": "./dist/types/index.d.ts",
@@ -20,12 +20,6 @@
       "require": "./dist/api/api.cjs",
       "default": "./dist/api/api.mjs"
     },
-    "./seo": {
-      "types": "./dist/seo/index.d.ts",
-      "import": "./dist/seo/seo.mjs",
-      "require": "./dist/seo/seo.cjs",
-      "default": "./dist/seo/seo.mjs"
-    },
     "./theme": {
       "import": "./src/lib/theme.js",
       "default": "./src/lib/theme.js"
@@ -42,10 +36,9 @@
     "build": "vite build",
     "build:lib": "vite build --config vite.config.lib.js",
     "build:api": "vite build --config vite.config.api.js",
-    "build:seo": "vite build --config vite.config.seo.js",
-    "build:all": "npm run build:lib && npm run build:api && npm run build:seo",
+    "build:all": "npm run build:lib && npm run build:api",
     "preview": "vite preview",
-    "prepare": "svelte-kit sync || echo ''",
+    "prepare": "svelte-kit sync || echo '' && husky",
     "prepublishOnly": "npm run build:all",
     "lint": "eslint src",
     "lint:fix": "eslint src --fix",
@@ -78,8 +71,7 @@
     "svelte": "^5.0.0"
   },
   "devDependencies": {
-    "@eslint/js": "^9.39.1",
-    "@getmicdrop/svelte-components": "^5.21.2",
+    "@eslint/js": "^10.0.1",
     "@sveltejs/adapter-auto": "^6.1.0",
     "@sveltejs/kit": "^2.49.4",
     "@sveltejs/vite-plugin-svelte": "^6.2.4",
@@ -88,9 +80,13 @@
     "@testing-library/svelte": "^5.3.1",
     "@vitest/coverage-v8": "^4.0.16",
     "baseline-browser-mapping": "^2.9.11",
-    "eslint": "^9.7.0",
+    "eslint": "^10.2.0",
     "globals": "^16.5.0",
+    "husky": "^9.1.7",
     "jsdom": "^28.0.0",
+    "lint-staged": "^16.4.0",
+    "prettier": "^3.8.3",
+    "prettier-plugin-svelte": "^3.5.1",
     "svelte": "^5.46.1",
     "svelte-check": "^4.3.5",
     "tailwindcss": "^4.0.0",
@@ -100,13 +96,16 @@
     "vitest": "^4.0.16"
   },
   "dependencies": {
+    "@getmicdrop/svelte-components": "^5.28.3",
     "@stripe/stripe-js": "^8.0.0",
     "carbon-icons-svelte": "^13.7.0",
-    "date-fns": "^4.1.0",
     "esbuild": "^0.27.2",
     "js-cookie": "^3.0.5",
-    "libphonenumber-js": "^1.12.40",
-    "qrcode": "^1.5.4",
     "svelte-stripe": "^2.0.0"
+  },
+  "lint-staged": {
+    "*.{js,ts,svelte,json,css,md}": [
+      "prettier --write"
+    ]
   }
 }

package/src/lib/theme.js

@@ -131,31 +131,35 @@ export const themes = {
  */
 export function applyTheme(theme, container = document.documentElement) {
   const cssVarMap = {
-    brandPrimary: '--brand-primary',
-    textPrimary: '--text-primary',
-    textSecondary: '--text-secondary',
-    textTertiary: '--text-tertiary',
-    bgPrimary: '--bg-primary',
-    bgSecondary: '--bg-secondary',
-    bgQuaternary: '--bg-quaternary',
-    strokePrimary: '--stroke-primary',
-    strokeSecondary: '--stroke-secondary',
-    statusOnSale: '--status-on-sale',
-    statusSellingFast: '--status-selling-fast',
-    statusSoldOut: '--status-sold-out',
-    todayBg: '--today-bg',
-    todayText: '--today-text',
-    eventDotOnSale: '--event-dot-on-sale',
-    eventDotSellingFast: '--event-dot-selling-fast',
-    eventDotSoldOut: '--event-dot-sold-out',
-    hoverBg: '--hover-bg',
-    focusRing: '--focus-ring',
+    brandPrimary: '--Brand-Primary',
+    textPrimary: '--Text-Primary',
+    textSecondary: '--Text-Secondary',
+    textTertiary: '--Text-Tertiary',
+    bgPrimary: '--BG-Primary',
+    bgSecondary: '--BG-Secondary',
+    bgQuaternary: '--BG-Quaternary',
+    strokePrimary: '--Stroke-Primary',
+    strokeSecondary: '--Stroke-Secondary',
+    statusOnSale: '--Status-OnSale',
+    statusSellingFast: '--Status-SellingFast',
+    statusSoldOut: '--Status-SoldOut',
+    todayBg: '--Today-BG',
+    todayText: '--Today-Text',
+    eventDotOnSale: '--EventDot-OnSale',
+    eventDotSellingFast: '--EventDot-SellingFast',
+    eventDotSoldOut: '--EventDot-SoldOut',
+    hoverBg: '--Hover-BG',
+    focusRing: '--Focus-Ring',
   };
 
   Object.entries(theme).forEach(([key, value]) => {
     const cssVar = cssVarMap[key];
     if (cssVar) {
       container.style.setProperty(cssVar, value);
+      // Backwards compat: also set the typo'd variable name
+      if (key === 'textTertiary') {
+        container.style.setProperty('--Text-Tartiary', value);
+      }
     }
   });
 }
@@ -167,25 +171,25 @@ export function applyTheme(theme, container = document.documentElement) {
  */
 export function generateThemeCSS(theme) {
   const cssVarMap = {
-    brandPrimary: '--brand-primary',
-    textPrimary: '--text-primary',
-    textSecondary: '--text-secondary',
-    textTertiary: '--text-tertiary',
-    bgPrimary: '--bg-primary',
-    bgSecondary: '--bg-secondary',
-    bgQuaternary: '--bg-quaternary',
-    strokePrimary: '--stroke-primary',
-    strokeSecondary: '--stroke-secondary',
-    statusOnSale: '--status-on-sale',
-    statusSellingFast: '--status-selling-fast',
-    statusSoldOut: '--status-sold-out',
-    todayBg: '--today-bg',
-    todayText: '--today-text',
-    eventDotOnSale: '--event-dot-on-sale',
-    eventDotSellingFast: '--event-dot-selling-fast',
-    eventDotSoldOut: '--event-dot-sold-out',
-    hoverBg: '--hover-bg',
-    focusRing: '--focus-ring',
+    brandPrimary: '--Brand-Primary',
+    textPrimary: '--Text-Primary',
+    textSecondary: '--Text-Secondary',
+    textTertiary: '--Text-Tertiary',
+    bgPrimary: '--BG-Primary',
+    bgSecondary: '--BG-Secondary',
+    bgQuaternary: '--BG-Quaternary',
+    strokePrimary: '--Stroke-Primary',
+    strokeSecondary: '--Stroke-Secondary',
+    statusOnSale: '--Status-OnSale',
+    statusSellingFast: '--Status-SellingFast',
+    statusSoldOut: '--Status-SoldOut',
+    todayBg: '--Today-BG',
+    todayText: '--Today-Text',
+    eventDotOnSale: '--EventDot-OnSale',
+    eventDotSellingFast: '--EventDot-SellingFast',
+    eventDotSoldOut: '--EventDot-SoldOut',
+    hoverBg: '--Hover-BG',
+    focusRing: '--Focus-Ring',
   };
 
   const lines = [];
@@ -193,6 +197,10 @@ export function generateThemeCSS(theme) {
     const cssVar = cssVarMap[key];
     if (cssVar) {
       lines.push(`  ${cssVar}: ${value};`);
+      // Backwards compat: also emit the typo'd variable name
+      if (key === 'textTertiary') {
+        lines.push(`  --Text-Tartiary: ${value};`);
+      }
     }
   });
 

package/dist/CarouselView.legacy-C9QYS3av.js

@@ -1,64 +0,0 @@
-import "svelte/internal/disclose-version";
-import * as e from "svelte/internal/client";
-import { onMount as _ } from "svelte";
-import { f as k, G as C } from "./VenueCalendar-DX2HF1GE.js";
-var S = e.from_html('<button class="carousel-arrow absolute top-1/2 -translate-y-1/2 z-10 w-10 h-10 rounded-full flex items-center justify-center bg-card/90 border border-border shadow-lg cursor-pointer transition-opacity duration-200 hover:bg-card hover: focus-visible:outline-2 focus-visible:outline-brand-primary:outline-brand-primary focus-visible:outline-offset-2 svelte-1lcnwer" style="left: 8px" aria-label="Scroll left"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-5 h-5 text-text-secondary"><polyline points="15 18 9 12 15 6"></polyline></svg></button>'), j = e.from_html('<div class="carousel-item svelte-1lcnwer" role="listitem"><!></div>'), B = e.from_html('<button class="carousel-arrow absolute top-1/2 -translate-y-1/2 z-10 w-10 h-10 rounded-full flex items-center justify-center bg-card/90 border border-border shadow-lg cursor-pointer transition-opacity duration-200 hover:bg-card hover: focus-visible:outline-2 focus-visible:outline-brand-primary:outline-brand-primary focus-visible:outline-offset-2 svelte-1lcnwer" style="right: 8px" aria-label="Scroll right"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-5 h-5 text-text-secondary"><polyline points="9 18 15 12 9 6"></polyline></svg></button>'), W = e.from_html('<section class="w-full" aria-label="Events carousel"><h2 class="sr-only svelte-1lcnwer">Upcoming events</h2> <div class="relative"><!> <div class="carousel-scroll flex gap-4 overflow-x-auto p-2 sm:p-3 lg:p-4 svelte-1lcnwer" role="list"></div> <!></div></section>');
-function G(b, i) {
-  e.push(i, !0);
-  let h = e.prop(i, "events", 19, () => []), o, d = e.state(!1), u = e.state(!1), n = e.state(!1), g = e.derived(() => k(h()));
-  function a() {
-    if (!o) return;
-    const { scrollLeft: t, scrollWidth: r, clientWidth: l } = o;
-    e.set(d, t > 1), e.set(u, t + l < r - 1), e.set(n, r > l + 1);
-  }
-  function v(t) {
-    if (!o) return;
-    const r = o.querySelector(".carousel-item");
-    if (!r) return;
-    const l = r.offsetWidth + 16;
-    o.scrollBy({ left: t * l, behavior: "smooth" });
-  }
-  _(() => {
-    a();
-    const t = new ResizeObserver(() => a());
-    return o && t.observe(o), () => t.disconnect();
-  });
-  var c = W(), f = e.sibling(e.child(c), 2), p = e.child(f);
-  {
-    var w = (t) => {
-      var r = S();
-      e.delegated("click", r, () => v(-1)), e.append(t, r);
-    };
-    e.if(p, (t) => {
-      e.get(n) && e.get(d) && t(w);
-    });
-  }
-  var s = e.sibling(p, 2);
-  e.each(s, 21, () => e.get(g), e.index, (t, r) => {
-    var l = j(), x = e.child(l);
-    C(x, {
-      get event() {
-        return e.get(r);
-      },
-      get oneventClick() {
-        return i.oneventClick;
-      }
-    }), e.reset(l), e.append(t, l);
-  }), e.reset(s), e.bind_this(s, (t) => o = t, () => o);
-  var m = e.sibling(s, 2);
-  {
-    var y = (t) => {
-      var r = B();
-      e.delegated("click", r, () => v(1)), e.append(t, r);
-    };
-    e.if(m, (t) => {
-      e.get(n) && e.get(u) && t(y);
-    });
-  }
-  e.reset(f), e.reset(c), e.event("scroll", s, a), e.append(b, c), e.pop();
-}
-e.delegate(["click"]);
-export {
-  G as default
-};
-//# sourceMappingURL=CarouselView.legacy-C9QYS3av.js.map

package/dist/CarouselView.legacy-C9QYS3av.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CarouselView.legacy-C9QYS3av.js","sources":["../src/components/Calendar/CarouselView.legacy.svelte"],"sourcesContent":["<script>\r\n  import { onMount } from \"svelte\";\r\n  import GalleryCard from \"./GalleryCard.svelte\";\r\n  import { filterTodayAndFuture } from \"$lib/utils/browse-status.js\";\r\n\r\n  let { events = [], oneventClick } = $props();\r\n\r\n  let scrollContainer;\r\n  let canScrollLeft = $state(false);\r\n  let canScrollRight = $state(false);\r\n  let showArrows = $state(false);\r\n\r\n  // Filter to today and future, sorted chronologically\r\n  let futureEvents = $derived(filterTodayAndFuture(events));\r\n\r\n  function updateScrollState() {\r\n    if (!scrollContainer) return;\r\n    const { scrollLeft, scrollWidth, clientWidth } = scrollContainer;\r\n    canScrollLeft = scrollLeft > 1;\r\n    canScrollRight = scrollLeft + clientWidth < scrollWidth - 1;\r\n    showArrows = scrollWidth > clientWidth + 1;\r\n  }\r\n\r\n  function scrollByCard(direction) {\r\n    if (!scrollContainer) return;\r\n    // Get the width of the first card item\r\n    const firstCard = scrollContainer.querySelector('.carousel-item');\r\n    if (!firstCard) return;\r\n    const cardWidth = firstCard.offsetWidth + 16; // card width + gap\r\n    scrollContainer.scrollBy({ left: direction * cardWidth, behavior: 'smooth' });\r\n  }\r\n\r\n  onMount(() => {\r\n    updateScrollState();\r\n    // Use ResizeObserver to update on container resize\r\n    const observer = new ResizeObserver(() => updateScrollState());\r\n    if (scrollContainer) {\r\n      observer.observe(scrollContainer);\r\n    }\r\n    return () => observer.disconnect();\r\n  });\r\n</script>\r\n\r\n<section class=\"w-full\" aria-label=\"Events carousel\">\r\n  <h2 class=\"sr-only\">Upcoming events</h2>\r\n\r\n  <div class=\"relative\">\r\n    <!-- Left arrow -->\r\n    {#if showArrows && canScrollLeft}\r\n      <button\r\n        class=\"carousel-arrow absolute top-1/2 -translate-y-1/2 z-10 w-10 h-10 rounded-full flex items-center justify-center bg-card/90 border border-border shadow-lg cursor-pointer transition-opacity duration-200 hover:bg-card hover: focus-visible:outline-2 focus-visible:outline-brand-primary:outline-brand-primary focus-visible:outline-offset-2\"\r\n        style=\"left: 8px\"\r\n        onclick={() => scrollByCard(-1)}\r\n        aria-label=\"Scroll left\"\r\n      >\r\n        <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-5 h-5 text-text-secondary\"><polyline points=\"15 18 9 12 15 6\"></polyline></svg>\r\n      </button>\r\n    {/if}\r\n\r\n    <!-- Scroll container -->\r\n    <div\r\n      class=\"carousel-scroll flex gap-4 overflow-x-auto p-2 sm:p-3 lg:p-4\"\r\n      bind:this={scrollContainer}\r\n      onscroll={updateScrollState}\r\n      role=\"list\"\r\n    >\r\n      {#each futureEvents as event}\r\n        <div class=\"carousel-item\" role=\"listitem\">\r\n          <GalleryCard {event} {oneventClick} />\r\n        </div>\r\n      {/each}\r\n    </div>\r\n\r\n    <!-- Right arrow -->\r\n    {#if showArrows && canScrollRight}\r\n      <button\r\n        class=\"carousel-arrow absolute top-1/2 -translate-y-1/2 z-10 w-10 h-10 rounded-full flex items-center justify-center bg-card/90 border border-border shadow-lg cursor-pointer transition-opacity duration-200 hover:bg-card hover: focus-visible:outline-2 focus-visible:outline-brand-primary:outline-brand-primary focus-visible:outline-offset-2\"\r\n        style=\"right: 8px\"\r\n        onclick={() => scrollByCard(1)}\r\n        aria-label=\"Scroll right\"\r\n      >\r\n        <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-5 h-5 text-text-secondary\"><polyline points=\"9 18 15 12 9 6\"></polyline></svg>\r\n      </button>\r\n    {/if}\r\n  </div>\r\n</section>\r\n\r\n<style>\r\n  .carousel-scroll {\r\n    scroll-snap-type: x mandatory;\r\n    -webkit-overflow-scrolling: touch;\r\n    scrollbar-width: none;\r\n  }\r\n\r\n  .carousel-scroll::-webkit-scrollbar {\r\n    display: none;\r\n  }\r\n\r\n  .carousel-item {\r\n    scroll-snap-align: start;\r\n    flex: 0 0 85%;\r\n  }\r\n\r\n  /* Tablet: 2 visible cards with peek */\r\n  @media (min-width: 640px) {\r\n    .carousel-item {\r\n      flex: 0 0 calc(50% - 8px);\r\n    }\r\n  }\r\n\r\n  /* Desktop: 3 visible cards with peek */\r\n  @media (min-width: 1024px) {\r\n    .carousel-item {\r\n      flex: 0 0 calc(33.333% - 11px);\r\n    }\r\n  }\r\n\r\n  /* Hide arrows on mobile -- touch scrolling is natural */\r\n  @media (max-width: 639px) {\r\n    .carousel-arrow {\r\n      display: none;\r\n    }\r\n  }\r\n\r\n  /* Reduced motion */\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .carousel-scroll {\r\n      scroll-behavior: auto;\r\n    }\r\n  }\r\n\r\n  /* Screen reader only text */\r\n  .sr-only {\r\n    position: absolute;\r\n    width: 1px;\r\n    height: 1px;\r\n    padding: 0;\r\n    margin: -1px;\r\n    overflow: hidden;\r\n    clip: rect(0, 0, 0, 0);\r\n    white-space: nowrap;\r\n    border-width: 0;\r\n  }\r\n</style>\r\n"],"names":["events","$","$$props","scrollContainer","canScrollLeft","canScrollRight","showArrows","futureEvents","filterTodayAndFuture","updateScrollState","scrollLeft","scrollWidth","clientWidth","scrollByCard","direction","firstCard","cardWidth","onMount","observer","section","root","div","button","root_1","$$render","consequent","div_1","node","$$anchor","event","div_2","root_2","GalleryCard","node_1","$$value","button_1","root_3","consequent_1"],"mappings":";;;;;iBAAA;;MAKQA,IAAMC,EAAA,KAAAC,GAAA,UAAA,IAAA,MAAA,EAAA,GAERC,GACAC,IAAgBH,EAAA,MAAO,EAAK,GAC5BI,IAAiBJ,EAAA,MAAO,EAAK,GAC7BK,IAAaL,EAAA,MAAO,EAAK,GAGzBM,IAAYN,EAAA,QAAA,MAAYO,EAAqBR,EAAM,CAAA,CAAA;AAE9C,WAAAS,IAAoB;SACtBN,EAAe;AACZ,UAAA,EAAA,YAAAO,GAAY,aAAAC,GAAa,aAAAC,EAAW,IAAKT;UACjDC,GAAgBM,IAAa,CAAC,GAC9BT,EAAA,IAAAI,GAAiBK,IAAaE,IAAcD,IAAc,CAAC,GAC3DV,EAAA,IAAAK,GAAaK,IAAcC,IAAc,CAAC;AAAA,EAC5C;WAESC,EAAaC,GAAW;SAC1BX,EAAe;AAEd,UAAAY,IAAYZ,EAAgB,cAAc,gBAAgB;SAC3DY,EAAS;AACR,UAAAC,IAAYD,EAAU,cAAc;AAC1C,IAAAZ,EAAgB,SAAQ,EAAG,MAAMW,IAAYE,GAAW,UAAU,UAAQ;AAAA,EAC5E;AAEA,EAAAC,QAAc;AACZ,IAAAR,EAAiB;UAEXS,IAAQ,IAAO,eAAc,MAAOT,EAAiB,CAAA;AACvD,WAAAN,KACFe,EAAS,QAAQf,CAAe,GAErB,MAAAe,EAAS,WAAU;AAAA,EAClC,CAAC;MAGFC,IAAOC,EAAA,GAGLC,sBAHFF,CAAO,GAAA,CAAA,eAGLE,CAAG;;;UAGCC,IAAMC,EAAA;2BAAND,GAAM,MAGUT,EAAY,EAAG,CAAA,eAH/BS,CAAM;AAAA;;AADJ,MAAArB,EAAA,IAAAK,CAAU,WAAIF,CAAa,KAAAoB,EAAAC,CAAA;AAAA;;MAY/BC,IAAGzB,EAAA,QAAA0B,GAAA,CAAA;SAAHD,GAAG,IAAA,MAAAzB,EAAA,IAMKM,CAAY,GAAAN,EAAA,OAAA,CAAA2B,GAAIC,MAAK;QACzBC,IAAGC,EAAA,eAAHD,CAAG;AACD,IAAAE,EAAWC,GAAA;AAAA;qBAAEJ,CAAK;AAAA;;;;gBADpBC,CAAG,eAAHA,CAAG;AAAA,cAPPJ,CAAG,eAAHA,GAAG,CAAAQ,MAES/B,IAAe+B,GAAA,MAAf/B,CAAe;oBAF3BuB,GAAG,CAAA;;;UAeDS,IAAMC,EAAA;2BAAND,GAAM,MAGUtB,EAAa,CAAC,CAAA,eAH9BsB,CAAM;AAAA;;AADJ,MAAAlC,EAAA,IAAAK,CAAU,WAAID,CAAc,KAAAmB,EAAAa,CAAA;AAAA;;UA5BlChB,CAAG,WAHLF,CAAO,GAiBHlB,EAAA,MAAA,UAAAyB,GAGWjB,CAAiB,eApBhCU,CAAO;AAFA;;"}