DEL: Clean up old code remnants

src/renderer/src/App.vue

@@ -15,36 +15,6 @@ onDeviceMessage((title, message) => {
     description: message
   })
 })
-
-// const menuActions = {
-//   connect: () => store.setConnected(!store.connected),
-//   orientation: () => store.cycleScreenOrientation(),
-//   skin: () => store.switchPreviewDeviceModel()
-// }
-
-// appIpc.onMenu((key) => {
-//   console.log('menu', key)
-//   if (menuActions[key]) {
-//     menuActions[key]()
-//   }
-// })
-
-// store.fetchProfiles() // TODO remove me!
-
-// handle device events
-// const handlers = useMessageHandlers(store)
-// nanoIpc.on_event('device-attached', (evt, deviceid, data) => store.device_attached(deviceid))
-// nanoIpc.on_event('device-detached', (evt, deviceid, data) => store.device_detached(deviceid))
-// nanoIpc.on_event('device-error', (evt, deviceid, data) => {
-//   /* TODO handle connection errors */
-// })
-// nanoIpc.on_event('connected', (evt, deviceid, data) => store.device_connected(deviceid))
-// nanoIpc.on_event('disconnected', (evt, deviceid, data) => store.device_disconnected(deviceid))
-// nanoIpc.on_event('update', (evt, deviceid, data) => {
-//   handlers.handle_message(data)
-// })
-// // get list of the currently attached devices
-// nanoIpc.list_devices().then((devs) => store.init_devices(devs))
 </script>
 <template>
   <main class="flex h-screen w-screen select-none flex-col">

src/renderer/src/appStore.ts

@@ -50,125 +50,11 @@ export const useAppStore = defineStore('app', {
     }
   },
   getters: {
-    // profiles: (state) => state.profileCategories.flatMap((c) => c.profiles),
-    // profileIds: (state) => state.profiles.map((p) => p.id),
-    // selectedProfileCategory: (state) =>
-    //   state.profileCategories.find((c) => c.profiles.find((p) => p.id === state.selectedProfileId)),
-    // selectedProfile: (state) => state.profiles.find((p) => p.id === state.selectedProfileId),
     currentConfigComponent: (state) =>
       state.configPages[state.selectedFeature][state.currentConfigPage]?.component || WIP,
     currentConfigPages: (state) => state.configPages[state.selectedFeature] || {}
-    // multipleDevicesConnected: (state) => state.connectedDevices.length > 1,
-    // numAttachedDevices: (state) => Object.keys(state.devices).length
-    // connected: (state) => state.connectedId !== null,
   },
   actions: {
-    // selectProfile(id) {
-    //   if (!this.profileIds.includes(id)) return false
-    //   this.selectedProfileId = id
-    //   return true
-    // },
-    // addProfile(profile, categoryIndex, newIndex) {
-    //   const category = this.profileCategories[categoryIndex]
-    //   category.profiles.splice(newIndex, 0, profile)
-    // },
-    // removeProfile(profileId) {
-    //   const category = this.profileCategories.find((c) =>
-    //     c.profiles.find((p) => p.id === profileId)
-    //   )
-    //   const index = category.profiles.findIndex((p) => p.id === profileId)
-    //   category.profiles.splice(index, 1)
-    // },
-    // duplicateProfile(profileId) {
-    //   const profile = this.profiles.find((p) => p.id === profileId)
-    //   const newProfile = JSON.parse(JSON.stringify(profile))
-    //   newProfile.id = this.newProfileId(profile.id)
-    //   newProfile.name = this.newProfileName(profile.name)
-    //   const category = this.profileCategories.find((c) =>
-    //     c.profiles.find((p) => p.id === profileId)
-    //   )
-    //   const index = category.profiles.findIndex((p) => p.id === profileId)
-    //   category.profiles.splice(index + 1, 0, newProfile)
-    //   this.selectProfile(newProfile.id)
-    // },
-    // moveProfile(profileId, oldIndex, newIndex) {
-    //   // Find the profile category, then swap the profiles at the old and new indices
-    //   const category = this.profileCategories.find((c) =>
-    //     c.profiles.find((p) => p.id === profileId)
-    //   )
-    //   const tmpProfile = category.profiles[newIndex]
-    //   category.profiles[newIndex] = category.profiles[oldIndex]
-    //   category.profiles[newIndex] = tmpProfile
-    // },
-    // moveProfileCategory(categoryName, oldIndex, newIndex) {
-    //   const tmpCategory = this.profileCategories[newIndex]
-    //   this.profileCategories[newIndex] = this.profileCategories[oldIndex]
-    //   this.profileCategories[newIndex] = tmpCategory
-    // },
-    // changeProfileCategory(profileId, newCategoryIndex, newIndex) {
-    //   const profile = this.profiles.find((p) => p.id === profileId)
-    //   const oldCategory = this.profileCategories.find((c) =>
-    //     c.profiles.find((p) => p.id === profileId)
-    //   )
-    //   const newCategory = this.profileCategories[newCategoryIndex]
-    //   oldCategory.profiles = oldCategory.profiles.filter((p) => p.id !== profileId)
-    //   newCategory.profiles.splice(newIndex, 0, profile)
-    // },
-    // renameProfile(profileId, newName) {
-    //   const profile = this.profiles.find((p) => p.id === profileId)
-    //   profile.name = newName
-    // },
-    // fetchProfiles() {
-    //   const categories = mockData.categories
-    //   console.log(categories)
-    //   const ids = new Set()
-    //   // const validate = ajv.compile(schema) // see below
-    //   this.$patch({
-    //     profileCategories: categories.map((category) => ({
-    //       name: category.name,
-    //       profiles: category.profiles.filter((profile) => {
-    //         // Ajv validation requires unsafe-eval CSP, let's not do that
-    //         // TODO: Remove ajv validation completely or compile schema at build time
-    //         // if (!validate(profile)) {
-    //         //   console.error('Failed to validate profile: ' + profile.name, validate.errors)
-    //         //   return false
-    //         // }
-    //         if (ids.has(profile.id)) {
-    //           console.error('Duplicate profile id: ' + profile.id + ' for profile: ' + profile.name)
-    //           return false
-    //         }
-    //         ids.add(profile.id)
-    //         return true
-    //       })
-    //     })),
-    //     selectedProfileId: categories[0]?.profiles[0]?.id || null
-    //   })
-    // },
-    // newProfileName(originalName = '') {
-    //   let name = originalName
-    //   let i = 1
-    //   while (this.profiles.find((p) => p.name === name)) {
-    //     name = `${originalName} (${i++})`
-    //   }
-    //   return name
-    // },
-    // newProfileId(originalId = '') {
-    //   let id = originalId
-    //   if (originalId) {
-    //     do {
-    //       id = Math.floor((parseInt(id) + 1) % 9999)
-    //         .toString()
-    //         .padStart(4, '0')
-    //     } while (this.profileIds.includes(id))
-    //   } else {
-    //     do {
-    //       id = Math.floor(Math.random() * 9999)
-    //         .toString()
-    //         .padStart(4, '0')
-    //     } while (this.profileIds.includes(id))
-    //   }
-    //   return id
-    // },
     selectConfigFeature(feature) {
       this.selectedFeature = feature
       if (!this.currentConfigPages[this.currentConfigPage]) this.setCurrentConfigPage('mapping')
@@ -180,9 +66,6 @@ export const useAppStore = defineStore('app', {
     setCurrentConfigPage(page) {
       this.currentConfigPage = page
     },
-    // setConnected(connected) {
-    //   this.connected = connected
-    // },
     switchPreviewDeviceModel() {
       this.previewDeviceModel = this.previewDeviceModel === 'nanoOne' ? 'nanoZero' : 'nanoOne'
       localStorage.setItem('previewDeviceModel', this.previewDeviceModel)
@@ -193,92 +76,5 @@ export const useAppStore = defineStore('app', {
     setShowProfileConfig(show) {
       this.showProfileConfig = show
     }
-    // cycleScreenOrientation() {
-    //   this.screenOrientation = (this.screenOrientation + 90) % 360
-    // },
-    // setKeyDefaultColor(color) {
-    //   // this.selectedProfile.keys[this.selectedKey].default = color
-    //   const props = {}
-    //   props[`button${this.selectedKey.toUpperCase()}Idle`] = color.rgbNumber()
-    //   nanoIpc.send(this.connectedId, { p: { name: 'Default Profile', ...props } })
-    // },
-    // setKeyPressedColor(color) {
-    //   // this.selectedProfile.keys[this.selectedKey].pressed = color
-    //   const props = {}
-    //   props[`button${this.selectedKey.toUpperCase()}Press`] = color.rgbNumber()
-    //   nanoIpc.send(this.connectedId, { p: { name: 'Default Profile', ...props } })
-    // },
-
-    // // devices, device attachment, connection, and disconnection
-    // init_devices(ids) {
-    //   console.log('Initializing devices: ', ids)
-    //   for (const id of ids) this.update_devices(id, true)
-    //   if (Object.keys(this.devices).length == 1) {
-    //     // TODO auto-connect to the device
-    //     const deviceid = Object.keys(this.devices)[0]
-    //     console.log('Auto-connecting to device ', deviceid)
-    //     window.nanoIpc.connect(deviceid)
-    //   }
-    // },
-    // update_devices(deviceid, attached) {
-    //   if (attached) {
-    //     if (!this.devices.hasOwnProperty(deviceid))
-    //       this.devices[deviceid] = { serialNumber: deviceid, connected: false }
-    //   } else {
-    //     if (this.devices.hasOwnProperty(deviceid)) delete this.devices[deviceid] // TODO maybe mark as detached instead of deleting? then we can remember its name, etc...
-    //   }
-    // },
-    // device_attached(deviceid) {
-    //   this.update_devices(deviceid, true)
-    //   if (Object.keys(this.devices).length == 1) {
-    //     // TODO auto-connect to the device
-    //     console.log('Auto-connecting to device ', deviceid)
-    //     window.nanoIpc.connect(deviceid)
-    //   }
-    // },
-    // device_detached(deviceid) {
-    //   if (this.devices[deviceid].connected) {
-    //     // detached event arrived before disconnected event?
-    //     this.devices[deviceid].connected = false
-    //     this.connected = false
-    //   }
-    //   this.update_devices(deviceid, false)
-    // },
-    // device_connected(deviceid) {
-    //   this.devices[deviceid].connected = true
-    //   this.connected = true
-    //   this.connectedId = deviceid
-    //   // TODO load profiles from device
-    //   // nanoIpc.send(deviceid, { profiles: "#all" }) // request profiles
-    //   // "Default Profile", for now, is the only profile after the device
-    //   // starts up, so it is also the current (eg. 'selected') profile
-    //   // nanoIpc.send(deviceid, { p: "Default Profile" }) // request Default Profile
-
-    //   // TODO maybe you want to request all the profiles right now?
-    //   // or only on demand?
-    // },
-    // device_disconnected(deviceid) {
-    //   this.devices[deviceid].connected = false
-    //   this.connected = false
-    //   this.connectedId = null
-    //   // TODO switch UI to disconnected state
-    // },
-
-    // // device events
-    // update_knob_position(turns, angle, velocity) {
-    //   this.turns = turns
-    //   this.angle = angle
-    //   this.velocity = velocity
-    //   this.last_event = Date.now()
-    // },
-    // update_keystate(keystate) {
-    //   this.keyState = keystate
-    //   this.last_event = Date.now()
-    // },
-
-    // // settings changes
-    // update_device_name(name) {
-    //   this.devices[this.connectedId].name = name
-    // }
   }
 })

src/renderer/src/deviceStore.ts

@@ -491,58 +491,3 @@ export const initializeDevices = () => {
 export const onDeviceMessage = (callback: (title: string, message: string) => void) => {
   messageCallbacks.push(callback)
 }
-
-// // devices, device attachment, connection, and disconnection
-// init_devices(ids) {
-//   console.log('Initializing devices: ', ids)
-//   for (const id of ids) this.update_devices(id, true)
-//   if (Object.keys(this.devices).length == 1) {
-//     // TODO auto-connect to the device
-//     const deviceid = Object.keys(this.devices)[0]
-//     console.log('Auto-connecting to device ', deviceid)
-//     window.nanoIpc.connect(deviceid)
-//   }
-// },
-// update_devices(deviceid, attached) {
-//   if (attached) {
-//     if (!this.devices.hasOwnProperty(deviceid))
-//       this.devices[deviceid] = { serialNumber: deviceid, connected: false }
-//   } else {
-//     if (this.devices.hasOwnProperty(deviceid)) delete this.devices[deviceid] // TODO maybe mark as detached instead of deleting? then we can remember its name, etc...
-//   }
-// },
-// device_attached(deviceid) {
-//   this.update_devices(deviceid, true)
-//   if (Object.keys(this.devices).length == 1) {
-//     // TODO auto-connect to the device
-//     console.log('Auto-connecting to device ', deviceid)
-//     window.nanoIpc.connect(deviceid)
-//   }
-// },
-// device_detached(deviceid) {
-//   if (this.devices[deviceid].connected) {
-//     // detached event arrived before disconnected event?
-//     this.devices[deviceid].connected = false
-//     this.connected = false
-//   }
-//   this.update_devices(deviceid, false)
-// },
-// device_connected(deviceid) {
-//   this.devices[deviceid].connected = true
-//   this.connected = true
-//   this.connectedId = deviceid
-//   // TODO load profiles from device
-//   // nanoIpc.send(deviceid, { profiles: "#all" }) // request profiles
-//   // "Default Profile", for now, is the only profile after the device
-//   // starts up, so it is also the current (eg. 'selected') profile
-//   // nanoIpc.send(deviceid, { p: "Default Profile" }) // request Default Profile
-
-//   // TODO maybe you want to request all the profiles right now?
-//   // or only on demand?
-// },
-// device_disconnected(deviceid) {
-//   this.devices[deviceid].connected = false
-//   this.connected = false
-//   this.connectedId = null
-//   // TODO switch UI to disconnected state
-// },