@docusaurus/cssnano-preset 2.0.0-beta.ff31de0ff → 2.0.1

package/lib/index.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import advancedBasePreset from 'cssnano-preset-advanced';
+declare const preset: typeof advancedBasePreset;
+export = preset;

package/lib/index.js

@@ -0,0 +1,23 @@
+"use strict";
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+const tslib_1 = require("tslib");
+const cssnano_preset_advanced_1 = tslib_1.__importDefault(require("cssnano-preset-advanced"));
+const postcss_sort_media_queries_1 = tslib_1.__importDefault(require("postcss-sort-media-queries"));
+const remove_overridden_custom_properties_1 = tslib_1.__importDefault(require("./remove-overridden-custom-properties"));
+const preset = function preset(opts) {
+    const advancedPreset = (0, cssnano_preset_advanced_1.default)({
+        autoprefixer: { add: false },
+        discardComments: { removeAll: true },
+        /* cSpell:ignore zindex */
+        zindex: false,
+        ...opts,
+    });
+    advancedPreset.plugins.unshift([postcss_sort_media_queries_1.default, undefined], [remove_overridden_custom_properties_1.default, undefined]);
+    return advancedPreset;
+};
+module.exports = preset;

package/lib/remove-overridden-custom-properties/index.d.ts

@@ -0,0 +1,25 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import type { Plugin } from 'postcss';
+/**
+ * This PostCSS plugin will remove duplicate/same custom properties (which are
+ * actually overridden ones) **only** from `:root` selector.
+ *
+ * Depending on the presence of an `!important` rule in value of custom
+ * property, the following actions will happen:
+ *
+ * - If the same custom properties do **not** have an `!important` rule, then
+ * all of them will be removed except for the last one (which will actually be
+ * applied).
+ * - If the same custom properties have at least one `!important` rule, then
+ * only those properties that do not have this rule will be removed.
+ */
+declare function creator(): Plugin;
+declare namespace creator {
+    var postcss: true;
+}
+export default creator;

package/lib/remove-overridden-custom-properties/index.js

@@ -0,0 +1,40 @@
+"use strict";
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+const isRule = (node) => node?.type === 'rule';
+/**
+ * This PostCSS plugin will remove duplicate/same custom properties (which are
+ * actually overridden ones) **only** from `:root` selector.
+ *
+ * Depending on the presence of an `!important` rule in value of custom
+ * property, the following actions will happen:
+ *
+ * - If the same custom properties do **not** have an `!important` rule, then
+ * all of them will be removed except for the last one (which will actually be
+ * applied).
+ * - If the same custom properties have at least one `!important` rule, then
+ * only those properties that do not have this rule will be removed.
+ */
+function creator() {
+    return {
+        postcssPlugin: 'postcss-remove-overridden-custom-properties',
+        Declaration(decl) {
+            if (!isRule(decl.parent) || decl.parent.selector !== ':root') {
+                return;
+            }
+            const sameProperties = decl.parent.nodes.filter((n) => 'prop' in n && n.prop === decl.prop);
+            const hasImportantProperties = sameProperties.some((p) => 'important' in p);
+            const overriddenProperties = hasImportantProperties
+                ? sameProperties.filter((p) => !('important' in p))
+                : sameProperties.slice(0, -1);
+            overriddenProperties.map((p) => p.remove());
+        },
+    };
+}
+creator.postcss = true;
+exports.default = creator;

package/package.json

@@ -1,24 +1,32 @@
 {
   "name": "@docusaurus/cssnano-preset",
-  "version": "2.0.0-beta.ff31de0ff",
+  "version": "2.0.1",
   "description": "Advanced cssnano preset for maximum optimization.",
-  "main": "index.js",
+  "main": "lib/index.js",
   "license": "MIT",
   "publishConfig": {
     "access": "public"
   },
+  "scripts": {
+    "build": "tsc",
+    "watch": "tsc --watch"
+  },
   "repository": {
     "type": "git",
     "url": "https://github.com/facebook/docusaurus.git",
     "directory": "packages/docusaurus-cssnano-preset"
   },
   "dependencies": {
-    "cssnano-preset-advanced": "^5.1.1",
-    "postcss": "^8.2.15",
-    "postcss-sort-media-queries": "^3.10.11"
+    "cssnano-preset-advanced": "^5.3.8",
+    "postcss": "^8.4.14",
+    "postcss-sort-media-queries": "^4.2.1",
+    "tslib": "^2.4.0"
   },
   "devDependencies": {
-    "to-vfile": "^6.0.0"
+    "to-vfile": "^6.1.0"
+  },
+  "engines": {
+    "node": ">=16.14"
   },
-  "gitHead": "6cacb313da4a21283fe08176097df89df836ee23"
+  "gitHead": "1ddee1c29cabf9bb52e4d78af6ebfaaabb1bc1f9"
 }

package/src/deps.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+declare module 'postcss-sort-media-queries' {
+  const plugin: import('postcss').PluginCreator<object>;
+  export default plugin;
+}

package/src/index.ts

@@ -0,0 +1,29 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import advancedBasePreset from 'cssnano-preset-advanced';
+import postCssSortMediaQueries from 'postcss-sort-media-queries';
+import postCssRemoveOverriddenCustomProperties from './remove-overridden-custom-properties';
+
+const preset: typeof advancedBasePreset = function preset(opts) {
+  const advancedPreset = advancedBasePreset({
+    autoprefixer: {add: false},
+    discardComments: {removeAll: true},
+    /* cSpell:ignore zindex */
+    zindex: false,
+    ...opts,
+  });
+
+  advancedPreset.plugins.unshift(
+    [postCssSortMediaQueries, undefined],
+    [postCssRemoveOverriddenCustomProperties, undefined],
+  );
+
+  return advancedPreset;
+};
+
+export = preset;

package/src/remove-overridden-custom-properties/index.ts

@@ -0,0 +1,51 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import type {Plugin, Rule, Node} from 'postcss';
+
+const isRule = (node: Node | undefined): node is Rule => node?.type === 'rule';
+
+/**
+ * This PostCSS plugin will remove duplicate/same custom properties (which are
+ * actually overridden ones) **only** from `:root` selector.
+ *
+ * Depending on the presence of an `!important` rule in value of custom
+ * property, the following actions will happen:
+ *
+ * - If the same custom properties do **not** have an `!important` rule, then
+ * all of them will be removed except for the last one (which will actually be
+ * applied).
+ * - If the same custom properties have at least one `!important` rule, then
+ * only those properties that do not have this rule will be removed.
+ */
+function creator(): Plugin {
+  return {
+    postcssPlugin: 'postcss-remove-overridden-custom-properties',
+    Declaration(decl) {
+      if (!isRule(decl.parent) || decl.parent.selector !== ':root') {
+        return;
+      }
+
+      const sameProperties = decl.parent.nodes.filter(
+        (n) => 'prop' in n && n.prop === decl.prop,
+      );
+      const hasImportantProperties = sameProperties.some(
+        (p) => 'important' in p,
+      );
+
+      const overriddenProperties = hasImportantProperties
+        ? sameProperties.filter((p) => !('important' in p))
+        : sameProperties.slice(0, -1);
+
+      overriddenProperties.map((p) => p.remove());
+    },
+  };
+}
+
+creator.postcss = true as const;
+
+export default creator;

package/index.js

@@ -1,25 +0,0 @@
-/**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-const advancedBasePreset = require('cssnano-preset-advanced');
-const postCssSortMediaQueries = require('postcss-sort-media-queries');
-const postCssRemoveOverriddenCustomProperties = require('./src/remove-overridden-custom-properties');
-
-module.exports = function docusaurusCssnanoPreset(opts) {
-  const advancedPreset = advancedBasePreset({
-    autoprefixer: {add: false},
-    discardComments: {removeAll: true},
-    ...opts,
-  });
-
-  advancedPreset.plugins.unshift(
-    [postCssSortMediaQueries],
-    [postCssRemoveOverriddenCustomProperties],
-  );
-
-  return advancedPreset;
-};

package/src/remove-overridden-custom-properties/__tests__/__snapshots__/index.test.js.snap

@@ -1,19 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`remove-overridden-custom-properties overridden custom properties should be removed 1`] = `
-":root {
-  --color-secondary: green;
-  --color-primary: blue;
-  --color-header: gray;
-}
-"
-`;
-
-exports[`remove-overridden-custom-properties overridden custom properties with \`!important\` rule should not be removed 1`] = `
-":root {
-  --color-primary: blue;
-  --color-header: gray !important;
-  --color-secondary: yellow !important;
-}
-"
-`;

package/src/remove-overridden-custom-properties/__tests__/fixtures/important_rule.css

@@ -1,8 +0,0 @@
-:root {
-  --color-primary: red;
-  --color-secondary: green;
-  --color-primary: blue;
-  --color-header: gray !important;
-  --color-header: black;
-  --color-secondary: yellow !important;
-}

package/src/remove-overridden-custom-properties/__tests__/fixtures/normal.css

@@ -1,7 +0,0 @@
-:root {
-  --color-primary: red;
-  --color-primary: red;
-  --color-secondary: green;
-  --color-primary: blue;
-  --color-header: gray;
-}

package/src/remove-overridden-custom-properties/__tests__/index.test.js

@@ -1,33 +0,0 @@
-/**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-const path = require('path');
-const vfile = require('to-vfile');
-const postcss = require('postcss');
-const postCssRemoveOverriddenCustomProperties = require('../index');
-
-const processFixture = (name) => {
-  const input = vfile.readSync(
-    path.join(__dirname, 'fixtures', `${name}.css`),
-    'utf8',
-  );
-  const output = postcss([postCssRemoveOverriddenCustomProperties]).process(
-    input,
-  );
-
-  return output.css;
-};
-
-describe('remove-overridden-custom-properties', () => {
-  test('overridden custom properties should be removed', () => {
-    expect(processFixture('normal')).toMatchSnapshot();
-  });
-
-  test('overridden custom properties with `!important` rule should not be removed', () => {
-    expect(processFixture('important_rule')).toMatchSnapshot();
-  });
-});

package/src/remove-overridden-custom-properties/index.js

@@ -1,42 +0,0 @@
-/**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-/**
- * This PostCSS plugin will remove duplicate/same custom properties (which are actually overridden ones) **only** from `:root` selector.
- *
- * Depending on the presence of an `!important` rule in value of custom property, the following actions will happens:
- *
- * - If the same custom properties do **not** have an `!important` rule, then all of them will be removed except for the last one (which will actually be applied).
- * - If the same custom properties have at least one `!important` rule, then only those properties that do not have this rule will be removed.
- * @returns {import('postcss').Plugin}
- */
-module.exports = function creator() {
-  return {
-    postcssPlugin: 'postcss-remove-overridden-custom-properties',
-    Declaration(decl) {
-      if (decl.parent.selector !== ':root') {
-        return;
-      }
-
-      const sameProperties =
-        decl.parent.nodes.filter((n) => n.prop === decl.prop) || [];
-      const hasImportantProperties = sameProperties.some((p) =>
-        Object.prototype.hasOwnProperty.call(p, 'important'),
-      );
-
-      const overriddenProperties = hasImportantProperties
-        ? sameProperties.filter(
-            (p) => !Object.prototype.hasOwnProperty.call(p, 'important'),
-          )
-        : sameProperties.slice(0, -1);
-
-      overriddenProperties.map((p) => p.remove());
-    },
-  };
-};
-
-module.exports.postcss = true;