postcss-focus-within 4.0.0 → 5.0.3

package/CHANGELOG.md

@@ -1,5 +1,27 @@
 # Changes to PostCSS Focus Within
 
+### 5.0.3 (January 2, 2022)
+
+- Removed Sourcemaps from package tarball.
+- Moved CLI to CLI Package. See [announcement](https://github.com/csstools/postcss-plugins/discussions/121).
+
+### 5.0.2 (December 13, 2021)
+
+- Changed: now uses `postcss-selector-parser` for parsing.
+- Updated: documentation
+
+### 5.0.1 (September 22, 2021)
+
+- Added missing `dist` to bundle.
+- Added missing `exports` to `package.json`
+- Added missing `types` to `package.json`
+- Added bundling & testing as prepublish step.
+
+### 5.0.0 (September 17, 2021)
+
+- Updated: Support for PostCS 8+ (major).
+- Updated: Support for Node 12+ (major).
+
 ### 4.0.0 (April 20, 2020)
 
 - Fixed: Allow `:focus-within` to appear escaped in a selector

package/README.md

@@ -2,7 +2,7 @@
 
 [<img alt="npm version" src="https://img.shields.io/npm/v/postcss-focus-within.svg" height="20">][npm-url]
 [<img alt="CSS Standard Status" src="https://cssdb.org/badge/focus-within-pseudo-class.svg" height="20">][css-url]
-[<img alt="build status" src="https://img.shields.io/travis/csstools/postcss-focus-within/master.svg" height="20">][cli-url]
+[<img alt="Build Status" src="https://github.com/csstools/postcss-plugins/tree/main/postcss-focus-within/workflows/test/badge.svg" height="20">][cli-url]
 [<img alt="support chat" src="https://img.shields.io/badge/support-chat-blue.svg" height="20">][git-url]
 
 [PostCSS Focus Within] lets you use the `:focus-within` pseudo-class in CSS,
@@ -39,7 +39,7 @@ rule can be disabled using the `preserve` option.
 Add [PostCSS Focus Within] to your project:
 
 ```bash
-npm install postcss-focus-within --save-dev
+npm install postcss postcss-focus-within --save-dev
 ```
 
 Use [PostCSS Focus Within] to process your CSS:
@@ -116,7 +116,7 @@ focusWithin({ replaceWith: '.focus-within' });
 ```
 
 [css-url]: https://cssdb.org/#focus-within-pseudo-class
-[cli-url]: https://travis-ci.org/csstools/postcss-focus-within
+[cli-url]: https://github.com/csstools/postcss-plugins/tree/main/postcss-focus-within/actions/workflows/test.yml?query=workflow/test
 [git-url]: https://gitter.im/postcss/postcss
 [npm-url]: https://www.npmjs.com/package/postcss-focus-within
 
@@ -124,6 +124,6 @@ focusWithin({ replaceWith: '.focus-within' });
 [Gulp PostCSS]: https://github.com/postcss/gulp-postcss
 [Grunt PostCSS]: https://github.com/nDmitry/grunt-postcss
 [PostCSS]: https://github.com/postcss/postcss
-[PostCSS Focus Within]: https://github.com/csstools/postcss-focus-within
+[PostCSS Focus Within]: https://github.com/csstools/postcss-plugins/tree/main/postcss-focus-within
 [PostCSS Loader]: https://github.com/postcss/postcss-loader
 [Selectors Level 4 specification]: https://www.w3.org/TR/selectors-4/#the-focus-within-pseudo

package/dist/index.cjs

@@ -0,0 +1 @@
+"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var t=e(require("postcss-selector-parser"));const s=e=>{const s=String(Object(e).replaceWith||"[focus-within]"),r=Boolean(!("preserve"in Object(e))||e.preserve),o=t.default().astSync(s);return{postcssPlugin:"postcss-focus-within",Rule:(e,{result:s})=>{if(!e.selector.includes(":focus-within"))return;let c;try{const s=t.default((e=>{e.walkPseudos((e=>{":focus-within"===e.value&&(e.nodes&&e.nodes.length||e.replaceWith(o.clone({})))}))})).processSync(e.selector);c=String(s)}catch(t){return void e.warn(s,`Failed to parse selector : ${e.selector}`)}if(void 0===c)return;if(c===e.selector)return;const n=e.clone({selector:c});r?e.before(n):e.replaceWith(n)}}};s.postcss=!0,module.exports=s;

package/dist/index.d.ts

@@ -0,0 +1,6 @@
+import type { PluginCreator } from 'postcss';
+declare const creator: PluginCreator<{
+    preserve?: boolean;
+    replaceWith?: string;
+}>;
+export default creator;

package/dist/index.mjs

@@ -0,0 +1 @@
+import e from"postcss-selector-parser";const s=s=>{const t=String(Object(s).replaceWith||"[focus-within]"),r=Boolean(!("preserve"in Object(s))||s.preserve),o=e().astSync(t);return{postcssPlugin:"postcss-focus-within",Rule:(s,{result:t})=>{if(!s.selector.includes(":focus-within"))return;let c;try{const t=e((e=>{e.walkPseudos((e=>{":focus-within"===e.value&&(e.nodes&&e.nodes.length||e.replaceWith(o.clone({})))}))})).processSync(s.selector);c=String(t)}catch(e){return void s.warn(t,`Failed to parse selector : ${s.selector}`)}if(void 0===c)return;if(c===s.selector)return;const n=s.clone({selector:c});r?s.before(n):s.replaceWith(n)}}};s.postcss=!0;export{s as default};

package/package.json

@@ -1,75 +1,41 @@
 {
   "name": "postcss-focus-within",
-  "version": "4.0.0",
+  "version": "5.0.3",
   "description": "Use the :focus-within pseudo-selector in CSS",
   "author": "Jonathan Neal <jonathantneal@hotmail.com>",
   "license": "CC0-1.0",
-  "repository": "csstools/postcss-focus-within",
-  "homepage": "https://github.com/csstools/postcss-focus-within#readme",
-  "bugs": "https://github.com/csstools/postcss-focus-within/issues",
-  "main": "dist/index.cjs.js",
-  "module": "dist/index.esm.mjs",
+  "homepage": "https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-focus-within#readme",
+  "bugs": "https://github.com/csstools/postcss-plugins/issues",
+  "main": "dist/index.cjs",
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
   "files": [
+    "CHANGELOG.md",
+    "LICENSE.md",
+    "README.md",
     "dist"
   ],
   "scripts": {
-    "build": "npx rollup -c .rollup.js",
-    "build:watch": "npx rollup -c .rollup.js --watch",
-    "lint": "npx eslint --cache src",
-    "lint:fix": "npx eslint --cache --fix",
-    "pretest": "npm install && npm run build",
-    "test": "npm run lint && npm run tape",
-    "tape": "npx postcss-tape"
+    "build": "rollup -c ../../rollup/default.js",
+    "clean": "node -e \"fs.rmSync('./dist', { recursive: true, force: true });\"",
+    "lint": "eslint ./src --ext .js --ext .ts --ext .mjs --no-error-on-unmatched-pattern",
+    "prepublishOnly": "npm run clean && npm run build && npm run test",
+    "stryker": "stryker run --logLevel error",
+    "test": "postcss-tape --ci && npm run test:exports",
+    "test:exports": "node ./test/_import.mjs && node ./test/_require.cjs"
   },
   "engines": {
-    "node": ">=10.0.0"
+    "node": "^12 || ^14 || >=16"
   },
   "dependencies": {
-    "postcss": "^7.0.27"
+    "postcss-selector-parser": "^6.0.8"
   },
   "devDependencies": {
-    "@babel/core": "^7.9.0",
-    "@babel/preset-env": "^7.9.5",
-    "babel-eslint": "^10.1.0",
-    "eslint": "^6.8.0",
-    "postcss-tape": "5.0.2",
-    "pre-commit": "^1.2.2",
-    "rollup": "^2.6.1",
-    "rollup-plugin-babel": "^4.4.0"
+    "postcss": "^8.3.6",
+    "postcss-tape": "^6.0.1"
   },
-  "babel": {
-    "presets": [
-      [
-        "@babel/env",
-        {
-          "targets": "maintained node versions"
-        }
-      ]
-    ]
-  },
-  "eslintConfig": {
-    "env": {
-      "es6": true,
-      "node": true
-    },
-    "extends": "eslint:recommended",
-    "parser": "babel-eslint"
-  },
-  "rollup": {
-    "input": "src/index.js",
-    "plugins": [
-      "rollup-plugin-babel"
-    ],
-    "output": [
-      {
-        "file": "dist/index.cjs.js",
-        "format": "cjs"
-      },
-      {
-        "file": "dist/index.esm.js",
-        "format": "esm"
-      }
-    ]
+  "peerDependencies": {
+    "postcss": "^8.3"
   },
   "keywords": [
     "postcss",
@@ -84,5 +50,13 @@
     "a11y",
     "descendants",
     "ancestors"
-  ]
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/csstools/postcss-plugins.git",
+    "directory": "plugins/postcss-focus-within"
+  },
+  "volta": {
+    "extends": "../../package.json"
+  }
 }

package/dist/index.cjs.js

@@ -1,29 +0,0 @@
-'use strict';
-
-function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
-
-var postcss = _interopDefault(require('postcss'));
-
-const selectorRegExp = /(?<!\\):focus-within([^\w-]|$)/gi;
-var index = postcss.plugin('postcss-focus-within', opts => {
-  const replaceWith = String(Object(opts).replaceWith || '[focus-within]');
-  const preserve = Boolean('preserve' in Object(opts) ? opts.preserve : true);
-  return root => {
-    root.walkRules(selectorRegExp, rule => {
-      const selector = rule.selector.replace(selectorRegExp, ($0, $1) => {
-        return `${replaceWith}${$1}`;
-      });
-      const clone = rule.clone({
-        selector
-      });
-
-      if (preserve) {
-        rule.before(clone);
-      } else {
-        rule.replaceWith(clone);
-      }
-    });
-  };
-});
-
-module.exports = index;

package/dist/index.esm.js

@@ -1,25 +0,0 @@
-import postcss from 'postcss';
-
-const selectorRegExp = /(?<!\\):focus-within([^\w-]|$)/gi;
-var index = postcss.plugin('postcss-focus-within', opts => {
-  const replaceWith = String(Object(opts).replaceWith || '[focus-within]');
-  const preserve = Boolean('preserve' in Object(opts) ? opts.preserve : true);
-  return root => {
-    root.walkRules(selectorRegExp, rule => {
-      const selector = rule.selector.replace(selectorRegExp, ($0, $1) => {
-        return `${replaceWith}${$1}`;
-      });
-      const clone = rule.clone({
-        selector
-      });
-
-      if (preserve) {
-        rule.before(clone);
-      } else {
-        rule.replaceWith(clone);
-      }
-    });
-  };
-});
-
-export default index;