live-codes
diff --git a/‎docs/docs/languages/csharp-wasm.mdx
Copy file name to clipboard
+175Lines changed: 175 additions & 0 deletions b/‎docs/docs/languages/csharp-wasm.mdx
Copy file name to clipboard
+175Lines changed: 175 additions & 0 deletions
diff --git a/‎docs/src/components/LanguageSliders.tsx
Copy file name to clipboard
+1Lines changed: 1 addition & 0 deletions b/‎docs/src/components/LanguageSliders.tsx
Copy file name to clipboard
+1Lines changed: 1 addition & 0 deletions
diff --git a/‎docs/src/components/TemplateList.tsx
Copy file name to clipboard
+1Lines changed: 1 addition & 0 deletions b/‎docs/src/components/TemplateList.tsx
Copy file name to clipboard
+1Lines changed: 1 addition & 0 deletions
diff --git a/‎scripts/build.js
Copy file name to clipboard
+1Lines changed: 1 addition & 0 deletions b/‎scripts/build.js
Copy file name to clipboard
+1Lines changed: 1 addition & 0 deletions
diff --git a/‎src/livecodes/UI/command-menu-actions.ts
Copy file name to clipboard
+1Lines changed: 1 addition & 0 deletions b/‎src/livecodes/UI/command-menu-actions.ts
Copy file name to clipboard
+1Lines changed: 1 addition & 0 deletions
diff --git a/‎src/livecodes/assets/templates/csharp.svg
Copy file name to clipboard
+8Lines changed: 8 additions & 0 deletions b/‎src/livecodes/assets/templates/csharp.svg
Copy file name to clipboard
+8Lines changed: 8 additions & 0 deletions
diff --git a/‎src/livecodes/editor/monaco/monaco.ts
Copy file name to clipboard
+1-1Lines changed: 1 addition & 1 deletion b/‎src/livecodes/editor/monaco/monaco.ts
Copy file name to clipboard
+1-1Lines changed: 1 addition & 1 deletion
diff --git a/‎src/livecodes/html/language-info.html
Copy file name to clipboard
+27Lines changed: 27 additions & 0 deletions b/‎src/livecodes/html/language-info.html
Copy file name to clipboard
+27Lines changed: 27 additions & 0 deletions
diff --git a/‎src/livecodes/languages/csharp-wasm/index.ts
Copy file name to clipboard
+1Lines changed: 1 addition & 0 deletions b/‎src/livecodes/languages/csharp-wasm/index.ts
Copy file name to clipboard
+1Lines changed: 1 addition & 0 deletions
@@ -0,0 +1,175 @@
+# C#
+
+C# is a high-level, general-purpose, object-oriented programming language developed by Microsoft.
+
+In LiveCodes, C# runs in the browser using Blazor WebAssembly with a WebAssembly-based .NET runtime.
+
+## Usage
+
+Demo:
+
+
+import LiveCodes from '../../src/components/LiveCodes.tsx';
+export const csharpConfig = {
+  activeEditor: 'script',
+  script: {
+    language: 'csharp-wasm', 
+    content: `using System;
+
+public class Program
+{
+    public static void Main()
+    {
+        int[] sortedArray = { 1, 3, 5, 7, 9, 11, 13, 15 };
+        int itemToSearch = 7;
+
+        int result = BinarySearch(sortedArray, 0, sortedArray.Length - 1, itemToSearch);
+
+        if (result == -1)
+        {
+            Console.WriteLine("Result: Item not found in the array.");
+        }
+        else
+        {
+            Console.WriteLine($"Result: Item found at index -> {result}");
+        }
+    }
+
+    public static int BinarySearch(int[] arr, int left, int right, int item)
+    {
+        if (right >= left)
+        {
+            int mid = left + (right - left) / 2;
+            if (arr[mid] == item)
+            {
+                return mid;
+            }
+
+            if (arr[mid] > item)
+            {
+                return BinarySearch(arr, left, mid - 1, item);
+            }
+
+            return BinarySearch(arr, mid + 1, right, item);
+        }
+        return -1;
+    }
+}`,
+  },
+  mode: 'simple',
+  editor: 'auto',
+  tools: {
+    status: 'full',
+  },
+};
+
+<LiveCodes config={csharpConfig}></LiveCodes>
+
+
+### Communication with JavaScript
+
+The C# code runs in the context of the result page. A few helper properties and methods are available in the browser global `livecodes.csharp` object:
+
+- `livecodes.csharp.input`: The initial standard input passed to the C# code.
+- `livecodes.csharp.loaded`: A promise that resolves when the C# environment (Blazor WebAssembly) is fully loaded. Other helpers should be used after this promise resolves.
+- `livecodes.csharp.output`: The standard output from the C# code execution.
+- `livecodes.csharp.run`: A function that runs the C# code with new input. This function takes a string as input and returns a promise that resolves with an object containing the `output`, `error`, and `exitCode` properties.
+- `livecodes.csharp.blazorReady`: A boolean indicating whether the Blazor environment is initialized.
+- `livecodes.csharp.loadedResources`: An array tracking resources loaded during initialization (e.g., WebAssembly modules).
+
+Example:
+
+
+<LiveCodes template="csharp-wasm" params={{ activeEditor: 'markup' }} height="80vh"></LiveCodes>
+
+
+## Language Info
+
+### Name
+
+`csharp`
+
+### Aliases
+
+`c#`, `cs`
+
+### Extension
+
+`.cs`
+
+### Editor
+
+`script`
+
+## Compiler
+
+Blazor WebAssembly with .NET WebAssembly runtime.
+
+### Version
+
+.NET 9.0
+
+## Code Formatting
+
+
+## Custom Settings
+
+Custom settings added to the property `csharp` are passed as a JSON object to the Blazor runtime during compilation. Please check the Blazor documentation for full reference.
+
+Please note that custom settings should be valid JSON (i.e., functions are not allowed).
+
+**Example:**
+
+```json
+{
+  "csharp": {}
+}
+```
+
+## Helper Methods
+
+- `runCSharpCode(code: string, input: string)`: Internal method to execute C# code with the provided input, invoked via `window.DotNet.invokeMethodAsync`.
+- `initializeBlazor()`: Initializes the Blazor WebAssembly environment, loading necessary scripts and resources.
+- `loadBlazorScript()`: Loads the `blazor.webassembly.js` script dynamically.
+
+## Live Reload
+
+By default, new code changes are sent to the result page for re-evaluation without a full page reload, avoiding the need to reinitialize the Blazor environment. This behavior can be disabled by adding the code comment `// __livecodes_reload__` to the C# code, which forces a full page reload.
+
+This comment can be added in the `hiddenContent` property of the editor for embedded playgrounds.
+
+## Limitations
+
+- **Initialization Time**: The Blazor WebAssembly environment may take a few seconds to initialize, especially on first load, due to the loading of WebAssembly modules and the .NET runtime.
+- **Browser Compatibility**: Requires modern browsers supporting WebAssembly.
+- **Resource Loading**: All resources (e.g., `blazor.webassembly.js`, framework files) are loaded from a CDN or specified path, which may impact performance depending on network conditions.
+- **Standard Input/Output**: Limited to string-based input/output via the `livecodes.csharp.input` and `livecodes.csharp.output` properties.
+- **Error Handling**: Errors during initialization or execution are logged to the console and returned as part of the `livecodes.csharp.run` promise.
+
+## Example Usage
+
+```csharp
+using System;
+
+public class Program
+{
+    public static void Main()
+    {
+        Console.WriteLine("Hello, LiveCodes C#!");
+    }
+}
+```
+
+## Starter Template
+
+https://livecodes.io/?template=csharp
+
+## Links
+
+- [C#](https://learn.microsoft.com/en-us/dotnet/csharp/)
+- [Blazor WebAssembly](https://dotnet.microsoft.com/en-us/apps/aspnet/web-apps/blazor)
+
+
+## .NET Version Update
+
+Run `dotnet publish` on [this code](https://github.com/Seth0x41/csharpBlazorWasmGenerator) and upload the WebAssembly files from the publish/wwwroot/_framework directory to a CDN.
@@ -104,6 +104,7 @@ export default function Sliders() {
       { name: 'postgresql', title: 'PostgreSQL' },
       { name: 'prolog', title: 'Prolog' },
       { name: 'blockly', title: 'Blockly' },
+      { name: 'csharp-wasm', title: 'C# (Wasm)' },
     ],
   };
   const slides = ['markup', 'style', 'script'];
 
@@ -66,6 +66,7 @@ const templates = [
   { name: 'prolog', title: 'Prolog Starter', thumbnail: 'tau-prolog.svg' },
   { name: 'blockly', title: 'Blockly Starter', thumbnail: 'blockly.svg' },
   { name: 'diagrams', title: 'Diagrams Starter', thumbnail: 'diagrams.svg' },
+  { name: 'csharp-wasm', title: 'C# (Wasm)', thumbnail: 'csharp.svg' },
 ];
 
 export default function TemplateList() {
 
@@ -197,6 +197,7 @@ const iifeBuild = () =>
       'languages/java/lang-java-script.ts',
       'languages/cpp/lang-cpp-script.ts',
       'languages/cpp-wasm/lang-cpp-wasm-script.ts',
+      'languages/csharp-wasm/lang-csharp-wasm-script.ts',
       'languages/dot/lang-dot-compiler.ts',
       'languages/ejs/lang-ejs-compiler.ts',
       'languages/eta/lang-eta-compiler.ts',
 
@@ -323,6 +323,7 @@ export const getCommandMenuActions = ({
         'prolog',
         'blockly',
         'diagrams',
+        'csharp-wasm',
       ).map((template) => ({
         id: 'Starter template: ' + template,
         title: window.deps.translateString('commandMenu.template', 'Template') + ': ' + template,
 
@@ -87,7 +87,7 @@ export const createEditor = async (options: EditorOptions): Promise<CodeEditor>
     language === 'livescript'
       ? 'coffeescript'
       : ['rescript', 'reason', 'ocaml'].includes(language)
-        ? 'csharp'
+        ? 'csharp-wasm'
         : language.startsWith('vue')
           ? 'vue'
           : ['svelte', 'malina', 'riot'].includes(language)
 
@@ -179,6 +179,33 @@ <h3 data-i18n="language-info:java.name">Java</h3>
     </li>
   </ul>
 </section>
+
+<section data-lang="csharp-wasm">
+  <h3 data-i18n="language-info:csharp-wasm.name">C#(Wasm)</h3>
+  <div data-i18n="language-info:csharp-wasm.desc" data-i18n-prop="innerHTML">
+    C# compiler running on WebAssembly, using
+    <a
+      href="https://dotnet.microsoft.com/en-us/apps/aspnet/web-apps/blazor"
+      target="_blank"
+      rel="noopener"
+      >Blazor</a
+    >
+  </div>
+  <ul data-i18n="language-info:cppWasm.link" data-i18n-prop="innerHTML">
+    <li>
+      <a href="https://learn.microsoft.com/en-us/dotnet/csharp/" target="_blank" rel="noopener"
+        >Microsoft Official Page</a
+      >
+    </li>
+
+    <li>
+      <a href="?template=csharp-wasm" class="button" target="_parent" data-template="csharp-wasm"
+        >Load starter template</a
+      >
+    </li>
+  </ul>
+</section>
+
 <section data-lang="cpp">
   <h3 data-i18n="language-info:cpp.name">C++</h3>
   <div data-i18n="language-info:cpp.desc1">
 
@@ -0,0 +1 @@
+export * from './lang-csharp-wasm';