JSFiddle - React, Tailwind, and code Playground

by exe1

HTML

<div id="out">

</div>

JavaScript

$( document ).ready(function() {

// https://github.com/snoozbuster/tiny-js

    console.log("connection name", connection.name );
    console.log("connection settings: ", connection.data_type["SYNC"] );
    console.log("connection from: ", connection.from );
    console.log("connection to: ", connection.to );
      
    var my_usb_con = create_sync_usb_conn("most_in_usb_out.1x16", 0x81, "NO_MUTING", 0, 16, 256, 0xC010 );
    
    $("#out").append( JSON.stringify( my_usb_con ) + "<br/>");
    console.log("my_usb_con : ", my_usb_con );
    
    
    
    var usb_con = create_usb_connection( 0x81, 4, 256, 0, false );
    
    $("#out").append( JSON.stringify( usb_con ) + "<br/>");

    
    console.log("usb_con : ", usb_con );
    
});


function create_sync_usb_conn( name, ep, mute_mode, offset, bw, fpt, cl )
{
	var conn = connection;
	conn.name = name;
  var dir_most = (0x80 == (ep & 0x80) ) ? "from" : "to";
  
  console.log(dir_most);
  var dir_usb = (0x80 == (ep & 0x80) ) ? "to" : "from";
  
  if( "undefined" == typeof cl ) cl = 0xFFFF;
  
  if( "from" == dir_most && 0xFFFF == cl ){
  	alert("connection lable not set!");
    return; // which is typeof == "undefined"
  }
  
  conn.data_type["SYNC"].mute_mode = mute_mode;
  conn.data_type["SYNC"].offset = offset;
  
	conn[dir_most].port["most"].handle = 0x0D00;
  conn[dir_most].port["most"].socket.bandwidth = bw;
  conn[dir_most].port["most"].socket.connection_label = cl;
  
  conn[dir_usb].port["usb"].iface = "PHY_LAYER_STD";
  conn[dir_usb].port["usb"].index = 0;
  conn[dir_usb].port["usb"].socket.end_point_addr = ep;
  conn[dir_usb].port["usb"].socket.frames_per_transfer = fpt;
  
  return conn;
  
}

var usb_port = 
{
	resource_type : "MNS_XRM_RC_TYPE_USB_PORT",
  port_type : "MNS_XRM_PORT_TYPE_USB",
  index : 0
};

function create_usb_connection( ep, bw, fpt, offset, mute ){
	return {
    "bandwidth" : bw,
    "offset" : offset,
    "mute" : mute,
    "usb" : {
      "ep" : ep,
      "fpt": fpt,
    }
 ...