perf: migrate to tinyclip from clipboardy (#21975)

florian-lefebvre · tay1orjones · maradwan26 · web-flow · commit e21e19a2e763 · 2026-05-13T11:07:54.000Z
* perf: migrate to tinyclip from clipboardy

* feedback

* chore: dedupe

---------

Co-authored-by: Taylor Jones &lt;taylor.jones826@gmail.com&gt;
Co-authored-by: Mahmoud &lt;maradwan26@gmail.com&gt;
Co-authored-by: Mahmoud &lt;132728978+maradwan26@users.noreply.github.com&gt;
diff --git a/packages/cli/package.json b/packages/cli/package.json
@@ -37,7 +37,6 @@
     "chalk": "^5.4.1",
     "change-case-all": "^2.1.0",
     "child-process-promise": "^2.2.1",
-    "clipboardy": "^4.0.0",
     "enquirer": "^2.4.1",
     "fast-glob": "^3.3.3",
     "fs-extra": "^11.2.0",
@@ -50,6 +49,7 @@
     "remark": "^15.0.1",
     "replace-in-file": "^8.3.0",
     "sass": "^1.77.7",
+    "tinyclip": "^0.1.12",
     "tsdown": "^0.21.0",
     "typescript": "^5.7.3",
     "yargs": "^17.7.2"
diff --git a/packages/cli/src/commands/changelog.js b/packages/cli/src/commands/changelog.js
@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import clipboard from 'clipboardy';
+import { writeText } from 'tinyclip';
 import inquirer from 'inquirer';
 import { generate } from '../changelog.js';
 import { fetchLatestFromUpstream } from '../git.js';
@@ -60,7 +60,7 @@ async function changelog({ range, noPrompt = false }) {
   }
 
   if (response?.copy) {
-    clipboard.writeSync(changelog);
+    await writeText(changelog);
     console.log('Done!');
   } else {
     console.log(changelog);
diff --git a/packages/react/package.json b/packages/react/package.json
@@ -94,7 +94,6 @@
     "babel-preset-carbon": "^0.8.0",
     "browserify-zlib": "^0.2.0",
     "browserslist-config-carbon": "^11.2.0",
-    "clipboardy": "^4.0.0",
     "enquirer": "^2.3.6",
     "fast-glob": "^3.3.3",
     "fs-extra": "^11.0.0",
@@ -109,6 +108,7 @@
     "storybook": "^10.3.5",
     "storybook-addon-accessibility-checker": ">=9.2.0-rc.4",
     "stream-browserify": "^3.0.0",
+    "tinyclip": "^0.1.12",
     "tsdown": "^0.21.0",
     "typescript-config-carbon": "workspace:^0.9.0",
     "use-sync-external-store": "^1.5.0",
diff --git a/packages/react/tasks/build-test-rtl.js b/packages/react/tasks/build-test-rtl.js
@@ -7,7 +7,7 @@
 
 'use strict';
 
-const clipboard = require('clipboardy');
+const { writeText } = require('tinyclip');
 const prettier = require('prettier');
 const CarbonComponents = require('@carbon/react');
 const enquirer = require('enquirer');
@@ -234,7 +234,7 @@ async function main() {
     ]);
 
     if (copy) {
-      clipboard.writeSync(testFile);
+      await writeText(testFile);
     }
     return;
   }
diff --git a/yarn.lock b/yarn.lock
@@ -1706,7 +1706,6 @@ __metadata:
     chalk: "npm:^5.4.1"
     change-case-all: "npm:^2.1.0"
     child-process-promise: "npm:^2.2.1"
-    clipboardy: "npm:^4.0.0"
     enquirer: "npm:^2.4.1"
     fast-glob: "npm:^3.3.3"
     fs-extra: "npm:^11.2.0"
@@ -1719,6 +1718,7 @@ __metadata:
     remark: "npm:^15.0.1"
     replace-in-file: "npm:^8.3.0"
     sass: "npm:^1.77.7"
+    tinyclip: "npm:^0.1.12"
     tsdown: "npm:^0.21.0"
     typescript: "npm:^5.7.3"
     yargs: "npm:^17.7.2"
@@ -1968,7 +1968,6 @@ __metadata:
     browserify-zlib: "npm:^0.2.0"
     browserslist-config-carbon: "npm:^11.2.0"
     classnames: "npm:2.5.1"
-    clipboardy: "npm:^4.0.0"
     copy-to-clipboard: "npm:^3.3.1"
     downshift: "npm:9.0.10"
     enquirer: "npm:^2.3.6"
@@ -1990,6 +1989,7 @@ __metadata:
     storybook-addon-accessibility-checker: "npm:>=9.2.0-rc.4"
     stream-browserify: "npm:^3.0.0"
     tabbable: "npm:^6.2.0"
+    tinyclip: "npm:^0.1.12"
     tsdown: "npm:^0.21.0"
     typescript-config-carbon: "workspace:^0.9.0"
     use-sync-external-store: "npm:^1.5.0"
@@ -8270,11 +8270,11 @@ __metadata:
   linkType: hard
 
 "axios@npm:^0.21.1":
-  version: 0.21.4
-  resolution: "axios@npm:0.21.4"
+  version: 0.21.1
+  resolution: "axios@npm:0.21.1"
   dependencies:
-    follow-redirects: "npm:^1.14.0"
-  checksum: 10/da644592cb6f8f9f8c64fdabd7e1396d6769d7a4c1ea5f8ae8beb5c2eb90a823e3a574352b0b934ac62edc762c0f52647753dc54f7d07279127a7e5c4cd20272
+    follow-redirects: "npm:^1.10.0"
+  checksum: 10/271afc61381d285c688f0579eec170b66dc4177219a3f31e67d1fe485be7a2dae4af2c366fdee703a8ec887c52778fdc7f5fec30650a97f61f68c1a7696648b0
   languageName: node
   linkType: hard
 
@@ -8457,9 +8457,9 @@ __metadata:
   linkType: hard
 
 "balanced-match@npm:^1.0.0":
-  version: 1.0.2
-  resolution: "balanced-match@npm:1.0.2"
-  checksum: 10/9706c088a283058a8a99e0bf91b0a2f75497f185980d9ffa8b304de1d9e58ebda7c72c07ebf01dadedaac5b2907b2c6f566f660d62bd336c3468e960403b9d65
+  version: 1.0.0
+  resolution: "balanced-match@npm:1.0.0"
+  checksum: 10/9b67bfe558772f40cf743a3469b48b286aecec2ea9fe80c48d74845e53aab1cef524fafedf123a63019b49ac397760573ef5f173f539423061f7217cbb5fbd40
   languageName: node
   linkType: hard
 
@@ -8529,9 +8529,9 @@ __metadata:
   linkType: hard
 
 "basic-ftp@npm:^5.0.2":
-  version: 5.2.2
-  resolution: "basic-ftp@npm:5.2.2"
-  checksum: 10/2bb208276bafbc3549992734b67247d78bfe6546e2eb1e9513c2761364c47e88b94171666359200279a738b36b152d2bbba0953d4f83f4677f1fd5b68aea3e29
+  version: 5.0.5
+  resolution: "basic-ftp@npm:5.0.5"
+  checksum: 10/3dc56b2092b10d67e84621f5b9bbb0430469499178e857869194184d46fbdd367a9aa9fad660084388744b074b5f540e6ac8c22c0826ebba4fcc86a9d1c324e2
   languageName: node
   linkType: hard
 
@@ -9491,17 +9491,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"clipboardy@npm:^4.0.0":
-  version: 4.0.0
-  resolution: "clipboardy@npm:4.0.0"
-  dependencies:
-    execa: "npm:^8.0.1"
-    is-wsl: "npm:^3.1.0"
-    is64bit: "npm:^2.0.0"
-  checksum: 10/ec4ebe7e5c81d9c9cb994637e7b0e068c1c8fc272167ecd5519f967427271ec66e0e64da7268a2630b860eff42933aeabe25ba5e42bb80dbf1fae6362df059ed
-  languageName: node
-  linkType: hard
-
 "cliui@npm:^6.0.0":
   version: 6.0.0
   resolution: "cliui@npm:6.0.0"
@@ -12286,23 +12275,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"execa@npm:^8.0.1":
-  version: 8.0.1
-  resolution: "execa@npm:8.0.1"
-  dependencies:
-    cross-spawn: "npm:^7.0.3"
-    get-stream: "npm:^8.0.1"
-    human-signals: "npm:^5.0.0"
-    is-stream: "npm:^3.0.0"
-    merge-stream: "npm:^2.0.0"
-    npm-run-path: "npm:^5.1.0"
-    onetime: "npm:^6.0.0"
-    signal-exit: "npm:^4.1.0"
-    strip-final-newline: "npm:^3.0.0"
-  checksum: 10/d2ab5fe1e2bb92b9788864d0713f1fce9a07c4594e272c0c97bc18c90569897ab262e4ea58d27a694d288227a2e24f16f5e2575b44224ad9983b799dc7f1098d
-  languageName: node
-  linkType: hard
-
 "execa@npm:^9.6.0":
   version: 9.6.0
   resolution: "execa@npm:9.6.0"
@@ -12717,7 +12689,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"follow-redirects@npm:^1.14.0, follow-redirects@npm:^1.15.6":
+"follow-redirects@npm:^1.10.0, follow-redirects@npm:^1.15.6":
   version: 1.16.0
   resolution: "follow-redirects@npm:1.16.0"
   peerDependenciesMeta:
@@ -13044,13 +13016,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"get-stream@npm:^8.0.1":
-  version: 8.0.1
-  resolution: "get-stream@npm:8.0.1"
-  checksum: 10/dde5511e2e65a48e9af80fea64aff11b4921b14b6e874c6f8294c50975095af08f41bfb0b680c887f28b566dd6ec2cb2f960f9d36a323359be324ce98b766e9e
-  languageName: node
-  linkType: hard
-
 "get-stream@npm:^9.0.0, get-stream@npm:^9.0.1":
   version: 9.0.1
   resolution: "get-stream@npm:9.0.1"
@@ -13812,13 +13777,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"human-signals@npm:^5.0.0":
-  version: 5.0.0
-  resolution: "human-signals@npm:5.0.0"
-  checksum: 10/30f8870d831cdcd2d6ec0486a7d35d49384996742052cee792854273fa9dd9e7d5db06bb7985d4953e337e10714e994e0302e90dc6848069171b05ec836d65b0
-  languageName: node
-  linkType: hard
-
 "human-signals@npm:^8.0.1":
   version: 8.0.1
   resolution: "human-signals@npm:8.0.1"
@@ -14762,15 +14720,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"is64bit@npm:^2.0.0":
-  version: 2.0.0
-  resolution: "is64bit@npm:2.0.0"
-  dependencies:
-    system-architecture: "npm:^0.1.0"
-  checksum: 10/94dafd5f29bfb96c542e89ef8c33e811159ca7d07a2890ab83026fa87706612af4101308d9392e9ee68e046e8604a6b59a8f41091f8556f6235efbcfd9c5574c
-  languageName: node
-  linkType: hard
-
 "isarray@npm:0.0.1":
   version: 0.0.1
   resolution: "isarray@npm:0.0.1"
@@ -22379,13 +22328,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"system-architecture@npm:^0.1.0":
-  version: 0.1.0
-  resolution: "system-architecture@npm:0.1.0"
-  checksum: 10/ca0dd793c45c354ab57dd7fc8ce7dc9923a6e07382bd3b22eb5b08f55ddb0217c390d00767549c5155fd4ce7ef23ffdd8cfb33dd4344cbbd37837d085a50f6f0
-  languageName: node
-  linkType: hard
-
 "tabbable@npm:^6.0.0, tabbable@npm:^6.2.0":
   version: 6.2.0
   resolution: "tabbable@npm:6.2.0"
@@ -22585,6 +22527,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"tinyclip@npm:^0.1.12":
+  version: 0.1.12
+  resolution: "tinyclip@npm:0.1.12"
+  checksum: 10/9652b136dff13a295c3d826e428684f414570d630e6035da6e2b24dd1aeab005277136f53056ae7959b1c08fa43568b714ac43045c14c961d0c9331cbdbf632a
+  languageName: node
+  linkType: hard
+
 "tinyexec@npm:^1.0.0, tinyexec@npm:^1.1.1":
   version: 1.1.1
   resolution: "tinyexec@npm:1.1.1"

Original file line number	Diff line number	Diff line change
`@@ -7,7 +7,7 @@`
`7`	`7`
`8`	`8`	`'use strict';`
`9`	`9`
`10`		`-const clipboard = require('clipboardy');`
	`10`	`+const { writeText } = require('tinyclip');`
`11`	`11`	`const prettier = require('prettier');`
`12`	`12`	`const CarbonComponents = require('@carbon/react');`
`13`	`13`	`const enquirer = require('enquirer');`
`@@ -234,7 +234,7 @@ async function main() {`
`234`	`234`	`]);`
`235`	`235`
`236`	`236`	`if (copy) {`
`237`		`- clipboard.writeSync(testFile);`
	`237`	`+ await writeText(testFile);`
`238`	`238`	`}`
`239`	`239`	`return;`
`240`	`240`	`}`