Proxy-wrap constructor side-effects

index.js

class CameraControls {
  foo = { bar: true }
  constructor(...args) {
    console.log('impl construct', [...args])
  }

  dispose() {
    console.log('impl disposed', this)
  }
}

class CameraControlsImpl {
  constructor(...args) {
    const internal = {
      _args: [...args],
      _instance: null,
      _props: {},
    }

    return new Proxy(this, {
      set(target, key, value) {
        if (key in internal) {
          internal[key] = value
        } else {
          internal._props[key] = value
          if (internal._instance) internal._instance[key] = value
        }
        return true
      },
      get(target, key) {
        if (key in internal) return internal[key]
        if (key in target) return target[key]
        return internal._instance?.[key]
      },
    })
  }

  connect() {
    this._instance = Object.assign(new CameraControls(...this._args), this._props)
  }

  disconnect() {
    this._instance.dispose()
  }

  dispose() {
    this.disconnect()
  }
}

const controls = new CameraControlsImpl(1, 2, 3)
controls.test = true
controls.connect()
controls.test2 = false
console.log(controls.foo.bar)
controls.disconnect()