{"_id":"@carloitaben/tailwindcss-js","_rev":"1-a38489cb2763efd51083f67e0fae5614","name":"@carloitaben/tailwindcss-js","dist-tags":{"latest":"0.0.1"},"versions":{"0.0.0":{"name":"@carloitaben/tailwindcss-js","version":"0.0.0","keywords":["tailwindcss","plugin","js","noscript"],"author":{"url":"https://carlo.works","name":"Carlo Domínguez","email":"hello@carlo.works"},"license":"MIT","_id":"@carloitaben/tailwindcss-js@0.0.0","maintainers":[{"name":"carloitaben","email":"hello@carlo.works"}],"dist":{"shasum":"d693028480dda2228ccdc3d482cab6718503432a","tarball":"https://registry.npmjs.org/@carloitaben/tailwindcss-js/-/tailwindcss-js-0.0.0.tgz","fileCount":6,"integrity":"sha512-S7qRA/RKclhnl3egHmdwClnICNYinsZKOofq/yX8NlplXEfe62FZf/xPlJSUGVtmm58nNK1AuaeuasMTGkOMiQ==","signatures":[{"sig":"MEYCIQC6q715gygjR7tY0rO1feIsb491b7127KyDVEjYL58h7gIhAIzGOhtlM6qpydzTDqq5mYwzN9cwHIH+ZpbDa/WSVMwp","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":5266},"main":"dist/index.js","type":"module","_from":"file:carloitaben-tailwindcss-js-0.0.0.tgz","types":"dist/index.d.ts","module":"dist/index.js","private":false,"scripts":{"dev":"tsup --watch","test":"echo \"Error: no test specified\" && exit 1","build":"tsup"},"_npmUser":{"name":"carloitaben","email":"hello@carlo.works"},"_resolved":"/private/var/folders/4_/6spgcbb10b71fwx_nvx_0q4h0000gp/T/4063e9fd808d2d81ced71a8aa50e2062/carloitaben-tailwindcss-js-0.0.0.tgz","_integrity":"sha512-S7qRA/RKclhnl3egHmdwClnICNYinsZKOofq/yX8NlplXEfe62FZf/xPlJSUGVtmm58nNK1AuaeuasMTGkOMiQ==","_npmVersion":"10.5.0","description":"Apply `tailwindcss` classes only when JavaScript is enabled.","directories":{},"sideEffects":false,"_nodeVersion":"21.7.1","_hasShrinkwrap":false,"devDependencies":{"tsup":"^7.1.0","typescript":"^5.1.6","@types/node":"^20.4.2","tailwindcss":"^3.3.3","@navith/tailwindcss-plugin-author-types":"1.8.1-0.1"},"peerDependencies":{"tailwindcss":"^3"},"peerDependenciesMeta":{"tailwindcss":{"optional":false}},"_npmOperationalInternal":{"tmp":"tmp/tailwindcss-js_0.0.0_1723763334607_0.33209012170662255","host":"s3://npm-registry-packages"}},"0.0.1":{"name":"@carloitaben/tailwindcss-js","version":"0.0.1","license":"MIT","private":false,"sideEffects":false,"type":"module","main":"dist/index.js","module":"dist/index.js","types":"dist/index.d.ts","keywords":["tailwindcss","plugin","js","noscript"],"author":{"name":"Carlo Domínguez","email":"hello@carlo.works","url":"https://carlo.works"},"peerDependencies":{"tailwindcss":"^3"},"peerDependenciesMeta":{"tailwindcss":{"optional":false}},"devDependencies":{"@navith/tailwindcss-plugin-author-types":"1.8.1-0.1","@types/node":"^20.4.2","prettier":"^3.3.3","tailwindcss":"^3.3.3","tsup":"^7.1.0","typescript":"^5.1.6"},"scripts":{"dev":"tsup --watch","build":"tsup","test":"echo \"Error: no test specified\" && exit 1"},"description":"Apply `tailwindcss` classes only when JavaScript is enabled.","_id":"@carloitaben/tailwindcss-js@0.0.1","_integrity":"sha512-Nwn5Q2CwGZCAE8vQV8B0EUGVZjYvEwZI7hT3QCjdCa0+IWZERW+ggtv+fVh4SoOZJCCITdIjsHcAzXqkezvJQQ==","_resolved":"/private/var/folders/4_/6spgcbb10b71fwx_nvx_0q4h0000gp/T/ce3023746d061efa0ddcd49a821f7919/carloitaben-tailwindcss-js-0.0.1.tgz","_from":"file:carloitaben-tailwindcss-js-0.0.1.tgz","_nodeVersion":"21.7.1","_npmVersion":"10.5.0","dist":{"integrity":"sha512-Nwn5Q2CwGZCAE8vQV8B0EUGVZjYvEwZI7hT3QCjdCa0+IWZERW+ggtv+fVh4SoOZJCCITdIjsHcAzXqkezvJQQ==","shasum":"083b19acebfe504b3609ad7da1ecd4e057fe3538","tarball":"https://registry.npmjs.org/@carloitaben/tailwindcss-js/-/tailwindcss-js-0.0.1.tgz","fileCount":6,"unpackedSize":5441,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEOEzhn4e3MOLJCQtmK8hpufVPOwAt1FwLKAnzmoP7NRAiAG/Chinz7k5Ndwg4ztR9AfD1CDB5Xjg/ioGaQxiuOXXA=="}]},"_npmUser":{"name":"carloitaben","email":"hello@carlo.works"},"directories":{},"maintainers":[{"name":"carloitaben","email":"hello@carlo.works"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/tailwindcss-js_0.0.1_1723791772121_0.9381182630315177"},"_hasShrinkwrap":false}},"time":{"created":"2024-08-15T23:08:54.485Z","modified":"2024-08-16T07:02:52.465Z","0.0.0":"2024-08-15T23:08:54.863Z","0.0.1":"2024-08-16T07:02:52.294Z"},"author":{"name":"Carlo Domínguez","email":"hello@carlo.works","url":"https://carlo.works"},"license":"MIT","keywords":["tailwindcss","plugin","js","noscript"],"description":"Apply `tailwindcss` classes only when JavaScript is enabled.","maintainers":[{"name":"carloitaben","email":"hello@carlo.works"}],"readme":"# tailwindcss-js\n\nApply `tailwindcss` classes only when JavaScript is enabled.\n\n## Installation\n\n```bash\nnpm i @carloitaben/tailwindcss-js\n```\n\n## Requirements\n\n- `tailwindcss >= 3.3`\n- ESM Tailwind config\n\n## Usage\n\nAdd the plugin to the plugins array in your `tailwindcss` configuration file:\n\n```ts\nimport type { Config } from \"tailwindcss\"\nimport { jsPlugin } from \"@carloitaben/tailwindcss-js\"\n\nexport default {\n  // ...\n  plugins: [\n    // ...\n    jsPlugin(),\n  ],\n} satisfies Config\n```\n\nYou now need to add a script tag to your head element. Here are some examples with popular frameworks:\n\n### Astro\n\n```astro\n---\nimport { script } from \"@carloitaben/tailwindcss-js\"\n---\n\n<head>\n  <!-- ... -->\n  <script is:inline src={script}></script>\n  <!-- ... -->\n</head>\n```\n\n### Next.js (App Router)\n\nTODO\n\n### Next.js (Pages Router)\n\nTODO\n\n### Remix\n\nTODO\n\n### SvelteKit\n\nTODO\n\n### Vanilla (w/o bundler)\n\n```html\n<script src=\"data:text/javascript;base64,KGZ1bmN0aW9uKCl7ZG9jdW1lbnQuZG9jdW1lbnRFbGVtZW50LmNsYXNzTGlzdC5hZGQoImpzIik7fSgpKQ==\"></script>\n```\n\nYou can now add JS-only styles using the `js` variant prefix:\n\n```html\n<div src=\"js:opacity-0 js:translate-y-1/2 md:js:translate-y-full\"></div>\n```\n\n> **Note**\n> When applying multiple variants, place the `js` prefix in the last place.\n\n## Configuration\n\n### `prefix`\n\nThe generated variant name. Defaults to `\"js\"`.\n\n```ts\njsPlugin({\n  prefix: \"js-only\",\n  // ...\n})\n```\n\n```html\n<div className=\"js-only:opacity-0\"></div>\n```\n\n## License\n\n[MIT](../../LICENSE)\n","readmeFilename":"README.md"}