@projectwallace/format-css 0.1.0 → 1.0.0

package/README.md

@@ -19,6 +19,11 @@ let old_css = "/* Your old CSS here */";
 let new_css = format(old_css);
 ```
 
+Need more examples?
+
+- [StackBlitz example using CommonJS](https://stackblitz.com/edit/stackblitz-starters-phchci?file=index.js)
+- [StackBlitz example using ES Modules](https://stackblitz.com/edit/stackblitz-starters-hrhsed?file=index.js)
+
 ## Formatting rules
 
 1. Every **AtRule** starts on a new line

package/dist/format.cjs

@@ -0,0 +1,2 @@
+function r(r){return r&&"object"==typeof r&&"default"in r?r:{default:r}}var e=/*#__PURE__*/r(require("css-tree/parser"));function t(r,e){(null==e||e>r.length)&&(e=r.length);for(var t=0,n=new Array(e);t<e;t++)n[t]=r[t];return n}function n(r,e){var n="undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(n)return(n=n.call(r)).next.bind(n);if(Array.isArray(r)||(n=function(r,e){if(r){if("string"==typeof r)return t(r,e);var n=Object.prototype.toString.call(r).slice(8,-1);return"Object"===n&&r.constructor&&(n=r.constructor.name),"Map"===n||"Set"===n?Array.from(r):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?t(r,e):void 0}}(r))||e&&r&&"number"==typeof r.length){n&&(r=n);var o=0;return function(){return o>=r.length?{done:!0}:{done:!1,value:r[o++]}}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function o(r){return"\t".repeat(r)}function u(r,e){return r.loc?e.substring(r.loc.start.offset,r.loc.end.offset):""}function a(r,e,t){var o="";return r.prelude&&"SelectorList"===r.prelude.type&&(o+=function(r,e,t){for(var o,u="",a=n(r.children);!(o=a()).done;){var i=o.value;i!==r.children.first&&(u+="\n"),u+="Selector"===i.type?l(i,e,t):p(i,e,t),i!==r.children.last&&(u+=",")}return u}(r.prelude,e,t)),r.block&&"Block"===r.block.type&&(o+=i(r.block,e,t)),o}function l(r,e,t){return o(e)+u(r,t)}function i(r,e,t){var u=r.children;if(0===u.size)return" {}\n";var l=" {\n";e++;for(var i,s=n(u);!(i=s()).done;){var d=i.value;l+="Declaration"===d.type?f(d,e,t):"Rule"===d.type?a(d,e,t):"Atrule"===d.type?c(d,e,t):p(d,e,t),d!==u.last&&(l+="Declaration"===d.type?"\n":"\n\n")}return l+="\n",(l+=o(--e))+"}"}function c(r,e,t){var n=o(e);return n+="@"+r.name,r.prelude&&(n+=" "+u(r.prelude,t)),n+(r.block&&"Block"===r.block.type?i(r.block,e,t):";")}function f(r,e,t){return o(e)+r.property+": "+u(r.value,t)+";"}function p(r,e,t){return o(e)+u(r,t).trim()}exports.format=function(r){return function(r,e,t){void 0===e&&(e=0);for(var o,u="",l=r.children,i=n(l);!(o=i()).done;){var f=o.value;u+="Rule"===f.type?a(f,e,t):"Atrule"===f.type?c(f,e,t):p(f,e,t),f!==l.last&&(u+="\n\n")}return u}(e.default(r,{positions:!0,parseAtrulePrelude:!1,parseCustomProperty:!1,parseValue:!1}),0,r)};
+//# sourceMappingURL=format.cjs.map

package/dist/format.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"format.cjs","sources":["../index.js"],"sourcesContent":["import parse from 'css-tree/parser'\n\n/**\n * Indent a string\n * @param {number} size\n * @returns A string with {size} tabs\n */\nfunction indent(size) {\n\treturn '\\t'.repeat(size)\n}\n\n/**\n * @param {import('css-tree').CssNode} node\n * @param {string} css\n * @returns A portion of the CSS\n */\nfunction substr(node, css) {\n\tif (node.loc) {\n\t\treturn css.substring(node.loc.start.offset, node.loc.end.offset)\n\t}\n\treturn ''\n}\n\n/**\n *\n * @param {import('css-tree').Rule} node\n * @param {number} indent_level\n * @param {string} css\n * @returns {string} A formatted Rule\n */\nfunction print_rule(node, indent_level, css) {\n\tlet buffer = ''\n\n\tif (node.prelude && node.prelude.type === 'SelectorList') {\n\t\tbuffer += print_selectorlist(node.prelude, indent_level, css)\n\t}\n\n\tif (node.block && node.block.type === 'Block') {\n\t\tbuffer += print_block(node.block, indent_level, css)\n\t}\n\n\treturn buffer\n}\n\n/**\n * @param {import('css-tree').SelectorList} node\n * @param {number} indent_level\n * @param {string} css\n * @returns {string} A formatted SelectorList\n */\nfunction print_selectorlist(node, indent_level, css) {\n\tlet buffer = ''\n\n\tfor (let selector of node.children) {\n\t\tif (selector !== node.children.first) {\n\t\t\tbuffer += '\\n'\n\t\t}\n\n\t\tif (selector.type === 'Selector') {\n\t\t\tbuffer += print_selector(selector, indent_level, css)\n\t\t} else {\n\t\t\tbuffer += print_unknown(selector, indent_level, css)\n\t\t}\n\n\t\tif (selector !== node.children.last) {\n\t\t\tbuffer += ','\n\t\t}\n\t}\n\treturn buffer\n}\n\n/**\n *\n * @param {import('css-tree').Selector} node\n * @param {number} indent_level\n * @param {string} css\n * @returns {string} A formatted Selector\n */\nfunction print_selector(node, indent_level, css) {\n\treturn indent(indent_level) + substr(node, css)\n}\n\n/**\n * @param {import('css-tree').Block} node\n * @param {number} indent_level\n * @param {string} css\n * @returns {string} A formatted Block\n */\nfunction print_block(node, indent_level, css) {\n\tlet children = node.children\n\n\tif (children.size === 0) {\n\t\treturn ' {}\\n'\n\t}\n\n\tlet buffer = ' {\\n'\n\n\tindent_level++\n\n\tfor (let child of children) {\n\t\tif (child.type === 'Declaration') {\n\t\t\tbuffer += print_declaration(child, indent_level, css)\n\t\t} else if (child.type === 'Rule') {\n\t\t\tbuffer += print_rule(child, indent_level, css)\n\t\t} else if (child.type === 'Atrule') {\n\t\t\tbuffer += print_atrule(child, indent_level, css)\n\t\t} else {\n\t\t\tbuffer += print_unknown(child, indent_level, css)\n\t\t}\n\n\t\tif (child !== children.last) {\n\t\t\tif (child.type === 'Declaration') {\n\t\t\t\tbuffer += '\\n'\n\t\t\t} else {\n\t\t\t\tbuffer += '\\n\\n'\n\t\t\t}\n\t\t}\n\t}\n\n\tindent_level--\n\n\tbuffer += '\\n'\n\tbuffer += indent(indent_level)\n\tbuffer += '}'\n\n\treturn buffer\n}\n\n/**\n * @param {import('css-tree').Atrule} node\n * @param {number} indent_level\n * @param {string} css\n * @returns {string} A formatted Atrule\n */\nfunction print_atrule(node, indent_level, css) {\n\tlet buffer = indent(indent_level)\n\tbuffer += '@' + node.name\n\n\t// @font-face has no prelude\n\tif (node.prelude) {\n\t\tbuffer += ' ' + substr(node.prelude, css)\n\t}\n\n\tif (node.block && node.block.type === 'Block') {\n\t\tbuffer += print_block(node.block, indent_level, css)\n\t} else {\n\t\t// `@import url(style.css);` has no block, neither does `@layer layer1;`\n\t\tbuffer += ';'\n\t}\n\n\treturn buffer\n}\n\n/**\n * @param {import('css-tree').Declation} node\n * @param {number} indent_level\n * @param {string} css\n * @returns {string} A formatted Declaration\n */\nfunction print_declaration(node, indent_level, css) {\n\treturn indent(indent_level) + node.property + ': ' + substr(node.value, css) + ';'\n}\n\n/**\n * @param {import('css-tree').CssNode} node\n * @param {number} indent_level\n * @param {string} css\n * @returns {string} A formatted unknown CSS string\n */\nfunction print_unknown(node, indent_level, css) {\n\treturn indent(indent_level) + substr(node, css).trim()\n}\n\n/**\n * @param {import('css-tree').Stylesheet} node\n * @param {number} indent_level\n * @param {string} css\n * @returns {string} A formatted Stylesheet\n */\nfunction print(node, indent_level = 0, css) {\n\tlet buffer = ''\n\tlet children = node.children\n\n\tfor (let child of children) {\n\t\tif (child.type === 'Rule') {\n\t\t\tbuffer += print_rule(child, indent_level, css)\n\t\t} else if (child.type === 'Atrule') {\n\t\t\tbuffer += print_atrule(child, indent_level, css)\n\t\t} else {\n\t\t\tbuffer += print_unknown(child, indent_level, css)\n\t\t}\n\n\t\tif (child !== children.last) {\n\t\t\tbuffer += '\\n\\n'\n\t\t}\n\t}\n\n\treturn buffer\n}\n\n/**\n * Take a string of CSS (minified or not) and format it with some simple rules\n * @param {string} css The original CSS\n * @returns {string} The newly formatted CSS\n */\nexport function format(css) {\n\tlet ast = parse(css, {\n\t\tpositions: true,\n\t\tparseAtrulePrelude: false,\n\t\tparseCustomProperty: false,\n\t\tparseValue: false,\n\t})\n\treturn print(ast, 0, css)\n}\n"],"names":["indent","size","repeat","substr","node","css","loc","substring","start","offset","end","print_rule","indent_level","buffer","prelude","type","_step","_iterator","_createForOfIteratorHelperLoose","children","done","selector","value","first","print_selector","print_unknown","last","print_selectorlist","block","print_block","_step2","_iterator2","child","print_declaration","print_atrule","name","property","trim","_step3","_iterator3","print","parse","positions","parseAtrulePrelude","parseCustomProperty","parseValue"],"mappings":"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"}

package/dist/format.modern.js

@@ -0,0 +1,2 @@
+import e from"css-tree/parser";function t(e){return"\t".repeat(e)}function r(e,t){return e.loc?t.substring(e.loc.start.offset,e.loc.end.offset):""}function n(e,t,r){let n="";return e.prelude&&"SelectorList"===e.prelude.type&&(n+=function(e,t,r){let n="";for(let o of e.children)o!==e.children.first&&(n+="\n"),n+="Selector"===o.type?l(o,t,r):i(o,t,r),o!==e.children.last&&(n+=",");return n}(e.prelude,t,r)),e.block&&"Block"===e.block.type&&(n+=o(e.block,t,r)),n}function l(e,n,l){return t(n)+r(e,l)}function o(e,r,l){let o=e.children;if(0===o.size)return" {}\n";let p=" {\n";r++;for(let e of o)p+="Declaration"===e.type?c(e,r,l):"Rule"===e.type?n(e,r,l):"Atrule"===e.type?u(e,r,l):i(e,r,l),e!==o.last&&(p+="Declaration"===e.type?"\n":"\n\n");return p+="\n",p+=t(--r),p+="}",p}function u(e,n,l){let u=t(n);return u+="@"+e.name,e.prelude&&(u+=" "+r(e.prelude,l)),u+=e.block&&"Block"===e.block.type?o(e.block,n,l):";",u}function c(e,n,l){return t(n)+e.property+": "+r(e.value,l)+";"}function i(e,n,l){return t(n)+r(e,l).trim()}function p(t){return function(e,t=0,r){let l="",o=e.children;for(let e of o)l+="Rule"===e.type?n(e,t,r):"Atrule"===e.type?u(e,t,r):i(e,t,r),e!==o.last&&(l+="\n\n");return l}(e(t,{positions:!0,parseAtrulePrelude:!1,parseCustomProperty:!1,parseValue:!1}),0,t)}export{p as format};
+//# sourceMappingURL=format.modern.js.map

package/dist/format.modern.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"format.modern.js","sources":["../index.js"],"sourcesContent":["import parse from 'css-tree/parser'\n\n/**\n * Indent a string\n * @param {number} size\n * @returns A string with {size} tabs\n */\nfunction indent(size) {\n\treturn '\\t'.repeat(size)\n}\n\n/**\n * @param {import('css-tree').CssNode} node\n * @param {string} css\n * @returns A portion of the CSS\n */\nfunction substr(node, css) {\n\tif (node.loc) {\n\t\treturn css.substring(node.loc.start.offset, node.loc.end.offset)\n\t}\n\treturn ''\n}\n\n/**\n *\n * @param {import('css-tree').Rule} node\n * @param {number} indent_level\n * @param {string} css\n * @returns {string} A formatted Rule\n */\nfunction print_rule(node, indent_level, css) {\n\tlet buffer = ''\n\n\tif (node.prelude && node.prelude.type === 'SelectorList') {\n\t\tbuffer += print_selectorlist(node.prelude, indent_level, css)\n\t}\n\n\tif (node.block && node.block.type === 'Block') {\n\t\tbuffer += print_block(node.block, indent_level, css)\n\t}\n\n\treturn buffer\n}\n\n/**\n * @param {import('css-tree').SelectorList} node\n * @param {number} indent_level\n * @param {string} css\n * @returns {string} A formatted SelectorList\n */\nfunction print_selectorlist(node, indent_level, css) {\n\tlet buffer = ''\n\n\tfor (let selector of node.children) {\n\t\tif (selector !== node.children.first) {\n\t\t\tbuffer += '\\n'\n\t\t}\n\n\t\tif (selector.type === 'Selector') {\n\t\t\tbuffer += print_selector(selector, indent_level, css)\n\t\t} else {\n\t\t\tbuffer += print_unknown(selector, indent_level, css)\n\t\t}\n\n\t\tif (selector !== node.children.last) {\n\t\t\tbuffer += ','\n\t\t}\n\t}\n\treturn buffer\n}\n\n/**\n *\n * @param {import('css-tree').Selector} node\n * @param {number} indent_level\n * @param {string} css\n * @returns {string} A formatted Selector\n */\nfunction print_selector(node, indent_level, css) {\n\treturn indent(indent_level) + substr(node, css)\n}\n\n/**\n * @param {import('css-tree').Block} node\n * @param {number} indent_level\n * @param {string} css\n * @returns {string} A formatted Block\n */\nfunction print_block(node, indent_level, css) {\n\tlet children = node.children\n\n\tif (children.size === 0) {\n\t\treturn ' {}\\n'\n\t}\n\n\tlet buffer = ' {\\n'\n\n\tindent_level++\n\n\tfor (let child of children) {\n\t\tif (child.type === 'Declaration') {\n\t\t\tbuffer += print_declaration(child, indent_level, css)\n\t\t} else if (child.type === 'Rule') {\n\t\t\tbuffer += print_rule(child, indent_level, css)\n\t\t} else if (child.type === 'Atrule') {\n\t\t\tbuffer += print_atrule(child, indent_level, css)\n\t\t} else {\n\t\t\tbuffer += print_unknown(child, indent_level, css)\n\t\t}\n\n\t\tif (child !== children.last) {\n\t\t\tif (child.type === 'Declaration') {\n\t\t\t\tbuffer += '\\n'\n\t\t\t} else {\n\t\t\t\tbuffer += '\\n\\n'\n\t\t\t}\n\t\t}\n\t}\n\n\tindent_level--\n\n\tbuffer += '\\n'\n\tbuffer += indent(indent_level)\n\tbuffer += '}'\n\n\treturn buffer\n}\n\n/**\n * @param {import('css-tree').Atrule} node\n * @param {number} indent_level\n * @param {string} css\n * @returns {string} A formatted Atrule\n */\nfunction print_atrule(node, indent_level, css) {\n\tlet buffer = indent(indent_level)\n\tbuffer += '@' + node.name\n\n\t// @font-face has no prelude\n\tif (node.prelude) {\n\t\tbuffer += ' ' + substr(node.prelude, css)\n\t}\n\n\tif (node.block && node.block.type === 'Block') {\n\t\tbuffer += print_block(node.block, indent_level, css)\n\t} else {\n\t\t// `@import url(style.css);` has no block, neither does `@layer layer1;`\n\t\tbuffer += ';'\n\t}\n\n\treturn buffer\n}\n\n/**\n * @param {import('css-tree').Declation} node\n * @param {number} indent_level\n * @param {string} css\n * @returns {string} A formatted Declaration\n */\nfunction print_declaration(node, indent_level, css) {\n\treturn indent(indent_level) + node.property + ': ' + substr(node.value, css) + ';'\n}\n\n/**\n * @param {import('css-tree').CssNode} node\n * @param {number} indent_level\n * @param {string} css\n * @returns {string} A formatted unknown CSS string\n */\nfunction print_unknown(node, indent_level, css) {\n\treturn indent(indent_level) + substr(node, css).trim()\n}\n\n/**\n * @param {import('css-tree').Stylesheet} node\n * @param {number} indent_level\n * @param {string} css\n * @returns {string} A formatted Stylesheet\n */\nfunction print(node, indent_level = 0, css) {\n\tlet buffer = ''\n\tlet children = node.children\n\n\tfor (let child of children) {\n\t\tif (child.type === 'Rule') {\n\t\t\tbuffer += print_rule(child, indent_level, css)\n\t\t} else if (child.type === 'Atrule') {\n\t\t\tbuffer += print_atrule(child, indent_level, css)\n\t\t} else {\n\t\t\tbuffer += print_unknown(child, indent_level, css)\n\t\t}\n\n\t\tif (child !== children.last) {\n\t\t\tbuffer += '\\n\\n'\n\t\t}\n\t}\n\n\treturn buffer\n}\n\n/**\n * Take a string of CSS (minified or not) and format it with some simple rules\n * @param {string} css The original CSS\n * @returns {string} The newly formatted CSS\n */\nexport function format(css) {\n\tlet ast = parse(css, {\n\t\tpositions: true,\n\t\tparseAtrulePrelude: false,\n\t\tparseCustomProperty: false,\n\t\tparseValue: false,\n\t})\n\treturn print(ast, 0, css)\n}\n"],"names":["indent","size","repeat","substr","node","css","loc","substring","start","offset","end","print_rule","indent_level","buffer","prelude","type","selector","children","first","print_selector","print_unknown","last","print_selectorlist","block","print_block","child","print_declaration","print_atrule","name","property","value","trim","format","print","parse","positions","parseAtrulePrelude","parseCustomProperty","parseValue"],"mappings":"+BAOA,SAASA,EAAOC,GACf,MAAO,KAAKC,OAAOD,EACpB,CAOA,SAASE,EAAOC,EAAMC,GACrB,OAAID,EAAKE,IACDD,EAAIE,UAAUH,EAAKE,IAAIE,MAAMC,OAAQL,EAAKE,IAAII,IAAID,QAEnD,EACR,CASA,SAASE,EAAWP,EAAMQ,EAAcP,GACvC,IAAIQ,EAAS,GAUb,OARIT,EAAKU,SAAiC,iBAAtBV,EAAKU,QAAQC,OAChCF,GAgBF,SAA4BT,EAAMQ,EAAcP,GAC/C,IAAIQ,EAAS,GAEb,IAAK,IAAIG,KAAYZ,EAAKa,SACrBD,IAAaZ,EAAKa,SAASC,QAC9BL,GAAU,MAIVA,GADqB,aAAlBG,EAASD,KACFI,EAAeH,EAAUJ,EAAcP,GAEvCe,EAAcJ,EAAUJ,EAAcP,GAG7CW,IAAaZ,EAAKa,SAASI,OAC9BR,GAAU,KAGZ,OAAOA,CACR,CAnCYS,CAAmBlB,EAAKU,QAASF,EAAcP,IAGtDD,EAAKmB,OAA6B,UAApBnB,EAAKmB,MAAMR,OAC5BF,GAAUW,EAAYpB,EAAKmB,MAAOX,EAAcP,IAG1CQ,CACR,CAoCA,SAASM,EAAef,EAAMQ,EAAcP,GAC3C,OAAOL,EAAOY,GAAgBT,EAAOC,EAAMC,EAC5C,CAQA,SAASmB,EAAYpB,EAAMQ,EAAcP,GACxC,IAAIY,EAAWb,EAAKa,SAEpB,GAAsB,IAAlBA,EAAShB,KACZ,MAAO,QAGR,IAAIY,EAAS,OAEbD,IAEA,IAAK,IAAIa,KAASR,EAEhBJ,GADkB,gBAAfY,EAAMV,KACCW,EAAkBD,EAAOb,EAAcP,GACxB,SAAfoB,EAAMV,KACNJ,EAAWc,EAAOb,EAAcP,GACjB,WAAfoB,EAAMV,KACNY,EAAaF,EAAOb,EAAcP,GAElCe,EAAcK,EAAOb,EAAcP,GAG1CoB,IAAUR,EAASI,OAErBR,GADkB,gBAAfY,EAAMV,KACC,KAEA,QAWb,OAJAF,GAAU,KACVA,GAAUb,IAHVY,GAIAC,GAAU,IAEHA,CACR,CAQA,SAASc,EAAavB,EAAMQ,EAAcP,GACzC,IAAIQ,EAASb,EAAOY,GAepB,OAdAC,GAAU,IAAMT,EAAKwB,KAGjBxB,EAAKU,UACRD,GAAU,IAAMV,EAAOC,EAAKU,QAAST,IAIrCQ,GADGT,EAAKmB,OAA6B,UAApBnB,EAAKmB,MAAMR,KAClBS,EAAYpB,EAAKmB,MAAOX,EAAcP,GAGtC,IAGJQ,CACR,CAQA,SAASa,EAAkBtB,EAAMQ,EAAcP,GAC9C,OAAOL,EAAOY,GAAgBR,EAAKyB,SAAW,KAAO1B,EAAOC,EAAK0B,MAAOzB,GAAO,GAChF,CAQA,SAASe,EAAchB,EAAMQ,EAAcP,GAC1C,OAAOL,EAAOY,GAAgBT,EAAOC,EAAMC,GAAK0B,MACjD,CAkCO,SAASC,EAAO3B,GAOtB,OAjCD,SAAeD,EAAMQ,EAAe,EAAGP,GACtC,IAAIQ,EAAS,GACTI,EAAWb,EAAKa,SAEpB,IAAK,IAAIQ,KAASR,EAEhBJ,GADkB,SAAfY,EAAMV,KACCJ,EAAWc,EAAOb,EAAcP,GACjB,WAAfoB,EAAMV,KACNY,EAAaF,EAAOb,EAAcP,GAElCe,EAAcK,EAAOb,EAAcP,GAG1CoB,IAAUR,EAASI,OACtBR,GAAU,QAIZ,OAAOA,CACR,CAcQoB,CANGC,EAAM7B,EAAK,CACpB8B,WAAW,EACXC,oBAAoB,EACpBC,qBAAqB,EACrBC,YAAY,IAEK,EAAGjC,EACtB"}

package/dist/format.module.js

@@ -0,0 +1,2 @@
+import r from"css-tree/parser";function e(r,e){(null==e||e>r.length)&&(e=r.length);for(var t=0,n=new Array(e);t<e;t++)n[t]=r[t];return n}function t(r,t){var n="undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(n)return(n=n.call(r)).next.bind(n);if(Array.isArray(r)||(n=function(r,t){if(r){if("string"==typeof r)return e(r,t);var n=Object.prototype.toString.call(r).slice(8,-1);return"Object"===n&&r.constructor&&(n=r.constructor.name),"Map"===n||"Set"===n?Array.from(r):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?e(r,t):void 0}}(r))||t&&r&&"number"==typeof r.length){n&&(r=n);var o=0;return function(){return o>=r.length?{done:!0}:{done:!1,value:r[o++]}}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function n(r){return"\t".repeat(r)}function o(r,e){return r.loc?e.substring(r.loc.start.offset,r.loc.end.offset):""}function u(r,e,n){var o="";return r.prelude&&"SelectorList"===r.prelude.type&&(o+=function(r,e,n){for(var o,u="",a=t(r.children);!(o=a()).done;){var i=o.value;i!==r.children.first&&(u+="\n"),u+="Selector"===i.type?l(i,e,n):f(i,e,n),i!==r.children.last&&(u+=",")}return u}(r.prelude,e,n)),r.block&&"Block"===r.block.type&&(o+=a(r.block,e,n)),o}function l(r,e,t){return n(e)+o(r,t)}function a(r,e,o){var l=r.children;if(0===l.size)return" {}\n";var a=" {\n";e++;for(var p,s=t(l);!(p=s()).done;){var d=p.value;a+="Declaration"===d.type?c(d,e,o):"Rule"===d.type?u(d,e,o):"Atrule"===d.type?i(d,e,o):f(d,e,o),d!==l.last&&(a+="Declaration"===d.type?"\n":"\n\n")}return a+="\n",(a+=n(--e))+"}"}function i(r,e,t){var u=n(e);return u+="@"+r.name,r.prelude&&(u+=" "+o(r.prelude,t)),u+(r.block&&"Block"===r.block.type?a(r.block,e,t):";")}function c(r,e,t){return n(e)+r.property+": "+o(r.value,t)+";"}function f(r,e,t){return n(e)+o(r,t).trim()}function p(e){return function(r,e,n){void 0===e&&(e=0);for(var o,l="",a=r.children,c=t(a);!(o=c()).done;){var p=o.value;l+="Rule"===p.type?u(p,e,n):"Atrule"===p.type?i(p,e,n):f(p,e,n),p!==a.last&&(l+="\n\n")}return l}(r(e,{positions:!0,parseAtrulePrelude:!1,parseCustomProperty:!1,parseValue:!1}),0,e)}export{p as format};
+//# sourceMappingURL=format.module.js.map

package/dist/format.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"format.module.js","sources":["../index.js"],"sourcesContent":["import parse from 'css-tree/parser'\n\n/**\n * Indent a string\n * @param {number} size\n * @returns A string with {size} tabs\n */\nfunction indent(size) {\n\treturn '\\t'.repeat(size)\n}\n\n/**\n * @param {import('css-tree').CssNode} node\n * @param {string} css\n * @returns A portion of the CSS\n */\nfunction substr(node, css) {\n\tif (node.loc) {\n\t\treturn css.substring(node.loc.start.offset, node.loc.end.offset)\n\t}\n\treturn ''\n}\n\n/**\n *\n * @param {import('css-tree').Rule} node\n * @param {number} indent_level\n * @param {string} css\n * @returns {string} A formatted Rule\n */\nfunction print_rule(node, indent_level, css) {\n\tlet buffer = ''\n\n\tif (node.prelude && node.prelude.type === 'SelectorList') {\n\t\tbuffer += print_selectorlist(node.prelude, indent_level, css)\n\t}\n\n\tif (node.block && node.block.type === 'Block') {\n\t\tbuffer += print_block(node.block, indent_level, css)\n\t}\n\n\treturn buffer\n}\n\n/**\n * @param {import('css-tree').SelectorList} node\n * @param {number} indent_level\n * @param {string} css\n * @returns {string} A formatted SelectorList\n */\nfunction print_selectorlist(node, indent_level, css) {\n\tlet buffer = ''\n\n\tfor (let selector of node.children) {\n\t\tif (selector !== node.children.first) {\n\t\t\tbuffer += '\\n'\n\t\t}\n\n\t\tif (selector.type === 'Selector') {\n\t\t\tbuffer += print_selector(selector, indent_level, css)\n\t\t} else {\n\t\t\tbuffer += print_unknown(selector, indent_level, css)\n\t\t}\n\n\t\tif (selector !== node.children.last) {\n\t\t\tbuffer += ','\n\t\t}\n\t}\n\treturn buffer\n}\n\n/**\n *\n * @param {import('css-tree').Selector} node\n * @param {number} indent_level\n * @param {string} css\n * @returns {string} A formatted Selector\n */\nfunction print_selector(node, indent_level, css) {\n\treturn indent(indent_level) + substr(node, css)\n}\n\n/**\n * @param {import('css-tree').Block} node\n * @param {number} indent_level\n * @param {string} css\n * @returns {string} A formatted Block\n */\nfunction print_block(node, indent_level, css) {\n\tlet children = node.children\n\n\tif (children.size === 0) {\n\t\treturn ' {}\\n'\n\t}\n\n\tlet buffer = ' {\\n'\n\n\tindent_level++\n\n\tfor (let child of children) {\n\t\tif (child.type === 'Declaration') {\n\t\t\tbuffer += print_declaration(child, indent_level, css)\n\t\t} else if (child.type === 'Rule') {\n\t\t\tbuffer += print_rule(child, indent_level, css)\n\t\t} else if (child.type === 'Atrule') {\n\t\t\tbuffer += print_atrule(child, indent_level, css)\n\t\t} else {\n\t\t\tbuffer += print_unknown(child, indent_level, css)\n\t\t}\n\n\t\tif (child !== children.last) {\n\t\t\tif (child.type === 'Declaration') {\n\t\t\t\tbuffer += '\\n'\n\t\t\t} else {\n\t\t\t\tbuffer += '\\n\\n'\n\t\t\t}\n\t\t}\n\t}\n\n\tindent_level--\n\n\tbuffer += '\\n'\n\tbuffer += indent(indent_level)\n\tbuffer += '}'\n\n\treturn buffer\n}\n\n/**\n * @param {import('css-tree').Atrule} node\n * @param {number} indent_level\n * @param {string} css\n * @returns {string} A formatted Atrule\n */\nfunction print_atrule(node, indent_level, css) {\n\tlet buffer = indent(indent_level)\n\tbuffer += '@' + node.name\n\n\t// @font-face has no prelude\n\tif (node.prelude) {\n\t\tbuffer += ' ' + substr(node.prelude, css)\n\t}\n\n\tif (node.block && node.block.type === 'Block') {\n\t\tbuffer += print_block(node.block, indent_level, css)\n\t} else {\n\t\t// `@import url(style.css);` has no block, neither does `@layer layer1;`\n\t\tbuffer += ';'\n\t}\n\n\treturn buffer\n}\n\n/**\n * @param {import('css-tree').Declation} node\n * @param {number} indent_level\n * @param {string} css\n * @returns {string} A formatted Declaration\n */\nfunction print_declaration(node, indent_level, css) {\n\treturn indent(indent_level) + node.property + ': ' + substr(node.value, css) + ';'\n}\n\n/**\n * @param {import('css-tree').CssNode} node\n * @param {number} indent_level\n * @param {string} css\n * @returns {string} A formatted unknown CSS string\n */\nfunction print_unknown(node, indent_level, css) {\n\treturn indent(indent_level) + substr(node, css).trim()\n}\n\n/**\n * @param {import('css-tree').Stylesheet} node\n * @param {number} indent_level\n * @param {string} css\n * @returns {string} A formatted Stylesheet\n */\nfunction print(node, indent_level = 0, css) {\n\tlet buffer = ''\n\tlet children = node.children\n\n\tfor (let child of children) {\n\t\tif (child.type === 'Rule') {\n\t\t\tbuffer += print_rule(child, indent_level, css)\n\t\t} else if (child.type === 'Atrule') {\n\t\t\tbuffer += print_atrule(child, indent_level, css)\n\t\t} else {\n\t\t\tbuffer += print_unknown(child, indent_level, css)\n\t\t}\n\n\t\tif (child !== children.last) {\n\t\t\tbuffer += '\\n\\n'\n\t\t}\n\t}\n\n\treturn buffer\n}\n\n/**\n * Take a string of CSS (minified or not) and format it with some simple rules\n * @param {string} css The original CSS\n * @returns {string} The newly formatted CSS\n */\nexport function format(css) {\n\tlet ast = parse(css, {\n\t\tpositions: true,\n\t\tparseAtrulePrelude: false,\n\t\tparseCustomProperty: false,\n\t\tparseValue: false,\n\t})\n\treturn print(ast, 0, css)\n}\n"],"names":["indent","size","repeat","substr","node","css","loc","substring","start","offset","end","print_rule","indent_level","buffer","prelude","type","_step","_iterator","_createForOfIteratorHelperLoose","children","done","selector","value","first","print_selector","print_unknown","last","print_selectorlist","block","print_block","_step2","_iterator2","child","print_declaration","print_atrule","name","property","trim","format","_step3","_iterator3","print","parse","positions","parseAtrulePrelude","parseCustomProperty","parseValue"],"mappings":"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"}

package/dist/format.umd.js

@@ -0,0 +1,2 @@
+!function(e,r){"object"==typeof exports&&"undefined"!=typeof module?r(exports,require("css-tree/parser")):"function"==typeof define&&define.amd?define(["exports","css-tree/parser"],r):r((e||self).formatCss={},e.parse)}(this,function(e,r){function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=/*#__PURE__*/t(r);function o(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,n=new Array(r);t<r;t++)n[t]=e[t];return n}function u(e,r){var t="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(t)return(t=t.call(e)).next.bind(t);if(Array.isArray(e)||(t=function(e,r){if(e){if("string"==typeof e)return o(e,r);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?o(e,r):void 0}}(e))||r&&e&&"number"==typeof e.length){t&&(e=t);var n=0;return function(){return n>=e.length?{done:!0}:{done:!1,value:e[n++]}}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function a(e){return"\t".repeat(e)}function l(e,r){return e.loc?r.substring(e.loc.start.offset,e.loc.end.offset):""}function i(e,r,t){var n="";return e.prelude&&"SelectorList"===e.prelude.type&&(n+=function(e,r,t){for(var n,o="",a=u(e.children);!(n=a()).done;){var l=n.value;l!==e.children.first&&(o+="\n"),o+="Selector"===l.type?c(l,r,t):d(l,r,t),l!==e.children.last&&(o+=",")}return o}(e.prelude,r,t)),e.block&&"Block"===e.block.type&&(n+=f(e.block,r,t)),n}function c(e,r,t){return a(r)+l(e,t)}function f(e,r,t){var n=e.children;if(0===n.size)return" {}\n";var o=" {\n";r++;for(var l,c=u(n);!(l=c()).done;){var f=l.value;o+="Declaration"===f.type?s(f,r,t):"Rule"===f.type?i(f,r,t):"Atrule"===f.type?p(f,r,t):d(f,r,t),f!==n.last&&(o+="Declaration"===f.type?"\n":"\n\n")}return o+="\n",(o+=a(--r))+"}"}function p(e,r,t){var n=a(r);return n+="@"+e.name,e.prelude&&(n+=" "+l(e.prelude,t)),n+(e.block&&"Block"===e.block.type?f(e.block,r,t):";")}function s(e,r,t){return a(r)+e.property+": "+l(e.value,t)+";"}function d(e,r,t){return a(r)+l(e,t).trim()}e.format=function(e){return function(e,r,t){void 0===r&&(r=0);for(var n,o="",a=e.children,l=u(a);!(n=l()).done;){var c=n.value;o+="Rule"===c.type?i(c,r,t):"Atrule"===c.type?p(c,r,t):d(c,r,t),c!==a.last&&(o+="\n\n")}return o}(n.default(e,{positions:!0,parseAtrulePrelude:!1,parseCustomProperty:!1,parseValue:!1}),0,e)}});
+//# sourceMappingURL=format.umd.js.map

package/dist/format.umd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"format.umd.js","sources":["../index.js"],"sourcesContent":["import parse from 'css-tree/parser'\n\n/**\n * Indent a string\n * @param {number} size\n * @returns A string with {size} tabs\n */\nfunction indent(size) {\n\treturn '\\t'.repeat(size)\n}\n\n/**\n * @param {import('css-tree').CssNode} node\n * @param {string} css\n * @returns A portion of the CSS\n */\nfunction substr(node, css) {\n\tif (node.loc) {\n\t\treturn css.substring(node.loc.start.offset, node.loc.end.offset)\n\t}\n\treturn ''\n}\n\n/**\n *\n * @param {import('css-tree').Rule} node\n * @param {number} indent_level\n * @param {string} css\n * @returns {string} A formatted Rule\n */\nfunction print_rule(node, indent_level, css) {\n\tlet buffer = ''\n\n\tif (node.prelude && node.prelude.type === 'SelectorList') {\n\t\tbuffer += print_selectorlist(node.prelude, indent_level, css)\n\t}\n\n\tif (node.block && node.block.type === 'Block') {\n\t\tbuffer += print_block(node.block, indent_level, css)\n\t}\n\n\treturn buffer\n}\n\n/**\n * @param {import('css-tree').SelectorList} node\n * @param {number} indent_level\n * @param {string} css\n * @returns {string} A formatted SelectorList\n */\nfunction print_selectorlist(node, indent_level, css) {\n\tlet buffer = ''\n\n\tfor (let selector of node.children) {\n\t\tif (selector !== node.children.first) {\n\t\t\tbuffer += '\\n'\n\t\t}\n\n\t\tif (selector.type === 'Selector') {\n\t\t\tbuffer += print_selector(selector, indent_level, css)\n\t\t} else {\n\t\t\tbuffer += print_unknown(selector, indent_level, css)\n\t\t}\n\n\t\tif (selector !== node.children.last) {\n\t\t\tbuffer += ','\n\t\t}\n\t}\n\treturn buffer\n}\n\n/**\n *\n * @param {import('css-tree').Selector} node\n * @param {number} indent_level\n * @param {string} css\n * @returns {string} A formatted Selector\n */\nfunction print_selector(node, indent_level, css) {\n\treturn indent(indent_level) + substr(node, css)\n}\n\n/**\n * @param {import('css-tree').Block} node\n * @param {number} indent_level\n * @param {string} css\n * @returns {string} A formatted Block\n */\nfunction print_block(node, indent_level, css) {\n\tlet children = node.children\n\n\tif (children.size === 0) {\n\t\treturn ' {}\\n'\n\t}\n\n\tlet buffer = ' {\\n'\n\n\tindent_level++\n\n\tfor (let child of children) {\n\t\tif (child.type === 'Declaration') {\n\t\t\tbuffer += print_declaration(child, indent_level, css)\n\t\t} else if (child.type === 'Rule') {\n\t\t\tbuffer += print_rule(child, indent_level, css)\n\t\t} else if (child.type === 'Atrule') {\n\t\t\tbuffer += print_atrule(child, indent_level, css)\n\t\t} else {\n\t\t\tbuffer += print_unknown(child, indent_level, css)\n\t\t}\n\n\t\tif (child !== children.last) {\n\t\t\tif (child.type === 'Declaration') {\n\t\t\t\tbuffer += '\\n'\n\t\t\t} else {\n\t\t\t\tbuffer += '\\n\\n'\n\t\t\t}\n\t\t}\n\t}\n\n\tindent_level--\n\n\tbuffer += '\\n'\n\tbuffer += indent(indent_level)\n\tbuffer += '}'\n\n\treturn buffer\n}\n\n/**\n * @param {import('css-tree').Atrule} node\n * @param {number} indent_level\n * @param {string} css\n * @returns {string} A formatted Atrule\n */\nfunction print_atrule(node, indent_level, css) {\n\tlet buffer = indent(indent_level)\n\tbuffer += '@' + node.name\n\n\t// @font-face has no prelude\n\tif (node.prelude) {\n\t\tbuffer += ' ' + substr(node.prelude, css)\n\t}\n\n\tif (node.block && node.block.type === 'Block') {\n\t\tbuffer += print_block(node.block, indent_level, css)\n\t} else {\n\t\t// `@import url(style.css);` has no block, neither does `@layer layer1;`\n\t\tbuffer += ';'\n\t}\n\n\treturn buffer\n}\n\n/**\n * @param {import('css-tree').Declation} node\n * @param {number} indent_level\n * @param {string} css\n * @returns {string} A formatted Declaration\n */\nfunction print_declaration(node, indent_level, css) {\n\treturn indent(indent_level) + node.property + ': ' + substr(node.value, css) + ';'\n}\n\n/**\n * @param {import('css-tree').CssNode} node\n * @param {number} indent_level\n * @param {string} css\n * @returns {string} A formatted unknown CSS string\n */\nfunction print_unknown(node, indent_level, css) {\n\treturn indent(indent_level) + substr(node, css).trim()\n}\n\n/**\n * @param {import('css-tree').Stylesheet} node\n * @param {number} indent_level\n * @param {string} css\n * @returns {string} A formatted Stylesheet\n */\nfunction print(node, indent_level = 0, css) {\n\tlet buffer = ''\n\tlet children = node.children\n\n\tfor (let child of children) {\n\t\tif (child.type === 'Rule') {\n\t\t\tbuffer += print_rule(child, indent_level, css)\n\t\t} else if (child.type === 'Atrule') {\n\t\t\tbuffer += print_atrule(child, indent_level, css)\n\t\t} else {\n\t\t\tbuffer += print_unknown(child, indent_level, css)\n\t\t}\n\n\t\tif (child !== children.last) {\n\t\t\tbuffer += '\\n\\n'\n\t\t}\n\t}\n\n\treturn buffer\n}\n\n/**\n * Take a string of CSS (minified or not) and format it with some simple rules\n * @param {string} css The original CSS\n * @returns {string} The newly formatted CSS\n */\nexport function format(css) {\n\tlet ast = parse(css, {\n\t\tpositions: true,\n\t\tparseAtrulePrelude: false,\n\t\tparseCustomProperty: false,\n\t\tparseValue: false,\n\t})\n\treturn print(ast, 0, css)\n}\n"],"names":["indent","size","repeat","substr","node","css","loc","substring","start","offset","end","print_rule","indent_level","buffer","prelude","type","_step","_iterator","_createForOfIteratorHelperLoose","children","done","selector","value","first","print_selector","print_unknown","last","print_selectorlist","block","print_block","_step2","_iterator2","child","print_declaration","print_atrule","name","property","trim","_step3","_iterator3","print","parse","positions","parseAtrulePrelude","parseCustomProperty","parseValue"],"mappings":"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"}

package/dist/index.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Take a string of CSS (minified or not) and format it with some simple rules
+ * @param {string} css The original CSS
+ * @returns {string} The newly formatted CSS
+ */
+export function format(css: string): string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@projectwallace/format-css",
-  "version": "0.1.0",
+  "version": "1.0.0",
   "type": "module",
   "source": "index.js",
   "exports": {
@@ -22,5 +22,8 @@
   },
   "dependencies": {
     "css-tree": "^2.3.1"
-  }
+  },
+  "files": [
+    "dist"
+  ]
 }

package/.github/workflows/test.yml

@@ -1,24 +0,0 @@
-# This workflow will do a clean install of node dependencies, build the source code and run tests across different versions of node
-# For more information see: https://help.github.com/actions/language-and-framework-guides/using-nodejs-with-github-actions
-
-name: Tests
-
-on:
-  push:
-    branches: [main]
-  pull_request:
-    branches: [main]
-
-jobs:
-  test:
-    name: Unit tests
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v3
-      - name: Use Node.js 18
-        uses: actions/setup-node@v3
-        with:
-          node-version: 18
-          cache: "npm"
-      - run: npm install --ignore-scripts --no-audit
-      - run: npm test

package/index.js

@@ -1,214 +0,0 @@
-import parse from 'css-tree/parser'
-
-/**
- * Indent a string
- * @param {number} size
- * @returns A string with {size} tabs
- */
-function indent(size) {
-	return '\t'.repeat(size)
-}
-
-/**
- * @param {import('css-tree').CssNode} node
- * @param {string} css
- * @returns A portion of the CSS
- */
-function substr(node, css) {
-	if (node.loc) {
-		return css.substring(node.loc.start.offset, node.loc.end.offset)
-	}
-	return ''
-}
-
-/**
- *
- * @param {import('css-tree').Rule} node
- * @param {number} indent_level
- * @param {string} css
- * @returns {string} A formatted Rule
- */
-function print_rule(node, indent_level, css) {
-	let buffer = ''
-
-	if (node.prelude && node.prelude.type === 'SelectorList') {
-		buffer += print_selectorlist(node.prelude, indent_level, css)
-	}
-
-	if (node.block && node.block.type === 'Block') {
-		buffer += print_block(node.block, indent_level, css)
-	}
-
-	return buffer
-}
-
-/**
- * @param {import('css-tree').SelectorList} node
- * @param {number} indent_level
- * @param {string} css
- * @returns {string} A formatted SelectorList
- */
-function print_selectorlist(node, indent_level, css) {
-	let buffer = ''
-
-	for (let selector of node.children) {
-		if (selector !== node.children.first) {
-			buffer += '\n'
-		}
-
-		if (selector.type === 'Selector') {
-			buffer += print_selector(selector, indent_level, css)
-		} else {
-			buffer += print_unknown(selector, indent_level, css)
-		}
-
-		if (selector !== node.children.last) {
-			buffer += ','
-		}
-	}
-	return buffer
-}
-
-/**
- *
- * @param {import('css-tree').Selector} node
- * @param {number} indent_level
- * @param {string} css
- * @returns {string} A formatted Selector
- */
-function print_selector(node, indent_level, css) {
-	return indent(indent_level) + substr(node, css)
-}
-
-/**
- * @param {import('css-tree').Block} node
- * @param {number} indent_level
- * @param {string} css
- * @returns {string} A formatted Block
- */
-function print_block(node, indent_level, css) {
-	let children = node.children
-
-	if (children.size === 0) {
-		return ' {}\n'
-	}
-
-	let buffer = ' {\n'
-
-	indent_level++
-
-	for (let child of children) {
-		if (child.type === 'Declaration') {
-			buffer += print_declaration(child, indent_level, css)
-		} else if (child.type === 'Rule') {
-			buffer += print_rule(child, indent_level, css)
-		} else if (child.type === 'Atrule') {
-			buffer += print_atrule(child, indent_level, css)
-		} else {
-			buffer += print_unknown(child, indent_level, css)
-		}
-
-		if (child !== children.last) {
-			if (child.type === 'Declaration') {
-				buffer += '\n'
-			} else {
-				buffer += '\n\n'
-			}
-		}
-	}
-
-	indent_level--
-
-	buffer += '\n'
-	buffer += indent(indent_level)
-	buffer += '}'
-
-	return buffer
-}
-
-/**
- * @param {import('css-tree').Atrule} node
- * @param {number} indent_level
- * @param {string} css
- * @returns {string} A formatted Atrule
- */
-function print_atrule(node, indent_level, css) {
-	let buffer = indent(indent_level)
-	buffer += '@' + node.name
-
-	// @font-face has no prelude
-	if (node.prelude) {
-		buffer += ' ' + substr(node.prelude, css)
-	}
-
-	if (node.block && node.block.type === 'Block') {
-		buffer += print_block(node.block, indent_level, css)
-	} else {
-		// `@import url(style.css);` has no block, neither does `@layer layer1;`
-		buffer += ';'
-	}
-
-	return buffer
-}
-
-/**
- * @param {import('css-tree').Declation} node
- * @param {number} indent_level
- * @param {string} css
- * @returns {string} A formatted Declaration
- */
-function print_declaration(node, indent_level, css) {
-	return indent(indent_level) + node.property + ': ' + substr(node.value, css) + ';'
-}
-
-/**
- * @param {import('css-tree').CssNode} node
- * @param {number} indent_level
- * @param {string} css
- * @returns {string} A formatted unknown CSS string
- */
-function print_unknown(node, indent_level, css) {
-	return indent(indent_level) + substr(node, css).trim()
-}
-
-/**
- * @param {import('css-tree').Stylesheet} node
- * @param {number} indent_level
- * @param {string} css
- * @returns {string} A formatted Stylesheet
- */
-function print(node, indent_level = 0, css) {
-	let buffer = ''
-	let children = node.children
-
-	for (let child of children) {
-		if (child.type === 'Rule') {
-			buffer += print_rule(child, indent_level, css)
-		} else if (child.type === 'Atrule') {
-			buffer += print_atrule(child, indent_level, css)
-		} else {
-			buffer += print_unknown(child, indent_level, css)
-		}
-
-		if (child !== children.last) {
-			buffer += '\n\n'
-		}
-	}
-
-	return buffer
-}
-
-/**
- * Take a string of CSS (minified or not) and format it with some simple rules
- * @param {string} css The original CSS
- * @returns {string} The newly formatted CSS
- */
-export function format(css) {
-	let ast = parse(css, {
-		positions: true,
-		parseAtrulePrelude: false,
-		parseCustomProperty: false,
-		parseValue: false,
-	})
-	return print(ast, 0, css)
-}

package/test.js

@@ -1,373 +0,0 @@
-import { test } from 'uvu'
-import * as assert from 'uvu/assert'
-import { format } from './index.js'
-
-test('AtRules and Rules start on a new line', () => {
-	let actual = format(`
-		selector { property: value; }
-		@media (min-width: 1000px) {
-			selector { property: value; }
-		}
-		selector { property: value; }
-		@layer test {
-			selector { property: value; }
-		}
-	`)
-	let expected = `selector {
-	property: value;
-}
-
-@media (min-width: 1000px) {
-	selector {
-		property: value;
-	}
-}
-
-selector {
-	property: value;
-}
-
-@layer test {
-	selector {
-		property: value;
-	}
-}`
-
-	assert.equal(actual, expected)
-})
-
-test('Atrule blocks are surrounded by {} with correct spacing and indentation', () => {
-	let actual = format(`
-		@media (min-width:1000px){selector{property:value}}
-
-		@media (min-width:1000px)
-		{
-			selector
-			{
-				property:value
-			}
-}`)
-	let expected = `@media (min-width:1000px) {
-	selector {
-		property: value;
-	}
-}
-
-@media (min-width:1000px) {
-	selector {
-		property: value;
-	}
-}`
-
-	assert.equal(actual, expected)
-})
-
-test('Does not do AtRule prelude formatting', () => {
-	let actual = format(`@media (min-width:1000px){}`)
-	let expected = `@media (min-width:1000px) {}
-`
-
-	assert.equal(actual, expected)
-})
-
-test('Selectors are placed on a new line, separated by commas', () => {
-	let actual = format(`
-		selector1,
-			selector1a,
-			selector1b,
-				selector1aa,
-		selector2,
-
-		selector3 {
-		}
-	`)
-	let expected = `selector1,
-selector1a,
-selector1b,
-selector1aa,
-selector2,
-selector3 {}
-`
-
-	assert.equal(actual, expected)
-})
-
-test('Declarations end with a semicolon (;)', () => {
-	let actual = format(`
-		@font-face {
-			src: url('test');
-			font-family: Test;
-		}
-
-		css {
-			property1: value2;
-			property2: value2;
-
-			& .nested {
-				property1: value2;
-				property2: value2
-			}
-		}
-
-		@media (min-width: 1000px) {
-			@layer test {
-				css {
-					property1: value1
-				}
-			}
-		}
-	`)
-	let expected = `@font-face {
-	src: url('test');
-	font-family: Test;
-}
-
-css {
-	property1: value2;
-	property2: value2;
-	& .nested {
-		property1: value2;
-		property2: value2;
-	}
-}
-
-@media (min-width: 1000px) {
-	@layer test {
-		css {
-			property1: value1;
-		}
-	}
-}`
-
-	assert.equal(actual, expected)
-})
-
-test('An empty line is rendered in between Rules', () => {
-	let actual = format(`
-		rule1 { property: value }
-		rule2 { property: value }
-	`)
-	let expected = `rule1 {
-	property: value;
-}
-
-rule2 {
-	property: value;
-}`
-	assert.equal(actual, expected)
-})
-
-test('single empty line after a rule, before atrule', () => {
-	let actual = format(`
-		rule1 { property: value }
-		@media (min-width: 1000px) {
-			rule2 { property: value }
-		}
-	`)
-	let expected = `rule1 {
-	property: value;
-}
-
-@media (min-width: 1000px) {
-	rule2 {
-		property: value;
-	}
-}`
-	assert.equal(actual, expected)
-})
-
-test('single empty line in between atrules', () => {
-	let actual = format(`
-		@layer test1;
-		@media (min-width: 1000px) {
-			rule2 { property: value }
-		}
-	`)
-	let expected = `@layer test1;
-
-@media (min-width: 1000px) {
-	rule2 {
-		property: value;
-	}
-}`
-	assert.equal(actual, expected)
-})
-
-test('handles comments', () => {
-	let actual = format(`
-.async-hide {
-	opacity: 0;
-}
-
-/*!
- * Library vx.x.x (http://css-lib.com)
- * Copyright 1970-1800 CSS Inc.
- * Licensed under MIT (https://example.com)
- */
-
-/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
-
-html /* comment */ {
-	font-family /* comment */ : /* comment */ sans-serif;
-	-webkit-text-size-adjust: 100%;
-	-ms-text-size-adjust: 100%;
-}
-	`)
-	let expected = `.async-hide {
-	opacity: 0;
-}
-
-/*!
- * Library vx.x.x (http://css-lib.com)
- * Copyright 1970-1800 CSS Inc.
- * Licensed under MIT (https://example.com)
- */
-
-/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
-
-html {
-	font-family: sans-serif;
-	-webkit-text-size-adjust: 100%;
-	-ms-text-size-adjust: 100%;
-}`
-
-	assert.equal(actual, expected)
-})
-
-test('css nesting chaos', () => {
-	let actual = format(`
-/**
- * Comment!
- */
-no-layer-1, no-layer-2 { color: red; font-size: 1rem; COLOR: green; }
-@layer components, deep;
-@layer base { layer-base { color: green; } }
-@layer { @layer named { anon-named { test: 1 } }}
-@media (min-width: 1000px) {
-  @layer desktop { layer-desktop { color: blue; } }
-  @layer { layer-anon, no-2 { anonymous: 1; } }
-  @layer test {}
-  @supports (min-width: 1px) {
-    @layer deep { layer-deep {} }
-  }
-}
-test { a: 1}
-@layer components {
-  @layer alert {}
-  @layer table {
-    @layer tbody, thead;
-    layer-components-table { color: yellow; }
-    @layer tbody { tbody { border: 1px solid; background: red; } }
-    @media (min-width: 30em) {
-      @supports (display: grid) {
-        @layer thead { thead { border: 1px solid; } }
-      }
-    }
-  }
-}
-@layer components.breadcrumb { layer-components-breadcrumb { } }
-
-@font-face {
-  font-family: "Test";
-  src: url(some-url.woff2);
-}
-
-;;;;;;;;;;;;;;;;;;;
-`)
-	let expected = `no-layer-1,
-no-layer-2 {
-	color: red;
-	font-size: 1rem;
-	COLOR: green;
-}
-
-@layer components, deep;
-
-@layer base {
-	layer-base {
-		color: green;
-	}
-}
-
-@layer {
-	@layer named {
-		anon-named {
-			test: 1;
-		}
-	}
-}
-
-@media (min-width: 1000px) {
-	@layer desktop {
-		layer-desktop {
-			color: blue;
-		}
-	}
-
-	@layer {
-		layer-anon,
-		no-2 {
-			anonymous: 1;
-		}
-	}
-
-	@layer test {}
-
-
-	@supports (min-width: 1px) {
-		@layer deep {
-			layer-deep {}
-
-		}
-	}
-}
-
-test {
-	a: 1;
-}
-
-@layer components {
-	@layer alert {}
-
-
-	@layer table {
-		@layer tbody, thead;
-
-		layer-components-table {
-			color: yellow;
-		}
-
-		@layer tbody {
-			tbody {
-				border: 1px solid;
-				background: red;
-			}
-		}
-
-		@media (min-width: 30em) {
-			@supports (display: grid) {
-				@layer thead {
-					thead {
-						border: 1px solid;
-					}
-				}
-			}
-		}
-	}
-}
-
-@layer components.breadcrumb {
-	layer-components-breadcrumb {}
-
-}
-
-@font-face {
-	font-family: "Test";
-	src: url(some-url.woff2);
-}
-
-;;;;;;;;;;;;;;;;;;;`
-	assert.equal(actual, expected);
-});
-
-test.run();