Skip to content

Add image-converter utilities section - #83

Open
Kikketer wants to merge 3 commits into
mainfrom
feat/move-image-converter-to-makecodegames-as
Open

Kikketer wants to merge 3 commits into
mainfrom
feat/move-image-converter-to-makecodegames-as

Conversation

@Kikketer

Copy link
Copy Markdown
Owner

Summary

  • Ports the make-web image-converter into MakeCodeGames as a new /utilities section mirroring the existing /compilers pattern (splash page + utility-tools.ts config + child routes).
  • Brings along the pure-TS / browser-safe lib chain (makecode-image, png-to-image-client, base64) and their vitest tests. pngjs is added as a devDep only (test usage); runtime stays browser-safe.
  • Restyles the converter to the MakeCodeGames design system (makecode-yellow/blue/cyan/tan, font-sans, 4px borders + shadow) instead of make-web's black/zinc theme.
  • Adds a "Utilities" tab to the site nav.
  • Two child routes: /utilities/png-to-img (PNG → img + .jres, the single PNG-upload tool that emits both outputs) and /utilities/jres-to-img (.jres → img). The img-to-jres tab stays reachable via tab switching. PNG → img and PNG → .jres share one route since they're the same tool.

Test plan

  • pnpm test — 245 passed, 3 skipped (includes ported base64, makecode-image, png-to-image-client tests + SiteNav assertions)
  • pnpm lint — 0 errors (5 pre-existing no-img-element warnings, none in new files)
  • pnpm build — compiles; /utilities, /utilities/png-to-img, /utilities/jres-to-img routes present
  • Dev server smoke — all /utilities* routes return 200; splash lists both tools; png-to-img defaults to the PNG upload tab; jres-to-img defaults to .jres→img; nav shows Utilities link

Ports the make-web image-converter (PNG → img/.jres, img → .jres, .jres → img)
into MakeCodeGames as a /utilities section mirroring /compilers. Brings along
the pure-TS lib chain (makecode-image, png-to-image-client, base64) and their
tests, restyles the converter to the MakeCodeGames design system, and adds a
Utilities tab to the site nav.
They're the same PNG-upload tool emitting both img and .jres, so a
separate jres-focused landing was redundant. /utilities now lists two
tools: PNG to img + .jres and .jres to img.
@vercel

vercel Bot commented Aug 23, 2026 •

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
makecode-games Ready Ready Preview Aug 29, 2026 9:32pm

This branch was successfully deployed

1 active deployment
Preview — da2155ff Deployed Aug 29, 2026 by vercel[bot]
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant