Dereference the result of createJSObjectReference from JavaScript

[Yannike]

          What about how to dereference the result of  createJSObjectReference from JavaScript? I have a JavaScript object that is not Json serializable but I want to keep a reference to it on the blazor side and call function on it from the JavaScript side.

Originally posted by @Yannike in #53161 (comment)

[Yannike]

Sorry was just looking at the original post (linked in the issue description) and noticed it had been prematurely closed with multiple comments still unanswered

[javiercn]

@Yannike what do you exactly mean by dereferencing?

Do you mean accessing a property of the JSObjectReference directly?

You might be looking for #31151 which is not currently supported. You need to add a method to your object so that it can be called that way

If you give us an example in code that might help us understand what you are trying to accomplish.

[Yannike]

So here is my situation. I have a javascript object that is not Json serializable. I want to be able to keep a reference to the object on the c# side and send it back to Javascript to call on method on the object.

for example the object could be created on the js (typescript) side with this :

static async CreateObject(): Promise<any> {
	let newObject = new JavascriptObject();
	return DotNet.createJSObjectReference(newObject);
}

on the blazor side

IJSObjectReference jsObjectReference = await this.jsRuntime.InvokeAsync<IJSObjectReference>("app.CreateObject");
jsObjectReference.InvokeVoidAsync("test", this.objectReference)

I want to call a test method that take the object reference as a parameter and that is able to use this object in javascript. So far I haven't manage to make it work.

[javiercn]

@Yannike thanks for the additional details.

What is this.objectReference in your example?

If its a dotnet object that you are passing down to JS, you need to use JSRuntime.CreateDotNetObjectReference(<<your-object>>) to get a reference that can be passed down.

[Yannike]

Sorry Javier, the this.objectReference should be jsObjectReference, so the reference returned from JavaScript

[javiercn]

@Yannike thanks for the additional details.

So, to make sure that we understand what you are trying to do, will you say that the following sequence accurately represents what you are trying to do?

sequenceDiagram
    Dotnet ->> JS: JSObjectReference reference = await JSRuntime.InvokeAsync("GetJSObjectReference")
    JS -->> Dotnet: return [JSObjectReference]
    Dotnet ->> JS: var result = reference.Invoke("Test", reference)
    break
      Dotnet --> JS: JS Interop error
    end

Loading

[Yannike]

Yes that is exactly what I am trying to do. Nicely described !

[javiercn]

@Yannike thanks for the additional details.

From what I can tell looking at the code, this should work. Can you provide a minimal repro project as a public github repository that demonstrates the issue? There might be small details that are different that we aren't mentioning explicitly here.

[dotnet-policy-service]

Hi @Yannike. We have added the "Needs: Author Feedback" label to this issue, which indicates that we have an open question for you before we can take further action. This issue will be closed automatically in 7 days if we do not hear back from you by then - please feel free to re-open it if you come back to this issue after that time.

[javiercn]

The reference code https://github.com/dotnet/aspnetcore/blob/main/src/JSInterop/Microsoft.JSInterop.JS/src/src/Microsoft.JSInterop.ts#L589-L595

[dotnet-policy-service]

Thank you for filing this issue. In order for us to investigate this issue, please provide a minimal repro project that illustrates the problem without unnecessary code. Please share with us in a public GitHub repo because we cannot open ZIP attachments, and don't include any confidential content.

[dotnet-policy-service]

This issue has been automatically marked as stale because it has been marked as requiring author feedback but has not had any activity for 4 days. It will be closed if no further activity occurs within 3 days of this comment. If it is closed, feel free to comment when you are able to provide the additional information and we will re-investigate.

See our Issue Management Policies for more information.