first commit

build/node_modules/css-mqpacker/test/css-mqpacker_test.js

@@ -0,0 +1,159 @@
+"use strict";
+
+const fs = require("fs");
+const path = require("path");
+const postcss = require("postcss");
+
+const mqpacker = require("../index");
+
+exports["Public API"] = (test) => {
+  const input = `.foo {
+  z-index: 0;
+}
+
+@media (min-width:1px) {
+  .foo {
+    z-index: 1;
+  }
+}
+`;
+  const expected = postcss().process(input).css;
+
+  test.expect(2);
+  test.strictEqual(
+    postcss([mqpacker()]).process(input).css,
+    expected
+  );
+  test.strictEqual(
+    mqpacker.pack(input).css,
+    expected
+  );
+  test.done();
+};
+
+exports["Option: PostCSS options"] = (test) => {
+  const input = `.foo {
+  z-index: 0;
+}
+
+@media (min-width:1px) {
+  .foo {
+    z-index: 1;
+  }
+}
+
+/*# sourceMappingURL=from.css.map */
+`;
+  const opts = {
+    from: "from.css",
+    map: {
+      inline: false
+    }
+  };
+  const expected = postcss().process(input, opts);
+  const processed = mqpacker.pack(input, opts);
+
+  test.expect(2);
+  test.strictEqual(
+    processed.css,
+    expected.css
+  );
+  test.deepEqual(
+    processed.map,
+    expected.map
+  );
+  test.done();
+};
+
+exports["Option: sort"] = (test) => {
+  const expected = `.foo {
+  z-index: 0;
+}
+
+@media (min-width: 1px) {
+  .foo {
+    z-index: 1;
+  }
+}
+
+@media (min-width: 2px) {
+  .foo {
+    z-index: 2;
+  }
+}
+`;
+  const input = `.foo {
+  z-index: 0;
+}
+
+@media (min-width: 2px) {
+  .foo {
+    z-index: 2;
+  }
+}
+
+@media (min-width: 1px) {
+  .foo {
+    z-index: 1;
+  }
+}
+`;
+  const opts = {
+    sort: true
+  };
+
+  test.expect(4);
+  test.notStrictEqual(
+    mqpacker.pack(input).css,
+    expected
+  );
+  test.strictEqual(
+    mqpacker.pack(input, opts).css,
+    expected
+  );
+  test.notStrictEqual(
+    postcss([mqpacker()]).process(input).css,
+    postcss([mqpacker(opts)]).process(input).css
+  );
+  test.strictEqual(
+    mqpacker.pack(input, {
+      sort: function (c, d) {
+        return c.localeCompare(d);
+      }
+    }).css,
+    expected
+  );
+  test.done();
+};
+
+exports["Real CSS"] = (test) => {
+  const testCases = fs.readdirSync(path.join(__dirname, "fixtures"));
+  const loadExpected = (file) => {
+    file = path.join(__dirname, "expected", file);
+
+    return fs.readFileSync(file, "utf8");
+  };
+  const loadInput = (file) => {
+    file = path.join(__dirname, "fixtures", file);
+
+    return fs.readFileSync(file, "utf8");
+  };
+
+  test.expect(testCases.length);
+  testCases.forEach((testCase) => {
+    const opts = {
+      sort: false
+    };
+
+    if (testCase.indexOf("sort_") === 0) {
+      opts.sort = true;
+    }
+
+    test.strictEqual(
+      mqpacker.pack(loadInput(testCase), opts).css,
+      loadExpected(testCase),
+      testCase
+    );
+  });
+  test.done();
+};

build/node_modules/css-mqpacker/test/expected/issue50.css

@@ -0,0 +1,21 @@
+.foo {
+  z-index: 1;
+}
+
+@supports (display: auto) {
+  .foo {
+    z-index: 2;
+  }
+
+  @media (min-width: 1024px) {
+    .foo {
+      z-index: 3;
+    }
+  }
+}
+
+@media (min-width: 1024px) {
+  .foo {
+    z-index: 4;
+  }
+}

build/node_modules/css-mqpacker/test/expected/keep-query-order.css

@@ -0,0 +1,18 @@
+.foo {
+  z-index: 0;
+}
+
+@media (min-width: 99px) {
+  .foo {
+    z-index: 1;
+  }
+  .bar {
+    z-index: 2;
+  }
+}
+
+@media (min-width: 999px) {
+  .foo {
+    z-index: 3;
+  }
+}

build/node_modules/css-mqpacker/test/expected/last-comment.css

@@ -0,0 +1,18 @@
+.foo {
+  z-index: 1;
+}
+
+.bar {
+  z-index: 2;
+}
+
+/* Comment */
+
+@media (min-width: 999px) {
+  .foo {
+    z-index: 3;
+  }
+  .bar {
+    z-index: 4;
+  }
+}

build/node_modules/css-mqpacker/test/expected/multiple-queries.css

@@ -0,0 +1,30 @@
+.foo {
+  z-index: 0;
+}
+
+@media (min-width: 99px) {
+  .foo {
+    z-index: 1;
+  }
+  .bar {
+    z-index: 2;
+  }
+}
+
+@media (min-width: 999px) {
+  .baz {
+    z-index: 3;
+  }
+  .qux {
+    z-index: 4;
+  }
+}
+
+@media screen and (min-width: 999px) {
+  .quux {
+    z-index: 5;
+  }
+  .corge {
+    z-index: 6;
+  }
+}

build/node_modules/css-mqpacker/test/expected/other-at-rule.css

@@ -0,0 +1,17 @@
+@charset "UTF-8";
+
+@import "import.css";
+
+@font-face {
+  font-family: F;
+  src: local("F");
+}
+
+@media (min-width: 99px) {
+  .foo {
+    z-index: 1;
+  }
+  .bar {
+    z-index: 2;
+  }
+}

build/node_modules/css-mqpacker/test/expected/single-query.css

@@ -0,0 +1,23 @@
+.foo {
+  z-index: 1;
+}
+
+.bar {
+  z-index: 2;
+}
+
+.baz {
+  z-index: 3;
+}
+
+@media (min-width: 999px) {
+  .foo {
+    z-index: 4;
+  }
+  .bar {
+    z-index: 5;
+  }
+  .baz {
+    z-index: 6;
+  }
+}

build/node_modules/css-mqpacker/test/expected/sort_different-units.css

@@ -0,0 +1,33 @@
+.foo {
+  z-index: 0;
+}
+
+@media (min-width: 16px) {
+  .foo {
+    z-index: 1;
+  }
+}
+
+@media (min-width: 1.0625em) {
+  .foo {
+    z-index: 2;
+  }
+}
+
+@media (min-width: 1.125rem) {
+  .foo {
+    z-index: 3;
+  }
+}
+
+@media (min-width: 2.29ex) {
+  .foo {
+    z-index: 4;
+  }
+}
+
+@media (min-width: 2.248ch) {
+  .foo {
+    z-index: 5;
+  }
+}

build/node_modules/css-mqpacker/test/expected/sort_duplicate-queries.css

@@ -0,0 +1,21 @@
+.foo {
+  z-index: 0;
+}
+
+@media (min-width: 3em) and (min-width: 4em) {
+  .foo {
+    z-index: 1;
+  }
+}
+
+@media (min-width: 2em) and (min-width: 5em) {
+  .foo {
+    z-index: 2;
+  }
+}
+
+@media (min-width: 1em) and (min-width: 6em) {
+  .foo {
+    z-index: 3;
+  }
+}

build/node_modules/css-mqpacker/test/expected/sort_ignore-not-queries.css

@@ -0,0 +1,27 @@
+.foo {
+  z-index: 0;
+}
+
+@media (min-width: 1em) {
+  .foo {
+    z-index: 1;
+  }
+}
+
+@media (min-width: 2em) {
+  .foo {
+    z-index: 2;
+  }
+}
+
+@media not screen, (min-width: 3em) {
+  .foo {
+    z-index: 3;
+  }
+}
+
+@media not (min-width: 1em) {
+  .foo {
+    z-index: 4;
+  }
+}

build/node_modules/css-mqpacker/test/expected/sort_ignore-other-queries.css

@@ -0,0 +1,21 @@
+.foo {
+  z-index: 0;
+}
+
+@media (min-width: 1em) and (min-height: 1em) {
+  .foo {
+    z-index: 1;
+  }
+}
+
+@media screen and (min-width: 2em) {
+  .foo {
+    z-index: 2;
+  }
+}
+
+@media all, (min-width: 3em) {
+  .foo {
+    z-index: 3;
+  }
+}

build/node_modules/css-mqpacker/test/expected/sort_ignore-print-queries.css

@@ -0,0 +1,27 @@
+.foo {
+  z-index: 0;
+}
+
+@media (min-width: 1em) {
+  .foo {
+    z-index: 1;
+  }
+}
+
+@media (min-width: 2em) {
+  .foo {
+    z-index: 2;
+  }
+}
+
+@media print, (min-width: 3em) {
+  .foo {
+    z-index: 3;
+  }
+}
+
+@media print and (min-width: 1em) {
+  .foo {
+    z-index: 4;
+  }
+}

build/node_modules/css-mqpacker/test/expected/sort_queries.css

@@ -0,0 +1,39 @@
+.foo {
+  z-index: 0;
+}
+
+@media (min-width: 1em) {
+  .foo {
+    z-index: 1;
+  }
+}
+
+@media (min-width: 2em) {
+  .foo {
+    z-index: 2;
+  }
+}
+
+@media (min-width: 3em) {
+  .foo {
+    z-index: 3;
+  }
+}
+
+@media (min-width: 4em) {
+  .foo {
+    z-index: 4;
+  }
+}
+
+@media (min-width: 5em) {
+  .foo {
+    z-index: 5;
+  }
+}
+
+@media (min-width: 6em) {
+  .foo {
+    z-index: 6;
+  }
+}

build/node_modules/css-mqpacker/test/expected/sort_skip-non-min-width-queries.css

@@ -0,0 +1,27 @@
+.foo {
+  z-index: 0;
+}
+
+@media (min-width: 1em) {
+  .foo {
+    z-index: 1;
+  }
+}
+
+@media (min-width: 2em) {
+  .foo {
+    z-index: 2;
+  }
+}
+
+@media (min-resolution: 1dppx) {
+  .foo {
+    z-index: 3;
+  }
+}
+
+@media tv {
+  .foo {
+    z-index: 4;
+  }
+}

build/node_modules/css-mqpacker/test/fixtures/issue50.css

@@ -0,0 +1,21 @@
+.foo {
+  z-index: 1;
+}
+
+@media (min-width: 1024px) {
+  .foo {
+    z-index: 4;
+  }
+}
+
+@supports (display: auto) {
+  .foo {
+    z-index: 2;
+  }
+
+  @media (min-width: 1024px) {
+    .foo {
+      z-index: 3;
+    }
+  }
+}

build/node_modules/css-mqpacker/test/fixtures/keep-query-order.css

@@ -0,0 +1,21 @@
+.foo {
+  z-index: 0;
+}
+
+@media (min-width: 99px) {
+  .foo {
+    z-index: 1;
+  }
+}
+
+@media (min-width: 999px) {
+  .foo {
+    z-index: 3;
+  }
+}
+
+@media (min-width: 99px) {
+  .bar {
+    z-index: 2;
+  }
+}

build/node_modules/css-mqpacker/test/fixtures/last-comment.css

@@ -0,0 +1,21 @@
+.foo {
+  z-index: 1;
+}
+
+@media (min-width: 999px) {
+  .foo {
+    z-index: 3;
+  }
+}
+
+.bar {
+  z-index: 2;
+}
+
+@media (min-width: 999px) {
+  .bar {
+    z-index: 4;
+  }
+}
+
+/* Comment */

build/node_modules/css-mqpacker/test/fixtures/multiple-queries.css

@@ -0,0 +1,39 @@
+.foo {
+  z-index: 0;
+}
+
+@media (min-width: 99px) {
+  .foo {
+    z-index: 1;
+  }
+}
+
+@media (min-width: 999px) {
+  .baz {
+    z-index: 3;
+  }
+}
+
+@media (min-width: 99px) {
+  .bar {
+    z-index: 2;
+  }
+}
+
+@media screen and (min-width: 999px) {
+  .quux {
+    z-index: 5;
+  }
+}
+
+@media (min-width: 999px) {
+  .qux {
+    z-index: 4;
+  }
+}
+
+@media screen and (min-width: 999px) {
+  .corge {
+    z-index: 6;
+  }
+}

build/node_modules/css-mqpacker/test/fixtures/other-at-rule.css

@@ -0,0 +1,20 @@
+@charset "UTF-8";
+
+@import "import.css";
+
+@font-face {
+  font-family: F;
+  src: local("F");
+}
+
+@media (min-width: 99px) {
+  .foo {
+    z-index: 1;
+  }
+}
+
+@media (min-width: 99px) {
+  .bar {
+    z-index: 2;
+  }
+}

build/node_modules/css-mqpacker/test/fixtures/single-query.css

@@ -0,0 +1,29 @@
+.foo {
+  z-index: 1;
+}
+
+@media (min-width: 999px) {
+  .foo {
+    z-index: 4;
+  }
+}
+
+.bar {
+  z-index: 2;
+}
+
+@media (min-width: 999px) {
+  .bar {
+    z-index: 5;
+  }
+}
+
+.baz {
+  z-index: 3;
+}
+
+@media (min-width: 999px) {
+  .baz {
+    z-index: 6;
+  }
+}

build/node_modules/css-mqpacker/test/fixtures/sort_different-units.css

@@ -0,0 +1,33 @@
+.foo {
+  z-index: 0;
+}
+
+@media (min-width: 2.248ch) {
+  .foo {
+    z-index: 5;
+  }
+}
+
+@media (min-width: 1.125rem) {
+  .foo {
+    z-index: 3;
+  }
+}
+
+@media (min-width: 2.29ex) {
+  .foo {
+    z-index: 4;
+  }
+}
+
+@media (min-width: 1.0625em) {
+  .foo {
+    z-index: 2;
+  }
+}
+
+@media (min-width: 16px) {
+  .foo {
+    z-index: 1;
+  }
+}

build/node_modules/css-mqpacker/test/fixtures/sort_duplicate-queries.css

@@ -0,0 +1,21 @@
+.foo {
+  z-index: 0;
+}
+
+@media (min-width: 1em) and (min-width: 6em) {
+  .foo {
+    z-index: 3;
+  }
+}
+
+@media (min-width: 2em) and (min-width: 5em) {
+  .foo {
+    z-index: 2;
+  }
+}
+
+@media (min-width: 3em) and (min-width: 4em) {
+  .foo {
+    z-index: 1;
+  }
+}

build/node_modules/css-mqpacker/test/fixtures/sort_ignore-not-queries.css

@@ -0,0 +1,27 @@
+.foo {
+  z-index: 0;
+}
+
+@media (min-width: 2em) {
+  .foo {
+    z-index: 2;
+  }
+}
+
+@media not (min-width: 1em) {
+  .foo {
+    z-index: 4;
+  }
+}
+
+@media not screen, (min-width: 3em) {
+  .foo {
+    z-index: 3;
+  }
+}
+
+@media (min-width: 1em) {
+  .foo {
+    z-index: 1;
+  }
+}

build/node_modules/css-mqpacker/test/fixtures/sort_ignore-other-queries.css

@@ -0,0 +1,21 @@
+.foo {
+  z-index: 0;
+}
+
+@media screen and (min-width: 2em) {
+  .foo {
+    z-index: 2;
+  }
+}
+
+@media all, (min-width: 3em) {
+  .foo {
+    z-index: 3;
+  }
+}
+
+@media (min-width: 1em) and (min-height: 1em) {
+  .foo {
+    z-index: 1;
+  }
+}

build/node_modules/css-mqpacker/test/fixtures/sort_ignore-print-queries.css

@@ -0,0 +1,27 @@
+.foo {
+  z-index: 0;
+}
+
+@media (min-width: 2em) {
+  .foo {
+    z-index: 2;
+  }
+}
+
+@media print and (min-width: 1em) {
+  .foo {
+    z-index: 4;
+  }
+}
+
+@media print, (min-width: 3em) {
+  .foo {
+    z-index: 3;
+  }
+}
+
+@media (min-width: 1em) {
+  .foo {
+    z-index: 1;
+  }
+}

build/node_modules/css-mqpacker/test/fixtures/sort_queries.css

@@ -0,0 +1,39 @@
+.foo {
+  z-index: 0;
+}
+
+@media (min-width: 3em) {
+  .foo {
+    z-index: 3;
+  }
+}
+
+@media (min-width: 2em) {
+  .foo {
+    z-index: 2;
+  }
+}
+
+@media (min-width: 1em) {
+  .foo {
+    z-index: 1;
+  }
+}
+
+@media (min-width: 6em) {
+  .foo {
+    z-index: 6;
+  }
+}
+
+@media (min-width: 4em) {
+  .foo {
+    z-index: 4;
+  }
+}
+
+@media (min-width: 5em) {
+  .foo {
+    z-index: 5;
+  }
+}

build/node_modules/css-mqpacker/test/fixtures/sort_skip-non-min-width-queries.css

@@ -0,0 +1,27 @@
+.foo {
+  z-index: 0;
+}
+
+@media (min-width: 2em) {
+  .foo {
+    z-index: 2;
+  }
+}
+
+@media (min-resolution: 1dppx) {
+  .foo {
+    z-index: 3;
+  }
+}
+
+@media (min-width: 1em) {
+  .foo {
+    z-index: 1;
+  }
+}
+
+@media tv {
+  .foo {
+    z-index: 4;
+  }
+}