@tarojs/parse-css-to-stylesheet 0.0.1

package/README.md

@@ -0,0 +1,25 @@
+# parse-css-to-stylesheet
+
+## 简介
+
+解析 React 组件与对应的 CSS 文件，为每一个 React 节点计算样式层叠与继承之后的最终样式，应用于 React Native 、鸿蒙等不支持 CSS 写法的场景。
+
+## 实现思路
+
+1. 解析 React 语法树，并将其中的 JSX 部分转为类 DOM 结构的树
+2. 解析样式文件
+3. 利用解析后的样式文件中的选择器去反查出第一步 DOM 树中的节点，并收集节点对应的样式块
+4. 根据节点上的选择器特异性及样式顺序、import 等计算节点样式层叠
+5. 遍历节点的所有父节点，计算样式继承
+
+## 功能特性
+
+### JSX DOM 树构造
+- [x] 支持函数组件
+- [x] 支持类组件
+- [x] 支持 JSX 分离的写法
+- [ ] 支持遍历子组件
+
+### 样式计算
+- [x] 样式层叠
+- [x] 样式继承

package/index.d.ts

@@ -0,0 +1,6 @@
+/* tslint:disable */
+/* eslint-disable */
+
+/* auto-generated by NAPI-RS */
+
+export function parse(component: string, styles: Array<string>): string

package/index.js

@@ -0,0 +1,257 @@
+/* tslint:disable */
+/* eslint-disable */
+/* prettier-ignore */
+
+/* auto-generated by NAPI-RS */
+
+const { existsSync, readFileSync } = require('fs')
+const { join } = require('path')
+
+const { platform, arch } = process
+
+let nativeBinding = null
+let localFileExisted = false
+let loadError = null
+
+function isMusl() {
+  // For Node 10
+  if (!process.report || typeof process.report.getReport !== 'function') {
+    try {
+      const lddPath = require('child_process').execSync('which ldd').toString().trim()
+      return readFileSync(lddPath, 'utf8').includes('musl')
+    } catch (e) {
+      return true
+    }
+  } else {
+    const { glibcVersionRuntime } = process.report.getReport().header
+    return !glibcVersionRuntime
+  }
+}
+
+switch (platform) {
+  case 'android':
+    switch (arch) {
+      case 'arm64':
+        localFileExisted = existsSync(join(__dirname, 'parse-css-to-stylesheet.android-arm64.node'))
+        try {
+          if (localFileExisted) {
+            nativeBinding = require('./parse-css-to-stylesheet.android-arm64.node')
+          } else {
+            nativeBinding = require('@tarojs/parse-css-to-stylesheet-android-arm64')
+          }
+        } catch (e) {
+          loadError = e
+        }
+        break
+      case 'arm':
+        localFileExisted = existsSync(join(__dirname, 'parse-css-to-stylesheet.android-arm-eabi.node'))
+        try {
+          if (localFileExisted) {
+            nativeBinding = require('./parse-css-to-stylesheet.android-arm-eabi.node')
+          } else {
+            nativeBinding = require('@tarojs/parse-css-to-stylesheet-android-arm-eabi')
+          }
+        } catch (e) {
+          loadError = e
+        }
+        break
+      default:
+        throw new Error(`Unsupported architecture on Android ${arch}`)
+    }
+    break
+  case 'win32':
+    switch (arch) {
+      case 'x64':
+        localFileExisted = existsSync(
+          join(__dirname, 'parse-css-to-stylesheet.win32-x64-msvc.node')
+        )
+        try {
+          if (localFileExisted) {
+            nativeBinding = require('./parse-css-to-stylesheet.win32-x64-msvc.node')
+          } else {
+            nativeBinding = require('@tarojs/parse-css-to-stylesheet-win32-x64-msvc')
+          }
+        } catch (e) {
+          loadError = e
+        }
+        break
+      case 'ia32':
+        localFileExisted = existsSync(
+          join(__dirname, 'parse-css-to-stylesheet.win32-ia32-msvc.node')
+        )
+        try {
+          if (localFileExisted) {
+            nativeBinding = require('./parse-css-to-stylesheet.win32-ia32-msvc.node')
+          } else {
+            nativeBinding = require('@tarojs/parse-css-to-stylesheet-win32-ia32-msvc')
+          }
+        } catch (e) {
+          loadError = e
+        }
+        break
+      case 'arm64':
+        localFileExisted = existsSync(
+          join(__dirname, 'parse-css-to-stylesheet.win32-arm64-msvc.node')
+        )
+        try {
+          if (localFileExisted) {
+            nativeBinding = require('./parse-css-to-stylesheet.win32-arm64-msvc.node')
+          } else {
+            nativeBinding = require('@tarojs/parse-css-to-stylesheet-win32-arm64-msvc')
+          }
+        } catch (e) {
+          loadError = e
+        }
+        break
+      default:
+        throw new Error(`Unsupported architecture on Windows: ${arch}`)
+    }
+    break
+  case 'darwin':
+    localFileExisted = existsSync(join(__dirname, 'parse-css-to-stylesheet.darwin-universal.node'))
+    try {
+      if (localFileExisted) {
+        nativeBinding = require('./parse-css-to-stylesheet.darwin-universal.node')
+      } else {
+        nativeBinding = require('@tarojs/parse-css-to-stylesheet-darwin-universal')
+      }
+      break
+    } catch {}
+    switch (arch) {
+      case 'x64':
+        localFileExisted = existsSync(join(__dirname, 'parse-css-to-stylesheet.darwin-x64.node'))
+        try {
+          if (localFileExisted) {
+            nativeBinding = require('./parse-css-to-stylesheet.darwin-x64.node')
+          } else {
+            nativeBinding = require('@tarojs/parse-css-to-stylesheet-darwin-x64')
+          }
+        } catch (e) {
+          loadError = e
+        }
+        break
+      case 'arm64':
+        localFileExisted = existsSync(
+          join(__dirname, 'parse-css-to-stylesheet.darwin-arm64.node')
+        )
+        try {
+          if (localFileExisted) {
+            nativeBinding = require('./parse-css-to-stylesheet.darwin-arm64.node')
+          } else {
+            nativeBinding = require('@tarojs/parse-css-to-stylesheet-darwin-arm64')
+          }
+        } catch (e) {
+          loadError = e
+        }
+        break
+      default:
+        throw new Error(`Unsupported architecture on macOS: ${arch}`)
+    }
+    break
+  case 'freebsd':
+    if (arch !== 'x64') {
+      throw new Error(`Unsupported architecture on FreeBSD: ${arch}`)
+    }
+    localFileExisted = existsSync(join(__dirname, 'parse-css-to-stylesheet.freebsd-x64.node'))
+    try {
+      if (localFileExisted) {
+        nativeBinding = require('./parse-css-to-stylesheet.freebsd-x64.node')
+      } else {
+        nativeBinding = require('@tarojs/parse-css-to-stylesheet-freebsd-x64')
+      }
+    } catch (e) {
+      loadError = e
+    }
+    break
+  case 'linux':
+    switch (arch) {
+      case 'x64':
+        if (isMusl()) {
+          localFileExisted = existsSync(
+            join(__dirname, 'parse-css-to-stylesheet.linux-x64-musl.node')
+          )
+          try {
+            if (localFileExisted) {
+              nativeBinding = require('./parse-css-to-stylesheet.linux-x64-musl.node')
+            } else {
+              nativeBinding = require('@tarojs/parse-css-to-stylesheet-linux-x64-musl')
+            }
+          } catch (e) {
+            loadError = e
+          }
+        } else {
+          localFileExisted = existsSync(
+            join(__dirname, 'parse-css-to-stylesheet.linux-x64-gnu.node')
+          )
+          try {
+            if (localFileExisted) {
+              nativeBinding = require('./parse-css-to-stylesheet.linux-x64-gnu.node')
+            } else {
+              nativeBinding = require('@tarojs/parse-css-to-stylesheet-linux-x64-gnu')
+            }
+          } catch (e) {
+            loadError = e
+          }
+        }
+        break
+      case 'arm64':
+        if (isMusl()) {
+          localFileExisted = existsSync(
+            join(__dirname, 'parse-css-to-stylesheet.linux-arm64-musl.node')
+          )
+          try {
+            if (localFileExisted) {
+              nativeBinding = require('./parse-css-to-stylesheet.linux-arm64-musl.node')
+            } else {
+              nativeBinding = require('@tarojs/parse-css-to-stylesheet-linux-arm64-musl')
+            }
+          } catch (e) {
+            loadError = e
+          }
+        } else {
+          localFileExisted = existsSync(
+            join(__dirname, 'parse-css-to-stylesheet.linux-arm64-gnu.node')
+          )
+          try {
+            if (localFileExisted) {
+              nativeBinding = require('./parse-css-to-stylesheet.linux-arm64-gnu.node')
+            } else {
+              nativeBinding = require('@tarojs/parse-css-to-stylesheet-linux-arm64-gnu')
+            }
+          } catch (e) {
+            loadError = e
+          }
+        }
+        break
+      case 'arm':
+        localFileExisted = existsSync(
+          join(__dirname, 'parse-css-to-stylesheet.linux-arm-gnueabihf.node')
+        )
+        try {
+          if (localFileExisted) {
+            nativeBinding = require('./parse-css-to-stylesheet.linux-arm-gnueabihf.node')
+          } else {
+            nativeBinding = require('@tarojs/parse-css-to-stylesheet-linux-arm-gnueabihf')
+          }
+        } catch (e) {
+          loadError = e
+        }
+        break
+      default:
+        throw new Error(`Unsupported architecture on Linux: ${arch}`)
+    }
+    break
+  default:
+    throw new Error(`Unsupported OS: ${platform}, architecture: ${arch}`)
+}
+
+if (!nativeBinding) {
+  if (loadError) {
+    throw loadError
+  }
+  throw new Error(`Failed to load native binding`)
+}
+
+const { parse } = nativeBinding
+
+module.exports.parse = parse

package/package.json

@@ -0,0 +1,73 @@
+{
+  "name": "@tarojs/parse-css-to-stylesheet",
+  "version": "0.0.1",
+  "main": "index.js",
+  "types": "index.d.ts",
+  "napi": {
+    "name": "parse-css-to-stylesheet",
+    "triples": {
+      "additional": [
+        "aarch64-apple-darwin",
+        "aarch64-linux-android",
+        "aarch64-unknown-linux-gnu",
+        "aarch64-unknown-linux-musl",
+        "aarch64-pc-windows-msvc",
+        "armv7-unknown-linux-gnueabihf",
+        "x86_64-unknown-linux-musl",
+        "x86_64-unknown-freebsd",
+        "i686-pc-windows-msvc",
+        "armv7-linux-androideabi",
+        "universal-apple-darwin"
+      ]
+    }
+  },
+  "files": [
+    "index.js",
+    "index.d.ts"
+  ],
+  "license": "MIT",
+  "devDependencies": {
+    "@napi-rs/cli": "^2.16.3",
+    "ava": "^5.1.1",
+    "conventional-changelog-cli": "2.2.2",
+    "npm-run-all": "4.1.5",
+    "prettier": "2.8.8",
+    "typescript": "5.0.4"
+  },
+  "ava": {
+    "timeout": "3m"
+  },
+  "engines": {
+    "node": ">= 10"
+  },
+  "scripts": {
+    "artifacts": "napi artifacts",
+    "build": "napi build --platform --release",
+    "build:debug": "napi build --platform",
+    "prepublishOnly": "napi prepublish -t npm",
+    "test": "ava",
+    "universal": "napi universal",
+    "format": "run-p format:source format:rs",
+    "format:rs": "cargo fmt",
+    "format:source": "prettier . -w",
+    "version": "napi version  && conventional-changelog -p angular -i CHANGELOG.md -s && git add CHANGELOG.md"
+  },
+  "packageManager": "yarn@3.6.4",
+  "repository": "https://github.com/NervJS/parse-css-to-stylesheet",
+  "optionalDependencies": {
+    "@tarojs/parse-css-to-stylesheet-win32-x64-msvc": "0.0.1",
+    "@tarojs/parse-css-to-stylesheet-darwin-x64": "0.0.1",
+    "@tarojs/parse-css-to-stylesheet-linux-x64-gnu": "0.0.1",
+    "@tarojs/parse-css-to-stylesheet-darwin-arm64": "0.0.1",
+    "@tarojs/parse-css-to-stylesheet-android-arm64": "0.0.1",
+    "@tarojs/parse-css-to-stylesheet-linux-arm64-gnu": "0.0.1",
+    "@tarojs/parse-css-to-stylesheet-linux-arm64-musl": "0.0.1",
+    "@tarojs/parse-css-to-stylesheet-win32-arm64-msvc": "0.0.1",
+    "@tarojs/parse-css-to-stylesheet-linux-arm-gnueabihf": "0.0.1",
+    "@tarojs/parse-css-to-stylesheet-linux-x64-musl": "0.0.1",
+    "@tarojs/parse-css-to-stylesheet-freebsd-x64": "0.0.1",
+    "@tarojs/parse-css-to-stylesheet-win32-ia32-msvc": "0.0.1",
+    "@tarojs/parse-css-to-stylesheet-android-arm-eabi": "0.0.1",
+    "@tarojs/parse-css-to-stylesheet-darwin-universal": "0.0.1"
+  }
+}