{"_id":"@atomic-class/svelte","_rev":"5-4854c8f1b0cfcb66af15aed6df7c39ca","name":"@atomic-class/svelte","dist-tags":{"latest":"0.2.0"},"versions":{"0.0.1":{"name":"@atomic-class/svelte","version":"0.0.1","description":"A reactive framework for component to control classsheet","main":"dist/index.js","scripts":{"preinstall":"npx only-allow pnpm","preinstall:all":"npx only-allow pnpm","test:dom":"rollup -c test/rollup.config.js","test:ssr":"rollup --environment SSR -c test/rollup.config.js","test":"yarn test:dom && yarn test:ssr","build":"rollup -c","dev":"rollup -c -w --environment moduleId:../src","start":"sirv public --no-clear"},"dependencies":{"@rollup/pluginutils":"^3.0.10","acorn":"^8.4.1","astring":"^1.7.5","magic-string":"^0.25.7","tslib":"^2.3.0"},"devDependencies":{"@rollup/plugin-commonjs":"^17.0.0","@rollup/plugin-node-resolve":"^11.0.0","@rollup/plugin-typescript":"^8.2.3","@tsconfig/svelte":"^2.0.1","only-allow":"^1.0.0","rollup":"^2.3.4","rollup-plugin-css-only":"^3.1.0","rollup-plugin-livereload":"^2.0.0","rollup-plugin-svelte":"^7.0.0","rollup-plugin-terser":"^7.0.0","sirv-cli":"^1.0.0","svelte":"^3.0.0","typescript":"^4.3.5"},"keywords":["reactive-class","atomic-class","tailwindcss","configrable-class","svelte-class","react-class","vue-class","san-class"],"homepage":"https://github.com/design-to-release/reactive-class","repository":{"type":"git","url":"git+https://github.com/design-to-release/reactive-class.git"},"license":"MIT","bugs":{"url":"https://github.com/design-to-release/reactive-class/issues"},"_id":"@atomic-class/svelte@0.0.1","_nodeVersion":"14.16.1","_npmVersion":"6.14.12","dist":{"integrity":"sha512-ZqGSFUcNkIUOWsc0ABvnxGdfuzESyGWBzGzr/nPMGq9ffnNwMxcRSimWUEdiZ5cQXPYtVGCWO5Q1s3CAnNifAg==","shasum":"368958deb8e70d3ed1419cba08384bb90449b017","tarball":"https://registry.npmjs.org/@atomic-class/svelte/-/svelte-0.0.1.tgz","fileCount":8,"unpackedSize":33948,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg+Si3CRA9TVsSAnZWagAAkP0P/R+HbWJAhmDKZlVyRPIv\nvnw4K9IIKeVUoZZEpJreecYt7zaL8RjjbBzTJoW7t+4UWpmLhPpdwS5ihjhz\nTBWpE63lhravvXf8vew/+I06Rhuzj3EhVzNj/YcZdYGOPZgW2bpqFDf+ZvUb\nLIOwLG3SDNhLTk3vF/Prhv+AUcpnwTE9WCTsuS68Z9gxFBj3y6GIBFa4vcuW\nR7iJFEjcDoPr8F6xLjPlRDOz+a9bxRkfOsuEzoTydt0Exjyr4akhsCdxiwPH\nGjBDtnQl1i8PyOCh9CZbVcIm8guumPaocFr28+A95p/IZMs5tCt7Od+e+a0L\nnnVXsXjCDXcEU/d2BwHyqc47UzVCuIrnrZUWa4cqbkNzdt0c85ht1lDA55qT\n+Tbh3N4xVdqaYLFnUHlZWGqfwjQUQ3L87+5u27M1vYldNAp9UCiUf9lQdV+G\ndhJUix4/HBinfwJcoRmEnf2GpXal7ZypFfuw3tvq1ESuwuukI+ru3bnjROrV\ncOzSShUFVqdeJlzGwq8SxxjD75yEUg7BxLr26b1oj9RAFTH1oOc15uSZbaLC\n74PI6qJUD4U/WPsObmc9Hy0XCiuNfkiMZKGMXzUfF29mJxW12vNuQRqv+Fm0\n9fmuaLszJ+a8y+xQGFDKSB69DVLz/p5ce/peS4OjV9PtJE79bzSqHpkf2cpT\n8Um2\r\n=NtRD\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIH99eE85Qblt3VrIEXVauTEXp7Gw/CE1BXZtFkYE200yAiB2N6RjFgwdEjb1fzqxi6jOEUCNJk0SFiS4i47iJubnCg=="}]},"_npmUser":{"name":"qiansc","email":"116353860@qq.com"},"directories":{},"maintainers":[{"name":"qiansc","email":"116353860@qq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/svelte_0.0.1_1626941622930_0.9705998275950989"},"_hasShrinkwrap":false},"0.1.0":{"name":"@atomic-class/svelte","version":"0.1.0","description":"A reactive framework for component to control classsheet","main":"rollup/index.js","scripts":{"preinstall":"npx only-allow pnpm","preinstall:all":"npx only-allow pnpm","build":"rollup -c ./demo/rollup.config.js","dev":"rollup -c ./demo/rollup.config.js -w --environment moduleId:../lib","start":"cd .. && sirv ./ --environment --dev --single ./demo/dev.html"},"dependencies":{"@rollup/pluginutils":"^3.0.10","acorn":"^8.4.1","astring":"^1.7.5","magic-string":"^0.25.7","rxjs":"^7.3.0","tslib":"^2.3.0"},"devDependencies":{"@atomic-class/core":"^0.0.1","@atomic-class/process":"^0.0.1","@atomic-class/action":"^0.1.0","@rollup/plugin-commonjs":"^17.0.0","@rollup/plugin-node-resolve":"^11.0.0","@rollup/plugin-typescript":"^8.2.3","@tsconfig/svelte":"^2.0.1","codemirror":"^5.62.3","only-allow":"^1.0.0","rollup":"^2.3.4","rollup-plugin-css-only":"^3.1.0","rollup-plugin-livereload":"^2.0.0","rollup-plugin-svelte":"^7.0.0","rollup-plugin-terser":"^7.0.0","sirv-cli":"^1.0.0","svelte":"^3.0.0","typescript":"^4.3.5"},"keywords":["reactive-class","atomic-class","tailwindcss","configrable-class","svelte-class","react-class","vue-class","san-class"],"homepage":"https://github.com/design-to-release/atomic-class","repository":{"type":"git","url":"git+https://github.com/design-to-release/atomic-class.git"},"license":"MIT","bugs":{"url":"https://github.com/design-to-release/atomic-class/issues"},"_id":"@atomic-class/svelte@0.1.0","_nodeVersion":"14.17.5","_npmVersion":"6.14.14","dist":{"integrity":"sha512-OvOcdQXVUgVNsOZt9jHv9kiVWw/9FOLL01bG71LlXT7sn3sR+IhOTSlnXpW4oiGGVywvU5hMNJ4NuWMbIkfUZA==","shasum":"9012dc2bbb493aae2805b2e9cd297dbc9f8a2a82","tarball":"https://registry.npmjs.org/@atomic-class/svelte/-/svelte-0.1.0.tgz","fileCount":6,"unpackedSize":10863,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhQvr6CRA9TVsSAnZWagAAOlsP/jrn+fNoExz8hJMI1k2S\n+CUfXO1CUU48PFKsLEKkO6f2s8KCo3kNrDr7k+xG8GZdY7iEZvAqkS5Tuwqz\nk1s/Nmy9+dIuIl6QjyEuesEbKZ7WeWx5MllNNuXo6LrGF8nb/Z384KgbZRev\nPjbwdB70d/8EZRmgZQ7gk+DlUlWdgA3JFqCRzllOxKfNHOBs5bdMpn0o/PgE\nNKZhnItLSSlBamyWbP2cqaZXXQiAF9TIKrUGl5jCVOghZU04lgfCEuY2um91\nTULG0FVqXP/2RIgPrlX0o+zpJvusAEVILmaBnaLe/cxzDOC/tuvfj8DfxPmc\nUlpVJJkUG1/S1PRtd78jENV5r1H96WqoGgXiQvmOabQP6MTHYq8PTo5KnMw1\npprDmF9ooRoyNyak7x+cWjJuzJasIAnqxUTjQ9/j9QQNoLy5tjIzMkoK3QP9\n1dxJ2/gpRHzO57y6c7dNxkEmEugD7Gel/1n+qXVG7hV91gEhWCPWBVvVdqOh\n+nKBTp9gc9k/mQm2GldF/hJPs76ZHOS57RolIuEZ2gGL8vKofIId6aFrAw/w\nadIEdROeO6bmsEyyvKz72Dv78ZXgzmQespqk1f2ZBlWkjbBkTe35Cq8DUBzh\n1R0NxTAnAHwFEyQZH/dIn4FaGXr03H9o2wg92nszsfhfDf918SqKdOQtGRM4\nO4jx\r\n=/sgV\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD4riFZgH0vJsGfUrixm6bosPxcRIQWiRL9mjx3tRqsBQIhAOvmM4HSvOE+fJKcPP412Fe9btUP2gysDRw4NomuNuV/"}]},"_npmUser":{"name":"qiansc","email":"116353860@qq.com"},"directories":{},"maintainers":[{"name":"zhmushan","email":"zhbnh9988@163.com"},{"name":"qiansc","email":"116353860@qq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/svelte_0.1.0_1631779578423_0.976366487447831"},"_hasShrinkwrap":false},"0.2.0":{"name":"@atomic-class/svelte","version":"0.2.0","description":"a tool that supports component to configure atomic style","main":"rollup/index.js","scripts":{"preinstall":"npx only-allow pnpm","preinstall:all":"npx only-allow pnpm","build:playground":"cd ../playground/ && node ./build.js","build":"rollup -c ./demo/rollup.config.js","dev":"rollup -c ./demo/rollup.config.js -w --environment moduleId:../lib","start":"cd .. && sirv ./ --environment --dev --single ./playground/index.html","test":"NODE_OPTIONS=--experimental-vm-modules npx jest"},"dependencies":{"@rollup/pluginutils":"^3.0.10","acorn":"^8.4.1","astring":"^1.7.5","magic-string":"^0.25.7","rxjs":"^7.3.0","shorthash2":"^1.0.3","tslib":"^2.3.0"},"devDependencies":{"@atomic-class/action":"0.1.1","@atomic-class/core":"0.1.1","@atomic-class/process":"0.1.1","@babel/preset-env":"^7.15.6","@rollup/plugin-commonjs":"^17.0.0","@rollup/plugin-node-resolve":"^11.0.0","@rollup/plugin-typescript":"^8.2.3","@swc/core":"^1.2.88","@swc/jest":"^0.2.3","@tsconfig/svelte":"^2.0.1","@types/jest":"^27.0.1","autoprefixer":"^10.3.7","babel-jest":"^27.2.0","codemirror":"^5.62.3","jest":"^27.2.0","merge-source-map":"^1.1.0","node-sass-tilde-importer":"^1.0.2","only-allow":"^1.0.0","postcss":"^8.3.9","postcss-nesting":"^8.0.1","rollup":"^2.3.4","rollup-plugin-copy":"^3.4.0","rollup-plugin-css-only":"^3.1.0","rollup-plugin-livereload":"^2.0.0","rollup-plugin-scss":"^3.0.0","rollup-plugin-svelte":"^7.0.0","rollup-plugin-terser":"^7.0.0","sass":"^1.43.2","sirv-cli":"^1.0.0","svelte":"^3.0.0","svelte-preprocess":"^4.9.8","tailwindcss":"^2.2.17","typescript":"^4.3.5"},"keywords":["reactive-class","atomic-class","tailwindcss","configrable-class","svelte-class","react-class","vue-class","san-class"],"homepage":"https://github.com/design-to-release/atomic-class","repository":{"type":"git","url":"git+https://github.com/design-to-release/atomic-class.git"},"license":"MIT","jest":{"testEnvironment":"node"},"babel":{"presets":[["@babel/preset-env",{"targets":{"node":"6"}}]]},"bugs":{"url":"https://github.com/design-to-release/atomic-class/issues"},"_id":"@atomic-class/svelte@0.2.0","_nodeVersion":"14.17.5","_npmVersion":"6.14.14","dist":{"integrity":"sha512-OKRjeL4xBvkVqTNfkoxb1ir15ZoP+XOLNjvrQS3f3Oo99pgjbjwojdgUKg0FLaICy1BF/IHkey2sU7C9Q9r1aA==","shasum":"8510a136477976f834edcda37e96d1d4d66a2810","tarball":"https://registry.npmjs.org/@atomic-class/svelte/-/svelte-0.2.0.tgz","fileCount":36,"unpackedSize":66612,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhzGhmCRA9TVsSAnZWagAAOVUP/2d7nz9YA5VNzwRRcugw\nPID3/i3fv5wVZnaR6YQyqtzwS5HLGnS20OXZz3JGHYjICztFvBymmurnlePL\nMKm+nYF8LKTkDMv1DCWe2SdfOCDPSqyTfCqDkI5yF2P2ab/D0N1/GZOhavjP\n+j2bxs9Hw324c+ALbqEsPihpK/Y7gvMVLM9zcG+ccCtwKx02CHcvn1Ip/Hyv\nEcLqCZGUckFsx12y+DAuEP5+u05+xVLlC+I7vvd5TSai+4wDHLYctOq0SUe1\n/d/qVRDu5ZBQog1BxinK+8u7jjgquqX059jMcojXrP53jovV3R2g7oiHLsoC\nx52YjfizbjNizbY7yTwcd7Gv8UFv/sgyOiTIFe8RwvbAjqIfHZTO3D5zkU83\nOnxYeeG8gFd71ZJyr2Poma9+7PPrhmu2wYY3Z2RWcHYq6eCOQMofxM+hFvl1\n3qKhCWTUbXFi5flgv6Dwj+HVCUxmjKD5eMuTaqnjcEk5MOXeI2bKDWnTyn8H\n+MNYKVBpyQ7yZvieRKLI4xocZ0BD8+DR7YJ6wtNXWqRi2gWcLt8EQ6M0cng6\nl2lKDfHh6HLdCVoDSfoTxKEhP98g1jURd/h6o3Xb0AHU+viGtP2sD1tKStjW\nvmTDotwWcWZ4/mqmiQo17TUCRhcQ34VhuzJpVa7aC+qihemozNgturHqMlZ+\ntv6E\r\n=D1er\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHRDArd4hdZ3GI6VvaHNcCFLfMzd/kBKep0HoZwyDE9QAiApxkDRqFf0QTPN/LjMjCvGmVb4/TnPmrlf8P8U9zGh+A=="}]},"_npmUser":{"name":"qiansc","email":"116353860@qq.com"},"directories":{},"maintainers":[{"name":"zhmushan","email":"zhbnh9988@163.com"},{"name":"qiansc","email":"116353860@qq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/svelte_0.2.0_1634642433468_0.19607233775639998"},"_hasShrinkwrap":false}},"time":{"created":"2021-07-22T08:13:42.888Z","0.0.1":"2021-07-22T08:13:43.103Z","modified":"2022-04-04T16:14:36.927Z","0.1.0":"2021-09-16T08:06:18.534Z","0.2.0":"2021-10-19T11:20:33.587Z"},"maintainers":[{"name":"zhmushan","email":"zhbnh9988@163.com"},{"name":"qiansc","email":"116353860@qq.com"}],"description":"a tool that supports component to configure atomic style","homepage":"https://github.com/design-to-release/atomic-class","keywords":["reactive-class","atomic-class","tailwindcss","configrable-class","svelte-class","react-class","vue-class","san-class"],"repository":{"type":"git","url":"git+https://github.com/design-to-release/atomic-class.git"},"bugs":{"url":"https://github.com/design-to-release/atomic-class/issues"},"license":"MIT","readme":"# Atomic-Class\nA reactive framework for component to control classsheet.\n\n## Usage\n\n```svelte\n<script lang=ts>\n    import { mouse, keyboard } from '@atomic-class/action';\n    import { css } from '@atomic-class/process';\n    import { Status } from '@atomic-class/core';\n\n    export let state = ['default'];\n    export let props;\n    \n    /** Accept customized styles and state **/\n    $: status = new Status(props, state);\n    $: classes = css(status);\n\n    function mouseHandler(event) { \n        status = mouse({status, event});\n    }\n\n    export let text;\n</script>\n<span\n    on:mousedown={mouseHandler} on:mouseup={mouseHandler}\n    on:mouseenter={mouseHandler} on:mouseleave={mouseHandler}\n    class=\"px-12 py-5 bw-2 br-5 text-white weight {classes}\"\n\n    ac-props={props}\n    ac-default=\"bg-black-700\" ac-hover=\"bg-blue cursor-pointer\"\n    ac-active=\"bg-purple\"\n    ac-disabled=\"bg-black-400 text-white-900 cursor-not-allowed\">{text}\n</span>\n```\n\n\nAfter Compile:\n\n```svelte\n<script lang=ts>\n    import { mouse, keyboard } from '@atomic-class/action';\n    import { tailwindcss} from '@atomic-class/process';\n    import { Status } from '@atomic-class/core';\n\n    export let keycode;\n    export let state = ['default'];\n    export let props;\n\n    /** The next line is generated by the plugin **/\n    props = {...{\"default\":{\"classes\":\"bg-black-700\"},\"hover\":{\"classes\":\"bg-blue cursor-pointer\"},\"active\":{\"classes\":\"bg-purple\"},\"disabled\":{\"classes\":\"bg-black-400 text-white-900 cursor-not-allowed\"},\"base\":{\"classes\":\"px-12 py-5 bw-2 br-5 text-white weight\"}}, ...props};\n    \n    $: status = new Status(props, state);\n    $: classes = css(status);\n\n    function mouseHandler(event) {\n        status = mouse({status, event});\n    }\n    export let text;\n</script>\n<span\n    on:mousedown={mouseHandler} on:mouseup={mouseHandler}\n    on:mouseenter={mouseHandler} on:mouseleave={mouseHandler}\n    class={classes} >{text}\n</span>\n```\n\nYou can try this demo in [Atomic Class REPL](https://design-to-release.github.io/atomic-class/?lang=svelte).\n\n### Working With RxJS\n\n```svelte\n<script lang=ts>\n    import { mouse, keyboard } from '@atomic-class/action';\n    import { tailwindcss} from '@atomic-class/process';\n    import { Status } from '@atomic-class/core';\n    import { from, fromEvent, map } from 'rxjs'\n\n    export let keycode;\n    export let state = ['default'];\n    export let props;\n    \n    $: status = new Status(props, state);\n\n    function mouseAction(node) {\n        fromEvent(node, 'mouseup')\n            .pipe(map(mouse))\n            .pipe(map(states => ({states, status})))\n            .pipe(tailwindcss)\n            .subscribe(rs => classes = rs);\n    }\n    export let text;\n</script>\n<span\n    use:mouseAction\n    class=\"px-12 py-5 bw-2 br-5 text-white weight {classes}\"\n    ac-props={props}\n    ac-default=\"bg-black-700\" ac-hover=\"bg-blue cursor-pointer\"\n    ac-active=\"bg-purple\"\n    ac-disabled=\"bg-black-400 text-white-900 cursor-not-allowed\">\n    {text}\n</span>\n\n```\n\n## Configuration\n\n```\nnpm install @atomic-class/svelte -D\n```\n\nBuilding with Rollup：\n\n```javascript\n\nimport ac from '@atomic-class/svelte';\n\nexport default {\n\tinput: 'src/demo/index.ts',\n\toutput: {\n\t\tsourcemap: true,\n\t\tformat: 'es',\n\t\tname: 'app',\n\t\tfile: '../demo/svelte/dist.js'\n\t},\n\texternal: ['@atomic-class/core', '@atomic-class/action', '@atomic-class/process'],\n\tplugins: [\n        ac(),\n        // ac({prefix: 'ac', include: [], exclude: []})\n    ]\n}\n```\n\n## Features\n\n### Export Inline Style\n\nTODO\n\n### Export SCSS/SASS/LESS\n\nTODO\n\n### Tree Shaking\n\nTODO\n","readmeFilename":"README.md"}