Add copy link command (#329)

seek-oss · Feb 29, 2024 · 90edcc8 · 90edcc8
1 parent b1766c2
commit 90edcc8
Show file tree

Hide file tree

Showing 5 changed files with 17 additions and 2 deletions.
diff --git a/.changeset/spicy-fireants-yell.md b/.changeset/spicy-fireants-yell.md
@@ -0,0 +1,5 @@
+---
+'playroom': minor
+---
+
+Add keybinding for copying Playroom link to clipboard with <kbd>⌘</kbd> + <kbd>⇧</kbd> + <kbd>C</kbd> (or, on Windows, <kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>C</kbd>).
diff --git a/src/Playroom/CodeEditor/CodeEditor.tsx b/src/Playroom/CodeEditor/CodeEditor.tsx
@@ -259,6 +259,15 @@ export const CodeEditor = ({ code, onChange, previewCode, hints }: Props) => {
           [`${keymapModifierKey}-D`]: selectNextOccurrence,
           [`Shift-${keymapModifierKey}-,`]: wrapInTag,
           [`${keymapModifierKey}-/`]: toggleComment,
+          [`Shift-${keymapModifierKey}-C`]: () => {
+            dispatch({
+              type: 'copyToClipboard',
+              payload: {
+                url: window.location.href,
+                trigger: 'toolbarItem',
+              },
+            });
+          },
         },
       }}
     />

diff --git a/src/Playroom/SettingsPanel/SettingsPanel.tsx b/src/Playroom/SettingsPanel/SettingsPanel.tsx
@@ -29,6 +29,7 @@ const getKeyBindings = () => {
     'Wrap selection in tag': [metaKeySymbol, shiftKeySymbol, ','],
     'Format code': [metaKeySymbol, 'S'],
     'Insert snippet': [metaKeySymbol, 'K'],
+    'Copy Playroom link': [metaKeySymbol, shiftKeySymbol, 'C'],
     'Select next occurrence': [metaKeySymbol, 'D'],
     'Swap line up': [altKeySymbol, '↑'],
     'Swap line down': [altKeySymbol, '↓'],

diff --git a/src/Playroom/Toolbar/Toolbar.tsx b/src/Playroom/Toolbar/Toolbar.tsx
@@ -127,7 +127,7 @@ export default ({ themes: allThemes, widths: allWidths, snippets }: Props) => {
 
           <div>
             <ToolbarItem
-              title="Copy link to clipboard"
+              title={`Copy Playroom link (${isMac() ? '⌘⇧C' : 'Ctrl+Shift+C'})`}
               success={copying}
               onClick={copyHandler}
               data-testid="copyToClipboard"

diff --git a/src/StoreContext/StoreContext.tsx b/src/StoreContext/StoreContext.tsx
@@ -162,7 +162,7 @@ const createReducer =
           statusMessage:
             trigger === 'toolbarItem'
               ? {
-                  message: 'Copied to clipboard',
+                  message: 'Copied Playroom link to clipboard',
                   tone: 'positive',
                 }
               : undefined,