Typescript migration, code organization and responsive design. (#1)

* Typescript migration, code organization and responsive design.

* Update README

* Add more examples and reorder dialog

Author: mgiannopoulos24

.github/workflows/deploy.yml

@@ -21,16 +21,16 @@ jobs:
       - name: Checkout repository
         uses: actions/checkout@v4
 
-      - name: Set up Node.js
-        uses: actions/setup-node@v4
+      - name: Set up Bun
+        uses: oven-sh/setup-bun@v2
         with:
-          node-version: '20'
+          bun-version: latest
 
       - name: Run setup script
-        run: npm run setup
+        run: bun run setup
 
       - name: Build project
-        run: npm run build
+        run: bun run build
 
       - name: Deploy to GitHub Pages
         uses: peaceiris/actions-gh-pages@v4

README.md

@@ -5,15 +5,15 @@
 ## Quick Start
 
 ```bash
-npm run setup    # Install deps & download clang (~30MB, one-time)
-npm run dev      # Start dev server
-npm run build    # Build for production
-npm run preview  # Preview production build
+bun run setup    # Install deps & download clang (~30MB, one-time)
+bun run dev      # Start dev server
+bun run build    # Build for production
+bun run preview  # Preview production build
 ```
 
 ## Build & Deploy
 
-`dist/` contains the static site after `npm run build`. Upload it to any static host (GitHub Pages, Netlify, Vercel, etc).
+`dist/` contains the static site after `bun run build`. Upload it to any static host (GitHub Pages, Netlify, Vercel, etc).
 
 For best performance, set these headers:
 
@@ -26,22 +26,21 @@ If you can't set headers, the service worker will polyfill (may require reload).
 
 ## Dependencies
 
-All dependencies are managed via npm:
+All dependencies are managed via Bun:
 
 | Package         | Purpose                  |
 |-----------------|--------------------------|
 | monaco-editor   | Code editor (VS Code UI) |
 | vite            | Build tool & dev server  |
+| typescript      | Type safety              |
 
 ## Updating Dependencies
 
-## Update Deps
-
 ```bash
-npm outdated      # Check for updates
-npm update        # Update all
-npm install <pkg> # Update specific
-npm run build     # Rebuild
+bun outdated      # Check for updates
+bun update        # Update all
+bun add <pkg>     # Add/update specific package
+bun run build     # Rebuild
 ```
 
 ## Features
@@ -63,6 +62,7 @@ On first load, Clang (~30MB) is downloaded & cached.
 
 ## Requirements
 
+- [Bun](https://bun.sh) (package manager and runtime)
 - Modern browser (WebAssembly, SharedArrayBuffer)
 
 ## License

bun.lock

@@ -0,0 +1,128 @@
+#include <stdio.h>
+
+// Basic enum declaration
+enum Color {
+    RED,
+    GREEN,
+    BLUE
+};
+
+// Enum with explicit values
+enum Status {
+    PENDING = 1,
+    PROCESSING = 5,
+    COMPLETED = 10,
+    FAILED = -1
+};
+
+// Enum with typedef (common practice)
+typedef enum {
+    MONDAY,
+    TUESDAY,
+    WEDNESDAY,
+    THURSDAY,
+    FRIDAY,
+    SATURDAY,
+    SUNDAY
+} Day;
+
+// Enum for state machine
+typedef enum {
+    IDLE,
+    RUNNING,
+    PAUSED,
+    STOPPED
+} State;
+
+const char* get_state_name(State s) {
+    switch (s) {
+        case IDLE: return "IDLE";
+        case RUNNING: return "RUNNING";
+        case PAUSED: return "PAUSED";
+        case STOPPED: return "STOPPED";
+        default: return "UNKNOWN";
+    }
+}
+
+int main() {
+    printf("Enum Examples\n");
+    printf("=============\n\n");
+    
+    // 1. Basic enum usage
+    printf("1. Basic Enum (Color):\n");
+    enum Color c1 = RED;
+    enum Color c2 = GREEN;
+    enum Color c3 = BLUE;
+    
+    printf("   RED = %d\n", c1);
+    printf("   GREEN = %d\n", c2);
+    printf("   BLUE = %d\n", c3);
+    printf("\n");
+    
+    // 2. Enum with explicit values
+    printf("2. Enum with Explicit Values (Status):\n");
+    enum Status s1 = PENDING;
+    enum Status s2 = PROCESSING;
+    enum Status s3 = COMPLETED;
+    enum Status s4 = FAILED;
+    
+    printf("   PENDING = %d\n", s1);
+    printf("   PROCESSING = %d\n", s2);
+    printf("   COMPLETED = %d\n", s3);
+    printf("   FAILED = %d\n", s4);
+    printf("\n");
+    
+    // 3. Typedef enum usage
+    printf("3. Typedef Enum (Day):\n");
+    Day today = MONDAY;
+    Day tomorrow = TUESDAY;
+    
+    printf("   Today: %d (MONDAY)\n", today);
+    printf("   Tomorrow: %d (TUESDAY)\n", tomorrow);
+    printf("   Weekend starts at: %d (SATURDAY)\n", SATURDAY);
+    printf("\n");
+    
+    // 4. Enum in switch statement
+    printf("4. Enum in Switch Statement (State Machine):\n");
+    State current_state = IDLE;
+    
+    printf("   Initial state: %s\n", get_state_name(current_state));
+    
+    current_state = RUNNING;
+    printf("   After start: %s\n", get_state_name(current_state));
+    
+    current_state = PAUSED;
+    printf("   After pause: %s\n", get_state_name(current_state));
+    
+    current_state = STOPPED;
+    printf("   After stop: %s\n", get_state_name(current_state));
+    printf("\n");
+    
+    // 5. Enum iteration
+    printf("5. Enum Values:\n");
+    printf("   All days of the week:\n");
+    for (int i = MONDAY; i <= SUNDAY; i++) {
+        const char* day_names[] = {
+            "Monday", "Tuesday", "Wednesday", "Thursday",
+            "Friday", "Saturday", "Sunday"
+        };
+        printf("     %d: %s\n", i, day_names[i]);
+    }
+    printf("\n");
+    
+    // 6. Enum comparison
+    printf("6. Enum Comparison:\n");
+    Day day1 = FRIDAY;
+    Day day2 = MONDAY;
+    
+    if (day1 > day2) {
+        printf("   FRIDAY (%d) comes after MONDAY (%d)\n", day1, day2);
+    }
+    
+    if (day1 == FRIDAY) {
+        printf("   day1 is indeed FRIDAY\n");
+    }
+    
+    return 0;
+}
+

examples/advanced/enums.c

@@ -0,0 +1,97 @@
+#include <stdio.h>
+
+// Function pointer type definitions
+typedef int (*MathOperation)(int, int);
+typedef void (*PrintFunction)(const char*);
+
+// Math operations
+int add(int a, int b) {
+    return a + b;
+}
+
+int subtract(int a, int b) {
+    return a - b;
+}
+
+int multiply(int a, int b) {
+    return a * b;
+}
+
+int divide(int a, int b) {
+    if (b == 0) {
+        printf("Error: Division by zero!\n");
+        return 0;
+    }
+    return a / b;
+}
+
+// Print functions
+void print_normal(const char* msg) {
+    printf("%s\n", msg);
+}
+
+void print_uppercase(const char* msg) {
+    int i = 0;
+    while (msg[i] != '\0') {
+        if (msg[i] >= 'a' && msg[i] <= 'z') {
+            printf("%c", msg[i] - 32);
+        } else {
+            printf("%c", msg[i]);
+        }
+        i++;
+    }
+    printf("\n");
+}
+
+void print_with_prefix(const char* msg) {
+    printf(">>> %s\n", msg);
+}
+
+// Calculator using function pointers
+int calculate(int a, int b, MathOperation op) {
+    return op(a, b);
+}
+
+// Apply print function
+void apply_print(const char* message, PrintFunction print_func) {
+    print_func(message);
+}
+
+int main() {
+    printf("Function Pointers Demo\n");
+    printf("=====================\n\n");
+    
+    printf("1. Math Operations:\n");
+    int x = 20, y = 4;
+    
+    MathOperation operations[] = {add, subtract, multiply, divide};
+    const char* op_names[] = {"Add", "Subtract", "Multiply", "Divide"};
+    
+    for (int i = 0; i < 4; i++) {
+        int result = calculate(x, y, operations[i]);
+        printf("   %s(%d, %d) = %d\n", op_names[i], x, y, result);
+    }
+    
+    printf("\n2. Print Functions:\n");
+    const char* message = "Hello from function pointer!";
+    
+    PrintFunction printers[] = {print_normal, print_uppercase, print_with_prefix};
+    const char* printer_names[] = {"Normal", "Uppercase", "With Prefix"};
+    
+    for (int i = 0; i < 3; i++) {
+        printf("   %s: ", printer_names[i]);
+        apply_print(message, printers[i]);
+    }
+    
+    printf("\n3. Function Pointer Array:\n");
+    MathOperation ops[] = {add, multiply};
+    int values[] = {10, 5, 8, 2};
+    
+    for (int i = 0; i < 2; i++) {
+        int result = ops[i](values[i * 2], values[i * 2 + 1]);
+        printf("   Operation %d: %d\n", i + 1, result);
+    }
+    
+    return 0;
+}
+

examples/advanced/function-pointers.c

@@ -0,0 +1,71 @@
+#include <stdio.h>
+#include <stdlib.h>
+#include <math.h>
+
+// Simple macros
+#define PI 3.14159265359
+#define MAX(a, b) ((a) > (b) ? (a) : (b))
+#define MIN(a, b) ((a) < (b) ? (a) : (b))
+#define SQUARE(x) ((x) * (x))
+#define ABS(x) ((x) < 0 ? -(x) : (x))
+
+// Multi-line macro
+#define PRINT_SUM(a, b) \
+    do { \
+        printf("Sum of %d and %d = %d\n", a, b, (a) + (b)); \
+    } while(0)
+
+// Conditional compilation
+#define DEBUG 1
+
+// Macro with stringification
+#define PRINT_VAR(x) printf(#x " = %d\n", x)
+
+// Macro with token pasting
+#define CONCAT(a, b) a##b
+
+int main() {
+    printf("Preprocessor Macros Demo\n");
+    printf("========================\n\n");
+    
+    printf("1. Constant Macros:\n");
+    printf("   PI = %.5f\n", PI);
+    printf("   PI * 2 = %.5f\n\n", PI * 2);
+    
+    printf("2. Function-like Macros:\n");
+    int a = 15, b = 25;
+    printf("   MAX(%d, %d) = %d\n", a, b, MAX(a, b));
+    printf("   MIN(%d, %d) = %d\n", a, b, MIN(a, b));
+    printf("   SQUARE(%d) = %d\n", a, SQUARE(a));
+    printf("   ABS(-%d) = %d\n\n", a, ABS(-a));
+    
+    printf("3. Multi-line Macro:\n");
+    PRINT_SUM(10, 20);
+    printf("\n");
+    
+    printf("4. Stringification:\n");
+    int value = 42;
+    PRINT_VAR(value);
+    printf("\n");
+    
+    printf("5. Conditional Compilation:\n");
+    #ifdef DEBUG
+        printf("   DEBUG mode is ON\n");
+    #else
+        printf("   DEBUG mode is OFF\n");
+    #endif
+    
+    #if DEBUG == 1
+        printf("   Debug level: 1\n");
+    #endif
+    printf("\n");
+    
+    printf("6. Token Pasting:\n");
+    int CONCAT(var, 1) = 100;  // Creates var1
+    int CONCAT(var, 2) = 200;  // Creates var2
+    printf("   var1 = %d\n", CONCAT(var, 1));
+    printf("   var2 = %d\n", CONCAT(var, 2));
+    
+    return 0;
+}
+