Assign Track Color by Frequencies
| Track | Color |
|---|---|
| Kick | #FF364D |
| Snare | #1AA1FF |
| Clap | #D68EA4 |
| Open HiHat | #03C539 |
| const optional = (srcObj) => { | |
| return new Proxy(() => {}, { | |
| apply: () => { | |
| return srcObj | |
| }, | |
| get: (__, prop) => { | |
| if (srcObj && srcObj.hasOwnProperty(prop)) { | |
| return optional(srcObj[prop]) | |
| } else { | |
| return optional(undefined) |
| const PROXY_STATE = Symbol('immer-proxy-state') | |
| class State { | |
| srcObj | |
| copy | |
| touched | |
| parent | |
| constructor(srcObj, parent) { | |
| this.srcObj = srcObj |
| { | |
| "version": "0.2.0", | |
| "configurations": [ | |
| { | |
| "type": "node", | |
| "request": "launch", | |
| "name": "Run current script", | |
| "runtimeExecutable": "npx", | |
| "runtimeArgs": ["tsx"], | |
| "program": "${file}", |
| // Sample Usage | |
| <template> | |
| <button v-track="xxxEvent" /> | |
| <input v-track="xxxEvent" /> | |
| <input v-track="() => new Date().getTime()" /> | |
| </template> | |
| <script> | |
| // v-track directive | |
| Vue.directive("track", { |