|
| 1 | +# object-cull |
| 2 | + |
| 3 | +Create a copy of an object, based on which properties were accessed. |
| 4 | + |
| 5 | +```js |
| 6 | +import { prepare, apply } from 'object-cull'; |
| 7 | + |
| 8 | +const proxy = prepare({ |
| 9 | + firstname: 'Terrell', |
| 10 | + lastname: 'Snider', |
| 11 | + friends: [ |
| 12 | + { firstname: 'Rachelle', lastname: 'Knight' }, |
| 13 | + { firstname: 'Ila', lastname: 'Farrell' }, |
| 14 | + { firstname: 'Vasquez', lastname: 'Flynn' } |
| 15 | + ], |
| 16 | + pets: [ |
| 17 | + { name: 'Bobo', species: 'Great Dane' } |
| 18 | + ] |
| 19 | +}); |
| 20 | + |
| 21 | +console.log(proxy.firstname); // Terrell |
| 22 | +console.log(proxy.friends[0].firstname); // Rachelle |
| 23 | + |
| 24 | +const { kept, culled } = apply(proxy); |
| 25 | + |
| 26 | +console.log(kept); |
| 27 | +/* |
| 28 | +{ firstname: 'Terrell', friends: [ { firstname: 'Rachelle' } ] } |
| 29 | +*/ |
| 30 | + |
| 31 | +console.log(culled); |
| 32 | +/* |
| 33 | +[ |
| 34 | + { path: 'lastname', value: 'Snider' }, |
| 35 | + { path: 'friends.0.lastname', value: 'Knight' }, |
| 36 | + { path: 'friends.1', value: { firstname: 'Ila', lastname: 'Farrell' } }, |
| 37 | + { path: 'friends.2', value: { firstname: 'Vasquez', lastname: 'Flynn' } }, |
| 38 | + { path: 'pets', value: [ { name: 'Bobo', species: 'Great Dane' } ] } |
| 39 | +] |
| 40 | +*/ |
| 41 | + |
| 42 | +const { prepare, apply } = require('./'); |
| 43 | + |
| 44 | +const proxy = prepare({ |
| 45 | + firstname: 'Terrell', |
| 46 | + lastname: 'Snider', |
| 47 | + friends: [ |
| 48 | + { firstname: 'Rachelle', lastname: 'Knight' }, |
| 49 | + { firstname: 'Ila', lastname: 'Farrell' }, |
| 50 | + { firstname: 'Vasquez', lastname: 'Flynn' } |
| 51 | + ], |
| 52 | + pets: [ |
| 53 | + { name: 'Bobo', species: 'Great Dane' } |
| 54 | + ] |
| 55 | +}); |
| 56 | + |
| 57 | +console.log(proxy.firstname); // Terrell |
| 58 | +console.log(proxy.friends[0].firstname); // Rachelle |
| 59 | + |
| 60 | +const { kept, culled } = apply(proxy); |
| 61 | + |
| 62 | +console.log(kept); |
| 63 | +/* |
| 64 | +{ firstname: 'Terrell', friends: [ { firstname: 'Rachelle' } ] } |
| 65 | +*/ |
| 66 | + |
| 67 | +console.log(culled); |
| 68 | +/* |
| 69 | +[ |
| 70 | + { path: 'lastname', value: 'Snider' }, |
| 71 | + { path: 'friends.0.lastname', value: 'Knight' }, |
| 72 | + { path: 'friends.1', value: { firstname: 'Ila', lastname: 'Farrell' } }, |
| 73 | + { path: 'friends.2', value: { firstname: 'Vasquez', lastname: 'Flynn' } }, |
| 74 | + { path: 'pets', value: [ { name: 'Bobo', species: 'Great Dane' } ] } |
| 75 | +] |
| 76 | +*/ |
| 77 | + |
| 78 | +const unused_bytes = culled.reduce((total, item) => { |
| 79 | + return total + JSON.stringify(item.value).length; |
| 80 | +}, 0); |
| 81 | + |
| 82 | +const percent_unused = 100 * unused_bytes / JSON.stringify(proxy).length; |
| 83 | + |
| 84 | +console.log(`${percent_unused}% of the data was unused`); |
| 85 | +``` |
| 86 | + |
| 87 | + |
| 88 | +## Why? |
| 89 | + |
| 90 | +Mostly for server-side rendering. You might not to serialize *all* your data to send it to the client. |
| 91 | + |
| 92 | + |
| 93 | +## Prior art |
| 94 | + |
| 95 | +* [js-off](https://github.com/reconbot/js-off) |
| 96 | + |
| 97 | + |
| 98 | +## License |
| 99 | + |
| 100 | +MIT |
0 commit comments