If you have Spark skins you want to re-use, that might be possible with the emulation components, but we haven't tried it yet. If you have a simple example for us to work with that would be helpful.
On 1/22/19, 8:23 AM, "Joel Tan" <[email protected]> wrote: Thanks Harbs for the quick response. I'll try it out and get back to you all soon. Joel On Wednesday, January 23, 2019, Harbs <[email protected]> wrote: > 1: One approach is what we’ve done here: > https://na01.safelinks.protection.outlook.com/?url=https%3A%2F%2Fgithub.com%2Funhurdle%2Fspectrum-royale&data=02%7C01%7Caharui%40adobe.com%7Cd2a85b5651e04ba26a2b08d68085f79c%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C0%7C636837710216681796&sdata=engn1szP%2F4nY3P83eqEgBMQKpZQIUEdQxE8vAEjq%2BNY%3D&reserved=0 <https://na01.safelinks.protection.outlook.com/?url=https%3A%2F%2Fgithub.com%2Funhurdle%2F&data=02%7C01%7Caharui%40adobe.com%7Cd2a85b5651e04ba26a2b08d68085f79c%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C0%7C636837710216681796&sdata=jc%2FFAxfIuDw%2Ba%2FHUg9rwgNySNNtIDk44U3mXiidvoMw%3D&reserved=0 > 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://na01.safelinks.protection.outlook.com/?url=https%3A%2F%2Fpaste.apache.org%2Ffi2l&data=02%7C01%7Caharui%40adobe.com%7Cd2a85b5651e04ba26a2b08d68085f79c%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C0%7C636837710216681796&sdata=YaG0IoN%2FvbZvEsBuUShGtE8LWwCVFL2ur%2FcOfIJ4MLQ%3D&reserved=0 > > 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://na01.safelinks.protection.outlook.com/?url=https%3A%2F%2Ffengyuanchen.github&data=02%7C01%7Caharui%40adobe.com%7Cd2a85b5651e04ba26a2b08d68085f79c%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C0%7C636837710216681796&sdata=mkOzXMJNrj7qoAJadpUgYHPF3qMeZbJc%2B1aq7HE0A40%3D&reserved=0. > 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://na01.safelinks.protection.outlook.com/?url=https%3A%2F%2Ftwitter.com%2FApacheRoyale%2Fstatus%2F991944092782399488&data=02%7C01%7Caharui%40adobe.com%7Cd2a85b5651e04ba26a2b08d68085f79c%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C0%7C636837710216681796&sdata=ZkV36S4fLpLqhKT8vnpSTYUt8Zms%2FIRWma3k%2BW8mrFE%3D&reserved=0) about the > >> Apache Royale group logo for LinkedIn, while playing around with the > logo, > >> I accidentally redesign the Apache Royale logo ( > >> https://na01.safelinks.protection.outlook.com/?url=http%3A%2F%2Fdownload.o.my%2Fme%2Flogo_apache_royale_01.jpg&data=02%7C01%7Caharui%40adobe.com%7Cd2a85b5651e04ba26a2b08d68085f79c%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C0%7C636837710216681796&sdata=Ca5VxL8VCYhblMWRfqxO5lOmNfBtVfz6DTIrT3Z4MKY%3D&reserved=0), 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%7Cfa7b1b5a7b34438794aed2c178de > cee1%7C0%7C0%7C6365822 > >>> > >>>>> 96399224744&sdata=NGbw%2B1LZZrn6mBFAAm0u1Lb0YcDpU5xTc > 8gqldbMbCk%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%7Cfa7b1b5a7b34438794aed2c178de > cee1%7C0%7C0%7C6365822 > >>> > >>>>> 96399224744&sdata=NGbw%2B1LZZrn6mBFAAm0u1Lb0YcDpU5xTc > 8gqldbMbCk%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%7Cfa7b1b5a7b34438794aed2c178de > cee1%7C0%7C0%7C6365822 > >>> > >>>>> 96399224744&sdata=NGbw%2B1LZZrn6mBFAAm0u1Lb0YcDpU5xTc > 8gqldbMbCk%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%7Cfa7b1b5a7b34438794aed2c178de > cee1%7C0%7C0%7C6365822 > >>> > >>>>> 96399224744&sdata=NGbw%2B1LZZrn6mBFAAm0u1Lb0YcDpU5xTc > 8gqldbMbCk%3D&reserv > >>>>> ed=0>* > >>>>> > >>> > >>> > >> > >
