a2nr
/
velxio
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
velxio/frontend/package.json

79 lines
2.8 KiB
JSON
Raw Normal View History

feat: Implement Arduino Simulator with component management and simulation features - Added SimulatorCanvas component for rendering the simulator interface. - Integrated Wokwi components (Arduino, LED, Resistor, Pushbutton, Potentiometer) into the simulator. - Created PinManager to handle pin state changes and notifications. - Developed AVRSimulator class for emulating Arduino Uno functionality. - Implemented hex file loading and compilation service. - Added CSS styles for the simulator interface. - Established Zustand stores for managing editor and simulator states. - Created utility functions for parsing Intel HEX format. - Set up Vite configuration for the frontend project. - Added batch scripts for starting backend and frontend servers, and updating Wokwi libraries.
2026-03-03 10:20:49 +07:00
{
docs: update README with velxio.dev live URL, Docker run command, and full self-hosting guide - Add live demo badge and link to velxio.dev at the top - Add Docker single-container run command with volume mount - Add env vars reference table - Simplify and modernize overall structure - Update package.json name and homepage to velxio.dev Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-03-07 08:12:50 +07:00
"name": "velxio",
"homepage": "https://velxio.dev",
feat: Implement Arduino Simulator with component management and simulation features - Added SimulatorCanvas component for rendering the simulator interface. - Integrated Wokwi components (Arduino, LED, Resistor, Pushbutton, Potentiometer) into the simulator. - Created PinManager to handle pin state changes and notifications. - Developed AVRSimulator class for emulating Arduino Uno functionality. - Implemented hex file loading and compilation service. - Added CSS styles for the simulator interface. - Established Zustand stores for managing editor and simulator states. - Created utility functions for parsing Intel HEX format. - Set up Vite configuration for the frontend project. - Added batch scripts for starting backend and frontend servers, and updating Wokwi libraries.
2026-03-03 10:20:49 +07:00
"private": true,
fix: update version to 2.0.1, enhance Discord release notification workflow, and mark subproject commits as dirty
2026-04-08 00:12:10 +07:00
"version": "2.0.1",
feat: Implement Arduino Simulator with component management and simulation features - Added SimulatorCanvas component for rendering the simulator interface. - Integrated Wokwi components (Arduino, LED, Resistor, Pushbutton, Potentiometer) into the simulator. - Created PinManager to handle pin state changes and notifications. - Developed AVRSimulator class for emulating Arduino Uno functionality. - Implemented hex file loading and compilation service. - Added CSS styles for the simulator interface. - Established Zustand stores for managing editor and simulator states. - Created utility functions for parsing Intel HEX format. - Set up Vite configuration for the frontend project. - Added batch scripts for starting backend and frontend servers, and updating Wokwi libraries.
2026-03-03 10:20:49 +07:00
"type": "module",
"scripts": {
feat: add component metadata types and generator - Created a new TypeScript file for component metadata types defining structure for dynamically loaded components. - Implemented a metadata generator script that scans the wokwi-elements repository to extract component information, including properties and categories. - Added package.json and package-lock.json for dependency management, including TypeScript and related tools. - Introduced a new file to log ping statistics for testing purposes.
2026-03-04 05:30:25 +07:00
"generate:metadata": "cd .. && npx tsx scripts/generate-component-metadata.ts",
feat: enhance SEO and public files for Velxio - Added comprehensive SEO meta tags to `frontend/index.html` including Open Graph and Twitter Card data. - Updated `frontend/public` with new favicon assets and a PWA manifest. - Created a favicon generation script to automate favicon creation from SVG. - Implemented `robots.txt` to allow all crawlers and point to the sitemap. - Added `sitemap.xml` with public routes and priorities for better indexing.
2026-03-07 02:14:26 +07:00
"generate:favicons": "node ../scripts/generate-favicons.mjs",
feat: add admin management features and user role handling - Implemented `require_admin` dependency to enforce admin access control. - Added `is_admin` column to the users table for role management. - Created admin routes and schemas for user and project management. - Developed AdminPage with user and project management tabs. - Integrated user editing and deletion functionalities in the admin panel. - Added setup screen for creating the first admin user. - Updated frontend to include admin functionalities and user role display. - Generated Open Graph image for better social media integration.
2026-03-07 09:46:36 +07:00
"generate:og-image": "node ../scripts/generate-og-image.mjs",
feat: update sitemap generation script to use Node.js and mark subprojects as dirty
2026-03-24 05:04:23 +07:00
"generate:sitemap": "node scripts/generate-sitemap.mjs",
feat: add BMP280 sensor component and circuit preview - Implemented Bmp280Element as a custom web component for the BMP280 barometric sensor, including SVG representation and pin configuration. - Created CircuitPreview component to render circuit thumbnails using SVGs of components, including support for various boards and components. - Added a script to generate SVG files from wokwi-elements, ensuring proper formatting and structure for reliable rendering. - Introduced a test HTML generation script to visualize component SVGs.
2026-04-15 03:27:30 +07:00
"generate:component-svgs": "node ../scripts/generate-component-svgs.cjs",
feat(i18n): react-i18next foundation + 9-locale support for header / footer This is Phase 1 of multi-language support: the visible chrome (header, footer, language switcher) and routing are wired up for all 9 locales (en, es, pt-br, it, fr, zh-cn, de, ja, ru) — same set the blog at velxio.dev/blog/ already supports. The Editor and the long-form landing-page copy are still English-only and will be translated in a follow-up. Infrastructure - frontend/src/i18n/config.ts: locale registry + LOCALE_META (htmlLang, native name, og locale, dir). Mirrors pro/blog/src/i18n/config.ts so cookie sync stays consistent. - frontend/src/i18n/cookie.ts: read/write the velxio_locale cookie at Path=/; Max-Age=1y; SameSite=Lax (Secure on HTTPS). The blog reads the same cookie via an inline script in its Layout.astro. - frontend/src/i18n/path.ts: getLocaleFromPath / stripLocaleFromPath / localizedPath / switchLocale / blogUrlFor — match the blog's helpers one-to-one. - frontend/src/i18n/index.ts: i18next bootstrap. English bundle is inlined synchronously for first paint; non-default locales are lazy-loaded via dynamic import on demand. Initial locale is decided in priority order URL > cookie > navigator > en. - frontend/src/i18n/LocaleSync.tsx: top-level wrapper inside <Router>. On every URL change loads the matching locale bundle, calls i18n.changeLanguage, writes the cookie, and mirrors the locale onto <html lang> and dir. - frontend/src/i18n/useLocalizedNavigate.ts: useCurrentLocale, useLocalizedHref, useLocalizedNavigate hooks for components that build internal links. Routing - App.tsx: route table extracted to a single ROUTES array, then registered twice — once at the root (default English) and once nested under each non-default locale (`/<locale>/...`). Explicit per-locale parent routes (rather than a generic `:lang` param) so React Router never accidentally swallows a real top-level path like `/circuit-simulator` as a locale segment. Header / Footer - LanguageSwitcher.tsx + .css: dropdown matching the blog's LanguageSwitcher.astro. Globe icon + locale code on the trigger, native names + ISO codes in the menu. Click → `switchLocale()` rewrites the URL under the new locale; LocaleSync handles the rest (load bundle, change language, write cookie). - AppHeader.tsx: every nav label and the auth dropdown copy now goes through `t('header.nav.*')`, `t('header.auth.*')`. All internal Links wrapped with localize() so navigation stays inside the active locale. Added a "Blog" link computed via `blogUrlFor(currentLocale)` so /es/ → /blog/es/, etc. - LandingPage.tsx: footer About-Velxio paragraph reads from t('footer.about'). Translations (Phase 1 strings) - frontend/src/i18n/locales/<locale>/common.json: nav labels, auth buttons, footer About copy. Hand-translated for all 9 locales, AGPLv3 / brand names preserved as-is. Tooling - frontend/scripts/translate-i18n.mjs: standalone Node script that takes the en.json bundles and auto-translates them to the 8 other locales via DeepSeek (primary) + Gemini (fallback). One LLM call per (locale, namespace) pair. Run after extracting new strings with `npm run translate:i18n`. Phase 2 (deferred) - Editor (toolbar, file explorer, simulator canvas, component picker, library manager, error toasts) — hundreds of strings. - Examples / Docs / About / Profile pages. - The translate-i18n.mjs script is ready to handle these once the strings have been extracted into JSON keys.
2026-05-09 10:40:37 +07:00
"translate:i18n": "node scripts/translate-i18n.mjs",
feat: add BMP280 sensor component and circuit preview - Implemented Bmp280Element as a custom web component for the BMP280 barometric sensor, including SVG representation and pin configuration. - Created CircuitPreview component to render circuit thumbnails using SVGs of components, including support for various boards and components. - Added a script to generate SVG files from wokwi-elements, ensuring proper formatting and structure for reliable rendering. - Introduced a test HTML generation script to visualize component SVGs.
2026-04-15 03:27:30 +07:00
"dev": "npm run generate:metadata && npm run generate:component-svgs && vite",
"build": "npm run generate:metadata && npm run generate:component-svgs && npm run generate:sitemap && tsc -b && vite build && node scripts/prerender-seo.mjs",
"build:docker": "npm run generate:component-svgs && npm run generate:sitemap && vite build && node scripts/prerender-seo.mjs",
feat: Implement Arduino Simulator with component management and simulation features - Added SimulatorCanvas component for rendering the simulator interface. - Integrated Wokwi components (Arduino, LED, Resistor, Pushbutton, Potentiometer) into the simulator. - Created PinManager to handle pin state changes and notifications. - Developed AVRSimulator class for emulating Arduino Uno functionality. - Implemented hex file loading and compilation service. - Added CSS styles for the simulator interface. - Established Zustand stores for managing editor and simulator states. - Created utility functions for parsing Intel HEX format. - Set up Vite configuration for the frontend project. - Added batch scripts for starting backend and frontend servers, and updating Wokwi libraries.
2026-03-03 10:20:49 +07:00
"lint": "eslint .",
refactor: rename components and update prefixes to 'velxio-' for consistency - Modified the index file to reflect the new naming convention for Velxio components. - Changed JSX declarations to use 'velxio-' prefix for various components. - Updated component overrides to replace 'wokwi-' with 'velxio-' for logic gates and other components. - Adjusted SVG generation script to use 'velxio-' prefix for BMP280 and Raspberry Pi components. - Marked submodules as dirty in QEMU and RP2040 libraries. - Added .prettierignore and .prettierrc.json for consistent code formatting. - Introduced InstrumentComponent with support for Voltmeter and Ammeter, including pin information handling.
2026-04-22 02:45:45 +07:00
"lint:fix": "eslint . --fix",
"format": "prettier --write \"src/**/*.{ts,tsx,css}\"",
"format:check": "prettier --check \"src/**/*.{ts,tsx,css}\"",
"check": "npm run lint && npm run format:check",
feat: establish initial simulator and editor environment with component rendering, wiring, library management, and backend services.
2026-03-05 08:05:23 +07:00
"preview": "vite preview",
fix(monaco): cross-platform postinstall via Node script Replace Unix-only shell one-liner (mkdir -p / printf / cp -r) with a Node.js ESM script (scripts/copy-monaco.mjs) that works on Windows, macOS and Linux alike. The script still writes public/monaco/.gitignore to keep copied assets out of git.
2026-05-11 22:42:33 +07:00
"postinstall": "node scripts/copy-monaco.mjs",
feat: establish initial simulator and editor environment with component rendering, wiring, library management, and backend services.
2026-03-05 08:05:23 +07:00
"test": "vitest run",
"test:watch": "vitest",
"test:coverage": "vitest run --coverage",
"test:ui": "vitest --ui"
feat: Implement Arduino Simulator with component management and simulation features - Added SimulatorCanvas component for rendering the simulator interface. - Integrated Wokwi components (Arduino, LED, Resistor, Pushbutton, Potentiometer) into the simulator. - Created PinManager to handle pin state changes and notifications. - Developed AVRSimulator class for emulating Arduino Uno functionality. - Implemented hex file loading and compilation service. - Added CSS styles for the simulator interface. - Established Zustand stores for managing editor and simulator states. - Created utility functions for parsing Intel HEX format. - Set up Vite configuration for the frontend project. - Added batch scripts for starting backend and frontend servers, and updating Wokwi libraries.
2026-03-03 10:20:49 +07:00
},
"dependencies": {
feat(editor): view-mode toggle, agent-chat slot, toolbar polish Changes that ship to OSS — all benign for self-hosters, but most are extension points the velxio-prod overlay (and any private fork) needs to plug an in-editor AI chat into the page. Editor: - 3-way view-mode toggle (code / both / circuit) in the unified toolbar. Lets users hide a pane to give a right-docked sidebar (e.g. the AI chat overlay) more breathing room. Persisted in useEditorStore. - Default file explorer narrower (210 → 165 px); min 110. - Removed the redundant `tb-board-pill` (icon + "Editing: X" tooltip); the BoardSelector dropdown elsewhere already shows the active board. - Inlined Import/Export/Upload-firmware buttons; the 3-dot overflow menu gave up too much discoverability. Removed dead overflow state. Simulator: - Fix: global Delete/Backspace handler in SimulatorCanvas no longer fires when the event target is an INPUT/TEXTAREA/SELECT/contentEditable — affected any in-page text field, not just the chat overlay. Overlay extensibility: - New `data-velxio-slot="agent-chat"` at the bottom of EditorPage so pro overlays can portal a chat panel into the editor without forking the page. - vite.config.ts: preserveSymlinks=true when VITE_PRO_BUILD is set. Lets local-dev junctions (overlay tree → frontend/src/pro) resolve bare imports back to the OSS node_modules without resolving symlinks. Deps: - Added react-markdown + remark-gfm (rendered chat output) and @google/genai + zod (overlay agent loop). Tree-shaken from the OSS bundle when no pro code imports them. gitignore: - Ignore backend/app/pro/ and frontend/src/pro/ junctions used by developers running a private overlay against the OSS dev server. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
2026-05-08 10:53:27 +07:00
"@google/genai": "^0.6.0",
feat: Implement Arduino Simulator with component management and simulation features - Added SimulatorCanvas component for rendering the simulator interface. - Integrated Wokwi components (Arduino, LED, Resistor, Pushbutton, Potentiometer) into the simulator. - Created PinManager to handle pin state changes and notifications. - Developed AVRSimulator class for emulating Arduino Uno functionality. - Implemented hex file loading and compilation service. - Added CSS styles for the simulator interface. - Established Zustand stores for managing editor and simulator states. - Created utility functions for parsing Intel HEX format. - Set up Vite configuration for the frontend project. - Added batch scripts for starting backend and frontend servers, and updating Wokwi libraries.
2026-03-03 10:20:49 +07:00
"@monaco-editor/react": "^4.7.0",
Load monaco editor from local installation
2026-05-11 10:26:08 +07:00
"monaco-editor": "0.55.1",
feat: add CodeBlock component with syntax highlighting and update dependencies
2026-03-17 00:39:49 +07:00
"@types/react-syntax-highlighter": "^15.5.13",
fix(install): unblock self-hosting + drop forced wokwi clones Resolves several install pain points reported by users (#108, #120) and removes the obligatory upstream-clone step that confused contributors and slowed down every Docker build. Install fixes: - nginx: server_name → catch-all default_server, drop Debian's stock site so reverse-proxied users no longer get the "Welcome to nginx" page. - entrypoint: auto-generate SECRET_KEY at first boot, persisted under data/.secret_key. backend/.env is now optional in docker-compose.yml. - backend: add greenlet>=3.0.0 (SQLAlchemy async dep that was missing on some Python builds — caused uvicorn startup failures on WSL). Wokwi libs come from npm: - @wokwi/elements 1.9.2, avr8js 0.21.0, rp2040js 1.3.2 are pinned in frontend/package.json. Vite aliases removed. - Dockerfile.standalone no longer clones avr8js / rp2040js / wokwi-elements / wokwi-boards. Frontend stage is just COPY + npm install + build:docker. - Board SVGs vendored under frontend/public/boards/ (10 deduped against existing files, 2 truly new). third-party/wokwi-* clones become reference- only credits — generate-component-metadata.ts skips gracefully when absent. Production config split out: - docker-compose.prod.yml, deploy/nginx.prod.conf, nginx-host-velxio*.conf, update-third-party.bat removed. Production deployment lives in its own repo: https://github.com/velxio/velxio-prod (host nginx + HTTPS + backups + pinned upstream commit). Verified locally: 1161 frontend tests pass, build:docker completes clean. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
2026-05-04 10:04:11 +07:00
"@wokwi/elements": "1.9.2",
feat: Implement Virtual File System for Raspberry Pi 3 with context menu and upload functionality - Add VirtualFileSystem component for managing files and directories. - Integrate useVfsStore for state management of the virtual file system. - Implement context menu for file operations: New File, New Folder, Rename, Delete. - Add upload functionality to send files to Raspberry Pi. - Create default file structure for new Raspberry Pi boards. - Enhance editor with board-aware features and compile/run orchestration. - Introduce CompileAllProgress component for tracking compilation status across boards. - Redesign SerialMonitor to support multiple boards with tabbed interface. - Establish Raspberry Pi specific workspace with terminal and file system integration.
2026-03-16 00:04:01 +07:00
"@xterm/addon-fit": "^0.11.0",
"@xterm/xterm": "^6.0.0",
fix(install): unblock self-hosting + drop forced wokwi clones Resolves several install pain points reported by users (#108, #120) and removes the obligatory upstream-clone step that confused contributors and slowed down every Docker build. Install fixes: - nginx: server_name → catch-all default_server, drop Debian's stock site so reverse-proxied users no longer get the "Welcome to nginx" page. - entrypoint: auto-generate SECRET_KEY at first boot, persisted under data/.secret_key. backend/.env is now optional in docker-compose.yml. - backend: add greenlet>=3.0.0 (SQLAlchemy async dep that was missing on some Python builds — caused uvicorn startup failures on WSL). Wokwi libs come from npm: - @wokwi/elements 1.9.2, avr8js 0.21.0, rp2040js 1.3.2 are pinned in frontend/package.json. Vite aliases removed. - Dockerfile.standalone no longer clones avr8js / rp2040js / wokwi-elements / wokwi-boards. Frontend stage is just COPY + npm install + build:docker. - Board SVGs vendored under frontend/public/boards/ (10 deduped against existing files, 2 truly new). third-party/wokwi-* clones become reference- only credits — generate-component-metadata.ts skips gracefully when absent. Production config split out: - docker-compose.prod.yml, deploy/nginx.prod.conf, nginx-host-velxio*.conf, update-third-party.bat removed. Production deployment lives in its own repo: https://github.com/velxio/velxio-prod (host nginx + HTTPS + backups + pinned upstream commit). Verified locally: 1161 frontend tests pass, build:docker completes clean. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
2026-05-04 10:04:11 +07:00
"avr8js": "0.21.0",
feat: Implement Arduino Simulator with component management and simulation features - Added SimulatorCanvas component for rendering the simulator interface. - Integrated Wokwi components (Arduino, LED, Resistor, Pushbutton, Potentiometer) into the simulator. - Created PinManager to handle pin state changes and notifications. - Developed AVRSimulator class for emulating Arduino Uno functionality. - Implemented hex file loading and compilation service. - Added CSS styles for the simulator interface. - Established Zustand stores for managing editor and simulator states. - Created utility functions for parsing Intel HEX format. - Set up Vite configuration for the frontend project. - Added batch scripts for starting backend and frontend servers, and updating Wokwi libraries.
2026-03-03 10:20:49 +07:00
"axios": "^1.13.6",
feat(i18n): react-i18next foundation + 9-locale support for header / footer This is Phase 1 of multi-language support: the visible chrome (header, footer, language switcher) and routing are wired up for all 9 locales (en, es, pt-br, it, fr, zh-cn, de, ja, ru) — same set the blog at velxio.dev/blog/ already supports. The Editor and the long-form landing-page copy are still English-only and will be translated in a follow-up. Infrastructure - frontend/src/i18n/config.ts: locale registry + LOCALE_META (htmlLang, native name, og locale, dir). Mirrors pro/blog/src/i18n/config.ts so cookie sync stays consistent. - frontend/src/i18n/cookie.ts: read/write the velxio_locale cookie at Path=/; Max-Age=1y; SameSite=Lax (Secure on HTTPS). The blog reads the same cookie via an inline script in its Layout.astro. - frontend/src/i18n/path.ts: getLocaleFromPath / stripLocaleFromPath / localizedPath / switchLocale / blogUrlFor — match the blog's helpers one-to-one. - frontend/src/i18n/index.ts: i18next bootstrap. English bundle is inlined synchronously for first paint; non-default locales are lazy-loaded via dynamic import on demand. Initial locale is decided in priority order URL > cookie > navigator > en. - frontend/src/i18n/LocaleSync.tsx: top-level wrapper inside <Router>. On every URL change loads the matching locale bundle, calls i18n.changeLanguage, writes the cookie, and mirrors the locale onto <html lang> and dir. - frontend/src/i18n/useLocalizedNavigate.ts: useCurrentLocale, useLocalizedHref, useLocalizedNavigate hooks for components that build internal links. Routing - App.tsx: route table extracted to a single ROUTES array, then registered twice — once at the root (default English) and once nested under each non-default locale (`/<locale>/...`). Explicit per-locale parent routes (rather than a generic `:lang` param) so React Router never accidentally swallows a real top-level path like `/circuit-simulator` as a locale segment. Header / Footer - LanguageSwitcher.tsx + .css: dropdown matching the blog's LanguageSwitcher.astro. Globe icon + locale code on the trigger, native names + ISO codes in the menu. Click → `switchLocale()` rewrites the URL under the new locale; LocaleSync handles the rest (load bundle, change language, write cookie). - AppHeader.tsx: every nav label and the auth dropdown copy now goes through `t('header.nav.*')`, `t('header.auth.*')`. All internal Links wrapped with localize() so navigation stays inside the active locale. Added a "Blog" link computed via `blogUrlFor(currentLocale)` so /es/ → /blog/es/, etc. - LandingPage.tsx: footer About-Velxio paragraph reads from t('footer.about'). Translations (Phase 1 strings) - frontend/src/i18n/locales/<locale>/common.json: nav labels, auth buttons, footer About copy. Hand-translated for all 9 locales, AGPLv3 / brand names preserved as-is. Tooling - frontend/scripts/translate-i18n.mjs: standalone Node script that takes the en.json bundles and auto-translates them to the 8 other locales via DeepSeek (primary) + Gemini (fallback). One LLM call per (locale, namespace) pair. Run after extracting new strings with `npm run translate:i18n`. Phase 2 (deferred) - Editor (toolbar, file explorer, simulator canvas, component picker, library manager, error toasts) — hundreds of strings. - Examples / Docs / About / Profile pages. - The translate-i18n.mjs script is ready to handle these once the strings have been extracted into JSON keys.
2026-05-09 10:40:37 +07:00
"i18next": "^23.16.4",
"i18next-browser-languagedetector": "^8.0.0",
feat: add MicroPython support for RP2040 boards (Pico / Pico W) Implements MicroPython emulation for Raspberry Pi Pico boards running entirely in the browser using rp2040js. Users can toggle between Arduino C++ and MicroPython modes via a language selector dropdown. Key changes: - Add LanguageMode type and BOARD_SUPPORTS_MICROPYTHON to board types - Create MicroPythonLoader.ts: UF2 firmware parser, LittleFS filesystem builder (via littlefs-wasm), IndexedDB firmware caching - Extend RP2040Simulator with loadMicroPython() method using USBCDC for serial REPL instead of UART - Add setBoardLanguageMode and loadMicroPythonProgram store actions - Update EditorToolbar with language toggle and MicroPython compile flow - Enhance SerialMonitor with REPL label, Ctrl+C/D support - Bundle MicroPython v1.20.0 UF2 firmware as fallback in public/firmware/ - Update useEditorStore to create main.py default for MicroPython mode Closes #3 Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-03-30 07:27:41 +07:00
"idb-keyval": "^6.2.2",
feat: add Wokwi zip import/export functionality and update dependencies
2026-03-07 10:14:35 +07:00
"jszip": "^3.10.1",
feat: add MicroPython support for RP2040 boards (Pico / Pico W) Implements MicroPython emulation for Raspberry Pi Pico boards running entirely in the browser using rp2040js. Users can toggle between Arduino C++ and MicroPython modes via a language selector dropdown. Key changes: - Add LanguageMode type and BOARD_SUPPORTS_MICROPYTHON to board types - Create MicroPythonLoader.ts: UF2 firmware parser, LittleFS filesystem builder (via littlefs-wasm), IndexedDB firmware caching - Extend RP2040Simulator with loadMicroPython() method using USBCDC for serial REPL instead of UART - Add setBoardLanguageMode and loadMicroPythonProgram store actions - Update EditorToolbar with language toggle and MicroPython compile flow - Enhance SerialMonitor with REPL label, Ctrl+C/D support - Bundle MicroPython v1.20.0 UF2 firmware as fallback in public/firmware/ - Update useEditorStore to create main.py default for MicroPython mode Closes #3 Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-03-30 07:27:41 +07:00
"littlefs": "^0.1.0",
feat(design): tokens, webfonts, Lucide icons, board PNG/WebP picture strip Foundation - Add 7 token CSS files in src/tokens/ — semantic colors, 4-pt spacing, Apple-HIG type ramp, radius/elevation/motion/z-index scales. - Refactor src/index.css to import tokens and remap legacy aliases (--accent, --bg, etc.) onto the new --color-* semantics so existing components keep rendering during migration. - Drop the duplicate font-family from src/App.css; body inherits from :root. - Global *:focus-visible ring backed by --color-focus-ring (WCAG 2.4.7). Webfonts (self-hosted) - Add Inter.var.woff2 (variable, OFL) and JetBrainsMono.var.woff2 to public/fonts/. Preloaded in index.html with crossorigin. - Old stack -apple-system kept as fallback so Mac users still get SF Pro. - Fixes cross-OS rendering inconsistency (Win/Linux/Android were falling back to Segoe UI / Roboto, breaking the type grid). Component primitives - New src/components/ui/{Button,Card,Input}.tsx + .css. Built on the semantic tokens, ready for incremental migration of .ap-* CSS classes. Lucide icons - Replace 6 inline SVG icon components in LandingPage (IcoChip / IcoCpu / IcoCode / IcoZap / IcoLayers / IcoMonitor) with lucide-react imports. Aliased so call sites are unchanged. ~80 lines of inline SVG removed. - IcoGitHub kept bespoke (filled glyph, brand-correct). Marketing assets - Convert top 8 boards to transparent PNG + WebP at 1x / 2x: Arduino Uno, Nano, Mega 2560, Pi Pico, Pi Pico W, ESP32-C3, ESP32-DevKit-V1, XIAO ESP32-S3. - Migrate matching cards in LandingPage and Velxio2Page to <picture> with WebP > PNG > SVG fallback. Other 8 boards keep <img src=*.svg> for now (Raspberry Pi 3B, ESP32-CAM, etc.). - Refresh og-image.png — same canonical URL, new content (4 hero boards + branding instead of generic logo card). - Fix latent bug in LandingPage: ESP32 DevKit V1 card was loading esp32-devkit-c-v4.svg; now uses esp32-devkit-v1.{webp,png,svg}. Build verified: npm run build:docker succeeds, 246 SEO pages prerender. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
2026-05-08 01:45:44 +07:00
"lucide-react": "^0.460.0",
feat: Implement Arduino Simulator with component management and simulation features - Added SimulatorCanvas component for rendering the simulator interface. - Integrated Wokwi components (Arduino, LED, Resistor, Pushbutton, Potentiometer) into the simulator. - Created PinManager to handle pin state changes and notifications. - Developed AVRSimulator class for emulating Arduino Uno functionality. - Implemented hex file loading and compilation service. - Added CSS styles for the simulator interface. - Established Zustand stores for managing editor and simulator states. - Created utility functions for parsing Intel HEX format. - Set up Vite configuration for the frontend project. - Added batch scripts for starting backend and frontend servers, and updating Wokwi libraries.
2026-03-03 10:20:49 +07:00
"react": "^19.2.0",
"react-dom": "^19.2.0",
feat(i18n): react-i18next foundation + 9-locale support for header / footer This is Phase 1 of multi-language support: the visible chrome (header, footer, language switcher) and routing are wired up for all 9 locales (en, es, pt-br, it, fr, zh-cn, de, ja, ru) — same set the blog at velxio.dev/blog/ already supports. The Editor and the long-form landing-page copy are still English-only and will be translated in a follow-up. Infrastructure - frontend/src/i18n/config.ts: locale registry + LOCALE_META (htmlLang, native name, og locale, dir). Mirrors pro/blog/src/i18n/config.ts so cookie sync stays consistent. - frontend/src/i18n/cookie.ts: read/write the velxio_locale cookie at Path=/; Max-Age=1y; SameSite=Lax (Secure on HTTPS). The blog reads the same cookie via an inline script in its Layout.astro. - frontend/src/i18n/path.ts: getLocaleFromPath / stripLocaleFromPath / localizedPath / switchLocale / blogUrlFor — match the blog's helpers one-to-one. - frontend/src/i18n/index.ts: i18next bootstrap. English bundle is inlined synchronously for first paint; non-default locales are lazy-loaded via dynamic import on demand. Initial locale is decided in priority order URL > cookie > navigator > en. - frontend/src/i18n/LocaleSync.tsx: top-level wrapper inside <Router>. On every URL change loads the matching locale bundle, calls i18n.changeLanguage, writes the cookie, and mirrors the locale onto <html lang> and dir. - frontend/src/i18n/useLocalizedNavigate.ts: useCurrentLocale, useLocalizedHref, useLocalizedNavigate hooks for components that build internal links. Routing - App.tsx: route table extracted to a single ROUTES array, then registered twice — once at the root (default English) and once nested under each non-default locale (`/<locale>/...`). Explicit per-locale parent routes (rather than a generic `:lang` param) so React Router never accidentally swallows a real top-level path like `/circuit-simulator` as a locale segment. Header / Footer - LanguageSwitcher.tsx + .css: dropdown matching the blog's LanguageSwitcher.astro. Globe icon + locale code on the trigger, native names + ISO codes in the menu. Click → `switchLocale()` rewrites the URL under the new locale; LocaleSync handles the rest (load bundle, change language, write cookie). - AppHeader.tsx: every nav label and the auth dropdown copy now goes through `t('header.nav.*')`, `t('header.auth.*')`. All internal Links wrapped with localize() so navigation stays inside the active locale. Added a "Blog" link computed via `blogUrlFor(currentLocale)` so /es/ → /blog/es/, etc. - LandingPage.tsx: footer About-Velxio paragraph reads from t('footer.about'). Translations (Phase 1 strings) - frontend/src/i18n/locales/<locale>/common.json: nav labels, auth buttons, footer About copy. Hand-translated for all 9 locales, AGPLv3 / brand names preserved as-is. Tooling - frontend/scripts/translate-i18n.mjs: standalone Node script that takes the en.json bundles and auto-translates them to the 8 other locales via DeepSeek (primary) + Gemini (fallback). One LLM call per (locale, namespace) pair. Run after extracting new strings with `npm run translate:i18n`. Phase 2 (deferred) - Editor (toolbar, file explorer, simulator canvas, component picker, library manager, error toasts) — hundreds of strings. - Examples / Docs / About / Profile pages. - The translate-i18n.mjs script is ready to handle these once the strings have been extracted into JSON keys.
2026-05-09 10:40:37 +07:00
"react-i18next": "^15.1.0",
feat(editor): view-mode toggle, agent-chat slot, toolbar polish Changes that ship to OSS — all benign for self-hosters, but most are extension points the velxio-prod overlay (and any private fork) needs to plug an in-editor AI chat into the page. Editor: - 3-way view-mode toggle (code / both / circuit) in the unified toolbar. Lets users hide a pane to give a right-docked sidebar (e.g. the AI chat overlay) more breathing room. Persisted in useEditorStore. - Default file explorer narrower (210 → 165 px); min 110. - Removed the redundant `tb-board-pill` (icon + "Editing: X" tooltip); the BoardSelector dropdown elsewhere already shows the active board. - Inlined Import/Export/Upload-firmware buttons; the 3-dot overflow menu gave up too much discoverability. Removed dead overflow state. Simulator: - Fix: global Delete/Backspace handler in SimulatorCanvas no longer fires when the event target is an INPUT/TEXTAREA/SELECT/contentEditable — affected any in-page text field, not just the chat overlay. Overlay extensibility: - New `data-velxio-slot="agent-chat"` at the bottom of EditorPage so pro overlays can portal a chat panel into the editor without forking the page. - vite.config.ts: preserveSymlinks=true when VITE_PRO_BUILD is set. Lets local-dev junctions (overlay tree → frontend/src/pro) resolve bare imports back to the OSS node_modules without resolving symlinks. Deps: - Added react-markdown + remark-gfm (rendered chat output) and @google/genai + zod (overlay agent loop). Tree-shaken from the OSS bundle when no pro code imports them. gitignore: - Ignore backend/app/pro/ and frontend/src/pro/ junctions used by developers running a private overlay against the OSS dev server. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
2026-05-08 10:53:27 +07:00
"react-markdown": "^10.1.0",
feat: add react-router-dom for routing and enhance wire rendering with automatic offsets
2026-03-05 04:03:54 +07:00
"react-router-dom": "^7.13.1",
feat: add CodeBlock component with syntax highlighting and update dependencies
2026-03-17 00:39:49 +07:00
"react-syntax-highlighter": "^16.1.1",
feat(metrics): add usage analytics dashboard with country tracking Track per-user, per-project, and per-board usage to inform pricing tier decisions. Adds an admin dashboard with KPIs (DAU/WAU/MAU, totals, success rate), time-series charts for compiles/runs, board family + FQBN breakdowns, "board diversity" pie chart (key freemium signal), top users/projects, and per-country breakdown via Cloudflare's CF-IPCountry header. Admin can now also view private projects. Backend: - New UsageEvent table (append-only event log with user_id, project_id, event_type, board_fqbn/family, country, error_kind, duration_ms) - Aggregate counters on User (total_compiles/runs/errors, last_active, signup_country, last_country) and Project (compile/run/update counts, last_compiled/run timestamps) kept in sync by MetricsService for O(1) dashboard reads - 10 admin endpoints under /api/admin/metrics/{overview, timeseries, boards, board-diversity, top-users, top-projects, countries, users/{id}, projects/{id}} - POST /api/metrics/run for client-side run telemetry - Country detection via cf-ipcountry header (no DB / no API calls) - Auto-migrations in lifespan for legacy DBs Frontend: - recharts-powered Dashboard tab with KPI cards and 4 charts - New Boards tab with per-family + per-FQBN breakdown - Country column with flag emoji on Users tab - Top countries card on Dashboard - compileCode now forwards project_id; Run button reports via WS Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
2026-04-26 05:46:52 +07:00
"recharts": "^3.8.1",
feat(editor): view-mode toggle, agent-chat slot, toolbar polish Changes that ship to OSS — all benign for self-hosters, but most are extension points the velxio-prod overlay (and any private fork) needs to plug an in-editor AI chat into the page. Editor: - 3-way view-mode toggle (code / both / circuit) in the unified toolbar. Lets users hide a pane to give a right-docked sidebar (e.g. the AI chat overlay) more breathing room. Persisted in useEditorStore. - Default file explorer narrower (210 → 165 px); min 110. - Removed the redundant `tb-board-pill` (icon + "Editing: X" tooltip); the BoardSelector dropdown elsewhere already shows the active board. - Inlined Import/Export/Upload-firmware buttons; the 3-dot overflow menu gave up too much discoverability. Removed dead overflow state. Simulator: - Fix: global Delete/Backspace handler in SimulatorCanvas no longer fires when the event target is an INPUT/TEXTAREA/SELECT/contentEditable — affected any in-page text field, not just the chat overlay. Overlay extensibility: - New `data-velxio-slot="agent-chat"` at the bottom of EditorPage so pro overlays can portal a chat panel into the editor without forking the page. - vite.config.ts: preserveSymlinks=true when VITE_PRO_BUILD is set. Lets local-dev junctions (overlay tree → frontend/src/pro) resolve bare imports back to the OSS node_modules without resolving symlinks. Deps: - Added react-markdown + remark-gfm (rendered chat output) and @google/genai + zod (overlay agent loop). Tree-shaken from the OSS bundle when no pro code imports them. gitignore: - Ignore backend/app/pro/ and frontend/src/pro/ junctions used by developers running a private overlay against the OSS dev server. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
2026-05-08 10:53:27 +07:00
"remark-gfm": "^4.0.1",
"rp2040js": "1.3.2",
"zod": "^3.23.8",
feat: Implement Arduino Simulator with component management and simulation features - Added SimulatorCanvas component for rendering the simulator interface. - Integrated Wokwi components (Arduino, LED, Resistor, Pushbutton, Potentiometer) into the simulator. - Created PinManager to handle pin state changes and notifications. - Developed AVRSimulator class for emulating Arduino Uno functionality. - Implemented hex file loading and compilation service. - Added CSS styles for the simulator interface. - Established Zustand stores for managing editor and simulator states. - Created utility functions for parsing Intel HEX format. - Set up Vite configuration for the frontend project. - Added batch scripts for starting backend and frontend servers, and updating Wokwi libraries.
2026-03-03 10:20:49 +07:00
"zustand": "^5.0.11"
},
"devDependencies": {
"@eslint/js": "^9.39.1",
feat: add Wokwi zip import/export functionality and update dependencies
2026-03-07 10:14:35 +07:00
"@types/jszip": "^3.4.0",
feat: Implement Arduino Simulator with component management and simulation features - Added SimulatorCanvas component for rendering the simulator interface. - Integrated Wokwi components (Arduino, LED, Resistor, Pushbutton, Potentiometer) into the simulator. - Created PinManager to handle pin state changes and notifications. - Developed AVRSimulator class for emulating Arduino Uno functionality. - Implemented hex file loading and compilation service. - Added CSS styles for the simulator interface. - Established Zustand stores for managing editor and simulator states. - Created utility functions for parsing Intel HEX format. - Set up Vite configuration for the frontend project. - Added batch scripts for starting backend and frontend servers, and updating Wokwi libraries.
2026-03-03 10:20:49 +07:00
"@types/node": "^24.11.0",
"@types/react": "^19.2.7",
"@types/react-dom": "^19.2.3",
"@vitejs/plugin-react": "^5.1.1",
feat: establish initial simulator and editor environment with component rendering, wiring, library management, and backend services.
2026-03-05 08:05:23 +07:00
"@vitest/coverage-v8": "^4.0.18",
"@vitest/ui": "^4.0.18",
feat: Implement Arduino Simulator with component management and simulation features - Added SimulatorCanvas component for rendering the simulator interface. - Integrated Wokwi components (Arduino, LED, Resistor, Pushbutton, Potentiometer) into the simulator. - Created PinManager to handle pin state changes and notifications. - Developed AVRSimulator class for emulating Arduino Uno functionality. - Implemented hex file loading and compilation service. - Added CSS styles for the simulator interface. - Established Zustand stores for managing editor and simulator states. - Created utility functions for parsing Intel HEX format. - Set up Vite configuration for the frontend project. - Added batch scripts for starting backend and frontend servers, and updating Wokwi libraries.
2026-03-03 10:20:49 +07:00
"eslint": "^9.39.1",
refactor: rename components and update prefixes to 'velxio-' for consistency - Modified the index file to reflect the new naming convention for Velxio components. - Changed JSX declarations to use 'velxio-' prefix for various components. - Updated component overrides to replace 'wokwi-' with 'velxio-' for logic gates and other components. - Adjusted SVG generation script to use 'velxio-' prefix for BMP280 and Raspberry Pi components. - Marked submodules as dirty in QEMU and RP2040 libraries. - Added .prettierignore and .prettierrc.json for consistent code formatting. - Introduced InstrumentComponent with support for Voltmeter and Ammeter, including pin information handling.
2026-04-22 02:45:45 +07:00
"eslint-config-prettier": "10.1.8",
feat: Implement Arduino Simulator with component management and simulation features - Added SimulatorCanvas component for rendering the simulator interface. - Integrated Wokwi components (Arduino, LED, Resistor, Pushbutton, Potentiometer) into the simulator. - Created PinManager to handle pin state changes and notifications. - Developed AVRSimulator class for emulating Arduino Uno functionality. - Implemented hex file loading and compilation service. - Added CSS styles for the simulator interface. - Established Zustand stores for managing editor and simulator states. - Created utility functions for parsing Intel HEX format. - Set up Vite configuration for the frontend project. - Added batch scripts for starting backend and frontend servers, and updating Wokwi libraries.
2026-03-03 10:20:49 +07:00
"eslint-plugin-react-hooks": "^7.0.1",
"eslint-plugin-react-refresh": "^0.4.24",
"globals": "^16.5.0",
feat: establish initial simulator and editor environment with component rendering, wiring, library management, and backend services.
2026-03-05 08:05:23 +07:00
"jsdom": "^28.1.0",
refactor: rename components and update prefixes to 'velxio-' for consistency - Modified the index file to reflect the new naming convention for Velxio components. - Changed JSX declarations to use 'velxio-' prefix for various components. - Updated component overrides to replace 'wokwi-' with 'velxio-' for logic gates and other components. - Adjusted SVG generation script to use 'velxio-' prefix for BMP280 and Raspberry Pi components. - Marked submodules as dirty in QEMU and RP2040 libraries. - Added .prettierignore and .prettierrc.json for consistent code formatting. - Introduced InstrumentComponent with support for Voltmeter and Ammeter, including pin information handling.
2026-04-22 02:45:45 +07:00
"prettier": "3.8.3",
feat: Implement Arduino Simulator with component management and simulation features - Added SimulatorCanvas component for rendering the simulator interface. - Integrated Wokwi components (Arduino, LED, Resistor, Pushbutton, Potentiometer) into the simulator. - Created PinManager to handle pin state changes and notifications. - Developed AVRSimulator class for emulating Arduino Uno functionality. - Implemented hex file loading and compilation service. - Added CSS styles for the simulator interface. - Established Zustand stores for managing editor and simulator states. - Created utility functions for parsing Intel HEX format. - Set up Vite configuration for the frontend project. - Added batch scripts for starting backend and frontend servers, and updating Wokwi libraries.
2026-03-03 10:20:49 +07:00
"typescript": "~5.9.3",
"typescript-eslint": "^8.48.0",
feat: establish initial simulator and editor environment with component rendering, wiring, library management, and backend services.
2026-03-05 08:05:23 +07:00
"vite": "^7.3.1",
"vitest": "^4.0.18"
feat: Implement Arduino Simulator with component management and simulation features - Added SimulatorCanvas component for rendering the simulator interface. - Integrated Wokwi components (Arduino, LED, Resistor, Pushbutton, Potentiometer) into the simulator. - Created PinManager to handle pin state changes and notifications. - Developed AVRSimulator class for emulating Arduino Uno functionality. - Implemented hex file loading and compilation service. - Added CSS styles for the simulator interface. - Established Zustand stores for managing editor and simulator states. - Created utility functions for parsing Intel HEX format. - Set up Vite configuration for the frontend project. - Added batch scripts for starting backend and frontend servers, and updating Wokwi libraries.
2026-03-03 10:20:49 +07:00
}
}