Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

postcss-prefixwrap

Package Overview
Dependencies
Maintainers
1
Versions
76
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

postcss-prefixwrap - npm Package Compare versions

Comparing version 1.38.1 to 1.39.0

./build/index.js

4

build/Types.d.ts

@@ -30,3 +30,3 @@ import { PostCSSPrefixWrapOptions } from "./plugin/PostCSSPrefixWrap";

}
export type PostCSS7Plugin = () => PostCSSAcceptedPlugin;
export type PostCSS8Plugin = (prefixSelector: string, options?: PostCSSPrefixWrapOptions) => PostCSSAcceptedPlugin;
export declare type PostCSS7Plugin = () => PostCSSAcceptedPlugin;
export declare type PostCSS8Plugin = (prefixSelector: string, options?: PostCSSPrefixWrapOptions) => PostCSSAcceptedPlugin;

@@ -7,2 +7,14 @@ # [PostCSS Prefix Wrap](./README.md) // Changelog

## [1.39.0](https://github.com/dbtedman/postcss-prefixwrap/releases/tag/1.39.0)
### 💡 Features and Improvements
- [OSV Scanning](https://osv.dev/) in SAST Pipeline
- Link to external articles for **What problems can it solve?**
- Include Node v19 support
### 🔧 Maintenance
- Dependency Updates
## [1.38.1](https://github.com/dbtedman/postcss-prefixwrap/releases/tag/1.38.1)

@@ -9,0 +21,0 @@

MIT License
Copyright © 2022 [Daniel Tedman](https://danieltedman.com)
Copyright © 2023 [Daniel Tedman](https://tedman.dev)

@@ -5,0 +5,0 @@ Permission is hereby granted, free of charge, to any person obtaining a copy

{
"name": "postcss-prefixwrap",
"version": "1.38.1",
"version": "1.39.0",
"description": "A PostCSS plugin that is used to wrap css styles with a css selector to constrain their affect on parent elements in a page.",

@@ -21,3 +21,3 @@ "keywords": [

"name": "Daniel Tedman",
"url": "https://danieltedman.com"
"url": "https://tedman.dev"
},

@@ -31,20 +31,20 @@ "main": "./build/index.js",

"devDependencies": {
"@babel/core": "7.20.5",
"@babel/core": "7.20.12",
"@jest/globals": "29.3.1",
"@types/jest": "29.2.4",
"@types/node": "18.11.12",
"@typescript-eslint/eslint-plugin": "5.46.0",
"@typescript-eslint/parser": "5.46.0",
"eslint": "8.29.0",
"eslint-config-prettier": "8.5.0",
"@types/jest": "29.2.5",
"@types/node": "18.11.18",
"@typescript-eslint/eslint-plugin": "5.48.1",
"@typescript-eslint/parser": "5.48.1",
"eslint": "8.31.0",
"eslint-config-prettier": "8.6.0",
"eslint-plugin-import": "2.26.0",
"eslint-plugin-jest": "27.1.6",
"eslint-plugin-jest": "27.2.1",
"eslint-plugin-promise": "6.1.1",
"eslint-plugin-security-node": "1.1.1",
"glob": "8.0.3",
"husky": "8.0.2",
"husky": "8.0.3",
"jest": "29.3.1",
"postcss": "8.4.19",
"postcss7": "npm:postcss@7.0.34",
"prettier": "2.8.1",
"postcss": "8.4.21",
"postcss7": "npm:postcss@7.0.36",
"prettier": "2.8.2",
"sort-package-json": "2.1.0",

@@ -51,0 +51,0 @@ "source-map": "0.7.4",

@@ -10,6 +10,6 @@ # [PostCSS Prefix Wrap](https://github.com/dbtedman/postcss-prefixwrap)

| Supports | Versions |
| :------- | :-------------------------------- |
| NodeJS | `v14`, `v15`, `v16`, `v17`, `v18` |
| PostCSS | `v7`, `v8` |
| Supports | Versions |
| :------- | :--------------------------------------- |
| NodeJS | `v14`, `v15`, `v16`, `v17`, `v18`, `v19` |
| PostCSS | `v7`, `v8` |

@@ -189,16 +189,7 @@ - [How to use this plugin?](#how-to-use-this-plugin)

> 💡 Hi there! If you have a problem that you have used this plugin for, I would like to hear so I can list it here to share with the community.
PostCSS Prefix Wrap can be used to solve multiple different problems. The following articles give some concrete examples:
### Embedding content within an existing site
- [Embedding Content Within an Existing Site With PostCSS Prefix Wrap (tedman.dev)](https://tedman.dev/posts/embedding-content-within-an-existing-site-with-postcss-prefix-wrap/)
- [Maintainable Legacy CSS With PostCSS Prefix Wrap (tedman.dev)](https://tedman.dev/posts/maintainable-legacy-css-with-postcss-prefix-wrap/)
You may be asked to develop a piece of interactivity that needs to live within a content management system that you do not control. You may find that your styles are impacted by the CSS already on the site, or that your newly included CSS now impacts the rest of the page it is embedded in.
PostCSS Prefix Wrap solves this problem by prefixing your CSS selectors so that they only apply to HTML contained within a parent containing element. Your styles will now take precedence over those of the parent page.
On the flip side, your styles wont negatively impact the site your content is hosted on as its scoped to that parent container.
This is in fact the origin story for this plugin, for developing interactive content to live within the Blackboard LMS.
> 🤔 You might wonder why its necessary to use this plugin when you could just prefix your styles yourself. Yes, this is correct, but does not apply to any 3rd party code you include such as a CSS framework like Bootstrap.
## How to contribute?

@@ -205,0 +196,0 @@

@@ -17,7 +17,13 @@ # [PostCSS Prefix Wrap](./README.md) // Security

Provided by [Snyk](https://snyk.io/test/github/dbtedman/postcss-prefixwrap) for validating package dependencies and [Dependabot](https://dependabot.com) for automated package updates.
- [GitHub code scanning](https://docs.github.com/en/code-security/code-scanning/automatically-scanning-your-code-for-vulnerabilities-and-errors/about-code-scanning) via [CodeQL](https://codeql.github.com) and [Snyk](https://snyk.io)
- [GitHub dependabot alerts](https://docs.github.com/en/code-security/dependabot/dependabot-alerts/about-dependabot-alerts)
- [GitHub dependabot security updates](https://docs.github.com/en/code-security/dependabot/dependabot-security-updates/about-dependabot-security-updates)
- [GitHub secret scanning](https://docs.github.com/en/code-security/secret-scanning/about-secret-scanning)
- [OSV Scanning](https://osv.dev/)
- [Snyk code analysis](https://snyk.io/product/snyk-code/)
- [Snyk dependency scanning](https://snyk.io/product/open-source-security-management/)
## Security Disclosure Policy
Email [dbtedman@gmail.com](mailto:dbtedman@gmail.com) with details about the security issue or raise a [GitHub Issue](https://github.com/dbtedman/postcss-prefixwrap/issues) and tag it as **Security**.
Privately report a vulnerability using [GitHub Security Advisories](https://github.com/dbtedman/postcss-prefixwrap/security/advisories).

@@ -24,0 +30,0 @@ ## Security Update Policy

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc