ionic capacitor call typescript method from swift

I have an ionic capacitor app which has a custom native plugin. Calling the native code from TypeScript works fine, my swift code is called and the promise is returned. However I would also like the swift code to be able to call a couple of TypeScript methods (mainly to do http calls) but can't figure out how to.

From some reading I've found:

let script = "window.MyService.typescriptMethod();";
            self.bridge!.webView!.evaluateJavaScript(script, completionHandler: { (result, error) in
                if let error = error {
                    print("Error calling TypeScript method: \(error.localizedDescription)")
                } else {
                    if let resultString = result as? String {
                        print(resultString)
                    } else {
                        print("Unexpected result from TypeScript method")
                    }
                }
            })

However it is unable to find MyService as it's undefined. MyService is defined on the ionic side and is callable from there. So I'm not sure how to reference it from within swift, can anyone suggest how?

To call TypeScript methods from Swift in an Ionic Capacitor app, you can use the window object to access global JavaScript functions defined in your Ionic app's TypeScript code.

Assuming you have a TypeScript function typescriptMethod() defined in your Ionic app, you can call it from your Swift plugin like this:

• First, make sure your TypeScript function is accessible from the global scope. You can achieve this by attaching the function to the window object in your TypeScript code:

  // In your TypeScript code
  window.MyService = {
      typescriptMethod: function() {
          console.log("TypeScript method called from Swift!");
          // You can put your http calls or other logic here
       }
  };
  

• Now, in your Swift code, you can call the TypeScript method using the webView.evaluateJavaScript method:

   // In your Swift code
   let script = "window.MyService.typescriptMethod();"
  
   self.bridge?.webView?.evaluateJavaScript(script, completionHandler: { (result, error) in
   if let error = error {
       print("Error calling TypeScript method: \(error.localizedDescription)")
   } else {
   if let resultString = result as? String {
       print(resultString)
   } else {
       print("Unexpected result from TypeScript method")
     }
   }
   })
  

With this setup, when you call the Swift method that contains the above code, it will trigger the typescriptMethod() defined in your TypeScript code, allowing you to perform HTTP calls or any other logic you need from your Ionic app.

Just ensure that the TypeScript method (typescriptMethod()) is defined and accessible before you call it from Swift. The method should be declared in a place that ensures it is available in the global scope when your Swift plugin attempts to call it.