@rimelight/ui 0.0.2 → 0.0.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rimelight/ui",
-  "version": "0.0.2",
+  "version": "0.0.4",
   "description": "Rimelight UI Library.",
   "license": "MIT",
   "author": "Daniel Marchi",
@@ -22,6 +22,10 @@
     "./lib/*": "./src/lib/*",
     "./utils": "./src/utils/index.ts",
     "./utils/*": "./src/utils/*",
+    "./integrations": "./src/integrations/index.ts",
+    "./integrations/*": "./src/integrations/*",
+    "./middleware": "./src/middleware/index.ts",
+    "./middleware/*": "./src/middleware/*",
     "./*": "./src/*"
   },
   "publishConfig": {
@@ -36,8 +40,7 @@
     "@types/node": "25.5.2",
     "astro": "6.1.4",
     "typescript": "6.0.2",
-    "vite-plus": "0.1.15",
-    "wrangler": "4.80.0"
+    "vite-plus": "0.1.15"
   },
   "peerDependencies": {
     "astro": ">=6.0.0"

package/src/components/carousel/carousel-script.ts

@@ -1,188 +1,188 @@
-import EmblaCarousel, {
-  type EmblaCarouselType,
-  type EmblaOptionsType,
-  type EmblaPluginType
-} from "embla-carousel"
-
-export type CarouselApi = EmblaCarouselType
-
-export interface CarouselOptions {
-  opts?: EmblaOptionsType
-  plugins?: EmblaPluginType[]
-  setApi?: (api: CarouselApi) => void
-}
-
-export interface CarouselManager {
-  api: CarouselApi
-  scrollPrev: () => void
-  scrollNext: () => void
-  canScrollPrev: () => boolean
-  canScrollNext: () => boolean
-  destroy: () => void
-}
-
-export function initCarousel(
-  carouselElement: HTMLElement,
-  options: CarouselOptions = {}
-): CarouselManager | null {
-  // don't re-initialize if already initialized
-  if (carouselElement.dataset.initialized === "true") return null
-  carouselElement.dataset.initialized = "true"
-
-  if (!carouselElement) {
-    console.warn("Carousel element not found")
-    return null
-  }
-
-  // Find content element - Embla expects the viewport element, not the container
-  const viewportElement = carouselElement.querySelector('[data-slot="carousel-content"]')
-
-  if (!(viewportElement instanceof HTMLElement)) {
-    console.warn("Carousel content element not found")
-    return null
-  }
-
-  // Get configuration from data attributes
-  const axisData = carouselElement.dataset.axis
-  const axis: EmblaOptionsType["axis"] = axisData === "y" ? "y" : "x"
-
-  // Safely parse data options
-  let dataOpts = {}
-  try {
-    const optsString = carouselElement.dataset.opts
-    if (optsString && optsString !== "undefined" && optsString !== "null") {
-      dataOpts = JSON.parse(optsString)
-    }
-  } catch (e) {
-    console.warn("Failed to parse carousel opts:", e)
-    dataOpts = {}
-  }
-
-  // Ensure dataOpts is a valid object
-  if (!dataOpts || typeof dataOpts !== "object") {
-    dataOpts = {}
-  }
-
-  // Merge options - ensure we always have a valid object
-  const emblaOptions: EmblaOptionsType = {
-    axis,
-    ...dataOpts,
-    ...options.opts
-  }
-
-  // Handle plugins - EmblaCarousel expects undefined when no plugins, not empty array
-  const plugins = options.plugins && options.plugins.length > 0 ? options.plugins : undefined
-
-  // console.log("ID:", carouselElement.id);
-  // console.log("Plugins:", plugins);
-  // console.log("Options:", emblaOptions);
-
-  // Find navigation buttons
-  const prevButton = carouselElement.querySelector(".starwind-carousel-previous")
-  const nextButton = carouselElement.querySelector(".starwind-carousel-next")
-
-  const prevButtonEl = prevButton instanceof HTMLButtonElement ? prevButton : null
-  const nextButtonEl = nextButton instanceof HTMLButtonElement ? nextButton : null
-
-  // Initialize Embla
-  let emblaApi: EmblaCarouselType
-  if (plugins) {
-    emblaApi = EmblaCarousel(viewportElement, emblaOptions, plugins)
-  } else {
-    emblaApi = EmblaCarousel(viewportElement, emblaOptions)
-  }
-
-  // Update button states
-  const updateButtons = () => {
-    const canScrollPrev = emblaApi.canScrollPrev()
-    const canScrollNext = emblaApi.canScrollNext()
-
-    if (prevButtonEl) {
-      prevButtonEl.disabled = !canScrollPrev
-      prevButtonEl.setAttribute("aria-disabled", (!canScrollPrev).toString())
-    }
-
-    if (nextButtonEl) {
-      nextButtonEl.disabled = !canScrollNext
-      nextButtonEl.setAttribute("aria-disabled", (!canScrollNext).toString())
-    }
-  }
-
-  // Event handlers for cleanup
-  const prevClickHandler = () => emblaApi.scrollPrev()
-  const nextClickHandler = () => emblaApi.scrollNext()
-  const keydownHandler = (event: KeyboardEvent) => {
-    if (axis === "y") {
-      // Vertical axis: ArrowUp = previous, ArrowDown = next
-      if (event.key === "ArrowUp") {
-        event.preventDefault()
-        emblaApi.scrollPrev()
-      } else if (event.key === "ArrowDown") {
-        event.preventDefault()
-        emblaApi.scrollNext()
-      }
-    } else {
-      // Horizontal axis (default): ArrowLeft = previous, ArrowRight = next
-      if (event.key === "ArrowLeft") {
-        event.preventDefault()
-        emblaApi.scrollPrev()
-      } else if (event.key === "ArrowRight") {
-        event.preventDefault()
-        emblaApi.scrollNext()
-      }
-    }
-  }
-
-  // Setup event listeners
-  const setupEventListeners = () => {
-    // Navigation button listeners
-    prevButtonEl?.addEventListener("click", prevClickHandler)
-    nextButtonEl?.addEventListener("click", nextClickHandler)
-
-    // Keyboard navigation
-    carouselElement.addEventListener("keydown", keydownHandler)
-  }
-
-  // Setup user API callback
-  const setupUserCallbacks = () => {
-    if (options.setApi) {
-      options.setApi(emblaApi)
-    }
-  }
-
-  // Initialize everything
-  updateButtons()
-  setupEventListeners()
-  setupUserCallbacks()
-
-  // Setup internal event listeners
-  emblaApi.on("select", updateButtons)
-  emblaApi.on("init", () => {
-    updateButtons()
-  })
-  emblaApi.on("reInit", () => {
-    updateButtons()
-  })
-
-  // Return manager interface
-  return {
-    api: emblaApi,
-    scrollPrev: () => emblaApi.scrollPrev(),
-    scrollNext: () => emblaApi.scrollNext(),
-    canScrollPrev: () => emblaApi.canScrollPrev(),
-    canScrollNext: () => emblaApi.canScrollNext(),
-    destroy: () => {
-      // Remove event listeners to prevent memory leaks
-      if (prevButtonEl) {
-        prevButtonEl.removeEventListener("click", prevClickHandler)
-      }
-      if (nextButtonEl) {
-        nextButtonEl.removeEventListener("click", nextClickHandler)
-      }
-      carouselElement.removeEventListener("keydown", keydownHandler)
-
-      // Destroy the Embla instance
-      emblaApi.destroy()
-    }
-  }
-}
+import EmblaCarousel, {
+  type EmblaCarouselType,
+  type EmblaOptionsType,
+  type EmblaPluginType
+} from "embla-carousel"
+
+export type CarouselApi = EmblaCarouselType
+
+export interface CarouselOptions {
+  opts?: EmblaOptionsType
+  plugins?: EmblaPluginType[]
+  setApi?: (api: CarouselApi) => void
+}
+
+export interface CarouselManager {
+  api: CarouselApi
+  scrollPrev: () => void
+  scrollNext: () => void
+  canScrollPrev: () => boolean
+  canScrollNext: () => boolean
+  destroy: () => void
+}
+
+export function initCarousel(
+  carouselElement: HTMLElement,
+  options: CarouselOptions = {}
+): CarouselManager | null {
+  // don't re-initialize if already initialized
+  if (carouselElement.dataset.initialized === "true") return null
+  carouselElement.dataset.initialized = "true"
+
+  if (!carouselElement) {
+    console.warn("Carousel element not found")
+    return null
+  }
+
+  // Find content element - Embla expects the viewport element, not the container
+  const viewportElement = carouselElement.querySelector('[data-slot="carousel-content"]')
+
+  if (!(viewportElement instanceof HTMLElement)) {
+    console.warn("Carousel content element not found")
+    return null
+  }
+
+  // Get configuration from data attributes
+  const axisData = carouselElement.dataset.axis
+  const axis: EmblaOptionsType["axis"] = axisData === "y" ? "y" : "x"
+
+  // Safely parse data options
+  let dataOpts = {}
+  try {
+    const optsString = carouselElement.dataset.opts
+    if (optsString && optsString !== "undefined" && optsString !== "null") {
+      dataOpts = JSON.parse(optsString)
+    }
+  } catch (e) {
+    console.warn("Failed to parse carousel opts:", e)
+    dataOpts = {}
+  }
+
+  // Ensure dataOpts is a valid object
+  if (!dataOpts || typeof dataOpts !== "object") {
+    dataOpts = {}
+  }
+
+  // Merge options - ensure we always have a valid object
+  const emblaOptions: EmblaOptionsType = {
+    axis,
+    ...dataOpts,
+    ...options.opts
+  }
+
+  // Handle plugins - EmblaCarousel expects undefined when no plugins, not empty array
+  const plugins = options.plugins && options.plugins.length > 0 ? options.plugins : undefined
+
+  // console.log("ID:", carouselElement.id);
+  // console.log("Plugins:", plugins);
+  // console.log("Options:", emblaOptions);
+
+  // Find navigation buttons
+  const prevButton = carouselElement.querySelector(".starwind-carousel-previous")
+  const nextButton = carouselElement.querySelector(".starwind-carousel-next")
+
+  const prevButtonEl = prevButton instanceof HTMLButtonElement ? prevButton : null
+  const nextButtonEl = nextButton instanceof HTMLButtonElement ? nextButton : null
+
+  // Initialize Embla
+  let emblaApi: EmblaCarouselType
+  if (plugins) {
+    emblaApi = EmblaCarousel(viewportElement, emblaOptions, plugins)
+  } else {
+    emblaApi = EmblaCarousel(viewportElement, emblaOptions)
+  }
+
+  // Update button states
+  const updateButtons = () => {
+    const canScrollPrev = emblaApi.canScrollPrev()
+    const canScrollNext = emblaApi.canScrollNext()
+
+    if (prevButtonEl) {
+      prevButtonEl.disabled = !canScrollPrev
+      prevButtonEl.setAttribute("aria-disabled", (!canScrollPrev).toString())
+    }
+
+    if (nextButtonEl) {
+      nextButtonEl.disabled = !canScrollNext
+      nextButtonEl.setAttribute("aria-disabled", (!canScrollNext).toString())
+    }
+  }
+
+  // Event handlers for cleanup
+  const prevClickHandler = () => emblaApi.scrollPrev()
+  const nextClickHandler = () => emblaApi.scrollNext()
+  const keydownHandler = (event: KeyboardEvent) => {
+    if (axis === "y") {
+      // Vertical axis: ArrowUp = previous, ArrowDown = next
+      if (event.key === "ArrowUp") {
+        event.preventDefault()
+        emblaApi.scrollPrev()
+      } else if (event.key === "ArrowDown") {
+        event.preventDefault()
+        emblaApi.scrollNext()
+      }
+    } else {
+      // Horizontal axis (default): ArrowLeft = previous, ArrowRight = next
+      if (event.key === "ArrowLeft") {
+        event.preventDefault()
+        emblaApi.scrollPrev()
+      } else if (event.key === "ArrowRight") {
+        event.preventDefault()
+        emblaApi.scrollNext()
+      }
+    }
+  }
+
+  // Setup event listeners
+  const setupEventListeners = () => {
+    // Navigation button listeners
+    prevButtonEl?.addEventListener("click", prevClickHandler)
+    nextButtonEl?.addEventListener("click", nextClickHandler)
+
+    // Keyboard navigation
+    carouselElement.addEventListener("keydown", keydownHandler)
+  }
+
+  // Setup user API callback
+  const setupUserCallbacks = () => {
+    if (options.setApi) {
+      options.setApi(emblaApi)
+    }
+  }
+
+  // Initialize everything
+  updateButtons()
+  setupEventListeners()
+  setupUserCallbacks()
+
+  // Setup internal event listeners
+  emblaApi.on("select", updateButtons)
+  emblaApi.on("init", () => {
+    updateButtons()
+  })
+  emblaApi.on("reInit", () => {
+    updateButtons()
+  })
+
+  // Return manager interface
+  return {
+    api: emblaApi,
+    scrollPrev: () => emblaApi.scrollPrev(),
+    scrollNext: () => emblaApi.scrollNext(),
+    canScrollPrev: () => emblaApi.canScrollPrev(),
+    canScrollNext: () => emblaApi.canScrollNext(),
+    destroy: () => {
+      // Remove event listeners to prevent memory leaks
+      if (prevButtonEl) {
+        prevButtonEl.removeEventListener("click", prevClickHandler)
+      }
+      if (nextButtonEl) {
+        nextButtonEl.removeEventListener("click", nextClickHandler)
+      }
+      carouselElement.removeEventListener("keydown", keydownHandler)
+
+      // Destroy the Embla instance
+      emblaApi.destroy()
+    }
+  }
+}

package/src/components/carousel/index.ts

@@ -1 +1 @@
-export * from "./carousel-script"
+export * from "./carousel-script"

package/src/components/input-otp/InputOtpTypes.ts

@@ -1,6 +1,6 @@
-export interface InputOtpChangeEvent extends CustomEvent {
-  detail: {
-    value: string
-    inputOtpId?: string
-  }
-}
+export interface InputOtpChangeEvent extends CustomEvent {
+  detail: {
+    value: string
+    inputOtpId?: string
+  }
+}

package/src/components/radio-group/RadioGroupTypes.ts

@@ -1,6 +1,6 @@
-export interface RadioGroupChangeEvent extends CustomEvent {
-  detail: {
-    value: string
-    radioGroupId?: string
-  }
-}
+export interface RadioGroupChangeEvent extends CustomEvent {
+  detail: {
+    value: string
+    radioGroupId?: string
+  }
+}

package/src/components/select/SelectTypes.ts

@@ -1,13 +1,13 @@
-export interface SelectChangeEvent extends CustomEvent {
-  detail: {
-    value: string
-    selectId: string
-    label: string
-  }
-}
-
-export interface SelectEvent extends CustomEvent {
-  detail:
-    | { value: string; selectId: string; selectName?: string }
-    | { value: string; selectId?: string; selectName: string }
-}
+export interface SelectChangeEvent extends CustomEvent {
+  detail: {
+    value: string
+    selectId: string
+    label: string
+  }
+}
+
+export interface SelectEvent extends CustomEvent {
+  detail:
+    | { value: string; selectId: string; selectName?: string }
+    | { value: string; selectId?: string; selectName: string }
+}

package/src/components/switch/SwitchTypes.ts

@@ -1,6 +1,6 @@
-export interface SwitchChangeEvent extends CustomEvent {
-  detail: {
-    checked: boolean
-    switchId: string
-  }
-}
+export interface SwitchChangeEvent extends CustomEvent {
+  detail: {
+    checked: boolean
+    switchId: string
+  }
+}

package/src/components/toast/index.ts

@@ -1 +1 @@
-export * from "./toast-manager"
+export * from "./toast-manager"