diff --git a/.github/workflows/deploy-docs.yml b/.github/workflows/deploy-docs.yml index ba18509b8..9c7153c1c 100644 --- a/.github/workflows/deploy-docs.yml +++ b/.github/workflows/deploy-docs.yml @@ -6,7 +6,6 @@ on: - main paths: - 'docs/**' - - 'apps/playground/**' - 'packages/**' - '.github/workflows/deploy-docs.yml' workflow_dispatch: @@ -58,16 +57,6 @@ jobs: - name: Build documentation run: pnpm docs:build - - name: Build Studio (Playground) - run: pnpm --filter @apps/playground... build - env: - NODE_ENV: production - - - name: Copy Studio to docs dist - run: | - mkdir -p docs/.vitepress/dist/studio - cp -r apps/playground/dist/* docs/.vitepress/dist/studio/ - - name: Setup Pages uses: actions/configure-pages@v4 diff --git a/README.md b/README.md index 996d0bc33..c9001c7c6 100644 --- a/README.md +++ b/README.md @@ -11,7 +11,7 @@ [![React](https://img.shields.io/badge/React-18+-61dafb.svg)](https://reactjs.org/) [![Tailwind CSS](https://img.shields.io/badge/Tailwind-3.0+-38bdf8.svg)](https://tailwindcss.com/) -[**Documentation**](https://www.objectui.org) | [**Quick Start**](#quick-start) | [**Examples**](#examples) | [**Studio**](https://www.objectui.org/studio/) +[**Documentation**](https://www.objectui.org) | [**Quick Start**](#quick-start) | [**Examples**](#examples) | [**Studio**](https://play.objectstack.ai) @@ -159,7 +159,7 @@ export default App Explore our interactive drag-and-drop designer: -🚀 [**Launch Object UI Studio**](https://www.objectui.org/studio/) - Design visually, export JSON instantly. +🚀 [**Launch Object UI Studio**](https://play.objectstack.ai) - Design visually, export JSON instantly. ## 📦 Packages diff --git a/apps/playground/src/App.tsx b/apps/playground/src/App.tsx index d9d93da86..61d543189 100644 --- a/apps/playground/src/App.tsx +++ b/apps/playground/src/App.tsx @@ -1,4 +1,4 @@ -import { BrowserRouter as Router, Routes, Route, Navigate } from 'react-router-dom'; +import { BrowserRouter as Router, Routes, Route } from 'react-router-dom'; import { Home } from './pages/Home'; import { Studio } from './pages/Studio'; import '@object-ui/components'; @@ -17,9 +17,7 @@ export default function App() { } /> - } /> - {/* Default redirect to first example if typed manually specifically */} - } /> + } /> ); diff --git a/apps/playground/src/pages/Home.tsx b/apps/playground/src/pages/Home.tsx index 0f5acd25b..55b7f3c05 100644 --- a/apps/playground/src/pages/Home.tsx +++ b/apps/playground/src/pages/Home.tsx @@ -102,7 +102,7 @@ export const Home = () => { return (
navigate(`/studio/${key}`)} + onClick={() => navigate(`/${key}`)} className="group relative bg-white rounded-2xl border-2 border-gray-200 overflow-hidden hover:shadow-2xl hover:shadow-indigo-500/20 transition-all duration-300 cursor-pointer hover:border-indigo-400 hover:-translate-y-1 flex flex-col h-72" > {/* Gradient overlay on hover */} diff --git a/apps/playground/vite.config.ts b/apps/playground/vite.config.ts index 18c4b34ec..1e21a2cfe 100644 --- a/apps/playground/vite.config.ts +++ b/apps/playground/vite.config.ts @@ -5,7 +5,7 @@ import path from 'path'; // https://vitejs.dev/config/ export default defineConfig({ plugins: [react()], - base: process.env.NODE_ENV === 'production' ? '/studio/' : '/', + base: '/', resolve: { alias: { '@object-ui/components': path.resolve(__dirname, '../../packages/components/src'), diff --git a/docs/guide/studio.md b/docs/guide/studio.md index 89187224f..83e0e38e8 100644 --- a/docs/guide/studio.md +++ b/docs/guide/studio.md @@ -6,7 +6,7 @@ The **Object UI Studio** is a powerful, interactive visual editor that allows yo

Try it now!

-

Access the Studio at: /studio/

+

Access the Studio at: play.objectstack.ai

## Features diff --git a/docs/index.md b/docs/index.md index 0dab7e0f4..31ca9c6ce 100644 --- a/docs/index.md +++ b/docs/index.md @@ -11,7 +11,7 @@ hero: actions: - theme: brand text: Try Studio Now - link: /studio/ + link: https://play.objectstack.ai - theme: alt text: Get Started link: /guide/introduction @@ -82,7 +82,7 @@ That's it! This JSON automatically creates a beautiful, accessible, and function

✨ Experience Object UI Studio

Explore our interactive visual editor with drag-and-drop design, live preview, and instant JSON export. Perfect for prototyping and learning!

- + 🚀 Launch Studio