tal icon indicating copy to clipboard operation
tal copied to clipboard

How to compile the project ?

Open ghost opened this issue 6 years ago • 7 comments

I have an example project running on nodejs server (https://github.com/bbc/talexample), how to compile it into index.html, css and js to test in WebOS simulator?

ghost avatar Jun 05 '18 10:06 ghost

@aicreate , You can run it locally using node index.js . Then right click on the page and get the source of the page save it into an html file. Then copy the tal folder from node_modules and paste it in the same folder. The same way you can copy the static folder also from your solution . Then try to run the html file Note : Just have a look into the html file and make sure all the js files included by the script tag are added in the solution folder

Arunprasanth avatar Jun 05 '18 17:06 Arunprasanth

@Arunprasanth hm, I thought there is a way with command line tools like in enyo project

enyo pack --production -d ./build --no-inline-css --css-outfile app.css --no-inline-js --js-outfile app.js

are you sure that you use the right way ?

ghost avatar Jun 06 '18 10:06 ghost

There is no need to compile anything actually. Just follow the instructions from the example and the app should just run. Before trying to run it on a simulator, you could also verify that the application is working by testing it in a browser. If your node server is running on port 1337 (like in the example), just go to http://localhost:1337 in your browser. You can basically look at the views/index.mustache file as being your index.html.

@Arunprasanth you might run into some issues by doing that. Since the index.html is automatically generated by the node server (using the mustache templates in the views directory) you might be missing some device-specific features that get dynamically applied during the rendering of the mustache template. For example: UWP apps need some additional JavaScript to make sure the app doesn't scale (take a look at the tal-page-strategies repository).

lionralfs avatar Jun 06 '18 14:06 lionralfs

@lionralfs Hi, We are basically using UWP app so the direct node based hosting wont work out here. Also if we want to host the tal application in TFS then also we need a html file. Do we have any other ways to make tal works in UWP or in other severs like FTS rather than the method which i mentioned in the above answer ?

Arunprasanth avatar Jun 07 '18 10:06 Arunprasanth

We are basically using UWP app so the direct node based hosting wont work out here.

Why not? As far as I know, you can use an URL instead of an html file. From here:

Open the appxmanifestfile.

  • Under the Application tab, find the Start page text field.
  • Replace html with your website URL.

Also if we want to host the tal application in TFS then also we need a html file.

I'm not very experienced with TFS, but I found a sample app which uses nodejs to build an http server. I'm guessing you could use a combination of this sample app and the tal-example app to make tal work on TFS.

lionralfs avatar Jun 08 '18 06:06 lionralfs

@lionralfs Hi , I got your point and thanks for the information. But the method you are mentioned only work with hosted UWP appls, Is there any way to convert tal application as a native UWP app rather than a hosted one ?For native app we need html files I guess.

Arunprasanth avatar Jun 08 '18 16:06 Arunprasanth

Hello, I am working with the framework now, and i also try to check the app on WebOS LG as i can see the index.html has on-fly dynamically generated content using node server, how could i wrap the app or package it for LG? @aicreate Could Anyone helps with that?

Thanks

Crasheng avatar Sep 02 '19 09:09 Crasheng

We have deprecated this project and there are no plans for active development going forward.

Please see the deprecation notice.

Apologies for not keeping the community up to date - we are looking to engage more in future.

kukulaka avatar Jan 03 '23 17:01 kukulaka