topic Re: RequireJS: load a custom script from the /appserver/static in Dashboards & Visualizations

RequireJS: load a custom script from the /appserver/static

npichugin — Tue, 11 Mar 2014 11:34:38 GMT

Hi splunkers,

One of my SimpleXML dashboards loads a JS script specified within <dashboard> tag. I want this script to load and use another shared .js file. I put them both into /appserver/static and tried to use RequireJS (the first calls "define(...)" function, and the second calls "require(['./first'], ...)" function). But all I get is a "Script error" in the JS console.

Is this possible at all? What should I do?

P.S. I know I can put the shared JS file name into the "script" attribute of the toplevel "dashboard" tag alongside with the main script, but is there any guarantee they'll be loaded sequentially and in the right order?

Re: RequireJS: load a custom script from the /appserver/static

araitz — Mon, 28 Sep 2020 16:05:35 GMT

require.js can be a real bear to debug. The first thing to keep in mind is that there is a core require profile that's in $SPLUNK_HOME/share/splunk/search_mrsparkle/exposed/js/profiles/shared.js. Relative pathing might be difficult because of this profile.

Can you share the specific error/errors? Something about a mismatched anonymous define()?

Re: RequireJS: load a custom script from the /appserver/static

npichugin — Thu, 13 Mar 2014 06:58:54 GMT

Hi araitz,
The exact error text I see in a browser console is:

Error: Script error
http://requirejs.org/docs/errors.html#scripterror

And this is reported on "config.js:6" -- definitely not my script.
The manual page that is referenced by this URL suggests that there may be a syntax error somewhere. I'm not sure if this is the case, though, as I just copy-pasted the 100% working piece of code and wrapped it in a define() call.
So, the error message itself is not of great help.

Re: RequireJS: load a custom script from the /appserver/static

npichugin — Thu, 13 Mar 2014 08:12:05 GMT

That's what I did: I used the Firefox built-in inspector to see what actual scripts are being loaded.

GET http://myhost:8000/en-US/static/@182037/js/first.js GET http://myhost:8000/en-US/static/@182037:8/app/myapp/second.js

The first one, of course, fails with 404. So I modified the second.js a bit: changed the "./first" to "../app/myapp/first".

Now it works, but feels like a fragile hack a bit. I'm not sure if this will work in future versions of Splunk at all. Any suggestions and comments are welcome.

Re: RequireJS: load a custom script from the /appserver/static

araitz — Fri, 14 Mar 2014 17:00:32 GMT

I'm glad you got it to work. I couldn't agree more: require is hard to configure and debug, and it's hard to feel too confident about those paths staying consistent in the future. I'll ask the core team what we can do about it.

Re: RequireJS: load a custom script from the /appserver/static

helge — Mon, 16 Feb 2015 01:46:42 GMT

I can but agree. Having the app name in the URL is ugly and calling for future errors that are difficult to diagnose. There should be better support for building custom modules using the mechanism chose by Splunk (RequireJS).

Re: RequireJS: load a custom script from the /appserver/static

paramagurukarth — Tue, 13 Oct 2015 10:35:00 GMT

If You Just want to load two JS files to a simple-XML...
Give two script file name separated by comma...

script="yourUtil.js,yourPrimary.js"

yourUtil.js will be loader first and yuorPrimary.js will be loaded...
i.e.. in the same order as you define 🙂