@bestcss/core 0.1.0 → 0.1.2

package/dist/index.d.ts

@@ -1,6 +1,7 @@
 export { generateClassName } from "./class-name.js";
 export { applyRename, createRenameMap } from "./class-rename.js";
 export { dedupeCss } from "./dedupe.js";
+export { minifyCss } from "./minify.js";
 export { collectImportSources } from "./imports.js";
 export { css } from "./css.js";
 export { transform, type TransformOptions, type TransformResult, } from "./transform.js";

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACjE,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AAC/B,OAAO,EACL,SAAS,EACT,KAAK,gBAAgB,EACrB,KAAK,eAAe,GACrB,MAAM,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACjE,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AAC/B,OAAO,EACL,SAAS,EACT,KAAK,gBAAgB,EACrB,KAAK,eAAe,GACrB,MAAM,gBAAgB,CAAC"}

package/dist/index.js

@@ -1,6 +1,7 @@
 export { generateClassName } from "./class-name.js";
 export { applyRename, createRenameMap } from "./class-rename.js";
 export { dedupeCss } from "./dedupe.js";
+export { minifyCss } from "./minify.js";
 export { collectImportSources } from "./imports.js";
 export { css } from "./css.js";
 export { transform, } from "./transform.js";

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACjE,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AAC/B,OAAO,EACL,SAAS,GAGV,MAAM,gBAAgB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACjE,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AAC/B,OAAO,EACL,SAAS,GAGV,MAAM,gBAAgB,CAAC"}

package/dist/minify.d.ts

@@ -0,0 +1,7 @@
+/**
+ * CSS を minify する。ルート単位 CSS 分割でプラグインが自前 emit する
+ * アセットは Vite の CSS パイプライン（cssMinify）を通らないため、
+ * 同じ Lightning CSS でここで最小化する
+ */
+export declare function minifyCss(css: string): string;
+//# sourceMappingURL=minify.d.ts.map

package/dist/minify.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"minify.d.ts","sourceRoot":"","sources":["../src/minify.ts"],"names":[],"mappings":"AAEA;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAO7C"}

package/dist/minify.js

@@ -0,0 +1,15 @@
+import { transform as transformCss } from "lightningcss";
+/**
+ * CSS を minify する。ルート単位 CSS 分割でプラグインが自前 emit する
+ * アセットは Vite の CSS パイプライン（cssMinify）を通らないため、
+ * 同じ Lightning CSS でここで最小化する
+ */
+export function minifyCss(css) {
+    const result = transformCss({
+        filename: "bestcss-minify.css",
+        code: Buffer.from(css),
+        minify: true,
+    });
+    return result.code.toString();
+}
+//# sourceMappingURL=minify.js.map

package/dist/minify.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"minify.js","sourceRoot":"","sources":["../src/minify.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,IAAI,YAAY,EAAE,MAAM,cAAc,CAAC;AAEzD;;;;GAIG;AACH,MAAM,UAAU,SAAS,CAAC,GAAW;IACnC,MAAM,MAAM,GAAG,YAAY,CAAC;QAC1B,QAAQ,EAAE,oBAAoB;QAC9B,IAAI,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC;QACtB,MAAM,EAAE,IAAI;KACb,CAAC,CAAC;IACH,OAAO,MAAM,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;AAChC,CAAC"}

package/docs/03-migrate-from-utility-frameworks.md

@@ -0,0 +1,56 @@
+# Tailwind / UnoCSS からの移行
+
+## Preflight → modern-normalize の差分に注意
+
+`@bestcss/core/reset.css` は modern-normalize に委譲している。Tailwind / UnoCSS の **Preflight は modern-normalize より広範なリセット**を行うため、乗り換えると次の差分で見た目が崩れる:
+
+| Preflight がやること | modern-normalize | 崩れ方 |
+|---|---|---|
+| `h1..h6, p, dl, dd` 等の margin を 0 に | しない | 既定の margin が復活する |
+| `a { color: inherit; text-decoration: none }` | しない | リンクが既定の青下線に戻る |
+| `* { border-width: 0; border-style: solid }` | しない | `border-width: 1px` だけでは枠線が出ない（`border: 1px solid ...` と **style まで明示**が必要） |
+
+## 対処: base 層で明示補完する
+
+利用側のグローバル CSS（[グローバルな定義の書き方](./01-syntax.md)）で、依存していた分だけ明示する:
+
+```css
+@import "@bestcss/core/reset.css";
+
+/* Preflight 相当を必要な分だけ補完する */
+h1, h2, h3, h4, h5, h6, p, figure, blockquote, dl, dd {
+  margin: 0;
+}
+a {
+  color: inherit;
+  text-decoration: none;
+}
+```
+
+border は補完せず、css`` 側で `border: 1px solid ...` と書くのを推奨する（暗黙の `border-style` 前提はコードの可搬性を下げる）。
+
+## class 属性の移行
+
+ユーティリティの列挙は 1 つの css`` ブロックに置き換える:
+
+```tsx
+// before (Tailwind)
+<button className="inline-flex items-center px-4 py-2 rounded-md bg-blue-600 text-white hover:opacity-80" />
+
+// after
+const button = css`
+  display: inline-flex;
+  align-items: center;
+  padding: 8px 16px;
+  border-radius: 6px;
+  background: #2563eb;
+  color: #fff;
+
+  &:hover {
+    opacity: 0.8;
+  }
+`;
+<button className={button} />
+```
+
+theme() 由来の値はデザイントークン（`:root` のカスタムプロパティ）+ `var()` に移す。

package/docs/index.md

@@ -8,6 +8,7 @@ bestcss は「ゼロランタイム × コロケーション × 生 CSS 文法
 
 1. [css`` の文法 — 書けるもの・書けないもの](./01-syntax.md)
 2. [内部のしくみ（クラス名・最適化・デバッグ）](./02-how-it-works.md)
+3. [Tailwind / UnoCSS からの移行](./03-migrate-from-utility-frameworks.md)
 
 ## バンドラー統合のドキュメント
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bestcss/core",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "description": "ゼロランタイム CSS-in-JS のバンドラー非依存な変換コア。css`` タグをビルド時にクラス名と CSS へ変換する",
   "keywords": [
     "css",