15 |
35 |
36 | @code {
37 | private StandaloneCodeEditor codeEditor = null!;
38 | private StandaloneCodeEditor v1 = null!;
39 | private StandaloneCodeEditor v2 = null!;
40 | private StandaloneDiffEditor v1Diff = null!;
41 | private StandaloneDiffEditor v2Diff = null!;
42 | private bool _autoRefresh = true;
43 | private bool _syncScroll = true;
44 | private string _initialBaseCode = Constants.InitialCode;
45 | private string _initialVersion1Code = Constants.Version1Code;
46 | private string _initialVersion2Code = Constants.Version2Code;
47 |
48 | [ParameterAttribute]
49 | public string? fragment { get; set; }
50 |
51 | private StandaloneDiffEditorConstructionOptions DiffEditorConstructionOptions(StandaloneDiffEditor editor)
52 | {
53 | var options = new StandaloneDiffEditorConstructionOptions
54 | {
55 | AutomaticLayout = true,
56 | Minimap = new EditorMinimapOptions() { Enabled = false },
57 | Folding = false,
58 | RenderSideBySide = false,
59 | IgnoreTrimWhitespace = true,
60 | OriginalEditable = false,
61 | ReadOnly = true,
62 | LineNumbers = "",
63 | Scrollbar = new EditorScrollbarOptions() { Vertical = "hidden", VerticalScrollbarSize = 0 }
64 | };
65 |
66 | return options;
67 | }
68 |
69 | private StandaloneEditorConstructionOptions EditorConstructionOptions(StandaloneCodeEditor editor)
70 | {
71 | var options = new StandaloneEditorConstructionOptions
72 | {
73 | AutomaticLayout = true,
74 | Language = "csharp",
75 | Minimap = new EditorMinimapOptions() { Enabled = false },
76 | Folding = false,
77 | };
78 |
79 | if (editor == codeEditor)
80 | {
81 | var uri = navigationManager.ToAbsoluteUri(navigationManager.Uri);
82 | var slug = uri.Fragment.TrimStart('#');
83 | if (!string.IsNullOrWhiteSpace(slug))
84 | {
85 | var uncompressed = Compressor.Uncompress(slug);
86 | _initialVersion1Code = "Error reading URL:\n\n" + uncompressed;
87 | var bits = uncompressed.Split((char)7);
88 | if (bits.Length == 3)
89 | {
90 | _initialBaseCode = bits[0];
91 | _initialVersion1Code = bits[1];
92 | _initialVersion2Code = bits[2];
93 | }
94 | }
95 |
96 | options.Value = _initialBaseCode;
97 | }
98 | else if (editor == v1)
99 | {
100 | options.Value = _initialVersion1Code;
101 | }
102 | else if (editor == v2)
103 | {
104 | options.Value = _initialVersion2Code;
105 |
106 | _ = Update(default);
107 | }
108 |
109 | return options;
110 | }
111 |
112 | private CancellationTokenSource _typingCancellationSource = new CancellationTokenSource();
113 |
114 | private Task Refresh()
115 | {
116 | return Update(default);
117 | }
118 |
119 | private async Task OnKeyUp(KeyboardEvent keyboardEvent)
120 | {
121 | // ignore arrow keys
122 | if (keyboardEvent.KeyCode == KeyCode.LeftArrow ||
123 | keyboardEvent.KeyCode == KeyCode.RightArrow ||
124 | keyboardEvent.KeyCode == KeyCode.UpArrow ||
125 | keyboardEvent.KeyCode == KeyCode.DownArrow ||
126 | keyboardEvent.KeyCode == KeyCode.PageUp ||
127 | keyboardEvent.KeyCode == KeyCode.PageDown)
128 | {
129 | return;
130 | }
131 |
132 | var baseCode = await codeEditor.GetValue();
133 | var version1 = await v1.GetValue();
134 | var version2 = await v2.GetValue();
135 |
136 | var slug = Compressor.Compress(baseCode, version1, version2);
137 | navigationManager.NavigateTo(navigationManager.BaseUri + "#" + slug, forceLoad: false);
138 |
139 | if (!_autoRefresh)
140 | {
141 | return;
142 | }
143 |
144 | _typingCancellationSource.Cancel();
145 | _typingCancellationSource = new CancellationTokenSource();
146 | await Update(_typingCancellationSource.Token);
147 | }
148 |
149 | private async Task Update(CancellationToken cancellationToken)
150 | {
151 |
152 | await Task.Delay(500, cancellationToken);
153 |
154 | if (cancellationToken.IsCancellationRequested)
155 | {
156 | return;
157 | }
158 |
159 | var tempModel = await Global.CreateModel(jsRuntime, "Compiling and Decompiling...", "txt");
160 |
161 | await v1Diff.SetModel(new DiffEditorModel
162 | {
163 | Original = tempModel,
164 | Modified = tempModel
165 | });
166 |
167 | var baseCode = await codeEditor.GetValue();
168 | var version1 = await v1.GetValue();
169 | var version2 = await v2.GetValue();
170 |
171 | var runner = new Runner(baseCode, version1, version2);
172 |
173 | runner.Run();
174 |
175 |
176 | var baseOutput = runner.BaseOutput;
177 | var version1Output = runner.Version1Output;
178 | var version2Output = runner.Version2Output;
179 |
180 | if (baseOutput.StartsWith("Error"))
181 | {
182 | var originalModel = await Global.CreateModel(jsRuntime, baseOutput, "txt");
183 | var modifiedModel = await Global.CreateModel(jsRuntime, baseOutput, "txt");
184 |
185 | await v1Diff.SetModel(new DiffEditorModel
186 | {
187 | Original = originalModel,
188 | Modified = modifiedModel
189 | });
190 | originalModel = await Global.CreateModel(jsRuntime, "", "txt");
191 | modifiedModel = await Global.CreateModel(jsRuntime, "", "txt");
192 |
193 | await v2Diff.SetModel(new DiffEditorModel
194 | {
195 | Original = originalModel,
196 | Modified = modifiedModel
197 | });
198 | }
199 | else
200 | {
201 | var lang = version1Output.StartsWith("Error") ? "txt" : "csharp";
202 | var originalModel = await Global.CreateModel(jsRuntime, version1Output.StartsWith("Error") ? version1Output : baseOutput, lang);
203 | var modifiedModel = await Global.CreateModel(jsRuntime, version1Output, lang);
204 |
205 | await v1Diff.SetModel(new DiffEditorModel
206 | {
207 | Original = originalModel,
208 | Modified = modifiedModel
209 | });
210 |
211 | lang = version2Output.StartsWith("Error") ? "txt" : "csharp";
212 | originalModel = await Global.CreateModel(jsRuntime, version2Output.StartsWith("Error") ? version2Output : baseOutput, lang);
213 | modifiedModel = await Global.CreateModel(jsRuntime, version2Output, lang);
214 |
215 | await v2Diff.SetModel(new DiffEditorModel
216 | {
217 | Original = originalModel,
218 | Modified = modifiedModel
219 | });
220 | }
221 |
222 | _syncScroll = !baseOutput.StartsWith("Error") && !version1Output.StartsWith("Error") && !version2Output.StartsWith("Error");
223 | }
224 |
225 | private void ScrollV1(ScrollEvent eventArgs)
226 | {
227 | if (_syncScroll)
228 | {
229 | v2Diff.ModifiedEditor.SetScrollTop(Convert.ToInt32(eventArgs.ScrollTop));
230 | }
231 | }
232 |
233 | private void ScrollV2(ScrollEvent eventArgs)
234 | {
235 | if (_syncScroll)
236 | {
237 | v1Diff.ModifiedEditor.SetScrollTop(Convert.ToInt32(eventArgs.ScrollTop));
238 | }
239 | }
240 | }
241 |
--------------------------------------------------------------------------------
/Program.cs:
--------------------------------------------------------------------------------
1 | using System.Threading.Tasks;
2 | using BlazorMonaco.Editor;
3 | using Microsoft.AspNetCore.Components.WebAssembly.Hosting;
4 |
5 | namespace DecompilationDiffer;
6 |
7 | public class Program
8 | {
9 | public static async Task Main(string[] args)
10 | {
11 | var x = new Editor();
12 |
13 |
14 | var builder = WebAssemblyHostBuilder.CreateDefault(args);
15 | builder.RootComponents.AddBase
16 | Version 1
18 | Version 2
20 |
22 | Decompilation Diff from Base
23 |
32 |
24 |
25 | Auto
26 |
27 |
31 |
28 | Refresh
29 |
30 | 
30 | ```
31 |
32 | #### Using Open Iconic's SVG Sprite
33 |
34 | Open Iconic also comes in a SVG sprite which allows you to display all the icons in the set with a single request. It's like an icon font, without being a hack.
35 |
36 | Adding an icon from an SVG sprite is a little different than what you're used to, but it's still a piece of cake. *Tip: To make your icons easily style able, we suggest adding a general class to the* `