Add custom copy value resolver (#19)

README.md

@@ -57,6 +57,23 @@ TextCopy::make('Some Field', 'some_field')
     ->copyButtonTitle('Some alternative title')
 ```
 
+### Alternative copy value
+You can choose to mutate and that is copied to the users clipboard. You can either pass a value or a Closure.
+
+```php
+TextCopy::make('Some Secret String', 'some_long_string')
+    ->copyValue(function ($value) {
+        return substr($value, -6);
+    })
+```
+
+or 
+
+```php
+TextCopy::make('Some Secret String', 'some_long_string')
+    ->copyValue('some fixed copy value')
+```
+
 ## Screenshots
 ### Default State
 ![default](.docs/default.png)

resources/js/components/DetailField.vue

@@ -3,7 +3,7 @@
         <div slot="value" class="flex">
             <div class="flex-no-shrink">{{ fieldDisplayValue }}</div>
             <copy-button
-                :value="field.value"
+                :value="copyFieldValue"
                 :title="copyButtonTitleValue"
                 class="w-4 mx-3" />
         </div>
@@ -12,7 +12,7 @@
 
 <script>
 import CopyButton from './CopyButton'
-import { filterField, copyButtonTitle } from '../utilities'
+import { filterField, copyButtonTitle, copyValue } from '../utilities'
 
 export default {
     props: ['resource', 'resourceName', 'resourceId', 'field'],
@@ -25,6 +25,9 @@ export default {
         },
         copyButtonTitleValue() {
             return copyButtonTitle(this.field)
+        },
+        copyFieldValue() {
+            return copyValue(this.field)
         }
     }
 }

resources/js/components/IndexField.vue

@@ -2,15 +2,15 @@
     <span class="flex">
         <div class="flex-no-shrink">{{ fieldDisplayValue }}</div>
         <copy-button
-            :value="field.value"
+            :value="copyFieldValue"
             :title="copyButtonTitleValue"
             class="w-4 mx-3" />
     </span>
 </template>
 
 <script>
 import CopyButton from './CopyButton'
-import { filterField, copyButtonTitle } from '../utilities'
+import { filterField, copyButtonTitle, copyValue } from '../utilities'
 
 export default {
     components: { CopyButton },
@@ -21,6 +21,9 @@ export default {
         },
         copyButtonTitleValue() {
             return copyButtonTitle(this.field)
+        },
+        copyFieldValue() {
+            return copyValue(this.field)
         }
     }
 }

resources/js/utilities.js

@@ -27,4 +27,8 @@ export function copyButtonTitle (field) {
     return field.copy_button_title || `Copy ${field.name}`
 }
 
+export function copyValue (field) {
+    return field.copy_value || field.value
+}
+
 export default filterField

src/TextCopy.php

@@ -2,6 +2,7 @@
 
 namespace Sixlive\TextCopy;
 
+use Closure;
 use Laravel\Nova\Fields\Field;
 
 class TextCopy extends Field
@@ -50,4 +51,15 @@ public function copyButtonTitle($title = '')
 
         return $this;
     }
+
+    public function copyValue($value)
+    {
+        $this->withMeta([
+            'copy_value' => $value instanceof Closure
+                ? $value($this->value)
+                : $value,
+        ]);
+
+        return $this;
+    }
 }