Skip to main content
O
OhmsG
Inspiring
August 4, 2020
Answered

Use external js file in JSX?

  • August 4, 2020
  • 3 replies
  • 3726 views

From a js file to fire up a JSX file that communicates with illustrator I do this:

 

 

var productTemplateSetupFile = `${root}/jsx/productTemplateSetup.jsx`;  
csiRun.evalScript(`$.evalFile('${productTemplateSetupFile}')`);
csiRun.evalScript(`setupPlateTemplate('${jsonOrders}')`);

 

Here I eval the file then eval the method setupPlateTemplates(); and it executes.

 

Is there away that I could run other JS files in this jsx?

I've read mixed reviews on this and nothing has helped.

In example:

#include (anotherJsFile.js);
function setupPlateTemplate(orders) {
   myMethodInAnotherJsFile();
}

The method would include a bunch of other code that can run with some node modules.  I'm not sure if this is possible.

This topic has been closed for replies.
Correct answer Silly-V

In extendscript, node modules will probably not run unless they are first turned into ES3-style ancient javascript.
But to include another file inside a JSX script would be possible via:
eval("#include '/Path/Script.jsx'");

So you can pass in names & locations of separate JSX files from the js side, then use the code inside to interact with your variables just like in your example.

3 replies

Charu Rajput
Community Expert
Charu RajputCommunity Expert
Community Expert
August 5, 2020

Hello,

I think this is possible if you know your path of your js file. I have tried following. I have two files named as sample.jsx and sample.js stored at my desktop

 

sample.js code

function callMethodInJS() {
    alert("I am in JS");
}

 

sample.jsx code

$.evalFile(File('~/Desktop/sample.js'));

function test(){
    callMethodInJS();
}

test();

 

I have not exceuted these filed using CEP panels. But when I executed sample.jsx file from Extended toolkit. It shows an alert message which is in js file. If it able to execute like this, then it should definitely be done by CEP panels as well. Just make sure to give correct path of js file in jsx file while evaluating it.

 

Let us know if this helps in your work flow.

Best regards
    K
    keerthanaMaruthachalam
    Participant
    August 1, 2022

    Hi Team, 
    I am trying to use the js file inside jsx file.

    I tried using the above sample method, but facing the below error

    Error 21: undefined is not an object. Line: 1 -> $._ext_ILST.getCurDocumentPath()
    Any help would be great.
    Thanks in advance.

    Charu Rajput
    Community Expert
    Charu RajputCommunity Expert
    Community Expert
    August 1, 2022

    @keerthanaMaruthachalam 

    Did you include your js file in jsx?
    Could you please post your code?

     

    Best regards
    Silly-V
    Silly-VCorrect answer
    Legend
    August 5, 2020

    In extendscript, node modules will probably not run unless they are first turned into ES3-style ancient javascript.
    But to include another file inside a JSX script would be possible via:
    eval("#include '/Path/Script.jsx'");

    So you can pass in names & locations of separate JSX files from the js side, then use the code inside to interact with your variables just like in your example.

    m1b
    Community Expert
    m1bCommunity Expert
    Community Expert
    August 4, 2020

    I don't think it's possible the way you would like.

     

    However, is there any scope for restructuring your script to have all the js logic happening on the js side, even if it means lots of calls to functions on the jsx side?

    Terms & ConditionsAccessibility statement
    Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices