@orbitkit/components 0.3.0 → 0.5.0

package/dist/astro/toast/toast.ts

@@ -1,277 +1,277 @@
-import { toastIcons } from "./assets";
-
-export interface ToastDomElements {
-  title: HTMLElement | null;
-  description: HTMLElement | null;
-  dismissibleButton: HTMLElement | null;
-  iconContainer: HTMLElement | null;
-  closeButtons: NodeListOf<HTMLElement>;
-}
-
-export type ToastPosition =
-  | "top-right"
-  | "top-center"
-  | "top-left"
-  | "bottom-right"
-  | "bottom-center"
-  | "bottom-left";
-
-export type ToastType = "default" | "success" | "error" | "warning" | "info";
-
-export interface ToastOptions {
-  title: string;
-  description?: string;
-  duration?: number;
-  dismissible?: boolean;
-  autoClose?: boolean;
-  type?: ToastType;
-  onClose?: () => void;
-}
-
-const DEFAULT_DURATION = 3000;
-const DEFAULT_MAX_VISIBLE_TOASTS = 3;
-const DEFAULT_OFFSET = 24;
-const DEFAULT_GAP = 16;
-const DEFAULT_POSITION: ToastPosition = "bottom-right";
-const DEFAULT_TOAST_TYPE: ToastType = "default";
-
-export class Toast {
-  private static instances: HTMLElement[] = [];
-
-  private opts: ToastOptions;
-  private toaster: HTMLElement | null;
-  private toast: HTMLElement | null;
-  private elements: ToastDomElements;
-
-  private duration: number;
-  private startTime: number = 0;
-  private remainingTime: number = 0;
-  private timeoutId: number | null = null;
-  private position: ToastPosition;
-  private dismissible: boolean;
-  private autoClose: boolean;
-
-  private maxVisibleToasts: number;
-  private offset: number;
-  private gap: number;
-
-  constructor(opts: ToastOptions) {
-    this.opts = opts;
-
-    this.toaster = document.querySelector("[data-toaster]");
-    if (!this.toaster) {
-      throw new Error(
-        "Toaster container with 'data-toaster' attribute not found in the document.",
-      );
-    }
-
-    this.toast = this.getTemplate().querySelector(
-      "[data-toast]",
-    ) as HTMLElement;
-    if (!this.toast) {
-      throw new Error("Toast element with 'data-toast' not found in template.");
-    }
-
-    this.elements = {
-      title: this.toast.querySelector("[data-toast-title]"),
-      description: this.toast.querySelector("[data-toast-description]"),
-      iconContainer: this.toast.querySelector("[data-toast-icon]"),
-      closeButtons: this.toast.querySelectorAll("[data-close]") ?? [],
-      dismissibleButton: this.toast.querySelector("[data-dismissible-button]"),
-    };
-
-    this.gap = parseInt(this.toaster.dataset.gap ?? `${DEFAULT_GAP}`, 10);
-    this.maxVisibleToasts = parseInt(
-      this.toaster.dataset.visibleToasts ?? `${DEFAULT_MAX_VISIBLE_TOASTS}`,
-      10,
-    );
-    this.offset = parseInt(
-      this.toaster.dataset.offset ?? `${DEFAULT_OFFSET}`,
-      10,
-    );
-    this.position =
-      (this.toaster?.dataset.position as typeof this.position) ??
-      DEFAULT_POSITION;
-    this.duration =
-      this.opts.duration ??
-      parseInt(this.toaster.dataset.duration ?? `${DEFAULT_DURATION}`);
-    this.dismissible =
-      this.opts.dismissible ?? this.toaster.dataset.dismissible === "true";
-    this.autoClose =
-      this.opts.autoClose ?? this.toaster.dataset.autoClose === "true";
-
-    this.init();
-  }
-
-  private init() {
-    this.initializeToastContent();
-    this.calculateInitialPosition();
-    this.setupAccessibility();
-    this.setupEventListeners();
-    this.showToast();
-  }
-
-  private setupAccessibility() {
-    if (this.toast) {
-      this.toast.setAttribute("role", "alert");
-      this.toast.setAttribute("aria-live", "assertive");
-      this.toast.setAttribute("aria-atomic", "true");
-    }
-  }
-
-  private initializeToastContent() {
-    this.toast!.setAttribute(
-      "data-toast-type",
-      this.opts.type ?? DEFAULT_TOAST_TYPE,
-    );
-
-    if (this.elements.iconContainer) {
-      const iconType = toastIcons[this.opts.type ?? DEFAULT_TOAST_TYPE];
-      if (iconType) {
-        this.elements.iconContainer.innerHTML = iconType;
-      } else {
-        this.elements.iconContainer.remove();
-        this.elements.iconContainer = null;
-      }
-    }
-
-    if (this.elements.title) {
-      this.elements.title.textContent = this.opts.title;
-    } else {
-      console.warn(
-        "Toast title element not found. Title might not be displayed.",
-      );
-    }
-
-    if (this.opts.description && this.elements.description) {
-      this.elements.description.textContent = this.opts.description;
-    } else if (this.elements.description) {
-      this.elements.description.remove();
-      this.elements.description = null;
-    }
-
-    if (!this.dismissible && this.elements.dismissibleButton) {
-      this.elements.dismissibleButton.remove();
-      this.elements.dismissibleButton = null;
-    }
-  }
-
-  private setupEventListeners() {
-    this.elements.closeButtons.forEach((trigger) => {
-      trigger.addEventListener("click", () => this.removeToast());
-    });
-    this.toaster!.addEventListener("mouseenter", () => this.handleMouseEnter());
-    this.toaster!.addEventListener("mouseleave", () => this.handleMouseLeave());
-  }
-
-  private showToast() {
-    this.toaster?.insertAdjacentElement("afterbegin", this.toast!);
-    Toast.instances.unshift(this.toast!);
-    this.adjustToastPositions();
-    this.setState(this.toast!, "showing");
-
-    if (this.autoClose) {
-      this.startTime = Date.now();
-      this.remainingTime = this.duration;
-      this.timeoutId = window.setInterval(() => {
-        this.removeToast();
-        this.opts.onClose?.();
-      }, this.duration);
-    }
-  }
-
-  private removeToast() {
-    this.setState(this.toast!, "hide");
-    const index = Toast.instances.indexOf(this.toast!);
-    if (index !== -1) {
-      Toast.instances.splice(index, 1);
-    }
-    this.adjustToastPositions();
-
-    setTimeout(() => {
-      this.toast?.remove();
-      this.opts.onClose?.();
-    }, 500);
-  }
-
-  private adjustToastPositions() {
-    const isButtom = this.position.startsWith("bottom");
-    let accumulatedHeight = this.offset;
-
-    Toast.instances.forEach((currentToast, index) => {
-      accumulatedHeight += currentToast.offsetHeight;
-      const verticalOffset = accumulatedHeight + index * this.gap;
-
-      const sign = isButtom ? -1 : 1;
-      const translateYValue =
-        sign * (verticalOffset - currentToast.offsetHeight);
-
-      let translateXValue = "";
-      if (this.position.endsWith("center")) {
-        translateXValue = "translateX(-50%)";
-      }
-
-      currentToast.style.transform = `${translateXValue} translateY(${translateYValue}px)`;
-
-      this.setState(
-        currentToast,
-        index < this.maxVisibleToasts ? "showing" : "hide",
-      );
-    });
-  }
-
-  private handleMouseEnter() {
-    if (!this.autoClose) return;
-    if (this.timeoutId) {
-      clearTimeout(this.timeoutId);
-      const elapsedTime = Date.now() - this.startTime;
-      this.remainingTime = Math.max(0, this.remainingTime - elapsedTime);
-      this.timeoutId = null;
-    }
-  }
-
-  private handleMouseLeave() {
-    if (!this.autoClose) return;
-    if (this.remainingTime > 0) {
-      this.startTime = Date.now();
-      this.timeoutId = window.setTimeout(
-        () => this.removeToast(),
-        this.remainingTime,
-      );
-    } else {
-      this.removeToast();
-    }
-  }
-
-  private calculateInitialPosition() {
-    const [y, x] = this.position.split("-");
-
-    if (y === "top") {
-      this.toast!.style.top = `0px`;
-    } else {
-      this.toast!.style.bottom = `0px`;
-    }
-
-    if (x === "left") {
-      this.toast!.style.left = `${this.offset}px`;
-    } else if (x === "center") {
-      this.toast!.style.left = "50%";
-      this.toast!.style.transform = "translateX(-50%)";
-    } else {
-      this.toast!.style.right = `${this.offset}px`;
-    }
-  }
-
-  private setState(toast: HTMLElement, state: "showing" | "hide") {
-    toast.setAttribute("data-state", state);
-  }
-
-  private getTemplate() {
-    const toastTemplate =
-      this.toaster?.querySelector<HTMLTemplateElement>("#toast-template");
-    if (!toastTemplate) {
-      throw new Error("Toast template not found in the document.");
-    }
-    return toastTemplate.content.cloneNode(true) as DocumentFragment;
-  }
-}
+import { toastIcons } from "./assets";
+
+export interface ToastDomElements {
+  title: HTMLElement | null;
+  description: HTMLElement | null;
+  dismissibleButton: HTMLElement | null;
+  iconContainer: HTMLElement | null;
+  closeButtons: NodeListOf<HTMLElement>;
+}
+
+export type ToastPosition =
+  | "top-right"
+  | "top-center"
+  | "top-left"
+  | "bottom-right"
+  | "bottom-center"
+  | "bottom-left";
+
+export type ToastType = "default" | "success" | "error" | "warning" | "info";
+
+export interface ToastOptions {
+  title: string;
+  description?: string;
+  duration?: number;
+  dismissible?: boolean;
+  autoClose?: boolean;
+  type?: ToastType;
+  onClose?: () => void;
+}
+
+const DEFAULT_DURATION = 3000;
+const DEFAULT_MAX_VISIBLE_TOASTS = 3;
+const DEFAULT_OFFSET = 24;
+const DEFAULT_GAP = 16;
+const DEFAULT_POSITION: ToastPosition = "bottom-right";
+const DEFAULT_TOAST_TYPE: ToastType = "default";
+
+export class Toast {
+  private static instances: HTMLElement[] = [];
+
+  private opts: ToastOptions;
+  private toaster: HTMLElement | null;
+  private toast: HTMLElement | null;
+  private elements: ToastDomElements;
+
+  private duration: number;
+  private startTime: number = 0;
+  private remainingTime: number = 0;
+  private timeoutId: number | null = null;
+  private position: ToastPosition;
+  private dismissible: boolean;
+  private autoClose: boolean;
+
+  private maxVisibleToasts: number;
+  private offset: number;
+  private gap: number;
+
+  constructor(opts: ToastOptions) {
+    this.opts = opts;
+
+    this.toaster = document.querySelector("[data-toaster]");
+    if (!this.toaster) {
+      throw new Error(
+        "Toaster container with 'data-toaster' attribute not found in the document.",
+      );
+    }
+
+    this.toast = this.getTemplate().querySelector(
+      "[data-toast]",
+    ) as HTMLElement;
+    if (!this.toast) {
+      throw new Error("Toast element with 'data-toast' not found in template.");
+    }
+
+    this.elements = {
+      title: this.toast.querySelector("[data-toast-title]"),
+      description: this.toast.querySelector("[data-toast-description]"),
+      iconContainer: this.toast.querySelector("[data-toast-icon]"),
+      closeButtons: this.toast.querySelectorAll("[data-close]") ?? [],
+      dismissibleButton: this.toast.querySelector("[data-dismissible-button]"),
+    };
+
+    this.gap = parseInt(this.toaster.dataset.gap ?? `${DEFAULT_GAP}`, 10);
+    this.maxVisibleToasts = parseInt(
+      this.toaster.dataset.visibleToasts ?? `${DEFAULT_MAX_VISIBLE_TOASTS}`,
+      10,
+    );
+    this.offset = parseInt(
+      this.toaster.dataset.offset ?? `${DEFAULT_OFFSET}`,
+      10,
+    );
+    this.position =
+      (this.toaster?.dataset.position as typeof this.position) ??
+      DEFAULT_POSITION;
+    this.duration =
+      this.opts.duration ??
+      parseInt(this.toaster.dataset.duration ?? `${DEFAULT_DURATION}`);
+    this.dismissible =
+      this.opts.dismissible ?? this.toaster.dataset.dismissible === "true";
+    this.autoClose =
+      this.opts.autoClose ?? this.toaster.dataset.autoClose === "true";
+
+    this.init();
+  }
+
+  private init() {
+    this.initializeToastContent();
+    this.calculateInitialPosition();
+    this.setupAccessibility();
+    this.setupEventListeners();
+    this.showToast();
+  }
+
+  private setupAccessibility() {
+    if (this.toast) {
+      this.toast.setAttribute("role", "alert");
+      this.toast.setAttribute("aria-live", "assertive");
+      this.toast.setAttribute("aria-atomic", "true");
+    }
+  }
+
+  private initializeToastContent() {
+    this.toast!.setAttribute(
+      "data-toast-type",
+      this.opts.type ?? DEFAULT_TOAST_TYPE,
+    );
+
+    if (this.elements.iconContainer) {
+      const iconType = toastIcons[this.opts.type ?? DEFAULT_TOAST_TYPE];
+      if (iconType) {
+        this.elements.iconContainer.innerHTML = iconType;
+      } else {
+        this.elements.iconContainer.remove();
+        this.elements.iconContainer = null;
+      }
+    }
+
+    if (this.elements.title) {
+      this.elements.title.textContent = this.opts.title;
+    } else {
+      console.warn(
+        "Toast title element not found. Title might not be displayed.",
+      );
+    }
+
+    if (this.opts.description && this.elements.description) {
+      this.elements.description.textContent = this.opts.description;
+    } else if (this.elements.description) {
+      this.elements.description.remove();
+      this.elements.description = null;
+    }
+
+    if (!this.dismissible && this.elements.dismissibleButton) {
+      this.elements.dismissibleButton.remove();
+      this.elements.dismissibleButton = null;
+    }
+  }
+
+  private setupEventListeners() {
+    this.elements.closeButtons.forEach((trigger) => {
+      trigger.addEventListener("click", () => this.removeToast());
+    });
+    this.toaster!.addEventListener("mouseenter", () => this.handleMouseEnter());
+    this.toaster!.addEventListener("mouseleave", () => this.handleMouseLeave());
+  }
+
+  private showToast() {
+    this.toaster?.insertAdjacentElement("afterbegin", this.toast!);
+    Toast.instances.unshift(this.toast!);
+    this.adjustToastPositions();
+    this.setState(this.toast!, "showing");
+
+    if (this.autoClose) {
+      this.startTime = Date.now();
+      this.remainingTime = this.duration;
+      this.timeoutId = window.setInterval(() => {
+        this.removeToast();
+        this.opts.onClose?.();
+      }, this.duration);
+    }
+  }
+
+  private removeToast() {
+    this.setState(this.toast!, "hide");
+    const index = Toast.instances.indexOf(this.toast!);
+    if (index !== -1) {
+      Toast.instances.splice(index, 1);
+    }
+    this.adjustToastPositions();
+
+    setTimeout(() => {
+      this.toast?.remove();
+      this.opts.onClose?.();
+    }, 500);
+  }
+
+  private adjustToastPositions() {
+    const isButtom = this.position.startsWith("bottom");
+    let accumulatedHeight = this.offset;
+
+    Toast.instances.forEach((currentToast, index) => {
+      accumulatedHeight += currentToast.offsetHeight;
+      const verticalOffset = accumulatedHeight + index * this.gap;
+
+      const sign = isButtom ? -1 : 1;
+      const translateYValue =
+        sign * (verticalOffset - currentToast.offsetHeight);
+
+      let translateXValue = "";
+      if (this.position.endsWith("center")) {
+        translateXValue = "translateX(-50%)";
+      }
+
+      currentToast.style.transform = `${translateXValue} translateY(${translateYValue}px)`;
+
+      this.setState(
+        currentToast,
+        index < this.maxVisibleToasts ? "showing" : "hide",
+      );
+    });
+  }
+
+  private handleMouseEnter() {
+    if (!this.autoClose) return;
+    if (this.timeoutId) {
+      clearTimeout(this.timeoutId);
+      const elapsedTime = Date.now() - this.startTime;
+      this.remainingTime = Math.max(0, this.remainingTime - elapsedTime);
+      this.timeoutId = null;
+    }
+  }
+
+  private handleMouseLeave() {
+    if (!this.autoClose) return;
+    if (this.remainingTime > 0) {
+      this.startTime = Date.now();
+      this.timeoutId = window.setTimeout(
+        () => this.removeToast(),
+        this.remainingTime,
+      );
+    } else {
+      this.removeToast();
+    }
+  }
+
+  private calculateInitialPosition() {
+    const [y, x] = this.position.split("-");
+
+    if (y === "top") {
+      this.toast!.style.top = `0px`;
+    } else {
+      this.toast!.style.bottom = `0px`;
+    }
+
+    if (x === "left") {
+      this.toast!.style.left = `${this.offset}px`;
+    } else if (x === "center") {
+      this.toast!.style.left = "50%";
+      this.toast!.style.transform = "translateX(-50%)";
+    } else {
+      this.toast!.style.right = `${this.offset}px`;
+    }
+  }
+
+  private setState(toast: HTMLElement, state: "showing" | "hide") {
+    toast.setAttribute("data-state", state);
+  }
+
+  private getTemplate() {
+    const toastTemplate =
+      this.toaster?.querySelector<HTMLTemplateElement>("#toast-template");
+    if (!toastTemplate) {
+      throw new Error("Toast template not found in the document.");
+    }
+    return toastTemplate.content.cloneNode(true) as DocumentFragment;
+  }
+}

package/dist/index.js

@@ -124,13 +124,29 @@ var registry_default = {
     {
       name: "marquee",
       version: "0.0.1"
+    },
+    {
+      name: "ambient-image",
+      version: "0.0.1"
+    },
+    {
+      name: "button-group",
+      version: "0.0.1"
+    },
+    {
+      name: "diff",
+      version: "0.0.1"
+    },
+    {
+      name: "loader",
+      version: "0.0.1"
     }
   ]
 };
 
 // src/index.ts
-import { fileURLToPath } from "node:url";
-import path from "node:path";
+import { fileURLToPath } from "url";
+import path from "path";
 var __dirname = path.dirname(fileURLToPath(import.meta.url));
 function getAllComponents() {
   const availableComponents = registry_default.components;

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/registry.json","../src/index.ts"],"sourcesContent":["{\n  \"components\": [\n    {\n      \"name\": \"button\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"alert\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"badge\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"avatar\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"card\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"input\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"label\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"breadcrumb\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"progress\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"textarea\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"select\",\n      \"version\": \"0.0.2\"\n    },\n    {\n      \"name\": \"switch\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"checkbox\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"radio\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"list\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"divider\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"skeleton\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"accordion\",\n      \"version\": \"0.0.2\"\n    },\n    {\n      \"name\": \"modal\",\n      \"version\": \"0.0.2\"\n    },\n    {\n      \"name\": \"tooltip\",\n      \"version\": \"0.0.2\"\n    },\n    {\n      \"name\": \"collapsible\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"drawer\",\n      \"version\": \"0.0.2\"\n    },\n    {\n      \"name\": \"dropdown\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"kbd\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"pagination\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"popover\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"stat\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"tab\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"toast\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"scroll-progress\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"marquee\",\n      \"version\": \"0.0.1\"\n    }\n  ]\n}\n","import registry from \"@/registry.json\";\r\nimport { fileURLToPath } from \"node:url\";\r\n\r\nimport path from \"node:path\";\r\nimport { ComponentRegistryEntry } from \"./types/registry\";\r\n\r\nconst __dirname = path.dirname(fileURLToPath(import.meta.url));\r\n\r\nexport function getAllComponents() {\r\n  const availableComponents = registry.components as ComponentRegistryEntry[];\r\n  return availableComponents.sort((a, b) => a.name.localeCompare(b.name));\r\n}\r\n\r\nexport function getComponentPath(componentName: string) {\r\n  return path.join(__dirname, \"astro\", componentName);\r\n}\r\n\r\nexport async function checkComponentsInRegistry(components: string[]) {\r\n  const valid: ComponentRegistryEntry[] = [];\r\n  const invalid: string[] = [];\r\n  const allComponents = getAllComponents();\r\n\r\n  for (const component of components) {\r\n    const found = allComponents.find(\r\n      (c) => c.name.toLowerCase() === component.toLowerCase(),\r\n    );\r\n    if (found) {\r\n      valid.push(found);\r\n    } else {\r\n      invalid.push(component);\r\n    }\r\n  }\r\n\r\n  return { valid, invalid };\r\n}\r\n\r\nexport { type ComponentRegistryEntry } from \"@/types/registry\";\r\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../src/registry.json","../src/index.ts"],"sourcesContent":["{\n  \"components\": [\n    {\n      \"name\": \"button\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"alert\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"badge\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"avatar\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"card\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"input\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"label\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"breadcrumb\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"progress\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"textarea\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"select\",\n      \"version\": \"0.0.2\"\n    },\n    {\n      \"name\": \"switch\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"checkbox\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"radio\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"list\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"divider\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"skeleton\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"accordion\",\n      \"version\": \"0.0.2\"\n    },\n    {\n      \"name\": \"modal\",\n      \"version\": \"0.0.2\"\n    },\n    {\n      \"name\": \"tooltip\",\n      \"version\": \"0.0.2\"\n    },\n    {\n      \"name\": \"collapsible\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"drawer\",\n      \"version\": \"0.0.2\"\n    },\n    {\n      \"name\": \"dropdown\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"kbd\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"pagination\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"popover\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"stat\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"tab\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"toast\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"scroll-progress\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"marquee\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"ambient-image\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"button-group\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"diff\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"loader\",\n      \"version\": \"0.0.1\"\n    }\n  ]\n}\n","import registry from \"@/registry.json\";\r\nimport { fileURLToPath } from \"node:url\";\r\n\r\nimport path from \"node:path\";\r\nimport { ComponentRegistryEntry } from \"./types/registry\";\r\n\r\nconst __dirname = path.dirname(fileURLToPath(import.meta.url));\r\n\r\nexport function getAllComponents() {\r\n  const availableComponents = registry.components as ComponentRegistryEntry[];\r\n  return availableComponents.sort((a, b) => a.name.localeCompare(b.name));\r\n}\r\n\r\nexport function getComponentPath(componentName: string) {\r\n  return path.join(__dirname, \"astro\", componentName);\r\n}\r\n\r\nexport async function checkComponentsInRegistry(components: string[]) {\r\n  const valid: ComponentRegistryEntry[] = [];\r\n  const invalid: string[] = [];\r\n  const allComponents = getAllComponents();\r\n\r\n  for (const component of components) {\r\n    const found = allComponents.find(\r\n      (c) => c.name.toLowerCase() === component.toLowerCase(),\r\n    );\r\n    if (found) {\r\n      valid.push(found);\r\n    } else {\r\n      invalid.push(component);\r\n    }\r\n  }\r\n\r\n  return { valid, invalid };\r\n}\r\n\r\nexport { type ComponentRegistryEntry } from \"@/types/registry\";\r\n"],"mappings":"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","names":[]}