From dev-return-3323-archive-asf-public=cust-asf.ponee.io@royale.apache.org Fri Mar 9 19:21:54 2018 Return-Path: X-Original-To: archive-asf-public@cust-asf.ponee.io Delivered-To: archive-asf-public@cust-asf.ponee.io Received: from mail.apache.org (hermes.apache.org [140.211.11.3]) by mx-eu-01.ponee.io (Postfix) with SMTP id 9AEC118064A for ; Fri, 9 Mar 2018 19:21:53 +0100 (CET) Received: (qmail 66491 invoked by uid 500); 9 Mar 2018 18:21:52 -0000 Mailing-List: contact dev-help@royale.apache.org; run by ezmlm Precedence: bulk List-Help: List-Unsubscribe: List-Post: List-Id: Reply-To: dev@royale.apache.org Delivered-To: mailing list dev@royale.apache.org Received: (qmail 66469 invoked by uid 99); 9 Mar 2018 18:21:52 -0000 Received: from pnap-us-west-generic-nat.apache.org (HELO spamd1-us-west.apache.org) (209.188.14.142) by apache.org (qpsmtpd/0.29) with ESMTP; Fri, 09 Mar 2018 18:21:52 +0000 Received: from localhost (localhost [127.0.0.1]) by spamd1-us-west.apache.org (ASF Mail Server at spamd1-us-west.apache.org) with ESMTP id 802F7C1941 for ; Fri, 9 Mar 2018 18:21:51 +0000 (UTC) X-Virus-Scanned: Debian amavisd-new at spamd1-us-west.apache.org X-Spam-Flag: NO X-Spam-Score: 4.129 X-Spam-Level: **** X-Spam-Status: No, score=4.129 tagged_above=-999 required=6.31 tests=[DKIM_SIGNED=0.1, DKIM_VALID=-0.1, DKIM_VALID_AU=-0.1, FREEMAIL_ENVFROM_END_DIGIT=0.25, FREEMAIL_REPLY=1, HTML_MESSAGE=2, KAM_INFOUSMEBIZ=0.75, KAM_LOTSOFHASH=0.25, RCVD_IN_DNSWL_NONE=-0.0001, RCVD_IN_MSPIKE_H3=-0.01, RCVD_IN_MSPIKE_WL=-0.01, SPF_PASS=-0.001] autolearn=disabled Authentication-Results: spamd1-us-west.apache.org (amavisd-new); dkim=pass (2048-bit key) header.d=gmail.com Received: from mx1-lw-eu.apache.org ([10.40.0.8]) by localhost (spamd1-us-west.apache.org [10.40.0.7]) (amavisd-new, port 10024) with ESMTP id rAxInsGEcxVT for ; Fri, 9 Mar 2018 18:21:48 +0000 (UTC) Received: from mail-pg0-f66.google.com (mail-pg0-f66.google.com [74.125.83.66]) by mx1-lw-eu.apache.org (ASF Mail Server at mx1-lw-eu.apache.org) with ESMTPS id 1B9545FBE5 for ; Fri, 9 Mar 2018 18:21:47 +0000 (UTC) Received: by mail-pg0-f66.google.com with SMTP id l4so3845246pgp.11 for ; Fri, 09 Mar 2018 10:21:47 -0800 (PST) DKIM-Signature: v=1; a=rsa-sha256; c=relaxed/relaxed; d=gmail.com; s=20161025; h=mime-version:in-reply-to:references:from:date:message-id:subject:to; bh=cilnO9QCs+tLpjk4HLVMLw/wk2ES4+wfIaEZ9IqB2tI=; b=EK82glxpSP1oFcN5BZovtDYadot2TckhOFgAHgstOImLIhc3uvekKzupbyAtljCV51 vTMCU1ldw/K2JNVNNUhQAtSyuQufN3rAsV/1cEaoHaGuVaNooH7L5Dq5M3FaTq0fybK2 nLQXGbUUxp28+eodqAPe8ygnsIC6Ko8tvU0o9Z+wEF8IEAi1sSDZgLcRaZ5luJTvLjer Q7Eoaw/et+Jnx93mcsf7wojui+PLjLUpKHHlc1uV3Wz4gtmMLXhvM9btUrFShjCxMKYE 8qLYJYRf15xGxhwA2N2CVw/cF/QXpF1109sDUkt2c3oWvvF8hD1HSTDt29AK3DcOW0Fa ssFg== X-Google-DKIM-Signature: v=1; a=rsa-sha256; c=relaxed/relaxed; d=1e100.net; s=20161025; h=x-gm-message-state:mime-version:in-reply-to:references:from:date :message-id:subject:to; bh=cilnO9QCs+tLpjk4HLVMLw/wk2ES4+wfIaEZ9IqB2tI=; b=bFN/buEO749TiDblt9ua5BtpjWx2MeElZrmjvJKHcbYz88kqnUkNQ/vgHQ3yXTT0PR H1q22N2OjvhQVPquxF7p35XKDkiQC6GHVJExAOITheSlpjgSHsxN8JveKASMefSmks+P 13H8oCmk4pNs3A46KtqWXBtSiddGkAKnyfmzGpT50BYPp4AngUK51h/XEFZkQVePuJdq /NQxfyMy7Fv+jPNUBQt46afYX7Af5r/6DuHAD7Hx1q75I6atAB8FWqEUT6l37qleaThl Gs8sn3FWMeMMXq7lyf/XpB5qsJ6CgyMAElLsly67gQHRqQU7k1D+feect3x98I40pxGd xSVw== X-Gm-Message-State: APf1xPD/be9nsL/4J8yUSW8t/qvzIR5eA3m+Y3nKSjAqBVOxJsgTg9Td cuFtxv+11zCujfpMvoRd+KIYf0lcdaSUg4aW05A= X-Google-Smtp-Source: AG47ELssHI/2qgVwd95EBQ7tTHOt18lJyucawZsMHJCrzGt0QoqnZ9qIa6duno0LrwF/PN8aIi/6ytW/6JeU8hUdHKw= X-Received: by 10.98.153.157 with SMTP id t29mr31251988pfk.201.1520619705190; Fri, 09 Mar 2018 10:21:45 -0800 (PST) MIME-Version: 1.0 Received: by 10.100.179.140 with HTTP; Fri, 9 Mar 2018 10:21:44 -0800 (PST) In-Reply-To: References: <9EE89768-FB23-43E9-BC78-4F6F1EE36673@gmail.com> From: Piotr Zarzycki Date: Fri, 9 Mar 2018 19:21:44 +0100 Message-ID: Subject: Re: How can we pass colors to a CSS? To: dev@royale.apache.org Content-Type: multipart/alternative; boundary="94eb2c0b41ce5dcc230566feddf3" --94eb2c0b41ce5dcc230566feddf3 Content-Type: text/plain; charset="UTF-8" Carlos, If you could prepare test application, along with your last state of the code it would be helpful. I wanted to also understand the issues, cause I had issues with CSS while working on transpiledactionscript. I did win with them and I don't think whether it was as much as I thought before some workaround. Thanks, Piotr 2018-03-09 19:10 GMT+01:00 Carlos Rovira : > Hi Alex, > > many thanks. I'm working right now in a POC of a theme based on solid color > with only button. I expect this can help me show you all what I'm trying to > do. Hope to get it this week and hope we can comment over it. > > let me know if you want me to test things like linear-gradients, > text-shadows and rgba > > thanks! > > > > 2018-03-09 19:01 GMT+01:00 Alex Harui : > > > Hi Carlos, > > > > I am about to work on the 0.9.2 release. I will try to fix the CSS > issues > > in the compiler while the vote is pending. > > > > I still believe you can use themes to set the colors. And that will work > > not just in Maven and Ant, but also on the command-line and IDEs. I am > > still looking for a concrete example of why that does not work. I will > > dig into your branches after I get the RC out for vote. > > > > -Alex > > > > On 3/9/18, 4:19 AM, "carlos.rovira@gmail.com on behalf of Carlos Rovira" > > wrote: > > > > >Hi Piotr, > > > > > >2018-03-09 12:40 GMT+01:00 Piotr Zarzycki : > > > > > >> Carlos, > > >> > > >> I see following two things: > > >> > > >> 1) There is something in css which breaks build and you cannot uses, > > >> because compiler have some issue with it - yes? > > >> > > > > > >sometimes is breaking the build, others not output what I write in css > > >(for > > >example adding like "Unexpected value found" or something like that, > don't > > >remember the exact wording) > > > > > > > > > > > >> 2) You would like to add user possibility to change components easily > - > > >> Your solution is SASS, because #1. > > >> > > >> > > >I want the user can use a theme with the colors he/she want to use > > >With SASS I can put the colors in a variables and the user can change > it. > > >Or the next thing to look for are "palettes" that is something like MDL > > >does. > > >In this way user change colors or palettes and then use SASS to get > final > > >CSS. > > >This process can be separate from the rest of royale, like the process > to > > >make a PNG > > >since user can use the one we provide, or create another with Photoshop, > > >Sketch, Affinity... > > > > > > > > > > > >> Am I understand in general correctly this thread ? > > >> > > >> > > >This thread should have priorities. As I see are: > > > > > >1) Need to solve various problems with royale compiler processing of CSS > > >(gradients, alphas,...) > > > > > >this is crucial since the rest of points depends on this. > > > > > >2) How we can make users introduce a config via ANT or MAVEN to choose > > >what > > >colors they want in final app > > > > > >in this point I propose that user introduces properties for colors in > ANT > > >or MAVEN and then the compiler retrieves that when process CSS to make > > >string substitution > > > > > >3) What we can improve to make theme development more easier. > > > > > >in this part is how near we can get to what SASS gives us, this can be > of > > >less importance and since is more related at how the final CSS is > created, > > >we can decide to separate from royale project (although, having this > will > > >make our project to have even more sense, since as Om said, nobody has a > > >tool that makes what SASS does and even integrates with the code , in > this > > >case AS3/MXML). > > > > > >For point 3 I have SASS *separated* maven workflow, that doesn't need to > > >be > > >part of the rest of royale libs and themes. I use this for convenience > to > > >develop Jewel more easy and quick. > > > > > >One final thought. We are a front end technology. Front-end relies > heavily > > >in visuals. It seems in royale community, there's no much preoccupation > in > > >this part. I think I'm alone with this since the rest of contributors > are > > >more balanced towards framework code, compiler,...but not on UX (styles, > > >visuals, colors, animations...). I want to transmit here that all this > is > > >very important since front end developers choose in part with his > "eyes", > > >and then see other things. What I'm trying to contribute is fix the > visual > > >part so people coming, can see "hey! this looks good!, lets see what's > > >behind..." and then we love the rest of the technology. > > >There's other kind of users that only needs an easy dev tool to make an > > >app, and they don't care if it looks good or not, while it works. My > > >thinking is that nowadays this kind of user are very few compared with > the > > >other one. > > >I don't care to be the only one centered in visuals...it's ok for me, > but > > >I > > >want to remark the importance of this in the overall target we all > pursue > > >and that I need some help in the parts where I can't reach (compiler > > >mainly, infrastructure,...) > > > > > >Hope that clears this more > > > > > >Carlos > > > > > > > > > > > > > > >> Thanks, Piotr > > >> > > >> > > >> 2018-03-09 12:28 GMT+01:00 Carlos Rovira : > > >> > > >> > Hi Alex, > > >> > > > >> > 2018-03-08 23:06 GMT+01:00 Alex Harui : > > >> > > > >> > > Hi Carlos, > > >> > > > > >> > > I don't doubt that SASS is powerful and useful, otherwise it > > >>wouldn't > > >> be > > >> > > popular. What I am asking you to consider is that every decision > > >>you > > >> > make > > >> > > affects a lot of people and we only have a relatively small team. > > >> > > > >> > > > >> > Maybe you missed what I wrote at the beginning of this discussion. > Use > > >> SASS > > >> > doesn't means anything for the rest of the project. > > >> > Let's compare with a PSD vs an img. Imagine I author a PSD to > create a > > >> > button image background. Then I can put only the final PNG > > >> > in our framework to use it by a css and optionaly put the PSD I used > > >>to > > >> > author the final PNG in some source folder so people can use it. > > >> > > > >> > This is the same. SASS is the PSD and CSS is the PNG. The important > > >>thing > > >> > here's that I'm using SASS to be more productive, > > >> > and I'm producing a final "defaults.css". I can remove all SASS > files > > >>and > > >> > configurations and work it on my own, but I think people would want > it > > >> > In the other hand, people that don't want to use are not obligated, > > >>since > > >> > they can use the final "defaults.css" as its template to create his > > >>own > > >> > theme. > > >> > For me is just a matter of convenience since I can code the visuals > > >>in a > > >> > more organized way, just like I were coding AS3 vs JS. We use AS3 > and > > >>not > > >> > CSS for the same reason people use SASS over CSS. It's more easy, > can > > >> catch > > >> > errors, and you are more safe of what you're doing. > > >> > > > >> > > > >> > > > >> > > So the > > >> > > first question I have is what is there about the current Royale > > >>feature > > >> > > set that makes it truly impossible or impractical to implement a > > >> > CSS-based > > >> > > theme and generate flavors of it with other CSS files? If you > push > > >>for > > >> > > SASS that means we have to impact all of our non-Maven users by > > >>asking > > >> > > them to integrate SASS somehow, or do more work on the compiler. > We > > >> > can't > > >> > > just make everybody use Maven and SASS. That won't help us gain > > >>users > > >> > and > > >> > > successful migrators. > > >> > > > > >> > > > >> > I tell you in various emails this days. My problems are more in the > > >>post > > >> > processing of CSS by the royale compiler. > > >> > There's still sume rules that we don't allow, and that is limiting > me > > >> since > > >> > I need to workaround. > > >> > I thought about solving it in the compiler, but after trying it, I > > >> continue > > >> > to be not able to solve it myself. > > >> > > > >> > In the next "step", the main problem is how to make colors > > >>configurable > > >> by > > >> > the final user. > > >> > The way other frameworks do is the following [1]. They have all > > >> > combinations of css colors in a final minified file. > > >> > > > >> > We can do this better by creating the palettes and creating the CSS > on > > >> the > > >> > fly as people compile the Royale App. > > >> > The input will be 2-3 colors passed by ANT or Maven, the output for > > >>jewel > > >> > should be for example > > >> > "royale-jewel-${primary}-${secondary}-${accent}.min.css" > > >> > or if we create one with gradients then six vars ${primary1}, > > >> ${primary2}, > > >> > ${secondary1}, ${secondary2},...and so on > > >> > > > >> > But please, if we do this, it should not be planned as a few hacks > > >>here > > >> and > > >> > there. For me this should be part of something > > >> > like the targets rework you did some months ago. Where you need to > > >> > introduce it in all its complexity. > > >> > > > >> > This is the same, and what we get from this is a huge reward since > > >>we'll > > >> > have a great theme support that will people start to consider > > >> > Royale in real apps since we can provide them with a UI set that is > > >> usable > > >> > out of the box and match colors in their brands. They can choose how > > >> their > > >> > apps > > >> > looks from the beginning. Right now they can since we are providing > > >>basic > > >> > theme, or MDL, that makes them be stuck in the MDL namespace and > what > > >> > things > > >> > works in that external UI set. > > >> > > > >> > > > >> > > That's why I want you to provide a concrete example or two of what > > >>you > > >> > > can't do with the current feature set. And that doesn't mean by > > >>using > > >> > > MDL-style string substitutions or SASS-syntax. In the end, you > > >>want to > > >> > > start with a set of CSS files and have the final CSS to look like > > >> > > something. Royale has a way of doing that. Why does that way not > > >>work > > >> > > for you? > > >> > > > >> > > > >> > the "partials" (for taking SASS naming) is working in royale, so we > > >>have > > >> > already one thing. > > >> > That's ok, we need more on this, but we need now, or do you want I > > >>cross > > >> my > > >> > arms and wait > > >> > for this to be implemented? what should I do? I need to focus on > > >>Sketch, > > >> on > > >> > prototyping, on design, on coding visuals > > >> > that fills my time each day on Royale. I can't do much creating this > > >> > features in royale compiler, since I read that code and don't know > > >>what > > >> to > > >> > do > > >> > even with your Kindly explanations what I thank you for providing > me, > > >> since > > >> > is time you're investing for me. > > >> > > > >> > > > >> > > Sure there might be better ways, like all of the CSS features > > >> > > you listed below, but why do our themes need to use them? Also > > >> consider > > >> > > that the more advanced CSS you use, the more work there will be to > > >> create > > >> > > a SWF equivalent. > > >> > > > > >> > > > >> > The final css is the same you will make by hand, so if SVGs are not > > >> > supported in SWF, this will no make a difference. > > >> > If linear gradients are not supported as well, again is the > > >>same...again > > >> > think in the PSD/PNG paralellims with SASS/CSS, > > >> > if SWF was not supporting PNG, the problem will not be that I author > > >>it > > >> > with Photoshop, is that we need Royale to make > > >> > it happen (support PNG in SWF) > > >> > > > >> > > > >> > > > > >> > > I think it will help the community more to understand the > trade-offs > > >> and > > >> > > avoid using the latest, coolest thing so we don't have to expend > as > > >> much > > >> > > energy getting it to work for non-Maven users. > > >> > > > > >> > > > > >> > We the things I'm doing, you don't need to wire SASS in ANT to see > my > > >> work. > > >> > As I'm uploading generated defaults.css, you have the final css > file, > > >> > ant a ANT build will retrieve this as in the rest of projects. > > >> > > > >> > Hope this clarifies all this more and we could go to the real target > > >>that > > >> > is getting a better visuals in a UI set that I'm sure will > > >> > provide us more engagement for people out there. > > >> > > > >> > Thanks > > >> > Carlos > > >> > > > >> > > > >> > > Thanks, > > >> > > -Alex > > >> > > > >> > > > >> > [1] > > >>https://na01.safelinks.protection.outlook.com/?url= > > https%3A%2F%2Fcdnjs.co > > >>m%2Flibraries%2Fmaterial-design-lite&data=02%7C01%7Caharui%40adobe.com > > %7C > > >>b89b18e7a3b8444b0ebf08d585b81ffe%7Cfa7b1b5a7b34438794aed2c178de > > cee1%7C0%7 > > >>C0%7C636561948219452668&sdata=vre2s3Z4HuE8j7v4UBLyovYjFoPJIy > > 8gGbp2o5J3WW4 > > >>%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 > > %7Cb89b18e7a3b8 > > >>444b0ebf08d585b81ffe%7Cfa7b1b5a7b34438794aed2c178de > > cee1%7C0%7C0%7C6365619 > > >>48219452668&sdata=m1gonUiYPMWgS8rwpZYA%2FpDPRMxCi9FzP3J0qNgKdZo%3D& > > reserv > > >>ed=0 > > >> > > >> > https%3A%2F%2Fwww.pat > > >>reon.com%2Fpiotrzarzycki&data=02%7C01%7Caharui%40adobe.com > > %7Cb89b18e7a3b8 > > >>444b0ebf08d585b81ffe%7Cfa7b1b5a7b34438794aed2c178de > > cee1%7C0%7C0%7C6365619 > > >>48219452668&sdata=m1gonUiYPMWgS8rwpZYA%2FpDPRMxCi9FzP3J0qNgKdZo%3D& > > reserv > > >>ed=0>* > > >> > > > > > > > > > > > >-- > > >Carlos Rovira > > >https://na01.safelinks.protection.outlook.com/?url= > > http%3A%2F%2Fabout.me%2 > > >Fcarlosrovira&data=02%7C01%7Caharui%40adobe.com% > > 7Cb89b18e7a3b8444b0ebf08d5 > > >85b81ffe%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C0% > > 7C636561948219452668&s > > >data=0AWcm1ZIKLmbOLGrxAiaBo%2FO6XdSmHChaez4kyskBsA%3D&reserved=0 > > > > > > > -- > Carlos Rovira > http://about.me/carlosrovira > -- Piotr Zarzycki Patreon: *https://www.patreon.com/piotrzarzycki * --94eb2c0b41ce5dcc230566feddf3--