hub / github.com/alpine-collective/toolkit

github.com/alpine-collective/toolkit @main

6 symbols 13 edges 23 files 0 documented · 0%

What it actually does AI analysis from the code graph — generated when you open this

loading…

README

Alpine toolkit

A set of directives and magic properties for Alpine.js V3.

This package provides the following directives and helpers:

Helper	Description
$dbg	A magic helper to assist in debugging Alpine.js components.
$interval	A magic helper to run a function every n milliseconds in Alpine.Js.
$range	A magic helper to generate an array containing a range of elements in Alpine.js.
$screen	A magic helper to detect if the current browser width is equal or greater than a given breakpoint in Alpine.Js.
$scroll	A magic helper to generate to scroll the viewport in Alpine.Js
$truncate	A magic helper to truncate a string in Alpine.js.

Each helper can also be used independently.

Include the following <script> tag in the <head> of your document, before Alpine:

<script src="https://unpkg.com/@alpine-collective/toolkit@1.0.2/dist/cdn.min.js" defer></script>

<script src="https://cdn.jsdelivr.net/npm/@alpine-collective/toolkit@1.0.2/dist/cdn.min.js" defer></script>

If you would like to bundle the plugin yourself, install it via NPM:

npm install @alpine-collective/toolkit --save

You can then register the plugin with Alpine:

import Alpine from 'alpinejs'
import Toolkit from '@alpine-collective/toolkit'

Alpine.plugin(Toolkit)

Alpine.start()

Function 6

TypeScript100%

scripts/build.js4 symbols

packages/$truncate/src/index.js1 symbols

packages/$interval/src/index.js1 symbols

$ claude mcp add toolkit \
  -- python -m otcore.mcp_server <graph>