@unocss/transformer-directives 0.32.7 → 0.32.11

package/LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2022 hannoeru
+Copyright (c) 2022-PRESENT hannoeru
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/README.md

@@ -1,5 +1,7 @@
 # @unocss/transformer-directives
 
+<!-- @unocss-ignore -->
+
 UnoCSS transformer for `@apply` directive
 
 ## Install

package/dist/index.cjs

@@ -5,13 +5,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const core = require('@unocss/core');
 const cssTree = require('css-tree');
 
-const regexCssId = /\.(css|postcss|sass|scss|less|stylus|styl)$/;
-
 function transformerDirectives(options = {}) {
   return {
     name: "css-directive",
     enforce: options?.enforce,
-    idFilter: (id) => !!id.match(regexCssId),
+    idFilter: (id) => !!id.match(core.cssIdRE),
     transform: (code, id, ctx) => {
       return transformDirectives(code, ctx.uno, options, id);
     }

package/dist/index.mjs

@@ -1,13 +1,11 @@
-import { expandVariantGroup, notNull, regexScopePlaceholder } from '@unocss/core';
+import { cssIdRE, expandVariantGroup, notNull, regexScopePlaceholder } from '@unocss/core';
 import { parse, walk, generate, clone } from 'css-tree';
 
-const regexCssId = /\.(css|postcss|sass|scss|less|stylus|styl)$/;
-
 function transformerDirectives(options = {}) {
   return {
     name: "css-directive",
     enforce: options?.enforce,
-    idFilter: (id) => !!id.match(regexCssId),
+    idFilter: (id) => !!id.match(cssIdRE),
     transform: (code, id, ctx) => {
       return transformDirectives(code, ctx.uno, options, id);
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@unocss/transformer-directives",
-  "version": "0.32.7",
+  "version": "0.32.11",
   "description": "UnoCSS transformer for `@apply` directive",
   "keywords": [
     "unocss",
@@ -31,7 +31,7 @@
   ],
   "sideEffects": false,
   "dependencies": {
-    "@unocss/core": "0.32.7",
+    "@unocss/core": "0.32.11",
     "css-tree": "^2.1.0"
   },
   "devDependencies": {
@@ -40,6 +40,5 @@
   "scripts": {
     "build": "unbuild",
     "stub": "unbuild --stub"
-  },
-  "readme": "# @unocss/transformer-directives\n\nUnoCSS transformer for `@apply` directive\n\n## Install\n\n```bash\nnpm i -D @unocss/transformer-directives\n```\n\n```ts\nimport Unocss from 'unocss/vite'\nimport transformerDirective from '@unocss/transformer-directives'\n\nUnocss({\n  transformers: [\n    transformerDirective(),\n  ],\n})\n```\n\n## Usage\n\n```css\n.custom-div {\n  @apply text-center my-0 font-medium;\n}\n```\n\nWill be transformed to:\n\n```css\n.custom-div {\n  margin-top: 0rem;\n  margin-bottom: 0rem;\n  text-align: center;\n  font-weight: 500;\n}\n```\n\n> Currently only `@apply` is supported.\n\n### CSS Variable Style\n\nTo be compatible with vanilla CSS, you can use CSS Variables to replace the `@apply` directive.\n\n```css\n.custom-div {\n  --at-apply: text-center my-0 font-medium;\n}\n```\n\nTo use rules with `:`, you will need to quote the value\n\n```css\n.custom-div {\n  --at-apply: \"hover:text-red\";\n}\n```\n\nThis feature is enabled by default (with prefix `--at-`), can you configure it or disable it via:\n\n```js\ntransformerDirective({\n  varStyle: '--my-at-',\n  // or disable with:\n  // varStyle: false\n})\n```\n\n## License\n\nMIT License © 2022-PRESENT [hannoeru](https://github.com/hannoeru)\n"
+  }
 }