Skip to content

Add Calculator Form Editor React Component example#1

Open
hanag-wix wants to merge 1 commit into
mainfrom
add-calculator-form-example
Open

Add Calculator Form Editor React Component example#1
hanag-wix wants to merge 1 commit into
mainfrom
add-calculator-form-example

Conversation

@hanag-wix

Copy link
Copy Markdown
Collaborator

Summary

  • Adds CLI App - Calculator Form — a Wix CLI example demonstrating an Editor React Component extension for Wix Harmony
  • Includes a comprehensive README explaining what Editor React Components are, how auto panels work, and step-by-step instructions to reproduce the example (aligned with the video tutorial)
  • Follows the same structure as CLI App - FAQ manager: Wix Skills, Wix MCP config, sanitized wix.config.json placeholders

Privacy / sanitization

  • No personal app IDs, namespaces, or local paths included
  • wix.config.json uses <APP_ID>, <APP_NAMESPACE>, and <CODE_IDENTIFIER> placeholders
  • .env.local, .wix/, node_modules/, and dist/ are excluded via .gitignore

Test plan

  • Clone the example folder and run npm install
  • Configure wix.config.json with a Dev Center app
  • Run npx wix login and npx wix env pull
  • Run npm run build and npm run dev against a Harmony test site
  • Verify Calculator Form widget appears and auto panels work in Harmony editor
  • Review README for accuracy and completeness

Made with Cursor

Demonstrates building a Harmony-native calculator widget with auto panels,
Wix Skills, and Wix MCP — following the FAQ manager example structure.

Co-authored-by: Cursor <cursoragent@cursor.com>
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