diff --git a/api/02-creating-themes.md b/api/02-creating-themes.md index 41530c23..95a593bb 100644 --- a/api/02-creating-themes.md +++ b/api/02-creating-themes.md @@ -27,7 +27,7 @@ Use the template to create your repository. ### Step 3: Clone the repository you created in Step 2 to your local machine. -Go to [https://create.phcode.dev](https://create.phcode.dev). This is a development-focused version of phcode.dev which shows non minified JS/CSS files in the browser developer tools. +Go to [https://create.phcode.dev](https://create.phcode.dev). This is a development-focused version of the browser editor which shows non minified JS/CSS files in the browser developer tools. Now, open the cloned folder in `create.phcode.dev`. Refer to [this guide](https://docs.phcode.dev/docs/quick-start-project#open-folder) to see how to open a folder in Phoenix Code. @@ -77,6 +77,6 @@ This file contains all the UI elements as variables. You can modify the colors a When you are done developing the theme, select `Debug > Unload Project As Extension` to unload the theme. -Once the theme is complete, you can publish it to [phcode.dev](https://phcode.dev) extension repository. +Once the theme is complete, you can publish it to the extension store in [web.phcode.dev](https://web.phcode.dev). Refer to [this link](./publishing-extensions) to see how to publish the theme. diff --git a/api/03-creating-extensions.md b/api/03-creating-extensions.md index a68cbab4..dd57c70e 100644 --- a/api/03-creating-extensions.md +++ b/api/03-creating-extensions.md @@ -18,7 +18,7 @@ Follow the steps below to run and debug your extension: * Clone your extension repository onto the machine. -* Go to [https://create.phcode.dev](https://create.phcode.dev). This is a development-focused version of phcode.dev which shows non minified JS/CSS files in the browser developer tools. +* Go to [https://create.phcode.dev](https://create.phcode.dev). This is a development-focused version of the browser editor which shows non minified JS/CSS files in the browser developer tools. * Now, open the cloned folder in `create.phcode.dev`. > Refer to [this guide](https://docs.phcode.dev/docs/quick-start-project#open-folder) to see how to open a folder in Phoenix Code. diff --git a/api/06-publishing-extensions.md b/api/06-publishing-extensions.md index 21e44af9..135c0ef1 100644 --- a/api/06-publishing-extensions.md +++ b/api/06-publishing-extensions.md @@ -42,7 +42,7 @@ Follow these steps: ![Publish Failed Image](./images/publishing-extensions/publish-failed.png "Publish Failed") -6. Once published, your extension will appear in the Phoenix Code Extension Store at [https://phcode.dev](https://phcode.dev). +6. Once published, your extension will appear in the Phoenix Code Extension Store at [web.phcode.dev](https://web.phcode.dev). ![Extension Store Image](./images/publishing-extensions/extension-store.png "Phoenix Code Extension Store") diff --git a/docs/01-Getting Started/01-installation.md b/docs/01-Getting Started/01-installation.md index 484935b3..d3413198 100644 --- a/docs/01-Getting Started/01-installation.md +++ b/docs/01-Getting Started/01-installation.md @@ -12,7 +12,7 @@ Phoenix Code is a text editor designed to make coding as intuitive and fun as pl ## Download -Visit the official website — [phcode.io](https://phcode.io) — and click the **Download** button to grab the installer for your operating system. +Visit the official website — [phcode.dev](https://phcode.dev) — and click the **Download** button to grab the installer for your operating system. ![Download Phoenix Code from the website](../images/Website/download.png) @@ -55,7 +55,7 @@ Need to install by hand, check dependencies, or uninstall? See [Advanced Linux i ## Use it in the browser -Prefer not to install anything? Run the full editor right in your browser at [phcode.dev](https://phcode.dev) — perfect for Chromebooks, tablets, or just trying things out. Everything runs locally in the browser, with nothing to download. +Prefer not to install anything? Run the full editor right in your browser at [web.phcode.dev](https://web.phcode.dev) — perfect for Chromebooks, tablets, or just trying things out. Everything runs locally in the browser, with nothing to download. --- diff --git a/docs/01-Getting Started/index.md b/docs/01-Getting Started/index.md index f9ab3b25..8366d7e2 100644 --- a/docs/01-Getting Started/index.md +++ b/docs/01-Getting Started/index.md @@ -20,7 +20,7 @@ Here's what sets Phoenix Code apart. - **Live Preview** — Edit your HTML and CSS and watch the page update in real time. Phoenix Code goes a step further: edit the preview directly to change text, add and rearrange elements, or swap images, and your source code updates automatically. - **AI assistant** — A built-in AI agent (powered by Claude Code) works alongside you. It reads and edits your files, runs terminal commands, and because it's wired into Live Preview, it can see your running page, take screenshots, and verify its own work. Plan, Edit, and Full Auto modes keep you in control, and every change it makes is reversible. -- **Runs everywhere** — Native desktop apps for macOS, Windows, and Linux from [phcode.io](https://phcode.io), or the full editor in your browser at [phcode.dev](https://phcode.dev) with nothing to install. +- **Runs everywhere** — Native desktop apps for macOS, Windows, and Linux from [phcode.dev](https://phcode.dev), or the full editor in your browser at [web.phcode.dev](https://web.phcode.dev) with nothing to install. - **Built-in tools** — Git, Terminal, Emmet, Beautify, and code hints all ship in the editor, so you can start working right away. - **Visual editing** — Color pickers, gradient editors, and draggable number scrubbing let you adjust CSS values directly and see the result immediately. - **Extensions** — Add features, themes, and language support from the built-in Extension Manager, with a marketplace of community extensions and themes. @@ -40,7 +40,7 @@ You can build complete websites for free. The core editor, [Live Preview](/docs/ - **[Image Gallery](/docs/Pro%20Features/image-gallery)**: browse stock images from providers like Unsplash and Pexels and embed or download them into your project without leaving Phoenix Code. - **[Markdown Editor](/docs/Pro%20Features/markdown-editor)**: edit Markdown directly in the preview with a full rich-text editor that keeps your source in sync. -See plans on the [pricing page](https://phcode.io/pricing). +See plans on the [pricing page](https://phcode.dev/pricing). **Phoenix Pro is free for students and educators.** If you have a `.edu` or `.ac.*` email, or your school requests an educational volume license, you get the full Pro feature set at no cost. See [Phoenix Pro for Education](/docs/phoenix-pro-school). @@ -59,4 +59,4 @@ Phoenix Code is for anyone building for the web, and especially: - **Our flagship feature:** [Live Preview](/docs/Features/Live%20Preview) - **Try the AI assistant:** [AI](/docs/Pro%20Features/ai-chat) -Want to skip installing? Open [phcode.dev](https://phcode.dev) and start coding in your browser. Prefer the desktop app? Download it from [phcode.io](https://phcode.io). +Want to skip installing? Open [web.phcode.dev](https://web.phcode.dev) and start coding in your browser. Prefer the desktop app? Download it from [phcode.dev](https://phcode.dev). diff --git a/docs/02-Live Preview/02-live-preview-edit.md b/docs/02-Live Preview/02-live-preview-edit.md index 9ef9ae7e..882155c1 100644 --- a/docs/02-Live Preview/02-live-preview-edit.md +++ b/docs/02-Live Preview/02-live-preview-edit.md @@ -7,7 +7,7 @@ import React from 'react'; import VideoPlayer from '@site/src/components/Video/player'; :::info Pro Feature -[Upgrade to Phoenix Code Pro](https://phcode.io/pricing) to access this feature. +[Upgrade to Phoenix Code Pro](https://phcode.dev/pricing) to access this feature. ::: **Edit Mode** lets you modify your page directly in the Live Preview. You can edit text, insert new elements, rearrange them with drag and drop, swap images, edit links, style elements, and much more. diff --git a/docs/02-Live Preview/03-styles-bar.md b/docs/02-Live Preview/03-styles-bar.md index 00899085..9c695ec9 100644 --- a/docs/02-Live Preview/03-styles-bar.md +++ b/docs/02-Live Preview/03-styles-bar.md @@ -6,7 +6,7 @@ slug: "/Pro Features/styles-bar" import VideoPlayer from '@site/src/components/Video/player'; :::info Pro Feature -[Upgrade to Phoenix Code Pro](https://phcode.io/pricing) to access this feature. +[Upgrade to Phoenix Code Pro](https://phcode.dev/pricing) to access this feature. ::: The **Styles Bar** lets you style elements visually right inside the Live Preview, and it automatically syncs your code in real time. diff --git a/docs/02-Live Preview/04-device-preview.md b/docs/02-Live Preview/04-device-preview.md index 7e2af616..d1602656 100644 --- a/docs/02-Live Preview/04-device-preview.md +++ b/docs/02-Live Preview/04-device-preview.md @@ -7,7 +7,7 @@ import React from 'react'; import VideoPlayer from '@site/src/components/Video/player'; :::info Pro Feature -[Upgrade to Phoenix Code Pro](https://phcode.io/pricing) to access this feature. +[Upgrade to Phoenix Code Pro](https://phcode.dev/pricing) to access this feature. ::: **Device Preview** lets you check how your page looks at different screen widths without leaving Phoenix Code. This is useful for testing responsive designs and debugging CSS media queries. diff --git a/docs/02-Live Preview/05-measurements.md b/docs/02-Live Preview/05-measurements.md index 64fb2a80..b5ba5a0a 100644 --- a/docs/02-Live Preview/05-measurements.md +++ b/docs/02-Live Preview/05-measurements.md @@ -4,7 +4,7 @@ slug: "/Pro Features/measurements" --- :::info Pro Feature -[Upgrade to Phoenix Code Pro](https://phcode.io/pricing) to access this feature. +[Upgrade to Phoenix Code Pro](https://phcode.dev/pricing) to access this feature. ::: The **Measurements** feature displays ruler lines extending from the edges of a selected element to the edges of the Live Preview document, with labels showing exact pixel positions. This helps you position elements more accurately. diff --git a/docs/02-Live Preview/06-image-gallery.md b/docs/02-Live Preview/06-image-gallery.md index b6b16a49..463aed91 100644 --- a/docs/02-Live Preview/06-image-gallery.md +++ b/docs/02-Live Preview/06-image-gallery.md @@ -7,7 +7,7 @@ import React from 'react'; import VideoPlayer from '@site/src/components/Video/player'; :::info Pro Feature -[Upgrade to Phoenix Code Pro](https://phcode.io/pricing) to access this feature. +[Upgrade to Phoenix Code Pro](https://phcode.dev/pricing) to access this feature. ::: The **Image Gallery** is a panel that appears at the bottom of the Live Preview. It lets you browse images from online image providers or select images from your device. diff --git a/docs/02-Live Preview/07-markdown-editor.md b/docs/02-Live Preview/07-markdown-editor.md index e3968058..f3ebba5a 100644 --- a/docs/02-Live Preview/07-markdown-editor.md +++ b/docs/02-Live Preview/07-markdown-editor.md @@ -30,7 +30,7 @@ The preview toolbar also has a **theme toggle** *(sun/moon icon)* to switch betw ## Editing Markdown (Pro) :::info Pro Feature -[Upgrade to Phoenix Code Pro](https://phcode.io/pricing) to access this feature. +[Upgrade to Phoenix Code Pro](https://phcode.dev/pricing) to access this feature. ::: With **Phoenix Pro**, you can go beyond just viewing. Edit your Markdown directly in the Live Preview with a full rich text editor — format text, build tables, drop in images, add links, use slash commands to insert blocks, and much more. Every change syncs back to your source code instantly. diff --git a/docs/03-AI/index.md b/docs/03-AI/index.md index 8f5ec565..94ed0d2f 100644 --- a/docs/03-AI/index.md +++ b/docs/03-AI/index.md @@ -7,7 +7,7 @@ import React from 'react'; import VideoPlayer from '@site/src/components/Video/player'; :::info Pro Feature -[Upgrade to Phoenix Code Pro](https://phcode.io/pricing) to access this feature. +[Upgrade to Phoenix Code Pro](https://phcode.dev/pricing) to access this feature. ::: Phoenix Code comes with a built-in AI assistant powered by Claude Code. You can ask it to write code, fix bugs, explain files, and more. The AI can read and edit your project files, run terminal commands, take screenshots, and work alongside you as you code. @@ -15,7 +15,7 @@ Phoenix Code comes with a built-in AI assistant powered by Claude Code. You can > AI is available only in desktop apps. :::note -Free users get a daily and monthly chat limit. Once you're past halfway on either limit, a usage bar appears at the top of the chat. [Upgrade to Phoenix Code Pro](https://phcode.io/pricing) for unlimited access. +Free users get a daily and monthly chat limit. Once you're past halfway on either limit, a usage bar appears at the top of the chat. [Upgrade to Phoenix Code Pro](https://phcode.dev/pricing) for unlimited access. ::: Only shells installed on your system are shown. Any other compatible shell on your system (for example, PowerShell Core on Windows) also appears in the list. +## Switching Projects + +When you switch projects, open terminals stay in their current folders. +Running commands keep going. + +The banner gives you two choices: + +- **Keep Terminals** hides the banner and keeps your sessions. +- **Restart All in This Project** restarts all tabs in the new project + folder. This stops running commands and clears the output. + +![Terminal project banner](../images/terminal/project-switch-banner.png) + +If a command is still running, Phoenix Code asks for confirmation before restarting. + +To keep your sessions and open a terminal in the new project, click **+ Terminal** shown on the bottom of the right sidebar. + + + ## Keyboard Shortcuts | Action | Shortcut | diff --git a/docs/09-Schools & Workplaces/02-ai-control.md b/docs/09-Schools & Workplaces/02-ai-control.md index 38d06308..c9e48a10 100644 --- a/docs/09-Schools & Workplaces/02-ai-control.md +++ b/docs/09-Schools & Workplaces/02-ai-control.md @@ -294,7 +294,7 @@ The Phoenix Code AI Control extension provides a visual interface to verify the #### Browser Version Status Check -1. Open https://phcode.dev in your web browser +1. Open https://web.phcode.dev in your web browser 2. Install the extension (File → Extension Manager → "Phoenix Code AI Control") - ![Image](https://github.com/user-attachments/assets/ff282d9d-19dc-4fa2-9d39-a81eb2c59a62) 3. Navigate to View → AI Control Status @@ -322,7 +322,7 @@ Only administrative users can modify this configuration. ### Network Blocking (For Browser Version) -AI is currently available only in the Phoenix Code desktop apps. The browser version at https://phcode.dev has no AI features today. When AI comes to the browser version, it will be served through `ai.phcode.dev`. +AI is currently available only in the Phoenix Code desktop apps. The browser version at https://web.phcode.dev has no AI features today. When AI comes to the browser version, it will be served through `ai.phcode.dev`. For schools using the browser version, block the domain now so AI stays off when it becomes available: @@ -413,7 +413,7 @@ sudo ./setup_phoenix_ai_control_linux.sh --managedByEmail school.admin@example.e **Q: How can I verify that the firewall is properly blocking AI access?** -In the browser app at https://phcode.dev, install the `Phoenix Code AI Control`extension. Use the `View → AI Control Status` option. It will report whether AI is accessible or blocked. +In the browser app at https://web.phcode.dev, install the `Phoenix Code AI Control`extension. Use the `View → AI Control Status` option. It will report whether AI is accessible or blocked. **Q: Is there a way to monitor AI usage in my organization?** diff --git a/docs/images/terminal/project-switch-banner.png b/docs/images/terminal/project-switch-banner.png new file mode 100644 index 00000000..6519d94b Binary files /dev/null and b/docs/images/terminal/project-switch-banner.png differ diff --git a/docusaurus.config.js b/docusaurus.config.js index ef4548de..c0cf92f0 100644 --- a/docusaurus.config.js +++ b/docusaurus.config.js @@ -219,7 +219,7 @@ const config = { { to: "/blog", label: "Blog", position: "left" }, { - href: "https://phcode.io/", + href: "https://phcode.dev/", label: "Download", position: "left" },