Skip to content

Conversation

Copy link
Contributor

Copilot AI commented Jan 17, 2026

The 788-line component-spec.mdx file has been refactored into a folder-based architecture with individual files for each component, enabling better scalability and maintainability.

Changes

Documentation Structure

Reorganized into folder-based hierarchy with 13 individual component pages:

basic-components/ folder:

  • index.mdx → Category overview
  • input.mdx → Text input component
  • select.mdx → Dropdown selection
  • datepicker.mdx → Date/time picker
  • switch.mdx → Boolean toggle

container-components/ folder:

  • index.mdx → Category overview
  • page.mdx → Page container
  • grid.mdx → Responsive grid
  • card.mdx → Card component
  • form.mdx → Form container
  • table.mdx → Data table

actions/ folder:

  • index.mdx → Category overview
  • api-request.mdx → HTTP requests
  • navigate.mdx → Page navigation
  • dialog.mdx → Modal dialogs
  • toast.mdx → Notifications

component-spec.mdx → Top-level overview with links to all categories

Each component page includes protocol definitions, examples, and cross-references to related components.

Navigation

Updated meta.json files (EN/CN) to support folder navigation with collapsible sections in sidebar. Each folder includes its own meta.json for proper hierarchical navigation.

Security

Patched tj-actions/changed-files vulnerability in .github/workflows/ai-translate.yml:

  • v44v46.0.1 (fixes secret exposure in actions logs)

Benefits

  • Granular Organization: Each component has its own dedicated page
  • Better Scalability: Easy to add new components without file bloat
  • Improved Maintainability: Small, focused files (average 100-150 lines vs 250+ lines)
  • Enhanced Navigation: Collapsible sidebar sections with clear hierarchy
  • Faster Loading: Users only load the specific component documentation they need

Screenshots

Folder Structure with Collapsible Sections

Overview Page

Basic Components Index

Container Components

Actions

Chinese Version

Original prompt

分拆 object UI Component Specification


💡 You can make Copilot smarter by setting up custom instructions, customizing its development environment and configuring Model Context Protocol (MCP) servers. Learn more Copilot coding agent tips in the docs.

@vercel
Copy link

vercel bot commented Jan 17, 2026

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

Project Deployment Review Updated (UTC)
docs Ready Ready Preview, Comment Jan 17, 2026 5:51am

Request Review

Fix security vulnerability CVE where tj-actions changed-files through 45.0.7 allows remote attackers to discover secrets by reading actions logs.

Updated to patched version 46.0.1.

Co-authored-by: huangyiirene <[email protected]>
Copilot AI changed the title [WIP] Split object UI component specification Split ObjectUI Component Specification into focused pages Jan 17, 2026
Copilot AI requested a review from huangyiirene January 17, 2026 05:00
@huangyiirene
Copy link
Collaborator

分拆为文件夹架构,是否考虑每个组件一个文件 @copilot

Reorganized documentation to use folder-based architecture:
- basic-components/ - 4 individual component files (input, select, datepicker, switch)
- container-components/ - 5 individual files (page, grid, card, form, table)
- actions/ - 4 individual files (api-request, navigate, dialog, toast)

Each folder has an index.mdx overview and individual component pages.
Applied to both English and Chinese versions.

Co-authored-by: huangyiirene <[email protected]>
Copy link
Contributor Author

Copilot AI commented Jan 17, 2026

分拆为文件夹架构,是否考虑每个组件一个文件 @copilot

已完成!已重构为文件夹架构,每个组件一个独立文件。

新结构:

  • basic-components/ - 4个组件文件 (input, select, datepicker, switch)
  • container-components/ - 5个组件文件 (page, grid, card, form, table)
  • actions/ - 4个组件文件 (api-request, navigate, dialog, toast)

每个文件夹包含 index.mdx 概览页和各个组件的独立页面。总共13个组件页面。

提交: f9509b9

Folder Structure

Copilot AI changed the title Split ObjectUI Component Specification into focused pages Split ObjectUI Component Specification into folder-based architecture Jan 17, 2026
@huangyiirene huangyiirene marked this pull request as ready for review January 17, 2026 05:32
@github-actions
Copy link

🚀 Preview Deployment

This pull request will be automatically deployed to Vercel.

Preview Links

  • 📝 Documentation: Will be available once Vercel deployment completes
  • 🌍 Languages: English (/en/docs) and Chinese (/cn/docs)

Build Status

Check the CI workflow for build status and any errors.


Automated preview information for PR #33

@github-actions github-actions bot added the documentation Improvements or additions to documentation label Jan 17, 2026
@huangyiirene huangyiirene merged commit 1b58a01 into main Jan 17, 2026
6 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

documentation Improvements or additions to documentation

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants