Shared Hooks

JavaScript utility functions for hooks.source.js

Call these functions in your hooks.source.js. No imports needed - they're automatically available.

Animations

Function	Description
globalAnimations()	Details
globalReveal()	Details

Background

Function	Description
globalBackground()	Details
globalBgColor()	Details
globalBgGradient()	Details
globalBgImage()	Details
globalBgImageFetchPriority()	Details
globalBgVideoThumbnail()	Details

Borders

Function	Description
globalBorders()	Details
globalOutline()	Details

Core

Function	Description
addPrefixToTailwindClasses()	Details
advancedClasses()	Details
classnames()	Details
getHoverPrefix()	Details
globalHTMLTag()	Details
injectPrefixOnDarkModeColors()	Details

Effects

Function	Description
bgPosition()	Details
globalEffects()	Details
globalFilters()	Details
globalOverlay()	Details
globalOverlayColor()	Details
globalOverlayGradient()	Details
globalOverlayImage()	Details

Interactive

Function	Description
globalFilter()	Details
globalLink()	Details

Layout

Function	Description
getHiddenClasses()	Details
globalActAsGridOrFlexItem()	Details
globalLayout()	Details

Navigation

Function	Description
globalMenuItem()	Details
globalNavItems()	Details
globalNavTitle()	Details

Sizing

Function	Description
aspectRatioClasses()	Details
globalSizing()	Details
globalSizingContainer()	Details
objectClasses()	Details

Spacing

Function	Description
globalSpacing()	Details
globalSpacingMargin()	Details
globalSpacingPadding()	Details

Transforms

Function	Description
globalTransforms()	Details

Transitions

Function	Description
aControlWantsHover()	Details
getAlpineTransitionAttributesDesktop()	Details
getAlpineTransitionAttributesMobile()	Details
globalTransitions()	Details

Typography

Function	Description
globalButtonFontAndTextStyles()	Details
globalHeadingColor()	Details
globalHeadingTextColor()	Details
globalInputFontAndTextStyles()	Details
globalTextFontsAndTextStyles()	Details

Quick Usage

function transformHook(rw) {
    const classes = classnames()
        .add(globalSpacing(rw))
        .add(globalBackground(rw))
        .toString();

    return { classes };
}

exports.transformHook = transformHook;