startupjs · cray0000 · Oct 30, 2025 · Sep 20, 2019 · Jul 18, 2021 · Jul 18, 2021
diff --git a/.github/dependabot.yml b/.github/dependabot.yml
@@ -0,0 +1,11 @@
+# To get started with Dependabot version updates, you'll need to specify which
+# package ecosystems to update and where the package manifests are located.
+# Please see the documentation for all configuration options:
+# https://docs.github.com/github/administering-a-repository/configuration-options-for-dependency-updates
+
+version: 2
+updates:
+  - package-ecosystem: "npm" # See documentation for possible values
+    directory: "/" # Location of package manifests
+    schedule:
+      interval: "weekly"
diff --git a/.github/workflows/codeql-analysis.yml b/.github/workflows/codeql-analysis.yml
@@ -0,0 +1,72 @@
+# For most projects, this workflow file will not need changing; you simply need
+# to commit it to your repository.
+#
+# You may wish to alter this file to override the set of languages analyzed,
+# or to provide custom queries or build logic.
+#
+# ******** NOTE ********
+# We have attempted to detect the languages in your repository. Please check
+# the `language` matrix defined below to confirm you have the correct set of
+# supported CodeQL languages.
+#
+name: "CodeQL"
+
+on:
+  push:
+    branches: [ "master" ]
+  pull_request:
+    # The branches below must be a subset of the branches above
+    branches: [ "master" ]
+  schedule:
+    - cron: '25 21 * * 2'
+
+jobs:
+  analyze:
+    name: Analyze
+    runs-on: ubuntu-latest
+    permissions:
+      actions: read
+      contents: read
+      security-events: write
+
+    strategy:
+      fail-fast: false
+      matrix:
+        language: [ 'javascript' ]
+        # CodeQL supports [ 'cpp', 'csharp', 'go', 'java', 'javascript', 'python', 'ruby' ]
+        # Learn more about CodeQL language support at https://aka.ms/codeql-docs/language-support
+
+    steps:
+    - name: Checkout repository
+      uses: actions/checkout@v3
+
+    # Initializes the CodeQL tools for scanning.
+    - name: Initialize CodeQL
+      uses: github/codeql-action/init@v2
+      with:
+        languages: ${{ matrix.language }}
+        # If you wish to specify custom queries, you can do so here or in a config file.
+        # By default, queries listed here will override any specified in a config file.
+        # Prefix the list here with "+" to use these queries and those in the config file.
+
+        # Details on CodeQL's query packs refer to : https://docs.github.com/en/code-security/code-scanning/automatically-scanning-your-code-for-vulnerabilities-and-errors/configuring-code-scanning#using-queries-in-ql-packs
+        # queries: security-extended,security-and-quality
+
+
+    # Autobuild attempts to build any compiled languages  (C/C++, C#, or Java).
+    # If this step fails, then you should remove it and run the build manually (see below)
+    - name: Autobuild
+      uses: github/codeql-action/autobuild@v2
+
+    # ℹ️ Command-line programs to run using the OS shell.
+    # 📚 See https://docs.github.com/en/actions/using-workflows/workflow-syntax-for-github-actions#jobsjob_idstepsrun
+
+    #   If the Autobuild fails above, remove it and uncomment the following three lines. 
+    #   modify them (or add more) to build your code if your project, please refer to the EXAMPLE below for guidance.
+
+    # - run: |
+    #   echo "Run, Build Application using script"
+    #   ./location_of_script_within_repo/buildscript.sh
+
+    - name: Perform CodeQL Analysis
+      uses: github/codeql-action/analyze@v2
diff --git a/.github/workflows/test.yml b/.github/workflows/test.yml
@@ -0,0 +1,43 @@
+name: Tests
+on: [push, pull_request]
+env:
+  CI: true
+  NODE_COV: 20 # The Node.js version to run coverage on
+
+jobs:
+  run:
+    name: Node ${{ matrix.node }} on ${{ matrix.os }}
+    runs-on: ${{ matrix.os }}
+
+    strategy:
+      fail-fast: false
+      matrix:
+        node: [18, 20]
+        os: [ubuntu-latest, windows-latest]
+
+    steps:
+      - name: Clone repository
+        uses: actions/checkout@v2
+
+      - name: Set Node.js version
+        uses: actions/setup-node@v1
+        with:
+          node-version: ${{ matrix.node }}
+
+      - name: Install yarn dependencies
+        run: yarn install
+
+      - name: Run Jest tests
+        run: yarn test --runInBand
+        if: "!(startsWith(matrix.os, 'ubuntu') && matrix.node == env.NODE_COV)"
+
+      - name: Run Jest tests with coverage
+        run: yarn test --runInBand --coverage
+        if: startsWith(matrix.os, 'ubuntu') && matrix.node == env.NODE_COV
+
+      - name: Run Coveralls
+        uses: coverallsapp/github-action@master
+        if: startsWith(matrix.os, 'ubuntu') && matrix.node == env.NODE_COV
+        with:
+          github-token: "${{ secrets.GITHUB_TOKEN }}"
+          path-to-lcov: "./.coverage/lcov.info"
diff --git a/.travis.yml b/.travis.yml
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,3 +1,13 @@
+## v2.1.0
+
+- Added: `ignoreRule` option
+- Updated: `css-to-react-native` dependency to v3.2.0
+
+## v2.0.0
+
+- Breaking: updated `css-to-react-native` dependency to v3.0.0. This version removes the support for line-height with multiplier, adds support for `place-content` CSS property, and more.
+- Breaking: updated `css` dependency to v3.0.0.
+
 ## v1.9.0
 
 - Added: Typescript type definitions.

diff --git a/README.md b/README.md
@@ -1,12 +1,10 @@
 # css-to-react-native-transform
 
 [![NPM version](http://img.shields.io/npm/v/css-to-react-native-transform.svg)](https://www.npmjs.org/package/css-to-react-native-transform)
-[![Build Status](https://travis-ci.org/kristerkari/css-to-react-native-transform.svg?branch=master)](https://travis-ci.org/kristerkari/css-to-react-native-transform)
-[![Build status](https://ci.appveyor.com/api/projects/status/75s8ls2m47by8b1x/branch/master?svg=true)](https://ci.appveyor.com/project/kristerkari/css-to-react-native-transform/branch/master)
+[![Build Status](https://github.com/kristerkari/css-to-react-native-transform/workflows/Tests/badge.svg)](https://github.com/kristerkari/css-to-react-native-transform/actions?workflow=Tests)
 [![Coverage Status](https://coveralls.io/repos/github/kristerkari/css-to-react-native-transform/badge.svg?branch=master)](https://coveralls.io/github/kristerkari/css-to-react-native-transform?branch=master)
 [![Downloads per month](https://img.shields.io/npm/dm/css-to-react-native-transform.svg)](http://npmcharts.com/compare/css-to-react-native-transform)
 [![contributions welcome](https://img.shields.io/badge/contributions-welcome-brightgreen.svg?style=flat)](https://egghead.io/courses/how-to-contribute-to-an-open-source-project-on-github)
-[![Greenkeeper badge](https://badges.greenkeeper.io/kristerkari/css-to-react-native-transform.svg)](https://greenkeeper.io/)
 
 A lightweight wrapper on top of
 [css-to-react-native](https://github.com/styled-components/css-to-react-native)
@@ -71,6 +69,38 @@ transform(`
 }
 ```
 
+### `ignoreRule` option
+
+```js
+transform(
+  `  
+  .foo {
+    color: red;
+  }
+  .bar {
+    font-size: 12px;
+  }
+`,
+  {
+    ignoreRule: selector => {
+      if (selector === ".foo") {
+        return true;
+      }
+    },
+  },
+);
+```
+
+↓ ↓ ↓ ↓ ↓ ↓
+
+```js
+{
+  bar: {
+    fontSize: 12;
+  }
+}
+```
+
 ### CSS Modules :export block
 
 Parsing the [CSS Modules (ICSS) :export](https://github.com/css-modules/icss#export) is supported. The `:export` is often used to share variables from CSS or from a preprocessor like Sass/Less/Stylus to Javascript:

diff --git a/appveyor.yml b/appveyor.yml
diff --git a/index.d.ts b/index.d.ts
@@ -1,3 +1,7 @@
-export default function transform(css: string, options?: {
-	parseMediaQueries?: boolean;
-}): { [selector: string]: unknown; };
+export default function transform(
+  css: string,
+  options?: {
+    ignoreRule?: (selector: string) => boolean;
+    parseMediaQueries?: boolean;
+  },
+): { [selector: string]: unknown };
diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@startupjs/css-to-react-native-transform",
   "description": "Convert CSS text to a React Native stylesheet object",
-  "version": "1.9.0-2",
+  "version": "2.1.0-0",
   "publishConfig": {
     "access": "public"
   },
@@ -14,19 +14,19 @@
     "build": "babel src --ignore *.spec.js --out-dir dist",
     "test": "jest --coverage",
     "prepublish": "npm run build",
-    "release": "npmpub"
+    "release": "np"
   },
   "devDependencies": {
-    "@babel/cli": "^7.5.5",
-    "@babel/core": "^7.5.5",
-    "@babel/preset-env": "^7.5.5",
-    "babel-jest": "^24.9.0",
+    "@babel/cli": "^7.14.5",
+    "@babel/core": "^7.14.6",
+    "@babel/preset-env": "^7.14.7",
+    "babel-jest": "^29.1.2",
     "coveralls": "^3.0.6",
-    "husky": "^3.0.4",
-    "jest": "^24.9.0",
-    "lint-staged": "^9.2.4",
-    "npmpub": "^4.1.0",
-    "prettier": "^1.18.2"
+    "husky": "^9.0.11",
+    "jest": "^29.2.0",
+    "lint-staged": "^15.2.2",
+    "np": "^10.0.6",
+    "prettier": "^3.0.0"
   },
   "jest": {
     "transform": {
@@ -60,9 +60,9 @@
     "trailingComma": "all"
   },
   "dependencies": {
-    "css": "^2.2.4",
+    "css": "^3.0.0",
     "css-mediaquery": "^0.1.2",
-    "css-to-react-native": "^2.3.2"
+    "css-to-react-native": "^3.2.0"
   },
   "repository": {
     "type": "git",

diff --git a/src/index.js b/src/index.js
@@ -103,8 +103,7 @@ const transform = (css, options) => {
       if (
         rootRe.test(rule.selectors[s])
           ? false
-          : (
-            rule.selectors[s].indexOf(".") !== 0 ||
+          : rule.selectors[s].indexOf(".") !== 0 ||
             (rule.selectors[s].indexOf(":") !== -1 &&
               (options != null && options.parsePartSelectors
                 ? !cssPartRe.test(rule.selectors[s])
@@ -114,7 +113,13 @@ const transform = (css, options) => {
             rule.selectors[s].indexOf(">") !== -1 ||
             rule.selectors[s].indexOf("+") !== -1 ||
             rule.selectors[s].indexOf(" ") !== -1
-          )
+      ) {
+        continue;
+      }
+
+      if (
+        typeof options?.ignoreRule === "function" &&
+        options.ignoreRule(rule.selectors[s]) === true
       ) {
         continue;
       }
@@ -163,6 +168,13 @@ const transform = (css, options) => {
       for (const r in rule.rules) {
         const ruleRule = rule.rules[r];
         for (const s in ruleRule.selectors) {
+          if (
+            typeof options?.ignoreRule === "function" &&
+            options.ignoreRule(ruleRule.selectors[s]) === true
+          ) {
+            continue;
+          }
+
           result[media] = result[media] || {};
           const selector = ruleRule.selectors[s].replace(/^\./, "");
           const mediaStyles = (result[media][selector] =