Andy840119/ add codeblock syntex highlighting

osu.Framework.Tests/Visual/TestCaseUserInterface/TestCaseMarkdown.cs

@@ -70,6 +70,28 @@ public TestCaseMarkdown()
 ```";
             });
 
+            AddStep("Markdown Fenced Code (CSharp)", () =>
+            {
+                markdownContainer.Text = @"```csharp
+// A Hello World! program in C#.
+using System;
+namespace HelloWorld
+{
+    class Hello
+    {
+        static void Main()
+        {
+            Console.WriteLine(""Hello World!"");
+
+            // Keep the console window open in debug mode.
+            Console.WriteLine(""Press any key to exit."");
+            Console.ReadKey();
+        }
+    }
+}
+```";
+            });
+
             AddStep("Markdown Table", () =>
             {
                 markdownContainer.Text =
@@ -112,7 +134,9 @@ public TestCaseMarkdown()
 
             AddStep("MarkdownFromInternet", () =>
             {
-                var req = new WebRequest("https://raw.githubusercontent.com/ppy/osu-wiki/master/wiki/Skinning/skin.ini/en.md");
+                const string url = "https://raw.githubusercontent.com/ppy/osu-wiki/master/wiki/Skinning/skin.ini/en.md";
+                markdownContainer.RootUrl = url;
+                var req = new WebRequest(url);
                 req.Finished += () => markdownContainer.Text = req.ResponseString;
 
                 Task.Run(() => req.PerformAsync());

osu.Framework/Graphics/Containers/Markdown/IMarkdownCodeFlowComponent.cs

@@ -0,0 +1,18 @@
+// Copyright (c) ppy Pty Ltd <[email protected]>. Licensed under the MIT Licence.
+// See the LICENCE file in the repository root for full licence text.
+
+namespace osu.Framework.Graphics.Containers.Markdown
+{
+    public interface IMarkdownCodeFlowComponent
+    {
+        /// <summary>
+        /// Creates a <see cref="MarkdownCodeFlowContainer"/> to display text within this <see cref="IMarkdownTextFlowComponent"/>.
+        /// </summary>
+        /// <remarks>
+        /// The <see cref="MarkdownCodeFlowContainer"/> defined by the <see cref="MarkdownCodeFlowContainer"/> is used by default,
+        /// but may be overridden via this method to provide additional styling local to this <see cref="IMarkdownTextFlowComponent"/>.
+        /// </remarks>
+        /// <returns>The <see cref="MarkdownCodeFlowContainer"/>.</returns>
+        MarkdownCodeFlowContainer CreateCodeFlow();
+    }
+}

osu.Framework/Graphics/Containers/Markdown/MarkdownCodeFlowContainer.cs

@@ -0,0 +1,119 @@
+// Copyright (c) ppy Pty Ltd <[email protected]>. Licensed under the MIT Licence.
+// See the LICENCE file in the repository root for full licence text.
+
+using ColorCode;
+using ColorCode.Parsing;
+using osu.Framework.Allocation;
+using osu.Framework.Graphics.Sprites;
+using System;
+using System.Collections.Generic;
+using System.Linq;
+
+namespace osu.Framework.Graphics.Containers.Markdown
+{
+    public class MarkdownCodeFlowContainer : CustomizableTextContainer, IMarkdownTextComponent
+    {
+        [Resolved]
+        private IMarkdownTextComponent parentTextComponent { get; set; }
+
+        public MarkdownCodeFlowContainer()
+        {
+            RelativeSizeAxes = Axes.X;
+            AutoSizeAxes = Axes.Y;
+        }
+
+        public new void AddText(string text, Action<SpriteText> creationParameters = null)
+            => base.AddText(text.Replace("[", "[[").Replace("]", "]]"), creationParameters);
+
+        public void AddCodeText(string codeText,string languageCode)
+        {
+            if(string.IsNullOrEmpty(codeText))
+                AddParagraph("");
+
+            var formatter = new ClassFormatter(Styles);
+
+            var language = Languages.FindById(languageCode);
+            if (language == null)
+                AddParagraph(codeText);
+            else
+            {
+                //Change new line
+                AddParagraph("");
+
+                var codeSyntaxes = formatter.GetCodeSyntaxes(codeText, language);
+
+                foreach (var codeSyntax in codeSyntaxes)
+                    AddText(codeSyntax.ParsedSourceCode,
+                        x =>
+                        {
+                            var style = codeSyntax.CodeStyle;
+                            if(style == null)
+                                return;
+
+                            ApplyCodeText(x, style);
+                        });
+            }
+        }
+
+        SpriteText IMarkdownTextComponent.CreateSpriteText() => CreateSpriteText();
+
+        protected virtual MarkdownCodeStyle Styles => new MarkdownCodeStyle().CreateDefaultStyle();
+
+        protected virtual void ApplyCodeText(SpriteText text, MarkdownCodeStyle.Style codeStyle)
+        {
+            var textDrawable = CreateSpriteText();
+
+            text.Colour = codeStyle.Colour;
+            text.ShadowColour = codeStyle.BackgroundColour ?? text.ShadowColour;
+            text.Font = textDrawable.Font.With(weight: codeStyle.Bold ? "Bold" : null, italics: codeStyle.Italic);
+        }
+
+        public class ClassFormatter : CodeColorizerBase
+        {
+            private readonly List<CodeSyntax> codeSyntaxes = new List<CodeSyntax>();
+
+            private readonly MarkdownCodeStyle markdownCodeStyle;
+
+            public ClassFormatter(MarkdownCodeStyle style, ILanguageParser languageParser = null) : base(null, languageParser)
+            {
+                markdownCodeStyle = style;
+            }
+
+            public List<CodeSyntax> GetCodeSyntaxes(string sourceCode, ILanguage language)
+            {
+                codeSyntaxes.Clear();
+                languageParser.Parse(sourceCode, language, Write);
+                return codeSyntaxes;
+            }
+
+            protected override void Write(string parsedSourceCode, IList<Scope> scopes)
+            {
+                var scopeName = scopes.FirstOrDefault()?.Name;
+                var style = new MarkdownCodeStyle.Style("unknown");
+
+                if (!string.IsNullOrEmpty(scopeName) && markdownCodeStyle.Contains(scopeName))
+                    style = markdownCodeStyle[scopeName];
+
+                codeSyntaxes.Add(new CodeSyntax
+                {
+                    ParsedSourceCode = parsedSourceCode,
+                    CodeStyle = style
+                });
+            }
+        }
+
+        public class CodeSyntax
+        {
+            /// <summary>
+            /// Gets or sets the parsed source code
+            /// </summary>
+            /// <value>The background color.</value>
+            public string ParsedSourceCode { get; set; }
+
+            /// <summary>
+            /// Gets or sets the parsed code style
+            /// </summary>
+            public MarkdownCodeStyle.Style CodeStyle { get; set; }
+        }
+    }
+}