Support coloring of messages

[stshort]

Hello, I saw an issue request for supporting colored log messages and thought this sounded like a fun small project to work on, so I implemented this by adding a new public variable to store color data on the server object. This required changing from a to a <div> for representing the readonly console area, so changes were made to accompany this. Users will now be able to color messages accordingly by calling the updated Log(string,string) API.</p> <p>Below is the detailed commit changes, let me know what you think of this implementation!</p> <p>Update to support custom coloring of console messages. This was achieved by adding a struct[] to the Server.cs object containing a string name and Color32 value for each user defined message. Users can add whatever colors they wish to this array, and when logging messages can specify which color to use when logging using Log(string, string).</p> <p>Changes to each object: Console.cs:</p> <ul> <li>Added Log(string,string) to allow for logging of messages with specific color</li> <li>Add Output(bool) to determine if the output should use html for coloring</li> <li>Add RegisterMessageColors to allow for the Server to propogate the user chosen colors to the Console instance</li> </ul> <p>Server.cs</p> <ul> <li>Add MessageColors struct containing string and Color</li> <li>Add messageColors public MessageColors[]</li> <li>Pass messageColors to the Console instance</li> </ul> <p>console.css</p> <ul> <li>Style updates to account for use of div over textarea for displaying readonly console area</li> </ul> <p>index.html</p> <ul> <li>Use a div instead of a textarea for the readonly console area</li> </ul> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/dogles"><img src="https://avatars.githubusercontent.com/u/1794520?v=4" />dogles</a> commented <strong> 9 years ago</strong> </div> <div class="markdown-body"> <p>Why add a separate mapping from name->color? It seems easier just to say e.g. Log("Foo", Color.red) than to have to register every color you're going to use..</p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/lpetre"><img src="https://avatars.githubusercontent.com/u/193260?v=4" />lpetre</a> commented <strong> 9 years ago</strong> </div> <div class="markdown-body"> <p>I agree with Dan's comment, leave the colors to whoever is calling Console.Log. If you want to subclass Server in your project and have editor-defined colors, then you can wrap Log in a method to which looks them up. Otherwise people can use the pre-defined colors (eg Color.red) or add constants to their code for different colors.</p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/stshort"><img src="https://avatars.githubusercontent.com/u/2568436?v=4" />stshort</a> commented <strong> 9 years ago</strong> </div> <div class="markdown-body"> <p>RE: The color mapping in Server - Yeah, I agree with you guys, the approach I was taking for that portion was a bit overengineered. I had hoped for it to be used as a message context, however yeah that's something that users of this asset can do for themselves easier than forcing it on the server end (such as just using constants like suggested). Easier for both maintainability and for users.</p> <p>I reverted the changes to Server.cs, and updated Log in Console.cs to be string, Color32. Thanks for the feedback, I like this approach much better! Let me know if you have any other concerns with this.</p> </div> </div> <div class="page-bar-simple"> </div> <div class="footer"> <ul class="body"> <li>© <script> document.write(new Date().getFullYear()) </script> Githubissues.</li> <li>Githubissues is a development platform for aggregating issues.</li> </ul> </div> <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.min.js"></script> <script src="/githubissues/assets/js.js"></script> <script src="/githubissues/assets/markdown.js"></script> <script src="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.4.0/build/highlight.min.js"></script> <script src="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.4.0/build/languages/go.min.js"></script> <script> hljs.highlightAll(); </script> </body> </html>