Merge pull request #72 from objectstack-ai/copilot/design-vscode-plugin

Author: huangyiirene

README.md

@@ -198,11 +198,15 @@ Object UI is a modular monorepo with packages designed for specific use cases:
 | **[@object-ui/components](./packages/components)** | Standard UI components (Tailwind + Shadcn) | 50KB |
 | **[@object-ui/designer](./packages/designer)** | Visual drag-and-drop schema editor | 80KB |
 | **[@object-ui/data-objectql](./packages/data-objectql)** | ObjectQL API adapter for data integration | 15KB |
+| **[vscode-extension](./packages/vscode-extension)** | VSCode extension for schema development | 32KB |
 
 **Plugins** (lazy-loaded):
 - `@object-ui/plugin-charts` - Chart components (Chart.js)
 - `@object-ui/plugin-editor` - Rich text editor components
 
+**Developer Tools**:
+- **[VSCode Extension](./packages/vscode-extension)** - IntelliSense, live preview, validation, and snippets for Object UI schemas
+
 ## 🔌 Data Integration
 
 Object UI is designed to work with any backend through its universal DataSource interface:

packages/vscode-extension/.gitignore

@@ -0,0 +1,6 @@
+node_modules
+dist
+*.vsix
+.vscode-test
+*.log
+.DS_Store

packages/vscode-extension/.vscodeignore

@@ -0,0 +1,10 @@
+.vscode
+.vscode-test
+src
+tsconfig.json
+tsup.config.ts
+node_modules
+*.md
+!README.md
+.gitignore
+*.log

packages/vscode-extension/CHANGELOG.md

@@ -0,0 +1,35 @@
+# Changelog
+
+All notable changes to the Object UI VSCode extension will be documented in this file.
+
+The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
+and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
+
+## [Unreleased]
+
+### Added
+- Initial release of Object UI VSCode extension
+- Syntax highlighting for Object UI JSON schemas
+- IntelliSense and auto-completion for component types and properties
+- Live preview functionality with auto-refresh
+- Schema validation with real-time error checking
+- Code snippets for common patterns (forms, cards, layouts, etc.)
+- Export to React component functionality
+- Schema formatting command
+- Template-based schema creation
+- Hover documentation for properties and components
+- Support for `.objectui.json` and `.oui.json` file extensions
+
+### Features
+- **Preview System**: Side-by-side live preview of schemas
+- **Validation**: Real-time validation with helpful error messages
+- **Snippets**: 12+ code snippets for rapid development
+- **IntelliSense**: Context-aware auto-completion
+- **Export**: One-click export to React components
+
+## [0.1.0] - TBD
+
+### Added
+- Initial beta release
+- Core functionality for Object UI schema development
+- Documentation and examples