feat: add contribution names for remapping in downstream apps

Co-authored-by: Cursor <cursoragent@cursor.com>

Author: erdalkaraca

packages/core/src/commands/global.ts

@@ -1,6 +1,7 @@
 import { registerAll } from "../core/commandregistry";
 import { CommandContribution } from "../core/contributionregistry";
 import { TOOLBAR_MAIN_RIGHT } from "../core/constants";
+import { TOOLBAR_FULLSCREEN, TOOLBAR_THEME_SWITCHER } from "../core/ui-ids";
 import { EditorInput, editorRegistry } from "../core/editorregistry";
 import { html } from "lit";
 import { toastError, toastInfo } from "../core/toast";
@@ -74,6 +75,7 @@ registerAll({
     },
     contribution: {
         target: TOOLBAR_MAIN_RIGHT,
+        name: TOOLBAR_THEME_SWITCHER,
         icon: "circle-half-stroke",
         label: "Theme Switcher",
     }
@@ -103,6 +105,7 @@ registerAll({
     },
     contribution: {
         target: TOOLBAR_MAIN_RIGHT,
+        name: TOOLBAR_FULLSCREEN,
         icon: "expand",
         label: "Fullscreen",
     }

packages/core/src/components/part-name.ts

@@ -3,16 +3,19 @@ import {DocksElement} from "../parts/element";
 import {html} from "lit";
 import {activePartSignal} from "../core/appstate";
 import {getActivePartDisplayName} from "./document-title";
-import {contributionRegistry, HTMLContribution} from "../core/contributionregistry";
+import {contributionRegistry} from "../core/contributionregistry";
 import {TOOLBAR_BOTTOM_CENTER} from "../core/constants";
+import {TOOLBAR_ACTIVE_PART_NAME} from "../core/ui-ids";
 import { icon } from '../core/icon-utils';
 import { i18n } from '../core/i18n';
 
 const t = await i18n(import.meta.glob('./partname*.json'));
 
 contributionRegistry.registerContribution(TOOLBAR_BOTTOM_CENTER, {
-    component: "<docks-part-name></docks-part-name>"
-} as HTMLContribution)
+    name: TOOLBAR_ACTIVE_PART_NAME,
+    label: "Active part",
+    component: "<docks-part-name></docks-part-name>",
+})
 
 @customElement('docks-part-name')
 export class DocksPartName extends DocksElement {

packages/core/src/components/tasks.ts

@@ -1,5 +1,6 @@
-import {contributionRegistry, HTMLContribution} from "../core/contributionregistry";
+import {contributionRegistry} from "../core/contributionregistry";
 import {TOOLBAR_BOTTOM_CENTER} from "../core/constants";
+import {TOOLBAR_TASKS} from "../core/ui-ids";
 import {customElement} from "lit/decorators.js";
 import { DocksElement } from "../parts/element";
 import {css, html, render} from "lit";
@@ -10,8 +11,10 @@ import {i18n} from "../core/i18n";
 const t = await i18n(import.meta.glob('./tasks*.json'));
 
 contributionRegistry.registerContribution(TOOLBAR_BOTTOM_CENTER, {
-    component: "<docks-tasks></docks-tasks>"
-} as HTMLContribution)
+    name: TOOLBAR_TASKS,
+    label: "Active Tasks",
+    component: "<docks-tasks></docks-tasks>",
+})
 
 // Singleton dialog container for progress dialog
 let progressDialogContainer: HTMLElement | null = null;

packages/core/src/contributions/default-ui-contributions.ts

@@ -10,10 +10,11 @@ import {
 import {
     VIEW_FILEBROWSER,
     VIEW_LOG_TERMINAL,
-    TOOLBAR_APP_SWITCHER,
+    TOOLBAR_LAYOUT_SWITCHER,
     TOOLBAR_FAST_VIEWS,
     TOOLBAR_INFO,
-    TOOLBAR_LANGUAGE_SELECTOR
+    TOOLBAR_LANGUAGE_SELECTOR,
+    SIDEBAR_TOOLBAR_EXTENSIONS
 } from "../core/ui-ids";
 
 contributionRegistry.registerContribution(SIDEBAR_MAIN, {
@@ -51,12 +52,13 @@ contributionRegistry.registerContribution(TOOLBAR_BOTTOM_END, {
 });
 
 contributionRegistry.registerContribution(TOOLBAR_MAIN_RIGHT, {
-    name: TOOLBAR_APP_SWITCHER,
-    label: "App Switcher",
+    name: TOOLBAR_LAYOUT_SWITCHER,
+    label: "Layout Switcher",
     component: () => html`<docks-layout-switcher></docks-layout-switcher>`
 } as HTMLContribution);
 
 contributionRegistry.registerContribution(SIDEBAR_MAIN_TOOLBAR, {
+    name: SIDEBAR_TOOLBAR_EXTENSIONS,
     command: "open_extensions",
     icon: "docks extensions",
     label: "Extensions",

packages/core/src/core/ui-ids.ts

@@ -4,7 +4,22 @@ export const VIEW_LOG_TERMINAL = "view.logTerminal";
 export const TOOLBAR_INFO = "toolbar.info";
 export const TOOLBAR_FAST_VIEWS = "toolbar.fastViews";
 export const TOOLBAR_LANGUAGE_SELECTOR = "toolbar.languageSelector";
-export const TOOLBAR_APP_SWITCHER = "toolbar.appSwitcher";
+/** Main toolbar (right): layout picker (`docks-layout-switcher`). */
+export const TOOLBAR_LAYOUT_SWITCHER = "toolbar.layoutSwitcher";
+/** Main toolbar (right): dark/light theme toggle (`switch_theme`). */
+export const TOOLBAR_THEME_SWITCHER = "toolbar.themeSwitcher";
+/** Main toolbar (right): document fullscreen toggle (`fullscreen`). */
+export const TOOLBAR_FULLSCREEN = "toolbar.fullscreen";
+/** Bottom-center toolbar: focused part title / active part indicator (`docks-part-name`). */
+export const TOOLBAR_ACTIVE_PART_NAME = "toolbar.activePartName";
+/** Bottom-center toolbar: background tasks / progress (`docks-tasks`). */
+export const TOOLBAR_TASKS = "toolbar.tasks";
+
+/** Main sidebar header toolbar: open extensions (`open_extensions` command). */
+export const SIDEBAR_TOOLBAR_EXTENSIONS = "sidebar.toolbar.extensions";
+
+/** Default file-type → icon mappings on `system.icons`. */
+export const SYSTEM_DEFAULT_FILE_ICONS = "system.icons.default";
 
 export const TOOLBAR_FILEBROWSER_RENAME = "toolbar.filebrowser.rename";
 export const TOOLBAR_FILEBROWSER_DELETE = "toolbar.filebrowser.delete";

packages/create-app/template/.vscode/launch.json

@@ -0,0 +1,21 @@
+{
+  "version": "0.2.0",
+  "configurations": [
+    {
+      "name": "Dev + Chrome",
+      "type": "node",
+      "request": "launch",
+      "runtimeExecutable": "npm",
+      "runtimeArgs": ["run", "dev"],
+      "cwd": "${workspaceFolder}",
+      "console": "integratedTerminal",
+      "internalConsoleOptions": "neverOpen",
+      "webRoot": "${workspaceFolder}/packages/app",
+      "serverReadyAction": {
+        "pattern": "Local:.*(https?://[^\\s]+)",
+        "uriFormat": "%s",
+        "action": "debugWithChrome"
+      }
+    }
+  ]
+}

packages/create-app/template/.vscode/tasks.json

@@ -0,0 +1,21 @@
+{
+  "version": "2.0.0",
+  "tasks": [
+    {
+      "label": "dev",
+      "type": "npm",
+      "script": "dev",
+      "isBackground": true,
+      "problemMatcher": [],
+      "options": {
+        "cwd": "${workspaceFolder}"
+      },
+      "presentation": {
+        "reveal": "always",
+        "panel": "dedicated",
+        "clear": true
+      },
+      "detail": "Run Vite dev server (use launch config for Chrome + debug)"
+    }
+  ]
+}