{"_id":"@bundler-in-browser/tailwindcss","_rev":"4-175110388ed9f88ebb83c919a3422908","name":"@bundler-in-browser/tailwindcss","dist-tags":{"latest":"0.2.0"},"versions":{"0.1.1":{"name":"@bundler-in-browser/tailwindcss","version":"0.1.1","keywords":["sandbox","repl","artifacts","canvas","browser"],"author":{"name":"lyonbot","email":"lyonbot@gmail.com"},"license":"MIT","_id":"@bundler-in-browser/tailwindcss@0.1.1","maintainers":[{"name":"lyonbot","email":"lyonbot@gmail.com"}],"homepage":"https://lyonbot.github.io/bundler-in-browser/","bugs":{"url":"https://github.com/lyonbot/bundler-in-browser/issues"},"dist":{"shasum":"e0c79783fb54f5300646a9d06bde34c0d9f416b8","tarball":"https://registry.npmjs.org/@bundler-in-browser/tailwindcss/-/tailwindcss-0.1.1.tgz","fileCount":5,"integrity":"sha512-ndChMBrrRxFQqmCzGDp28Oe3AyO+IpnylAJtRgT8E+Y+Gbnz1c4RmdItjc5Zs9XwYgs+yK2de6IQaS+NDWSthQ==","signatures":[{"sig":"MEUCID2/a0oqZ00nzHBof9gwiXOuCuYey5zuscv8oyYEJhA3AiEAiZsGnIWRwiVeRKnc2fE9+ka4X5D5rsr0hl26fzyIhH0=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":1460137},"main":"dist/index.js","type":"module","_from":"file:bundler-in-browser-tailwindcss-0.1.1.tgz","types":"dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"},"./*":{"default":"./goods/*"},"./package.json":"./package.json"},"scripts":{"dev":"vite build --watch","test":"vitest","build":"vite build"},"_npmUser":{"name":"lyonbot","email":"lyonbot@gmail.com"},"_resolved":"/private/var/folders/p1/_2hpcynx3xj1vn5mm9d9sgr40000gn/T/7583c595000ad7c129eafaaba51b0b5b/bundler-in-browser-tailwindcss-0.1.1.tgz","_integrity":"sha512-ndChMBrrRxFQqmCzGDp28Oe3AyO+IpnylAJtRgT8E+Y+Gbnz1c4RmdItjc5Zs9XwYgs+yK2de6IQaS+NDWSthQ==","repository":{"url":"git+https://github.com/lyonbot/bundler-in-browser.git","type":"git"},"_npmVersion":"10.9.1","description":"tailwindcss plugin for bundler-in-browser","directories":{},"_nodeVersion":"20.18.0","dependencies":{},"publishConfig":{"access":"public","registry":"https://registry.npmjs.org/"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^6.2.3","vitest":"^3.0.9","postcss":"^8.0.0","typescript":"^5.8.2","tailwindcss":"~3.4.17","autoprefixer":"^10.4.21","esbuild-wasm":"^0.25.1","vite-plugin-dts":"^4.5.3","bundler-in-browser":"0.1.6","@mhsdesign/jit-browser-tailwindcss":"^0.4.2"},"peerDependencies":{"bundler-in-browser":"*"},"_npmOperationalInternal":{"tmp":"tmp/tailwindcss_0.1.1_1743181647778_0.40023770373488743","host":"s3://npm-registry-packages-npm-production"}},"0.1.2":{"name":"@bundler-in-browser/tailwindcss","version":"0.1.2","keywords":["sandbox","repl","artifacts","canvas","browser"],"author":{"name":"lyonbot","email":"lyonbot@gmail.com"},"license":"MIT","_id":"@bundler-in-browser/tailwindcss@0.1.2","maintainers":[{"name":"lyonbot","email":"lyonbot@gmail.com"}],"homepage":"https://lyonbot.github.io/bundler-in-browser/","bugs":{"url":"https://github.com/lyonbot/bundler-in-browser/issues"},"dist":{"shasum":"cce1906e0995e8ff5d0a51a94c6ade3c0340df35","tarball":"https://registry.npmjs.org/@bundler-in-browser/tailwindcss/-/tailwindcss-0.1.2.tgz","fileCount":5,"integrity":"sha512-CsFRgCPrxxRGbLHSk2Sk4iEc2z5FzAOQRPMiViBfzKKqm+0d/EWXjtJi56tFc8Pv33JdRdYNunyDT3PftFd7dg==","signatures":[{"sig":"MEUCIDmc/bKLNrtAplJuHwwFeEvqmhAhS7JfoSRXv9DCxgG8AiEA+kn/1tpROWeEURZapu1PXJYcNslAyTDdQi9v4p0Mdqs=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":1460212},"main":"dist/index.js","type":"module","_from":"file:bundler-in-browser-tailwindcss-0.1.2.tgz","types":"dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"},"./*":{"default":"./goods/*"},"./package.json":"./package.json"},"scripts":{"dev":"vite build --watch","test":"vitest","build":"vite build"},"_npmUser":{"name":"lyonbot","email":"lyonbot@gmail.com"},"_resolved":"/private/var/folders/p1/_2hpcynx3xj1vn5mm9d9sgr40000gn/T/17acfcd25bfde26afb29e8497ecb2c6b/bundler-in-browser-tailwindcss-0.1.2.tgz","_integrity":"sha512-CsFRgCPrxxRGbLHSk2Sk4iEc2z5FzAOQRPMiViBfzKKqm+0d/EWXjtJi56tFc8Pv33JdRdYNunyDT3PftFd7dg==","repository":{"url":"git+https://github.com/lyonbot/bundler-in-browser.git","type":"git"},"_npmVersion":"10.9.1","description":"tailwindcss plugin for bundler-in-browser","directories":{},"_nodeVersion":"20.18.0","dependencies":{},"publishConfig":{"access":"public","registry":"https://registry.npmjs.org/"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^6.2.3","vitest":"^3.0.9","postcss":"^8.0.0","typescript":"^5.8.2","tailwindcss":"~3.4.17","autoprefixer":"^10.4.21","esbuild-wasm":"^0.25.1","vite-plugin-dts":"^4.5.3","bundler-in-browser":"0.1.7","@mhsdesign/jit-browser-tailwindcss":"^0.4.2"},"peerDependencies":{"bundler-in-browser":"*"},"_npmOperationalInternal":{"tmp":"tmp/tailwindcss_0.1.2_1743322424703_0.9809595647978238","host":"s3://npm-registry-packages-npm-production"}},"0.1.3":{"name":"@bundler-in-browser/tailwindcss","version":"0.1.3","keywords":["sandbox","repl","artifacts","canvas","browser"],"author":{"name":"lyonbot","email":"lyonbot@gmail.com"},"license":"MIT","_id":"@bundler-in-browser/tailwindcss@0.1.3","maintainers":[{"name":"lyonbot","email":"lyonbot@gmail.com"}],"homepage":"https://lyonbot.github.io/bundler-in-browser/","bugs":{"url":"https://github.com/lyonbot/bundler-in-browser/issues"},"dist":{"shasum":"b5798e3554bab6befabf111601e1738d9b826064","tarball":"https://registry.npmjs.org/@bundler-in-browser/tailwindcss/-/tailwindcss-0.1.3.tgz","fileCount":5,"integrity":"sha512-26MK3XqeurakylspYmYLntluoOm+8Udwx4E95mqxTRBjpb5C4947w3oC/a8o/366uFkj2rAVIB7Yxz2Xn9jeJw==","signatures":[{"sig":"MEUCIQCjB20nU3ug7VSqoRNFELkicg8f9jXVLi/R9m7Scnjz6QIgJhCQbaxyGnUEqTLqtmuOph5Fytz6mdeDTMwQYPJDJ2A=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":1460212},"main":"dist/index.js","type":"module","_from":"file:bundler-in-browser-tailwindcss-0.1.3.tgz","types":"dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"},"./*":{"default":"./goods/*"},"./package.json":"./package.json"},"scripts":{"dev":"vite build --watch","test":"vitest","build":"vite build"},"_npmUser":{"name":"lyonbot","email":"lyonbot@gmail.com"},"_resolved":"/private/var/folders/rs/1prnk4654l57knct3ylzj2bc0000gn/T/af844dae9add39181b17c804273d7acf/bundler-in-browser-tailwindcss-0.1.3.tgz","_integrity":"sha512-26MK3XqeurakylspYmYLntluoOm+8Udwx4E95mqxTRBjpb5C4947w3oC/a8o/366uFkj2rAVIB7Yxz2Xn9jeJw==","repository":{"url":"git+https://github.com/lyonbot/bundler-in-browser.git","type":"git"},"_npmVersion":"10.8.2","description":"tailwindcss plugin for bundler-in-browser","directories":{},"_nodeVersion":"20.19.0","dependencies":{},"publishConfig":{"access":"public","registry":"https://registry.npmjs.org/"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^6.2.3","vitest":"^3.0.9","postcss":"^8.0.0","typescript":"^5.8.2","tailwindcss":"~3.4.17","autoprefixer":"^10.4.21","esbuild-wasm":"^0.25.1","vite-plugin-dts":"^4.5.3","bundler-in-browser":"0.2.0","@mhsdesign/jit-browser-tailwindcss":"^0.4.2"},"peerDependencies":{"bundler-in-browser":"*"},"_npmOperationalInternal":{"tmp":"tmp/tailwindcss_0.1.3_1745772689380_0.04258565703541617","host":"s3://npm-registry-packages-npm-production"}},"0.2.0":{"name":"@bundler-in-browser/tailwindcss","version":"0.2.0","description":"tailwindcss plugin for bundler-in-browser","homepage":"https://lyonbot.github.io/bundler-in-browser/","publishConfig":{"access":"public","registry":"https://registry.npmjs.org/"},"repository":{"type":"git","url":"git+https://github.com/lyonbot/bundler-in-browser.git"},"bugs":{"url":"https://github.com/lyonbot/bundler-in-browser/issues"},"type":"module","main":"dist/index.js","types":"dist/index.d.ts","exports":{".":{"require":"./dist/index.cjs","types":"./dist/index.d.ts","import":"./dist/index.js"},"./package.json":"./package.json","./*.css":"./goods/*","./*.js":"./goods/*","./*":"./goods/*.js"},"keywords":["sandbox","repl","artifacts","canvas","browser"],"author":{"name":"lyonbot","email":"lyonbot@gmail.com"},"license":"MIT","peerDependencies":{"bundler-in-browser":"*"},"devDependencies":{"@bundler-in-browser/common":"^0.1.0","@mhsdesign/jit-browser-tailwindcss":"^0.4.2","autoprefixer":"^10.4.21","bundler-in-browser":"^0.3.0","esbuild-wasm":"^0.25.5","postcss":"^8.5.6","tailwindcss":"~3.4.17","typescript":"5.8.3","vite":"^6.3.5","vite-plugin-dts":"^4.5.4","vitest":"^3.2.4"},"scripts":{"test":"vitest","dev":"vite build --watch","build":"vite build"},"_id":"@bundler-in-browser/tailwindcss@0.2.0","_integrity":"sha512-t+n56BehA68JwobQ6PJiO7yxel2jHSnk+aTzFShXy/TE9hx6pMm90Hz8KFfvZtchPZZzkCJKz2yEFRF8UjsOCg==","_resolved":"/private/var/folders/xx/mf3p6wsx1g16hfr3gvwljs4h0000gn/T/c7ca21983cc262ca0a67a92cfd55ee84/bundler-in-browser-tailwindcss-0.2.0.tgz","_from":"file:bundler-in-browser-tailwindcss-0.2.0.tgz","_nodeVersion":"20.19.2","_npmVersion":"10.8.2","dist":{"integrity":"sha512-t+n56BehA68JwobQ6PJiO7yxel2jHSnk+aTzFShXy/TE9hx6pMm90Hz8KFfvZtchPZZzkCJKz2yEFRF8UjsOCg==","shasum":"25a54fa375e41a64dd1a027a43a6434c63ab7224","tarball":"https://registry.npmjs.org/@bundler-in-browser/tailwindcss/-/tailwindcss-0.2.0.tgz","fileCount":5,"unpackedSize":1491346,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEYCIQCbk6v8uY3QGaEB2pe2COUD6tPvYeSkY04W0BpuVykk6wIhAMmgHDVerbOKSB+EH+Co65Qnu/JxrJazulygQ4DamAoH"}]},"_npmUser":{"name":"lyonbot","email":"lyonbot@gmail.com","actor":{"name":"lyonbot","email":"lyonbot@gmail.com","type":"user"}},"directories":{},"maintainers":[{"name":"lyonbot","email":"lyonbot@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/tailwindcss_0.2.0_1751647948630_0.6387486267515967"},"_hasShrinkwrap":false}},"time":{"created":"2025-03-28T17:07:27.690Z","modified":"2025-07-04T16:52:29.000Z","0.1.1":"2025-03-28T17:07:28.006Z","0.1.2":"2025-03-30T08:13:44.995Z","0.1.3":"2025-04-27T16:51:29.626Z","0.2.0":"2025-07-04T16:52:28.831Z"},"bugs":{"url":"https://github.com/lyonbot/bundler-in-browser/issues"},"author":{"name":"lyonbot","email":"lyonbot@gmail.com"},"license":"MIT","homepage":"https://lyonbot.github.io/bundler-in-browser/","keywords":["sandbox","repl","artifacts","canvas","browser"],"repository":{"type":"git","url":"git+https://github.com/lyonbot/bundler-in-browser.git"},"description":"tailwindcss plugin for bundler-in-browser","maintainers":[{"name":"lyonbot","email":"lyonbot@gmail.com"}],"readme":"# @bundler-in-browser/tailwindcss\n\nA Tailwind CSS plugin for [bundler-in-browser](https://github.com/lyonbot/bundler-in-browser) that enables Tailwind CSS processing in the browser environment.\n\n[![github](https://img.shields.io/badge/github-source-blue)](https://github.com/lyonbot/bundler-in-browser) [![example](https://img.shields.io/badge/example-online-green)](https://lyonbot.github.io/bundler-in-browser/)\n\nWhat works:\n\n- directives (@tailwind, @apply, @layer, @variants, @responsive)\n- configuration (theme, plugins, corePlugins etc.)\n- scss and css-modules\n- third-party plugins (need to be configured, see below)\n\n## Installation\n\n```bash\nnpm install bundler-in-browser @bundler-in-browser/tailwindcss\n```\n\n## Usage\n\n```ts\nimport { BundlerInBrowser, installSassPlugin } from \"bundler-in-browser\";\nimport installTailwindPlugin from \"@bundler-in-browser/tailwindcss\";\n\nconst bundler = new BundlerInBrowser(fs);\nawait bundler.initialize();\n\nawait installSassPlugin(bundler);\nawait installTailwindPlugin(bundler, {\n  rootDir: \"/src\",\n  // pattern: /\\.(css|scss|html|vue|jsx?|tsx?|md$/,   // defaults\n\n  // Your tailwind configuration\n  tailwindConfig: {\n    corePlugins: {\n      preflight: false, // Example: disable Tailwind CSS Reset. 👇 see caveats below.\n    },\n  },\n});\n```\n\nAnd ensure your project contains a `/src/main.css` like this:\n\n```css\n@tailwind base;\n@tailwind components;\n@tailwind utilities;\n```\n\nAnd import it in the entry file:\n\n```js\n// in /src/index.js\n\nimport \"./main.css\";\n```\n\n## Caveats\n\n### preflight (CSS Reset)\n\nIf you set `preflight: false` in `tailwindConfig`, you may need to import CSS Reset manually.\n\n- **suggestion1**: use [@unocss/reset](https://unocss.dev/guide/style-reset#tailwind) instead\n\n  ```js\n  // based on Tailwind reset, minus the background color override for buttons\n  // to avoid conflicts with UI frameworks.\n  import \"@unocss/reset/tailwind-compat.css\";\n  ```\n\n- **suggestion2**: use tailwind's original preflight\n\n  ⚠️ You need PostCSS + TailwindCSS to process [functions](https://v3.tailwindcss.com/docs/functions-and-directives#theme) like `theme('borderColor.DEFAULT', currentColor)`\n\n  ```js\n  // as css style (be processed by PostCSS)\n  import \"@bundler-in-browser/tailwindcss/preflight.css\";\n\n  // or, as js string (you shall process functions by yourself)\n  import { preflight } from \"@bundler-in-browser/tailwindcss\";\n  ```\n\n### TailwindCSS Plugins\n\nMost tailwind plugins relies on `tailwindcss/plugin`. You must **configure alias for tailwindcss** to support.\n\nFor vite:\n\n```js\n// vite.config.ts\nimport { defineConfig } from \"vite\";\n\nexport default defineConfig({\n  resolve: {\n    alias: {\n      tailwindcss: \"@bundler-in-browser/tailwindcss\",\n\n      // or to pick if needed\n      // \"tailwindcss/plugin\": '@bundler-in-browser/tailwindcss/plugin',\n      // \"tailwindcss/defaultConfig\": '@bundler-in-browser/tailwindcss/defaultConfig',\n      // \"tailwindcss/defaultTheme\": '@bundler-in-browser/tailwindcss/defaultTheme',\n      // \"tailwindcss/colors\": '@bundler-in-browser/tailwindcss/colors',\n    },\n  },\n});\n```\n\nFor webpack:\n\n```js\n// webpack.config.js\nmodule.exports = {\n  resolve: {\n    alias: {\n      tailwindcss: \"@bundler-in-browser/tailwindcss\",\n\n      // or to pick if needed\n      // \"tailwindcss/plugin\": '@bundler-in-browser/tailwindcss/plugin',\n      // \"tailwindcss/defaultConfig\": '@bundler-in-browser/tailwindcss/defaultConfig',\n      // \"tailwindcss/defaultTheme\": '@bundler-in-browser/tailwindcss/defaultTheme',\n      // \"tailwindcss/colors\": '@bundler-in-browser/tailwindcss/colors',\n    },\n  },\n};\n```\n\n### Use tailwind.config.js\n\nFor convenience, you can set `tailwindConfig: \"/tailwind.config.js\"`, but actually it's dangerous because we use `eval` to load it. And it can't load plugins.\n\nIt's recommended to pass an `tailwindConfig` object directly instead, which supports plugins.\n\n## Configuration Options\n\n### `rootDir`\n\nThe root directory to scan for files. Defaults to `/src`.\n\n### `pattern`\n\nThe file pattern to scan. Defaults to `/\\.(css|scss|sass|less|styl|html|vue|jsx?|tsx?|[cm][jt]s)|md$/`.\n\n### `tailwindConfig`\n\nThe Tailwind CSS configuration object (recommended), or a string path to the configuration file in virtual file system.\n\nPrefer to pass an object directly, which is safe and supports plugins.\n","readmeFilename":"README.md"}