Code Monkey home page Code Monkey logo

Comments (28)

jubianchi avatar jubianchi commented on May 16, 2024

let me show an example :

slides 008

This is a custom colorization I made manually in one of my slides.

What should be done:

  • Choose a color for namespace names
  • Choose a color for token names
  • Choose a color for token values
  • Choose a color for rules
  • Use those color in the token sequence (-s) output
  • Use those color in the dump visitor (-v dump) output
  • Use those color in the trace (-t) output

from compiler.

Hywan avatar Hywan commented on May 16, 2024

Why not using automatic color for the namespace and for tokens?

from compiler.

jubianchi avatar jubianchi commented on May 16, 2024

@Hywan what do you mean by "automatic color" ?

from compiler.

Hywan avatar Hywan commented on May 16, 2024

@jubianchi Automatic color selection, in a palette. Each token or namespace without a color has a color attached automatically, and it remains attached. This way, this is easy to track the token by its color instead of its name.

from compiler.

Hywan avatar Hywan commented on May 16, 2024

@jubianchi For instance, regarding your example, T_NUMBER will be blue, T_OP_PLUS will be orange, T_VAR will be red, but T_OP_EQUAL will not be orange but pink instead. All token value will have the color associated to its token name. Same for namespace.

from compiler.

jubianchi avatar jubianchi commented on May 16, 2024

@Hywan good idea! let me try something when I get some time ;)

from compiler.

1e1 avatar 1e1 commented on May 16, 2024

Moreover, I would like something like highlight_code for a beautiful display ;)

from compiler.

jubianchi avatar jubianchi commented on May 16, 2024

I experimented with some algorithms to colorize the output and it seems hard to do it automatically:

  • we have to generate random color with reasonable distance, or
  • we have to hardcode a color palette which is large enough to deal with with huge grammars, but
  • we would have to take care of user's terminal background (color cannot be the same on light and dark backgrounds)

If we choose to generate random color on-the-fly, we will have to add too much code (IMHO) to compute random colors, deal with distances between them, etc.

If we choose to hardcode a palette, we would have to hardcode two palettes: one for light backgrounds and one for dark ones. Or we have to find a palette working with both backgrounds.

from compiler.

jubianchi avatar jubianchi commented on May 16, 2024

example palette (80 colors):

capture d ecran 2016-03-14 a 23 01 59

from compiler.

1e1 avatar 1e1 commented on May 16, 2024

Can we specify in an other file, which color to join for each token.
Perhaps a %filename%.pp-lut relative to %filename%.pp

from compiler.

1e1 avatar 1e1 commented on May 16, 2024

Or shall we think about a "check style" tool?
An extra file setup the coding style and the token style (text color, line break, spacing, etc)
Perhaps there is the same thought.

from compiler.

Hywan avatar Hywan commented on May 16, 2024

@1e1 I don't understand what you're talking about. We are talking about colorizing the output of some compiler:pp command, not to colorize a PP grammar.

@jubianchi Let me ask some colleague designers. Having a pre-defined palette sounds good for me. Else we would have to start a Hoa\Color library and we don't have time for this right now. Your proposed palette seems excellent. What is the source?

from compiler.

jubianchi avatar jubianchi commented on May 16, 2024

@Hywan I randomly generateed 256 colors and manually removed those not fitting in both backgrounds

from compiler.

1e1 avatar 1e1 commented on May 16, 2024

@Hywan
I thought it is to highlight a rule written from a PP file.

from compiler.

Hywan avatar Hywan commented on May 16, 2024

@jubianchi Good work.

from compiler.

Hywan avatar Hywan commented on May 16, 2024

@ghn points me this https://github.com/mbostock/d3/wiki/Ordinal-Scales#categorical-colors. These palettes have not been designed to work on both light and black backgrounds, but we can maybe find some inspiration there.

from compiler.

jubianchi avatar jubianchi commented on May 16, 2024

Example output with the 80 colors palette:

capture d ecran 2016-03-15 a 10 05 50

For each new token we shift a color from the palette and use it.

from compiler.

Hywan avatar Hywan commented on May 16, 2024

How do you choose colors in your palette? Are colors already ordered by distance (in which space?)? Do you choose colors by the maximum distance each time?

from compiler.

jubianchi avatar jubianchi commented on May 16, 2024

How do you choose colors in your palette?

For each new token we shift a color from the palette and use it.

Are colors already ordered by distance (in which space?)?

No.

Do you choose colors by the maximum distance each time?

No.

from compiler.

jubianchi avatar jubianchi commented on May 16, 2024

And here is an example trace output:

capture d ecran 2016-03-15 a 10 19 39

from compiler.

Hywan avatar Hywan commented on May 16, 2024

Sounds good. Colors are a little bit too “agressive”, thoughts?

from compiler.

jubianchi avatar jubianchi commented on May 16, 2024

@Hywan yes the colors are not optimal :/

from compiler.

Hywan avatar Hywan commented on May 16, 2024

But this is an excellent start! I am going to ask for a “““palette flatter”””

from compiler.

Hywan avatar Hywan commented on May 16, 2024

@ghn provides me this other resource: http://kentor.me/posts/generating-pastel-colors-for-css/. @jubianchi, it can help you a lot I guess.

from compiler.

Hywan avatar Hywan commented on May 16, 2024

And so this: https://randomcolor.llllll.li/ (a PHP port exists, for inspiration).

from compiler.

jubianchi avatar jubianchi commented on May 16, 2024

@Hywan I searched yesterday for libraries doing good colors randomization and I found https://randomcolor.llllll.li/ was really promising but to do things well, we should port it.

from compiler.

Hywan avatar Hywan commented on May 16, 2024

@jubianchi Isn't it possible to develop a very minimal algorithm?

from compiler.

flip111 avatar flip111 commented on May 16, 2024

@jubianchi do you want to post your code in a github repository somewhere? Maybe some people can take it as a starting point and continue your work if you don't longer want it.

from compiler.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.