1: One approach is what we’ve done here: https://github.com/unhurdle/spectrum-royale <https://github.com/unhurdle/spectrum-royale>
Basically, if you have a css file which defines the skinning of a set of HTML structures, you can build out a component set based off of Basic pretty easily. In a matter of 2 weeks we managed to build out the vast majority of the components. You can use the Spectrum components and change the class names to something else. That should get you most of the way there (assuming you have someone who can give you the CSS files). 2: Yes. We used some third party libraries in our project. It’s pretty simple. Basically, you a) add the library to your template HTML file b) Reference it from the “window” global object. Be careful with minification problems (i.e. use bracket access unless you have typedefs for your library). Here’s how we used Hammer.js: https://paste.apache.org/fi2l That’s the full dependency on Hammer. The rest is normal functions. 3: I use VS Code. Piotr can probably help with Moonshine. Harbs > On Jan 22, 2019, at 5:56 PM, Joel Tan <[email protected]> wrote: > > Hi, > > Finally I have finished my projects, and now I am ready to test Apache > Royale, below are few questions would like to ask: > > 1. Jewel component is nice, but we would like to create our own skins for > the UI component, how to re-skin the UI components like what we did for > Spark skinning using Skinnable class. If it is not possible in Royale, how > can we create our own UI component like what Carlos did for the Jewel. > > 2. Since Royale is compiled into JS, can we import third party JS libraries > available on the web into our Royale project? > Example I want to use cropperjs: https://fengyuanchen.github.io/cropperjs/ > > 3. I tried to create my first Royale project using Moonshine, when I > compile it keep showing this error (Permission denied): > : Compiling NewJavaScriptBrowserProject > : SDK path: > /Users/joel/Me/DeveloperHub/ApacheRoyale/0.9.4-js-only/royale-asjs > : /bin/bash: > /Users/joel/Me/DeveloperHub/ApacheRoyale/0.9.4-js-only/royale-asjs/js/bin/mxmlc: > Permission denied > > Thanks. > > Regards, > Joel > > > On Fri, May 11, 2018 at 12:47 AM Joel Tan <[email protected]> wrote: > >> Hi All, >> >> Sorry for not being able to provide the feedback on the get started >> experience as a new user for Apache Royale, will test it again may be after >> June, currently are too busy with some urgent stuff. >> >> Anyway, just came across this post on Twitter ( >> https://twitter.com/ApacheRoyale/status/991944092782399488) about the >> Apache Royale group logo for LinkedIn, while playing around with the logo, >> I accidentally redesign the Apache Royale logo ( >> http://download.o.my/me/logo_apache_royale_01.jpg), and feel like is kind >> of nice from my own view, and would like to share with you guys. If you >> love this logo and consider to rebrand/change the current Apache Royale >> logo, just let me know, I can send you the source file of the logo, it's >> will be fine if you guys don't like it, no problem. :) >> >> Thanks. >> >> - Joel >> >> >> On Tue, Apr 3, 2018 at 1:44 AM, Alex Harui <[email protected]> >> wrote: >> >>> Hi Joel, >>> >>> Can you provide a bit more detail on what documentation you were looking >>> for? As in "I wanted to find out more about X so I looked at Y and >>> couldn't find anything". >>> >>> Thanks, >>> -Alex >>> >>> On 4/1/18, 6:33 PM, "Joel Tan" <[email protected]> wrote: >>> >>>> Hi Piotr, >>>> >>>> I found the answer from Apache Royale Github page at the "Additional >>>> Prerequisites For SWF Output" section. >>>> >>>> Just sharing a little bit my experience using Royale at the first time, I >>>> am a self taught developer came from designer background, I used to use >>>> Adobe products that came with friendly user interface to create and >>> output >>>> projects, setting up a project like this is quite a challenge to >>>> developers >>>> like me, anyway, I am learning it now. Even today we use any of the JS >>>> frameworks out there in the market such as VueJS, ReactJS and etc. are >>>> having the same challenge to install and setup via npm, webpack and etc.. >>>> I >>>> find it more difficult to get started from Apache Royale compare to >>> others >>>> is that there are not enough documentation and user guide available, >>>> initially I tried to setup using Moonshine IDE, but I didn't manage to >>> get >>>> it work, when I Google search I found Josh's video at FlexJS conference, >>>> finally I mange to get my project setup from Josh's video. >>>> >>>> I have tried Apache Royale, it's really great! I just can't wait to use >>>> it, >>>> but I can't move on from this point because there is no sufficient >>>> documentation to guide me to go further, and found that there are still >>>> many bugs (It's okay, we understand). There is a lots of great stuff in >>>> Apache Royale, but the treasure is hidden, not many people are able to >>>> find >>>> it as there is no sufficient documentation and example page to bring it >>>> out. Just my opinion, I feel that the documentation is really an >>> important >>>> one to get more people to try Apache Royale especially for the Get >>> Started >>>> section, creating some simple apps to let people to get stuck and >>> addicted >>>> with Apache Royale, it will also help to get more people not only to try >>>> out but also to be interested to contribute to the platform and build up >>>> the ecosystem. >>>> >>>> Beside that, I am using IntelliJ Idea, is there anyway to use Royale in >>>> IntelliJ? >>>> >>>> I hope my above sharing is constructive to you guys. >>>> >>>> >>>> - Joel >>>> >>>> >>>> >>>> >>>> >>>> On Sun, Apr 1, 2018 at 11:00 PM, Piotr Zarzycki >>>> <[email protected]> >>>> wrote: >>>> >>>>> Joel, >>>>> >>>>> Can you share how did you fix the issue ? >>>>> >>>>> Carlos, >>>>> >>>>> I see following repeating issue. Someone downloading JS, SWF version of >>>>> Royale - Creating Hello World and getting error as Joel. SWF version >>>>> needs >>>>> additional dependency - playerglobal.swc to work. - That is information >>>>> which should be on Download page I think. >>>>> >>>>> Thanks, >>>>> Piotr >>>>> >>>>> 2018-04-01 16:55 GMT+02:00 Carlos Rovira <[email protected]>: >>>>> >>>>>> Hi Piotr, >>>>>> >>>>>> reading the thread, but doesn't understand but is not ok with >>>>> instructions. >>>>>> My understanding is that if SDK needs something more that would be >>>>> inside >>>>>> SDK, but download instructions are only to download...in the other >>>>> hand, >>>>>> Joel reports that its a false alarm. Please explain and propose what >>>>> needs >>>>>> to be covered in order to see if we need to change something >>>>>> >>>>>> thanks! >>>>>> >>>>>> >>>>>> >>>>>> 2018-04-01 12:32 GMT+02:00 Piotr Zarzycki <[email protected] >>>> : >>>>>> >>>>>>> Joel, >>>>>>> >>>>>>> I'm glad that it's working. :) >>>>>>> >>>>>>> Team, >>>>>>> >>>>>>> It looks like our instruction in case of SWF version is not enough >>>>>>> transparent. We need to thing to have such instructions straight on >>>>> the >>>>>>> download page of Royale. >>>>>>> >>>>>>> Thoughts ? >>>>>>> >>>>>>> Thanks, >>>>>>> Piotr >>>>>>> >>>>>>> 2018-04-01 12:14 GMT+02:00 Joel Tan <[email protected]>: >>>>>>> >>>>>>>> Hi Piotr, >>>>>>>> >>>>>>>> Please ignore my previous email, it works perfect now for the >>>>> swf-js >>>>>>>> version! >>>>>>>> >>>>>>>> Thanks! >>>>>>>> >>>>>>>> Joel >>>>>>>> >>>>>>>> On Sun, Apr 1, 2018 at 5:58 PM, Joel Tan <[email protected]> >>>>> wrote: >>>>>>>> >>>>>>>>> Hi Piotr, >>>>>>>>> >>>>>>>>> Thank you for your reply. I have tried to download the js-only >>>>> SDK, >>>>>> and >>>>>>>> it >>>>>>>>> works! But still can't get the swf-js SDK, I don't understand >>>>> what >>>>>> you >>>>>>>> mean >>>>>>>>> putting the playerglobal in the folder which is in the >>>>> stacktrace? >>>>>> Can >>>>>>>> you >>>>>>>>> provide an example of the folder path? >>>>>>>>> >>>>>>>>> Thanks again! >>>>>>>>> >>>>>>>>> Joel >>>>>>>>> >>>>>>>>> On Sun, Apr 1, 2018 at 3:37 PM, Piotr Zarzycki < >>>>>>>> [email protected]> >>>>>>>>> wrote: >>>>>>>>> >>>>>>>>>> Hi Joel, >>>>>>>>>> >>>>>>>>>> Great that you are trying! Because you are using swf,js >>>>> version of >>>>>>>>>> framework you simply need to download dependencies. In that >>>>> case >>>>>>>>>> playerglobal.swc. >>>>>>>>>> >>>>>>>>>> Put playerglobal in the folder which is in the stacktrace. >>>>>>>>>> >>>>>>>>>> If you don't need to build your app to swf download JS only >>>>> version. >>>>>>>>>> >>>>>>>>>> Thanks, >>>>>>>>>> Piotr >>>>>>>>>> >>>>>>>>>> On Sun, Apr 1, 2018, 06:43 Joel Tan <[email protected]> >>>>> wrote: >>>>>>>>>> >>>>>>>>>>> Hello All, >>>>>>>>>>> >>>>>>>>>>> This is my first time trying to setup Apache Royale project, >>>>> I >>>>> am >>>>>>>> using >>>>>>>>>>> Visual Studio Code and follow all the instructions given. I >>>>> got >>>>>> the >>>>>>>>>>> following errors, not sure what was wrong, can anyone >>> advice? >>>>>>>>>>> >>>>>>>>>>> The SDK I am using: *apache-royale-0.9.3-bin-js-swf.tar.gz* >>>>>>>>>>> >>>>>>>>>>> >>>>>>>>>>> Compilation Error: >>>>>>>>>>> >>>>>>>>>>> ------------------------------------------------------------ >>>>>>>>>> ------------------------------------------------------------ >>>>>>> ----------- >>>>>>>>>>>> Executing task: asconfigc --debug=true >>>>>>>>>>> --flexHome=/Users/joel/Me/DeveloperHub/ApacheRoyale/0.9.3 < >>>>>>>>>>> >>>>>>>>>>> MXMLJSC >>>>>>>>>>> >>>>>>>>>>> +royalelib=/Users/joel/Me/DeveloperHub/ApacheRoyale/0.9.3/ >>>>>>>>>> royale-asjs/frameworks >>>>>>>>>>> --debug=true >>>>>>>>>>> --source-map=false >>>>>>>>>>> --targets=JSRoyale >>>>>>>>>>> src/HelloRoyale.mxml >>>>>>>>>>> >>>>>>>>>>> /Users/joel/Me/DeveloperHub/ApacheRoyale/0.9.3/royale-asjs/ >>>>>>>>>> frameworks/royale-config.xml(74): >>>>>>>>>>> col: 0 Error: unable to open >>>>>>>>>>> >>>>>>>>>>> '/Users/joel/Me/DeveloperHub/ApacheRoyale/0.9.3/royale-asjs/ >>>>>>>>>> frameworks/libs/player/11.7/playerglobal.swc'. >>>>>>>>>>> >>>>>>>>>>> /Users/joel/Me/DeveloperHub/ApacheRoyale/0.9.3/royale-asjs/ >>>>>>>>>> frameworks/royale-config.xml >>>>>>>>>>> (line: 74) >>>>>>>>>>> >>>>>>>>>>> </external-library-path> >>>>>>>>>>> >>>>>>>>>>> >>>>>>>>>>> >>>>>>>>>>> /Users/joel/Me/DeveloperHub/ApacheRoyale/0.9.3/royale-asjs/ >>>>>>>>>> frameworks/royale-config.xml(98): >>>>>>>>>>> col: 0 Error: unable to open >>>>>>>>>>> >>>>>>>>>>> '/Users/joel/Me/DeveloperHub/ApacheRoyale/0.9.3/royale-asjs/ >>>>>>>>>> frameworks/libs/player/11.7'. >>>>>>>>>>> >>>>>>>>>>> /Users/joel/Me/DeveloperHub/ApacheRoyale/0.9.3/royale-asjs/ >>>>>>>>>> frameworks/royale-config.xml >>>>>>>>>>> (line: 98) >>>>>>>>>>> >>>>>>>>>>> </library-path> >>>>>>>>>>> >>>>>>>>>>> >>>>>>>>>>> 1.027796141 seconds >>>>>>>>>>> The terminal process terminated with exit code: 5 >>>>>>>>>>> >>>>>>>>>>> Terminal will be reused by tasks, press any key to close it. >>>>>>>>>>> >>>>>>>>>>> ------------------------------------------------------------ >>>>>>>>>> ------------------------------------------------------------ >>>>>>> ----------- >>>>>>>>>>> Error: unable to open >>>>>>>>>>> >>>>>>>>>>> '/Users/joel/Me/DeveloperHub/ApacheRoyale/0.9.3/royale-asjs/ >>>>>>>>>> frameworks/libs/player/11.7/playerglobal.swc'. >>>>>>>>>>> Error: unable to open >>>>>>>>>>> >>>>>>>>>>> '/Users/joel/Me/DeveloperHub/ApacheRoyale/0.9.3/royale-asjs/ >>>>>>>>>> frameworks/libs/player/11.7'. >>>>>>>>>>> >>>>>>>>>>> tasks.json: >>>>>>>>>>> The property isShellCommand is deprecated. Use the type >>>>> property >>>>>> of >>>>>>>> the >>>>>>>>>>> task and the shell property in the options instead. See also >>>>> the >>>>>>> 1.14 >>>>>>>>>>> release notes. >>>>>>>>>>> The property showOutput is deprecated. Use the reveal >>>>> property >>>>>>> inside >>>>>>>>>> the >>>>>>>>>>> presentation property instead. See also the 1.14 release >>>>> notes. >>>>>>>>>>> >>>>>>>>>>> ------------------------------------------------------------ >>>>>>>>>> ------------------------------------------------------------ >>>>>>> ----------- >>>>>>>>>>> tasks.json file content: >>>>>>>>>>> >>>>>>>>>>> { >>>>>>>>>>> "version": "2.0.0", >>>>>>>>>>> "command": "asconfigc", >>>>>>>>>>> "isShellCommand": true, >>>>>>>>>>> "args": [ >>>>>>>>>>> "--debug=true", >>>>>>>>>>> "--flexHome=/Users/joel/Me/DeveloperHub/ApacheRoyale/0.9.3" >>>>>>>>>>> ], >>>>>>>>>>> "showOutput": "always", >>>>>>>>>>> "problemMatchers": [ >>>>>>>>>>> "$royale" >>>>>>>>>>> ] >>>>>>>>>>> } >>>>>>>>>>> >>>>>>>>>>> >>>>>>>>>>> ------------------------------------------------------------ >>>>>>>>>> ------------------------------------------------------------ >>>>>>> ----------- >>>>>>>>>>> asconfig.json file content: >>>>>>>>>>> >>>>>>>>>>> { >>>>>>>>>>> "compilerOptions": { >>>>>>>>>>> "source-map": false, >>>>>>>>>>> "targets": [ >>>>>>>>>>> "JSRoyale" >>>>>>>>>>> ] >>>>>>>>>>> }, >>>>>>>>>>> "files": [ >>>>>>>>>>> "src/HelloRoyale.mxml" >>>>>>>>>>> ] >>>>>>>>>>> } >>>>>>>>>>> >>>>>>>>>>> >>>>>>>>>>> ------------------------------------------------------------ >>>>>>>>>> ------------------------------------------------------------ >>>>>>> ----------- >>>>>>>>>>> >>>>>>>>>>> It also appeared this error message in Visual Studio Code: >>>>>>>>>>> *Could not locate valid Java executable. To configure Java >>>>>> manually, >>>>>>>> use >>>>>>>>>>> the nextgenas.java setting.* >>>>>>>>>>> >>>>>>>>>>> What is the value for { "nextgenas.java": "???????" }, can >>>>> show >>>>> an >>>>>>>>>> example? >>>>>>>>>>> >>>>>>>>>>> Thank you! >>>>>>>>>>> >>>>>>>>>>> >>>>>>>>>>> Joel >>>>>>>>>>> >>>>>>>>>> >>>>>>>>> >>>>>>>>> >>>>>>>> >>>>>>> >>>>>>> >>>>>>> >>>>>>> -- >>>>>>> >>>>>>> Piotr Zarzycki >>>>>>> >>>>>>> Patreon: >>>>> * >>> https://na01.safelinks.protection.outlook.com/?url=https%3A%2F%2Fwww.pat >>>>> reon.com%2Fpiotrzarzycki&data=02%7C01%7Caharui%40adobe.com >>> %7C59890aecaa13 >>> >>>>> 4d07f29008d59839c6de%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C0%7C6365822 >>> >>>>> 96399224744&sdata=NGbw%2B1LZZrn6mBFAAm0u1Lb0YcDpU5xTc8gqldbMbCk%3D&reserv >>>>> ed=0 >>>>>>> >>>>> < >>> https://na01.safelinks.protection.outlook.com/?url=https%3A%2F%2Fwww.pat >>>>> reon.com%2Fpiotrzarzycki&data=02%7C01%7Caharui%40adobe.com >>> %7C59890aecaa13 >>> >>>>> 4d07f29008d59839c6de%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C0%7C6365822 >>> >>>>> 96399224744&sdata=NGbw%2B1LZZrn6mBFAAm0u1Lb0YcDpU5xTc8gqldbMbCk%3D&reserv >>>>> ed=0>* >>>>>>> >>>>>> >>>>>> >>>>>> >>>>>> -- >>>>>> Carlos Rovira >>>>>> >>>>> >>> https://na01.safelinks.protection.outlook.com/?url=http%3A%2F%2Fabout.me% >>>>> 2Fcarlosrovira&data=02%7C01%7Caharui%40adobe.com >>> %7C59890aecaa134d07f29008 >>> >>>>> d59839c6de%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C0%7C63658229639922474 >>>>> 4&sdata=IDhClQUT9%2BxKbtDeJnuDnR%2FNdpZa82ywBekFhjRVfPE%3D&reserved=0 >>>>>> >>>>> >>>>> >>>>> >>>>> -- >>>>> >>>>> Piotr Zarzycki >>>>> >>>>> Patreon: >>>>> * >>> https://na01.safelinks.protection.outlook.com/?url=https%3A%2F%2Fwww.pat >>>>> reon.com%2Fpiotrzarzycki&data=02%7C01%7Caharui%40adobe.com >>> %7C59890aecaa13 >>> >>>>> 4d07f29008d59839c6de%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C0%7C6365822 >>> >>>>> 96399224744&sdata=NGbw%2B1LZZrn6mBFAAm0u1Lb0YcDpU5xTc8gqldbMbCk%3D&reserv >>>>> ed=0 >>>>> >>>>> < >>> https://na01.safelinks.protection.outlook.com/?url=https%3A%2F%2Fwww.pat >>>>> reon.com%2Fpiotrzarzycki&data=02%7C01%7Caharui%40adobe.com >>> %7C59890aecaa13 >>> >>>>> 4d07f29008d59839c6de%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C0%7C6365822 >>> >>>>> 96399224744&sdata=NGbw%2B1LZZrn6mBFAAm0u1Lb0YcDpU5xTc8gqldbMbCk%3D&reserv >>>>> ed=0>* >>>>> >>> >>> >>
