@birdycom/omniacss-migrate 0.11.0 → 0.11.2

package/LICENSE

@@ -1,21 +1,21 @@
-MIT License
-
-Copyright (c) 2026 Serge Cools (Birdycom)
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+MIT License
+
+Copyright (c) 2026 Serge Cools (Birdycom)
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,129 +1,129 @@
-# @birdycom/omniacss-migrate
-
-Switch a **Laravel, Vue or React** project from Tailwind CSS to OmniaCSS **and keep your class names**.
-`flex items-center gap-4 p-4 md:p-8 bg-white dark:bg-gray-900 hover:bg-red-500/50 w-[37px]` keeps working: the classes are resolved on demand and emitted as CSS that only uses OmniaCSS tokens (Omnia palette in OKLCH, `rem` scales, Omnia shadows and breakpoints).
-
-Coming from **Bootstrap 3, 4 or 5**? See [From Bootstrap](#from-bootstrap).
-
-> This is the only package that names Tailwind and Bootstrap, because it is a migration tool.
-
-## Laravel in 3 steps
-
-```bash
-# 1. see what changes (dry run, nothing is written) and how much of your markup is covered
-npx @birdycom/omniacss-migrate scan .
-npx @birdycom/omniacss-migrate setup .
-
-# 2. apply the switch: removes the Tailwind packages from package.json, swaps the Vite/PostCSS plugin, carries your theme into CSS
-npx @birdycom/omniacss-migrate setup . --write
-npm uninstall tailwindcss @tailwindcss/vite @tailwindcss/postcss && npm install -D @birdycom/omniacss-migrate
-
-# 3. build as usual
-npm run dev
-```
-
-Your Blade, Vue and React files stay exactly as they are. By hand it is two edits:
-
-```js
-// vite.config.js
-import omniaMigrate from "@birdycom/omniacss-migrate/vite";   // was: import tailwindcss from "@tailwindcss/vite"
-export default defineConfig({ plugins: [laravel({ input: ["resources/css/app.css", "resources/js/app.js"] }), omniaMigrate()] });
-```
-
-```css
-/* resources/css/app.css: unchanged. Both forms are understood: */
-@import "tailwindcss";
-/* or */
-@tailwind base; @tailwind components; @tailwind utilities;
-```
-
-Not using Vite? Use the PostCSS plugin instead:
-
-```js
-// postcss.config.js
-import omniaMigrate from "@birdycom/omniacss-migrate/postcss";
-export default { plugins: [omniaMigrate({ content: ["resources/views/**/*.blade.php", "resources/js/**/*.{vue,tsx,jsx,js}"] })] };
-```
-
-## What the plugin does
-
-- Replaces `@import "tailwindcss"` / `@tailwind base|components|utilities` with Omnia core (tokens + the Omnia classes you use), a small base reset and the compat CSS for the classes it finds in your content.
-- Expands `@apply` (with variants, `!important`, and your own classes), `theme(colors.red.500)`, `--spacing(4)`, `@theme`, `@custom-variant`, `@variant`, `@source`, `@source inline("…")`; ignores `@plugin` and `@config`.
-- Reads `tailwind.config.{js,cjs,mjs}` (`darkMode`, `theme.colors`/`extend.colors`, `fontFamily`, `borderRadius`, `spacing`, `boxShadow`, `screens`, `container`, `prefix`, `important`) and your `@theme` blocks.
-- Output is wrapped in cascade layers `omnia, theme, base, components, utilities`.
-
-Class coverage: layout, flex/grid, spacing, sizing, typography, colors (text, bg, border, ring, outline, fill, stroke, divide, accent, caret, decoration, gradients `from-`/`via-`/`to-`), borders, radius, shadow, ring, opacity, filters and backdrop filters, transitions, animations, transforms, display, position, z-index, overflow, cursor, scroll snap, `tailwindcss-animate` classes, arbitrary values (`w-[37px]`, `bg-(--brand)`, `[mask-type:luminance]`), opacity modifiers (`bg-red-500/50`), negatives (`-mt-2`), `!important`, and variants `hover: focus: active: disabled: first: odd: before: after: placeholder: file: marker: selection:`, `sm: md: lg: xl: 2xl: max-md: min-[…]:`, `@md:` container queries, `dark:`, `group-*`, `peer-*`, `data-[…]:`, `aria-*:`, `has-[…]:`, `not-*`, `in-*`, `supports-[…]:`, `*:`, arbitrary variants `[&>svg]:`, `motion-safe:`, `print:`, `rtl:`.
-
-### Colors
-
-Tailwind palette names map to the **nearest Omnia palette token** (`src/data/colors.json`, generated by `scripts/build-color-map.mjs` with `nearestOmnia()`): `bg-red-500` becomes `var(--color-red-50)`. Arbitrary colors (`bg-[#0041a7]`) are mapped to the nearest token too (`arbitraryColors: "keep"` keeps the literal). Opacity modifiers use `color-mix(in oklab, <token> 50%, transparent)`.
-Colors from `tailwind.config` are mapped to Omnia tokens as well (`--keep-brand-colors` / `keepBrandColors` keeps them); values that are `var(...)`/`hsl(var(...))` (shadcn style) stay as you wrote them.
-
-### Scales
-
-Spacing, sizing, font sizes, radius, blur and containers use the familiar numbers (`p-4` = `1rem`). Shadows reuse Omnia's own shadow values. Breakpoints follow OmniaCSS (`sm` 36rem, `md` 50rem, `lg` 64rem; `xl` 80rem and `2xl` 96rem exist for compatibility). Use `breakpoints: "tailwind"` for 40/48/64/80/96rem.
-
-Names that exist in both systems (`p-4`, `flex`, `shadow-md` …) never collide: classes the compat layer resolves are removed from the Omnia core output.
-
-## CLI
-
-```text
-omniacss-migrate scan <dir>                    coverage: % of class occurrences supported + the unsupported list
-omniacss-migrate setup <project> [--write]     plan (dry run) or apply: package.json, vite/postcss config, CSS @theme + dark mode
-omniacss-migrate codemod <dir> [--write]       rewrite to native OmniaCSS class names where the CSS is identical
-omniacss-migrate build [-c glob] [-o file]     write the CSS once (no Vite or PostCSS)
-omniacss-migrate css "md:hover:bg-red-500/50"  print the CSS for one class
-```
-
-`omniacss migrate scan .` does the same through the main CLI (`npm i -D @birdycom/omniacss-migrate`).
-
-`setup` and `codemod` are dry runs unless you pass `--write`. Commit first: the files are changed in place.
-
-## Codemod (optional)
-
-`codemod` rewrites `class`/`className`/`cn()`/`cva()` strings to **native** OmniaCSS names when an Omnia class has exactly the same declarations (for example `items-center` becomes `align-items-center`, `p-4` becomes `p-1`). Everything else is left alone and listed. After `--write` the file `omniacss-migrate.manifest.json` tells the compat layer which names are now native, so `p-1` (Omnia, `1rem`) is never confused with the old `p-1` (`0.25rem`). Run it over the whole project, not a single folder.
-
-## From Bootstrap
-
-```bash
-npx @birdycom/omniacss-migrate bootstrap scan .              # report only
-npx @birdycom/omniacss-migrate bootstrap codemod . --write   # apply (commit first)
-npx omniacss build -o css/omnia.css                          # OmniaCSS for exactly the classes you use
-```
-
-Works on HTML, PHP, Blade, Twig, ERB, Vue and JSX templates; template code inside a class attribute (`<?php … ?>`, `{{ … }}`) is left untouched.
-
-- **Utilities** become the OmniaCSS class with the same declarations, looked up in the installed OmniaCSS build: `mt-3` (1rem) becomes `mt-1`, `d-md-none` becomes `md:d-none`, `justify-content-between` becomes `justify-between`. Theme colors (`text-primary`, `bg-dark`, `border-danger`) map to the nearest Omnia token.
-- **Components** become OmniaUI classes: `btn btn-primary` → `oc-btn`, `alert alert-danger` → `oc-alert oc-alert--danger`, `form-control` → `oc-input` (`oc-select` on a `<select>`), `card-body`/`panel-body` → `oc-card-content`, `table table-striped` → `oc-table oc-table--striped`.
-- **Grid** classes (`container`, `row`, `col-*`, `offset-*`, `g-*`, `row-cols-*`) stay, served by a generated `bootstrap-compat.css` with only the classes in use, at OmniaCSS breakpoints. Utilities without an OmniaCSS twin (`border` 1px, `z-1`, `mt-n1`) keep their exact CSS in the same file.
-- **JavaScript components** (modal, dropdown, collapse, carousel, navbar, tabs, offcanvas, toast) and icon fonts are reported with the native replacement (`<dialog>` + `commandfor`, popover, `<details>`, scroll snap).
-- The Bootstrap `<link>` is replaced by `omnia.css`, the OmniaUI CSS and `bootstrap-compat.css` in the same asset folder.
-- The report lists classes your JavaScript toggles (`classList.add('btn-primary')`) and Bootstrap 3 classes in a newer site, split into "still styled by your CSS" and "safe to delete".
-- `--write` records the classes it produced in `omniacss-migrate.bootstrap.json`, so running it again never reads the new `mt-1` (OmniaCSS, 1rem) as Bootstrap's `mt-1` (0.25rem).
-
-Options: `--bs 3|4|5` (default: detected from `package.json`, the `<link>`, a local `bootstrap.css` or the markup), `--breakpoints exact` (keep Bootstrap's pixel breakpoints as `min-[48rem]:`), `--compat <file>`, `--omnia-href`, `--omniaui-href`, `--compat-href`.
-
-## Options (PostCSS / Vite)
-
-| Option | Default | Meaning |
-| --- | --- | --- |
-| `content` | detected (Laravel, Astro, Nuxt, Vite) | globs with class names; `@source` is honoured too |
-| `core` | `true` | `true` Omnia core on demand, `"tokens"` only the color tokens and base, `false` you load Omnia yourself |
-| `preflight` | `true` | include the base reset |
-| `layers` | `true` | cascade layers |
-| `tailwind` | detected | `3` or `4` naming (`shadow-sm`, `rounded-sm`, `ring`, `blur-sm` differ) |
-| `darkMode` | detected | `"class"` (`.dark`) or `"media"` |
-| `breakpoints` | `"omnia"` | or `"tailwind"` |
-| `arbitraryColors` | `"nearest"` | or `"keep"` |
-| `safelist` | `[]` | extra classes |
-
-## Known gaps
-
-- Plugin classes other than `tailwindcss-animate` (typography `prose`, forms, Iconify `icon-[…]`, container-queries plugin utilities) are not generated.
-- `theme.extend.keyframes`/`animation` from `tailwind.config` are not carried over.
-- `bg-opacity-*`/`text-opacity-*` (Tailwind 2 style) and `mask-*` utilities are not generated.
-- Classes assembled from fragments at runtime (`"bg-" + color + "-500"`) cannot be found by any scanner: add them to `safelist`.
-- Breakpoints, shadows and nearest-palette colors differ slightly from Tailwind by design: check the result visually.
-- The first build parses the full Omnia CSS (a few seconds); later builds are cached. `core: "tokens"` is instant.
-
-Node.js 22+. MIT
+# @birdycom/omniacss-migrate
+
+Switch a **Laravel, Vue or React** project from Tailwind CSS to OmniaCSS **and keep your class names**.
+`flex items-center gap-4 p-4 md:p-8 bg-white dark:bg-gray-900 hover:bg-red-500/50 w-[37px]` keeps working: the classes are resolved on demand and emitted as CSS that only uses OmniaCSS tokens (Omnia palette in OKLCH, `rem` scales, Omnia shadows and breakpoints).
+
+Coming from **Bootstrap 3, 4 or 5**? See [From Bootstrap](#from-bootstrap).
+
+> This is the only package that names Tailwind and Bootstrap, because it is a migration tool.
+
+## Laravel in 3 steps
+
+```bash
+# 1. see what changes (dry run, nothing is written) and how much of your markup is covered
+npx @birdycom/omniacss-migrate scan .
+npx @birdycom/omniacss-migrate setup .
+
+# 2. apply the switch: removes the Tailwind packages from package.json, swaps the Vite/PostCSS plugin, carries your theme into CSS
+npx @birdycom/omniacss-migrate setup . --write
+npm uninstall tailwindcss @tailwindcss/vite @tailwindcss/postcss && npm install -D @birdycom/omniacss-migrate
+
+# 3. build as usual
+npm run dev
+```
+
+Your Blade, Vue and React files stay exactly as they are. By hand it is two edits:
+
+```js
+// vite.config.js
+import omniaMigrate from "@birdycom/omniacss-migrate/vite";   // was: import tailwindcss from "@tailwindcss/vite"
+export default defineConfig({ plugins: [laravel({ input: ["resources/css/app.css", "resources/js/app.js"] }), omniaMigrate()] });
+```
+
+```css
+/* resources/css/app.css: unchanged. Both forms are understood: */
+@import "tailwindcss";
+/* or */
+@tailwind base; @tailwind components; @tailwind utilities;
+```
+
+Not using Vite? Use the PostCSS plugin instead:
+
+```js
+// postcss.config.js
+import omniaMigrate from "@birdycom/omniacss-migrate/postcss";
+export default { plugins: [omniaMigrate({ content: ["resources/views/**/*.blade.php", "resources/js/**/*.{vue,tsx,jsx,js}"] })] };
+```
+
+## What the plugin does
+
+- Replaces `@import "tailwindcss"` / `@tailwind base|components|utilities` with Omnia core (tokens + the Omnia classes you use), a small base reset and the compat CSS for the classes it finds in your content.
+- Expands `@apply` (with variants, `!important`, and your own classes), `theme(colors.red.500)`, `--spacing(4)`, `@theme`, `@custom-variant`, `@variant`, `@source`, `@source inline("…")`; ignores `@plugin` and `@config`.
+- Reads `tailwind.config.{js,cjs,mjs}` (`darkMode`, `theme.colors`/`extend.colors`, `fontFamily`, `borderRadius`, `spacing`, `boxShadow`, `screens`, `container`, `prefix`, `important`) and your `@theme` blocks.
+- Output is wrapped in cascade layers `omnia, theme, base, components, utilities`.
+
+Class coverage: layout, flex/grid, spacing, sizing, typography, colors (text, bg, border, ring, outline, fill, stroke, divide, accent, caret, decoration, gradients `from-`/`via-`/`to-`), borders, radius, shadow, ring, opacity, filters and backdrop filters, transitions, animations, transforms, display, position, z-index, overflow, cursor, scroll snap, `tailwindcss-animate` classes, arbitrary values (`w-[37px]`, `bg-(--brand)`, `[mask-type:luminance]`), opacity modifiers (`bg-red-500/50`), negatives (`-mt-2`), `!important`, and variants `hover: focus: active: disabled: first: odd: before: after: placeholder: file: marker: selection:`, `sm: md: lg: xl: 2xl: max-md: min-[…]:`, `@md:` container queries, `dark:`, `group-*`, `peer-*`, `data-[…]:`, `aria-*:`, `has-[…]:`, `not-*`, `in-*`, `supports-[…]:`, `*:`, arbitrary variants `[&>svg]:`, `motion-safe:`, `print:`, `rtl:`.
+
+### Colors
+
+Tailwind palette names map to the **nearest Omnia palette token** (`src/data/colors.json`, generated by `scripts/build-color-map.mjs` with `nearestOmnia()`): `bg-red-500` becomes `var(--color-red-50)`. Arbitrary colors (`bg-[#0041a7]`) are mapped to the nearest token too (`arbitraryColors: "keep"` keeps the literal). Opacity modifiers use `color-mix(in oklab, <token> 50%, transparent)`.
+Colors from `tailwind.config` are mapped to Omnia tokens as well (`--keep-brand-colors` / `keepBrandColors` keeps them); values that are `var(...)`/`hsl(var(...))` (shadcn style) stay as you wrote them.
+
+### Scales
+
+Spacing, sizing, font sizes, radius, blur and containers use the familiar numbers (`p-4` = `1rem`). Shadows reuse Omnia's own shadow values. Breakpoints follow OmniaCSS (`sm` 36rem, `md` 50rem, `lg` 64rem; `xl` 80rem and `2xl` 96rem exist for compatibility). Use `breakpoints: "tailwind"` for 40/48/64/80/96rem.
+
+Names that exist in both systems (`p-4`, `flex`, `shadow-md` …) never collide: classes the compat layer resolves are removed from the Omnia core output.
+
+## CLI
+
+```text
+omniacss-migrate scan <dir>                    coverage: % of class occurrences supported + the unsupported list
+omniacss-migrate setup <project> [--write]     plan (dry run) or apply: package.json, vite/postcss config, CSS @theme + dark mode
+omniacss-migrate codemod <dir> [--write]       rewrite to native OmniaCSS class names where the CSS is identical
+omniacss-migrate build [-c glob] [-o file]     write the CSS once (no Vite or PostCSS)
+omniacss-migrate css "md:hover:bg-red-500/50"  print the CSS for one class
+```
+
+`omniacss migrate scan .` does the same through the main CLI (`npm i -D @birdycom/omniacss-migrate`).
+
+`setup` and `codemod` are dry runs unless you pass `--write`. Commit first: the files are changed in place.
+
+## Codemod (optional)
+
+`codemod` rewrites `class`/`className`/`cn()`/`cva()` strings to **native** OmniaCSS names when an Omnia class has exactly the same declarations (for example `items-center` becomes `align-items-center`, `p-4` becomes `p-1`). Everything else is left alone and listed. After `--write` the file `omniacss-migrate.manifest.json` tells the compat layer which names are now native, so `p-1` (Omnia, `1rem`) is never confused with the old `p-1` (`0.25rem`). Run it over the whole project, not a single folder.
+
+## From Bootstrap
+
+```bash
+npx @birdycom/omniacss-migrate bootstrap scan .              # report only
+npx @birdycom/omniacss-migrate bootstrap codemod . --write   # apply (commit first)
+npx omniacss build -o css/omnia.css                          # OmniaCSS for exactly the classes you use
+```
+
+Works on HTML, PHP, Blade, Twig, ERB, Vue and JSX templates; template code inside a class attribute (`<?php … ?>`, `{{ … }}`) is left untouched.
+
+- **Utilities** become the OmniaCSS class with the same declarations, looked up in the installed OmniaCSS build: `mt-3` (1rem) becomes `mt-1`, `d-md-none` becomes `md:d-none`, `justify-content-between` becomes `justify-between`. Theme colors (`text-primary`, `bg-dark`, `border-danger`) map to the nearest Omnia token.
+- **Components** become OmniaUI classes: `btn btn-primary` → `oc-btn`, `alert alert-danger` → `oc-alert oc-alert--danger`, `form-control` → `oc-input` (`oc-select` on a `<select>`), `card-body`/`panel-body` → `oc-card-content`, `table table-striped` → `oc-table oc-table--striped`.
+- **Grid** classes (`container`, `row`, `col-*`, `offset-*`, `g-*`, `row-cols-*`) stay, served by a generated `bootstrap-compat.css` with only the classes in use, at OmniaCSS breakpoints. Utilities without an OmniaCSS twin (`border` 1px, `z-1`, `mt-n1`) keep their exact CSS in the same file.
+- **JavaScript components** (modal, dropdown, collapse, carousel, navbar, tabs, offcanvas, toast) and icon fonts are reported with the native replacement (`<dialog>` + `commandfor`, popover, `<details>`, scroll snap).
+- The Bootstrap `<link>` is replaced by `omnia.css`, the OmniaUI CSS and `bootstrap-compat.css` in the same asset folder.
+- The report lists classes your JavaScript toggles (`classList.add('btn-primary')`) and Bootstrap 3 classes in a newer site, split into "still styled by your CSS" and "safe to delete".
+- `--write` records the classes it produced in `omniacss-migrate.bootstrap.json`, so running it again never reads the new `mt-1` (OmniaCSS, 1rem) as Bootstrap's `mt-1` (0.25rem).
+
+Options: `--bs 3|4|5` (default: detected from `package.json`, the `<link>`, a local `bootstrap.css` or the markup), `--breakpoints exact` (keep Bootstrap's pixel breakpoints as `min-[48rem]:`), `--compat <file>`, `--omnia-href`, `--omniaui-href`, `--compat-href`.
+
+## Options (PostCSS / Vite)
+
+| Option | Default | Meaning |
+| --- | --- | --- |
+| `content` | detected (Laravel, Astro, Nuxt, Vite) | globs with class names; `@source` is honoured too |
+| `core` | `true` | `true` Omnia core on demand, `"tokens"` only the color tokens and base, `false` you load Omnia yourself |
+| `preflight` | `true` | include the base reset |
+| `layers` | `true` | cascade layers |
+| `tailwind` | detected | `3` or `4` naming (`shadow-sm`, `rounded-sm`, `ring`, `blur-sm` differ) |
+| `darkMode` | detected | `"class"` (`.dark`) or `"media"` |
+| `breakpoints` | `"omnia"` | or `"tailwind"` |
+| `arbitraryColors` | `"nearest"` | or `"keep"` |
+| `safelist` | `[]` | extra classes |
+
+## Known gaps
+
+- Plugin classes other than `tailwindcss-animate` (typography `prose`, forms, Iconify `icon-[…]`, container-queries plugin utilities) are not generated.
+- `theme.extend.keyframes`/`animation` from `tailwind.config` are not carried over.
+- `bg-opacity-*`/`text-opacity-*` (Tailwind 2 style) and `mask-*` utilities are not generated.
+- Classes assembled from fragments at runtime (`"bg-" + color + "-500"`) cannot be found by any scanner: add them to `safelist`.
+- Breakpoints, shadows and nearest-palette colors differ slightly from Tailwind by design: check the result visually.
+- The first build parses the full Omnia CSS (a few seconds); later builds are cached. `core: "tokens"` is instant.
+
+Node.js 22+. MIT

package/bin/omniacss-migrate.mjs

@@ -1,9 +1,9 @@
 #!/usr/bin/env node
-// File: packages/migrate/bin/omniacss-migrate.mjs
-// Author: Serge Cools | Framework: OmniaCSS
-import { run } from "../src/cli.mjs";
-
-run().catch((err) => {
-  console.error(err.message || err);
-  process.exitCode = 1;
-});
+// File: packages/migrate/bin/omniacss-migrate.mjs
+// Author: Serge Cools | Framework: OmniaCSS
+import { run } from "../src/cli.mjs";
+
+run().catch((err) => {
+  console.error(err.message || err);
+  process.exitCode = 1;
+});

package/package.json

@@ -1,61 +1,61 @@
-{
-  "name": "@birdycom/omniacss-migrate",
-  "version": "0.11.0",
-  "description": "Switch a Laravel / Vue / React project from Tailwind CSS to OmniaCSS and keep your class names (PostCSS + Vite plugin, scan, setup, codemod), or convert a Bootstrap 3/4/5 site to OmniaCSS + OmniaUI.",
-  "type": "module",
-  "license": "MIT",
-  "author": "Serge Cools (Birdycom)",
-  "homepage": "https://omniacss.eu",
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/Birdycom/omniacss.git",
-    "directory": "packages/migrate"
-  },
-  "bugs": {
-    "url": "https://github.com/Birdycom/omniacss/issues"
-  },
-  "keywords": [
-    "css",
-    "migration",
-    "tailwind",
-    "bootstrap",
-    "laravel",
-    "vite",
-    "postcss",
-    "codemod",
-    "omniacss"
-  ],
-  "engines": {
-    "node": ">=22"
-  },
-  "bin": {
-    "omniacss-migrate": "./bin/omniacss-migrate.mjs"
-  },
-  "exports": {
-    ".": "./src/index.mjs",
-    "./postcss": "./src/postcss.mjs",
-    "./vite": "./src/vite.mjs",
-    "./cli": "./src/cli.mjs",
-    "./colors.json": "./src/data/colors.json",
-    "./package.json": "./package.json"
-  },
-  "files": [
-    "bin",
-    "src",
-    "scripts",
-    "README.md",
-    "LICENSE"
-  ],
-  "scripts": {
-    "test": "node --test \"test/*.test.mjs\"",
-    "build:colors": "node scripts/build-color-map.mjs"
-  },
-  "dependencies": {
-    "@birdycom/omniacss": "^0.11.0",
-    "postcss": "^8.5.3"
-  },
-  "publishConfig": {
-    "access": "public"
-  },
-  "sideEffects": false
-}
+{
+  "name": "@birdycom/omniacss-migrate",
+  "version": "0.11.2",
+  "description": "Switch a Laravel / Vue / React project from Tailwind CSS to OmniaCSS and keep your class names (PostCSS + Vite plugin, scan, setup, codemod), or convert a Bootstrap 3/4/5 site to OmniaCSS + OmniaUI.",
+  "type": "module",
+  "license": "MIT",
+  "author": "Serge Cools (Birdycom)",
+  "homepage": "https://omniacss.eu",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/Birdycom/OmniaCSS.git",
+    "directory": "packages/migrate"
+  },
+  "bugs": {
+    "url": "https://github.com/Birdycom/OmniaCSS/issues"
+  },
+  "keywords": [
+    "css",
+    "migration",
+    "tailwind",
+    "bootstrap",
+    "laravel",
+    "vite",
+    "postcss",
+    "codemod",
+    "omniacss"
+  ],
+  "engines": {
+    "node": ">=22"
+  },
+  "bin": {
+    "omniacss-migrate": "./bin/omniacss-migrate.mjs"
+  },
+  "exports": {
+    ".": "./src/index.mjs",
+    "./postcss": "./src/postcss.mjs",
+    "./vite": "./src/vite.mjs",
+    "./cli": "./src/cli.mjs",
+    "./colors.json": "./src/data/colors.json",
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "bin",
+    "src",
+    "scripts",
+    "README.md",
+    "LICENSE"
+  ],
+  "scripts": {
+    "test": "node --test \"test/*.test.mjs\"",
+    "build:colors": "node scripts/build-color-map.mjs"
+  },
+  "dependencies": {
+    "@birdycom/omniacss": "^0.11.2",
+    "postcss": "^8.5.3"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "sideEffects": false
+}

package/scripts/build-color-map.mjs

@@ -1,31 +1,31 @@
-// File: packages/migrate/scripts/build-color-map.mjs
-// Build-time: maps every Tailwind default palette color to the nearest Omnia token (OKLab distance)
-// and writes src/data/colors.json. Run: node packages/migrate/scripts/build-color-map.mjs
-// Author: Serge Cools | Framework: OmniaCSS
-
-import fs from "node:fs";
-import path from "node:path";
-import { fileURLToPath } from "node:url";
-import { nearestOmnia } from "../../../scripts/lib/omnia-color.mjs";
-
-const here = path.dirname(fileURLToPath(import.meta.url));
-const root = path.resolve(here, "../../..");
-const { colors } = JSON.parse(fs.readFileSync(path.join(here, "tailwind-palette.json"), "utf8"));
-
-/** oklch(L% C H) -> #rrggbb (gamut clipped). */
-function oklchToHex(str) {
-  const [, L, C, H] = str.match(/oklch\(([\d.]+)% ([\d.]+) ([\d.]+)\)/).map(Number);
-  const l = L / 100, a = C * Math.cos((H * Math.PI) / 180), b = C * Math.sin((H * Math.PI) / 180);
-  const l_ = (l + 0.3963377774 * a + 0.2158037573 * b) ** 3;
-  const m_ = (l - 0.1055613458 * a - 0.0638541728 * b) ** 3;
-  const s_ = (l - 0.0894841775 * a - 1.291485548 * b) ** 3;
-  const lin = [4.0767416621 * l_ - 3.3077115913 * m_ + 0.2309699292 * s_, -1.2684380046 * l_ + 2.6097574011 * m_ - 0.3413193965 * s_, -0.0041960863 * l_ - 0.7034186147 * m_ + 1.707614701 * s_];
-  const enc = (v) => { v = Math.min(1, Math.max(0, v)); return Math.round((v <= 0.0031308 ? 12.92 * v : 1.055 * v ** (1 / 2.4) - 0.055) * 255); };
-  return "#" + lin.map((v) => enc(v).toString(16).padStart(2, "0")).join("");
-}
-
-const map = { black: "--color-black-100", white: "--color-white-100" };
-for (const [name, value] of Object.entries(colors)) map[name] = nearestOmnia(oklchToHex(value), root).token;
-const sorted = Object.fromEntries(Object.entries(map).sort(([a], [b]) => a.localeCompare(b, "en", { numeric: true })));
-fs.writeFileSync(path.join(here, "../src/data/colors.json"), JSON.stringify(sorted, null, 1) + "\n");
-console.log(`colors.json: ${Object.keys(sorted).length} entries`);
+// File: packages/migrate/scripts/build-color-map.mjs
+// Build-time: maps every Tailwind default palette color to the nearest Omnia token (OKLab distance)
+// and writes src/data/colors.json. Run: node packages/migrate/scripts/build-color-map.mjs
+// Author: Serge Cools | Framework: OmniaCSS
+
+import fs from "node:fs";
+import path from "node:path";
+import { fileURLToPath } from "node:url";
+import { nearestOmnia } from "../../../scripts/lib/omnia-color.mjs";
+
+const here = path.dirname(fileURLToPath(import.meta.url));
+const root = path.resolve(here, "../../..");
+const { colors } = JSON.parse(fs.readFileSync(path.join(here, "tailwind-palette.json"), "utf8"));
+
+/** oklch(L% C H) -> #rrggbb (gamut clipped). */
+function oklchToHex(str) {
+  const [, L, C, H] = str.match(/oklch\(([\d.]+)% ([\d.]+) ([\d.]+)\)/).map(Number);
+  const l = L / 100, a = C * Math.cos((H * Math.PI) / 180), b = C * Math.sin((H * Math.PI) / 180);
+  const l_ = (l + 0.3963377774 * a + 0.2158037573 * b) ** 3;
+  const m_ = (l - 0.1055613458 * a - 0.0638541728 * b) ** 3;
+  const s_ = (l - 0.0894841775 * a - 1.291485548 * b) ** 3;
+  const lin = [4.0767416621 * l_ - 3.3077115913 * m_ + 0.2309699292 * s_, -1.2684380046 * l_ + 2.6097574011 * m_ - 0.3413193965 * s_, -0.0041960863 * l_ - 0.7034186147 * m_ + 1.707614701 * s_];
+  const enc = (v) => { v = Math.min(1, Math.max(0, v)); return Math.round((v <= 0.0031308 ? 12.92 * v : 1.055 * v ** (1 / 2.4) - 0.055) * 255); };
+  return "#" + lin.map((v) => enc(v).toString(16).padStart(2, "0")).join("");
+}
+
+const map = { black: "--color-black-100", white: "--color-white-100" };
+for (const [name, value] of Object.entries(colors)) map[name] = nearestOmnia(oklchToHex(value), root).token;
+const sorted = Object.fromEntries(Object.entries(map).sort(([a], [b]) => a.localeCompare(b, "en", { numeric: true })));
+fs.writeFileSync(path.join(here, "../src/data/colors.json"), JSON.stringify(sorted, null, 1) + "\n");
+console.log(`colors.json: ${Object.keys(sorted).length} entries`);

package/scripts/extract-palette.mjs

@@ -1,13 +1,13 @@
-// File: packages/migrate/scripts/extract-palette.mjs
-// One-off helper: re-extract the default palette (oklch) from an installed tailwindcss theme.css into tailwind-palette.json.
-// Usage: node scripts/extract-palette.mjs <path/to/node_modules/tailwindcss/theme.css>
-import fs from "node:fs";
-import path from "node:path";
-import { fileURLToPath } from "node:url";
-
-const here = path.dirname(fileURLToPath(import.meta.url));
-const css = fs.readFileSync(process.argv[2], "utf8");
-const colors = {};
-for (const m of css.matchAll(/--color-([a-z]+-\d+):\s*oklch\(([\d.]+)%\s+([\d.]+)\s+(none|[\d.]+)\)/g)) colors[m[1]] = `oklch(${m[2]}% ${m[3]} ${m[4] === "none" ? 0 : m[4]})`;
-fs.writeFileSync(path.join(here, "tailwind-palette.json"), JSON.stringify({ _note: "Tailwind default palette (oklch), input for build-color-map.mjs", colors }, null, 1));
-console.log(Object.keys(colors).length, "colors");
+// File: packages/migrate/scripts/extract-palette.mjs
+// One-off helper: re-extract the default palette (oklch) from an installed tailwindcss theme.css into tailwind-palette.json.
+// Usage: node scripts/extract-palette.mjs <path/to/node_modules/tailwindcss/theme.css>
+import fs from "node:fs";
+import path from "node:path";
+import { fileURLToPath } from "node:url";
+
+const here = path.dirname(fileURLToPath(import.meta.url));
+const css = fs.readFileSync(process.argv[2], "utf8");
+const colors = {};
+for (const m of css.matchAll(/--color-([a-z]+-\d+):\s*oklch\(([\d.]+)%\s+([\d.]+)\s+(none|[\d.]+)\)/g)) colors[m[1]] = `oklch(${m[2]}% ${m[3]} ${m[4] === "none" ? 0 : m[4]})`;
+fs.writeFileSync(path.join(here, "tailwind-palette.json"), JSON.stringify({ _note: "Tailwind default palette (oklch), input for build-color-map.mjs", colors }, null, 1));
+console.log(Object.keys(colors).length, "colors");