evolit 0.4.2 → 0.4.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +35 -0
- package/package.json +2 -1
package/README.md
CHANGED
|
@@ -346,6 +346,36 @@ virtual modules, generation, finalization or global CSS links, and it does not n
|
|
|
346
346
|
PostCSS. `@litsx/unocss` remains the owner of candidate extraction and CSS generation; Evolit only
|
|
347
347
|
executes its neutral LitSX lifecycle.
|
|
348
348
|
|
|
349
|
+
Tailwind CSS uses the same neutral integration contract, without an Evolit adapter or application
|
|
350
|
+
owned Vite/PostCSS pipeline:
|
|
351
|
+
|
|
352
|
+
```js
|
|
353
|
+
import { litsxTailwind } from "@litsx/tailwind";
|
|
354
|
+
import { defineEvolitConfig } from "evolit/litsx";
|
|
355
|
+
|
|
356
|
+
export default defineEvolitConfig({
|
|
357
|
+
litsx: {
|
|
358
|
+
compiler: { sourceMaps: true },
|
|
359
|
+
integrations: [
|
|
360
|
+
litsxTailwind({ integration: { entry: "./tailwind.css" } }),
|
|
361
|
+
],
|
|
362
|
+
},
|
|
363
|
+
});
|
|
364
|
+
```
|
|
365
|
+
|
|
366
|
+
```css
|
|
367
|
+
/* tailwind.css */
|
|
368
|
+
@import "tailwindcss" source(none);
|
|
369
|
+
|
|
370
|
+
@theme {
|
|
371
|
+
--color-brand: oklch(62% 0.18 255);
|
|
372
|
+
}
|
|
373
|
+
```
|
|
374
|
+
|
|
375
|
+
`source(none)` is recommended because LitSX owns candidate discovery and routes each finite class
|
|
376
|
+
to its component. `@litsx/tailwind` owns Tailwind compilation, virtual modules, dependency
|
|
377
|
+
invalidation, stale-candidate removal and the single document stylesheet.
|
|
378
|
+
|
|
349
379
|
`compiler` accepts the public `TransformLitsxOptions` surface except the values Evolit must own for
|
|
350
380
|
correct server and browser graphs. Evolit always supplies the current `filename`, selects `ssr` per
|
|
351
381
|
target and forces native lowering with `reactCompat: false`; `compiler.sourceMaps` can override the
|
|
@@ -383,6 +413,11 @@ Root, preserves authored `Component.styles` before generated utilities, and emit
|
|
|
383
413
|
theme/custom-property layers once. Those document variables inherit through Shadow Roots and the
|
|
384
414
|
browser hydrates the server result without switching to `react-compat`.
|
|
385
415
|
|
|
416
|
+
`@litsx/tailwind` follows the same ordering and ownership rules: Shadow Root preflight, authored
|
|
417
|
+
`Component.styles`, then component-owned utilities. Its `global.css` output contains theme/custom
|
|
418
|
+
properties, document preflight, Tailwind property registrations and light-DOM utilities exactly
|
|
419
|
+
once. Component utilities are not copied into that document asset.
|
|
420
|
+
|
|
386
421
|
## Server Setup
|
|
387
422
|
|
|
388
423
|
Server integrations that need one-time application setup can be registered with
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "evolit",
|
|
3
|
-
"version": "0.4.
|
|
3
|
+
"version": "0.4.3",
|
|
4
4
|
"description": "A convention-driven application framework for LitSX and web components.",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"packageManager": "yarn@4.10.3",
|
|
@@ -83,6 +83,7 @@
|
|
|
83
83
|
}
|
|
84
84
|
},
|
|
85
85
|
"devDependencies": {
|
|
86
|
+
"@litsx/tailwind": "1.0.0-next.8",
|
|
86
87
|
"@litsx/unocss": "1.0.0-next.8",
|
|
87
88
|
"@playwright/test": "^1.62.0",
|
|
88
89
|
"@webcomponents/scoped-custom-element-registry": "^0.0.10",
|