[WIP] Updated docs content for new editor experience

.github/ISSUE_TEMPLATE/new-extension-request-for-codeflow-ide-🧩.md

@@ -1,9 +1,9 @@
 ---
-name: "New Extension Request for Codeflow IDE \U0001F9E9"
-about: Your favorite extension is missing from Codeflow IDE? Let us bring it over!
+name: "New Extension Request for StackBlitz \U0001F9E9"
+about: Your favorite extension is missing from StackBlitz? Let us bring it over!
 title: 'EXTENSION REQUEST:'
 labels: ''
-assignees: sylwiavargas
+assignees: HeyGarrison
 
 ---
 

.vitepress/config.ts

@@ -16,6 +16,8 @@ interface ThemeConfig extends DefaultTheme.Config {
   };
 }
 
+
+
 export default defineConfigWithTheme<ThemeConfig>({
   srcDir: './docs',
   outDir: `./build${BASE_PATH}`,
@@ -88,15 +90,13 @@ export default defineConfigWithTheme<ThemeConfig>({
     },
     nav: [
       { text: 'Guides', link: defaultGroupLink('userGuide') },
-      { text: 'Codeflow', link: defaultGroupLink('codeflow') },
       { text: 'API', link: defaultGroupLink('api') },
       { text: 'WebContainers', link: defaultGroupLink('webcontainers') },
       { text: 'Teams', link: defaultGroupLink('teams') },
       { text: 'Enterprise', link: defaultGroupLink('enterprise') },
     ],
     sidebar: {
       '/guides/': sidebarLinks('main', ['userGuide', 'integrationGuide']),
-      '/codeflow/': sidebarLinks('main', ['codeflow']),
       '/teams/': sidebarLinks('main', ['teams']),
       '/platform/api/': sidebarLinks('main', ['api']),
       '/platform/webcontainers/': sidebarLinks('main', ['webcontainers']),

.vitepress/theme/components/StarterGrid.vue

@@ -17,7 +17,7 @@ defineProps<{ links: any[] }>();
   display: grid;
   margin: 24px 0;
   padding: 0;
-  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
+  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
   gap: 16px;
   list-style: none;
 }

.vitepress/theme/data/types.ts

@@ -1,6 +1,5 @@
 export type MenuLinkGroup =
   | 'api'
-  | 'codeflow'
   | 'teams'
   | 'enterprise'
   | 'integrationGuide'

CONTRIBUTING.md

@@ -69,7 +69,7 @@ Except for small typo fixes and content updaets, the starting point for contribu
 **If you don't have any specific issue you'd like to work on**, you can browse available ones. Please note that we use [issue labels](#issue-labels-we-use) so you can modify your search. After you've found an issue you'd like to work on, leave a comment and tell us when you have time to do that. A docs team member will assign you.
 
 ### 2. **Work on the issue**
-Once assigned to an issue, choose [the right tool for the job](README.md#development) - you may want to use Web Publisher, Codeflow, or develop locally. We have no preference.
+Once assigned to an issue, choose [the right tool for the job](README.md#development) - you may want to use Web Publisher, StackBlitz, or develop locally. We have no preference.
 
 Whenever in doubt or whenever you feel stuck, please ask clarifying questions in the issue thread or on our [Discord](https://discord.gg/EQ7uJQxC). We are here to support you!
 

README.md

@@ -9,9 +9,9 @@ StackBlitz is an **instant fullstack web IDE for the JavaScript ecosystem**. It
 
 Now you can use the web to build the web.
 
-In fact, why not edit this docs in Codeflow IDE?
+In fact, why not edit this docs in StackBlitz?
 
-<a href="https://stackblitz.com/~/github.com/stackblitz/docs"><img style="display:inline" src="https://developer.stackblitz.com/img/open_in_codeflow.svg" alt="Open in Codeflow"></a>
+<a href="https://stackblitz.com/~/github.com/stackblitz/docs"><img style="display:inline" src="https://developer.stackblitz.com/img/open_in_codeflow.svg" alt="Open in StackBlitz"></a>
 
 ---
 
@@ -65,7 +65,7 @@ If what you want to say doesn't really fall into actionable "problem" or "improv
 
 There are three ways to interact with this repository:
 - For **a small content update**, you can use [Web Publisher](#content-updates-with-web-publisher). 
-- If you want **to explore and develop** this site, use [StackBlitz Codeflow](#developing-with-stackblitz-codeflow). 
+- If you want **to explore and develop** this site, use [StackBlitz](#developing-with-stackblitz). 
 - Alternatively, you can [run the docs locally](#developing-locally).
 
 ### Content updates with Web Publisher
@@ -78,8 +78,8 @@ Use Web Publisher for small content updates for a pleasant editing experience:
 4. You will be redirected to a GitHub PR template page prepared for you to submit a PR.
 
 
-### Developing with StackBlitz Codeflow
-Use StackBlitz Codeflow for bigger content updates. Codeflow will spin up the entire dev environment with a running dev server. When using Codeflow, please remember to commit and push your changes frequently.
+### Developing with StackBlitz
+Use StackBlitz for bigger content updates. StackBlitz will spin up the entire dev environment with a running dev server. When using StackBlitz, please remember to commit and push your changes frequently.
 
 To access it, [click this button](https://stackblitz.com/~/github.com/stackblitz/docs).
 

docs/enterprise/overview.md

@@ -21,7 +21,7 @@ Unlock the full potential of your frontend development team with StackBlitz Ente
 
 ## Beta Features
 - **WebContainers for Node.js Toolchains:** Full node.js dev server and terminal running locally in the browser
-- **Codeflow:** Elevate your code editing capabilities with our in-browser VS Code based editor, with extension support
+- **Next-generation editor:** Elevate your code editing capabilities with our in-browser VS Code based editor, with extension support
 - **Enterprise Git Provider Integration:** Leverage your existing version control systems for even more streamlined workflows.
 
 ## Popular Use Cases

docs/enterprise/starter-projects.md

@@ -102,7 +102,7 @@ This should create a temporary project (not yet saved to the database) using the
 4. Edit the forked project's slug to: `polymer-base`.
 5. Finally, go to `https://{your-instance}/admin/projects/polymer-base/edit` and change the value of the “Preset” field from `esm` to `polymer`, and save the project.
 
-You should now have a project with the `polymer` preset and whose slug is `polymer-base`. Don't touch this project in the future (you can make it “frozen” in the [project settings](/guides/user-guide/ide-whats-on-your-screen#settings-sidebar) in the editor to prevent accidental changes) to make sure the SDK functionality works well.
+You should now have a project with the `polymer` preset and whose slug is `polymer-base`. Don't touch this project in the future (you can make it “frozen” in the [project settings](/guides/user-guide/user-interface#settings-sidebar) in the editor to prevent accidental changes) to make sure the SDK functionality works well.
 
 You can add this project to the list of starters on `https://{your-instance}/starters`.
 

docs/guides/integration/create-with-sdk.md

@@ -147,7 +147,7 @@ Now that you have the content of your project defined, it is useful to provide s
 
 This is how the title and description look inside a StackBlitz project:
 
-<img alt="Example of Title and Description displayed in StackBlitz editor" src="./assets/metadata.png" style="width:450px" />
+<img alt="Example of Title and Description displayed in StackBlitz" src="./assets/metadata.png" style="width:450px" />
 
 ## Options: Customizing your project
 

docs/guides/integration/embedding.md

@@ -1,22 +1,22 @@
 ---
-title: Embedding projects
-description: Embedding is one way to display a StackBlitz editor in a documentation page, a blog post, or any other page. This page covers manual embedding in iframes. 
+title: Manually embedding projects
+description: Embedding is one way to display StackBlitz in a documentation page, a blog post, or any other page. This page covers manual embedding in iframes. 
 og_image: embedding-projects.png
 ---
 
 # {{ $frontmatter.title }}
 
-Embedding is one way to display a StackBlitz editor in a documentation page, a blog post, or any other page. This page covers manual embedding in iframes. You can also do it [programmatically by using our SDK](/guides/integration/create-with-sdk).
+Embedding is one way to display StackBlitz in a documentation page, a blog post, or any other page. This page covers manual embedding in iframes. You can also do it [programmatically by using our SDK](/guides/integration/create-with-sdk).
 
 ## Embedding StackBlitz project on a page
 
 **1.** Open a project of your choosing and click the "Share" button in the top left navigation bar:
 
-![Share Button in StackBlitz Editor](./assets/project-share-button.png)
+![Share Button in StackBlitz](./assets/project-share-button.png)
 
 **2.** In the popup window, choose the "Embed" tab. Customize your embed by choosing appropriate options from the panel on the right and check the preview on the bottom to see how your embed will look. If you're satisfied, copy the embed URL.
 
-![Embed and Preview tabs in StackBlitz Editor](./assets/embed-project.png)
+![Embed and Preview tabs in StackBlitz](./assets/embed-project.png)
 
 :::tip
 You can customize your embed further by adding suitable [query parameters](#embed-url-options).
@@ -69,5 +69,5 @@ You can use the following URL query parameters to customize the appearance and f
 Alternatively, you can use our [JavaScript SDK methods](/platform/api/javascript-sdk) for embedding StackBlitz projects in pages to avoid creating and configuring iframes.
 
 
-[ui_docs]: /guides/user-guide/ide-whats-on-your-screen
+[ui_docs]: /guides/user-guide/user-interface
 [available_env_docs]: /guides/user-guide/available-environments