@mastra/playground-ui 33.0.0-alpha.3 → 33.0.0

package/dist/helpers-BbJUaSrW.cjs

@@ -0,0 +1,352 @@
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const utils = require('./utils-vA5sWo9W.cjs');
+const dateFns = require('date-fns');
+const format = require('date-fns/format');
+const isToday = require('date-fns/isToday');
+const React = require('react');
+const transitions = require('./transitions-DpczSjmD.cjs');
+const lucideReact = require('lucide-react');
+const tooltip = require('./tooltip-j8gUR1Qk.cjs');
+const chip = require('./chip-Cx5D5DkA.cjs');
+
+function ItemListCell({ children, className }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils.cn("", className), children });
+}
+
+function ItemListDateCell({ date, className, withTime = false }) {
+  const isThisYearDate = date ? dateFns.isThisYear(new Date(date)) : false;
+  const displayDayAndMonth = date ? isToday.isToday(new Date(date)) ? "Today" : format.format(new Date(date), "MMM dd") : "";
+  const displayYear = date && !isThisYearDate ? format.format(new Date(date), "yyyy") : "";
+  const displayTime = date && withTime ? `${format.format(new Date(date), "'at' h:mm aaa")}` : "";
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: utils.cn("text-neutral2 text-ui-md truncate", className), children: [
+    displayDayAndMonth,
+    " ",
+    displayYear,
+    " ",
+    displayTime
+  ] });
+}
+
+function getItemListColumnTemplate(columns) {
+  if (!columns || columns.length === 0) {
+    return "";
+  }
+  return columns?.map((column) => {
+    return column.size;
+  }).join(" ");
+}
+
+function ItemListHeader({ columns, isSelectionActive, children }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils.cn("sticky top-0 bg-surface3 z-10 rounded-lg px-4 mb-4"), children: /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: utils.cn("grid gap-4 text-left items-center uppercase  text-neutral3 tracking-widest text-ui-xs", {
+        "pl-12 [&>label]:absolute [&>label]:left-0": isSelectionActive
+      }),
+      style: { gridTemplateColumns: getItemListColumnTemplate(columns) },
+      children
+    }
+  ) });
+}
+
+function ItemListHeaderCol({ children, className }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("span", { className: utils.cn("py-3", className), children });
+}
+
+function ItemListIdCell({ id, className, isShortened = true }) {
+  const displayId = isShortened ? id.slice(0, 8) : id;
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils.cn("text-neutral2 py-[0.6rem] text-ui-md truncate", className), children: displayId });
+}
+
+function ItemListItems({ children }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "grid content-start", children });
+}
+
+function ItemListItemsScroller({ children }) {
+  const containerRef = React.useRef(null);
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { ref: containerRef, className: utils.cn("overflow-y-auto"), children });
+}
+
+function ItemListLabelCell({ children, className }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("label", { className: utils.cn("flex w-14 h-full justify-center items-center hover:bg-surface5 rounded-lg", className), children });
+}
+
+function ItemListLinkCell({ children, href, className, LinkComponent: Link }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Link,
+    {
+      href,
+      className: utils.cn(
+        "w-full px-3 py-[0.6rem] gap-6 text-left items-center rounded-lg flex justify-center",
+        "hover:bg-surface4",
+        transitions.transitions.colors,
+        transitions.focusRing.visible,
+        className
+      ),
+      children
+    }
+  );
+}
+
+function ItemListMessage({ children, message, className, type }) {
+  if (!children && !message) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils.cn("grid border-t border-border1", className), children: message ? /* @__PURE__ */ jsxRuntime.jsxs(
+    "p",
+    {
+      className: utils.cn(
+        "text-neutral3 text-ui-md text-center grid p-8 justify-center justify-items-center gap-2",
+        "[&>svg]:w-[1.5em] [&>svg]:h-[1.5em] [&>svg]:opacity-75",
+        {
+          "[&>svg]:text-red-500": type === "error"
+        }
+      ),
+      children: [
+        type === "error" ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.TriangleAlertIcon, {}) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.InfoIcon, {}),
+        " ",
+        message
+      ]
+    }
+  ) : children });
+}
+
+function ItemListNextPageLoading({
+  isLoading,
+  hasMore,
+  setEndOfListElement,
+  loadingText = "Loading more data...",
+  noMoreDataText = "No more data to load"
+}) {
+  if (!setEndOfListElement) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: setEndOfListElement, className: "text-ui-md text-neutral3 opacity-50 flex mt-8 justify-center", children: [
+    isLoading && loadingText,
+    !hasMore && !isLoading && noMoreDataText
+  ] });
+}
+
+function ItemListPagination({ currentPage, hasMore, onNextPage, onPrevPage }) {
+  const showNavigation = typeof currentPage === "number" && currentPage > 0 || hasMore;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: utils.cn("flex pt-6 items-center justify-center text-neutral3 text-ui-md gap-8"), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+      "Page ",
+      /* @__PURE__ */ jsxRuntime.jsx("b", { children: currentPage ? currentPage + 1 : "1" })
+    ] }),
+    showNavigation && /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: utils.cn(
+          "flex gap-4",
+          "[&>button]:flex [&>button]:items-center [&>button]:gap-2 [&>button]:text-neutral4 [&>button:hover]:text-neutral5 [&>button]:transition-colors [&>button]:border [&>button]:border-border1 [&>button]:p-1 [&>button]:px-2 [&>button]:rounded-md",
+          "[&_svg]:w-[1em] [&_svg]:h-[1em] [&_svg]:text-neutral3"
+        ),
+        children: [
+          typeof currentPage === "number" && currentPage > 0 && /* @__PURE__ */ jsxRuntime.jsxs("button", { onClick: onPrevPage, children: [
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowLeftIcon, {}),
+            "Previous"
+          ] }),
+          hasMore && /* @__PURE__ */ jsxRuntime.jsxs("button", { onClick: onNextPage, children: [
+            "Next",
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowRightIcon, {})
+          ] })
+        ]
+      }
+    )
+  ] });
+}
+
+function ItemListRoot({ children, className }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils.cn("grid grid-rows-[auto_1fr] overflow-y-auto", className), children });
+}
+
+function ItemListRow({ isSelected, children, columns }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "li",
+    {
+      className: utils.cn(
+        "flex border border-transparent py-[3px] pb-[2px] text-neutral5 border-t-border1 rounded-lg first:border-t-transparent text-ui-md overflow-hidden",
+        "[&:last-child>button]:rounded-b-lg",
+        "[&.selected-row]:border-white/50 [&.selected-row]:pr-[3px] [&.selected-row]:border-dashed [&.selected-row]:border [&.selected-row]:first:border-t",
+        "[&:has(+.selected-row)]:rounded-b-none [&:has(+.selected-row)]:border-b-transparent",
+        "[.selected-row+&]:rounded-t-none",
+        transitions.transitions.colors,
+        {
+          "selected-row": isSelected,
+          "grid px-4 gap-4 ": columns
+        }
+      ),
+      style: { gridTemplateColumns: getItemListColumnTemplate(columns) },
+      children
+    }
+  );
+}
+
+function ItemListRowButton({
+  item,
+  isFeatured,
+  onClick,
+  children,
+  columns,
+  className,
+  disabled
+}) {
+  const handleClick = () => {
+    onClick?.(item?.id);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "button",
+    {
+      onClick: handleClick,
+      className: utils.cn(
+        "grid w-full px-4 gap-4 text-left items-center rounded-lg",
+        transitions.transitions.colors,
+        transitions.focusRing.visible,
+        {
+          "bg-surface4": isFeatured,
+          // hover effect only not for skeleton and featured
+          "hover:bg-surface4": item && !isFeatured && !disabled
+        },
+        className
+      ),
+      style: { gridTemplateColumns: getItemListColumnTemplate(columns) },
+      disabled,
+      children
+    }
+  );
+}
+
+function capitalize(value) {
+  return value.charAt(0).toUpperCase() + value.slice(1);
+}
+function ItemListStatusCell({ status }) {
+  if (!status) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(tooltip.Tooltip, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(tooltip.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils.cn("flex items-center justify-center w-10 relative bg-transparent h-full"), children: /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: utils.cn("w-2 h-2 rounded-full", {
+          "bg-green-600": ["success", "completed"].includes(status),
+          "bg-red-700": ["error", "failed"].includes(status),
+          "bg-yellow-500": ["pending", "running"].includes(status)
+        })
+      }
+    ) }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(tooltip.TooltipContent, { children: capitalize(status) })
+  ] });
+}
+
+function ItemListTextCell({ children, isLoading, className }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils.cn("text-neutral4  py-[0.6rem] text-ui-md truncate", className), children: isLoading ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "bg-surface4 rounded-md animate-pulse text-transparent h-4 select-none" }) : children });
+}
+
+function ItemListVersionCell({ version, date, isLatest, isDeleted }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(ItemListCell, { className: utils.cn("grid grid-cols-[1fr_auto] pl-1"), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: utils.cn("grid text-neutral3 gap-1 leading-none", {
+          "text-neutral4": isLatest
+        }),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("strong", { className: "font-normal", children: [
+            "v. ",
+            version
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("em", { className: "text-neutral2 text-ui-sm font-normal", children: date ? dateFns.format(new Date(date), "MMM d, yyyy HH:mm") : null })
+        ]
+      }
+    ),
+    (isLatest || isDeleted) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-1 items-center", children: [
+      isLatest && /* @__PURE__ */ jsxRuntime.jsxs(tooltip.Tooltip, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(tooltip.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(chip.Chip, { color: "blue", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ClockIcon, {}) }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(tooltip.TooltipContent, { children: "Latest version" })
+      ] }),
+      isDeleted && /* @__PURE__ */ jsxRuntime.jsxs(tooltip.Tooltip, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(tooltip.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(chip.Chip, { color: "red", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.BanIcon, {}) }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(tooltip.TooltipContent, { children: "Deleted in this version" })
+      ] })
+    ] })
+  ] });
+}
+
+const ItemList = Object.assign(ItemListRoot, {
+  Header: ItemListHeader,
+  HeaderCol: ItemListHeaderCol,
+  Items: ItemListItems,
+  Scroller: ItemListItemsScroller,
+  Row: ItemListRow,
+  RowButton: ItemListRowButton,
+  Message: ItemListMessage,
+  NextPageLoading: ItemListNextPageLoading,
+  Pagination: ItemListPagination,
+  Cell: ItemListCell,
+  TextCell: ItemListTextCell,
+  StatusCell: ItemListStatusCell,
+  VersionCell: ItemListVersionCell,
+  IdCell: ItemListIdCell,
+  DateCell: ItemListDateCell,
+  LinkCell: ItemListLinkCell,
+  LabelCell: ItemListLabelCell
+});
+
+const widths = ["75%", "50%", "65%", "90%", "60%", "80%"];
+function ItemListItemsSkeleton({ columns, numberOfRows = 3 }) {
+  const getPseudoRandomWidth = (rowIdx, colIdx) => {
+    const index = (rowIdx + colIdx + (columns?.length || 0) + (numberOfRows || 0)) % widths.length;
+    return widths[index];
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(ItemListItems, { children: Array.from({ length: numberOfRows }).map((_, rowIdx) => /* @__PURE__ */ jsxRuntime.jsx(ItemListRow, { children: /* @__PURE__ */ jsxRuntime.jsx(ItemListRowButton, { columns, children: (columns || []).map((col, colIdx) => {
+    const key = `${col.name}-${colIdx}`;
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: "bg-surface4 rounded-md animate-pulse text-transparent h-4 select-none",
+        style: { width: `${getPseudoRandomWidth(rowIdx, colIdx)}` }
+      },
+      key
+    );
+  }) }) }, rowIdx)) });
+}
+
+function ItemListSkeleton({ columns, numberOfRows }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(ItemList, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(ItemListHeader, { columns }),
+    /* @__PURE__ */ jsxRuntime.jsx(ItemListItemsSkeleton, { columns, numberOfRows })
+  ] });
+}
+
+function getToNextItemFn({ entries, id, update }) {
+  const currentIndex = entries.findIndex((entry) => entry.id === id);
+  const thereIsNextItem = currentIndex < entries.length - 1;
+  if (thereIsNextItem) {
+    return () => {
+      const nextItem = entries[currentIndex + 1];
+      update(nextItem.id);
+    };
+  }
+  return void 0;
+}
+function getToPreviousItemFn({ entries, id, update }) {
+  const currentIndex = entries.findIndex((entry) => entry.id === id);
+  const thereIsPreviousItem = currentIndex > 0;
+  if (thereIsPreviousItem) {
+    return () => {
+      const previousItem = entries[currentIndex - 1];
+      update(previousItem.id);
+    };
+  }
+  return void 0;
+}
+
+exports.ItemList = ItemList;
+exports.ItemListSkeleton = ItemListSkeleton;
+exports.getItemListColumnTemplate = getItemListColumnTemplate;
+exports.getToNextItemFn = getToNextItemFn;
+exports.getToPreviousItemFn = getToPreviousItemFn;
+//# sourceMappingURL=helpers-BbJUaSrW.cjs.map

package/dist/helpers-BbJUaSrW.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers-BbJUaSrW.cjs","sources":["../src/ds/components/ItemList/item-list-cell.tsx","../src/ds/components/ItemList/item-list-date-cell.tsx","../src/ds/components/ItemList/shared.tsx","../src/ds/components/ItemList/item-list-header.tsx","../src/ds/components/ItemList/item-list-header-col.tsx","../src/ds/components/ItemList/item-list-id-cell.tsx","../src/ds/components/ItemList/item-list-items.tsx","../src/ds/components/ItemList/item-list-items-scroller.tsx","../src/ds/components/ItemList/item-list-label-cell.tsx","../src/ds/components/ItemList/item-list-link-cell.tsx","../src/ds/components/ItemList/item-list-message.tsx","../src/ds/components/ItemList/item-list-next-page-loading.tsx","../src/ds/components/ItemList/item-list-pagination.tsx","../src/ds/components/ItemList/item-list-root.tsx","../src/ds/components/ItemList/item-list-row.tsx","../src/ds/components/ItemList/item-list-row-button.tsx","../src/ds/components/ItemList/item-list-status-cell.tsx","../src/ds/components/ItemList/item-list-text-cell.tsx","../src/ds/components/ItemList/item-list-version-cell.tsx","../src/ds/components/ItemList/item-list.tsx","../src/ds/components/ItemList/item-list-items-skeleton.tsx","../src/ds/components/ItemList/item-list-skeleton.tsx","../src/ds/components/ItemList/helpers.ts"],"sourcesContent":["import { cn } from '@/lib/utils';\n\nexport type ItemListTextCellProps = {\n  children: React.ReactNode;\n  className?: string;\n};\n\nexport function ItemListCell({ children, className }: ItemListTextCellProps) {\n  return <div className={cn('', className)}>{children}</div>;\n}\n","import { isThisYear } from 'date-fns';\nimport { format } from 'date-fns/format';\nimport { isToday } from 'date-fns/isToday';\nimport { cn } from '@/lib/utils';\n\nexport type ItemListDateCellProps = {\n  date: Date | string | null;\n  className?: string;\n  withTime?: boolean;\n};\n\nexport function ItemListDateCell({ date, className, withTime = false }: ItemListDateCellProps) {\n  const isThisYearDate = date ? isThisYear(new Date(date)) : false;\n\n  const displayDayAndMonth = date ? (isToday(new Date(date)) ? 'Today' : format(new Date(date), 'MMM dd')) : '';\n  const displayYear = date && !isThisYearDate ? format(new Date(date), 'yyyy') : '';\n  const displayTime = date && withTime ? `${format(new Date(date), \"'at' h:mm aaa\")}` : '';\n\n  return (\n    <div className={cn('text-neutral2 text-ui-md truncate', className)}>\n      {displayDayAndMonth} {displayYear} {displayTime}\n    </div>\n  );\n}\n","import type { ItemListColumn } from './types';\n\nexport function getItemListColumnTemplate(columns?: ItemListColumn[]): string {\n  if (!columns || columns.length === 0) {\n    return '';\n  }\n\n  return columns\n    ?.map(column => {\n      return column.size;\n    })\n    .join(' ');\n}\n","import { getItemListColumnTemplate } from './shared';\nimport type { ItemListColumn } from './types';\n\nimport { cn } from '@/lib/utils';\n\nexport type ItemListHeaderProps = {\n  columns?: ItemListColumn[];\n  isSelectionActive?: boolean;\n  children?: React.ReactNode;\n};\n\nexport function ItemListHeader({ columns, isSelectionActive, children }: ItemListHeaderProps) {\n  return (\n    <div className={cn('sticky top-0 bg-surface3 z-10 rounded-lg px-4 mb-4')}>\n      <div\n        className={cn('grid gap-4 text-left items-center uppercase  text-neutral3 tracking-widest text-ui-xs', {\n          'pl-12 [&>label]:absolute [&>label]:left-0': isSelectionActive,\n        })}\n        style={{ gridTemplateColumns: getItemListColumnTemplate(columns) }}\n      >\n        {children}\n      </div>\n    </div>\n  );\n}\n","import { cn } from '@/lib/utils';\n\nexport type ItemListHeaderColProps = {\n  children?: React.ReactNode;\n  className?: string;\n};\n\nexport function ItemListHeaderCol({ children, className }: ItemListHeaderColProps) {\n  return <span className={cn('py-3', className)}>{children}</span>;\n}\n","import { cn } from '@/lib/utils';\n\nexport type ItemListIdCellProps = {\n  id: string;\n  className?: string;\n  isShortened?: boolean;\n};\n\nexport function ItemListIdCell({ id, className, isShortened = true }: ItemListIdCellProps) {\n  const displayId = isShortened ? id.slice(0, 8) : id;\n  return <div className={cn('text-neutral2 py-[0.6rem] text-ui-md truncate', className)}>{displayId}</div>;\n}\n","import React from 'react';\n\nexport type ItemListItemsProps = {\n  children?: React.ReactNode;\n};\n\nexport function ItemListItems({ children }: ItemListItemsProps) {\n  return <ul className=\"grid content-start\">{children}</ul>;\n}\n","import React, { useRef } from 'react';\nimport { cn } from '@/lib/utils';\n\nexport type ItemListItemsScroller = {\n  children?: React.ReactNode;\n};\n\nexport function ItemListItemsScroller({ children }: ItemListItemsScroller) {\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  return (\n    <div ref={containerRef} className={cn('overflow-y-auto')}>\n      {children}\n    </div>\n  );\n}\n","import { cn } from '@/lib/utils';\n\nexport type ItemListLabelCellProps = {\n  children: React.ReactNode;\n  className?: string;\n};\n\nexport function ItemListLabelCell({ children, className }: ItemListLabelCellProps) {\n  return (\n    <label className={cn('flex w-14 h-full justify-center items-center hover:bg-surface5 rounded-lg', className)}>\n      {children}\n    </label>\n  );\n}\n","import { transitions, focusRing } from '@/ds/primitives/transitions';\nimport type { LinkComponent } from '@/ds/types/link-component';\nimport { cn } from '@/lib/utils';\n\nexport type ItemListLinkCellProps = {\n  children?: React.ReactNode;\n  className?: string;\n  href: string;\n  LinkComponent: LinkComponent;\n};\n\nexport function ItemListLinkCell({ children, href, className, LinkComponent: Link }: ItemListLinkCellProps) {\n  return (\n    <Link\n      href={href}\n      className={cn(\n        'w-full px-3 py-[0.6rem] gap-6 text-left items-center rounded-lg flex justify-center',\n        'hover:bg-surface4',\n        transitions.colors,\n        focusRing.visible,\n\n        className,\n      )}\n    >\n      {children}\n    </Link>\n  );\n}\n","import { InfoIcon, TriangleAlertIcon } from 'lucide-react';\nimport { cn } from '@/lib/utils';\n\nexport type ItemListMessageProps = {\n  children?: React.ReactNode;\n  message?: string;\n  className?: string;\n  type?: 'info' | 'error';\n};\n\nexport function ItemListMessage({ children, message, className, type }: ItemListMessageProps) {\n  if (!children && !message) {\n    return null;\n  }\n\n  return (\n    <div className={cn('grid border-t border-border1', className)}>\n      {message ? (\n        <p\n          className={cn(\n            'text-neutral3 text-ui-md text-center grid p-8 justify-center justify-items-center gap-2',\n            '[&>svg]:w-[1.5em] [&>svg]:h-[1.5em] [&>svg]:opacity-75',\n            {\n              '[&>svg]:text-red-500': type === 'error',\n            },\n          )}\n        >\n          {type === 'error' ? <TriangleAlertIcon /> : <InfoIcon />} {message}\n        </p>\n      ) : (\n        children\n      )}\n    </div>\n  );\n}\n","export type ItemListNextPageLoadingProps = {\n  isLoading?: boolean;\n  hasMore?: boolean;\n  setEndOfListElement?: (element: HTMLDivElement | null) => void;\n  loadingText?: string;\n  noMoreDataText?: string;\n};\n\nexport function ItemListNextPageLoading({\n  isLoading,\n  hasMore,\n  setEndOfListElement,\n  loadingText = 'Loading more data...',\n  noMoreDataText = 'No more data to load',\n}: ItemListNextPageLoadingProps) {\n  if (!setEndOfListElement) {\n    return null;\n  }\n\n  return (\n    <div ref={setEndOfListElement} className=\"text-ui-md text-neutral3 opacity-50 flex mt-8 justify-center\">\n      {isLoading && loadingText}\n      {!hasMore && !isLoading && noMoreDataText}\n    </div>\n  );\n}\n","import { ArrowLeftIcon, ArrowRightIcon } from 'lucide-react';\n\nimport { cn } from '@/lib/utils';\n\nexport type ItemListPaginationProps = {\n  currentPage?: number;\n  hasMore?: boolean;\n  onNextPage?: () => void;\n  onPrevPage?: () => void;\n};\n\nexport function ItemListPagination({ currentPage, hasMore, onNextPage, onPrevPage }: ItemListPaginationProps) {\n  const showNavigation = (typeof currentPage === 'number' && currentPage > 0) || hasMore;\n\n  return (\n    <div className={cn('flex pt-6 items-center justify-center text-neutral3 text-ui-md gap-8')}>\n      <span>\n        Page <b>{currentPage ? currentPage + 1 : '1'}</b>\n      </span>\n      {showNavigation && (\n        <div\n          className={cn(\n            'flex gap-4',\n            '[&>button]:flex [&>button]:items-center [&>button]:gap-2 [&>button]:text-neutral4 [&>button:hover]:text-neutral5 [&>button]:transition-colors [&>button]:border [&>button]:border-border1 [&>button]:p-1 [&>button]:px-2 [&>button]:rounded-md',\n            '[&_svg]:w-[1em] [&_svg]:h-[1em] [&_svg]:text-neutral3',\n          )}\n        >\n          {typeof currentPage === 'number' && currentPage > 0 && (\n            <button onClick={onPrevPage}>\n              <ArrowLeftIcon />\n              Previous\n            </button>\n          )}\n          {hasMore && (\n            <button onClick={onNextPage}>\n              Next\n              <ArrowRightIcon />\n            </button>\n          )}\n        </div>\n      )}\n    </div>\n  );\n}\n","import React from 'react';\nimport { cn } from '@/lib/utils';\n\nexport type ItemListRootProps = {\n  children: React.ReactNode;\n  className?: string;\n};\n\nexport function ItemListRoot({ children, className }: ItemListRootProps) {\n  return <div className={cn('grid grid-rows-[auto_1fr] overflow-y-auto', className)}>{children}</div>;\n}\n","import { getItemListColumnTemplate } from './shared';\nimport type { ItemListColumn } from './types';\nimport { transitions } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nexport type ItemListRowProps = {\n  isSelected?: boolean;\n  children?: React.ReactNode;\n  columns?: ItemListColumn[];\n};\n\nexport function ItemListRow({ isSelected, children, columns }: ItemListRowProps) {\n  return (\n    <li\n      className={cn(\n        'flex border border-transparent py-[3px] pb-[2px] text-neutral5 border-t-border1 rounded-lg first:border-t-transparent text-ui-md overflow-hidden',\n        '[&:last-child>button]:rounded-b-lg',\n        '[&.selected-row]:border-white/50 [&.selected-row]:pr-[3px] [&.selected-row]:border-dashed [&.selected-row]:border [&.selected-row]:first:border-t',\n        '[&:has(+.selected-row)]:rounded-b-none [&:has(+.selected-row)]:border-b-transparent',\n        '[.selected-row+&]:rounded-t-none',\n        transitions.colors,\n        {\n          'selected-row': isSelected,\n          'grid px-4 gap-4 ': columns,\n        },\n      )}\n      style={{ gridTemplateColumns: getItemListColumnTemplate(columns) }}\n    >\n      {children}\n    </li>\n  );\n}\n","import { getItemListColumnTemplate } from './shared';\nimport type { ItemListColumn } from './types';\nimport { transitions, focusRing } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nexport type ItemListRowButtonProps = {\n  item?: any;\n  isFeatured?: boolean;\n  children?: React.ReactNode;\n  onClick?: (itemId: string) => void;\n  columns?: ItemListColumn[];\n  className?: string;\n  disabled?: boolean;\n};\n\nexport function ItemListRowButton({\n  item,\n  isFeatured,\n  onClick,\n  children,\n  columns,\n  className,\n  disabled,\n}: ItemListRowButtonProps) {\n  const handleClick = () => {\n    onClick?.(item?.id);\n  };\n\n  return (\n    <button\n      onClick={handleClick}\n      className={cn(\n        'grid w-full px-4 gap-4 text-left items-center rounded-lg',\n        transitions.colors,\n        focusRing.visible,\n        {\n          'bg-surface4': isFeatured,\n          // hover effect only not for skeleton and featured\n          'hover:bg-surface4': item && !isFeatured && !disabled,\n        },\n        className,\n      )}\n      style={{ gridTemplateColumns: getItemListColumnTemplate(columns) }}\n      disabled={disabled}\n    >\n      {children}\n    </button>\n  );\n}\n","import { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\nimport { cn } from '@/lib/utils';\n\nexport type ItemListStatusCellProps = {\n  status?: string;\n};\n\nfunction capitalize(value: string): string {\n  return value.charAt(0).toUpperCase() + value.slice(1);\n}\n\nexport function ItemListStatusCell({ status }: ItemListStatusCellProps) {\n  if (!status) {\n    return null;\n  }\n\n  return (\n    <Tooltip>\n      <TooltipTrigger asChild>\n        <div className={cn('flex items-center justify-center w-10 relative bg-transparent h-full')}>\n          <div\n            className={cn('w-2 h-2 rounded-full', {\n              'bg-green-600': ['success', 'completed'].includes(status),\n              'bg-red-700': ['error', 'failed'].includes(status),\n              'bg-yellow-500': ['pending', 'running'].includes(status),\n            })}\n          ></div>\n        </div>\n      </TooltipTrigger>\n      <TooltipContent>{capitalize(status)}</TooltipContent>\n    </Tooltip>\n  );\n}\n","import { cn } from '@/lib/utils';\n\nexport type ItemListTextCellProps = {\n  children: React.ReactNode;\n  isLoading?: boolean;\n  className?: string;\n};\n\nexport function ItemListTextCell({ children, isLoading, className }: ItemListTextCellProps) {\n  return (\n    <div className={cn('text-neutral4  py-[0.6rem] text-ui-md truncate', className)}>\n      {isLoading ? (\n        <div className=\"bg-surface4 rounded-md animate-pulse text-transparent h-4 select-none\"></div>\n      ) : (\n        children\n      )}\n    </div>\n  );\n}\n","import { format } from 'date-fns';\nimport { BanIcon, ClockIcon } from 'lucide-react';\nimport { Chip } from '../Chip';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '../Tooltip';\nimport { ItemListCell } from './item-list-cell';\nimport { cn } from '@/lib/utils';\n\nexport type ItemListVersionCellProps = {\n  version: string | number;\n  date?: Date | string | null;\n  isLatest?: boolean;\n  isDeleted?: boolean;\n};\n\nexport function ItemListVersionCell({ version, date, isLatest, isDeleted }: ItemListVersionCellProps) {\n  return (\n    <ItemListCell className={cn('grid grid-cols-[1fr_auto] pl-1')}>\n      <div\n        className={cn('grid text-neutral3 gap-1 leading-none', {\n          'text-neutral4': isLatest,\n        })}\n      >\n        <strong className=\"font-normal\">v. {version}</strong>\n        <em className=\"text-neutral2 text-ui-sm font-normal\">\n          {date ? format(new Date(date), 'MMM d, yyyy HH:mm') : null}\n        </em>\n      </div>\n      {(isLatest || isDeleted) && (\n        <div className=\"flex gap-1 items-center\">\n          {isLatest && (\n            <Tooltip>\n              <TooltipTrigger asChild>\n                <Chip color=\"blue\">\n                  <ClockIcon />\n                </Chip>\n              </TooltipTrigger>\n              <TooltipContent>Latest version</TooltipContent>\n            </Tooltip>\n          )}\n          {isDeleted && (\n            <Tooltip>\n              <TooltipTrigger asChild>\n                <Chip color=\"red\">\n                  <BanIcon />\n                </Chip>\n              </TooltipTrigger>\n              <TooltipContent>Deleted in this version</TooltipContent>\n            </Tooltip>\n          )}\n        </div>\n      )}\n    </ItemListCell>\n  );\n}\n","import { ItemListCell } from './item-list-cell';\nimport { ItemListDateCell } from './item-list-date-cell';\nimport { ItemListHeader } from './item-list-header';\nimport { ItemListHeaderCol } from './item-list-header-col';\nimport { ItemListIdCell } from './item-list-id-cell';\nimport { ItemListItems } from './item-list-items';\nimport { ItemListItemsScroller } from './item-list-items-scroller';\nimport { ItemListLabelCell } from './item-list-label-cell';\nimport { ItemListLinkCell } from './item-list-link-cell';\nimport { ItemListMessage } from './item-list-message';\nimport { ItemListNextPageLoading } from './item-list-next-page-loading';\nimport { ItemListPagination } from './item-list-pagination';\nimport { ItemListRoot } from './item-list-root';\nimport { ItemListRow } from './item-list-row';\nimport { ItemListRowButton } from './item-list-row-button';\nimport { ItemListStatusCell } from './item-list-status-cell';\nimport { ItemListTextCell } from './item-list-text-cell';\nimport { ItemListVersionCell } from './item-list-version-cell';\n\nexport const ItemList = Object.assign(ItemListRoot, {\n  Header: ItemListHeader,\n  HeaderCol: ItemListHeaderCol,\n  Items: ItemListItems,\n  Scroller: ItemListItemsScroller,\n  Row: ItemListRow,\n  RowButton: ItemListRowButton,\n  Message: ItemListMessage,\n  NextPageLoading: ItemListNextPageLoading,\n  Pagination: ItemListPagination,\n  Cell: ItemListCell,\n  TextCell: ItemListTextCell,\n  StatusCell: ItemListStatusCell,\n  VersionCell: ItemListVersionCell,\n  IdCell: ItemListIdCell,\n  DateCell: ItemListDateCell,\n  LinkCell: ItemListLinkCell,\n  LabelCell: ItemListLabelCell,\n});\n","import { ItemListItems } from './item-list-items';\nimport { ItemListRow } from './item-list-row';\nimport { ItemListRowButton } from './item-list-row-button';\nimport type { ItemListColumn } from './types';\n\nconst widths = ['75%', '50%', '65%', '90%', '60%', '80%'];\n\nexport type ItemListItemsSkeletonProps = {\n  columns?: ItemListColumn[];\n  numberOfRows?: number;\n};\n\nexport function ItemListItemsSkeleton({ columns, numberOfRows = 3 }: ItemListItemsSkeletonProps) {\n  const getPseudoRandomWidth = (rowIdx: number, colIdx: number) => {\n    const index = (rowIdx + colIdx + (columns?.length || 0) + (numberOfRows || 0)) % widths.length;\n    return widths[index];\n  };\n\n  return (\n    <ItemListItems>\n      {Array.from({ length: numberOfRows }).map((_, rowIdx) => (\n        <ItemListRow key={rowIdx}>\n          <ItemListRowButton columns={columns}>\n            {(columns || []).map((col, colIdx) => {\n              const key = `${col.name}-${colIdx}`;\n              return (\n                <div\n                  key={key}\n                  className=\"bg-surface4 rounded-md animate-pulse text-transparent h-4 select-none\"\n                  style={{ width: `${getPseudoRandomWidth(rowIdx, colIdx)}` }}\n                ></div>\n              );\n            })}\n          </ItemListRowButton>\n        </ItemListRow>\n      ))}\n    </ItemListItems>\n  );\n}\n","import { ItemList } from './item-list';\nimport { ItemListHeader } from './item-list-header';\nimport { ItemListItemsSkeleton } from './item-list-items-skeleton';\nimport type { ItemListItemsSkeletonProps } from './item-list-items-skeleton';\n\nexport function ItemListSkeleton({ columns, numberOfRows }: ItemListItemsSkeletonProps) {\n  return (\n    <ItemList>\n      <ItemListHeader columns={columns} />\n      <ItemListItemsSkeleton columns={columns} numberOfRows={numberOfRows} />\n    </ItemList>\n  );\n}\n","type getToItemFnParams = {\n  entries: { id: string }[];\n  id: string | undefined;\n  update: (id: string) => void;\n};\n\nexport function getToNextItemFn({ entries, id, update }: getToItemFnParams) {\n  const currentIndex = entries.findIndex(entry => entry.id === id);\n  const thereIsNextItem = currentIndex < entries.length - 1;\n\n  if (thereIsNextItem) {\n    return () => {\n      const nextItem = entries[currentIndex + 1];\n      update(nextItem.id);\n    };\n  }\n\n  return undefined;\n}\n\nexport function getToPreviousItemFn({ entries, id, update }: getToItemFnParams) {\n  const currentIndex = entries.findIndex(entry => entry.id === id);\n  const thereIsPreviousItem = currentIndex > 0;\n\n  if (thereIsPreviousItem) {\n    return () => {\n      const previousItem = entries[currentIndex - 1];\n      update(previousItem.id);\n    };\n  }\n\n  return undefined;\n}\n"],"names":["cn","isThisYear","isToday","format","jsx","useRef","transitions","focusRing","jsxs","TriangleAlertIcon","InfoIcon","ArrowLeftIcon","ArrowRightIcon","Tooltip","TooltipTrigger","TooltipContent","Chip","ClockIcon","BanIcon"],"mappings":"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"}

package/dist/highlight-C2uRVhiA.cjs

@@ -0,0 +1,68 @@
+'use strict';
+
+const langAliases = {
+  js: "javascript",
+  javascript: "javascript",
+  mjs: "javascript",
+  cjs: "javascript",
+  node: "javascript",
+  ts: "typescript",
+  typescript: "typescript",
+  mts: "typescript",
+  cts: "typescript",
+  tsx: "tsx",
+  jsx: "jsx",
+  json: "json",
+  json5: "json",
+  md: "markdown",
+  markdown: "markdown",
+  py: "python",
+  python: "python",
+  sh: "bash",
+  bash: "bash",
+  shell: "bash",
+  zsh: "bash"
+};
+let highlighterPromise = null;
+function getHighlighter() {
+  if (!highlighterPromise) {
+    highlighterPromise = (async () => {
+      const [{ createHighlighterCore }, { createJavaScriptRegexEngine }] = await Promise.all([
+        import('shiki/core'),
+        import('shiki/engine/javascript')
+      ]);
+      return createHighlighterCore({
+        themes: [import('shiki/themes/github-light.mjs'), import('shiki/themes/github-dark.mjs')],
+        langs: [
+          import('shiki/langs/javascript.mjs'),
+          import('shiki/langs/typescript.mjs'),
+          import('shiki/langs/tsx.mjs'),
+          import('shiki/langs/jsx.mjs'),
+          import('shiki/langs/json.mjs'),
+          import('shiki/langs/bash.mjs'),
+          import('shiki/langs/markdown.mjs'),
+          import('shiki/langs/python.mjs')
+        ],
+        engine: createJavaScriptRegexEngine()
+      });
+    })();
+  }
+  return highlighterPromise;
+}
+async function highlight(code, language) {
+  const lang = langAliases[language?.toLowerCase()];
+  if (!lang) return null;
+  const highlighter = await getHighlighter();
+  const { tokens } = highlighter.codeToTokens(code, {
+    lang,
+    defaultColor: false,
+    themes: {
+      light: "github-light",
+      dark: "github-dark"
+    }
+  });
+  return tokens;
+}
+
+exports.highlight = highlight;
+//# sourceMappingURL=highlight-C2uRVhiA.cjs.map

package/dist/highlight-C2uRVhiA.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"highlight-C2uRVhiA.cjs","sources":["../src/ds/components/CodeEditor/highlight.ts"],"sourcesContent":["import type { HighlighterCore, ThemedToken } from 'shiki/core';\n\n/**\n * Languages we support for syntax highlighting in code blocks. Kept in sync\n * with the CodeMirror `codeLanguages` set. Using fine-grained Shiki imports\n * (rather than the full `shiki` bundle) means only these grammars are bundled,\n * instead of a chunk for every language Shiki knows about.\n */\nconst langAliases: Record<string, string> = {\n  js: 'javascript',\n  javascript: 'javascript',\n  mjs: 'javascript',\n  cjs: 'javascript',\n  node: 'javascript',\n  ts: 'typescript',\n  typescript: 'typescript',\n  mts: 'typescript',\n  cts: 'typescript',\n  tsx: 'tsx',\n  jsx: 'jsx',\n  json: 'json',\n  json5: 'json',\n  md: 'markdown',\n  markdown: 'markdown',\n  py: 'python',\n  python: 'python',\n  sh: 'bash',\n  bash: 'bash',\n  shell: 'bash',\n  zsh: 'bash',\n};\n\nlet highlighterPromise: Promise<HighlighterCore> | null = null;\n\nfunction getHighlighter(): Promise<HighlighterCore> {\n  if (!highlighterPromise) {\n    highlighterPromise = (async () => {\n      const [{ createHighlighterCore }, { createJavaScriptRegexEngine }] = await Promise.all([\n        import('shiki/core'),\n        import('shiki/engine/javascript'),\n      ]);\n\n      return createHighlighterCore({\n        themes: [import('shiki/themes/github-light.mjs'), import('shiki/themes/github-dark.mjs')],\n        langs: [\n          import('shiki/langs/javascript.mjs'),\n          import('shiki/langs/typescript.mjs'),\n          import('shiki/langs/tsx.mjs'),\n          import('shiki/langs/jsx.mjs'),\n          import('shiki/langs/json.mjs'),\n          import('shiki/langs/bash.mjs'),\n          import('shiki/langs/markdown.mjs'),\n          import('shiki/langs/python.mjs'),\n        ],\n        engine: createJavaScriptRegexEngine(),\n      });\n    })();\n  }\n\n  return highlighterPromise;\n}\n\nexport async function highlight(code: string, language: string): Promise<ThemedToken[][] | null> {\n  const lang = langAliases[language?.toLowerCase()];\n  if (!lang) return null;\n\n  const highlighter = await getHighlighter();\n\n  const { tokens } = highlighter.codeToTokens(code, {\n    lang,\n    defaultColor: false,\n    themes: {\n      light: 'github-light',\n      dark: 'github-dark',\n    },\n  });\n\n  return tokens;\n}\n"],"names":[],"mappings":";;AAQA,MAAM,WAAA,GAAsC;AAAA,EAC1C,EAAA,EAAI,YAAA;AAAA,EACJ,UAAA,EAAY,YAAA;AAAA,EACZ,GAAA,EAAK,YAAA;AAAA,EACL,GAAA,EAAK,YAAA;AAAA,EACL,IAAA,EAAM,YAAA;AAAA,EACN,EAAA,EAAI,YAAA;AAAA,EACJ,UAAA,EAAY,YAAA;AAAA,EACZ,GAAA,EAAK,YAAA;AAAA,EACL,GAAA,EAAK,YAAA;AAAA,EACL,GAAA,EAAK,KAAA;AAAA,EACL,GAAA,EAAK,KAAA;AAAA,EACL,IAAA,EAAM,MAAA;AAAA,EACN,KAAA,EAAO,MAAA;AAAA,EACP,EAAA,EAAI,UAAA;AAAA,EACJ,QAAA,EAAU,UAAA;AAAA,EACV,EAAA,EAAI,QAAA;AAAA,EACJ,MAAA,EAAQ,QAAA;AAAA,EACR,EAAA,EAAI,MAAA;AAAA,EACJ,IAAA,EAAM,MAAA;AAAA,EACN,KAAA,EAAO,MAAA;AAAA,EACP,GAAA,EAAK;AACP,CAAA;AAEA,IAAI,kBAAA,GAAsD,IAAA;AAE1D,SAAS,cAAA,GAA2C;AAClD,EAAA,IAAI,CAAC,kBAAA,EAAoB;AACvB,IAAA,kBAAA,GAAA,CAAsB,YAAY;AAChC,MAAA,MAAM,CAAC,EAAE,qBAAA,EAAsB,EAAG,EAAE,6BAA6B,CAAA,GAAI,MAAM,OAAA,CAAQ,GAAA,CAAI;AAAA,QACrF,OAAO,YAAY,CAAA;AAAA,QACnB,OAAO,yBAAyB;AAAA,OACjC,CAAA;AAED,MAAA,OAAO,qBAAA,CAAsB;AAAA,QAC3B,QAAQ,CAAC,OAAO,+BAA+B,CAAA,EAAG,OAAO,8BAA8B,CAAC,CAAA;AAAA,QACxF,KAAA,EAAO;AAAA,UACL,OAAO,4BAA4B,CAAA;AAAA,UACnC,OAAO,4BAA4B,CAAA;AAAA,UACnC,OAAO,qBAAqB,CAAA;AAAA,UAC5B,OAAO,qBAAqB,CAAA;AAAA,UAC5B,OAAO,sBAAsB,CAAA;AAAA,UAC7B,OAAO,sBAAsB,CAAA;AAAA,UAC7B,OAAO,0BAA0B,CAAA;AAAA,UACjC,OAAO,wBAAwB;AAAA,SACjC;AAAA,QACA,QAAQ,2BAAA;AAA4B,OACrC,CAAA;AAAA,IACH,CAAA,GAAG;AAAA,EACL;AAEA,EAAA,OAAO,kBAAA;AACT;AAEA,eAAsB,SAAA,CAAU,MAAc,QAAA,EAAmD;AAC/F,EAAA,MAAM,IAAA,GAAO,WAAA,CAAY,QAAA,EAAU,WAAA,EAAa,CAAA;AAChD,EAAA,IAAI,CAAC,MAAM,OAAO,IAAA;AAElB,EAAA,MAAM,WAAA,GAAc,MAAM,cAAA,EAAe;AAEzC,EAAA,MAAM,EAAE,MAAA,EAAO,GAAI,WAAA,CAAY,aAAa,IAAA,EAAM;AAAA,IAChD,IAAA;AAAA,IACA,YAAA,EAAc,KAAA;AAAA,IACd,MAAA,EAAQ;AAAA,MACN,KAAA,EAAO,cAAA;AAAA,MACP,IAAA,EAAM;AAAA;AACR,GACD,CAAA;AAED,EAAA,OAAO,MAAA;AACT;;;;"}

package/dist/highlight-Dis62bkj.js

@@ -0,0 +1,66 @@
+const langAliases = {
+  js: "javascript",
+  javascript: "javascript",
+  mjs: "javascript",
+  cjs: "javascript",
+  node: "javascript",
+  ts: "typescript",
+  typescript: "typescript",
+  mts: "typescript",
+  cts: "typescript",
+  tsx: "tsx",
+  jsx: "jsx",
+  json: "json",
+  json5: "json",
+  md: "markdown",
+  markdown: "markdown",
+  py: "python",
+  python: "python",
+  sh: "bash",
+  bash: "bash",
+  shell: "bash",
+  zsh: "bash"
+};
+let highlighterPromise = null;
+function getHighlighter() {
+  if (!highlighterPromise) {
+    highlighterPromise = (async () => {
+      const [{ createHighlighterCore }, { createJavaScriptRegexEngine }] = await Promise.all([
+        import('shiki/core'),
+        import('shiki/engine/javascript')
+      ]);
+      return createHighlighterCore({
+        themes: [import('shiki/themes/github-light.mjs'), import('shiki/themes/github-dark.mjs')],
+        langs: [
+          import('shiki/langs/javascript.mjs'),
+          import('shiki/langs/typescript.mjs'),
+          import('shiki/langs/tsx.mjs'),
+          import('shiki/langs/jsx.mjs'),
+          import('shiki/langs/json.mjs'),
+          import('shiki/langs/bash.mjs'),
+          import('shiki/langs/markdown.mjs'),
+          import('shiki/langs/python.mjs')
+        ],
+        engine: createJavaScriptRegexEngine()
+      });
+    })();
+  }
+  return highlighterPromise;
+}
+async function highlight(code, language) {
+  const lang = langAliases[language?.toLowerCase()];
+  if (!lang) return null;
+  const highlighter = await getHighlighter();
+  const { tokens } = highlighter.codeToTokens(code, {
+    lang,
+    defaultColor: false,
+    themes: {
+      light: "github-light",
+      dark: "github-dark"
+    }
+  });
+  return tokens;
+}
+
+export { highlight as h };
+//# sourceMappingURL=highlight-Dis62bkj.js.map

package/dist/highlight-Dis62bkj.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"highlight-Dis62bkj.js","sources":["../src/ds/components/CodeEditor/highlight.ts"],"sourcesContent":["import type { HighlighterCore, ThemedToken } from 'shiki/core';\n\n/**\n * Languages we support for syntax highlighting in code blocks. Kept in sync\n * with the CodeMirror `codeLanguages` set. Using fine-grained Shiki imports\n * (rather than the full `shiki` bundle) means only these grammars are bundled,\n * instead of a chunk for every language Shiki knows about.\n */\nconst langAliases: Record<string, string> = {\n  js: 'javascript',\n  javascript: 'javascript',\n  mjs: 'javascript',\n  cjs: 'javascript',\n  node: 'javascript',\n  ts: 'typescript',\n  typescript: 'typescript',\n  mts: 'typescript',\n  cts: 'typescript',\n  tsx: 'tsx',\n  jsx: 'jsx',\n  json: 'json',\n  json5: 'json',\n  md: 'markdown',\n  markdown: 'markdown',\n  py: 'python',\n  python: 'python',\n  sh: 'bash',\n  bash: 'bash',\n  shell: 'bash',\n  zsh: 'bash',\n};\n\nlet highlighterPromise: Promise<HighlighterCore> | null = null;\n\nfunction getHighlighter(): Promise<HighlighterCore> {\n  if (!highlighterPromise) {\n    highlighterPromise = (async () => {\n      const [{ createHighlighterCore }, { createJavaScriptRegexEngine }] = await Promise.all([\n        import('shiki/core'),\n        import('shiki/engine/javascript'),\n      ]);\n\n      return createHighlighterCore({\n        themes: [import('shiki/themes/github-light.mjs'), import('shiki/themes/github-dark.mjs')],\n        langs: [\n          import('shiki/langs/javascript.mjs'),\n          import('shiki/langs/typescript.mjs'),\n          import('shiki/langs/tsx.mjs'),\n          import('shiki/langs/jsx.mjs'),\n          import('shiki/langs/json.mjs'),\n          import('shiki/langs/bash.mjs'),\n          import('shiki/langs/markdown.mjs'),\n          import('shiki/langs/python.mjs'),\n        ],\n        engine: createJavaScriptRegexEngine(),\n      });\n    })();\n  }\n\n  return highlighterPromise;\n}\n\nexport async function highlight(code: string, language: string): Promise<ThemedToken[][] | null> {\n  const lang = langAliases[language?.toLowerCase()];\n  if (!lang) return null;\n\n  const highlighter = await getHighlighter();\n\n  const { tokens } = highlighter.codeToTokens(code, {\n    lang,\n    defaultColor: false,\n    themes: {\n      light: 'github-light',\n      dark: 'github-dark',\n    },\n  });\n\n  return tokens;\n}\n"],"names":[],"mappings":"AAQA,MAAM,WAAA,GAAsC;AAAA,EAC1C,EAAA,EAAI,YAAA;AAAA,EACJ,UAAA,EAAY,YAAA;AAAA,EACZ,GAAA,EAAK,YAAA;AAAA,EACL,GAAA,EAAK,YAAA;AAAA,EACL,IAAA,EAAM,YAAA;AAAA,EACN,EAAA,EAAI,YAAA;AAAA,EACJ,UAAA,EAAY,YAAA;AAAA,EACZ,GAAA,EAAK,YAAA;AAAA,EACL,GAAA,EAAK,YAAA;AAAA,EACL,GAAA,EAAK,KAAA;AAAA,EACL,GAAA,EAAK,KAAA;AAAA,EACL,IAAA,EAAM,MAAA;AAAA,EACN,KAAA,EAAO,MAAA;AAAA,EACP,EAAA,EAAI,UAAA;AAAA,EACJ,QAAA,EAAU,UAAA;AAAA,EACV,EAAA,EAAI,QAAA;AAAA,EACJ,MAAA,EAAQ,QAAA;AAAA,EACR,EAAA,EAAI,MAAA;AAAA,EACJ,IAAA,EAAM,MAAA;AAAA,EACN,KAAA,EAAO,MAAA;AAAA,EACP,GAAA,EAAK;AACP,CAAA;AAEA,IAAI,kBAAA,GAAsD,IAAA;AAE1D,SAAS,cAAA,GAA2C;AAClD,EAAA,IAAI,CAAC,kBAAA,EAAoB;AACvB,IAAA,kBAAA,GAAA,CAAsB,YAAY;AAChC,MAAA,MAAM,CAAC,EAAE,qBAAA,EAAsB,EAAG,EAAE,6BAA6B,CAAA,GAAI,MAAM,OAAA,CAAQ,GAAA,CAAI;AAAA,QACrF,OAAO,YAAY,CAAA;AAAA,QACnB,OAAO,yBAAyB;AAAA,OACjC,CAAA;AAED,MAAA,OAAO,qBAAA,CAAsB;AAAA,QAC3B,QAAQ,CAAC,OAAO,+BAA+B,CAAA,EAAG,OAAO,8BAA8B,CAAC,CAAA;AAAA,QACxF,KAAA,EAAO;AAAA,UACL,OAAO,4BAA4B,CAAA;AAAA,UACnC,OAAO,4BAA4B,CAAA;AAAA,UACnC,OAAO,qBAAqB,CAAA;AAAA,UAC5B,OAAO,qBAAqB,CAAA;AAAA,UAC5B,OAAO,sBAAsB,CAAA;AAAA,UAC7B,OAAO,sBAAsB,CAAA;AAAA,UAC7B,OAAO,0BAA0B,CAAA;AAAA,UACjC,OAAO,wBAAwB;AAAA,SACjC;AAAA,QACA,QAAQ,2BAAA;AAA4B,OACrC,CAAA;AAAA,IACH,CAAA,GAAG;AAAA,EACL;AAEA,EAAA,OAAO,kBAAA;AACT;AAEA,eAAsB,SAAA,CAAU,MAAc,QAAA,EAAmD;AAC/F,EAAA,MAAM,IAAA,GAAO,WAAA,CAAY,QAAA,EAAU,WAAA,EAAa,CAAA;AAChD,EAAA,IAAI,CAAC,MAAM,OAAO,IAAA;AAElB,EAAA,MAAM,WAAA,GAAc,MAAM,cAAA,EAAe;AAEzC,EAAA,MAAM,EAAE,MAAA,EAAO,GAAI,WAAA,CAAY,aAAa,IAAA,EAAM;AAAA,IAChD,IAAA;AAAA,IACA,YAAA,EAAc,KAAA;AAAA,IACd,MAAA,EAAQ;AAAA,MACN,KAAA,EAAO,cAAA;AAAA,MACP,IAAA,EAAM;AAAA;AACR,GACD,CAAA;AAED,EAAA,OAAO,MAAA;AACT;;;;"}