Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

vite-plugin-windicss

Package Overview
Dependencies
Maintainers
5
Versions
197
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

vite-plugin-windicss - npm Package Compare versions

Comparing version 1.8.3 to 1.8.4

6

dist/index.js

@@ -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 &copy; 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 &copy; 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

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc