lint topos

README.md

@@ -17,9 +17,10 @@
   </p>
 </p>
 
----------------------
+---
 
 Topos is a web based live coding environment. Topos is capable of many things:
+
 - it is a music sequencer made for improvisation and composition alike
 - it is a synthesizer capable of additive, substractive, FM and wavetable
   synthesis, backed up by a [powerful web based audio engine](https://www.npmjs.com/package/superdough)
@@ -30,11 +31,10 @@ custom oscilloscopes, frequency visualizers and image sequencing capabilities
   [https://topos.live](https://topos.live)
 - Topos is also an emulation and personal extension of the [Monome Teletype](https://monome.org/docs/teletype/)
 
----------------------
+---
 
 ![Screenshot](https://github.com/Bubobubobubobubo/Topos/blob/main/img/topos_gif.gif)
 
-
 ## Disclaimer
 
 **Topos** is still a young project developed by two hobbyists :) Contributions are welcome! We wish to be as inclusive and welcoming as possible to your ideas and suggestions! The software is working quite well and we are continuously striving to improve it.

ToposServer/OSCtoTopos.js

@@ -6,9 +6,9 @@ const cleanIncomingOSC = (oscMsg) => {
   // Remove information about type of data
   data = data.map((item) => {
     return item.value;
-    })
+  });
   return { data: data, address: oscMsg.address };
-}
+};
 
 // ==============================================
 // Receiving and forwarding OSC UDP messages
@@ -18,13 +18,16 @@ const wss = new WebSocket.Server({ port: 3001 });
 var udpPort = new osc.UDPPort({
   localAddress: "0.0.0.0",
   localPort: 30000,
-    metadata: true
+  metadata: true,
 });
 udpPort.on("message", function (oscMsg, timeTag, info) {
-    console.log(`> Incoming OSC to ${oscMsg.address}:`, oscMsg.args.map(
-        (item) => {return item.value})
+  console.log(
+    `> Incoming OSC to ${oscMsg.address}:`,
+    oscMsg.args.map((item) => {
+      return item.value;
+    }),
   );
-    wss.clients.forEach(client => {
+  wss.clients.forEach((client) => {
     if (client.readyState === WebSocket.OPEN) {
       client.send(JSON.stringify(cleanIncomingOSC(oscMsg)));
     }

ToposServer/ToposToOSC.js

@@ -13,9 +13,13 @@ wss.on("connection", function (ws) {
       sendOscMessage(
         formatAndTypeMessage(message),
         message.address,
-        message.port
+        message.port,
+      );
+      console.log(
+        `> Message sent to ${message.address}:${message.port}: ${JSON.stringify(
+          message.args,
+        )}`,
       );
-      console.log(`> Message sent to ${message.address}:${message.port}: ${JSON.stringify(message.args)}`)
     } catch (error) {
       console.error("> Error processing message:", error);
     }
@@ -24,12 +28,12 @@ wss.on("connection", function (ws) {
 
 wss.on("error", function (error) {
   console.error("> Server error:", error);
-})
+});
 
 wss.on("close", function () {
   // Close the websocket server
   wss.close();
-  console.log("> Closing websocket server")
+  console.log("> Closing websocket server");
 });
 
 let udpPort = new osc.UDPPort({
@@ -51,7 +55,7 @@ udpPort.open();
 
 function sendOscMessage(message, address, port) {
   try {
-    udpPort.options.remotePort = port
+    udpPort.options.remotePort = port;
     message.address = address;
     udpPort.send(message);
   } catch (error) {
@@ -61,21 +65,19 @@ function sendOscMessage(message, address, port) {
 
 const formatAndTypeMessage = (message) => {
   let newMessage = {};
-  delete message.args['address'];
-  delete message.args['port'];
+  delete message.args["address"];
+  delete message.args["port"];
   newMessage.address = message.address;
   newMessage.timestamp = osc.timeTag(message.timetag);
 
   args = [...Object.entries(message.args)].flat().map((arg) => {
-    if (typeof arg === 'string') 
-      return {type: 's', value: arg};
-    if (typeof arg === 'number')
-      return {type: 'f', value: arg};
-    if (typeof arg === 'boolean')
-      return value ? {type: 's', value: 1} : {type: 's', value: 0};
-  })
+    if (typeof arg === "string") return { type: "s", value: arg };
+    if (typeof arg === "number") return { type: "f", value: arg };
+    if (typeof arg === "boolean")
+      return value ? { type: "s", value: 1 } : { type: "s", value: 0 };
+  });
 
-  newMessage.args = args
+  newMessage.args = args;
 
   return newMessage;
-}
+};

ToposServer/banner.js

@@ -1,14 +1,14 @@
-var pjson = require('./package.json');
+var pjson = require("./package.json");
 let banner = `
 ┏┳┓         ┏┓┏┓┏┓
  ┃ ┏┓┏┓┏┓┏  ┃┃┗┓┃ 
  ┻ ┗┛┣┛┗┛┛  ┗┛┗┛┗┛
      ┛            
-             ${pjson.version}\n`
+             ${pjson.version}\n`;
 function greet() {
-    console.log(banner)
+  console.log(banner);
 }
 
 module.exports = {
-    greet: greet
-}
+  greet: greet,
+};

ToposServer/server.js

@@ -1,9 +1,8 @@
 const WebSocket = require("ws");
 const osc = require("osc");
 
-require('./banner').greet();
+require("./banner").greet();
 // Topos to OSC
-require('./ToposToOSC')
+require("./ToposToOSC");
 // OSC to Topos
-require("./OSCtoTopos")
-
+require("./OSCtoTopos");

src/API.ts

@@ -2107,7 +2107,7 @@ export class UserAPI {
       args: args,
       timetag: Math.round(Date.now() + this.app.clock.deadline),
     } as OSCMessage);
-  }
+  };
 
   public getOSC = (address?: string): any[] => {
     /**
@@ -2116,11 +2116,11 @@ export class UserAPI {
     if (address) {
       let messages = oscMessages.filter((msg) => msg.address === address);
       messages = messages.map((msg) => msg.data);
-      return messages
+      return messages;
     } else {
       return oscMessages;
     }
-  }
+  };
 
   // =============================================================
   // Transport functions

src/Clock.ts

@@ -88,7 +88,8 @@ export class Clock {
       );
       this.app.clock.time_position = futureTimeStamp;
       if (futureTimeStamp.pulse % this.app.clock.ppqn == 0) {
-        this.timeviewer.innerHTML = `${zeroPad(futureTimeStamp.bar, 2)}:${futureTimeStamp.beat + 1
+        this.timeviewer.innerHTML = `${zeroPad(futureTimeStamp.bar, 2)}:${
+          futureTimeStamp.beat + 1
         } / ${this.app.clock.bpm}`;
       }
       if (this.app.exampleIsPlaying) {

src/IO/OSC.ts

@@ -10,7 +10,7 @@ export let outputSocket = new WebSocket("ws://localhost:3000");
 export let inputSocket = new WebSocket("ws://localhost:3001");
 
 export let oscMessages: any[] = [];
-inputSocket.addEventListener('message', (event) => {
+inputSocket.addEventListener("message", (event) => {
   let data = JSON.parse(event.data);
   if (oscMessages.length >= 1000) {
     oscMessages.shift();
@@ -18,7 +18,6 @@ inputSocket.addEventListener('message', (event) => {
   oscMessages.push(data);
 });
 
-
 // @ts-ignore
 outputSocket.onopen = function (event) {
   console.log("Connected to WebSocket Server");
@@ -26,8 +25,9 @@ outputSocket.onopen = function (event) {
   outputSocket.send(
     JSON.stringify({
       address: "/successful_connexion",
-      port: 3000, args: {}
-    })
+      port: 3000,
+      args: {},
+    }),
   );
 
   outputSocket.onerror = function (error) {

src/classes/SoundEvent.ts

@@ -465,11 +465,7 @@ export class SoundEvent extends AudibleEvent {
       if (filteredEvent.freq) {
         delete filteredEvent.note;
       }
-      superdough(
-        filteredEvent,
-        this.app.clock.deadline,
-        filteredEvent.dur
-      );
+      superdough(filteredEvent, this.app.clock.deadline, filteredEvent.dur);
     }
   };
 

src/documentation/basics/welcome.ts

@@ -75,4 +75,3 @@ Reloading the application will get you one random song example to study every ti
 
 `;
 };
-

src/documentation/osc.ts

@@ -30,21 +30,23 @@ beat(1)::getOsc()
 // 0 : {data: Array(2), address: '/lala'}
 // 1 : {data: Array(2), address: '/lala'}
 // 2 : {data: Array(2), address: '/lala'}`,
- true)}
+  true,
+)}
 
 ### Filtered messages
 
 The <ic>getOsc()</ic> can receive an address filter as an argument. This will return only the messages that match the filter:
 
-${
-    makeExample(
+${makeExample(
   "Reading the last OSC messages (filtered)",
   `
 beat(1)::getOsc("/lala")
 // 0 : (2) [89, 'bob']
 // 1 : (2) [84, 'bob']
 // 2 : (2) [82, 'bob']
-         `, true)}
+         `,
+  true,
+)}
 
 ## Output
 
@@ -54,7 +56,8 @@ ${makeExample(
   "Sending a simple OSC message",
   `
 beat(1)::sound('cp').speed(2).vel(0.5).osc()
-    `, true
+    `,
+  true,
 )}
 
 This is a simple **OSC** message that will inherit all the properties of the sound. You can also send customized OSC messages using the <ic>osc()</ic> function:
@@ -64,6 +67,9 @@ ${makeExample(
   `
 // osc(address, port, ...message)
 osc('/my/osc/address', 5000, 1, 2, 3)
-    `, true)}
+    `,
+  true,
+)}
 
-`};
+`;
+};

src/main.ts

@@ -4,7 +4,7 @@ import { scriptBlinkers } from "./Visuals/Blinkers";
 import { javascript } from "@codemirror/lang-javascript";
 import { markdown } from "@codemirror/lang-markdown";
 import { Extension } from "@codemirror/state";
-import { outputSocket, oscMessages } from "./IO/OSC";
+import { outputSocket } from "./IO/OSC";
 import {
   initializeSelectedUniverse,
   AppSettings,
@@ -95,7 +95,7 @@ export class Editor {
   isPlaying: boolean = false;
 
   // OSC
-  outputSocket: WebSocket = outputSocket
+  outputSocket: WebSocket = outputSocket;
 
   // Hydra
   public hydra_backend: any;
@@ -205,8 +205,6 @@ export class Editor {
 
     // Loading universe from URL (if needed)
     loadUniverserFromUrl(this);
-
-
   }
 
   private getBuffer(type: string): any {