embedding .js code using openfl

Question

I'm integrating an external JS library (timbre.js) into a Haxe / OpenFL project. Right now I'm just injecting calls to the library using the untyped keyword, like this:

untyped T("sin").play();

then I build the html5 ... but I have to insert this line manually into index.html, before the line that embeds the .js file created by openfl:

<script type="text/javascript" src="./lib/timbre.js"></script>

I would have guessed that there's a way to have openfl create this line automatically by some tag in the project.xml file, but I've failed to discover a way of doing this. Or would it be something in Main.hx itself?

Justo Delgado · Accepted Answer · 2015-09-22 20:24:39Z

1

You can override the index.html template in your project.xml file.

Something like: <template path="custom_index.html" rename="index.html" />

The template file is here: openfl/templates/html5/template/index.html Copy it to your project folder and edit it.

Here is the full documentation In the Additional tags section.

answered Sep 22, 2015 at 20:24

Justo Delgado

5442 silver badges5 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

geofh Over a year ago

That works, thanks! In the template you directed me to, there is an iteration using a format that I don't recognize, with a lot of colons, something like ::if linkedLibraries::::foreach (linkedLibraries):: I suppose that might be a clue for another way to do this. But for my purposes this solution is fine.

Timur · Accepted Answer · 2023-06-14 12:20:17Z

0

<dependency /> tag is designed for this. There are three options:

Ship the library with your project as a separate file:
```
<dependency path="js-libs/someLibrary.js" />
```
js-libs/someLibrary.js file will be copied to lib directory of the compiled project.
Embed the library:
```
<dependency path="js-libs/someLibrary.js" embed="true"/>
```
The content of js-libs/someLibrary.js will be embedded into compiled application's .js file.

Add remote link to the library:

<dependency name="https://unpkg.com/[email protected]/simplepeer.min.js" />

The resulted index.html will have an appropriate <script> tag.

NOTE: This is not in the Lime/OpenFl doc but there is a PR to fix it.

answered Jun 14, 2023 at 12:20

Timur

464 bronze badges

Collectives™ on Stack Overflow

embedding .js code using openfl

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related