iShawnWang

const optional = (srcObj) => {
  return new Proxy(() => {}, {
    apply: () => {
      return srcObj
    },
    get: (__, prop) => {
      if (srcObj && srcObj.hasOwnProperty(prop)) {
        return optional(srcObj[prop])
      } else {
        return optional(undefined)

iShawnWang

const PROXY_STATE = Symbol('immer-proxy-state')

class State {
  srcObj
  copy
  touched
  parent

  constructor(srcObj, parent) {
    this.srcObj = srcObj

iShawnWang

Track Color Platte

Assign Track Color by Frequencies

Track	Color
Kick	#FF364D
Snare	#1AA1FF
Clap	#D68EA4
Open HiHat	#03C539

iShawnWang

{
  "version": "0.2.0",
  "configurations": [
    {
      "type": "node",
      "request": "launch",
      "name": "Run current script",
      "runtimeExecutable": "npx",
      "runtimeArgs": ["tsx"],
      "program": "${file}",

iShawnWang

// 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", {