archive-gh-me/nextui
1
0
Fork 0
mirror of https://github.com/nextui-org/nextui.git synced 2025-12-08 19:26:11 +00:00
Code Issues Projects Releases Wiki Activity

fix: clipboard get the different unicode whitespace (#4392)

Browse Source 
* fix: clipboard get the different unicode whitespace

* fix: clipboard get the different unicode whitespace

* fix(snippet): incorrect MultiLine story

* fix: nbsp in editor

* fix: rename

* fix: md

* feat: optimization

---------

Co-authored-by: WK Wong <wingkwong.code@gmail.com>
This commit is contained in:
winches 2024-12-28 11:01:59 +08:00 committed by GitHub
parent a83388aaf4
commit 4f0ef5818b
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 17 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
.changeset/rich-moles-compare.md Normal file
View File

@ -0,0 +1,5 @@
---
"@nextui-org/use-clipboard": patch
---
Fix clipboard get different unicode whitespace (#4225)

29
packages/components/snippet/stories/snippet.stories.tsx
View File

@ -92,32 +92,9 @@ export const MultiLine = {
args: {
...defaultProps,
children: [
// "npm install @nextui-org/react",
// "yarn add @nextui-org/react",
// "pnpm add @nextui-org/react",
`
{
"name": "Next.js PWA",
"short_name": "NextPWA",
"description": "A Progressive Web App built with Next.js and React",
"start_url": "/",
"display": "standalone",
"background_color": "#ffffff",
"theme_color": "#000000",
"icons": [
{
"src": "/icon-192x192.png",
"sizes": "192x192",
"type": "image/png"
},
{
"src": "/icon-512x512.png",
"sizes": "512x512",
"type": "image/png"
}
]
}
`,
"npm install @nextui-org/react",
"yarn add @nextui-org/react",
"pnpm add @nextui-org/react",
],
},
};

10
packages/hooks/use-clipboard/src/index.ts
View File

@ -8,6 +8,11 @@ export interface UseClipboardProps {
timeout?: number;
}
const transformValue = (text: string) => {
// Manually replace all &nbsp; to avoid get different unicode characters;
return text.replace(/[\u00A0]/g, " ");
};
/**
* Copies the given text to the clipboard.
* @param {number} timeout - timeout in ms, default 2000
@ -36,8 +41,11 @@ export function useClipboard({timeout = 2000}: UseClipboardProps = {}) {
const copy = useCallback(
(valueToCopy: any) => {
if ("clipboard" in navigator) {
const transformedValue =
typeof valueToCopy === "string" ? transformValue(valueToCopy) : valueToCopy;
navigator.clipboard
.writeText(valueToCopy)
.writeText(transformedValue)
.then(() => handleCopyResult(true))
.catch((err) => setError(err));
} else {