vite-plugin-windicss
Advanced tools
Comparing version 1.8.3 to 1.8.4
@@ -49,3 +49,3 @@ var __create = Object.create; | ||
// ../../node_modules/.pnpm/tsup@5.11.13_typescript@4.5.5/node_modules/tsup/assets/cjs_shims.js | ||
// ../../node_modules/.pnpm/tsup@5.11.13_typescript@4.6.3/node_modules/tsup/assets/cjs_shims.js | ||
var getImportMetaUrl = () => typeof document === "undefined" ? new URL("file:" + __filename).href : document.currentScript && document.currentScript.src || new URL("main.js", document.baseURI).href; | ||
@@ -241,4 +241,6 @@ var importMetaUrl = /* @__PURE__ */ getImportMetaUrl(); | ||
}, | ||
async load(id) { | ||
async load(id, options) { | ||
var _a, _b; | ||
if ((options == null ? void 0 : options.ssr) && [DEVTOOLS_PATH, MOCK_CLASSES_PATH].includes(id)) | ||
return ""; | ||
if (id === DEVTOOLS_PATH) { | ||
@@ -245,0 +247,0 @@ if (!clientCode) { |
{ | ||
"name": "vite-plugin-windicss", | ||
"version": "1.8.3", | ||
"version": "1.8.4", | ||
"description": "Windi CSS for Vite, it's fast!", | ||
@@ -14,2 +14,3 @@ "keywords": [ | ||
"license": "MIT", | ||
"author": "antfu <anthonyfu117@hotmail.com>", | ||
"repository": { | ||
@@ -20,6 +21,5 @@ "type": "git", | ||
"funding": "https://github.com/sponsors/antfu", | ||
"author": "antfu <anthonyfu117@hotmail.com>", | ||
"files": [ | ||
"dist" | ||
], | ||
"main": "dist/index.js", | ||
"module": "dist/index.mjs", | ||
"types": "dist/index.d.ts", | ||
"exports": { | ||
@@ -36,5 +36,5 @@ ".": { | ||
}, | ||
"main": "dist/index.js", | ||
"module": "dist/index.mjs", | ||
"types": "dist/index.d.ts", | ||
"files": [ | ||
"dist" | ||
], | ||
"peerDependencies": { | ||
@@ -44,4 +44,4 @@ "vite": "^2.0.1" | ||
"dependencies": { | ||
"@windicss/plugin-utils": "1.8.3", | ||
"debug": "^4.3.3", | ||
"@windicss/plugin-utils": "1.8.4", | ||
"debug": "^4.3.4", | ||
"kolorist": "^1.5.1", | ||
@@ -51,3 +51,3 @@ "windicss": "^3.5.1" | ||
"devDependencies": { | ||
"vite": "^2.8.4" | ||
"vite": "^2.9.1" | ||
}, | ||
@@ -58,3 +58,3 @@ "scripts": { | ||
}, | ||
"readme": "<h1 align='center'>vite-plugin-windicss</h1>\n\n<p align='center'><a href=\"https://github.com/voorjaar/windicss\">Windi CSS</a> for Vite, it's fast! ⚡️<br>\n</p>\n\n<p align='center'>\n<a href='https://www.npmjs.com/package/vite-plugin-windicss'>\n<img src='https://img.shields.io/npm/v/vite-plugin-windicss?color=0EA5E9&label='>\n</a>\n</p>\n\n## Features\n\n- ⚡️ **It's FAST** - 20~100x times faster than Tailwind on Vite\n- 🧩 On-demand CSS utilities (Fully compatible with Tailwind CSS v2)\n- 📦 On-demand native elements style reseting (preflight)\n- 🔥 Hot module replacement (HMR)\n- 🍃 Load configurations from `tailwind.config.js`\n- 🤝 Framework-agnostic - Vue, React, Svelte and vanilla!\n- 📄 CSS `@apply` / `@screen` directives transforms (also works for Vue SFC's `<style>`)\n- 🎳 Support Variant Groups - e.g. `bg-gray-200 hover:(bg-gray-100 text-red-300)`\n- 😎 [\"Design in Devtools\"](#design-in-devtools) - if you work this way in the traditional Tailwind, no reason we can't!\n\n## Documentation\n\nRead the [documentation](https://windicss.org/integrations/vite.html) for more details.\n\n## New Features in v3.0\n\n### [Attributify Mode](https://windicss.org/posts/v30.html#attributify-mode)\n\nEnabled it by \n\n```ts\n// windi.config.ts\nexport default {\n attributify: true\n}\n```\n\nAnd use them as you would like:\n\n```html\n<button \n bg=\"blue-400 hover:blue-500 dark:blue-500 dark:hover:blue-600\"\n text=\"sm white\"\n font=\"mono light\"\n p=\"y-2 x-4\"\n border=\"2 rounded blue-200\"\n>\n Button\n</button>\n```\n\n#### Prefix\n\nIf you are concerned about naming confliction, you can add custom prefix to attributify mode by:\n\n```ts\n// windi.config.ts\nexport default {\n attributify: {\n prefix: 'w:'\n }\n}\n```\n\n```html\n<button \n w:bg=\"blue-400 hover:blue-500 dark:blue-500 dark:hover:blue-600\"\n w:text=\"sm white\"\n w:font=\"mono light\"\n w:p=\"y-2 x-4\"\n w:border=\"2 rounded blue-200\"\n>\n Button\n</button>\n```\n\n### [Alias Config](https://windicss.org/posts/v30.html#alias-config)\n\n```ts\n// windi.config.ts\nexport default {\n alias: {\n 'hstack': 'flex items-center',\n 'vstack': 'flex flex-col',\n 'icon': 'w-6 h-6 fill-current',\n 'app': 'text-red',\n 'app-border': 'border-gray-200 dark:border-dark-300',\n },\n}\n```\n\n## Sponsors\n\n<p align=\"center\">\n <a href=\"https://cdn.jsdelivr.net/gh/antfu/static/sponsors.svg\">\n <img src='https://cdn.jsdelivr.net/gh/antfu/static/sponsors.svg'/>\n </a>\n</p>\n\n## License\n\nMIT License © 2021 [Anthony Fu](https://github.com/antfu)\n" | ||
"readme": "<h1 align='center'>vite-plugin-windicss</h1>\n\n<p align='center'><a href=\"https://github.com/voorjaar/windicss\">Windi CSS</a> for Vite, it's fast! ⚡️<br>\n</p>\n\n<p align='center'>\n<a href='https://www.npmjs.com/package/vite-plugin-windicss'>\n<img src='https://img.shields.io/npm/v/vite-plugin-windicss?color=0EA5E9&label='>\n</a>\n</p>\n\n## Features\n\n- ⚡️ **It's FAST** - 20~100x times faster than Tailwind on Vite\n- 🧩 On-demand CSS utilities (Fully compatible with Tailwind CSS v2)\n- 📦 On-demand native elements style reseting (preflight)\n- 🔥 Hot module replacement (HMR)\n- 🍃 Load configurations from `tailwind.config.js`\n- 🤝 Framework-agnostic - Vue, React, Svelte and vanilla!\n- 📄 CSS `@apply` / `@screen` directives transforms (also works for Vue SFC's `<style>`)\n- 🎳 Support Variant Groups - e.g. `bg-gray-200 hover:(bg-gray-100 text-red-300)`\n- 😎 [\"Design in Devtools\"](#design-in-devtools) - if you work this way in the traditional Tailwind, no reason we can't!\n\n## Documentation\n\nRead the [documentation](https://windicss.org/integrations/vite.html) for more details.\n\n## New Features in v3.0\n\n### [Attributify Mode](https://windicss.org/posts/v30.html#attributify-mode)\n\nEnabled it by \n\n```ts\n// windi.config.ts\nexport default {\n attributify: true,\n}\n```\n\nAnd use them as you would like:\n\n```html\n<button \n bg=\"blue-400 hover:blue-500 dark:blue-500 dark:hover:blue-600\"\n text=\"sm white\"\n font=\"mono light\"\n p=\"y-2 x-4\"\n border=\"2 rounded blue-200\"\n>\n Button\n</button>\n```\n\n#### Prefix\n\nIf you are concerned about naming confliction, you can add custom prefix to attributify mode by:\n\n```ts\n// windi.config.ts\nexport default {\n attributify: {\n prefix: 'w:',\n },\n}\n```\n\n```html\n<button \n w:bg=\"blue-400 hover:blue-500 dark:blue-500 dark:hover:blue-600\"\n w:text=\"sm white\"\n w:font=\"mono light\"\n w:p=\"y-2 x-4\"\n w:border=\"2 rounded blue-200\"\n>\n Button\n</button>\n```\n\n### [Alias Config](https://windicss.org/posts/v30.html#alias-config)\n\n```ts\n// windi.config.ts\nexport default {\n alias: {\n 'hstack': 'flex items-center',\n 'vstack': 'flex flex-col',\n 'icon': 'w-6 h-6 fill-current',\n 'app': 'text-red',\n 'app-border': 'border-gray-200 dark:border-dark-300',\n },\n}\n```\n\n## Sponsors\n\n<p align=\"center\">\n <a href=\"https://cdn.jsdelivr.net/gh/antfu/static/sponsors.svg\">\n <img src='https://cdn.jsdelivr.net/gh/antfu/static/sponsors.svg'/>\n </a>\n</p>\n\n## License\n\nMIT License © 2021 [Anthony Fu](https://github.com/antfu)\n" | ||
} |
@@ -37,3 +37,3 @@ <h1 align='center'>vite-plugin-windicss</h1> | ||
export default { | ||
attributify: true | ||
attributify: true, | ||
} | ||
@@ -64,4 +64,4 @@ ``` | ||
attributify: { | ||
prefix: 'w:' | ||
} | ||
prefix: 'w:', | ||
}, | ||
} | ||
@@ -68,0 +68,0 @@ ``` |
Sorry, the diff of this file is not supported yet
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
37078
926
+ Added@windicss/config@1.8.4(transitive)
+ Added@windicss/plugin-utils@1.8.4(transitive)
+ Addedmagic-string@0.26.7(transitive)
- Removed@windicss/config@1.8.3(transitive)
- Removed@windicss/plugin-utils@1.8.3(transitive)
- Removedmagic-string@0.25.9(transitive)
Updated@windicss/plugin-utils@1.8.4
Updateddebug@^4.3.4