How to send data within fooType (custom type) from javascript

[burakakca]

I read forms article and I have a custom type like fooType. I didn't figure out how to send that type of message with command.

[ajay-gov]

@burakakca that article documents how to use Forms with the Java API. From javascript you can use the @swim/recon library to create Record structures which can then be serialized into recon. Please look at the documentation here

[burakakca]

@Tag("cube")
public class Cube {
    @Member("int")
    private int cubeSize = 1;

//    @Member("string")
//    private String cubeColor = "#000000";
//    @Member("position")
//    private Position cubePosition = new Position();

    public Cube() {}

    public Cube(int size) {
        this.cubeSize = size;
    }

//    public Cube(int size, String color, Position position) {
//        this.cubeSize = size;
//        this.cubeColor = color;
//        this.cubePosition = position;
//    }

    public int getCubeSize() {
        return this.cubeSize;
    }

//    public String getCubeColor() {
//        return this.cubeColor;
//    }
//    public Position getCubePosition() {
//        return this.cubePosition;
//    }

    @Kind
    private static Form<Cube> form;

    public static Form<Cube> form() {
        if (form == null) {
            form = Form.forClass(Cube.class);
        }
        return form;
    }

    public Value toValue() {
        return Form.forClass(Cube.class).mold(this).toValue();
    }

    @Override
    public String toString() {
        return Recon.toString(form().mold(this));
    }
}

When I Change the type with Record, Record data comes but how to cast that record to the Cube

    @SwimLane("setCube")
    CommandLane<Cube> setCube = this.<Cube>commandLane() 
            .onCommand((Cube value) -> {
                System.out.println("CubeValue: " + value);
            });

   const recordCube = Record.create(2).attr("cube").slot("cubeSize", context.cubeSize);
   swim.command(Env.SWIM_URL, `/cube/${workflowId}/cubeSize`, 'setCube', recordCube); // or I tested with recordCube.toValue()

Result: CubeValue: null

[ajay-gov]

@burakakca could you change @Member("int") to @Member("cubeSize") and try please?
The thing to note here is that the value in the @member annotation should match the slot name in the Record

[burakakca]

I saw that here for @member documentation

I changed it but I get the same error

@Tag("cube") -> @Tag("Cube")
@Member("int") -> @Member("cubeSize")

[ajay-gov]

@burakakca Sorry the documentation was incorrect earlier, we fixed this yesterday.

The @Tag annotation value needs to match the name of the Attr field in the Recon and it is case-sensitive. So you are using:
Record.create(2).attr("cube").slot("cubeSize", context.cubeSize);

If you want this structure then you should have:
@Tag("cube") and @Member("cubeSize"). Note that the @Tag has "cube" in lower case to match the Recon structure you are sending.

Can you try this please?

[burakakca]

Same problem

[ajay-gov]

@burakakca could you share your java code please? We have the same code that you are using and it seems to work for us.

This is what we used based on what you sent:

@Tag("cube")
public class Cube {
  @Member("i")
  private int cubeSize = 1;

  public Cube() {}

  public Cube(int size) {
    this.cubeSize = size;
  }

  public int getCubeSize() {
    return this.cubeSize;
  }

  @Kind
  private static Form<Cube> form;

  public static Form<Cube> form() {
    if (form == null) {
      form = Form.forClass(Cube.class);
    }
    return form;
  }

  public Value toValue() {
    return Form.forClass(Cube.class).mold(this).toValue();
  }

  @Override
  public String toString() {
    return Recon.toString(form().mold(this));
  }

}

Agent Code snippet:

  @SwimLane("setCube")
  CommandLane<Cube> setCube = this.<Cube>commandLane()
      .onCommand((Cube value) -> {
        System.out.println("CubeValue: " + value);
      });

JS Code (Assuming the agent is configured with the uri pattern /unit/:id in the server.recon file)

swim.command("warp://localhost:9001", "/unit/1", "setCube", swim. Recon.parse("@cube{i:7}"));

Output from the Agent:
CubeValue: @cube{i:7}

[burakakca]

Here, is the my swim code. I used plant-monitor code base and I changed it codes

[ajay-gov]

https://github.com/burakakca/swim-example-error/blob/main/java/src/main/java/plantmonitor/agents/Cube.java#L8
The @Member annotation here still has the value as "i", i.e. @Member("i")
The recon structure you are sending from the js client should be like this: @cube{i:7}", if so it should work.

Can you share the js code as well if that is the case?

[burakakca]

I'm aware of it.
I just changed it with the code you shared above and used it.

That's all

{
    "@swim/client": "^3.11.1",
    "@swim/core": "^3.11.1"
}

import { Recon, Record, Value } from '@swim/core';
import * as swim from '@swim/client';



const  info = Record.create(2).attr("i").slot("cubeSize", 7);
//or
const  info = Recon.parse("@cube{i:7}");

//You tell me which one correct or what is the better way to use?

swim.command(Env.SWIM_URL, `/cube/${workflowId}/cubeSize`, 'setCube', info);

[ajay-gov]

In the Cube class, yu have Tag("cube") and @Member("i"), with this setup you can use

Recon.parse("@cube{i:7}");
or
Record.create(2).attr("cube").slot("i", 7);

Main thing is that the attr value in the js client needs to match the @Tag value in the java code and the slot value in the js client needs to match the @Member value in the java code

[burakakca]

I did what you said but I couldn't get it to work. Can you create a working example and share it?

[ajay-gov]

I cloned your repo locally (https://github.com/burakakca/swim-example-error).

I then use the html snippet attached at the end. Both the swim commands work i.e. they get received by the Agent and I can see the log message on the server console.

In your code the CubeStateAgent has a uri pattern: /cube:workflowId/:sensorId. So in the js code i use the node uri as /cube/1/1 i.e. using workflowId as 1 and sendorId as 1

<html>
</body> 
    <script src="https://cdn.swimos.org/js/3.11.1/swim-system.js"></script>
    <script src="https://cdn.swimos.org/js/3.11.1/swim-toolkit.js"></script>
    <script>
	
    	// this works
    	swim.command("warp://localhost:9001", "/cube/1/1", "setCube", swim.Recon.parse("@cube{i:7}"));

    	// this works too       
    	swim.command("warp://localhost:9001", "/cube/1/1", "setCube", swim.Record.create(2).attr("cube").slot("i", 9));

    </script>
</body>
</html>

[burakakca]

That's all

{
    "@swim/client": "^3.11.1",
    "@swim/core": "^3.11.1"
}

import { Recon, Record, Value } from '@swim/core';
import * as swim from '@swim/client';



const  info = Record.create(2).attr("i").slot("cubeSize", 7);
//or
const  info = Recon.parse("@cube{i:7}");

//You tell me which one correct or what is the better way to use?

swim.command(Env.SWIM_URL, `/cube/${workflowId}/cubeSize`, 'setCube', info);

My code is like that there is one difference between them, I used node.js and you used on the browser.

I'm looking into it

<html>
</body> 
    <script src="https://cdn.swimos.org/js/3.11.1/swim-system.js"></script>
    <script src="https://cdn.swimos.org/js/3.11.1/swim-toolkit.js"></script>
    <script>
	
    	// this works
    	swim.command("warp://localhost:9001", "/cube/1/1", "setCube", swim.Recon.parse("@cube{i:7}"));

    	// this works too       
    	swim.command("warp://localhost:9001", "/cube/1/1", "setCube", swim.Record.create(2).attr("cube").slot("i", 9));

    </script>
</body>
</html>

This is works Thanks.

Also, how to convert the Cube class on the js to Recon