」工欲善其事,必先利其器。「—孔子《論語.錄靈公》
首頁 > 程式設計 > string-width-cjs npm 包的神秘供應鏈問題

string-width-cjs npm 包的神秘供應鏈問題

發佈於2024-11-07
瀏覽:833

这个故事始于 Docusaurus(基于 React 的开源文档项目)的维护者 Sébastien Lorber 注意到对包清单的 Pull 请求更改。以下是对流行的 cliui npm 包提出的更改:

The mysterious supply chain concern of string-width-cjs npm package
具体来说,让我们注意使用不熟悉的语法的 npm 依赖项更改:


  "dependencies": {
    "string-width": "^5.1.2",
    "string-width-cjs": "npm:string-width@^4.2.0",
    "strip-ansi": "^7.0.1",
    "strip-ansi-cjs": "npm:strip-ansi@^6.0.1",
    "wrap-ansi": "^8.1.0",
    "wrap-ansi-cjs": "npm:wrap-ansi@^7.0.0"


大多数开发人员希望在包或 Git 或基于文件的 URL 的值中看到 semver 版本范围。然而,在这种情况下,有一个特殊的 npm: 前缀语法。这是什么意思?

什么是 npm 包别名?

npm 包管理器支持包别名功能,允许为包定义自定义解析规则。因此,无论通过代码或锁定文件引用包,它将解析为别名指定的名称和版本。

因此,在此拉取请求中提出的更改的情况下,包 string-width-cjs 将解析为版本 ^4.2.0 中的包 string-width。这意味着将有一个 string-width-cjs 的 node_modules 目录条目,但包含 string-width@^4.2.0 的内容以及锁定文件 (package-lock.json) 中的类似行为。

包别名是 npm 包管理器的一项功能,可用于支持 ESM 与 CJS 等情况。

话虽如此,包别名可能会被滥用。在一篇可追溯到 2021 年的文章和安全披露中,Snyk 大使 Nishant Jain 演示了如何欺骗官方 npmjs 注册表,根据包别名错误地提供依赖信息,作为依赖混淆和供应链安全问题的一部分。

拉取请求是良性的,不存在供应链攻击的风险。 然而,Sébastien 对包名称的担忧导致发现了潜在的安全风险。

在 npm 锁定文件中查找有关恶意模块的可疑行为

为了检查拉取请求,Sébastien 使用了 lockfile-lint。该工具会检查 package-lock.json 或yarn.lock 等锁定文件是否有篡改迹象,确保未注入恶意包而不是原始 npm 包。

运行该工具显示以下警告:


npx lockfile-lint --path package-lock.json --allowed-hosts yarn npm --validate-https --validate-package-names

detected resolved URL for package with a different name: string-width-cjs
    expected: string-width-cjs
    actual: string-width

detected resolved URL for package with a different name: strip-ansi-cjs
    expected: strip-ansi-cjs
    actual: strip-ansi

detected resolved URL for package with a different name: wrap-ansi-cjs
    expected: wrap-ansi-cjs
    actual: wrap-ansi

 ✖ Error: security issues detected!



免责声明:lockfile-lint 是我在 2019 年开发的一个工具,该工具披露了锁文件的安全问题: 为什么 npm lockfiles 可能成为注入恶意模块的安全盲点.

高度警惕:npm 上的流行软件包看起来很相似

鉴于上述 lockfile-lint 结果,Sébastien 在 npm 上查找了这些包名称,并令人惊讶地发现它们确实存在于公共 npm 注册表中:

  • https://www.npmjs.com/package/string-width-cjs
  • https://www.npmjs.com/package/strip-ansi-cjs
  • https://www.npmjs.com/package/wrap-ansi-cjs

Sébastien 观察到这些包名称不仅存在于 npm 上,而且还表现出可疑的特征。这些包没有绑定到公共源代码存储库,在检查时没有任何实际代码,并且是匿名发布的,没有任何相关的个人信息。

查看 npm 包 strip-ansi-cjs,没有 README 或源代码存储库。然而,有许多合法且流行的软件包引用了相同的行为。

事实上,这个特定的软件包很受欢迎,我们可以从它的 529 个依赖项(依赖于这个软件包的其他软件包)和每周 7,274 次下载中看出。

The mysterious supply chain concern of string-width-cjs npm package
查看 strip-ansi-cjs 的代码,它显示该包中只有一个文件,即包清单 package.json 文件。

那么,为什么一个不做任何事情的软件包会获得如此多的下载,以及为什么还有这么多其他软件包依赖于它?

The mysterious supply chain concern of string-width-cjs npm package
让我们检查一下这些 npm 包的作者。

这三个软件包均归himanshutester002 所有,它们的软件包均于去年发布,并带有程序化版本号。一些有趣的观察结果值得指出:

  • isaacs-cliui npm 包可能是对 Isaac 自己的 cliui 项目分支及其命名空间下的合法 npm 包的误植尝试:@isaacs/cliui。
  • azure-sdk-for-net npm 包可能是一种依赖混淆活动的尝试,以攻击同名的私有包。
  • link-deep npm 包占用了与 lodash 等实用程序包相关的流行功能。

The mysterious supply chain concern of string-width-cjs npm package
您还可以注意到,用户 himanshutester002 在 npmjs 上的此用户个人资料页面上没有可识别信息。

我们之前注意到 strip-ansi-cjs npm 软件包有超过 500 个其他软件包使用它,因此,这可能是流行度的积极指标。让我们看看它们:

The mysterious supply chain concern of string-width-cjs npm package
这似乎是可信的,因为它被列入名单,但真的是这样吗?
例如,像 clazz-transformer 或 react-native-multiply 或 gh-monoproject-cli 这样的名称似乎合法,但它们是吗?

这里是react-native-multiply npm包页面:

The mysterious supply chain concern of string-width-cjs npm package
该软件包几乎没有下载,其作者是一位匿名 npm 用户,没有任何可识别信息。该包重定向到的源 URL 存储库是不存在的 https://github[.]com/hasandader/react-native-multiply。 GitHub 用户个人资料看起来也非常可疑,缺乏实际活动。

虽然 npm 包似乎包含源代码,但仔细观察会发现它是为“hello world”应用程序原型生成的代码示例。

The mysterious supply chain concern of string-width-cjs npm package
你还想知道,如果这个包只是一个乘法库,那么为什么它需要 776 个依赖项来执行以下操作:


import { multiply } from 'react-native-multiply';
const result = await multiply(3, 7);


虽然有一些笑话说 JavaScript 通过过度的依赖项使用而导致嵌套包的天文数字树,但具有 776 个直接依赖项的项目太大了。

在所有这些依赖项中,有我们的故事开始时的 3 个可疑的 npm 包:string-width-cjs、strip-ansi-cjs 和 wrap-ansi-cjs:

The mysterious supply chain concern of string-width-cjs npm package
我们提到过 strip-ansi-cjs 依赖项之一名为 clazz-transformer。我们来看一下:

The mysterious supply chain concern of string-width-cjs npm package
让我们解释一下这里发生了什么。 ​​npm 包 clazz-transformer 的 README 页面上的标题 class-transformer 被故意误命名。此外,其源代码存储库 https://github[.]com/typestack/class-transformer 与包名称不相关,这引发了对其合法性的担忧。

GitHub 上关联存储库的typstack/class-transformer 具有 package.json 文件,如下所示:

The mysterious supply chain concern of string-width-cjs npm package
GitHub 上的 package.json 文件没有显示依赖项声明,但如果我们检查 npmjs 上实际包的源代码,我们会看到此 clazz-transformer 打包时使用的 437 个依赖项。再次,他们非常方便地捆绑了 3 个可疑的 *-cjs 软件包:

The mysterious supply chain concern of string-width-cjs npm package

对可疑 npm 包发现的进一步思考

在我们得出进一步的结论之前,有必要提及我们在上面观察到的 npm 包的一些特征:

  • React Native 包似乎源自 create-react-native-library 脚手架工具。该工具还具有默认的乘法函数示例,作为为新项目生成的库存源代码的一部分。
  • 包具有可以从 Next.js 14 入门样板派生的目录和文件结构以及依赖项,例如使用 npx create-next-app@14 创建的包。

我们在 Sonatype 的同行之前已经发现过类似的软件包淹没开源注册表的案例。在这些情况下,最终目标是开发人员用 Tea 代币奖励自己,这是一个用于通过开源软件货币化的 Web3 平台。

在上述包中找到一些 tea.yaml 文件进一步支持了这一论点,即该活动的部分目的是通过滥用 Tea 来挖掘 Tea 代币。

今年早些时候,2024 年 4 月 14 日,一位茶论坛用户发表了一条评论,进一步支持了对茶滥用的担忧:

The mysterious supply chain concern of string-width-cjs npm package
在给出结论之前,我要真诚地感谢 Sébastien Lorber 谨慎的维护者心态,并帮助揭示潜在的 npm 供应链攻击的线索。

string-width-cjs 发生了什么?

此时,我非常有信心我可以继续在其他依赖于 string-width-cjs 的软件包中找出漏洞,以找到非常可疑的真实合法性指标。

我的假设是,所有这些依赖包和下载量增加的唯一目的是为 3 个 *-cjs 包创建虚假合法性,以便在适当的时候,在适当的受害者参与的情况下,这些假包将安装,然后安装新的恶意版本。

为了帮助您在使用开源软件时保持安全,我强烈建议采用安全实践,特别是以下后续教育资源:

  • 为什么 npm 锁定文件可能成为注入恶意模块的安全盲点
  • 10 npm 安全最佳实践
  • NPM 安全:防止供应链攻击

我们是否在他们的不法行为中发现了供应链安全活动,或者这一切都与金钱轨迹有关,因此可以归因于垃圾邮件和滥用 npm 和 GitHub 等公共注册中心来挖掘 Tea 代币?

无论如何,请保持警惕。

版本聲明 本文轉載於:https://dev.to/snyk/the-mysterious-supply-chain-concern-of-string-width-cjs-npm-package-j96?1如有侵犯,請聯絡[email protected]刪除
最新教學 更多>
  • 使用 JSON-LD 提升部落格的 SEO:我如何使用結構化資料添加豐富的結果
    使用 JSON-LD 提升部落格的 SEO:我如何使用結構化資料添加豐富的結果
    Introduction A few years ago in 2022, I attended SCaLE 19x. For those who are not aware, SCaLE is an acronym which stands for Southern Califo...
    程式設計 發佈於2024-11-07
  • create-next-app 使用此套件驗證您的應用程式名稱
    create-next-app 使用此套件驗證您的應用程式名稱
    在本文中,我們分析 create-next-app 如何驗證您的專案名稱。 validate: (name) => { const validation = validateNpmName(basename(resolve(name))) if (validation.valid) { ...
    程式設計 發佈於2024-11-07
  • 幕後反應:到底發生了什麼事?
    幕後反應:到底發生了什麼事?
    React 長期以來一直是首選的 JavaScript 函式庫,並且很容易成為世界上最受歡迎的函式庫之一。此外,隨著 Next.js 和 Remix 等流行框架建立在 React 之上,以及使用 React-Native 進行行動開發的能力,這個函式庫不會很快消失。然而,這樣做的問題是,大多數初學者...
    程式設計 發佈於2024-11-07
  • 使用 Tinder Unblur 個人資料
    使用 Tinder Unblur 個人資料
    Tinder 取消模糊程式碼說明 以下 JavaScript 程式碼是一個腳本,旨在對「喜歡你」部分中的 Tinder 照片進行取消模糊處理。它的工作原理是從 Tinder 的 API 獲取預告圖像並動態更新 DOM 以用清晰的圖像替換模糊的圖像。 async function ...
    程式設計 發佈於2024-11-07
  • 如何確保網站安全:最佳實踐和見解
    如何確保網站安全:最佳實踐和見解
    在當今的數位時代,確保網站的安全至關重要。隨著網路威脅變得越來越複雜,保護您的網站免受潛在漏洞的影響至關重要。以下是增強網站安全性的一些關鍵做法,以及特定網站 HouseOfParty.com 如何在其利基市場中舉例說明安全做法。 使用 HTTPS 描述:HTTPS(安全超文本傳輸協定)會對使用者...
    程式設計 發佈於2024-11-07
  • 如何使用「adjustText」函式庫解決 matplotlib 圖中註解重疊的問題?
    如何使用「adjustText」函式庫解決 matplotlib 圖中註解重疊的問題?
    Matplotlib 中的重疊註釋:綜合解決方案在資料視覺化領域,經常會遇到重疊註釋的問題,其中文字標籤彼此模糊,導致難以解釋圖表。為了應對這項挑戰,人們提出了各種方法,但對於像線重疊的複雜圖形,找到合適的解決方案可能很困難。這篇文章提出了一個使用「adjustText」函式庫的全面解決方案,提供了...
    程式設計 發佈於2024-11-07
  • 如何使用 GORM 檢索列總計?
    如何使用 GORM 檢索列總計?
    使用GORM 檢索列總計在GORM 中,透過幾個簡單的步驟即可實現從資料庫表中取得列的總和.首先,定義一個結構體來表示要檢索的資料。在這種情況下,如果您只需要工資總和,您可以建立一個帶有整數欄位的簡單結構體:type SalarySum struct { Sum float64 }接下來,使...
    程式設計 發佈於2024-11-07
  • 如何存取名稱中帶有空格的類別屬性?
    如何存取名稱中帶有空格的類別屬性?
    存取類別物件中帶有空格的屬性本問題探討如何存取名稱中包含空格的類別屬性。考慮以下範例,其中stdClass 物件具有名為「[Sector]」和「[Date Found]」的屬性:<p>stdClass Object ([Sector] =&gt; Manufacturing [D...
    程式設計 發佈於2024-11-07
  • Bootstrap 4 Beta 中的列偏移發生了什麼事?
    Bootstrap 4 Beta 中的列偏移發生了什麼事?
    Bootstrap 4 Beta:列偏移的刪除和恢復Bootstrap 4 在其Beta 1 版本中引入了重大更改柱子偏移了。然而,隨著 Beta 2 的後續發布,這些變化已經逆轉。 從 offset-md-* 到 ml-auto在 Bootstrap 4 Beta 1 中, offset-md-*...
    程式設計 發佈於2024-11-07
  • 如何在 C++ 中正確釋放透過 Placement New 分配的記憶體?
    如何在 C++ 中正確釋放透過 Placement New 分配的記憶體?
    placement new 和delete 難題placement new 和delete 難題在C 中,當使用placement new 運算子分配記憶體時,會出現關於取消分配的適當方法的困境那個記憶。讓我們探討兩個可能的解決方案:const char* charString = "He...
    程式設計 發佈於2024-11-07
  • 單元測試:綜合指南
    單元測試:綜合指南
    单元测试是软件开发的基本实践之一,确保系统的各个单元或组件按预期运行。这些测试隔离小段代码,例如函数或方法,并验证它们在给定特定输入的情况下是否产生正确的输出。本文将深入概述单元测试、其优点、最佳实践和局限性。 什么是单元测试? 单元测试是一种软件测试技术,其中程序的各个单元(最小的可测试部分)被...
    程式設計 發佈於2024-11-07
  • 你應該盲目地用 MySQLi_ 取代 MySQL 函數:一個警世故事嗎?
    你應該盲目地用 MySQLi_ 取代 MySQL 函數:一個警世故事嗎?
    盲目地用mysqli_ 取代mysql_ 函數:一個警示故事在PHP 5.5 中,mysql_ 函數已被棄用,並已在PHP中刪除7. 這就提出了一個問題,是否可以簡單地將所有mysql_ 函數替換為mysqli_函數,而不會遇到任何不利影響。 答案是響亮的不。 功能差異雖然 mysql_ 和 mys...
    程式設計 發佈於2024-11-07
  • 了解 JavaScript 提升:簡單指南
    了解 JavaScript 提升:簡單指南
    如果您是 JavaScript 新手,您可能會遇到令人困惑的情況,即變數似乎未定義或意外彈出 ReferenceError 等錯誤。這通常可以追溯到一個稱為提升的概念。但是什麼是提升,它如何影響您的程式碼? 在本指南中,我們將詳細介紹提升的概念及其在 JavaScript 中的工作原理。最後,您將...
    程式設計 發佈於2024-11-07
  • PHP中如何在指定時間後自動重定向網頁?
    PHP中如何在指定時間後自動重定向網頁?
    使用PHP 在指定時間後自動重新導向網頁PHP 提供了一個方便的功能,可以將網頁自動重新導向到新位置在指定的時間間隔後。此功能通常用於在使用者登入或在網站上執行其他操作後將使用者重新導向到特定頁面。 用於此目的的函數是 header()。 header() 函數可讓您控制傳送到瀏覽器的 HTTP 標...
    程式設計 發佈於2024-11-07
  • ## 在 for 迴圈中呼叫 `array.length` 是效能瓶頸嗎?
    ## 在 for 迴圈中呼叫 `array.length` 是效能瓶頸嗎?
    調用array.length 的成本用for-each 循環取代for 循環時,開發人員經常會遇到以下模式:for (int i = 0, n = a.length; i < n; i ) { ... }而不是更簡單的:for (int i = 0; i < a.length;...
    程式設計 發佈於2024-11-07

免責聲明: 提供的所有資源部分來自互聯網,如果有侵犯您的版權或其他權益,請說明詳細緣由並提供版權或權益證明然後發到郵箱:[email protected] 我們會在第一時間內為您處理。

Copyright© 2022 湘ICP备2022001581号-3