Gathering detailed insights and metrics for stylis-plugin-rtl
Gathering detailed insights and metrics for stylis-plugin-rtl
Installations
npm install stylis-plugin-rtlDeveloper
styled-components
Developer Guide
BETA
Module System
CommonJS
Min. Node Version
Typescript Support
Yes
Node Version
NPM Version
Statistics
37 Stars
37 Commits
18 Forks
2 Watching
4 Branches
99 Contributors
Updated on 20 Feb 2024
Bundle Size
5.22 kB
Minified
2.14 kB
Minified + Gzipped
Languages
TypeScript (99.15%)
JavaScript (0.85%)
Total Downloads
Cumulative downloads
Total Downloads
18,861,853
Last day
1.8%
40,874
Compared to previous day
Last week
3.2%
225,369
Compared to previous week
Last month
8.4%
941,664
Compared to previous month
Last year
73.3%
9,262,194
Compared to previous year
Daily Downloads
Weekly Downloads
Monthly Downloads
Yearly Downloads
Dependencies
1
Peer Dependencies
1
Dev Dependencies
7
Versions
stylis-plugin-rtl
Stylis RTL plugin based on CSSJanus
NOTE! Use v1 of this plugin for styled-components v5, NOT v2 (v2 is for libraries that have upgraded to stylis v4, which s-c has not yet. At the moment only emotion 11 is updated.)
Installation
v1
1yarn add stylis-plugin-rtl@^1
v2
1yarn add stylis-plugin-rtl stylis
Usage with styled-components v5+
1import styled, { StyleSheetManager } from "styled-components"; 2import rtlPlugin from "stylis-plugin-rtl"; 3 4const Box = styled.div` 5 padding-left: 10px; 6`; 7 8function MakeItRTL() { 9 return ( 10 <StyleSheetManager stylisPlugins={[rtlPlugin]}> 11 <Box>My padding will be on the right!</Box> 12 </StyleSheetManager> 13 ); 14}
NOTE: Preventing flipping
Because minification removes all comments from your CSS before it passes to <StyleSheetManager>, /* @noflip */ comment won't work.
You will have to either:
- add an exclamation mark at the beginning of the comment, like this
/*! @noflip */, to prevent it from being removed - disable minification entirely by setting
minifytofalsein.babelrc(see styled-components documentation).
This is a fork of stylis-rtl for use with styled-components v5+
No vulnerabilities found.
Reason
no binaries found in the repo
Reason
no dangerous workflow patterns detected
Reason
license file detected
Details
- Info: project has a license file: LICENSE:0
- Info: FSF or OSI recognized license: MIT License: LICENSE:0
Reason
SAST tool detected but not run on all commits
Details
- Info: SAST configuration detected: CodeQL
- Warn: 0 commits out of 10 are checked with a SAST tool
Reason
Found 7/28 approved changesets -- score normalized to 2
Reason
0 commit(s) and 0 issue activity found in the last 90 days -- score normalized to 0
Reason
dependency not pinned by hash detected -- score normalized to 0
Details
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/codeql-analysis.yml:42: update your workflow using https://app.stepsecurity.io/secureworkflow/styled-components/stylis-plugin-rtl/codeql-analysis.yml/main?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/codeql-analysis.yml:46: update your workflow using https://app.stepsecurity.io/secureworkflow/styled-components/stylis-plugin-rtl/codeql-analysis.yml/main?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/codeql-analysis.yml:57: update your workflow using https://app.stepsecurity.io/secureworkflow/styled-components/stylis-plugin-rtl/codeql-analysis.yml/main?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/codeql-analysis.yml:71: update your workflow using https://app.stepsecurity.io/secureworkflow/styled-components/stylis-plugin-rtl/codeql-analysis.yml/main?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/test.yml:7: update your workflow using https://app.stepsecurity.io/secureworkflow/styled-components/stylis-plugin-rtl/test.yml/main?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/test.yml:13: update your workflow using https://app.stepsecurity.io/secureworkflow/styled-components/stylis-plugin-rtl/test.yml/main?enable=pin
- Info: 0 out of 6 GitHub-owned GitHubAction dependencies pinned
Reason
detected GitHub workflow tokens with excessive permissions
Details
- Info: jobLevel 'actions' permission set to 'read': .github/workflows/codeql-analysis.yml:28
- Info: jobLevel 'contents' permission set to 'read': .github/workflows/codeql-analysis.yml:29
- Warn: no topLevel permission defined: .github/workflows/codeql-analysis.yml:1
- Warn: no topLevel permission defined: .github/workflows/test.yml:1
- Info: no jobLevel write permissions found
Reason
no effort to earn an OpenSSF best practices badge detected
Reason
security policy file not detected
Details
- Warn: no security policy file detected
- Warn: no security file to analyze
- Warn: no security file to analyze
- Warn: no security file to analyze
Reason
project is not fuzzed
Details
- Warn: no fuzzer integrations found
Reason
branch protection not enabled on development/release branches
Details
- Warn: branch protection not enabled for branch 'main'
Reason
11 existing vulnerabilities detected
Details
- Warn: Project is vulnerable to: GHSA-67hx-6x53-jw92
- Warn: Project is vulnerable to: GHSA-grv7-fg5c-xmjg
- Warn: Project is vulnerable to: GHSA-3xgq-45jj-v275
- Warn: Project is vulnerable to: GHSA-9c47-m6qq-7p4h
- Warn: Project is vulnerable to: GHSA-952p-6rrq-rcjv
- Warn: Project is vulnerable to: GHSA-f8q6-p94x-37v3
- Warn: Project is vulnerable to: GHSA-xvch-5gv4-984h
- Warn: Project is vulnerable to: GHSA-c2qf-rxjj-qqgw
- Warn: Project is vulnerable to: GHSA-72xf-g2v4-qvf3
- Warn: Project is vulnerable to: GHSA-j8xg-fqg3-53r7
- Warn: Project is vulnerable to: GHSA-3h5v-q93c-6h6q
Score
3.1
/10
Last Scanned on 2024-11-18
The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.
Learn More