Skip to content
Merged
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Original file line number Diff line number Diff line change
@@ -0,0 +1,63 @@
---
title: "GSoC '25 Week 5 Update by Elwin Li"
excerpt: "Weekly progress report for JSEditor updates"
category: "DEVELOPER NEWS"
date: "2025-07-05"
slug: "2025-07-05-gsoc-25-Elwin-Li-week05"
author: "@/constants/MarkdownFiles/authors/elwin-li.md"
tags: "gsoc25,sugarlabs,week5,javaScript editor,debugger,syntax highlighting"
image: "assets/Images/GSOC.png"
---

<!-- markdownlint-disable -->

# Week 5 Progress Report by Elwin Li

**Project:** [Advanced JavaScript Editor with MusicBlocks Interactions](https://github.com/sugarlabs/musicblocks/tree/config_driven_conversion/elwin)
**Mentors:** [Walter Bender](https://github.com/walterbender), [Anindya Kundu](https://github.com/meganindya), [Devin Ulibarri](https://github.com/pikurasa)

**Reporting Period:** 2025-06-29 - 2025-07-05

---

## Goals for This Week

- **Goal:** Complete the debugger project and add syntax highlighting

---

## This Week’s Achievements

**Made PR for Debugger Project**

The debugger project has been complete and a [PR has been made](https://github.com/sugarlabs/musicblocks/pull/4717). The functionalities that have been described in the [previous weeks post](https://www.sugarlabs.org/news/developer-news/2025-06-28-gsoc-25-Elwin-Li-week04) are all included in this PR, and the demonstration video is below:

[youtube: ZVqi7zIJ9kw]

**Basic Syntax Highlighting**

I've added basic syntax highlighting to the JS editor, making it more pleasing to the eye.

<a href="https://ibb.co/23vbzVqq"><img src="https://i.ibb.co/RT35Xr22/Screenshot-2025-07-06-at-12-28-58-AM.png" alt="Syntax Highlight"></a>

---

## Key Learnings

- Improved skills in UX design and keeping tools simple for the user
- Deepened understanding of highlightjs
- Improved skills in **debugging**, **code design**, and **collaboration workflows**.

---

## Next Week’s Roadmap

- Complete syntax highlighting to JSeditor code (including error highlighting)

---

## Acknowledgments

Thank you to my mentors, the Sugar Labs community, and fellow GSoC contributors for ongoing support.

---