Skip to content

Deploy Studio to official website at /studio/ - #25

Merged
huangyiirene merged 11 commits into
mainfrom
copilot/publish-studio-to-website
Jan 14, 2026
Merged

Deploy Studio to official website at /studio/#25
huangyiirene merged 11 commits into
mainfrom
copilot/publish-studio-to-website

Conversation

CopilotAI commented Jan 14, 2026

Copy link
Copy Markdown
Contributor

Enables public access to the Object UI Studio (visual designer + playground) by deploying it alongside the documentation site at the official domain www.objectui.org.

Changes

Build configuration

  • Set production base: '/studio/' in apps/playground/vite.config.ts
  • Vite automatically resolves all asset paths for nested deployment

Deployment pipeline (.github/workflows/deploy-docs.yml)

  • Build Studio with NODE_ENV=production after docs build
  • Copy apps/playground/dist/* to docs/.vitepress/dist/studio/
  • Trigger on changes to apps/playground/** and packages/**

Documentation integration

  • Primary CTA: "Try Studio Now" on homepage
  • Navigation: Added Studio link to top navbar
  • Guide: Created /guide/studio with features, shortcuts, use cases
  • All URLs updated to official domain: https://www.objectui.org/

Documentation added

  • docs/guide/studio.md - User guide

Result

Studio accessible at https://www.objectui.org/studio/ with:

  • Drag-and-drop visual designer
  • Real-time JSON editor with live preview
  • Design/Preview/Code view modes
  • Responsive viewport testing (Desktop/Tablet/Mobile)
  • Example template gallery
  • Export/copy functionality

Verified build output shows correct asset paths:

<scripttype="module" src="/studio/assets/index-_-asvLOs.js"></script><linkrel="stylesheet" href="/studio/assets/index-D9iW6WaR.css">
Original prompt

如何把现有的studio发布到官网,提供给所有人试用和体验


💬 We'd love your input! Share your thoughts on Copilot coding agent in our 2 minute survey.

CopilotAIand others added 5 commits January 14, 2026 11:43
- Configure Vite base path for production deployment
- Update docs deployment workflow to build and deploy Studio
- Add Studio navigation link to docs site
- Create comprehensive Studio guide documentation
- Make Studio primary CTA on homepage
Co-authored-by: huangyiirene <7665279+huangyiirene@users.noreply.github.com>
- Add Chinese deployment guide (STUDIO_DEPLOYMENT.zh-CN.md)
- Update README with Studio link and call-to-action
- Provide comprehensive deployment and maintenance instructions
Co-authored-by: huangyiirene <7665279+huangyiirene@users.noreply.github.com>
- Comprehensive summary of all changes
- Technical implementation details
- Testing results and verification
- Maintenance instructions in Chinese
Co-authored-by: huangyiirene <7665279+huangyiirene@users.noreply.github.com>
- Detailed user journey scenarios
- Visual interface mockups
- Feature demonstration flow
- Performance metrics and expectations
Co-authored-by: huangyiirene <7665279+huangyiirene@users.noreply.github.com>
- Complete Chinese explanation of the solution
- Step-by-step deployment instructions
- Testing and verification guide
- Next steps and maintenance procedures
Co-authored-by: huangyiirene <7665279+huangyiirene@users.noreply.github.com>
CopilotAI changed the title [WIP] Add studio release to official website for public accessDeploy Studio to official website at /studio/Jan 14, 2026
@huangyiirene

Copy link
Copy Markdown
Collaborator

@copilot 网站官网是 www.objectui.org

@github-actions

Copy link
Copy Markdown
Contributor

✅ All checks passed!

  • ✅ Type check passed
  • ✅ Tests passed
  • ✅ Lint check completed

3 similar comments
@github-actions

Copy link
Copy Markdown
Contributor

✅ All checks passed!

  • ✅ Type check passed
  • ✅ Tests passed
  • ✅ Lint check completed

@github-actions

Copy link
Copy Markdown
Contributor

✅ All checks passed!

  • ✅ Type check passed
  • ✅ Tests passed
  • ✅ Lint check completed

@github-actions

Copy link
Copy Markdown
Contributor

✅ All checks passed!

  • ✅ Type check passed
  • ✅ Tests passed
  • ✅ Lint check completed

Co-authored-by: huangyiirene <7665279+huangyiirene@users.noreply.github.com>

CopilotAI commented Jan 14, 2026

Copy link
Copy Markdown
ContributorAuthor

@copilot 网站官网是 www.objectui.org

已更新所有文档中的URL引用,从 objectql.github.io/objectui 改为 www.objectui.org

Changes in commit 4461f76:

  • README.md中的Studio链接已更新为 https://www.objectui.org/studio/

CopilotAI left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

This PR deploys the Object UI Studio (visual designer/playground) to the production website at https://www.objectui.org/studio/, making it publicly accessible for prototyping and learning.

Changes:

  • Configured Vite to serve Studio from /studio/ path in production
  • Extended deployment workflow to build and copy Studio alongside documentation
  • Added Studio navigation, homepage CTA, and comprehensive user guide
  • Updated all promotional links to point to official domain

Reviewed changes

Copilot reviewed 6 out of 6 changed files in this pull request and generated 3 comments.

Show a summary per file
FileDescription
apps/playground/vite.config.tsConfigured production base path to /studio/ for nested deployment
.github/workflows/deploy-docs.ymlAdded Studio build step and file copying to docs distribution directory
docs/.vitepress/config.mtsAdded Studio navigation links to top navbar and guide sidebar
docs/index.mdAdded prominent Studio CTA button and visual editor promotional section
docs/guide/studio.mdCreated comprehensive Studio user guide with features, shortcuts, and best practices
README.mdAdded Studio link to main repository documentation

Comment threaddocs/guide/studio.md

<div class="tip custom-block">
<p><strong>Try it now!</strong></p>
<p>Access the Studio at: <a href="/studio/" target="_blank">/studio/</a></p>

CopilotAIJan 14, 2026

Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The link should not open in a new tab when navigating within the same site. Remove target="_blank" or change the href to an absolute URL if external navigation is intended. For same-site navigation, users expect links to open in the same tab.

Suggested change
<p>Access the Studio at: <ahref="/studio/"target="_blank">/studio/</a></p>
<p>Access the Studio at: <ahref="/studio/">/studio/</a></p>

Copilot uses AI. Check for mistakes.
Comment threaddocs/index.md
<p class="custom-block-title" style="color: #6366f1;">✨ Experience Object UI Studio</p>
<p>Explore our interactive visual editor with drag-and-drop design, live preview, and instant JSON export. Perfect for prototyping and learning!</p>
<p style="margin-top: 12px;">
<a href="/studio/" style="display: inline-flex; align-items: center; gap: 8px; padding: 10px 20px; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; border-radius: 8px; text-decoration: none; font-weight: 600; box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3); transition: all 0.3s;">

CopilotAIJan 14, 2026

Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Inline styles should be avoided in documentation. Consider using CSS classes or VitePress custom theme styles. This makes the styling reusable and easier to maintain across the documentation site.

Copilot uses AI. Check for mistakes.
run: pnpm docs:build

- name: Build Studio (Playground)
run: pnpm --filter @apps/playground build

CopilotAIJan 14, 2026

Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The filter name @apps/playground appears inconsistent with typical monorepo naming conventions. Verify this matches the actual package name in apps/playground/package.json. Standard convention would be either @objectui/playground or just playground without the @apps/ scope.

Suggested change
run: pnpm --filter @apps/playground build
run: pnpm --filter ./apps/playground build

Copilot uses AI. Check for mistakes.
@github-actions

Copy link
Copy Markdown
Contributor

✅ All checks passed!

  • ✅ Type check passed
  • ✅ Tests passed
  • ✅ Lint check completed

@huangyiirene
huangyiirene marked this pull request as ready for review January 14, 2026 12:18
@huangyiirene
huangyiirene merged commit 2fa0c15 into mainJan 14, 2026
5 checks passed
xuyushun441-sys added a commit that referenced this pull request Jun 14, 2026
… inherited fields) (#1720)
A pending draft overlay can carry only edited fields; using it wholesale
dropped inherited fields like `type` that section visibleOn predicates
depend on (ADR-0047 list-page section hiding). Merge draft over the
effective baseline at all three draft-init sites.
NOTE: robustness improvement. NOT confirmed to fix the observed live
symptom (list-page editor rendering a stale pre-#25 form) — that has a
separate client-side stale-form cause still under investigation.
Co-authored-by: Jack Zhuang <277994282+os-zhuang@users.noreply.github.com>
Co-authored-by: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Sign up for freeto 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.

3 participants

@huangyiirene