@rubixstudios/payload-typesense 1.0.4 → 1.0.6

package/dist/components/themes/utils.js

@@ -1,4 +1,4 @@
-import { defaultTheme, themes } from './themes.js';
+import { defaultTheme, themes } from "./themes.js";
 /**
  * Get a theme by name or return the default theme
  */ export function getTheme(themeName) {
@@ -7,7 +7,7 @@ import { defaultTheme, themes } from './themes.js';
 /**
  * Merge theme configurations with custom overrides
  */ export function mergeThemeConfig(config) {
-    const baseTheme = typeof config.theme === 'string' ? getTheme(config.theme) : config.theme;
+    const baseTheme = typeof config.theme === "string" ? getTheme(config.theme) : config.theme;
     return {
         ...baseTheme,
         animations: {
@@ -41,118 +41,118 @@ import { defaultTheme, themes } from './themes.js';
     // Helper function to create CSS string
     const css = (styles)=>{
         return Object.entries(styles).map(([key, value])=>{
-            if (typeof value === 'object' && value !== null) {
+            if (typeof value === "object" && value !== null) {
                 // Handle nested objects like ':hover', '::placeholder'
-                const nested = Object.entries(value).map(([nestedKey, nestedValue])=>`${nestedKey.replace(/([A-Z])/g, '-$1').toLowerCase()}: ${nestedValue}`).join('; ');
-                return `${key.replace(/([A-Z])/g, '-$1').toLowerCase()}: { ${nested} }`;
+                const nested = Object.entries(value).map(([nestedKey, nestedValue])=>`${nestedKey.replace(/([A-Z])/g, "-$1").toLowerCase()}: ${nestedValue}`).join("; ");
+                return `${key.replace(/([A-Z])/g, "-$1").toLowerCase()}: { ${nested} }`;
             }
-            return `${key.replace(/([A-Z])/g, '-$1').toLowerCase()}: ${value}`;
-        }).join('; ');
+            return `${key.replace(/([A-Z])/g, "-$1").toLowerCase()}: ${value}`;
+        }).join("; ");
     };
     // Container styles
     const containerStyles = css({
-        margin: '0 auto',
-        maxWidth: '600px',
-        position: 'relative',
-        width: '100%'
+        margin: "0 auto",
+        maxWidth: "600px",
+        position: "relative",
+        width: "100%"
     });
     const inputContainerStyles = css({
-        position: 'relative',
-        width: '100%'
+        position: "relative",
+        width: "100%"
     });
     const resultsContainerStyles = css({
         backgroundColor: theme.colors.resultsBackground,
         border: `1px solid ${theme.colors.resultsBorder}`,
-        borderRadius: enableRoundedCorners ? theme.spacing.resultsBorderRadius : '0',
-        boxShadow: enableShadows ? theme.shadows.shadowLg : 'none',
-        left: '0',
-        marginTop: '4px',
+        borderRadius: enableRoundedCorners ? theme.spacing.resultsBorderRadius : "0",
+        boxShadow: enableShadows ? theme.shadows.shadowLg : "none",
+        left: "0",
+        marginTop: "4px",
         maxHeight: theme.spacing.resultsMaxHeight,
-        overflowY: 'auto',
-        position: 'absolute',
-        right: '0',
-        top: '100%',
-        zIndex: '1000',
+        overflowY: "auto",
+        position: "absolute",
+        right: "0",
+        top: "100%",
+        zIndex: "1000",
         ...enableAnimations && {
-            animation: 'slideDown 0.2s ease-out'
+            animation: "slideDown 0.2s ease-out"
         }
     });
     // Input styles
     const inputStyles = css({
-        '::placeholder': {
+        "::placeholder": {
             color: theme.colors.inputPlaceholder
         },
-        ':disabled': {
+        ":disabled": {
             backgroundColor: theme.colors.inputBackground,
-            cursor: 'not-allowed',
-            opacity: '0.6'
+            cursor: "not-allowed",
+            opacity: "0.6"
         },
-        ':focus': {
+        ":focus": {
             borderColor: theme.colors.inputBorderFocus,
-            boxShadow: enableShadows ? `${theme.shadows.focusShadow} ${theme.shadows.focusShadowColor}` : 'none'
+            boxShadow: enableShadows ? `${theme.shadows.focusShadow} ${theme.shadows.focusShadowColor}` : "none"
         },
         backgroundColor: theme.colors.inputBackground,
         border: `2px solid ${theme.colors.inputBorder}`,
-        borderRadius: enableRoundedCorners ? theme.spacing.inputBorderRadius : '0',
-        boxShadow: 'none',
+        borderRadius: enableRoundedCorners ? theme.spacing.inputBorderRadius : "0",
+        boxShadow: "none",
         color: theme.colors.inputText,
         fontFamily: theme.typography.fontFamily,
         fontSize: theme.spacing.inputFontSize,
         fontWeight: theme.typography.fontWeightNormal,
         lineHeight: theme.typography.lineHeightNormal,
-        outline: 'none',
+        outline: "none",
         padding: theme.spacing.inputPadding,
-        transition: enableAnimations ? `all ${theme.animations.transitionNormal} ${theme.animations.easeInOut}` : 'none',
-        width: '100%'
+        transition: enableAnimations ? `all ${theme.animations.transitionNormal} ${theme.animations.easeInOut}` : "none",
+        width: "100%"
     });
     // Results styles
     const resultsStyles = css({
         backgroundColor: theme.colors.resultsBackground,
         border: `1px solid ${theme.colors.resultsBorder}`,
-        borderRadius: enableRoundedCorners ? theme.spacing.resultsBorderRadius : '0',
-        boxShadow: enableShadows ? theme.shadows.shadowLg : 'none',
-        left: '0',
+        borderRadius: enableRoundedCorners ? theme.spacing.resultsBorderRadius : "0",
+        boxShadow: enableShadows ? theme.shadows.shadowLg : "none",
+        left: "0",
         maxHeight: theme.spacing.resultsMaxHeight,
-        overflowY: 'auto',
-        position: 'absolute',
-        right: '0',
-        top: '100%',
-        zIndex: '1000'
+        overflowY: "auto",
+        position: "absolute",
+        right: "0",
+        top: "100%",
+        zIndex: "1000"
     });
     const resultsHeaderStyles = css({
-        alignItems: 'center',
+        alignItems: "center",
         backgroundColor: theme.colors.headerBackground,
         borderBottom: `1px solid ${theme.colors.headerBorder}`,
         color: theme.colors.headerText,
-        display: 'flex',
+        display: "flex",
         fontFamily: theme.typography.fontFamily,
         fontSize: theme.spacing.headerFontSize,
         fontWeight: theme.typography.fontWeightMedium,
-        justifyContent: 'space-between',
+        justifyContent: "space-between",
         padding: theme.spacing.headerPadding
     });
     const resultsListStyles = css({
-        padding: '8px 0'
+        padding: "8px 0"
     });
     // Result item styles
     const resultItemStyles = css({
-        ':focus': {
+        ":focus": {
             backgroundColor: theme.colors.resultBackgroundFocus,
-            boxShadow: enableShadows ? `inset 0 0 0 2px ${theme.colors.inputBorderFocus}` : 'none'
+            boxShadow: enableShadows ? `inset 0 0 0 2px ${theme.colors.inputBorderFocus}` : "none"
         },
-        ':hover': {
+        ":hover": {
             backgroundColor: theme.colors.resultBackgroundHover,
-            transform: enableAnimations ? 'translateX(2px)' : 'none'
+            transform: enableAnimations ? "translateX(2px)" : "none"
         },
-        ':last-child': {
-            borderBottom: 'none'
+        ":last-child": {
+            borderBottom: "none"
         },
         backgroundColor: theme.colors.resultBackground,
         borderBottom: `1px solid ${theme.colors.resultBorder}`,
-        cursor: 'pointer',
-        outline: 'none',
+        cursor: "pointer",
+        outline: "none",
         padding: theme.spacing.itemPadding,
-        transition: enableAnimations ? `all ${theme.animations.transitionFast} ${theme.animations.easeInOut}` : 'none'
+        transition: enableAnimations ? `all ${theme.animations.transitionFast} ${theme.animations.easeInOut}` : "none"
     });
     // Content styles
     const resultTitleStyles = css({
@@ -161,125 +161,125 @@ import { defaultTheme, themes } from './themes.js';
         fontSize: theme.typography.fontSizeLg,
         fontWeight: theme.typography.fontWeightSemibold,
         lineHeight: theme.typography.lineHeightTight,
-        marginBottom: '8px'
+        marginBottom: "8px"
     });
     const resultDescriptionStyles = css({
         color: theme.colors.descriptionText,
         fontFamily: theme.typography.fontFamily,
         fontSize: theme.typography.fontSizeSm,
         lineHeight: theme.typography.lineHeightNormal,
-        marginBottom: '8px'
+        marginBottom: "8px"
     });
     const resultHighlightStyles = css({
         backgroundColor: theme.colors.highlightBackground,
-        borderRadius: enableRoundedCorners ? '6px' : '0',
+        borderRadius: enableRoundedCorners ? "6px" : "0",
         color: theme.colors.descriptionText,
         fontFamily: theme.typography.fontFamily,
         fontSize: theme.typography.fontSizeSm,
         lineHeight: theme.typography.lineHeightNormal,
-        marginBottom: '8px',
+        marginBottom: "8px",
         mark: {
             backgroundColor: theme.colors.highlightBackground,
-            borderRadius: enableRoundedCorners ? '3px' : '0',
+            borderRadius: enableRoundedCorners ? "3px" : "0",
             color: theme.colors.highlightText,
             fontWeight: theme.typography.fontWeightMedium,
-            padding: '2px 4px'
+            padding: "2px 4px"
         },
-        padding: '8px 12px'
+        padding: "8px 12px"
     });
     const resultMetaStyles = css({
-        alignItems: 'center',
+        alignItems: "center",
         color: theme.colors.metaText,
-        display: 'flex',
+        display: "flex",
         fontFamily: theme.typography.fontFamily,
         fontSize: theme.typography.fontSizeXs,
-        justifyContent: 'space-between',
-        marginTop: '8px'
+        justifyContent: "space-between",
+        marginTop: "8px"
     });
     // Badge styles
     const collectionBadgeStyles = css({
         backgroundColor: theme.colors.collectionBadge,
-        borderRadius: enableRoundedCorners ? '12px' : '0',
+        borderRadius: enableRoundedCorners ? "12px" : "0",
         color: theme.colors.collectionBadgeText,
-        display: 'inline-block',
+        display: "inline-block",
         fontFamily: theme.typography.fontFamily,
         fontSize: theme.typography.fontSizeXs,
         fontWeight: theme.typography.fontWeightSemibold,
-        letterSpacing: '0.5px',
-        padding: '4px 8px',
-        textTransform: 'uppercase'
+        letterSpacing: "0.5px",
+        padding: "4px 8px",
+        textTransform: "uppercase"
     });
     const scoreBadgeStyles = css({
         backgroundColor: theme.colors.scoreBadge,
-        borderRadius: enableRoundedCorners ? '4px' : '0',
+        borderRadius: enableRoundedCorners ? "4px" : "0",
         color: theme.colors.scoreBadgeText,
-        display: 'inline-block',
+        display: "inline-block",
         fontFamily: theme.typography.fontFamily,
         fontSize: theme.typography.fontSizeXs,
         fontWeight: theme.typography.fontWeightMedium,
-        padding: '2px 6px'
+        padding: "2px 6px"
     });
     // State styles
     const loadingStyles = css({
-        alignItems: 'center',
+        alignItems: "center",
         color: theme.colors.loadingText,
-        display: 'flex',
+        display: "flex",
         fontFamily: theme.typography.fontFamily,
         fontSize: theme.typography.fontSizeSm,
-        gap: '12px',
-        justifyContent: 'center',
-        padding: '24px'
+        gap: "12px",
+        justifyContent: "center",
+        padding: "24px"
     });
     const loadingSpinnerStyles = css({
-        animation: enableAnimations ? `spin 1s linear infinite` : 'none',
+        animation: enableAnimations ? `spin 1s linear infinite` : "none",
         border: `2px solid ${theme.colors.inputBorder}`,
-        borderRadius: '50%',
+        borderRadius: "50%",
         borderTop: `2px solid ${theme.colors.inputBorderFocus}`,
-        height: '20px',
-        width: '20px'
+        height: "20px",
+        width: "20px"
     });
     const errorStyles = css({
-        alignItems: 'center',
+        alignItems: "center",
         backgroundColor: theme.colors.errorBackground,
         borderBottom: `1px solid ${theme.colors.resultBorder}`,
         color: theme.colors.errorText,
-        display: 'flex',
+        display: "flex",
         fontFamily: theme.typography.fontFamily,
         fontSize: theme.typography.fontSizeSm,
-        gap: '8px',
-        padding: '16px'
+        gap: "8px",
+        padding: "16px"
     });
     const noResultsStyles = css({
         color: theme.colors.noResultsText,
         fontFamily: theme.typography.fontFamily,
         fontSize: theme.typography.fontSizeSm,
-        padding: '40px 20px',
-        textAlign: 'center'
+        padding: "40px 20px",
+        textAlign: "center"
     });
     // Facet styles
     const facetContainerStyles = css({
         backgroundColor: theme.colors.headerBackground,
         borderBottom: `1px solid ${theme.colors.headerBorder}`,
-        padding: '16px'
+        padding: "16px"
     });
     const facetItemStyles = css({
-        ':hover': {
+        ":hover": {
             backgroundColor: theme.colors.facetActiveBackground,
             borderColor: theme.colors.facetActiveBackground,
             color: theme.colors.facetActiveText
         },
         backgroundColor: theme.colors.facetBackground,
         border: `1px solid ${theme.colors.facetBorder}`,
-        borderRadius: enableRoundedCorners ? '16px' : '0',
+        borderRadius: enableRoundedCorners ? "16px" : "0",
         color: theme.colors.facetText,
-        cursor: 'pointer',
-        display: 'inline-block',
+        cursor: "pointer",
+        display: "inline-block",
         fontFamily: theme.typography.fontFamily,
         fontSize: theme.typography.fontSizeXs,
         fontWeight: theme.typography.fontWeightMedium,
-        margin: '4px',
-        padding: '6px 12px',
-        transition: enableAnimations ? `all ${theme.animations.transitionFast} ${theme.animations.easeInOut}` : 'none'
+        margin: "4px",
+        padding: "6px 12px",
+        transition: enableAnimations ? `all ${theme.animations.transitionFast} ${theme.animations.easeInOut}` : "none"
     });
     const facetItemActiveStyles = css({
         backgroundColor: theme.colors.facetActiveBackground,
@@ -288,16 +288,16 @@ import { defaultTheme, themes } from './themes.js';
     });
     // Utility styles
     const hiddenStyles = css({
-        display: 'none'
+        display: "none"
     });
     const visibleStyles = css({
-        display: 'block'
+        display: "block"
     });
     const focusableStyles = css({
-        ':focus': {
-            boxShadow: enableShadows ? `0 0 0 2px ${theme.colors.inputBorderFocus}` : 'none'
+        ":focus": {
+            boxShadow: enableShadows ? `0 0 0 2px ${theme.colors.inputBorderFocus}` : "none"
         },
-        outline: 'none'
+        outline: "none"
     });
     return {
         // Container classes
@@ -306,17 +306,17 @@ import { defaultTheme, themes } from './themes.js';
         resultsContainer: resultsContainerStyles,
         // Input classes
         input: inputStyles,
-        inputDisabled: '',
-        inputFocus: '',
+        inputDisabled: "",
+        inputFocus: "",
         // Results classes
         results: resultsStyles,
         resultsHeader: resultsHeaderStyles,
         resultsList: resultsListStyles,
         // Item classes
         resultItem: resultItemStyles,
-        resultItemActive: '',
-        resultItemFocus: '',
-        resultItemHover: '',
+        resultItemActive: "",
+        resultItemFocus: "",
+        resultItemHover: "",
         // Content classes
         resultDescription: resultDescriptionStyles,
         resultHighlight: resultHighlightStyles,
@@ -346,14 +346,14 @@ import { defaultTheme, themes } from './themes.js';
     const classes = generateThemeClasses(theme);
     if (variant) {
         const variantKey = `${element}${variant.charAt(0).toUpperCase() + variant.slice(1)}`;
-        return `${classes[element] || ''} ${classes[variantKey] || ''}`;
+        return `${classes[element] || ""} ${classes[variantKey] || ""}`;
     }
-    return classes[element] || '';
+    return classes[element] || "";
 }
 /**
  * Check if theme is dark mode
  */ export function isDarkTheme(theme) {
-    return theme.name === 'dark' || theme.colors.inputBackground.includes('#1f') || theme.colors.inputBackground.includes('#0f');
+    return theme.name === "dark" || theme.colors.inputBackground.includes("#1f") || theme.colors.inputBackground.includes("#0f");
 }
 /**
  * Check if theme is light mode
@@ -364,34 +364,34 @@ import { defaultTheme, themes } from './themes.js';
  * Get theme-specific CSS variables
  */ export function getThemeVariables(theme) {
     return {
-        '--search-collection-badge': theme.colors.collectionBadge,
-        '--search-collection-badge-text': theme.colors.collectionBadgeText,
-        '--search-description-text': theme.colors.descriptionText,
-        '--search-error-bg': theme.colors.errorBackground,
-        '--search-error-text': theme.colors.errorText,
-        '--search-facet-active-bg': theme.colors.facetActiveBackground,
-        '--search-facet-active-text': theme.colors.facetActiveText,
-        '--search-facet-bg': theme.colors.facetBackground,
-        '--search-facet-border': theme.colors.facetBorder,
-        '--search-facet-text': theme.colors.facetText,
-        '--search-header-bg': theme.colors.headerBackground,
-        '--search-header-text': theme.colors.headerText,
-        '--search-highlight-bg': theme.colors.highlightBackground,
-        '--search-highlight-text': theme.colors.highlightText,
-        '--search-input-bg': theme.colors.inputBackground,
-        '--search-input-border': theme.colors.inputBorder,
-        '--search-input-border-focus': theme.colors.inputBorderFocus,
-        '--search-input-placeholder': theme.colors.inputPlaceholder,
-        '--search-input-text': theme.colors.inputText,
-        '--search-loading-text': theme.colors.loadingText,
-        '--search-meta-text': theme.colors.metaText,
-        '--search-no-results-text': theme.colors.noResultsText,
-        '--search-result-bg': theme.colors.resultBackground,
-        '--search-result-bg-hover': theme.colors.resultBackgroundHover,
-        '--search-results-bg': theme.colors.resultsBackground,
-        '--search-results-border': theme.colors.resultsBorder,
-        '--search-score-badge': theme.colors.scoreBadge,
-        '--search-score-badge-text': theme.colors.scoreBadgeText,
-        '--search-title-text': theme.colors.titleText
+        "--search-collection-badge": theme.colors.collectionBadge,
+        "--search-collection-badge-text": theme.colors.collectionBadgeText,
+        "--search-description-text": theme.colors.descriptionText,
+        "--search-error-bg": theme.colors.errorBackground,
+        "--search-error-text": theme.colors.errorText,
+        "--search-facet-active-bg": theme.colors.facetActiveBackground,
+        "--search-facet-active-text": theme.colors.facetActiveText,
+        "--search-facet-bg": theme.colors.facetBackground,
+        "--search-facet-border": theme.colors.facetBorder,
+        "--search-facet-text": theme.colors.facetText,
+        "--search-header-bg": theme.colors.headerBackground,
+        "--search-header-text": theme.colors.headerText,
+        "--search-highlight-bg": theme.colors.highlightBackground,
+        "--search-highlight-text": theme.colors.highlightText,
+        "--search-input-bg": theme.colors.inputBackground,
+        "--search-input-border": theme.colors.inputBorder,
+        "--search-input-border-focus": theme.colors.inputBorderFocus,
+        "--search-input-placeholder": theme.colors.inputPlaceholder,
+        "--search-input-text": theme.colors.inputText,
+        "--search-loading-text": theme.colors.loadingText,
+        "--search-meta-text": theme.colors.metaText,
+        "--search-no-results-text": theme.colors.noResultsText,
+        "--search-result-bg": theme.colors.resultBackground,
+        "--search-result-bg-hover": theme.colors.resultBackgroundHover,
+        "--search-results-bg": theme.colors.resultsBackground,
+        "--search-results-border": theme.colors.resultsBorder,
+        "--search-score-badge": theme.colors.scoreBadge,
+        "--search-score-badge-text": theme.colors.scoreBadgeText,
+        "--search-title-text": theme.colors.titleText
     };
 }

package/dist/endpoints/customEndpointHandler.d.ts

@@ -1,3 +1,3 @@
-import type { PayloadHandler } from 'payload';
+import type { PayloadHandler } from "payload";
 export declare const customEndpointHandler: PayloadHandler;
 //# sourceMappingURL=customEndpointHandler.d.ts.map

package/dist/endpoints/customEndpointHandler.js

@@ -1,5 +1,5 @@
 export const customEndpointHandler = ()=>{
     return Response.json({
-        message: 'Custom endpoint response'
+        message: "Custom endpoint response"
     });
 };

package/dist/endpoints/search.d.ts

@@ -1,6 +1,6 @@
-import type { PayloadHandler } from 'payload';
-import type Typesense from 'typesense';
-import type { TypesenseSearchConfig } from '../index.js';
+import type { PayloadHandler } from "payload";
+import type Typesense from "typesense";
+import type { TypesenseSearchConfig } from "../index.js";
 export declare const createSearchEndpoints: (typesenseClient: Typesense.Client, pluginOptions: TypesenseSearchConfig, lastSyncTime?: number) => ({
     handler: PayloadHandler;
     method: "get";

package/dist/endpoints/search.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"search.d.ts","sourceRoot":"","sources":["../../src/endpoints/search.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAC7C,OAAO,KAAK,SAAS,MAAM,WAAW,CAAA;AAEtC,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAA;AA4HxD,eAAO,MAAM,qBAAqB,GAChC,iBAAiB,SAAS,CAAC,MAAM,EACjC,eAAe,qBAAqB,EACpC,eAAe,MAAM;;;;;;;;IAuCtB,CAAA"}
+{"version":3,"file":"search.d.ts","sourceRoot":"","sources":["../../src/endpoints/search.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAC7C,OAAO,KAAK,SAAS,MAAM,WAAW,CAAA;AAEtC,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAA;AAgJxD,eAAO,MAAM,qBAAqB,GACjC,iBAAiB,SAAS,CAAC,MAAM,EACjC,eAAe,qBAAqB,EACpC,eAAe,MAAM;;;;;;;;IA+CrB,CAAA"}