gilfuser / deslugarejo

non-local jamming through OSC and WebRTC

deslugarejo

P2P OSC Communication

Build Setup

install dependencies

$ yarn install

To start a development server

If you use Yarn:

yarn electron:serve

or if you use NPM:

npm run electron:serve

To build your app

With Yarn:

yarn electron:build

or with NPM:

npm run electron:build

deslugarejo's Issues

Bookmarks

Watch vuex - catch vuex state changes
https://dev.to/viniciuskneves/watch-for-vuex-state-changes-2mgj

Only not to forget how to...
https://zellwk.com/blog/looping-through-js-objects/
https://marozed.ma/vue-cheatsheet/
https://medium.freecodecamp.org/learn-these-javascript-fundamentals-and-become-a-better-developer-2a031a0dc9cf

Essential:
https://github.com/colinbdclark/osc.js
https://nklayman.github.io/vue-cli-plugin-electron-builder/
https://www.udemy.com/vuejs-2-the-complete-guide
https://github.com/robinvdvleuten/vuex-persistedstate
https://console.firebase.google.com/project/deslugarejo-db

"oficial" vuex example
https://github.com/vuejs/vuex/tree/dev/examples/shopping-cart

vue literature
https://medium.com/vuetify/productivity-in-vue-part-1-de56e9c1d97d

I consider change from swarm-wrtc to that:
https://github.com/mattkrick/fast-rtc-swarm
https://pfrazee.hashbase.io/blog/hyperswarm

Join Channels are not working

Yep. Do iT!

Make generators

Generators will make possible to generate OSC inside the app
Use D3, P5js, NexusUi, WebGL and alike
Check https://www.youtube.com/watch?v=a2jhqi3_Cdg&list=PLCxzy-hmQq9ECHOwbRrbBx0VEoqWM02CA&index=11&t=0s
There should be a minimal template all commented and explained.
Maybe would be good to have a repo only for them where people could send theirs. Would be wonderful if they did it!

Write a decent README

Check this:
https://github.com/ddbeck/readme-checklist/blob/master/checklist.md

Listen to remote channel changes

Specially joinedIn
Like in https://qiita.com/rubytomato@github/items/78087a2c69389f642760

Test and document different OSC applications

Make a view to have this documentation
OSC capable apps are: Wekinator, A.Live (Max4Live) , SuperCollider, Tidal, ChuCK, PD, OpenFrameworks, MaxMSP, Arduino, SonicPi... what else?
Test with as much of those as possible.

reference for Max4Live: https://help.ableton.com/hc/en-us/articles/209071389-Controlling-Live-with-Max-for-Live-Lesson-1

Choose what must be cached

Check https://github.com/robinvdvleuten/vuex-persistedstate

Better first enter, login - logout experience

Do a better sync between SignUp, LogIn, LogOut
(check
https://medium.com/@anas.mammeri/vue-2-firebase-how-to-build-a-vue-app-with-firebase-authentication-system-in-15-minutes-fdce6f289c3c

https://medium.com/js-dojo/vue-authentication-with-firebase-ui-3610ef7f89ee
)
Fix MenuItems and Name - Login - Logout behaviours and appearance in NavBar
LogIn Redirect to SignUp if the user has never signed up with a warning about that
Add created channels to db under user. Dont't show them in Join Channel. Clear them when logging out and fetch them when logging in.
Make LogIn code
Create a tour (that can be skipped) for the first time a user enter the app

Improve UI

Better responsiveness
Better JoinChannel design
Show all Created Channels in one page or one Created Channel with more details

Check:
https://fontawesome.com/how-to-use/on-the-web/using-with/vuejs

Show msg in - msg out

After last refactor from nuxt to VCP-E-B I can't see what msgs are coming or going.

TODO: Swarm

Since the refactoring from Nuxt to VCP-electron-builder swarm is not working.
Do it in the same fashion of OSC stuff > Vuex style.

Improve msgs routing between channels

Route params from msg-in to msg-out of another channel(s)
This implies in some Vuex coding and better manipulation of msgs-in-out in Channel.
Indexes of incoming msgs should be kept
Change addresses from msgs-in in order to send them all to the desired application and don't have naming collisions.

Create tooltips

Use this: https://next.vuetifyjs.com/en/components/tooltips
It should be possible to be turned on and off

Create about, settings and help

About should contain all the inspiration, thoughts, references and the rationale about the app
Settings are to turn tooltips on and off, clear all cache, set as the first time entered again
Help should have the usual "how to do sutff", some guiding and a FAQ (imaginary as starter). Generators should have special attention.