@runtimestudio/tailwind-sort-php 0.1.0 → 0.1.1

package/README.md

@@ -68,7 +68,7 @@ bunx tailwind-sort-php --stylesheet ./resources/css/main.css
 ### Options
 
 | Flag                  | Description                                                                                       |
-| --------------------- | ------------------------------------------------------------------------------------------------- |
+|-----------------------|---------------------------------------------------------------------------------------------------|
 | `--stylesheet <path>` | Tailwind v4 CSS entry. Defaults to `tailwindStylesheet` from your Prettier config.                |
 | `--attr <name>`       | Extra attribute to sort (repeatable). Merged with `tailwindAttributes` from your Prettier config. |
 | `--check`             | Don't write; exit 1 if any file needs sorting.                                                    |
@@ -131,10 +131,12 @@ const out = transform(source, sortFn);
 
 ```sh
 bun test                       # or: node --test "test/*.test.ts"
+bun run build                  # compile src → dist (tsc); the published artifact
 ```
 
-41 tests, zero dependencies — the sorter is injected (`SortFn`), so tests run with a mock alphabetical sorter and the
-official sorter is only loaded by the CLI.
+46 tests: 41 core tests that are dependency-free (the sorter is injected, so they run against a mock `SortFn`), plus 5
+integration tests that exercise the real `prettier-plugin-tailwindcss` sorter and skip automatically when the Tailwind
+toolchain isn't installed.
 
 ## License
 

package/dist/cli.d.ts

@@ -0,0 +1,17 @@
+#!/usr/bin/env node
+/**
+ * tailwind-sort-php CLI
+ *
+ * Usage:
+ *   tailwind-sort-php [options] [glob ...]
+ *
+ * Options:
+ *   --stylesheet <path> Tailwind v4 CSS entry
+ *   --attr <name> Extra attribute to sort (repeatable)
+ *   --check Don't write; exit 1 if any file needs sorting
+ *   --no-short-tags Don't treat bare `<?` as a PHP open tag
+ *
+ * Defaults to all `.php` files under `cwd` (`"**" + "/*.php"`) when no globs are given.
+ * Skips `node_modules`, `vendor`, `dist` and `.git`.
+ */
+export {};

package/dist/cli.js

@@ -0,0 +1,162 @@
+#!/usr/bin/env node
+/**
+ * tailwind-sort-php CLI
+ *
+ * Usage:
+ *   tailwind-sort-php [options] [glob ...]
+ *
+ * Options:
+ *   --stylesheet <path> Tailwind v4 CSS entry
+ *   --attr <name> Extra attribute to sort (repeatable)
+ *   --check Don't write; exit 1 if any file needs sorting
+ *   --no-short-tags Don't treat bare `<?` as a PHP open tag
+ *
+ * Defaults to all `.php` files under `cwd` (`"**" + "/*.php"`) when no globs are given.
+ * Skips `node_modules`, `vendor`, `dist` and `.git`.
+ */
+import { readFile, writeFile } from 'node:fs/promises';
+import { transform } from "./transform.js";
+import { createTailwindSortFn } from "./sorter.js";
+const IGNORE = ['node_modules', 'vendor', 'dist', '.git'];
+/**
+ * Parse command-line arguments.
+ *
+ * @param argv Arguments after the runtime and script path.
+ * @returns Parsed CLI options with defaults applied.
+ */
+function parseArgs(argv) {
+    const cli = {
+        globs: [],
+        attrs: ['class', 'className'],
+        check: false,
+        shortTags: true,
+    };
+    for (let i = 0; i < argv.length; i++) {
+        const a = argv[i];
+        if (a === '--check')
+            cli.check = true;
+        else if (a === '--no-short-tags')
+            cli.shortTags = false;
+        else if (a === '--stylesheet')
+            cli.stylesheet = argv[++i];
+        else if (a === '--attr')
+            cli.attrs.push(argv[++i]);
+        else if (a.startsWith('--')) {
+            console.error(`Unknown option: ${a}`);
+            process.exit(2);
+        }
+        else
+            cli.globs.push(a);
+    }
+    if (cli.globs.length === 0)
+        cli.globs.push('**/*.php');
+    return cli;
+}
+/**
+ * Yield file paths matching the given globs, using `Bun.Glob` under Bun and `node:fs` glob (Node >= 22) otherwise.
+ *
+ * @param globs Glob patterns relative to `cwd`.
+ */
+async function* scanFiles(globs) {
+    // Use `Bun.Glob` when available, fall back to `node:fs` glob (Node 22+).
+    if (typeof globalThis.Bun !== 'undefined') {
+        const { Glob } = await import('bun');
+        for (const pattern of globs) {
+            for await (const f of new Glob(pattern).scan('.'))
+                yield f;
+        }
+    }
+    else {
+        const { glob } = await import('node:fs/promises');
+        for (const pattern of globs) {
+            for await (const f of glob(pattern))
+                yield f;
+        }
+    }
+}
+/**
+ * Whether a path falls inside an always-ignored directory.
+ *
+ * @param file Path to test, relative to `cwd`.
+ * @returns True when the path is inside an ignored directory and should be skipped.
+ */
+const ignored = (file) => IGNORE.some((d) => file.includes(`${d}/`) || file.startsWith(d));
+/**
+ * Best-effort read of the project's resolved Prettier config, so this tool shares one source of truth with
+ * `prettier-plugin-tailwindcss`. Picks up `tailwindStylesheet` (resolved relative to the config file) and
+ * `tailwindAttributes` (merged into the attribute list).
+ *
+ * @returns The resolved stylesheet path and attributes, or an empty object if none are available.
+ */
+async function fromPrettierConfig() {
+    try {
+        const prettier = await import('prettier');
+        const { dirname, resolve } = await import('node:path');
+        const configFile = await prettier.resolveConfigFile();
+        if (!configFile)
+            return {};
+        const cfg = (await prettier.resolveConfig(configFile));
+        if (!cfg)
+            return {};
+        const out = {};
+        if (typeof cfg.tailwindStylesheet === 'string') {
+            out.stylesheet = resolve(dirname(configFile), cfg.tailwindStylesheet);
+        }
+        if (Array.isArray(cfg.tailwindAttributes)) {
+            out.attributes = cfg.tailwindAttributes.filter((a) => typeof a === 'string' && !a.startsWith('/'));
+        }
+        return out;
+    }
+    catch {
+        return {}; // prettier not installed or config unreadable — flags only
+    }
+}
+async function main() {
+    const cli = parseArgs(process.argv.slice(2));
+    const pc = await fromPrettierConfig();
+    const stylesheet = cli.stylesheet ?? pc.stylesheet;
+    if (!stylesheet) {
+        console.error('No Tailwind stylesheet found. Pass --stylesheet <path> or set ' +
+            '`tailwindStylesheet` in your Prettier config.');
+        process.exit(2);
+    }
+    if (pc.attributes) {
+        for (const a of pc.attributes) {
+            if (!cli.attrs.includes(a))
+                cli.attrs.push(a);
+        }
+    }
+    const sortFn = await createTailwindSortFn({ stylesheet });
+    const opts = {
+        attributes: cli.attrs,
+        shortOpenTags: cli.shortTags,
+    };
+    let scanned = 0;
+    let changed = 0;
+    for (const pattern of cli.globs) {
+        for await (const file of scanFiles([pattern])) {
+            if (ignored(file))
+                continue;
+            scanned++;
+            const src = await readFile(file, 'utf8');
+            const out = transform(src, sortFn, opts);
+            if (out !== src) {
+                changed++;
+                if (cli.check) {
+                    console.log(`needs sorting: ${file}`);
+                }
+                else {
+                    await writeFile(file, out);
+                    console.log(`sorted: ${file}`);
+                }
+            }
+        }
+    }
+    console.log(`${scanned} file(s) scanned, ${changed} ${cli.check ? 'need(s) sorting' : 'updated'}`);
+    if (cli.check && changed > 0)
+        process.exit(1);
+}
+main().catch((err) => {
+    console.error(err);
+    process.exit(1);
+});

package/dist/html.d.ts

@@ -0,0 +1,59 @@
+/**
+ * HTML attribute scanner — the second pass of the two-pass lexer.
+ *
+ * Operates on a "masked" copy of the source in which every PHP island byte has been replaced with `\x00`
+ * (offsets preserved). This means:
+ *   - quotes/angle brackets inside PHP can never confuse the HTML scan
+ *   - islands inside a tag read as attribute separators
+ *   - islands inside a quoted attribute value read as opaque atoms
+ *
+ * Skips HTML comments, doctype/CDATA, and the raw-text content of `script`/`style`/`textarea`/`title` elements —
+ * their `script`/`style` content may contain strings like `class="..."` that must not be touched.
+ *
+ * @see islands.ts - first pass; produces the islands consumed here.
+ */
+import type { Island } from './islands.ts';
+/**
+ * Location of a sortable class attribute value within the source.
+ */
+export interface ClassAttr {
+    /**
+     * Attribute name as written (e.g. `class`, `className`).
+     */
+    name: string;
+    /**
+     * Offset of the first character inside the quotes.
+     */
+    valueStart: number;
+    /**
+     * Offset just past the last character inside the quotes (exclusive).
+     */
+    valueEnd: number;
+}
+/**
+ * Options controlling which attributes are collected.
+ */
+export interface HtmlScanOptions {
+    /**
+     * Lowercase attribute names to collect; default `['class', 'classname']`.
+     */
+    attributes?: string[];
+}
+/**
+ * Produce a copy of the source with every island byte replaced by `\x00`.
+ *
+ * Length and offsets are preserved, so positions found in the masked string map 1:1 back to the original source.
+ *
+ * @param src     Original template source.
+ * @param islands Island ranges from `findIslands()`.
+ * @returns Masked source of identical length.
+ */
+export declare function maskIslands(src: string, islands: Island[]): string;
+/**
+ * Locate every sortable class attribute in an island-masked source.
+ *
+ * @param masked Source pre-processed by `maskIslands()`.
+ * @param opts   Attribute collection options.
+ * @returns Attribute value locations in document order. Offsets index into the original source.
+ */
+export declare function findClassAttributes(masked: string, opts?: HtmlScanOptions): ClassAttr[];

package/dist/html.js

@@ -0,0 +1,145 @@
+/**
+ * HTML attribute scanner — the second pass of the two-pass lexer.
+ *
+ * Operates on a "masked" copy of the source in which every PHP island byte has been replaced with `\x00`
+ * (offsets preserved). This means:
+ *   - quotes/angle brackets inside PHP can never confuse the HTML scan
+ *   - islands inside a tag read as attribute separators
+ *   - islands inside a quoted attribute value read as opaque atoms
+ *
+ * Skips HTML comments, doctype/CDATA, and the raw-text content of `script`/`style`/`textarea`/`title` elements —
+ * their `script`/`style` content may contain strings like `class="..."` that must not be touched.
+ *
+ * @see islands.ts - first pass; produces the islands consumed here.
+ */
+const RAW_TEXT_TAGS = new Set(['script', 'style', 'textarea', 'title']);
+const NUL = '\x00';
+/**
+ * Produce a copy of the source with every island byte replaced by `\x00`.
+ *
+ * Length and offsets are preserved, so positions found in the masked string map 1:1 back to the original source.
+ *
+ * @param src     Original template source.
+ * @param islands Island ranges from `findIslands()`.
+ * @returns Masked source of identical length.
+ */
+export function maskIslands(src, islands) {
+    if (islands.length === 0)
+        return src;
+    let out = '';
+    let pos = 0;
+    for (const isl of islands) {
+        out += src.slice(pos, isl.start);
+        out += NUL.repeat(isl.end - isl.start);
+        pos = isl.end;
+    }
+    out += src.slice(pos);
+    return out;
+}
+/**
+ * Locate every sortable class attribute in an island-masked source.
+ *
+ * @param masked Source pre-processed by `maskIslands()`.
+ * @param opts   Attribute collection options.
+ * @returns Attribute value locations in document order. Offsets index into the original source.
+ */
+export function findClassAttributes(masked, opts = {}) {
+    const wanted = new Set((opts.attributes ?? ['class', 'classname']).map((a) => a.toLowerCase()));
+    const out = [];
+    const len = masked.length;
+    let i = 0;
+    while (i < len) {
+        const lt = masked.indexOf('<', i);
+        if (lt === -1)
+            break;
+        // HTML comment.
+        if (masked.startsWith('<!--', lt)) {
+            const close = masked.indexOf('-->', lt + 4);
+            i = close === -1 ? len : close + 3;
+            continue;
+        }
+        // Doctype / CDATA / other declarations.
+        if (masked[lt + 1] === '!') {
+            const close = masked.indexOf('>', lt + 2);
+            i = close === -1 ? len : close + 1;
+            continue;
+        }
+        // Closing tag.
+        if (masked[lt + 1] === '/') {
+            const close = masked.indexOf('>', lt + 2);
+            i = close === -1 ? len : close + 1;
+            continue;
+        }
+        // Opening tag?
+        if (lt + 1 < len && /[A-Za-z]/.test(masked[lt + 1])) {
+            let j = lt + 1;
+            while (j < len && /[A-Za-z0-9:-]/.test(masked[j]))
+                j++;
+            const tagName = masked.slice(lt + 1, j).toLowerCase();
+            j = scanTagAttributes(masked, j, wanted, out);
+            // Skip raw-text element content up to its closing tag.
+            if (RAW_TEXT_TAGS.has(tagName)) {
+                const closer = `</${tagName}`;
+                const idx = masked.toLowerCase().indexOf(closer, j);
+                j = idx === -1 ? len : idx;
+            }
+            i = j;
+            continue;
+        }
+        i = lt + 1;
+    }
+    return out;
+}
+const isTagWs = (c) => c === ' ' || c === '\t' || c === '\n' || c === '\r' || c === '\f' || c === NUL;
+/**
+ * Parse attributes from just past the tag name to just past `>`.
+ * Returns the offset after `>` (or EOF). Pushes matches into `out`.
+ */
+function scanTagAttributes(masked, i, wanted, out) {
+    const len = masked.length;
+    while (i < len) {
+        while (i < len && isTagWs(masked[i]))
+            i++;
+        if (i >= len)
+            return len;
+        const c = masked[i];
+        if (c === '>')
+            return i + 1;
+        if (c === '/') {
+            i++;
+            continue;
+        }
+        // Attribute name.
+        const nameStart = i;
+        while (i < len && !isTagWs(masked[i]) && masked[i] !== '=' && masked[i] !== '>' && masked[i] !== '/')
+            i++;
+        const name = masked.slice(nameStart, i);
+        if (name.length === 0) {
+            i++;
+            continue;
+        }
+        while (i < len && isTagWs(masked[i]))
+            i++;
+        if (masked[i] !== '=')
+            continue; // boolean attribute
+        i++;
+        while (i < len && isTagWs(masked[i]))
+            i++;
+        const q = masked[i];
+        if (q === '"' || q === "'") {
+            const valueStart = i + 1;
+            const close = masked.indexOf(q, valueStart);
+            const valueEnd = close === -1 ? len : close;
+            if (wanted.has(name.toLowerCase())) {
+                out.push({ name, valueStart, valueEnd });
+            }
+            i = valueEnd + 1;
+        }
+        else {
+            // Unquoted value — read it but never rewrite (too risky to widen).
+            while (i < len && !isTagWs(masked[i]) && masked[i] !== '>')
+                i++;
+        }
+    }
+    return len;
+}

package/dist/index.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Public API for `@runtimestudio/tailwind-sort-php`.
+ *
+ * Tailwind CSS class sorting for mixed PHP/HTML templates. The core is dependency-free;
+ * the official sorting engine is wired in via `createTailwindSortFn()` or any custom `SortFn`.
+ *
+ * @packageDocumentation
+ * @see cli.ts - command-line interface built on this API.
+ */
+export { transform, type SortFn, type TransformOptions } from './transform.ts';
+export { findIslands, type Island, type IslandOptions } from './islands.ts';
+export { maskIslands, findClassAttributes, type ClassAttr, type HtmlScanOptions } from './html.ts';
+export { createTailwindSortFn, type SorterOptions } from './sorter.ts';

package/dist/index.js

@@ -0,0 +1,13 @@
+/**
+ * Public API for `@runtimestudio/tailwind-sort-php`.
+ *
+ * Tailwind CSS class sorting for mixed PHP/HTML templates. The core is dependency-free;
+ * the official sorting engine is wired in via `createTailwindSortFn()` or any custom `SortFn`.
+ *
+ * @packageDocumentation
+ * @see cli.ts - command-line interface built on this API.
+ */
+export { transform } from "./transform.js";
+export { findIslands } from "./islands.js";
+export { maskIslands, findClassAttributes } from "./html.js";
+export { createTailwindSortFn } from "./sorter.js";

package/dist/islands.d.ts

@@ -0,0 +1,49 @@
+/**
+ * PHP island detection — the first pass of the two-pass lexer.
+ *
+ * Scans the raw template source and returns the byte ranges of all PHP "islands"
+ * (`<?php ... ?>`, `<?= ... ?>`, and optionally short `<? ... ?>`).
+ *
+ * The closing `?>` is found with a real PHP string/comment lexer, so a `?>` inside a string literal, heredoc/nowdoc,
+ * or block comment does NOT close the island — whereas one inside a `//` or `#` line comment closes it (PHP quirk).
+ *
+ * @see html.ts - second pass; consumes islands via `maskIslands()`.
+ */
+/**
+ * A contiguous region of PHP code within a mixed template source.
+ */
+export interface Island {
+    /**
+     * Inclusive start offset of `<?`.
+     */
+    start: number;
+    /**
+     * Exclusive end offset (just past `?>`, or EOF).
+     */
+    end: number;
+}
+/**
+ * Options controlling PHP open-tag recognition.
+ */
+export interface IslandOptions {
+    /**
+     * Treat bare `<?` as a PHP open tag (short_open_tag).
+     * Default true, with a guard so `<?xml` is never treated as PHP.
+     */
+    shortOpenTags?: boolean;
+}
+/**
+ * Find every PHP island in a mixed PHP/HTML template source.
+ *
+ * Islands are returned in document order and never overlap.
+ * All offsets index into the original (unmodified) source string.
+ *
+ * @param src  Raw template source (mixed PHP/HTML).
+ * @param opts Open-tag recognition options.
+ * @returns Ordered, non-overlapping island ranges.
+ *
+ * @example
+ * const islands = findIslands('<p><?= $x ?></p>');
+ * // [{ start: 3, end: 12 }]
+ */
+export declare function findIslands(src: string, opts?: IslandOptions): Island[];

package/dist/islands.js

@@ -0,0 +1,206 @@
+/**
+ * PHP island detection — the first pass of the two-pass lexer.
+ *
+ * Scans the raw template source and returns the byte ranges of all PHP "islands"
+ * (`<?php ... ?>`, `<?= ... ?>`, and optionally short `<? ... ?>`).
+ *
+ * The closing `?>` is found with a real PHP string/comment lexer, so a `?>` inside a string literal, heredoc/nowdoc,
+ * or block comment does NOT close the island — whereas one inside a `//` or `#` line comment closes it (PHP quirk).
+ *
+ * @see html.ts - second pass; consumes islands via `maskIslands()`.
+ */
+const isIdentStart = (c) => /[A-Za-z_\u0080-\uffff]/.test(c);
+const isIdent = (c) => /[A-Za-z0-9_\u0080-\uffff]/.test(c);
+/**
+ * Find every PHP island in a mixed PHP/HTML template source.
+ *
+ * Islands are returned in document order and never overlap.
+ * All offsets index into the original (unmodified) source string.
+ *
+ * @param src  Raw template source (mixed PHP/HTML).
+ * @param opts Open-tag recognition options.
+ * @returns Ordered, non-overlapping island ranges.
+ *
+ * @example
+ * const islands = findIslands('<p><?= $x ?></p>');
+ * // [{ start: 3, end: 12 }]
+ */
+export function findIslands(src, opts = {}) {
+    const shortTags = opts.shortOpenTags !== false;
+    const islands = [];
+    const len = src.length;
+    let i = 0;
+    while (i < len) {
+        const open = src.indexOf('<?', i);
+        if (open === -1)
+            break;
+        // Classify the open tag.
+        const after = src.slice(open + 2, open + 6).toLowerCase();
+        let bodyStart;
+        if (after.startsWith('php') && (open + 5 >= len || !isIdent(src[open + 5]))) {
+            bodyStart = open + 5;
+        }
+        else if (src[open + 2] === '=') {
+            bodyStart = open + 3;
+        }
+        else if (shortTags && !after.startsWith('xml')) {
+            bodyStart = open + 2;
+        }
+        else {
+            i = open + 2; // not a PHP tag (e.g. `<?xml`) — keep scanning
+            continue;
+        }
+        const end = scanPhpBody(src, bodyStart);
+        islands.push({ start: open, end });
+        i = end;
+    }
+    return islands;
+}
+/**
+ * Scan PHP code starting at `i`, returning the offset just past the closing `?>`,
+ * or `src.length` if the file ends in PHP mode.
+ */
+function scanPhpBody(src, i) {
+    const len = src.length;
+    while (i < len) {
+        const c = src[i];
+        // Possible close tag.
+        if (c === '?' && src[i + 1] === '>')
+            return i + 2;
+        // Single-quoted string.
+        if (c === "'") {
+            i = scanQuoted(src, i + 1, "'");
+            continue;
+        }
+        // Double-quoted string.
+        // Limitation: nested double quotes in complex `{$a["k"]}` interpolation can desync the lexer (documented).
+        if (c === '"') {
+            i = scanQuoted(src, i + 1, '"');
+            continue;
+        }
+        // Backtick (shell exec) string — same escaping rules.
+        if (c === '`') {
+            i = scanQuoted(src, i + 1, '`');
+            continue;
+        }
+        // Comments.
+        if (c === '/' && src[i + 1] === '/') {
+            i = scanLineComment(src, i + 2);
+            if (src.startsWith('?>', i))
+                return i + 2;
+            continue;
+        }
+        if (c === '#') {
+            // PHP 8 attribute `#[...]` is not a comment.
+            if (src[i + 1] === '[') {
+                i += 2;
+                continue;
+            }
+            i = scanLineComment(src, i + 1);
+            if (src.startsWith('?>', i))
+                return i + 2;
+            continue;
+        }
+        if (c === '/' && src[i + 1] === '*') {
+            const close = src.indexOf('*/', i + 2);
+            i = close === -1 ? len : close + 2;
+            continue;
+        }
+        // Heredoc / nowdoc.
+        if (c === '<' && src[i + 1] === '<' && src[i + 2] === '<') {
+            const here = scanHeredoc(src, i + 3);
+            if (here !== -1) {
+                i = here;
+                continue;
+            }
+        }
+        i++;
+    }
+    return len; // file ends while still in PHP mode
+}
+/**
+ * Scan a quoted string body; `i` is just past the open quote.
+ * Returns offset just past the closing quote (or EOF).
+ */
+function scanQuoted(src, i, quote) {
+    const len = src.length;
+    while (i < len) {
+        const c = src[i];
+        if (c === '\\') {
+            i += 2;
+            continue;
+        }
+        if (c === quote)
+            return i + 1;
+        i++;
+    }
+    return len;
+}
+/**
+ * Scan a `//` or `#` line comment body, which ends at a newline or at `?>`.
+ * Returns the offset past a consumed newline, or the offset of an unconsumed `?>`
+ * (left for the caller, since `?>` closes both the comment and the island).
+ */
+function scanLineComment(src, i) {
+    const len = src.length;
+    while (i < len) {
+        if (src[i] === '\n')
+            return i + 1;
+        if (src[i] === '?' && src[i + 1] === '>')
+            return i;
+        i++;
+    }
+    return len;
+}
+/**
+ * Scan a heredoc/nowdoc; `i` is just past `<<<`.
+ * Returns the offset past the closing identifier line, or -1 if `<<<` isn't followed by a valid heredoc identifier.
+ */
+function scanHeredoc(src, i) {
+    const len = src.length;
+    // Optional whitespace (PHP allows spaces/tabs after `<<<`).
+    while (i < len && (src[i] === ' ' || src[i] === '\t'))
+        i++;
+    // Optional quote around the identifier.
+    let quote = '';
+    if (src[i] === "'" || src[i] === '"') {
+        quote = src[i];
+        i++;
+    }
+    if (i >= len || !isIdentStart(src[i]))
+        return -1;
+    const idStart = i;
+    while (i < len && isIdent(src[i]))
+        i++;
+    const id = src.slice(idStart, i);
+    if (quote) {
+        if (src[i] !== quote)
+            return -1;
+        i++;
+    }
+    // After the identifier, the line must end immediately — PHP disallows trailing whitespace,
+    // but we tolerate `\r` so `\r\n` endings still work.
+    while (i < len && src[i] === '\r')
+        i++;
+    if (src[i] !== '\n')
+        return -1;
+    i++;
+    // Find a line that starts with optional indentation,
+    // then the identifier followed by a non-identifier character
+    // (PHP 7.3 flexible syntax).
+    while (i < len) {
+        let j = i;
+        while (j < len && (src[j] === ' ' || src[j] === '\t'))
+            j++;
+        if (src.startsWith(id, j)) {
+            const k = j + id.length;
+            if (k >= len || !isIdent(src[k]))
+                return k;
+        }
+        const nl = src.indexOf('\n', i);
+        if (nl === -1)
+            return len;
+        i = nl + 1;
+    }
+    return len;
+}

package/dist/sorter.d.ts

@@ -0,0 +1,31 @@
+/**
+ * Adapter: official Tailwind sorter → core `SortFn`.
+ *
+ * Kept separate from the core so the lexer/transformer stay dependency-free and testable with any injected sorter.
+ *
+ * @see transform.ts - consumes the `SortFn` produced here.
+ */
+import type { SortFn } from './transform.ts';
+/**
+ * Options for constructing the official Tailwind sorter.
+ */
+export interface SorterOptions {
+    /**
+     * Tailwind v4 CSS entry point (`@import "tailwindcss"`, `@theme`, etc.).
+     */
+    stylesheet: string;
+    /**
+     * Base directory for resolving relative paths. Default: `cwd`.
+     */
+    base?: string;
+}
+/**
+ * Create a `SortFn` backed by the official `prettier-plugin-tailwindcss` sorting engine, configured with
+ * the project's Tailwind v4 stylesheet so custom `@theme` tokens and `@utility` classes sort correctly.
+ *
+ * Requires `prettier-plugin-tailwindcss` >= 0.8 (the `/sorter` entrypoint).
+ *
+ * @param opts Stylesheet and path resolution options.
+ * @returns A synchronous `SortFn` for use with `transform()`.
+ */
+export declare function createTailwindSortFn(opts: SorterOptions): Promise<SortFn>;

package/dist/sorter.js

@@ -0,0 +1,26 @@
+/**
+ * Adapter: official Tailwind sorter → core `SortFn`.
+ *
+ * Kept separate from the core so the lexer/transformer stay dependency-free and testable with any injected sorter.
+ *
+ * @see transform.ts - consumes the `SortFn` produced here.
+ */
+/**
+ * Create a `SortFn` backed by the official `prettier-plugin-tailwindcss` sorting engine, configured with
+ * the project's Tailwind v4 stylesheet so custom `@theme` tokens and `@utility` classes sort correctly.
+ *
+ * Requires `prettier-plugin-tailwindcss` >= 0.8 (the `/sorter` entrypoint).
+ *
+ * @param opts Stylesheet and path resolution options.
+ * @returns A synchronous `SortFn` for use with `transform()`.
+ */
+export async function createTailwindSortFn(opts) {
+    // Dynamic import so the core package works without the dependency
+    // installed (e.g., when only running tests with a mock sorter).
+    const { createSorter } = await import('prettier-plugin-tailwindcss/sorter');
+    const sorter = await createSorter({
+        base: opts.base ?? process.cwd(),
+        stylesheetPath: opts.stylesheet,
+    });
+    return (classes) => sorter.sortClassLists([classes])[0];
+}

package/dist/transform.d.ts

@@ -0,0 +1,44 @@
+/**
+ * Core transform: given template source and a sort function,
+ * rewrite all class attribute values with sorted Tailwind classes.
+ *
+ * Island-aware rules inside an attribute value:
+ *   - PHP islands are opaque atoms that never move.
+ *   - Static text is split into runs between islands; each run's classes are sorted independently
+ *     (mirrors how the official Prettier plugin treats `${}` interpolations in template literals).
+ *   - A token with no whitespace between it and an adjacent island is a *fragment* of a dynamically
+ *     built class (`btn-<?= $v ?>`); it is pinned in place and excluded from sorting.
+ *   - Whitespace adjacent to islands is preserved as a single space — never removed
+ *     (removal would concatenate classes at render time) and never invented
+ *     (insertion would split an intentional fragment).
+ *
+ * @see islands.ts - pass 1 (PHP island detection).
+ * @see html.ts    - pass 2 (attribute location).
+ * @see sorter.ts  - adapter producing the injected `SortFn`.
+ */
+import { type IslandOptions } from './islands.ts';
+import { type HtmlScanOptions } from './html.ts';
+/**
+ * Sorting strategy injected by the caller. Receives the class tokens of a single static run;
+ * returns them in sorted order. Must be pure and synchronous; must not add or remove tokens.
+ */
+export type SortFn = (classes: string[]) => string[];
+/**
+ * Combined options for both lexer passes.
+ */
+export interface TransformOptions extends IslandOptions, HtmlScanOptions {
+}
+/**
+ * Rewrite all class attribute values in the template source with sorted classes.
+ * Everything outside class attribute values is byte-identical in the result; the function is idempotent.
+ *
+ * @param src    Raw template source (mixed PHP/HTML).
+ * @param sortFn Injected sorting strategy (see `createTailwindSortFn()`).
+ * @param opts   Lexer options.
+ * @returns The rewritten source.
+ *
+ * @example
+ * transform('<div class="z-10 mt-4 <?= $x ?> b a">', sortFn);
+ * // '<div class="mt-4 z-10 <?= $x ?> a b">'
+ */
+export declare function transform(src: string, sortFn: SortFn, opts?: TransformOptions): string;

package/dist/transform.js

@@ -0,0 +1,108 @@
+/**
+ * Core transform: given template source and a sort function,
+ * rewrite all class attribute values with sorted Tailwind classes.
+ *
+ * Island-aware rules inside an attribute value:
+ *   - PHP islands are opaque atoms that never move.
+ *   - Static text is split into runs between islands; each run's classes are sorted independently
+ *     (mirrors how the official Prettier plugin treats `${}` interpolations in template literals).
+ *   - A token with no whitespace between it and an adjacent island is a *fragment* of a dynamically
+ *     built class (`btn-<?= $v ?>`); it is pinned in place and excluded from sorting.
+ *   - Whitespace adjacent to islands is preserved as a single space — never removed
+ *     (removal would concatenate classes at render time) and never invented
+ *     (insertion would split an intentional fragment).
+ *
+ * @see islands.ts - pass 1 (PHP island detection).
+ * @see html.ts    - pass 2 (attribute location).
+ * @see sorter.ts  - adapter producing the injected `SortFn`.
+ */
+import { findIslands } from "./islands.js";
+import { maskIslands, findClassAttributes } from "./html.js";
+/**
+ * Rewrite all class attribute values in the template source with sorted classes.
+ * Everything outside class attribute values is byte-identical in the result; the function is idempotent.
+ *
+ * @param src    Raw template source (mixed PHP/HTML).
+ * @param sortFn Injected sorting strategy (see `createTailwindSortFn()`).
+ * @param opts   Lexer options.
+ * @returns The rewritten source.
+ *
+ * @example
+ * transform('<div class="z-10 mt-4 <?= $x ?> b a">', sortFn);
+ * // '<div class="mt-4 z-10 <?= $x ?> a b">'
+ */
+export function transform(src, sortFn, opts = {}) {
+    const islands = findIslands(src, opts);
+    const masked = maskIslands(src, islands);
+    const attrs = findClassAttributes(masked, opts);
+    // Apply replacements back-to-front so offsets stay valid.
+    let out = src;
+    for (let a = attrs.length - 1; a >= 0; a--) {
+        const { valueStart, valueEnd } = attrs[a];
+        const original = src.slice(valueStart, valueEnd);
+        const inner = islands.filter((isl) => isl.start >= valueStart && isl.end <= valueEnd);
+        const rewritten = rewriteValue(original, valueStart, inner, sortFn);
+        if (rewritten !== original) {
+            out = out.slice(0, valueStart) + rewritten + out.slice(valueEnd);
+        }
+    }
+    return out;
+}
+function rewriteValue(value, base, islands, sortFn) {
+    // Build alternating static/island parts.
+    const parts = [];
+    let pos = 0;
+    for (const isl of islands) {
+        const s = isl.start - base;
+        const e = isl.end - base;
+        parts.push({ type: 'static', text: value.slice(pos, s) });
+        parts.push({ type: 'island', text: value.slice(s, e) });
+        pos = e;
+    }
+    parts.push({ type: 'static', text: value.slice(pos) });
+    let out = '';
+    for (let p = 0; p < parts.length; p++) {
+        const part = parts[p];
+        if (part.type === 'island') {
+            out += part.text;
+            continue;
+        }
+        const prevIsIsland = p > 0;
+        const nextIsIsland = p < parts.length - 1;
+        const t = part.text;
+        const hasLeadingWs = /^\s/.test(t);
+        const hasTrailingWs = /\s$/.test(t);
+        const tokens = t.split(/\s+/).filter(Boolean);
+        // Whitespace-only run between islands → preserve a single space.
+        if (tokens.length === 0) {
+            if (t.length > 0 && prevIsIsland && nextIsIsland)
+                out += ' ';
+            continue;
+        }
+        const pinStart = prevIsIsland && !hasLeadingWs;
+        const pinEnd = nextIsIsland && !hasTrailingWs;
+        let head = [];
+        let tail = [];
+        let middle;
+        if (pinStart && pinEnd && tokens.length === 1) {
+            // Single fragment glued to islands on both sides.
+            middle = [];
+            head = [tokens[0]];
+        }
+        else {
+            const from = pinStart ? 1 : 0;
+            const to = pinEnd ? tokens.length - 1 : tokens.length;
+            if (pinStart)
+                head = [tokens[0]];
+            if (pinEnd)
+                tail = [tokens[tokens.length - 1]];
+            middle = tokens.slice(from, to);
+        }
+        const sorted = middle.length > 1 ? sortFn(middle) : middle;
+        const joined = [...head, ...sorted, ...tail].join(' ');
+        const prefix = prevIsIsland && hasLeadingWs ? ' ' : '';
+        const suffix = nextIsIsland && hasTrailingWs ? ' ' : '';
+        out += prefix + joined + suffix;
+    }
+    return out;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@runtimestudio/tailwind-sort-php",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "Tailwind CSS class sorting for mixed PHP/HTML templates (WordPress-friendly)",
   "keywords": [
     "class-sorting",
@@ -15,27 +15,34 @@
   "license": "MIT",
   "author": "Greg Sevastos <greg@runtimestudio.com.au> (https://runtimestudio.com.au)",
   "files": [
+    "dist",
     "src"
   ],
-  "main": "src/index.ts",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
   "type": "module",
   "bin": {
-    "tailwind-sort-php": "src/cli.ts"
+    "tailwind-sort-php": "dist/cli.js"
   },
   "repository": {
     "type": "git",
     "url": "git+https://github.com/runtime-studio-au/tailwind-sort-php.git"
   },
   "scripts": {
+    "build": "tsc -p tsconfig.build.json",
     "format": "prettier --write .",
     "format:check": "prettier --check .",
+    "prepublishOnly": "npm test && npm run build",
     "sort": "bun run src/cli.ts",
     "sort:check": "bun run src/cli.ts --check",
     "test": "node --test \"test/*.test.ts\""
   },
   "devDependencies": {
     "@types/bun": "latest",
-    "prettier": "^3.8"
+    "prettier": "^3.8",
+    "prettier-plugin-tailwindcss": "^0.8",
+    "tailwindcss": "^4",
+    "typescript": ">=5.7"
   },
   "peerDependencies": {
     "prettier": ">=3",