Incorporating external JavaScript libraries in Jint

Question

Incorporating external JavaScript libraries in Jint

I'm currently working on a new feature that requires the execution of user-defined, anonymous JavaScript functions retrieved from a database on the server side within an ASP.Net application environment.

For this purpose, I am exploring the use of Jint (latest version from NuGet). So far, I have successfully executed functions that perform basic operations and return values without any issues, as shown below:

    public void Do()
    {
        var jint = new Engine();
        var add = jint.Execute(@"var f = " + GetJsFunction()).GetValue("f");
        var value = add.Invoke(5, 4);
        Console.Write("Result: " + value);
    }

    private string GetJsFunction()
    {
        return "function (x,y) {" +
               "    return x+y;" +
               "}";
    }

My main query is whether Jint supports the execution of JavaScript functions that utilize third-party libraries such as lodash. If so, how can I integrate the Jint engine with these third-party libraries?

As an illustration, consider the execution of the following JavaScript function:

  private string GetFunction()
    {
        return "function (valueJson) { " +
               "   var value = JSON.parse(valueJson);" +
               "   var poi = _.find(value,{'Name' : 'Mike'});" +
               "   return poi; " +
               "}";

    }

Thank you in advance for your assistance.

javascript .net jint

Answer 1

Answer №1

After some investigation, I believe I have solved the problem at hand. It turns out that integrating a third party library is similar to executing a custom function. All you need to do is read the library from a file (which is a project resource) and then call the execute function on the Jint engine. Take a look at the code snippet below;

 private void ImportLibrary(Engine jint, string file)
    {
        const string prefix = "JintApp.Lib."; //This is the location within the project where libraries such as lodash are stored

        var assembly = Assembly.GetExecutingAssembly();
        var scriptPath = prefix + file; //file represents the name of the library file
        using (var stream = assembly.GetManifestResourceStream(scriptPath))
        {
            if (stream != null)
            {
                using (var sr = new StreamReader(stream))
                {
                    var source = sr.ReadToEnd();
                    jint.Execute(source);
                }
            }
        }

    }

This function can be utilized to add any third party libraries that are required.

Answer 2

After some investigation, I believe I have solved the problem at hand. It turns out that integrating a third party library is similar to executing a custom function. All you need to do is read the library from a file (which is a project resource) and then call the execute function on the Jint engine. Take a look at the code snippet below;

 private void ImportLibrary(Engine jint, string file)
    {
        const string prefix = "JintApp.Lib."; //This is the location within the project where libraries such as lodash are stored

        var assembly = Assembly.GetExecutingAssembly();
        var scriptPath = prefix + file; //file represents the name of the library file
        using (var stream = assembly.GetManifestResourceStream(scriptPath))
        {
            if (stream != null)
            {
                using (var sr = new StreamReader(stream))
                {
                    var source = sr.ReadToEnd();
                    jint.Execute(source);
                }
            }
        }

    }

This function can be utilized to add any third party libraries that are required.

Incorporating external JavaScript libraries in Jint

Answer №1

Similar questions

How can one elevate the properties of each item's sub-structure to the root level in an array containing object items?

Struggling with flipping div functionality in IE9 on flipping content demo

What is the best way to immediately update the state in a React functional component?

Utilizing custom filters to navigate through nested ng-repeats

What is the best way to create a React text box that exclusively accepts numeric values or remains empty, and automatically displays the number keypad on mobile devices?

What is the best way to consistently and frequently invoke a REST API in Angular 8 using RxJS?

Interacting with the header component within the renderHeader property of the MUI Data Grid Pro will update the sortModel

The list marquee in HTML, JS, and CSS is not being properly rendered on

Creating a 24-hour bar chart using Flot Javascript, showcasing data points at each hour mark

Can the name of the Grunt task target be utilized within attributes?

What steps should I follow to ensure that the processData function waits for the data returned by the getData function in Angular?

Task containing an ongoing while loop

JQuery UI Autocomplete - Issue with loading data object

Creating a new image by extracting a specific HTML div tag that contains an image and its layers

What is preventing the value from changing in auth.guard?

The function $.getJSON() seems to be non-responsive

How do I implement the use of "lengthMenu: [10, 25, 50]," within an if/else statement effectively?

Tests are not visible to jasmine-node

What advantages does incorporating "function() 'use strict'" into each individual file provide?

Finding the complete object based on its index